@charset "utf-8";
.toolbar{background-color:#3D464D;color:#fff}
.toolbar a{color:#fff}
.vip-top{background-color:#3D464D;border-top:1px solid #3D464D;margin-top:-1px;position:relative;z-index:21001;width:100%}
.vip-con{margin:.3rem .3rem 0;padding:.5rem .3rem;background-color:#ededed;background-image:linear-gradient(-90deg,#F1DDB4 3%,#F9EDD1 98%);border-top-left-radius:4px;border-top-right-radius:4px}
.user-img{width:.8rem;height:.8rem;float:left}
.user-img img{width:100%}
.user-side{padding-left:1.1rem}
.user-side h3{font-size:.32rem;color:#333}
.user-side p{text-align:left;font-size:.24rem;color:#666;margin-top:.06rem}
.vip-item{padding:0 .3rem;overflow:hidden;box-shadow:0 .2rem 0 0 #f7f7f7;margin-bottom:.2rem}
.vip-item h3{height:.9rem;line-height:.9rem;border-bottom:1px solid #ebebeb;font-size:.32rem}
.u1{margin:0.3rem 0;white-space:nowrap;overflow-y:auto;font-size:0}
.u1 li{width:1.8rem;background:#f7f7f7;border:1px solid #f7f7f7;text-align:center;border-radius:4px;padding:0.3rem 0;line-height:1;margin-right:0.3rem;display:inline-block}
.u1 li.active{background-color:#fcf4e9;border-color:#e7c385}
.u1 li:last-child{margin-right:0}
.u1 li h5{font-size:.28rem;color:#333}
.u1 li .vprice{padding:.3rem 0;font-size:.4rem;color:#C79743}
.u1 li .vprice span{font-size:.24rem}
.u1 li p{font-size:.24rem;color:#666}
.u2{overflow:hidden;padding-top:.5rem;line-height:1}
.u2 li{float:left;width:25%;margin-bottom:.5rem;text-align:center}
.u2 li i{font-size:.8rem;color:#e7c385}
.u2 li p{margin-top:.2rem;font-size:.24rem;color:#666}
.pay-way{padding:0 .3rem;box-shadow:0 0.2rem 0 0 #f7f7f7;margin-bottom:0.2rem}
.pay-way h3{height:.88rem;line-height:.88rem;border-bottom:1px solid #ebebeb;font-size:.32rem}
.pay-item{height:1.06rem;line-height:1.06rem;border-bottom:1px solid #ebebeb;font-size:.28rem}
.pay-item i{font-size:24px;vertical-align:bottom;margin-right:.12rem}
.pay-item i{color:#59bb38}
.pay-item:nth-of-type(2) i{color:#3f9bf8}
.pay-item:last-child{border-bottom:0}
.pay-item .checkbox{}
.pay-item .checkbox input[type=checkbox]{float:right;-webkit-appearance:none;resize:none;margin-top:.36rem}
.pay-item .checkbox input[type=checkbox]:before{font-family:iconfont;content:'\e685';font-size:.36rem;font-weight:400;line-height:1;text-decoration:none;color:#aaa;border-radius:0;background:0 0;-webkit-font-smoothing:antialiased}
.pay-item .checkbox input[type=checkbox]:checked:before{content:'\e67f';color:#21C1AD}
.vip-agreement{box-shadow:0 0.2rem 0 0 #f7f7f7;padding-bottom:1.68rem}
.vip-agreement a{display:block;height:.88rem;line-height:.88rem;margin:0 .3rem;color:#333;font-size:.28rem}
.vip-agreement a:first-child{border-bottom:1px solid #ebebeb}
.vip-agreement a i{font-size:.28rem;float:right;color:#ccc}
.pay-box{padding:0.3rem;position:fixed;bottom:0;left:0;width:100%;background:#fff}
.pay-btn{display:block;height:0.88rem;line-height:.88rem;color:#fff;text-align:center;background-color:#e7c385;border-radius:4px;color:#fff}
.rechargeDetail-alert-bg{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);z-index:21001;display:none}
.rechargeDetail-alert{width:100%;background-color:#fff;position:fixed;bottom:0;padding:0 0.3rem 0.3rem;}
.rechargeA-head{width:100%;height:1.12rem;position:relative;line-height:1.12rem;text-align:center;color:#444;font-size:.32rem}
.recharge-money{height:1rem;line-height:1rem;font-size:.72rem;text-align:center;color:#19A79A;font-weight:normal;margin-top:-.32rem}
.rechargeA-head .iconfont{position:absolute;right:0;color:#949494;font-size:.3rem}

/*充值反馈*/
.zbox-popup{position:fixed;z-index:10000;top:50%;left:50%;display:none;width:270px;width:80%;-webkit-transition-property:-webkit-transform,opacity;transition-property:transform,opacity;-webkit-transform:perspective(1200px) translate3d(-50%,-50%,0) scale(1.2);transform:perspective(1200px) translate3d(-50%,-50%,0) scale(1.2);text-align:center;opacity:0;color:#333;border-radius:10px;z-index:100001;background:#fff;-webkit-perspective:1200px;-moz-perspective:1200px;-ms-perspective:1200px;-o-perspective:1200px;perspective:1200px;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-font-smoothing:antialiased}
.zbox-popup.zbox-popup-in{display:block;transition-property:all;-webkit-transition-duration:400ms;transition-duration:400ms;-webkit-transform:perspective(1200px) translate3d(-50%,-50%,0) scale(1);transform:perspective(1200px) translate3d(-50%,-50%,0) scale(1);opacity:1}
.zbox-popup-inner{position:relative;padding:15px;border-radius:3px 3px 0 0}
.zbox-popup-inner:after{position:absolute;z-index:15;top:auto;right:auto;bottom:0;left:0;display:block;width:100%;height:0px;content:'';-webkit-transform:scaleY(.5);transform:scaleY(.5);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;background-color:rgba(0,0,0,.2)}
.zbox-popup-title{font-size:.24rem;font-weight:normal;text-align:center;color:#666;background:url(../image/alert-img.png) no-repeat;width:1.92rem;background-size:contain;height:1.92rem;position:absolute;top:-1.36rem;left:50%;margin-left:-.96rem}