box-mp/fastshop/pages/user/vip.wxss

.card_bg{padding: 10px 10px;color: #fff;}
/* 通行证卡 */
.card_id{height:160px;border-radius:5px;color: #fff;position:relative;}
.card_id .card-face{width: 40px;height:40px;position: absolute;top:10px;left:20px;border-radius:25px;overflow: hidden;border: 1px #fff solid;}
.card_id .card-face image{width:40px;height:40px;border-radius:25px;}
.card_id .card-title{position: absolute;top:8px;left:70px;font-size: 16px;line-height: 22px}
.card_id .card-text{font-size: 12px}
.card_id .card-level{position: absolute;top:10px;right:20px;line-height: 22px;z-index:8;}
.card_id .card-store{position: absolute;bottom:10px;left:10px;font-size: 28rpx;z-index:8;}
.card_id .card-price{position: absolute;bottom:10px;right:20px;font-size:20px;z-index:8;}
.card_id .card-no{position: absolute;bottom:5px;right:20px;font-size:18px}
.card_id .card-open{position: absolute;top:70px;left:20px;right: 20px;text-align: center;font-size: 28rpx;}
.card_id .card-open .card-open-text{padding: 10px 0px;}
.card_id .card-open button{width:120px;line-height:30px;font-size: 28rpx;background: none;border:1px #FFF solid;color: #FFF}
.card_id .card-open button-hover{background: none;}
.card_id .card-open .icon{vertical-align:middle;margin-right:5px}
.card_id .card-bg{border-radius:0px 5px 5px 0px;width:114px;height:160px;position: absolute;top:0px;right:0px;z-index:5;background-image:url('data:image/png;base64,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UmVhZHlxyWU8AAADJmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzU5NzU3MUZEOUU3MTFFOEE4MUZDQjA0MTM1NkQxODMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzU5NzU3MjBEOUU3MTFFOEE4MUZDQjA0MTM1NkQxODMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NTk3NTcxREQ5RTcxMUU4QTgxRkNCMDQxMzU2RDE4MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NTk3NTcxRUQ5RTcxMUU4QTgxRkNCMDQxMzU2RDE4MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvLx7SAAAAkmSURBVHja7J3rTlNBEMf3dtqCl0SDMfGLiT6An3wAn8zH8quGIEE0DShYCwp4KaUtIBSLUAHnfzzHAAoBtLQ7M5s0XmKw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');}
.card_id.blue{background-image:-webkit-gradient(linear,0 50%,100% 50%,from(#5498FE),to(#0C6AF3));color: #FFF}
.card_id.red{background-image:-webkit-gradient(linear,0 50%,100% 50%,from(#FE6862),to(#ED352E));color: #FFF!important}
.card_id.green{background-image:-webkit-gradient(linear,0 50%,100% 50%,from(#2CC175),to(#039C4E));color: #FFF}
.card_id.purple{background-image:-webkit-gradient(linear,0 50%,100% 50%,from(#BC72FE),to(#8F21F1));color: #FFF}
.card_id.yellow{background-image:-webkit-gradient(linear,0 50%,100% 50%,from(#FFAA59),to(#FF820B));color: #FFF}
.card_id.gray{background-image:-webkit-gradient(linear,0 50%,100% 50%,from(#CFD8DC),to(#ECEFF1));color: #353535!important}
.card_id.gray button{border:1px #FFF solid;color: #353535!important}
.van-cell-group{margin: 0px 5px}