.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{min-height:100vh}.page-personal-my-card-holder .tab-list{padding-bottom:0;padding-top:0}.page-personal-my-card-holder [class*=van-hairline]:after{border:none}.page-personal-my-card-holder .nodata .display{padding-top:8vw;padding-bottom:8vw}.page-personal-my-card-holder .icon-gohome{position:fixed;bottom:13.33333vw;right:0}