.wrap{background-color:#160607;min-height:100vh}.vip-wrap .animate__fadeInLeft{animation-duration:.5s!important}.vip-wrap .slow-fade-in-left{animation-duration:.8s!important}.wrap .swiper .swiper-slide:not(:first-child){transform:scale(.7)}.header{background-repeat:no-repeat;background-size:100%}.header,.level-circle-wrap{overflow:hidden}.level-circle-wrap .circle{width:16rem;height:16rem;border-radius:50%;border:4px solid #080203;position:absolute;top:-14.2rem;left:-4.1rem}.user-box{padding:0 .26rem}.user{padding:.26rem;margin-right:.4rem;flex:1;display:flex;align-items:center;justify-content:center}.user .avatar img{width:.9rem;border-radius:50%}.user .avatar{margin-right:.2rem}.user .text-inherit{line-height:.38rem}.user .name{font-size:.27rem;color:#e6e6e6}.user .user-level{width:1.24rem;margin-top:.08rem}.user .vip-tips{width:.32rem;height:.32rem;margin-top:.08rem;margin-left:.17rem}.user .gap-2{gap:.2rem}.vip-list{margin-top:.48rem}.vip-list .icon{height:1.9rem}.vip-list .level{margin-top:-.15rem;width:1.18rem;z-index:2}.vip-list .level,.vip-list .pan,.vip-list .swiper-slide-next,.vip-list .swiper-slide-prev{position:relative}.vip-list .pan{z-index:1;margin-top:-.28rem}.vip-list .level-info{background:transparent;width:1.79rem;position:relative;z-index:2;margin-top:-.7rem;font-size:.2rem;padding:0 .1rem}.vip-list .level-info .start{position:relative;z-index:3}.vip-list .level-info .level-info-bar{position:absolute;display:block;height:100%;background-color:#daad0b;border-top-left-radius:12px;border-bottom-left-radius:12px;left:0;top:0;z-index:2}.vip-list .level-info .full{border-top-right-radius:12px;border-bottom-right-radius:12px}.vip-list .level-info:after{position:absolute;display:block;content:"";width:100%;height:100%;background:#160607;border-radius:12px;left:0;top:0;z-index:0}.vip-list .ach-txt{position:relative;z-index:2;margin-top:-.6rem}.vip-list .integral{position:relative;z-index:2;margin-top:-.04rem}.vip-list .integral span{font-size:.2rem}.block .title{font-weight:500;font-size:.26rem;color:#e6e6e6;padding:.15rem 0;min-height:.8rem;justify-content:space-between}.block .r-t,.block .title{align-items:center;display:flex}.block .r-t{gap:.1rem;line-height:1;color:#9e2d45;text-align:right}.privilege{padding:0 .26rem;overflow:hidden}.privilege .list{margin-top:.15rem;display:flex;overflow-x:scroll}.privilege .list .item{flex:0 0 1.75rem;height:1.95rem;background:url(https://oss.t1res.com/h5_images/vip/VIP_tq2.png) no-repeat 50%/contain;font-size:.2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-right:.54rem;position:relative;background-size:100% 100%}.privilege .list .item img{width:1.2rem}.privilege .list .item .tt-1{color:#ccc1c2;font-size:.16rem;padding:0 .12rem;text-align:center}.privilege .list .item .tt-2{color:#fed056}.privilege .list .item:after{position:absolute;display:block;content:"";width:.21rem;height:.29rem;background:url(https://oss.t1res.com/h5_images/vip/VIP_jt.png) no-repeat 50%/contain;right:-.37rem;top:50%;margin-top:-.15rem}.privilege .list .item:last-child:after{display:none}.privilege .list .item .lock{width:.5rem;height:.4rem;top:0;left:0;position:absolute;background:url(https://oss.t1res.com/h5_images/vip/VIP_suo.png) no-repeat 50%/contain}.benefit{margin-top:.4rem;padding:0 .26rem}.benefit .list .item{width:100%;height:.9rem;border-radius:.16rem;display:flex;padding:0 .18rem;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#54131b,#380f16)}.benefit .list .item:not(:first-child){margin-top:.1rem}.benefit .list .item .left{display:flex}.benefit .list .item .tt-1{margin-left:.2rem}.benefit .list .item .tt-1 div{font-weight:500;font-size:.2rem}.benefit .list .item .tt-1 div:first-child{color:#ccc1c2}.benefit .list .item .tt-1 div:last-child{color:#fed056}.benefit .list .item .right{font-weight:500;font-size:.25rem;color:#a38185}.benefit .list .item .right .btn-received{color:#a38185;border:.03rem solid #903845;padding:.06rem .02rem;border-radius:.18rem;text-align:center}.benefit .list .item .right .receive-endtime{width:1.62rem;text-align:center;height:.62rem;border-radius:.16rem;line-height:.62rem;font-weight:500;font-size:.3rem;color:#903845;display:inline-block}.benefit .list .item .icon{display:flex;align-items:center}.benefit .list .item .icon img{width:.65rem}.benefit .tt-co{display:flex;align-items:center;margin-top:.02rem}.benefit .notice img{width:.32rem}.benefit .notice{margin-left:.14rem}.upgrade-btn{height:.9rem;background:url(https://oss.t1res.com/h5_images/common/da_anniu.png) no-repeat 50%/contain;display:flex;justify-content:center;font-weight:500;font-size:.3rem;color:#e6e6e6;position:relative;line-height:.56rem;margin-top:.6rem}.item,.swiper-slide{transition:transform .3s ease}.vip-instructions-table{overflow-x:scroll;margin:.2rem .18rem;white-space:nowrap;padding-bottom:.3rem}.vip-instructions-table::-webkit-scrollbar{height:.1rem;display:block;border-radius:.6rem;background:transparent}.vip-instructions-table::-webkit-scrollbar-track{background:#120004;margin:0 2rem;border:1px solid #48131d86;border-radius:.6rem}.vip-instructions-table::-webkit-scrollbar-thumb{background:#f4365e;border-radius:.6rem}.vip-instructions-table table{table-layout:fixed;overflow:hidden;border:.001rem solid #511822;border-radius:10px}.vip-instructions-table table td{border-bottom:.001rem solid #511822}.vip-instructions-table table thead tr th{color:#dc4865;padding:.1rem .22rem;font-size:.25rem;font-weight:500;background-color:#511822}.vip-instructions-table table th:first-child{background-color:#511822}.vip-instructions-table table tbody td:first-child,.vip-instructions-table table thead th:first-child{position:sticky;left:0;z-index:1}.vip-instructions-table table td:first-child{border-right:.001rem solid #511822;border-left:.001rem solid #511822;background:linear-gradient(270deg,#47101a,#381016)}.vip-instructions-table table tbody tr{border-bottom:.001rem solid #511822}.vip-instructions-table table tbody tr:last-child td{border-bottom:0}.vip-instructions-table table tbody tr td{padding:.07rem 0;font-weight:500;font-size:.25rem;text-align:center;color:#e6e6e6}.vip-instructions-table table tbody tr td:first-child{color:#fed056}.vip-instructions-table table tbody tr td img{margin:0 auto}.vip-instructions-table table .right-icon{width:.26rem}.vip-instructions-table table .fail-icon{width:.2rem}.bonus-history-content{min-height:7rem}.bonus-history-content .total{margin:.2rem auto 0;width:6.6rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:contain;padding-top:.37rem;font-weight:500;color:#7d4a0f;text-align:center;line-height:1}.bonus-history-content .total .bonus-title{font-size:.36rem}.bonus-history-content .total .bonus-amount{font-size:.7rem;margin-top:.24rem}.bonus-history-content .bonus-list-content{display:flex;width:200%;transition:transform .3s ease}.bonus-history-content .bonus-tab-content{overflow:hidden}.bonus-history-content .bonus-content-item{flex:1}.bonus-history-content .bonus-list{margin:.16rem .25rem}.bonus-history-content .bonus-list .bonus-tabs{display:flex;font-weight:500;font-size:.3rem;color:#e6e6e6}.bonus-history-content .bonus-list .bonus-tab-item{flex:1;height:.8rem;display:flex;align-items:center;justify-content:center}.bonus-history-content .bonus-list .bonus-tab-active{color:#fed056}.bonus-history-content .bonus-list .bonus-tab-active span{border-bottom:.04rem solid #fed056}.bonus-history-content .bonus-list .bonus-bs-item{background:rgba(22,0,0,.4);border-radius:.16rem;display:flex;padding:.14rem .27rem .09rem;justify-content:space-between}.bonus-history-content .bonus-list .bonus-bs-item .bonus-icon img{width:.93rem}.bonus-history-content .bonus-list .bonus-bs-item:not(:first-child){margin-top:.1rem}.bonus-history-content .bonus-list .bonus-left{display:flex}.bonus-history-content .bonus-list .bonus-cg{font-weight:500;font-size:.26rem;color:#e6e6e6;margin-left:.3rem}.bonus-history-content .bonus-list .bonus-time{font-size:.22rem;color:#ccc1c2}.bonus-history-content .bonus-list .bonus-right img{width:.32rem;height:.32rem;margin-left:.08rem}.bonus-history-content .bonus-list .bonus-right{display:flex;font-weight:500;font-size:.26rem;color:#fed056;align-items:center}.vip-instructions-modal{width:7.12rem;height:8.24rem}.bonus-history-modal{width:7.12rem;height:8.7rem}.level-progress{padding-top:.23rem;position:relative;transition:transform .3s ease;margin-top:.1rem;width:-moz-max-content;width:max-content}.level-progress .full-bar{left:0;position:absolute;width:100%;height:.05rem;background:url(https://oss.t1res.com/h5_images/vip/VIP_jindudi.png) repeat-x top/contain}.level-progress .pre-simple{width:3.64rem;height:.05rem;background:url(https://oss.t1res.com/h5_images/vip/VIP_jindudi.png) no-repeat top/cover}.level-progress .level-names{display:flex;font-weight:500;font-size:.24rem;color:#a94e60;line-height:.38rem;position:relative;width:-moz-max-content;width:max-content}.level-progress .level-names .bar{padding-left:2.5rem;position:relative;height:.23rem}.level-progress .level-names .bar:first-child{padding-left:.16rem}.level-progress .level-names .bar:first-child .cur-bar{width:.28rem;left:0}.level-progress .level-names .bar:nth-child(2){padding-left:0}.level-progress .level-names .bar-bg{width:.22rem;height:.23rem;background:url(https://oss.t1res.com/h5_images/vip/VIP_xuanzhong2.png) no-repeat top/contain;position:absolute;top:-.08rem;z-index:2}.level-progress .level-names .cur-bar{width:calc(100% - .23rem)!important;position:absolute;width:100%;height:.05rem;background:url(https://oss.t1res.com/h5_images/vip/VIP_jindu.png) no-repeat top/cover;display:none;left:.23rem!important}.level-progress .level-names .cur-vip .bar-bg{background:url(https://oss.t1res.com/h5_images/vip/cur-vip.png) no-repeat top/contain!important;z-index:2!important}.level-progress .level-names .active .bar-bg{background:url(https://oss.t1res.com/h5_images/vip/VIP_xuanzhong1.png) no-repeat top/contain;z-index:2}.level-progress .level-names .active .cur-bar{display:block;left:0}.level-progress .level-names .active .bar-name{background-color:#771729;border-radius:.32rem;height:.28rem;line-height:.28rem;right:-.48rem;text-align:center}.level-progress .level-names .active-pre .bar-bg{background:url(https://oss.t1res.com/h5_images/vip/VIP_xuanzhong1.png) no-repeat top/contain;z-index:2}.level-progress .level-names .active-pre .cur-bar{display:block}.level-progress .level-names .bar-name{width:.64rem;position:absolute;bottom:-.36rem}.vap-box canvas{position:absolute;top:50%;bottom:50%;left:0;right:0;width:100%;height:auto;transform:translate(0);margin:auto;z-index:1}