body,button,input,select,textarea{font:16px/1.2 Microsoft YaHei,PingFangSC-Regular,sans-serif,arial;color:#333;outline:0}body{background:#f2f2f2;max-width:750px;width:3.75rem;margin:0 auto;padding:0}img{display:block;width:100%}.main{min-height:100vh;background:url(../img/vip-top-bg1.b66d73b6.png) 0 -.5rem/100% auto no-repeat;color:#000;position:relative;flex-direction:column}.header,.main{width:100%;display:flex}.header{height:.44rem;justify-content:center;align-items:center;font-size:.16rem;flex-shrink:0}.header.sticky{position:sticky;top:0;background:#fff}.header .back{width:.16rem;height:.16rem;position:absolute;left:.24rem;top:.14rem;flex-shrink:0}.card-1{width:3.01rem;margin:0 auto;height:.58rem;padding-left:.12rem;padding-right:.12rem;padding-bottom:.14rem;justify-content:space-between;background:url(../img/vip-order-top-bg2.8adf0504.png) 0 0/100% no-repeat;gap:.1rem}.card-1,.card-1 .left{display:flex;align-items:center}.card-1 .left{width:80%;height:100%;gap:.06rem}.card-1 .left .ext{flex-direction:column;gap:.06rem}.card-1 .left .ext,.card-1 .right{display:flex;justify-content:center}.card-1 .right{max-width:1.09rem;height:.32rem;box-sizing:border-box;padding:.06rem .08rem;flex-shrink:0;align-items:center;border-radius:.08rem;background:url(../img/my-cardbtn.87632f88.png) 0 0/100% 100% no-repeat;color:#ffefd8;font-size:.14rem}.card-1 .avatar{border-radius:50%;width:.38rem;height:.38rem;flex-shrink:0}.card-1 .left .ext{white-space:nowrap;line-height:1}.card-1 .ext .nickname{font-size:.14rem;color:#3c1e05;font-weight:700}.card-1 .ext .time{font-size:.11rem;color:#6e4628}.card-1 .ext .time .split{display:inline-flex}.card-1 .ext .time .split:before{content:"|";margin:0 .04rem}.pricebox{width:100%}.pricebox .scroll-x{display:flex;white-space:nowrap;overflow-x:scroll;overflow-y:hidden;scroll-behavior:smooth;gap:.08rem}.pricebox .scroll-x::-webkit-scrollbar{display:none}.scroll-x .item{display:flex;width:1.04rem;height:1.4rem;flex-direction:column;justify-content:space-between;align-items:center;background:#fff;flex-shrink:0}.scroll-x .item.active{border:1rpx solid #b27d1b}.scroll-x .item .benifit1{width:100%;height:.22rem;background:#e1e1e1;border-radius:.02rem .02rem 0 0;display:flex;align-items:center;justify-content:center;color:#323232;font-size:.1rem}.scroll-x .item .benifit2{font-size:.1rem;line-height:.14rem;margin-bottom:.08rem}.scroll-x .item .mid{display:flex;flex-direction:column;align-items:center}.scroll-x .item .type{width:.56rem;line-height:.22rem;text-align:center;color:#b27d1b;font-size:.16rem;font-weight:400}.scroll-x .item .price{height:.38rem;font-size:.32rem;font-weight:800;font-family:SF Pro;color:#323232;line-height:.38rem;margin-top:.02rem}.scroll-x .item del{color:#969696;font-family:DIN Pro;font-size:.14rem;line-height:.17rem}.scroll-x .item .price:before{content:"\FFE5";font-size:.14rem}.scroll-x .item.active .benifit1{width:calc(100% + 1px);background:#6b4727;color:#ffefd8}.scroll-x .item.active .benifit2{color:#b27d1b}.scroll-x .item.active .price,.scroll-x .item.active .type{background:linear-gradient(155deg,#391b07 22.54%,#8a6b57 93.62%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.scroll-x .item.active .del{color:#d9b763}.footer{position:fixed;bottom:0;width:3.75rem;height:1.2rem;box-sizing:border-box;backdrop-filter:blur(2px);background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:.16rem;padding-bottom:.16rem}.footer button{background:linear-gradient(180deg,#1a1a1a,#464b4d);width:3.27rem;height:.44rem;font-size:.14rem;letter-spacing:.7px;border-radius:.04rem;color:#fff}.footer .agree{display:flex;align-items:center;color:#6e6e6e;font-size:.12rem;margin-top:.08rem}.footer .agree a{color:#b27d1b}.agree input{width:.1rem;height:.1rem;margin-right:.04rem;color:#6e6e6e}.footer button:disabled{opacity:.5}.mask{position:fixed;top:0;bottom:0;width:3.75rem;background:rgba(0,0,0,.6);display:flex;flex-direction:column;justify-content:center;align-items:center}.mask .loading{width:30px;height:30px;border:2px solid #fff;border-top-color:transparent;border-radius:100%;animation:circle .75s linear infinite;margin-bottom:.1rem}@keyframes circle{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.mask .tips{font-size:.14rem;color:#fff}.container{border-radius:.08rem .08rem 0 0;background:#f5f5f5;margin-top:-.14rem;height:100%;padding:.12rem .24rem 1.4rem;flex-direction:column;gap:.16rem;box-sizing:border-box}.container,.container .tabs{width:100%;display:flex}.container .tabitem{width:50%;padding:.04rem 0 .06rem;border-bottom:.01rem solid #bbb;text-align:center;color:#6e6e6e;font-size:.16rem;line-height:.44rem}.tabitem.active{color:#0a0a0a;border-bottom:.02rem solid #323232}.comparebox .h1{color:#0a0a0a;font-size:.16rem;display:flex;align-items:center;gap:.16rem;justify-content:center;height:.22rem}.comparebox .h1:after,.comparebox .h1:before{content:"";width:1.15rem;height:1px;background:#e1e1e1}.comparebox .h2{display:flex;gap:.04rem;align-items:center;font-size:.14rem;color:#0a0a0a;height:.22rem;padding:.04rem 0}.comparebox .h2:before{content:"";width:.04rem;height:.04rem;background:#0a0a0a;border-radius:50%}.comparebox .table{margin-bottom:.12rem}.comparebox .tbody,.comparebox .thead{background:#fff;color:#323232}.comparebox .thead{border-radius:.04rem .04rem 0 0}.comparebox .tbody{padding:.06rem 0;margin-top:.01rem;border-radius:0 0 .04rem .04rem}.comparebox .tr{display:flex;flex-wrap:nowrap}.comparebox .tr span{width:33%;box-sizing:border-box;display:flex;justify-content:center;align-items:center;font-size:.12rem;padding:.06rem .12rem}.comparebox .tr .td1{justify-content:flex-start}.comparebox .tr .td2,.comparebox .tr .td3{width:1.2rem;flex-shrink:0}.comparebox .yes{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAYCAMAAADat72NAAAAP1BMVEUAAAAwMDAxMTEwMDAyMjIxMTEwMDAwMDAwMDAyMjIxMTExMTEwMDAyMjIwMDAxMTExMTExMTEyMjI0NDQyMjLgpk75AAAAFHRSTlMAIO9/398QMHDPn88/kF9Qv69gQCYuzkoAAACTSURBVCjPfdJbDoQgDAXQofIQdHQed/9rNbE1ldDav+aEUm54uVUqWnY1EIDmagQA8vWBMyuarZU1ZZO/osHU913z79/rxEqnFgImQ7GeXQU6n0VnbrnZLt1FrwNRR8lVqjqMioYFtGGVGFSX/pnirENYHzlT7bDyAi4nypBYdEfXd/NjkYZl1apxmLW5KvElGvUAf7UQmpH6qdcAAAAASUVORK5CYII=) 50%/.1rem no-repeat}.comparebox .no:before{content:"-";font-size:.14rem;font-weight:700;color:#a9a9a9}.comparebox .thead span{font-weight:700;font-size:.14rem;padding:.09rem .12rem}.comparebox .tips{width:100%;border-radius:8rpx;border:1px solid #b2b2b2;background:#fff;height:.44rem;display:flex;justify-content:center;align-items:center;font-size:.14rem;color:#b27d1b;letter-spacing:.07px}