.page{background-color:#f7f7f7;padding-top:16px}.page header{background:url(../img/vip-bg2.58574340.png);background-size:100% 100%;height:120px;display:-webkit-box;display:-webkit-flex;display:flex;margin:0 16px 16px 16px;font-family:PingFangSC,PingFang SC}.page header img{width:48px;height:48px;border-radius:50%;margin:17px 10px 17px 17px;background:#fff}.page header div p{font-size:18px;color:#703b0d;margin-top:17px;font-weight:700}.page header div span{font-size:12px;color:rgba(112,59,13,.5)}.page header div span i{margin-left:10px}main{margin:20px 0;background:#fff;border-radius:10px}main h4{font-size:16px;color:#333;font-weight:700;padding:16px 17px}main h4 img{width:24px;height:24px;margin-right:8px;vertical-align:sub}main h4 span{margin-right:12px;position:relative;font-family:PingFang-SC}main h4 span.mini-text{font-size:14px;color:#888}main h4 span.active:before{content:"";position:absolute;bottom:-4px;left:20px;width:24px;height:2px;background:#333}main .price-block{padding:0 17px;gap:13px;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}main .price-block,main .price-block li{display:-webkit-box;display:-webkit-flex;display:flex}main .price-block li{position:relative;width:50%;height:124px;padding:20px 30px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;border:1px solid #eee;border-radius:10px;cursor:pointer;font-size:14px;color:#333;font-weight:700;font-family:PingFangSC,PingFang SC}main .price-block li span{position:absolute;left:0;top:-5px;font-size:10px;background:#f65959;color:#fff;padding:2px 7px;border-radius:7px 0 7px 0}main .price-block li .price{color:#6d4008;font-size:30px;line-height:37px;margin:4px 0 8px 0;font-family:PingFangSC,PingFang SC}main .price-block li .old-price{color:#888;text-decoration:line-through;font-size:12px;font-weight:400;font-family:PingFangSC,PingFang SC}main .price-block li.active{height:124px;background:#fef7f1;border-radius:10px;border:1px solid #f8ba68}main .vip-block{padding:0 17px}main .vip-block ul{-webkit-box-flex:1;-webkit-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:flex;gap:20px 5%;-webkit-flex-wrap:wrap;flex-wrap:wrap}main .vip-block li{width:30%;text-align:center;color:#333;font-size:14px;padding:0 3px}main .vip-block li img{width:44px;height:44px;margin-bottom:6px}main .equity-block{padding:0 17px;margin:17px 0 34px 0}main .equity-block ul{-webkit-box-flex:1;-webkit-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}main .equity-block li{width:24%;text-align:center;color:#333;font-weight:500;font-size:14px;padding:10px 3px;font-family:PingFang-SC;box-shadow:0 0 5px 0 rgba(0,0,0,.1)}main .equity-block li img{width:14px;vertical-align:middle}main .equity-block li div{height:30px;line-height:30px}main .equity-block li div:nth-child(2){font-size:14px;font-weight:800}main .equity-block li p{font-family:PingFang-SC}main .equity-block li:first-child{width:28%}main .equity-block .level-icon{width:32px;height:28px;display:inline-block}main .equity-block i.level-icon{display:block}main .equity-block .equity0{font-size:12px;color:#888;font-weight:400;border-radius:10px 0 0 10px}main .equity-block .equity1{background-color:#fae7cb}main .equity-block .equity2{background-color:#ececec}main .equity-block .equity3{background-color:#ddddf2}main .equity-block .l0e3,main .equity-block .l1e2,main .equity-block .l2e1{-webkit-transform:scale(1.08) translateY(8px);transform:scale(1.08) translateY(8px);border-radius:10px;padding-bottom:10px}main .equity-block .l0e3 .level-icon,main .equity-block .l1e2 .level-icon,main .equity-block .l2e1 .level-icon{margin-top:-30px;width:44px;height:39px}main button{width:-webkit-fill-available;height:40px;background:#f8b966!important;border-radius:10px;margin:16px;font-weight:700;color:#744919}main button:disabled{background-color:rgba(248,185,102,.458824)!important;color:#fff}main .protocal-block{margin:16px 16px 0;display:-webkit-box;display:-webkit-flex;display:flex}main .protocal-block .protocal-text{-webkit-box-flex:1;-webkit-flex:1;flex:1;margin-left:10px;font-size:12px;font-weight:400;color:#888;line-height:20px}main .protocal-block .protocal-text i{float:right;font-size:12px;font-weight:700;line-height:20px}.level-bg1{background:url(../img/level-bg1.03e04d00.png);background-size:100% 100%;background-repeat:no-repeat}.level-bg2{background:url(../img/level-bg2.d9a31e6f.png);background-size:100% 100%;background-repeat:no-repeat}.level-bg3{background:url(../img/level-bg3.b1913f49.png);background-size:100% 100%;background-repeat:no-repeat}.el-drawer__header{margin:0;padding:0}