.nodata{text-align:center}.nodata .display{padding-top:32vw}.nodata .display .van-button{margin-top:2.66667vw}.nodata img{width:60%}.nodata .sub{margin-top:2vw;font-size:4.26667vw;color:#999}.page-personal-components-card-holder .top-bg{-webkit-box-sizing:border-box;box-sizing:border-box;padding:1.33333vw 4.26667vw 0;position:relative;color:#fff}.page-personal-components-card-holder .top-bg .card-label{position:absolute;top:14vw;left:9.33333vw;display:-webkit-box;display:-ms-flexbox;display:flex}.page-personal-components-card-holder .top-bg .card-label .icon-left-img{width:9.06667vw;height:9.06667vw}.page-personal-components-card-holder .top-bg .card-label .collage-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.page-personal-components-card-holder .top-bg .card-label .collage-info .share-nums{font-size:3.73333vw}.page-personal-components-card-holder .top-bg .left-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:3.73333vw;position:absolute;top:26.66667vw;left:9.33333vw;bottom:2.66667vw}.page-personal-components-card-holder .top-bg .left-title .left-small{font-size:3.2vw}.page-personal-components-card-holder .top-bg .right-title{text-align:right;font-size:3.73333vw;position:absolute;right:8.53333vw;top:14vw;width:100%}.page-personal-components-card-holder .top-bg .top-img{width:100%;margin:auto;height:48vw}.page-personal-components-card-holder .top-bg .status-cancel{position:absolute;top:4.66667vw;right:6vw}.page-personal-components-card-holder .top-bg .status-cancel .bt-blue{opacity:.7;background:#3368bf;border:0}.page-personal-components-card-holder .top-bg .status-cancel .bt-yellow{opacity:.7;background:#c29c62;border:0}.page-personal-components-card-holder .top-bg .status-cancel-img{position:absolute;top:1.33333vw;right:4.26667vw;text-align:right}.page-personal-components-card-holder .top-bg .status-cancel-img img{width:25%;-o-object-fit:cover;object-fit:cover}.page-personal-components-card-holder .top-bg .status-expired{position:absolute;top:1.33333vw;right:4.26667vw;text-align:right}.page-personal-components-card-holder .top-bg .status-expired img{width:25%;-o-object-fit:cover;object-fit:cover}.page-personal-components-card-holder .top-bg .btn-not-use-send{position:absolute;bottom:4.53333vw;left:9.33333vw;display:-webkit-box;display:-ms-flexbox;display:flex}.page-personal-components-card-holder .top-bg .btn-not-use-send .bt-blue{opacity:.7;background:#3368bf;border:0}.page-personal-components-card-holder .top-bg .btn-not-use-send .bt-yellow{opacity:.7;background:#c29c62;border:0}.page-personal-components-card-holder .top-bg .btn-not-use-send .van-button:first-child{margin-bottom:2.66667vw}.page-personal-components-card-holder .top-bg .btn-not-use-send .card-status{margin-top:1.06667vw}.page-personal-components-card-holder .top-bg .btn-not-use-send img{width:100%;height:100%}.page-personal-components-card-holder .top-bg .icon-bg{position:absolute;top:10.93333vw;right:12.26667vw;width:21.06667vw;height:21.06667vw}.page-personal-components-card-holder .top-bg .icon-bg img{width:100%;height:100%}.page-personal-components-card-holder .open-class{height:8.53333vw;background:#a57225;border-color:#a57225;border-radius:4.8vw}.page-personal-components-card-holder .send-class{margin-left:2.66667vw;height:8.53333vw;background:#b98d4c;border-color:#b98d4c;border-radius:4.8vw}.page-personal-components-card-holder .r-text-color{color:#513715}.page-personal-components-card-holder .s-text-color{color:#4b5f9b}.page-personal-components-card-holder .t-text-color{color:#6f3a32}.page-personal-components-card-holder .r-open-class{background:#513715;border-color:#513715;color:#f4e6c7}.page-personal-components-card-holder .s-open-class{background:#4b5f9b;border-color:#4b5f9b;color:#f3f5fa}.page-personal-components-card-holder .t-open-class{background:#6f3a32;border-color:#6f3a32;color:#f5e9e6}.page-personal-my-card-holder .detail{padding:0 4.26667vw}.page-personal-my-card-holder .detail .name{vertical-align:middle;text-align:center}.page-personal-my-card-holder .detail .from,.page-personal-my-card-holder .detail .name{height:11.73333vw}.page-personal-my-card-holder .detail .from,.page-personal-my-card-holder .detail .name,.page-personal-my-card-holder .detail .time{-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:11.73333vw;display:-webkit-box;display:-ms-flexbox;display:flex;color:#333;font-size:3.73333vw;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.page-personal-my-card-holder .detail .time{vertical-align:middle;text-align:center}.page-personal-my-card-holder .detail .right,.page-personal-my-card-holder .detail .valid{-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:11.73333vw;min-height:11.73333vw;display:-webkit-box;display:-ms-flexbox;display:flex;color:#333;font-size:3.73333vw;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.page-personal-my-card-holder .permissions-title{font-size:4.8vw;color:#333;margin-top:8.53333vw;margin-left:4.26667vw}.page-personal-my-card-holder .dis-list{text-align:center;margin-bottom:13.33333vw;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.page-personal-my-card-holder .dis-list li{width:25%;margin-bottom:2.66667vw;font-size:3.2vw;color:#666}.page-personal-my-card-holder .dis-list li i{display:inline-blocK;margin-top:2.13333vw;margin-bottom:2.66667vw}.page-personal-my-card-holder .dis-list:after{content:"";clear:both;display:block}.page-personal-my-card-holder .content{padding:4vw 4vw 0}.page-personal-my-card-holder .content .content-title{margin-top:10.66667vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:500;font-size:4.26667vw;color:#333;line-height:6.4vw;margin-bottom:4vw}.page-personal-my-card-holder .content .content-title div{margin-right:1.6vw;width:1.06667vw;height:4.26667vw;background:#63636b;border-radius:.26667vw}.page-personal-my-card-holder .content .content-img-bg{margin-bottom:2.8vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.page-personal-my-card-holder .content img{width:44.66667vw;height:21.33333vw}.page-personal-my-card-holder .special .special-item{margin-bottom:2.66667vw;background:#fff;border-radius:2.13333vw;border:1px solid #f4d4ba;padding:4vw;font-size:3.73333vw;color:#000;line-height:6.13333vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.page-personal-my-card-holder .special .special-item img{width:10.66667vw;height:10.66667vw;-ms-flex-negative:0;flex-shrink:0}.page-personal-my-card-holder .special .special-item div{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin:0 8vw 0 4vw}.page-personal-my-card-holder .special .special-item span{font-weight:500;font-size:3.73333vw;color:#ff4a4a;line-height:6.13333vw;-ms-flex-negative:0;flex-shrink:0}.page-personal-my-card-holder .special-s .special-item{border:1px solid #d0d3e8!important}.page-personal-my-card-holder .special-t .special-item{border:1px solid #f1dad4!important}.page-personal-my-card-holder .special-ty .special-item{border:1px solid #d7ddee!important}