.userPage .shareqrcode{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:999}.userPage .qrtips{position:fixed;bottom:12%;border:2px solid #fff;z-index:9999;text-align:center;color:#fff;padding:5px;border-radius:20px;left:50%;transform:translate(-50%)}.userPage .van-icon-close{position:fixed;top:145px;font-size:28px;left:90%;color:#fff;z-index:9999}.userPage .qrcodedisplay{margin:0;padding:0;width:320px;height:440px;overflow:hidden;background-color:transparent!important}.userPage .qrcodedisplay img{width:100%}.userPage .shareqrcode .sharecode{margin:0;padding:0;height:100vh}.userPage .shareqrcode .yqImg{width:100%}.userPage .shareqrcode .qrcode{position:fixed;top:112px;left:72px}.userPage .shareqrcode .qrcode img{width:100px;height:100px}.userPage .shareqrcode .userPage .share{width:100%}.userPage .user-top{background-color:var(--theme-color);padding:6% 4% 0 4%;height:54px;padding-bottom:20px}.userPage .van-icon-qr{font-size:26px}.userPage .mypage{background-color:#f6f6f6;height:100vh}.userPage .mypage-load{width:100%;margin:0 auto;position:fixed;text-align:center;bottom:50%}.userPage .icon-four,.userPage .icon-one,.userPage .icon-there,.userPage .icon-two{position:absolute;width:50px;height:50px;border-radius:30%}.userPage .mypage .image{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);width:60px!important;height:60px;z-index:99}.userPage .van-overlay{z-index:2001!important}.userPage .mypage-top-bage{background-color:#fff}.userPage .arc{width:100%;z-index:1;background-color:var(--theme-color);height:26px;-webkit-clip-path:ellipse(80% 100% at 50% 0);clip-path:ellipse(80% 100% at 50% 0);overflow-y:hidden;padding-bottom:30px;margin-top:-1px}.userPage .membership-card{background-image:url(../img/kaitong.2f1d4bb4.png);background-size:100% auto;margin:0 4%;z-index:-1;padding:5% 4% 6% 4%;border-radius:5px;font-size:14px;color:#f3e8d6}.userPage .membership-card .top-vip{float:left;color:#f3e8d6;font-size:14px}.userPage .membership-card .top-open{float:right;color:#f3e8d6}.userPage .user-top .top-name{float:right;color:#fff;font-size:16px;text-align:center}.userPage .user-top .top-name .myqrcode{font-size:16px}.userPage .user-top .top-name .personal-data{font-size:14px}.userPage .user-top .top-headportrait{float:left}.userPage .user-name{float:left;color:#fff;font-size:16px;padding-top:10px;margin-left:4%;font-weight:700}.userPage .user-id{font-size:14px;color:#fff;padding:2px;font-weight:500}.userPage .personal-data .van-icon-arrow{font-size:16px;line-height:60px}.userPage .user-top .top-headportrait img{width:56px;height:56px;border-radius:50%;border:2px solid #fff}.userPage .user-tool{border-bottom:4px solid #f3f4f6}.userPage .user-tool,.userPage .user-tool-tow{padding:0 4%;background-color:#fff}.userPage .user-tool-tow .van-cell:after{border:1px solid #ececec;width:100%!important;left:0;right:0}.userPage .user-tool-tow .van-cell{width:100%;padding:18px 0;background-color:transparent}.userPage .user-tool .van-cell:after{border:1px solid #ececec;width:100%!important;left:0;right:0}.userPage .user-tool .van-cell{width:100%;padding:18px 0;background-color:transparent}.userPage .user-tool .van-cell span{line-height:30px}.userPage .user-tool .van-cell .van-icon:before{line-height:30px}.userPage .recordsOfConsumption .record-consumption{padding:70px 0 90px 0}.userPage .mypage .white-background{background-color:#fff;z-index:2001;position:fixed;top:20%;height:80vh;width:100%}.userPage .mypage .top-nav{width:100%;position:fixed;top:20%;background-color:#fff;z-index:9999}.userPage .mypage .top-nav .top-close{padding-right:4%;margin-top:5%;font-size:20px;color:#000}.userPage .mypage .top-nav .record-title{margin:0 4%;margin-top:5%;padding-left:2%;border-left:8px solid var(--theme-color);font-size:16px;font-weight:700}.userPage .recordsOfConsumption .van-divider{margin:0 4%;margin-top:4%}.userPage .recordsOfConsumption .van-empty{margin-top:100px}.userPage .consumption{padding:4%;margin:0 4%;background-color:#ebebeb;margin-top:4%;font-size:14px;border-radius:10px}.userPage .consumption .records-of-consumption{float:left;line-height:33.6px}.userPage .consumption .records-of-consumption .consumption-amount{font-size:18px;font-weight:700;margin-left:20px}.userPage .consumption .dissipate{float:right;text-align:center}.userPage .mypage .van-grid{padding:0 4%;border-bottom:4px solid #f3f4f6;background-color:#fff}.userPage .mypage .van-grid img{width:1%}.userPage .mypage .van-grid .van-grid-item__content{background-color:transparent;padding:12% 0!important;height:100px!important}.userPage .mypage .vertical-line{width:4px!important}.userPage .mypage .van-grid-item{flex-basis:24.25%!important;font-size:14px!important}.userPage .mypage .option-text{margin-top:86px}.userPage .mypage .upper-story-return{width:100%;background-color:#fff;position:fixed;bottom:0;left:0;padding-bottom:20px;padding:4%;z-index:9999}.userPage .mypage .upper-story{width:92%;background-color:var(--theme-color);color:#fff;font-size:12px;line-height:44px;border-radius:5px;text-align:center}.userPage .mypage .recordsOfConsumption .copy{width:92%;margin:10% 4% 0 4%}.userPage .mypage .recordsOfConsumption .copy .van-button--primary{width:70px}.userPage .mypage .recordsOfConsumption .copy .van-field__label{width:70px;margin:0}.userPage .mypage .station-position{height:60px;background-color:#f4f4f4}