.main>.content>.user-info{position:relative;width:100%;height:94px;background-color:#fbfcfc;border-radius:8px 8px 0 0;overflow:hidden;background:url(/static/images/vip/banner-bg.png) no-repeat;background-size:cover;display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-start}.main>.content>.user-info>.banner{flex:1;height:80%;text-align:center}.main>.content>.user-info>.banner>img{height:100%}.main>.content>.user-info>.signin,.main>.content>.user-info>.unsignin{width:318px;height:100%}.main>.content>.user-info>.unsignin{cursor:pointer}.main>.content>.user-info>.signin>.avatar,.main>.content>.user-info>.unsignin>.avatar{position:absolute;margin:auto;left:24px;top:0;bottom:0;width:54px;height:54px;border-radius:27px;overflow:hidden}.main>.content>.user-info>.signin>.user,.main>.content>.user-info>.unsignin>.user{position:absolute;display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-start;left:91px;top:21px;height:22px;font-weight:700;font-size:16px;color:#fff;line-height:22px;text-align:left;font-style:normal}.main>.content>.user-info>.signin>.user>.nickname{margin-right:8px}.main>.content>.user-info>.signin>.user>.badge{position:relative;padding-left:26px;width:79px;height:24px;line-height:20px;background:#fff7e2;border-radius:16px;border:2px solid #fff2cf;font-weight:700;font-size:12px;color:#ffb321;font-style:normal;user-select:none}.main>.content>.user-info>.signin>.user>.badge::before{content:' ';position:absolute;margin:auto;top:0;bottom:0;left:6px;width:16px;height:16px;background:linear-gradient(180deg,#ffb321 0,#ffda45 100%);border:1px solid #ffedb4;border-radius:50%}.main>.content>.user-info>.signin>.user>.badge::after{content:' ';position:absolute;margin:auto;top:0;bottom:0;left:6px;width:16px;height:16px;background-image:url(/static/images/vip/badge.png);background-repeat:no-repeat;background-position:center center;background-size:8px 8px;border:1px solid transparent}.main>.content>.user-info>.signin>.user>.badge.gray{width:82px;filter:grayscale(1.1)}.main>.content>.user-info>.signin>.additional-info,.main>.content>.user-info>.unsignin>.additional-info{position:absolute;left:91px;bottom:21px;height:22px;font-size:14px;color:rgba(255,255,255,.65);line-height:22px;text-align:left;font-style:normal}.main>.content>.vip-info{position:relative;width:100%;height:589px;background:#fff;border-radius:0 0 8px 8px;overflow:hidden}.main>.content>.vip-info>.description{position:absolute;display:flex;flex-flow:column nowrap;margin:auto;top:0;bottom:0;left:24px;width:318px;height:541px;background:linear-gradient(180deg,#fffbf6 0,#fffdfb 100%);border-radius:8px;overflow:hidden}.main>.content>.vip-info>.description>header{position:relative;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;width:100%;height:56px;background:#fff1de;border-radius:8px 8px 0 0}.main>.content>.vip-info>.description>header img{margin-right:10px;width:24px}.main>.content>.vip-info>.description>header h1{position:relative;margin:0;padding:0;text-align:center;font-size:20px;color:#fa8c16}.main>.content>.vip-info>.description>.list{flex:1;overflow:hidden}.main>.content>.vip-info>.description>.list ul{margin:0;padding:0;list-style:none}.main>.content>.vip-info>.description>.list ul>li{display:flex;margin:auto;margin-top:32px;width:228px;background-size:44px 44px;background-position:left center}.main>.content>.vip-info>.description>.list ul>li>div{margin-left:16px}.main>.content>.vip-info>.description>.list ul li h2{padding:0;margin:0;font-size:14px;color:rgba(0,0,0,.88);text-align:left;font-style:normal}.main>.content>.vip-info>.description>.list ul li p{padding:0;margin:0;font-size:14px;color:rgba(0,0,0,.35);text-align:left;font-style:normal}.main>.content>.vip-info>.charge{position:absolute;margin:auto;top:0;bottom:0;right:24px;width:810px;height:541px}.main>.content>.vip-info>.charge>.package{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between}.main>.content>.vip-info>.charge>.package .box{position:relative;width:259px;height:233px;background:#fff;border-radius:8px;border:2px solid #ffe7d0;text-align:center;overflow:hidden;user-select:none;cursor:pointer;transition:all ease .2s}.main>.content>.vip-info>.charge>.package .box.active{background:linear-gradient(180deg,#ff391e 0,#ff7e58 100%);border:2px solid #ff672a;color:rgba(255,255,255,.88)}.main>.content>.vip-info>.charge>.package .box.active .title{color:rgba(255,255,255,.88)}.main>.content>.vip-info>.charge>.package .box.active p{color:rgba(255,255,255,.88)}.main>.content>.vip-info>.charge>.package .box.active .save{color:rgba(0,0,0,.88)}.main>.content>.vip-info>.charge>.package .box.active::after{content:' ';position:absolute;top:0;right:0;width:68px;height:56px;background:url(/static/images/vip/check.png) no-repeat}.main>.content>.vip-info>.charge>.package .box p{margin:0;padding:0}.main>.content>.vip-info>.charge>.package .box .title{padding:0;margin:0;margin-top:32px;font-weight:700;font-size:16px;color:rgba(0,0,0,.88);font-style:normal}.main>.content>.vip-info>.charge>.package .box .price{display:flex;flex-flow:row nowrap;align-items:baseline;justify-content:center;margin-top:16px;font-weight:700;font-size:46px;color:rgba(0,0,0,.88);font-style:normal}.main>.content>.vip-info>.charge>.package .box .price .small{margin-right:4px;font-size:20px;transform:translateY(-4px)}.main>.content>.vip-info>.charge>.package .box .origin{margin-top:8px;font-size:14px;color:rgba(0,0,0,.35);font-style:normal}.main>.content>.vip-info>.charge>.package .box .save{position:absolute;margin:auto;left:0;right:0;bottom:0;width:100%;height:40px;line-height:40px;background:linear-gradient(180deg,#fff2dc 0,#fffcf5 100%);border-radius:0 0 6px 6px;font-size:14px;color:#7d4312;font-style:normal}.main>.content>.vip-info>.charge .way{display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;margin-top:24px;width:100%;height:40px;background:#f5f5f5;border-radius:6px;border:0 solid rgba(0,0,0,.65);user-select:none}.main>.content>.vip-info>.charge .way>div{padding-left:191px;width:403px;height:36px;line-height:36px;cursor:pointer;font-size:16px;color:rgba(0,0,0,.88);transition:all .2s ease}.main>.content>.vip-info>.charge .way>div.active{background:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.03),0 1px 6px -1px rgba(0,0,0,.02),0 2px 4px 0 rgba(0,0,0,.02);border-radius:4px;border:0 solid rgba(0,0,0,.88)}.main>.content>.vip-info>.charge .way>div.alipay{background-image:url(/static/images/vip/alipay.png);background-size:20px 20px;background-repeat:no-repeat;background-position:163px}.main>.content>.vip-info>.charge .way>div.wepay{background-image:url(/static/images/vip/wepay.png);background-size:20px 20px;background-repeat:no-repeat;background-position:163px}.main>.content>.vip-info>.charge .payment{position:relative;margin-top:24px;width:100%;height:220px;background:#fff;box-shadow:0 4px 8px 0 #f7f7f7;border:1px solid #f0f0f0;border-radius:7px;overflow:hidden}.main>.content>.vip-info>.charge .payment>header{width:100%;height:56px;line-height:56px;background:#fbfbfb;border-bottom:1px solid #f0f0f0;overflow:hidden;text-align:center}.main>.content>.vip-info>.charge .payment>header h3{padding:0;margin:0;font-size:16px;color:rgba(0,0,0,.88);font-style:normal}.main>.content>.vip-info>.charge .payment>.order-content{display:flex;flex-flow:row wrap;align-items:flex-start;justify-content:space-between;padding:24px 45px;padding-bottom:18px;overflow:hidden;font-size:14px;text-align:center}.main>.content>.vip-info>.charge .payment>.order-content p{padding:0;margin:0;line-height:28px}.main>.content>.vip-info>.charge .payment>.order-content p.item .label{color:rgba(0,0,0,.45);font-style:normal}.main>.content>.vip-info>.charge .payment>.order-content p.item .value{display:inline-block;color:rgba(0,0,0,.88);text-align:left;font-style:normal}.main>.content>.vip-info>.charge .payment>.order-content p.caution{display:flex;flex-flow:row nowrap;align-items:center;justify-items:flex-start;margin-top:8px;font-size:14px;color:rgba(0,0,0,.25);text-align:left;font-style:normal}.main>.content>.vip-info>.charge .payment>.order-content p.caution i{display:inline-block;margin-right:5px;width:16px;height:16px;border-radius:8px;background:rgba(0,0,0,.25);color:#dedede;text-align:center;line-height:16px;font-size:12px;font-style:normal}.main>.content>.vip-info>.charge .payment>.order-content p.button{position:absolute;margin:auto;left:0;right:0;bottom:18px}.main>.content>.vip-info>.charge .payment>.order-content p.button button{width:152px;height:40px;border-radius:8px;background-color:transparent;background:#ff672a;cursor:pointer;outline:0;font-size:16px;color:#fff;line-height:24px;text-align:center;font-style:normal;border:none;user-select:none}.main>.content>.vip-info>.charge .payment>.order-content p.button button:hover{filter:brightness(1.1)}.pay-container{height:276px;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center}.pay-container .qrcode{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;width:200px;height:212px;background:#fff;border-radius:8px;border:1px solid #ebebeb}.pay-container .qrcode .img{display:block;padding:0;margin:0;width:136px;height:136px;overflow:hidden;border:none}.pay-container .qrcode>.hint{margin-top:8px;height:20px;line-height:20px;padding-left:20px;font-size:12px;text-align:left;font-style:normal;font-weight:700}.pay-container .qrcode>.hint.wechat{color:#48b338;background-image:url(/static/images/vip/wepay.png);background-repeat:no-repeat;background-size:16px 16px;background-position:left center}.pay-container .qrcode>.hint.alipay{color:#00a0ea;background-image:url(/static/images/vip/alipay.png);background-repeat:no-repeat;background-size:16px 16px;background-position:left center}.pay-container .cash{margin-top:16px;font-weight:700;font-size:16px;color:rgba(0,0,0,.88);line-height:24px;text-align:left;font-style:normal}.pay-container .cash .count{margin-left:4px;color:#ff391e}.main>.content>.vip-info>.charge .payment>.order-content p.button button[disabled]{background-color:#f5f5f5!important;border:1px solid #d9d9d9!important;color:rgba(0,0,0,.25)!important;cursor:not-allowed}.main>.content>.vip-info>.charge .payment>.order-content p.button button[disabled]:hover{background-color:#f5f5f5}