.wrap{background:#f4f4f4;width:100%;min-height:99%}.card-face-container{height:5.33333rem;margin:0 auto;position:relative;color:#000}.card-face-container .card-bg{height:100%;width:100%;position:absolute}.card-face-container .card-top-info{position:absolute;top:.32rem;width:100%;padding:0 .37333rem;display:flex;justify-content:space-between;align-items:center}.card-face-container .card-top-info .card-top-org{font-size:.37333rem;line-height:.53333rem}.card-face-container .card-top-info .card-top-title{display:flex;align-items:center;justify-content:space-between;font-size:.42667rem;line-height:1.12rem;color:#2b2b2b}.card-face-container .card-top-info .card-top-title img{height:.73333rem;width:.73333rem;margin-right:.10667rem}.card-face-container .card-detail-info{position:absolute;top:1.65333rem;display:flex;justify-content:space-between;align-items:flex-end;width:100%;padding:.32rem}.card-face-container .card-detail-info .card-user-info{font-size:.53333rem;color:#2b2b2b}.card-face-container .card-detail-info .card-user-info .card-user-name{height:.13333rem}.card-face-container .card-detail-info .card-user-info .card-user-id{font-size:.42667rem;line-height:.58667rem;display:block;padding-top:.32rem}.card-face-container .card-detail-info .card-qrcode{background:#fff;position:relative}.card-face-container .card-detail-info .card-qrcode .card-qrcode-logo{height:.58667rem;width:.58667rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card-face-container .card-detail-info .card-qrcode img{height:2.05333rem;width:2.05333rem}.card-face-container .card-footer{position:absolute;font-size:.37333rem;bottom:.26667rem;left:50%;transform:translateX(-50%);white-space:nowrap;letter-spacing:0;line-height:.66667rem}.cardList-wrap .cardlist{width:7.5rem;padding:.7rem 0;background:#fff}.cardList-wrap .emptycard{display:flex;flex-direction:column;align-items:center;justify-content:center}.cardList-wrap .emptycard img{width:3.2rem;height:3.2rem;margin-top:1.06667rem}.cardList-wrap .emptycard p{width:100%;text-align:center;font-size:.4rem;line-height:.8rem;font-size:.37333rem;color:#888;margin-top:.26667rem}.cardList-wrap .button{margin-top:.38rem;font-family:PingFangSC-Regular}.cardList-wrap .button .addbtn{display:block;background:#1989fa;border-radius:.26667rem;color:#fff;margin:0 auto .17rem;text-align:center;border-radius:.13333rem}.cardList-wrap .button .tips{color:#888}.cardList-wrap .button .tips,.cardList-wrap .button .tips2{text-align:center;line-height:.53333rem;font-size:.37333rem;margin-top:.53333rem}.cardList-wrap .bottom{padding-top:1.33333rem}