.rank-page[data-v-13fe7152]{font-family:Alibaba}.rank-page .banner[data-v-13fe7152]{width:7.12rem;height:2.9rem;background:url(../img/banner-rank.10603e93.png);background-size:100% 100%;margin:0 auto .28rem;position:relative}.countdown-box[data-v-13fe7152]{width:5.66rem;height:.5rem;background:url(../img/banner-countdown-time-bg.35f6af5f.png);background-size:100% 100%;position:absolute;bottom:0;right:0;text-align:right;font-size:.2rem;color:#fff;line-height:.5rem;font-weight:700;font-family:Alibaba;-webkit-box-sizing:border-box;box-sizing:border-box;padding-right:.14rem}.countdown-time[data-v-13fe7152]{font-size:.28rem;color:#ffdf14;font-weight:700;font-family:Alibaba}.content-box[data-v-13fe7152]{width:7.19rem;background:#262827;border-radius:.22rem;margin:0 auto;padding-top:.18rem;padding-bottom:.37rem}.content-title-box[data-v-13fe7152]{width:6.83rem;height:2.61rem;background:#1d1d1d;border-radius:.1rem;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:.15rem;margin:0 auto;overflow:hidden}.content-title-box div[data-v-13fe7152]{text-align:left}.content-title-one[data-v-13fe7152]{font-size:.26rem;color:#2e84f0;margin-bottom:.15rem;margin-top:.25rem}.content-title-two[data-v-13fe7152]{font-size:.2rem;color:#b2babb}.content-title-three[data-v-13fe7152]{font-size:.22rem;color:#fff}.content-text-title[data-v-13fe7152]{font-size:.24rem;color:#fff;text-align:left;margin-top:.4rem;padding-left:.3rem;margin-bottom:.25rem}.content-text[data-v-13fe7152]{font-size:.22rem;color:#b2babb;text-align:left;padding-left:.3rem;line-height:1.4}.content-rule-box[data-v-13fe7152]{background:#1c1e1d;width:6.57rem;margin:0 auto;padding-bottom:.4rem}.content-rule-title[data-v-13fe7152]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:.7rem;border-bottom:1px solid #313332}.content-rule-title div[data-v-13fe7152]{width:50%;font-size:.24rem;color:#b2babb;line-height:.7rem}.content-rule-item[data-v-13fe7152]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-bottom:1px solid #313332;height:.55rem}.content-rule-item div[data-v-13fe7152]{width:50%;font-size:.24rem;color:#fff;line-height:.55rem}.view-btn[data-v-13fe7152]{width:6.57rem;height:.59rem;background:#2032ce;border-radius:.1rem;margin:.36rem auto 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.view-btn img[data-v-13fe7152]{width:.26rem;height:.22rem;margin-right:.2rem}.view-btn div[data-v-13fe7152]{font-size:.24rem;color:#fff;font-weight:700}.play-btn[data-v-13fe7152]{margin:.4rem auto;width:3.5rem;height:.75rem;background:linear-gradient(84deg,#a466ff,#6e2af2);border-radius:.1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.play-btn img[data-v-13fe7152]{width:.3rem;margin-right:.2rem}.play-btn div[data-v-13fe7152]{font-size:.26rem;color:#fff;font-weight:700}.rank-page[data-v-13fe7152] .rank-list-popup{width:7.1rem;max-width:7.1rem;height:9.01rem;background:url(../img/rank-list-bg.499f5ae5.png);background-size:100% 100%;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:visible}.rank-list-popup .popup-title[data-v-13fe7152]{width:4.02rem;height:.32rem;margin-top:.34rem}.rank-list-popup .popup-amount-box[data-v-13fe7152]{width:5.24rem;height:.92rem;background:url(../img/rank-list-popup-amount-bg.98b0ffed.png);background-size:100% 100%;margin:.18rem auto 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:.38rem}.rank-list-popup .popup-amount-text[data-v-13fe7152]{font-size:.2rem;color:#9ba0ff;text-align:left}.popup-amount[data-v-13fe7152]{font-size:.34rem;background:-webkit-gradient(linear,left top,left bottom,from(#ff0),to(orange));background:linear-gradient(180deg,#ff0,orange);-webkit-background-clip:text;color:transparent;font-weight:700;margin-left:.4rem;text-align:left}.rank-list-popup .close[data-v-13fe7152]{position:absolute;right:.2rem;top:.2rem}.change-list-btn-box[data-v-13fe7152]{width:4.34rem;height:.51rem;background:#160074;border-radius:.26rem;margin:.38rem auto 0;padding:.03rem;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex}.today-btn[data-v-13fe7152],.yesterday-btn[data-v-13fe7152]{font-size:.24rem;color:#9ba0ff;width:50%;height:.45rem;line-height:.45rem}.active-btn[data-v-13fe7152]{background:linear-gradient(84deg,#5670f6,#31c2ff);border-radius:.23rem;color:#fff}.rank-list-box[data-v-13fe7152]{width:6.95rem;height:5.52rem;background:#160074;border-radius:.1rem;margin:.15rem auto 0;padding-top:.31rem;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;position:relative}.rank-list-title[data-v-13fe7152]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 .23rem;height:.22rem}.rank-list-title div[data-v-13fe7152]{font-size:.24rem;color:#9ba0ff}.rank-list-title div[data-v-13fe7152]:first-child{width:1.2rem}.rank-list-title div[data-v-13fe7152]:nth-child(2){width:1.2rem}.rank-list-title div[data-v-13fe7152]:nth-child(3){width:1.6rem}.rank-list-title div[data-v-13fe7152]:nth-child(4){width:1.6rem}.rank-list-item-box[data-v-13fe7152]{width:100%;height:4.41rem;overflow-y:scroll;margin-top:.37rem}.rank-list-item-box[data-v-13fe7152]::-webkit-scrollbar{width:0!important;height:0!important}.rank-list-item[data-v-13fe7152]{width:6.47rem;height:.61rem;background:#261f8c;border-radius:.31rem;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;margin:0 auto .15rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.rank-list-item div[data-v-13fe7152]{font-size:.24rem}.rank-list-item div[data-v-13fe7152]:first-child{width:1.2rem}.rank-icon[data-v-13fe7152]{width:.47rem;height:.37rem}.rank-list-item div[data-v-13fe7152]:nth-child(2){width:1.4rem}.rank-list-item div:nth-child(2) img[data-v-13fe7152]{height:.34rem;margin-right:.15rem}.rank-list-item div:nth-child(2) span[data-v-13fe7152]{color:#fff;font-size:.24rem;width:.9rem;text-align:left;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-list-item div[data-v-13fe7152]:nth-child(3){width:1.6rem}.rank-list-item div[data-v-13fe7152]:nth-child(4){width:1.6rem}.rank-list-item div:nth-child(4) img[data-v-13fe7152]{height:.31rem}.rank-list-item div:nth-child(4) span[data-v-13fe7152]{color:#fff;font-size:.24rem}.rank-list-active-item[data-v-13fe7152]{width:6.47rem;height:.61rem;background:#2f1fc9;border-radius:.31rem;color:#9ba0ff;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;margin:0 auto .15rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;bottom:0;left:calc(50% - 3.23rem)}.rank-list-active-item div[data-v-13fe7152]:first-child{width:1.2rem}.rank-list-active-item div[data-v-13fe7152]:nth-child(2){width:1.4rem}.rank-list-active-item div:nth-child(2) img[data-v-13fe7152]{height:.34rem;margin-right:.15rem}.rank-list-active-item div:nth-child(2) span[data-v-13fe7152]{color:#9ba0ff;font-size:.24rem;display:inline-block;text-align:left;width:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-list-active-item div[data-v-13fe7152]:nth-child(3){width:1.6rem}.rank-list-active-item div[data-v-13fe7152]:nth-child(4){width:1.6rem}.rank-list-active-item div:nth-child(4) img[data-v-13fe7152]{height:.31rem}.rank-list-active-item div:nth-child(4) span[data-v-13fe7152]{color:#9ba0ff;font-size:.24rem}.remaining-time-box[data-v-13fe7152]{width:4.28rem;height:.58rem;border-radius:.29rem;background:-webkit-gradient(linear,left top,right top,from(#385fd8),to(#6026b0));background:linear-gradient(90deg,#385fd8,#6026b0);display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;bottom:-.29rem;left:calc(50% - 2.14rem);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.remaining-time-box img[data-v-13fe7152]{width:.25rem;height:.25rem;margin-right:.3rem}.remaining-time-box div[data-v-13fe7152]{font-size:.28rem;color:#fff;font-weight:700}