.icon-new,.icon-version-tip,.spr_strategy_list{background-image:url(//game.gtimg.cn/images/lol/lolstrategy/spr_strategy_list.png?20221108);background-size:.62rem .19rem;background-repeat:no-repeat}
.icon-new{background-position:.02rem .02rem;width:.39rem;height:.23rem}
.icon-version-tip{background-position:-.38rem .02rem;width:.26rem;height:.22rem}
.icon-player-no1,.icon-player-no2,.icon-player-no3,.spr_player_stat,.top-three-item-bg{background-image:url(//game.gtimg.cn/images/lol/lolstrategy/spr_player_stat.png?20221108);background-size:5.65rem 3.53rem;background-repeat:no-repeat}
.icon-player-no1{background-position:-.99rem -2.79rem;width:.99rem;height:.76rem}
.icon-player-no2{background-position:-1.99rem -2.79rem;width:.99rem;height:.76rem}
.icon-player-no3{background-position:.02rem -2.79rem;width:1rem;height:.76rem}
.top-three-item-bg{background-position:.02rem .02rem;width:5.69rem;height:2.8rem}
.icon-details-back,.icon-spectate,.icon-thumbsup,.icon-thumbsup-dack,.icon-thumbsup-gold,.spr_news_details,.tg-sns-qq,.tg-sns-wechat,.tg-sns-weibo{background-image:url(//game.gtimg.cn/images/lol/lolstrategy/spr_news_details.png?20221108);background-size:.7rem .64rem;background-repeat:no-repeat}
.icon-details-back{background-position:.02rem -.25rem;width:.27rem;height:.22rem}
.icon-spectate{background-position:-.26rem -.25rem;width:.22rem;height:.16rem}
.icon-thumbsup-dack{background-position:.02rem .02rem;width:.26rem;height:.26rem}
.icon-thumbsup-gold{background-position:-.25rem .02rem;width:.26rem;height:.26rem}
.icon-thumbsup{background-position:-.52rem -.16rem;width:.18rem;height:.18rem}
.tg-sns-qq{background-position:.02rem -.48rem;width:.18rem;height:.18rem}
.tg-sns-wechat{background-position:-.17rem -.48rem;width:.2rem;height:.16rem}
.tg-sns-weibo{background-position:-.52rem .02rem;width:.2rem;height:.17rem}
.icon-arrow-down,.icon-gold,.icon-pos-bot,.icon-pos-jungle,.icon-pos-mid,.icon-pos-sup,.icon-pos-top,.icon-search,.spr_info_overview{background-image:url(//game.gtimg.cn/images/lol/lolstrategy/spr_info_overview.png?20221108);background-size:.69rem .59rem;background-repeat:no-repeat}
.icon-arrow-down{background-position:-.15rem -.45rem;width:.13rem;height:.1rem}
.icon-gold{background-position:-.49rem -.23rem;width:.18rem;height:.16rem}
.icon-pos-bot{background-position:.02rem -.21rem;width:.23rem;height:.23rem}
.icon-pos-jungle{background-position:-.49rem .02rem;width:.22rem;height:.24rem}
.icon-pos-mid{background-position:-.25rem -.22rem;width:.22rem;height:.22rem}
.icon-pos-sup{background-position:.02rem .02rem;width:.26rem;height:.22rem}
.icon-pos-top{background-position:-.25rem .02rem;width:.23rem;height:.23rem}
.icon-search{background-position:.02rem -.45rem;width:.16rem;height:.16rem}
.fight-rank-top3-bg,.icon-new-sign,.icon-rank-down,.icon-rank-up,.icon-rank1,.icon-rank2,.icon-rank3,.icon-t0,.icon-t1,.icon-t2,.icon-t3,.icon-t4,.icon-table-arrow,.icon-table-arrow-d,.icon-table-arrow-u,.level-num1,.level-num1-box,.level-num1-box2,.level-num2,.level-num2-box,.level-num2-box2,.level-num3,.level-num3-box,.level-num3-box2,.spr_hero_overview{background-image:url(//game.gtimg.cn/images/lol/lolstrategy/spr_hero_overview.png?20221108);background-size:13.42rem 9.74rem;background-repeat:no-repeat}
.fight-rank-top3-bg{background-position:-8.6rem -4.88rem;width:4.3rem;height:2.53rem}
.icon-new-sign{background-position:-12.91rem -6.92rem;width:.52rem;height:.16rem}
.icon-rank-down{background-position:-12.91rem -7.09rem;width:.17rem;height:.18rem}
.icon-rank-up{background-position:-13.09rem -7.09rem;width:.16rem;height:.18rem}
.icon-rank1{background-position:-10.15rem -7.42rem;width:.75rem;height:.59rem}
.icon-rank2{background-position:-9.38rem -7.42rem;width:.76rem;height:.59rem}
.icon-rank3{background-position:-8.6rem -7.42rem;width:.77rem;height:.59rem}
.icon-t0{background-position:-12.91rem -4.88rem;width:.42rem;height:.5rem}
.icon-t1{background-position:-12.91rem -6.41rem;width:.42rem;height:.5rem}
.icon-t2{background-position:-12.91rem -5.9rem;width:.42rem;height:.5rem}
.icon-t3{background-position:-12.91rem -5.39rem;width:.42rem;height:.5rem}
.icon-t4{background-position:-10.91rem -7.42rem;width:.42rem;height:.5rem}
.icon-table-arrow-d{background-position:-11.46rem -7.42rem;width:.11rem;height:.17rem}
.icon-table-arrow-u{background-position:-11.34rem -7.42rem;width:.11rem;height:.17rem}
.icon-table-arrow{background-position:-13.26rem -7.09rem;width:.11rem;height:.17rem}
.level-num1-box{background-position:.02rem -2.8rem;width:4.3rem;height:2.81rem}
.level-num1-box2{background-position:-8.6rem -2.43rem;width:4.84rem;height:2.44rem}
.level-num1{background-position:.02rem -8.07rem;width:5.09rem;height:.84rem}
.level-num2-box{background-position:-4.29rem .02rem;width:4.3rem;height:2.81rem}
.level-num2-box2{background-position:-8.6rem .02rem;width:4.84rem;height:2.44rem}
.level-num2{background-position:.02rem -8.92rem;width:5.09rem;height:.84rem}
.level-num3-box{background-position:.02rem .02rem;width:4.3rem;height:2.81rem}
.level-num3-box2{background-position:.02rem -5.62rem;width:4.84rem;height:2.44rem}
.level-num3{background-position:-5.08rem -8.07rem;width:5.09rem;height:.84rem}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .tablelist thead a,.comprehensive_ranking .match-info .usually-hero .item .speciality,.comprehensive_ranking .match-list .defeat .head-item .hero-pic .level-icon,.comprehensive_ranking .match-list .victory .head-item .hero-pic .level-icon,.comprehensive_ranking .match-list>li .grade span,.comprehensive_ranking .match-list>li .match-details .fail ul li .hero-pic span,.comprehensive_ranking .match-list>li .match-details .win ul li .hero-pic span,.comprehensive_ranking .person-date .herolist .thead a,.comprehensive_ranking .person-date .tablelist thead a,.comprehensive_ranking .return-box a i,.defeat-level-icon,.gapline,.herolist-top1,.herolist-top2,.herolist-top3,.icon-arrow,.icon-arrow-right,.icon-camera,.icon-dot-right,.icon-dot3,.icon-gold,.icon-gold2,.icon-grade,.icon-grade-s,.icon-next-step,.icon-next-step-s,.icon-rank,.icon-rank1,.icon-rank2,.icon-rank3,.icon-replay,.icon-search,.icon-soldier,.icon-speciality,.icon-speciality1,.icon-speciality2,.icon-speciality3,.icon-speciality4,.nameplate,.spr_comprehensive_ranking,.top1,.top2,.top3,.victory-level-icon{background-image:url(//game.gtimg.cn/images/lol/lolstrategy/spr_comprehensive_ranking.png?20221108);background-size:13.25rem 7.18rem;background-repeat:no-repeat}
.comprehensive_ranking .match-list .defeat .head-item .hero-pic .level-icon,.comprehensive_ranking .match-list>li .match-details .fail ul li .hero-pic span,.defeat-level-icon{background-position:-12.56rem -3.5rem;width:.55rem;height:.24rem}
.gapline{background-position:-9.56rem -3.28rem;width:3.52rem;height:.21rem}
.herolist-top1{background-position:-9.56rem .02rem;width:3.71rem;height:2.67rem}
.herolist-top2{background-position:.02rem -4.52rem;width:3.71rem;height:2.68rem}
.herolist-top3{background-position:-3.7rem -4.52rem;width:3.71rem;height:2.68rem}
.icon-arrow-right{background-position:-13.13rem -2.86rem;width:.12rem;height:.16rem}
.comprehensive_ranking .return-box a i,.icon-arrow{background-position:-13.09rem -3.28rem;width:.1rem;height:.13rem}
.icon-camera{background-position:-10.13rem -4.25rem;width:.29rem;height:.27rem}
.icon-dot-right{background-position:-12.29rem -3.07rem;width:.24rem;height:.19rem}
.icon-dot3{background-position:-13.09rem -3.42rem;width:.12rem;height:.06rem}
.icon-gold{background-position:-13.09rem -3.07rem;width:.18rem;height:.16rem}
.icon-gold2{background-position:-12.9rem -3.07rem;width:.18rem;height:.16rem}
.icon-grade-s{background-position:-10.13rem -3.5rem;width:.74rem;height:.74rem}
.comprehensive_ranking .match-list>li .grade span,.icon-grade{background-position:-9.56rem -3.5rem;width:.56rem;height:1.04rem}
.icon-next-step-s{background-position:-13.12rem -3.5rem;width:.09rem;height:.13rem}
.icon-next-step{background-position:-12.56rem -3.75rem;width:.09rem;height:.11rem}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .tablelist thead a,.comprehensive_ranking .person-date .herolist .thead a,.comprehensive_ranking .person-date .tablelist thead a,.icon-rank{background-position:-13.13rem -2.66rem;width:.12rem;height:.19rem}
.icon-rank1{background-position:-10.4rem -4.96rem;width:.43rem;height:.53rem}
.icon-rank2{background-position:-9.56rem -4.96rem;width:.41rem;height:.58rem}
.icon-rank3{background-position:-9.98rem -4.96rem;width:.41rem;height:.57rem}
.icon-replay{background-position:-11.22rem -4.55rem;width:.36rem;height:.36rem}
.icon-search{background-position:-12.72rem -3.07rem;width:.17rem;height:.17rem}
.icon-soldier{background-position:-12.54rem -3.07rem;width:.17rem;height:.19rem}
.icon-speciality{background-position:-11.72rem -3.5rem;width:.83rem;height:.4rem}
.comprehensive_ranking .match-info .usually-hero .item .speciality,.icon-speciality1{background-position:-10.88rem -3.5rem;width:.83rem;height:.4rem}
.icon-speciality2{background-position:-12.29rem -2.66rem;width:.83rem;height:.4rem}
.icon-speciality3{background-position:-10.39rem -4.55rem;width:.82rem;height:.4rem}
.icon-speciality4{background-position:-9.56rem -4.55rem;width:.82rem;height:.4rem}
.nameplate{background-position:-9.56rem -2.66rem;width:2.72rem;height:.61rem}
.top1{background-position:-4.77rem .02rem;width:4.78rem;height:2.25rem}
.top2{background-position:.02rem -2.25rem;width:4.78rem;height:2.26rem}
.top3{background-position:.02rem .02rem;width:4.78rem;height:2.26rem}
.comprehensive_ranking .match-list .victory .head-item .hero-pic .level-icon,.comprehensive_ranking .match-list>li .match-details .win ul li .hero-pic span,.victory-level-icon{background-position:-10.88rem -3.91rem;width:.55rem;height:.24rem}
.btn-hollow,.btn-hollow2,.btn-solid,.btn-solid2,.spr_btn{background-image:url(//game.gtimg.cn/images/lol/lolstrategy/spr_btn.png?20221108);background-size:2.3rem 2.05rem;background-repeat:no-repeat}
.btn-hollow{background-position:.02rem -.51rem;width:2.34rem;height:.51rem}
.btn-hollow2{background-position:.02rem -1.56rem;width:1.74rem;height:.51rem}
.btn-solid{background-position:.02rem .02rem;width:2.34rem;height:.52rem}
.btn-solid2{background-position:.02rem -1.03rem;width:1.74rem;height:.52rem}
.icon-bug,.icon-collect,.icon-download,.icon-login,.icon-mobile,.spr-icon{background-image:url(//game.gtimg.cn/images/lol/lolstrategy/spr-icon.png?20221108);background-size:.64rem .47rem;background-repeat:no-repeat}
.icon-bug{background-position:.02rem -.24rem;width:.22rem;height:.25rem}
.icon-collect{background-position:-.24rem .02rem;width:.25rem;height:.23rem}
.icon-download{background-position:-.21rem -.24rem;width:.2rem;height:.24rem}
.icon-login{background-position:.02rem .02rem;width:.25rem;height:.25rem}
.icon-mobile{background-position:-.5rem .02rem;width:.16rem;height:.24rem}
.icon-left-menu-expand,.icon-lol,.icon-menu-select,.icon-switch,.icon-tab-select,.icon-tft,.site-down,.sprite-img{background-image:url(//game.gtimg.cn/images/lol/lolstrategy/sprite-img.png?20221108);background-size:3.4rem 2.85rem;background-repeat:no-repeat}
.icon-left-menu-expand{background-position:-1.86rem -.61rem;width:.24rem;height:.24rem}
.icon-lol{background-position:-1.64rem -.86rem;width:.24rem;height:.26rem}
.icon-menu-select{background-position:.02rem .02rem;width:1.36rem;height:2.89rem}
.icon-switch{background-position:-1.35rem -.86rem;width:.28rem;height:.28rem}
.icon-tab-select{background-position:-1.35rem .02rem;width:2.07rem;height:.62rem}
.icon-tft{background-position:-1.35rem -.61rem;width:.5rem;height:.24rem}
.site-down{background-position:-2.11rem -.61rem;width:.13rem;height:.1rem}
.icon-arrow-down,.icon-gold,.icon-pos-bot,.icon-pos-jungle,.icon-pos-mid,.icon-pos-sup,.icon-pos-top,.icon-search,.spr_info_overview{background-image:url(//game.gtimg.cn/images/lol/lolstrategy/spr_info_overview.png?20221108);background-size:.69rem .59rem;background-repeat:no-repeat}
.icon-arrow-down{background-position:-.15rem -.45rem;width:.13rem;height:.1rem}
.icon-gold{background-position:-.49rem -.23rem;width:.18rem;height:.16rem}
.icon-pos-bot{background-position:.02rem -.21rem;width:.23rem;height:.23rem}
.icon-pos-jungle{background-position:-.49rem .02rem;width:.22rem;height:.24rem}
.icon-pos-mid{background-position:-.25rem -.22rem;width:.22rem;height:.22rem}
.icon-pos-sup{background-position:.02rem .02rem;width:.26rem;height:.22rem}
.icon-pos-top{background-position:-.25rem .02rem;width:.23rem;height:.23rem}
.icon-search{background-position:.02rem -.45rem;width:.16rem;height:.16rem}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .tablelist thead a,.comprehensive_ranking .match-info .usually-hero .item .speciality,.comprehensive_ranking .match-list .defeat .head-item .hero-pic .level-icon,.comprehensive_ranking .match-list .victory .head-item .hero-pic .level-icon,.comprehensive_ranking .match-list>li .grade span,.comprehensive_ranking .match-list>li .match-details .fail ul li .hero-pic span,.comprehensive_ranking .match-list>li .match-details .win ul li .hero-pic span,.comprehensive_ranking .person-date .herolist .thead a,.comprehensive_ranking .person-date .tablelist thead a,.comprehensive_ranking .return-box a i,.defeat-level-icon,.gapline,.herolist-top1,.herolist-top2,.herolist-top3,.icon-arrow,.icon-arrow-right,.icon-camera,.icon-dot-right,.icon-dot3,.icon-gold,.icon-gold2,.icon-grade,.icon-grade-s,.icon-next-step,.icon-next-step-s,.icon-rank,.icon-rank1,.icon-rank2,.icon-rank3,.icon-replay,.icon-search,.icon-soldier,.icon-speciality,.icon-speciality1,.icon-speciality2,.icon-speciality3,.icon-speciality4,.nameplate,.spr_comprehensive_ranking,.top1,.top2,.top3,.victory-level-icon{background-image:url(//game.gtimg.cn/images/lol/lolstrategy/spr_comprehensive_ranking.png?20221108);background-size:13.25rem 7.18rem;background-repeat:no-repeat}
.comprehensive_ranking .match-list .defeat .head-item .hero-pic .level-icon,.comprehensive_ranking .match-list>li .match-details .fail ul li .hero-pic span,.defeat-level-icon{background-position:-12.56rem -3.5rem;width:.55rem;height:.24rem}
.gapline{background-position:-9.56rem -3.28rem;width:3.52rem;height:.21rem}
.herolist-top1{background-position:-9.56rem .02rem;width:3.71rem;height:2.67rem}
.herolist-top2{background-position:.02rem -4.52rem;width:3.71rem;height:2.68rem}
.herolist-top3{background-position:-3.7rem -4.52rem;width:3.71rem;height:2.68rem}
.icon-arrow-right{background-position:-13.13rem -2.86rem;width:.12rem;height:.16rem}
.comprehensive_ranking .return-box a i,.icon-arrow{background-position:-13.09rem -3.28rem;width:.1rem;height:.13rem}
.icon-camera{background-position:-10.13rem -4.25rem;width:.29rem;height:.27rem}
.icon-dot-right{background-position:-12.29rem -3.07rem;width:.24rem;height:.19rem}
.icon-dot3{background-position:-13.09rem -3.42rem;width:.12rem;height:.06rem}
.icon-gold{background-position:-13.09rem -3.07rem;width:.18rem;height:.16rem}
.icon-gold2{background-position:-12.9rem -3.07rem;width:.18rem;height:.16rem}
.icon-grade-s{background-position:-10.13rem -3.5rem;width:.74rem;height:.74rem}
.comprehensive_ranking .match-list>li .grade span,.icon-grade{background-position:-9.56rem -3.5rem;width:.56rem;height:1.04rem}
.icon-next-step-s{background-position:-13.12rem -3.5rem;width:.09rem;height:.13rem}
.icon-next-step{background-position:-12.56rem -3.75rem;width:.09rem;height:.11rem}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .tablelist thead a,.comprehensive_ranking .person-date .herolist .thead a,.comprehensive_ranking .person-date .tablelist thead a,.icon-rank{background-position:-13.13rem -2.66rem;width:.12rem;height:.19rem}
.icon-rank1{background-position:-10.4rem -4.96rem;width:.43rem;height:.53rem}
.icon-rank2{background-position:-9.56rem -4.96rem;width:.41rem;height:.58rem}
.icon-rank3{background-position:-9.98rem -4.96rem;width:.41rem;height:.57rem}
.icon-replay{background-position:-11.22rem -4.55rem;width:.36rem;height:.36rem}
.icon-search{background-position:-12.72rem -3.07rem;width:.17rem;height:.17rem}
.icon-soldier{background-position:-12.54rem -3.07rem;width:.17rem;height:.19rem}
.icon-speciality{background-position:-11.72rem -3.5rem;width:.83rem;height:.4rem}
.comprehensive_ranking .match-info .usually-hero .item .speciality,.icon-speciality1{background-position:-10.88rem -3.5rem;width:.83rem;height:.4rem}
.icon-speciality2{background-position:-12.29rem -2.66rem;width:.83rem;height:.4rem}
.icon-speciality3{background-position:-10.39rem -4.55rem;width:.82rem;height:.4rem}
.icon-speciality4{background-position:-9.56rem -4.55rem;width:.82rem;height:.4rem}
.nameplate{background-position:-9.56rem -2.66rem;width:2.72rem;height:.61rem}
.top1{background-position:-4.77rem .02rem;width:4.78rem;height:2.25rem}
.top2{background-position:.02rem -2.25rem;width:4.78rem;height:2.26rem}
.top3{background-position:.02rem .02rem;width:4.78rem;height:2.26rem}
.comprehensive_ranking .match-list .victory .head-item .hero-pic .level-icon,.comprehensive_ranking .match-list>li .match-details .win ul li .hero-pic span,.victory-level-icon{background-position:-10.88rem -3.91rem;width:.55rem;height:.24rem}
/*!* ????????? */
.comm-scroll-container{width:100%;height:100%;overflow:hidden}
.comm-scroll-container>.inner{padding-top:.68rem;margin-top:-.68rem;position:relative;width:100%;height:100%;overflow:hidden;box-sizing:content-box}
.comm-scroll-container>.inner .list-container{position:relative;width:100%;height:100%;overflow:auto;-webkit-overflow-scrolling:touch}
.comm-scroll-container>.inner .list-container.lock-scroll{overflow:hidden}
.comm-scroll-container .top-tip{position:absolute;left:0;top:0;width:100%;height:.48rem;display:flex;align-items:center;justify-content:center;font-size:.18rem;letter-spacing:.01rem;color:rgba(140,169,183,.5)}
.comm-scroll-container .top-tip>i{width:.16rem;height:.19rem;margin-left:.1rem;transition:transform .2s;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAATCAYAAACZZ43PAAAA20lEQVQ4jbXTMU4DMRCF4Y9llQKJkjJFrkCXMgdBdFyAa4QL0KZK+t3cIKnIFVLkCEgUSIvSeCXHsoMlxFT273nPs+PZm+V6KxMvOYj3FDSFxOooGXxUMu0Vg6yg1uC1wN9S8G89+LPBvpJpcY/bsP/GF3ZhP4/EI7vDJKyHFgs8BvCDFY5BMIrGmOEpqvzQosMDpuHgufBZaZzQNRiwwWelUMjdYGhSUCG+uDB+hRP6CoM+5EoN+H2ED+l5bg4ubkgq7FKYM8g1tdij0iTGgquvVPobx5L7aJ2NM5+8OAr60kDQAAAAAElFTkSuQmCC);display:none}
.comm-scroll-container .top-tip>i.down{transform:scaleY(1);display:block}
.comm-scroll-container .top-tip>i.up{transform:scaleY(-1);display:block}
.comm-scroll-container .bottom-tip{width:100%;height:.35rem;display:flex;align-items:center;justify-content:center;font-size:.18rem;color:rgba(140,169,183,.5);margin-bottom:.2rem;letter-spacing:.01rem}
.comprehensive_ranking{min-height:100%;width:100%;box-sizing:border-box}
.comprehensive_ranking .return-box{display:inline-flex;justify-content:flex-end;align-items:flex-start}
.comprehensive_ranking .return-box a{display:inline-flex;justify-content:center;align-items:center;width:1.48rem;height:.28rem;background-color:#191d24;text-align:center;font-weight:700;color:#b59758;font-size:.14rem;border:.01rem solid #313537}
.comprehensive_ranking .return-box a+a{margin-left:.2rem}
.comprehensive_ranking .return-box a span{display:inline-block;line-height:1;vertical-align:middle}
.comprehensive_ranking .return-box a i{display:inline-block;margin-left:.1rem;vertical-align:middle}
.comprehensive_ranking .person-record{overflow:hidden}
.comprehensive_ranking .watch-live{width:1.39rem;height:.4rem;line-height:.4rem;color:rgba(240,230,210,.8);transition:all .2s linear;background-color:#191d24;border:1px solid #313537;font-size:.16rem;color:#b59758;text-align:center;position:absolute;right:0;top:0}
.comprehensive_ranking .watch-live i{display:inline-block;vertical-align:sub}
.comprehensive_ranking .watch-live.fil-gray{filter:grayscale(.7)}
.comprehensive_ranking .record-wrap{display:flex;justify-content:flex-start;align-items:flex-start;margin-top:.4rem}
.comprehensive_ranking .person-info{text-align:center;width:4.2rem;min-height:7.48rem;max-height:9.43rem;height:calc(100vh - 3.86rem);background-color:#161a20;position:relative;margin-right:.2rem;padding-bottom:.4rem;flex-shrink:0;display:inline-flex;justify-content:flex-end;align-items:center;flex-direction:column;box-sizing:border-box}
.comprehensive_ranking .person-info .img{position:absolute;top:0;left:0;width:100%;height:3.82rem}
.comprehensive_ranking .person-info .img img{width:100%;height:100%;object-fit:cover;object-position:top center}
.comprehensive_ranking .person-info .img::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background-image:-moz-linear-gradient(bottom,#161a20 0,rgba(0,0,0,.2) 50%);background-image:-webkit-linear-gradient(bottom,#161a20 0,rgba(0,0,0,.2) 50%);background-image:-ms-linear-gradient(bottom,#161a20 0,rgba(0,0,0,.2) 50%)}
.comprehensive_ranking .person-info .headpic{position:relative;z-index:1;height:1.14rem;width:1.14rem}
.comprehensive_ranking .person-info .headpic .head-pic{width:100%;height:100%;border-radius:50%}
.comprehensive_ranking .person-info .headpic .head-border{position:absolute;width:1.94rem;height:2.22rem;top:50%;left:50%;transform:translate(-50%,-57%)}
.comprehensive_ranking .person-info .nickname{font-weight:700;color:#fff5e0;font-size:.22rem;text-align:center;margin-top:.45rem;z-index:1}
.comprehensive_ranking .person-info .level{display:inline-block;font-size:.14rem;color:#fff;font-weight:700;background-color:#9a7f47;padding:.02rem .04rem;margin-top:.12rem;line-height:1}
.comprehensive_ranking .person-info .nameplate{margin:.18rem auto .22rem;font-size:.16rem;line-height:.6rem;color:#fff5e0;text-align:center}
.comprehensive_ranking .person-info .gapline{margin:0 auto}
.comprehensive_ranking .person-info .hd1-tit{color:#5e625a;font-size:.16rem;margin-top:.26rem}
.comprehensive_ranking .person-info .use-hero{font-size:0;margin-top:.2rem}
.comprehensive_ranking .person-info .use-hero .item{display:inline-block;vertical-align:top;margin:0 .24rem}
.comprehensive_ranking .person-info .use-hero .item .hero-head-pic{width:.68rem;height:.68rem;border-radius:50%;background-color:#0b0814;border:.01rem solid #9c9c9b;box-sizing:border-box;overflow:hidden}
.comprehensive_ranking .person-info .use-hero .item .hero-head-pic img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:.02rem solid #0b0814;box-sizing:border-box}
.comprehensive_ranking .person-info .use-hero .item .name{color:#fff5e0;font-size:.14rem;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:.08rem;margin-bottom:.08rem}
.comprehensive_ranking .person-info .use-hero .item .win{color:#b59758;font-size:.14rem}
.comprehensive_ranking .person-info .use-hero .item .win b{font-family:dinot-bold}
.comprehensive_ranking .main-right{width:100%}
.comprehensive_ranking .match-list{width:100%}
.comprehensive_ranking .match-list .info{width:2.74rem;box-sizing:border-box}
.comprehensive_ranking .match-list .grade{width:.84rem;box-sizing:border-box}
.comprehensive_ranking .match-list .equipment,.comprehensive_ranking .match-list .prop-kda-economics{width:2.85rem;box-sizing:border-box;display:inline-flex;justify-content:center;align-items:center}
.comprehensive_ranking .match-list .combat-gains,.comprehensive_ranking .match-list .item,.comprehensive_ranking .match-list .level{width:1.37rem;box-sizing:border-box}
.comprehensive_ranking .match-list .col-6,.comprehensive_ranking .match-list .harm{width:2.54rem;box-sizing:border-box;display:inline-flex;justify-content:center;align-items:center}
.comprehensive_ranking .match-list .head-item .col-6{justify-content:space-around;height:100%}
.comprehensive_ranking .match-list .head-item .col-6>*{width:50%}
.comprehensive_ranking .match-list>li{background-color:#161a20;margin-top:.2rem;height:1.4rem;transition:all .4s linear;border:.01rem solid #212529;overflow:hidden}
.comprehensive_ranking .match-list>li .head-item{height:1.4rem;box-sizing:border-box;font-size:0;display:flex;flex-shrink:0;align-items:center;justify-content:space-between}
.comprehensive_ranking .match-list>li .info{display:flex;flex-shrink:0;align-items:center;justify-content:flex-start;padding-left:.3rem}
.comprehensive_ranking .match-list>li .hero-pic{width:.82rem;height:.82rem;position:relative;background-color:#191e25;border-radius:50%;flex-shrink:0}
.comprehensive_ranking .match-list>li .hero-pic img{width:100%;height:100%;object-fit:cover;border:.02rem solid #191e25;border-radius:50%;box-sizing:border-box}
.comprehensive_ranking .match-list>li .hero-pic span{color:#fefefe;font-size:.14rem;font-family:dinot-med;display:block;position:absolute;text-align:center;left:50%;bottom:-.06rem;transform:translateX(-50%)}
.comprehensive_ranking .match-list>li .result-skill{margin-left:.15rem}
.comprehensive_ranking .match-list>li .result-skill .name,.comprehensive_ranking .match-list>li .result-skill .result{font-size:.18rem;font-weight:700}
.comprehensive_ranking .match-list>li .result-skill .type{font-size:.14rem;color:#777977;margin-top:.1rem;margin-bottom:.14rem}
.comprehensive_ranking .match-list>li .result-skill .skill{display:flex;display:-webkit-flex}
.comprehensive_ranking .match-list>li .result-skill .skill .skill-img{width:.22rem;height:.22rem;border:.01rem solid #313537;margin-right:.08rem}
.comprehensive_ranking .match-list>li .result-skill .skill .rune-img{width:.22rem;height:.22rem;border-radius:50%;border:.01rem solid #b55c5e;margin-right:.1rem}
.comprehensive_ranking .match-list>li .result-skill .skill .rune-img.tone1{border:.01rem solid #a18b6b}
.comprehensive_ranking .match-list>li .result-skill .skill .rune-img.tone2{border:.01rem solid #d44242}
.comprehensive_ranking .match-list>li .result-skill .skill .rune-img.tone3{border:.01rem solid #9faafc}
.comprehensive_ranking .match-list>li .result-skill .skill .rune-img.tone4{border:.01rem solid #a1d586}
.comprehensive_ranking .match-list>li .result-skill .skill .rune-img.tone5{border:.01rem solid #49aab9}
.comprehensive_ranking .match-list>li .grade{display:inline-flex;justify-content:center;align-items:center}
.comprehensive_ranking .match-list>li .grade span{display:inline-flex;justify-content:center;align-items:center;font-family:dinot-med;color:#d7a75f;text-align:center;font-size:.18rem}
.comprehensive_ranking .match-list>li .prop-kda-economics{font-family:dinot-med}
.comprehensive_ranking .match-list>li .prop-kda-economics .kda-info .kda{float:left;color:#fff5e0;font-size:.14rem}
.comprehensive_ranking .match-list>li .prop-kda-economics .kda-info .economics,.comprehensive_ranking .match-list>li .prop-kda-economics .kda-info .replenishment{color:#777977;font-size:.14rem;float:right}
.comprehensive_ranking .match-list>li .prop-kda-economics .kda-info .economics i,.comprehensive_ranking .match-list>li .prop-kda-economics .kda-info .replenishment i{display:inline-block;vertical-align:top}
.comprehensive_ranking .match-list>li .prop-kda-economics .kda-info .economics .icon-soldier,.comprehensive_ranking .match-list>li .prop-kda-economics .kda-info .replenishment .icon-soldier{margin-top:-.03rem}
.comprehensive_ranking .match-list>li .prop-kda-economics .kda-info .economics{margin-left:.28rem}
.comprehensive_ranking .match-list>li .prop-kda-economics .prop-con{margin-top:.04rem;display:flex;display:-webkit-flex}
.comprehensive_ranking .match-list>li .prop-kda-economics .prop-con .prop-item{display:block;width:.38rem;height:.38rem;border:.01rem solid #313537;background-color:#161a20;border-right:none}
.comprehensive_ranking .match-list>li .prop-kda-economics .prop-con .prop-item img{width:100%;height:100%;object-fit:cover}
.comprehensive_ranking .match-list>li .prop-kda-economics .prop-con .prop-item:nth-last-child(1){border-right:.01rem solid #313537}
.comprehensive_ranking .match-list>li .prop-kda-economics .date{margin-top:.04rem}
.comprehensive_ranking .match-list>li .prop-kda-economics .date span{font-size:.14rem;color:#777977;float:left}
.comprehensive_ranking .match-list>li .prop-kda-economics .date span+span{float:right}
.comprehensive_ranking .match-list>li .team{display:inline-flex;justify-content:flex-start;align-items:center;flex-direction:column}
.comprehensive_ranking .match-list>li .team .item{margin-top:.04rem;display:flex;display:-webkit-flex}
.comprehensive_ranking .match-list>li .team .item .playerpic{width:.18rem;height:.18rem;border:.01rem solid #929291;border-radius:50%;overflow:hidden;flex-shrink:0}
.comprehensive_ranking .match-list>li .team .item .playerpic img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.comprehensive_ranking .match-list>li .team .item span{display:inline-flex;justify-content:flex-start;align-items:center;margin-left:.05rem;color:#777977;font-size:.14rem;overflow:hidden;text-overflow:ellipsis;white-space:normal}
.comprehensive_ranking .match-list>li .replay{text-align:center;font-size:.14rem}
.comprehensive_ranking .match-list>li .replay a{color:#777977}
.comprehensive_ranking .match-list>li .replay i{display:block;margin:0 auto .14rem}
.comprehensive_ranking .match-list>li .replay span{white-space:nowrap}
.comprehensive_ranking .match-list>li .open-switch{height:100%;border-left:.01rem solid #212529;text-align:center;position:relative}
.comprehensive_ranking .match-list>li .open-switch i{display:block;margin:0 auto;vertical-align:middle;transition:.2s linear;position:absolute;left:50%;top:50%;transform-origin:center top;transform:translate(-50%,-50%)}
.comprehensive_ranking .match-list>li .match-details .head{height:.35rem;line-height:.35rem;display:flex;justify-content:space-around;align-items:center}
.comprehensive_ranking .match-list>li .match-details .head span{font-size:.16rem;color:#fff;font-weight:700;box-sizing:border-box;white-space:nowrap;text-align:center}
.comprehensive_ranking .match-list>li .match-details .head .info{text-align:left;font-size:.2rem}
.comprehensive_ranking .match-list>li .match-details .head .combat-gains{text-align:center}
.comprehensive_ranking .match-list>li .match-details ul{width:100%;margin:0 auto}
.comprehensive_ranking .match-list>li .match-details ul li{display:flex;display:-webkit-flex;flex-shrink:0;align-items:center;justify-content:space-between;height:1.28rem;border-bottom:.01rem solid #212529}
.comprehensive_ranking .match-list>li .match-details ul li .combat-gains{color:#fff5e0;font-size:.14rem;text-align:center;line-height:1.4}
.comprehensive_ranking .match-list>li .match-details ul li .level{display:inline-flex;justify-content:flex-start;align-items:center;color:#fff5e0;text-align:left;font-size:.14rem;padding-left:.2rem}
.comprehensive_ranking .match-list>li .match-details ul li .level img{width:.28rem;margin-right:.05rem}
.comprehensive_ranking .match-list>li .match-details ul li .harm{font-family:dinot-bold;font-size:.14rem;text-align:right;color:#fff5e0;display:flex;align-items:center}
.comprehensive_ranking .match-list>li .match-details ul li .harm span{display:block;width:20%}
.comprehensive_ranking .match-list>li .match-details ul li .harm .progress-box{display:inline-block;position:relative;width:70%;height:.2rem;background-color:#202831;margin-left:.08rem;overflow:hidden}
.comprehensive_ranking .match-list>li .match-details ul li .harm .progress-box .progressing{position:absolute;height:100%;background-color:#1dbaa9;max-width:100%;width:20%}
.comprehensive_ranking .match-list>li .match-details ul li .equipment{display:flex;display:-webkit-flex;flex-shrink:0}
.comprehensive_ranking .match-list>li .match-details ul li .equipment .prop-item{display:block;width:.38rem;height:.38rem;border:.01rem solid #313537;background-color:#161a20;border-right:none}
.comprehensive_ranking .match-list>li .match-details ul li .equipment .prop-item img{width:100%;height:100%;object-fit:cover}
.comprehensive_ranking .match-list>li .match-details ul li .equipment .prop-item:nth-last-child(1){border-right:.01rem solid #313537}
.comprehensive_ranking .match-list>li .match-details ul li:nth-last-child(1){border-bottom:none}
.comprehensive_ranking .match-list>li .match-details .win .head{background-color:#4385e9}
.comprehensive_ranking .match-list>li .match-details .win ul li .hero-pic{border:.02rem solid #40a5e5}
.comprehensive_ranking .match-list>li .match-details .win ul li .hero-pic span{line-height:.24rem}
.comprehensive_ranking .match-list>li .match-details .win ul li .result-skill .name{color:#40a5e5}
.comprehensive_ranking .match-list>li .match-details .fail .head{background-color:#c53644}
.comprehensive_ranking .match-list>li .match-details .fail ul li .hero-pic{border:.02rem solid #c53644}
.comprehensive_ranking .match-list>li .match-details .fail ul li .hero-pic span{line-height:.24rem}
.comprehensive_ranking .match-list>li .match-details .fail ul li .result-skill .name{color:#c53644}
.comprehensive_ranking .match-list>li.on,.comprehensive_ranking .match-list>li:hover{border:.01rem solid #b59758}
.comprehensive_ranking .match-list>li.on{height:14.98rem}
.comprehensive_ranking .match-list>li.on .head-item .open-switch i{transform:rotate(90deg)}
.comprehensive_ranking .match-list .defeat .head-item .hero-pic{border:.02rem solid #e54050}
.comprehensive_ranking .match-list .defeat .head-item .hero-pic .level-icon{line-height:.24rem}
.comprehensive_ranking .match-list .defeat .result-skill .result{color:#e54050}
.comprehensive_ranking .match-list .victory .head-item .hero-pic{border:.02rem solid #4385e9}
.comprehensive_ranking .match-list .victory .head-item .hero-pic .level-icon{line-height:.24rem}
.comprehensive_ranking .match-list .victory .result-skill .result{color:#4385e9}
.comprehensive_ranking .match-info{width:100%;background-color:#161a20;position:relative;overflow:hidden}
.comprehensive_ranking .match-info .hd-tit{height:.64rem;line-height:.64rem;border-bottom:.01rem solid #262c35;font-size:.14rem;padding-left:.3rem;color:#7e807d}
.comprehensive_ranking .match-info .filter-box{height:.56rem;position:absolute;top:.05rem;right:.3rem;margin-top:0;transform:translateY(0)}
.comprehensive_ranking .match-info .filter-box .component-search-box{width:2.44rem}
.comprehensive_ranking .match-info .hd-info{display:flex;display:-webkit-flex;flex-shrink:0;justify-content:space-around}
.comprehensive_ranking .match-info .all-match-data{width:100%;height:1.94rem;float:left;border-right:.01rem solid #262c35;display:inline-flex;justify-content:space-evenly;align-items:center;box-sizing:border-box;padding:0 .8rem}
.comprehensive_ranking .match-info .all-match-data .piecurve{width:1.4rem;height:1.4rem}
.comprehensive_ranking .match-info .all-match-data .data-text{display:inline-block;vertical-align:top}
.comprehensive_ranking .match-info .all-match-data .data-text .defeat,.comprehensive_ranking .match-info .all-match-data .data-text .win{display:flex;display:-webkit-flex;margin-bottom:.11rem;font-size:.16rem;color:#fff5e0}
.comprehensive_ranking .match-info .all-match-data .data-text .defeat i,.comprehensive_ranking .match-info .all-match-data .data-text .win i{display:inline-block;width:.18rem;height:.18rem;background:#b59758;margin-right:.09rem}
.comprehensive_ranking .match-info .all-match-data .data-text .defeat{margin-bottom:0}
.comprehensive_ranking .match-info .all-match-data .data-text .defeat i{background:#262c35}
.comprehensive_ranking .match-info .all-match-data .data-text .kda-data{font-size:.16rem;color:#fff5e0;margin-top:.27rem}
.comprehensive_ranking .match-info .all-match-data .data-text .kda-data p{margin-bottom:.1rem}
.comprehensive_ranking .match-info .usually-hero{width:100%;height:1.94rem;float:left;border-right:.01rem solid #262c35;text-align:center;display:inline-flex;justify-content:center;align-items:center}
.comprehensive_ranking .match-info .usually-hero .item{margin:0 .26rem 0;width:.83rem;vertical-align:top}
.comprehensive_ranking .match-info .usually-hero .item .hero-head-pic{margin:0 auto;width:.52rem;height:.52rem;border-radius:50%;background-color:#0b0814;border:.01rem solid #9c9c9b;box-sizing:border-box;overflow:hidden}
.comprehensive_ranking .match-info .usually-hero .item .hero-head-pic img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:.02rem solid #0b0814;box-sizing:border-box}
.comprehensive_ranking .match-info .usually-hero .item .name{color:#fff5e0;font-size:.14rem;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:.1rem;margin-bottom:.1rem}
.comprehensive_ranking .match-info .usually-hero .item .speciality{font-weight:700;color:#fff;font-size:.14rem;line-height:.4rem;padding-left:.38rem;padding-right:.08rem;box-sizing:border-box}
.comprehensive_ranking .match-info .position{width:100%;height:1.94rem;float:left;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}
.comprehensive_ranking .match-info .position .item{width:2.34rem;height:.5rem;border:.01rem solid #313537;background-color:#191d24;position:relative;line-height:.5rem}
.comprehensive_ranking .match-info .position .item i{position:absolute;top:50%;left:.17rem;transform:translateY(-50%);display:inline-block}
.comprehensive_ranking .match-info .position .item .text{font-size:.18rem;color:#fff5e0;float:left;margin-left:.51rem}
.comprehensive_ranking .match-info .position .item .percent{font-size:.18rem;color:#777977;float:right;margin-right:.18rem}
.comprehensive_ranking .person-hero{width:100%;background-color:#161a20;box-sizing:border-box}
.comprehensive_ranking .person-hero .h1-tit{font-size:.16rem;color:#fff5e0;font-weight:700;margin-top:.3rem}
.comprehensive_ranking .person-hero .select-hero-hd{width:100%;height:1.2rem;border-bottom:.01rem solid #212529;display:flex;display:-webkit-flex;align-items:center;justify-content:space-between;flex-shrink:0}
.comprehensive_ranking .person-hero .select-hero-hd .select-hero{margin-left:.3rem}
.comprehensive_ranking .person-hero .select-hero-hd .select-hero .hero-item{display:inline-block;width:.46rem;height:.46rem;position:relative;vertical-align:middle;filter:brightness(.5)}
.comprehensive_ranking .person-hero .select-hero-hd .select-hero .hero-item img{width:100%;height:100%}
.comprehensive_ranking .person-hero .select-hero-hd .select-hero .hero-item.on{filter:brightness(1)}
.comprehensive_ranking .person-hero .select-hero-hd .select-hero .hero-item.on::after{position:absolute;content:'';width:.42rem;height:.42rem;top:0;left:0;display:block;border:.02rem solid #b59758;z-index:1}
.comprehensive_ranking .person-hero .select-hero-hd .select-hero .name{font-size:.18rem;color:#fff5e0;display:inline-block;vertical-align:middle;margin-left:.2rem}
.comprehensive_ranking .person-hero .select-hero-hd .area-level{font-size:.16rem;color:#7e807d;margin-right:.4rem}
.comprehensive_ranking .person-hero .equipment-selection{margin:0 .3rem;padding-bottom:.3rem;border-bottom:.01rem solid #212529}
.comprehensive_ranking .person-hero .equipment-selection .equipment{margin-top:.2rem;display:flex;display:-webkit-flex}
.comprehensive_ranking .person-hero .equipment-selection .equipment .equipment-type{margin-right:.2rem}
.comprehensive_ranking .person-hero .equipment-selection .equipment .equipment-type span{font-size:.14rem;color:#7e807d;display:inline-block;vertical-align:middle;margin-right:.3rem}
.comprehensive_ranking .person-hero .equipment-selection .equipment .equipment-type img{width:.46rem;height:.46rem;object-fit:cover;border:.01rem solid #313537;vertical-align:middle;margin-right:.16rem}
.comprehensive_ranking .person-hero .equipment-selection .equipment .equipment-type img:nth-last-child(1){margin-right:0}
.comprehensive_ranking .person-hero .equipment-selection .equipment.equipment-type:nth-last-child(1){margin-right:0}
.comprehensive_ranking .person-hero .usually-rune{margin:0 .4rem;padding-bottom:.7rem;border-bottom:.01rem solid #212529}
.comprehensive_ranking .person-hero .usually-rune .rune{display:flex;display:-webkit-flex;align-items:center;margin-top:.22rem}
.comprehensive_ranking .person-hero .usually-rune .rune .tone1{border:.01rem solid #a18b6b}
.comprehensive_ranking .person-hero .usually-rune .rune .tone2{border:.01rem solid #d44242}
.comprehensive_ranking .person-hero .usually-rune .rune .tone3{border:.01rem solid #9faafc}
.comprehensive_ranking .person-hero .usually-rune .rune .tone4{border:.01rem solid #a1d586}
.comprehensive_ranking .person-hero .usually-rune .rune .tone5{border:.01rem solid #49aab9}
.comprehensive_ranking .person-hero .usually-rune .rune .rune-primary-wrap{display:inline-flex;justify-content:space-between;align-items:center;vertical-align:middle;width:3.42rem;position:relative}
.comprehensive_ranking .person-hero .usually-rune .rune .rune-primary-wrap:after{position:absolute;display:block;content:'';width:100%;height:.01rem;background-color:#252c35;top:50%;right:0;z-index:1}
.comprehensive_ranking .person-hero .usually-rune .rune .rune-primary-wrap .rune-primary{position:relative}
.comprehensive_ranking .person-hero .usually-rune .rune .rune-primary-wrap .rune-primary .rune-box{width:.4rem;height:.4rem;background-color:#161a20;border-radius:50%;margin:0 auto;position:relative;z-index:2}
.comprehensive_ranking .person-hero .usually-rune .rune .rune-primary-wrap .rune-primary .rune-box img{width:100%;height:100%;object-fit:cover}
.comprehensive_ranking .person-hero .usually-rune .rune .rune-primary-wrap .rune-primary p{position:absolute;width:1rem;text-align:center;font-size:.14rem;color:#5e625a;line-height:1.2;top:calc(120% + .1rem);left:50%;transform:translateX(-50%)}
.comprehensive_ranking .person-hero .usually-rune .rune .rune-primary-wrap .rune-primary:last-child .rune-box::after{display:none}
.comprehensive_ranking .person-hero .usually-rune .rune .rune-primary-wrap .main .rune-box{width:.46rem;height:.46rem;border-width:.02rem}
.comprehensive_ranking .person-hero .usually-rune .rune .rune-primary-wrap .main p{top:120%}
.comprehensive_ranking .person-hero .usually-rune .rune .rune-wrap2{width:1.9rem;margin-left:.5rem}
.comprehensive_ranking .person-hero .usually-rune .rune .rune-wrap2 .rune-primary{position:relative}
.comprehensive_ranking .person-hero .add-skill{margin:0 .4rem;padding-bottom:.4rem}
.comprehensive_ranking .person-hero .add-skill .skill-img{margin-top:.31rem}
.comprehensive_ranking .person-hero .add-skill .skill-img .item{width:.44rem;height:.44rem;position:relative;border:.01rem solid #313537;display:inline-block;vertical-align:middle}
.comprehensive_ranking .person-hero .add-skill .skill-img .item img{width:100%;height:100%;object-fit:cover}
.comprehensive_ranking .person-hero .add-skill .skill-img .item .key{display:block;position:absolute;width:.16rem;height:.16rem;font-family:dinot-bold;font-size:.12rem;line-height:.16rem;right:0;bottom:0;background-color:#000;color:#fff5e0;text-align:center}
.comprehensive_ranking .person-hero .add-skill .skill-img i{display:inline-block;vertical-align:middle;margin:0 .1rem}
.comprehensive_ranking .person-hero .add-skill .skill-table{margin-top:.2rem}
.comprehensive_ranking .person-hero .add-skill .skill-table tr td{width:.44rem;height:.44rem;border:.01rem solid #313537;font-size:.16rem;font-weight:700;color:#5e625a;position:relative;text-align:center}
.comprehensive_ranking .person-hero .add-skill .skill-table tr td img{width:100%;height:100%;object-fit:cover}
.comprehensive_ranking .person-hero .add-skill .skill-table tr td .key{display:block;position:absolute;width:.16rem;height:.16rem;font-family:dinot-bold;font-size:.12rem;line-height:.16rem;right:0;bottom:0;background-color:#000;color:#fff5e0;text-align:center}
.comprehensive_ranking .person-hero .add-skill .skill-table tr td:nth-of-type(11),.comprehensive_ranking .person-hero .add-skill .skill-table tr td:nth-of-type(6){color:#12d5c0}
.comprehensive_ranking .person-date{width:100%;background-color:#161a20}
.comprehensive_ranking .person-date .hd-tit{font-size:.14rem;color:#7e807d;line-height:.44rem;box-sizing:border-box;padding:0 .2rem}
.comprehensive_ranking .person-date .tablelist{width:100%}
.comprehensive_ranking .person-date .tablelist thead{font-size:.14rem;color:#7e807d;background-color:#202831;height:.51rem;border-top:.01rem solid #2f3336;border-bottom:.01rem solid #2f3336}
.comprehensive_ranking .person-date .tablelist thead a{display:inline-block;vertical-align:sub;margin-left:.09rem}
.comprehensive_ranking .person-date .tablelist thead th:nth-of-type(1){padding-left:.45rem;width:.43rem;padding-right:.36rem}
.comprehensive_ranking .person-date .tablelist thead th:nth-of-type(2){width:1.83rem;box-sizing:border-box;text-align:left;padding-left:.33rem}
.comprehensive_ranking .person-date .tablelist thead th:nth-of-type(3){width:1.56rem;padding-left:.1rem;text-align:left}
.comprehensive_ranking .person-date .tablelist thead th:nth-of-type(4){width:1.9rem}
.comprehensive_ranking .person-date .tablelist thead th:nth-of-type(5){width:2.38rem}
.comprehensive_ranking .person-date .tablelist thead th:nth-of-type(6){width:1.17rem}
.comprehensive_ranking .person-date .tablelist thead th:nth-of-type(7){width:1.74rem}
.comprehensive_ranking .person-date .tablelist thead th:nth-of-type(8){width:1.2rem}
.comprehensive_ranking .person-date .tablelist thead th:nth-of-type(9){width:1.3rem}
.comprehensive_ranking .person-date .tablelist tbody tr{position:relative;height:1.15rem}
.comprehensive_ranking .person-date .tablelist tbody tr::after{display:block;width:15.45rem;height:.01rem;position:absolute;content:"";background-color:#191e25;left:.3rem;bottom:0}
.comprehensive_ranking .person-date .tablelist tbody tr td:nth-of-type(1){padding-left:.45rem;padding-right:.45rem;text-align:center;position:relative;font-size:.18rem;color:#fff5e0;font-family:dinot-bold}
.comprehensive_ranking .person-date .tablelist tbody tr td:nth-of-type(1) i{position:absolute;top:-.01rem;left:50%;transform:translateX(-50%)}
.comprehensive_ranking .person-date .tablelist tbody tr td:nth-of-type(2){width:1.83rem;white-space:nowrap}
.comprehensive_ranking .person-date .tablelist tbody tr td:nth-of-type(3){width:1.56rem}
.comprehensive_ranking .person-date .tablelist tbody tr td:nth-of-type(4){width:1.9rem}
.comprehensive_ranking .person-date .tablelist tbody tr td:nth-of-type(5){width:2.38rem}
.comprehensive_ranking .person-date .tablelist tbody tr td:nth-of-type(6){width:1.17rem}
.comprehensive_ranking .person-date .tablelist tbody tr td:nth-of-type(7){width:1.74rem}
.comprehensive_ranking .person-date .tablelist tbody tr td:nth-of-type(8){width:1.2rem}
.comprehensive_ranking .person-date .tablelist tbody tr td:nth-of-type(9){width:1.3rem}
.comprehensive_ranking .person-date .tablelist tbody i{display:inline-block}
.comprehensive_ranking .person-date .tablelist tbody .heropic{width:.53rem;height:.53rem;border:.01rem solid #9c9c9b;border-radius:50%;display:inline-block;overflow:hidden;vertical-align:middle;box-sizing:border-box}
.comprehensive_ranking .person-date .tablelist tbody .heropic img{width:100%;height:100%;object-fit:cover;box-sizing:border-box;border-radius:50%;border:.01rem solid #0b0814}
.comprehensive_ranking .person-date .tablelist tbody .name{color:#fff5e0;font-size:.16rem;display:inline-block;vertical-align:middle;margin-left:.1rem;width:1.15rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.comprehensive_ranking .match-info .usually-hero .item .person-date .tablelist tbody .speciality,.comprehensive_ranking .person-date .tablelist tbody .icon-speciality1,.comprehensive_ranking .person-date .tablelist tbody .icon-speciality2,.comprehensive_ranking .person-date .tablelist tbody .icon-speciality3,.comprehensive_ranking .person-date .tablelist tbody .icon-speciality4,.comprehensive_ranking .person-date .tablelist tbody .match-info .usually-hero .item .speciality{display:block;font-weight:700;font-size:.14rem;color:#fff;text-align:center;box-sizing:border-box;line-height:.4rem;padding-left:.38rem;padding-right:.08rem}
.comprehensive_ranking .person-date .tablelist tbody .progress-box{width:1.9rem;height:.2rem;position:relative;background-color:#202831}
.comprehensive_ranking .person-date .tablelist tbody .progress-box .progressing{position:absolute;top:0;left:0;width:0%;max-width:100%;height:100%;background-color:#1dbaa9}
.comprehensive_ranking .person-date .tablelist tbody .progress-box .win-per{color:#fff5e0;position:absolute;font-size:.14rem;font-family:dinot-bold;line-height:.2rem;left:.1rem}
.comprehensive_ranking .person-date .tablelist tbody .progress-box .match{color:#7b7f85;position:absolute;font-size:.14rem;font-family:dinot-bold;line-height:.2rem;right:.1rem}
.comprehensive_ranking .person-date .tablelist tbody .text{font-size:.16rem;color:#fff5e0;text-align:center}
.comprehensive_ranking .person-date .herolist{width:100%;position:relative;flex-shrink:0}
.comprehensive_ranking .person-date .herolist .tr{display:flex;display:-webkit-flex;justify-content:space-between;align-items:center;text-align:center;box-sizing:border-box;flex-shrink:0}
.comprehensive_ranking .person-date .herolist .thead{background:#161a20}
.comprehensive_ranking .person-date .herolist .thead .th:nth-of-type(2){padding-left:.8rem}
.comprehensive_ranking .person-date .herolist .thead .tr:nth-child(even){background:#181c23}
.comprehensive_ranking .person-date .herolist .tbody .tr{background:#161a20}
.comprehensive_ranking .person-date .herolist .tbody .tr:nth-child(even){background:#181c23}
.comprehensive_ranking .person-date .herolist .tbody .td{color:#fff5e0}
.comprehensive_ranking .person-date .herolist .td,.comprehensive_ranking .person-date .herolist .th{box-sizing:border-box;white-space:nowrap;text-align:center}
.comprehensive_ranking .person-date .herolist .td+.td,.comprehensive_ranking .person-date .herolist .td+.th,.comprehensive_ranking .person-date .herolist .th+.td,.comprehensive_ranking .person-date .herolist .th+.th{border-left:.01rem solid #1b2128}
.comprehensive_ranking .person-date .herolist .td:nth-of-type(1),.comprehensive_ranking .person-date .herolist .th:nth-of-type(1){width:8%}
.comprehensive_ranking .person-date .herolist .td:nth-of-type(2),.comprehensive_ranking .person-date .herolist .th:nth-of-type(2){width:16%;flex-shrink:1;text-align:left;padding-left:.2rem}
.comprehensive_ranking .person-date .herolist .td:nth-of-type(3),.comprehensive_ranking .person-date .herolist .th:nth-of-type(3){width:9%}
.comprehensive_ranking .person-date .herolist .td:nth-of-type(4),.comprehensive_ranking .person-date .herolist .th:nth-of-type(4){width:18%;flex-shrink:1}
.comprehensive_ranking .person-date .herolist .td:nth-of-type(5),.comprehensive_ranking .person-date .herolist .th:nth-of-type(5){width:8%}
.comprehensive_ranking .person-date .herolist .td:nth-of-type(6),.comprehensive_ranking .person-date .herolist .th:nth-of-type(6){width:10%}
.comprehensive_ranking .person-date .herolist .td:nth-of-type(7),.comprehensive_ranking .person-date .herolist .th:nth-of-type(7){width:8%}
.comprehensive_ranking .person-date .herolist .td:nth-of-type(8),.comprehensive_ranking .person-date .herolist .th:nth-of-type(8){width:8%}
.comprehensive_ranking .person-date .herolist .td:nth-of-type(9),.comprehensive_ranking .person-date .herolist .th:nth-of-type(9){width:8%}
.comprehensive_ranking .person-date .herolist .td:nth-of-type(10),.comprehensive_ranking .person-date .herolist .th:nth-of-type(10){width:8%}
.comprehensive_ranking .person-date .herolist .thead{font-size:.16rem;color:#7e807d;background-color:#202831;height:.51rem;border-top:.01rem solid #2f3336;border-bottom:.01rem solid #2f3336}
.comprehensive_ranking .person-date .herolist .thead>div{height:100%}
.comprehensive_ranking .person-date .herolist .thead a{display:inline-block;vertical-align:sub;margin-left:.09rem}
.comprehensive_ranking .person-date .herolist .tbody .tr{position:relative;height:.94rem}
.comprehensive_ranking .person-date .herolist .tbody .tr .td{height:100%;line-height:.94rem;font-size:.16rem}
.comprehensive_ranking .person-date .herolist .tbody .tr .td:nth-of-type(1){text-align:center;position:relative;font-size:.18rem;color:#fff5e0;font-family:dinot-bold}
.comprehensive_ranking .person-date .herolist .tbody .tr .td:nth-of-type(1) i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.comprehensive_ranking .person-date .herolist .tbody i{display:inline-block}
.comprehensive_ranking .person-date .herolist .tbody .heropic{width:.53rem;height:.53rem;line-height:.53rem;border:.01rem solid #9c9c9b;border-radius:50%;display:inline-block;overflow:hidden;vertical-align:middle;box-sizing:border-box}
.comprehensive_ranking .person-date .herolist .tbody .heropic img{width:100%;height:100%;object-fit:cover;box-sizing:border-box;border-radius:50%;border:.01rem solid #0b0814}
.comprehensive_ranking .person-date .herolist .tbody .name{color:#fff5e0;font-size:.16rem;display:inline-block;vertical-align:middle;margin-left:.1rem;width:1.15rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.comprehensive_ranking .match-info .usually-hero .item .person-date .herolist .tbody .speciality,.comprehensive_ranking .person-date .herolist .tbody .icon-speciality1,.comprehensive_ranking .person-date .herolist .tbody .icon-speciality2,.comprehensive_ranking .person-date .herolist .tbody .icon-speciality3,.comprehensive_ranking .person-date .herolist .tbody .icon-speciality4,.comprehensive_ranking .person-date .herolist .tbody .match-info .usually-hero .item .speciality{display:inline-block;vertical-align:middle;font-weight:700;font-size:.14rem;color:#fff;text-align:center;box-sizing:border-box;line-height:.4rem;padding-left:.38rem;padding-right:.08rem}
.comprehensive_ranking .person-date .herolist .tbody .progress-box{width:80%;height:.2rem;display:inline-block;vertical-align:middle;position:relative;background-color:#202831}
.comprehensive_ranking .person-date .herolist .tbody .progress-box .progressing{position:absolute;top:0;left:0;width:0%;max-width:100%;height:100%;background-color:#1dbaa9}
.comprehensive_ranking .person-date .herolist .tbody .progress-box .win-per{color:#fff5e0;position:absolute;font-size:.14rem;font-family:dinot-bold;line-height:.2rem;left:.1rem}
.comprehensive_ranking .person-date .herolist .tbody .progress-box .match{color:#7b7f85;position:absolute;font-size:.14rem;font-family:dinot-bold;line-height:.2rem;right:.1rem}
.comprehensive_ranking .person-date .herolist .tbody .text{font-size:.16rem;color:#fff5e0;text-align:center}
.comprehensive_ranking .competitiveness-ranking{min-height:calc(100vh - 2.5rem)}
.comprehensive_ranking .competitiveness-ranking .page-tit{font-size:.3rem;color:#12d5c0;padding-bottom:.45rem;border-bottom:.01rem solid rgba(255,255,255,.1)}
.comprehensive_ranking .competitiveness-ranking .top3-tit{width:100%;color:#fff5e0;font-size:.16rem;font-weight:700;position:relative;line-height:1;margin-top:.4rem}
.comprehensive_ranking .competitiveness-ranking .top3-box{display:flex;display:-webkit-flex;flex-shrink:0;margin-top:.2rem}
.comprehensive_ranking .competitiveness-ranking .top3-box>.item{display:inline-flex;justify-content:flex-start;align-items:flex-start;flex-shrink:0;margin-right:.16rem}
.comprehensive_ranking .competitiveness-ranking .match-info .usually-hero .top3-box>.item .speciality,.comprehensive_ranking .competitiveness-ranking .top3-box>.item .icon-speciality1,.comprehensive_ranking .competitiveness-ranking .top3-box>.item .icon-speciality2,.comprehensive_ranking .competitiveness-ranking .top3-box>.item .icon-speciality3,.comprehensive_ranking .competitiveness-ranking .top3-box>.item .icon-speciality4,.comprehensive_ranking .match-info .usually-hero .competitiveness-ranking .top3-box>.item .speciality{display:inline-block;vertical-align:middle;font-weight:700;font-size:.14rem;color:#fff;text-align:center;box-sizing:border-box;line-height:.4rem;padding-left:.38rem;padding-right:.08rem}
.comprehensive_ranking .competitiveness-ranking .top3-box>.item+div+div{margin-right:0}
.comprehensive_ranking .competitiveness-ranking .top3-box .headpic{position:relative;z-index:1;height:.6rem;width:.6rem;margin-top:.34rem;margin-left:.34rem;display:inline-block;vertical-align:top}
.comprehensive_ranking .competitiveness-ranking .top3-box .headpic .head-pic{width:100%;height:100%;border-radius:50%}
.comprehensive_ranking .competitiveness-ranking .top3-box .headpic .head-border{position:absolute;width:1.54rem;height:1.78rem;top:50%;left:50%;transform:translate(-50%,-57%)}
.comprehensive_ranking .competitiveness-ranking .top3-box .info{width:1.8rem;display:inline-block;vertical-align:top;margin-left:.26rem;margin-top:.36rem}
.comprehensive_ranking .competitiveness-ranking .top3-box .info .name{font-size:.18rem;color:#fff5e0}
.comprehensive_ranking .competitiveness-ranking .top3-box .info .name span{font-size:.12rem;color:#b59758;display:inline-block;vertical-align:bottom;margin-left:.1rem}
.comprehensive_ranking .competitiveness-ranking .top3-box .info .level{margin-top:.06rem;display:flex;justify-content:flex-start;align-items:center}
.comprehensive_ranking .competitiveness-ranking .top3-box .info .level img{width:.27rem;vertical-align:middle}
.comprehensive_ranking .competitiveness-ranking .top3-box .info .level .text{display:inline-block;margin-right:.04rem;vertical-align:middle;font-size:.12rem;color:#7e807d}
.comprehensive_ranking .competitiveness-ranking .top3-box .progress-box{width:2.68rem;height:.2rem;position:relative;background-color:#202831;margin-top:.3rem;margin-left:.34rem}
.comprehensive_ranking .competitiveness-ranking .top3-box .progress-box .progressing{position:absolute;top:0;left:0;width:76.56%;max-width:100%;height:100%;background-color:#1dbaa9}
.comprehensive_ranking .competitiveness-ranking .top3-box .progress-box .win-per{color:#fff5e0;position:absolute;font-size:.14rem;font-family:dinot-bold;line-height:.2rem;left:.1rem}
.comprehensive_ranking .competitiveness-ranking .top3-box .progress-box .match{color:#7b7f85;position:absolute;font-size:.14rem;font-family:dinot-bold;line-height:.2rem;right:.1rem}
.comprehensive_ranking .competitiveness-ranking .top3-box .top-hero{display:inline-block;vertical-align:top;margin-left:.2rem;margin-top:.26rem}
.comprehensive_ranking .competitiveness-ranking .top3-box .top-hero .item{margin-bottom:.08rem}
.comprehensive_ranking .competitiveness-ranking .top3-box .top-hero .item .heropic{width:.36rem;height:.36rem;border:.01rem solid #b7a26a;border-radius:50%;display:inline-block;overflow:hidden;display:inline-block;vertical-align:middle;margin-right:.11rem}
.comprehensive_ranking .competitiveness-ranking .top3-box .top-hero .item .heropic img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:.01rem solid #0b0814}
.comprehensive_ranking .competitiveness-ranking .top3-box .top-hero .item .heropic.border2{border:.01rem solid #899394}
.comprehensive_ranking .competitiveness-ranking .top3-box .top-hero .item .heropic.border3{border:.01rem solid #9c6d54}
.comprehensive_ranking .competitiveness-ranking .top3-box .top-hero .item .text{font-size:.14rem;color:#fff;display:inline-block;vertical-align:middle;margin-left:.09rem}
.comprehensive_ranking .competitiveness-ranking .hero-wrap{margin-top:.2rem;display:flex;justify-content:flex-start;align-items:flex-start}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .left{width:4rem;flex-shrink:0}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .tit{font-size:.16rem;color:#fff5e0;text-align:left;padding:0 .22rem;box-sizing:border-box;background:#161a20;font-weight:700;height:.5rem;display:flex;justify-content:flex-start;align-items:center}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap{min-width:12rem;width:100%;margin-left:.2rem;background-color:#161a20}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .tit{width:100%;display:flex;padding:0;flex-shrink:1}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .tit .t{width:2.38rem;text-align:left;flex-shrink:0;box-sizing:border-box;padding:0 0 0 .22rem}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .table-title{width:calc(100% - .8rem);margin:0 .4rem;height:100%}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .table-title tr{cursor:pointer;height:100%;transition:.3s}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .table-title tr th{white-space:nowrap;font-size:.14rem;color:#7e807d;text-align:center;position:relative}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .table-title tr th:nth-of-type(1){width:.7rem}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .table-title tr th:nth-of-type(2){text-align:left;padding-left:.4rem;text-indent:.6rem}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .table-title tr th:nth-of-type(3){text-align:left;width:14%;text-indent:.2rem}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .table-title tr th:nth-of-type(4){text-align:left;width:14%;text-indent:.2rem}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .table-title tr th:nth-of-type(5){text-align:left;width:14%;text-indent:.2rem}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .table-title tr th:nth-of-type(6){width:14%}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .table-title tr th:nth-of-type(7){width:.25rem;padding-left:.4rem}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .slide-bar{height:7.75rem;overflow:auto}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .top-text{color:#5e625a;font-size:.14rem;padding-left:.22rem;box-sizing:border-box;line-height:.44rem}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .hero-player-rank-list{border:.01rem solid #262c35;background-color:#191e25;margin-bottom:.27rem;display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .hero-player-rank-list .hero-info{width:2.38rem;height:3.16rem;background-color:#828282;position:relative;box-sizing:border-box;cursor:pointer;flex-shrink:0;overflow:hidden}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .hero-player-rank-list .hero-info img{position:absolute;width:100%;height:100%;top:0;object-fit:cover;object-position:top center;transition:.3s}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .hero-player-rank-list .hero-info .mask{position:absolute;display:block;bottom:0;left:0;width:100%;height:.8rem;background-image:linear-gradient(to top,#000 20%,rgba(0,0,0,.1));pointer-events:none}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .hero-player-rank-list .hero-info .info{position:absolute;left:0;bottom:0;width:100%;z-index:1}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .hero-player-rank-list .hero-info .info .heroname{font-weight:700;color:#fffaef;font-size:.18rem;text-align:center}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .hero-player-rank-list .hero-info .info .w-s{text-align:center;color:#fffaef;font-size:0;padding:.15rem 0}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .hero-player-rank-list .hero-info .info .w-s span{font-size:.14rem;display:inline-block;width:50%}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .hero-player-rank-list .hero-info:hover img{transform:scale(1.1)}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .hero-player-rank-list .player-list{width:100%;height:3.16rem;flex:1}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .hero-player-rank-list .player-list .modular-loading{text-align:center;color:#fff5e0;line-height:1;padding:.2rem .1rem;box-sizing:border-box;display:flex;justify-content:center;align-items:center;height:calc(100% - .4rem);font-size:.14rem}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .hero-player-rank-list .player-list .modular-loading .loading-icon{width:.2rem;height:.2rem;margin:0 .1rem 0 0}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .hero-player-rank-list .player-list .modular-loading p{padding:.1rem 0}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .hero-player-rank-list .player-list table{width:calc(100% - .8rem);margin:0 .4rem}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .hero-player-rank-list .player-list tr{cursor:pointer;height:.92rem;border-bottom:.01rem solid #262c35;transition:.3s;background:#191e25}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .hero-player-rank-list .player-list tr:hover{transform:translateY(-.05rem);box-shadow:0 .02rem .1rem #262c35}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .hero-player-rank-list .player-list tr td{white-space:nowrap;font-size:.14rem}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .hero-player-rank-list .player-list tr td:nth-of-type(1){position:relative;text-align:center;width:.7rem}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .hero-player-rank-list .player-list tr td:nth-of-type(1) i{display:inline-block;vertical-align:middle}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .hero-player-rank-list .player-list tr td:nth-of-type(2){padding-left:.4rem}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .hero-player-rank-list .player-list tr td:nth-of-type(2) .heropic{width:.5rem;height:.5rem;border-radius:50%;display:inline-block;overflow:hidden;vertical-align:middle;box-sizing:border-box}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .hero-player-rank-list .player-list tr td:nth-of-type(2) .heropic img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:.02rem solid #0b0814;box-sizing:border-box}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .hero-player-rank-list .player-list tr td:nth-of-type(2) .heropic.border1{border:.02rem solid #b59758}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .hero-player-rank-list .player-list tr td:nth-of-type(2) .heropic.border2{border:.02rem solid #a8afb1}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .hero-player-rank-list .player-list tr td:nth-of-type(2) .heropic.border3{border:.02rem solid #786053}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .hero-player-rank-list .player-list tr td:nth-of-type(2) .name{color:#fff5e0;display:inline-block;vertical-align:middle;margin-left:.1rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .hero-player-rank-list .player-list tr td:nth-of-type(3){width:14%;color:#fff5e0;text-align:left;box-sizing:border-box}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .hero-player-rank-list .player-list tr td:nth-of-type(4){width:14%;box-sizing:border-box}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .hero-player-rank-list .player-list tr td:nth-of-type(4) .icon-speciality1,.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .hero-player-rank-list .player-list tr td:nth-of-type(4) .icon-speciality2,.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .hero-player-rank-list .player-list tr td:nth-of-type(4) .icon-speciality3,.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .hero-player-rank-list .player-list tr td:nth-of-type(4) .icon-speciality4,.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .hero-player-rank-list .player-list tr td:nth-of-type(4) .match-info .usually-hero .item .speciality,.comprehensive_ranking .match-info .usually-hero .item .competitiveness-ranking .hero-wrap .herorank-wrap .hero-player-rank-list .player-list tr td:nth-of-type(4) .speciality{display:inline-block;vertical-align:middle;font-weight:700;font-size:.14rem;color:#fff;text-align:center;box-sizing:border-box;line-height:.4rem;padding-left:.38rem;padding-right:.08rem}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .hero-player-rank-list .player-list tr td:nth-of-type(5){width:14%;box-sizing:border-box}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .hero-player-rank-list .player-list tr td:nth-of-type(5) img{width:.27rem;vertical-align:middle}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .hero-player-rank-list .player-list tr td:nth-of-type(5) .text{display:inline-block;margin-left:.04rem;vertical-align:middle;color:#fff5e0}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .hero-player-rank-list .player-list tr td:nth-of-type(6){width:14%;box-sizing:border-box;font-size:0;text-align:center}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .hero-player-rank-list .player-list tr td:nth-of-type(6) .tone1{border:.01rem solid #a18b6b}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .hero-player-rank-list .player-list tr td:nth-of-type(6) .tone2{border:.01rem solid #d44242}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .hero-player-rank-list .player-list tr td:nth-of-type(6) .tone3{border:.01rem solid #9faafc}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .hero-player-rank-list .player-list tr td:nth-of-type(6) .tone4{border:.01rem solid #a1d586}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .hero-player-rank-list .player-list tr td:nth-of-type(6) .tone5{border:.01rem solid #49aab9}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .hero-player-rank-list .player-list tr td:nth-of-type(6) .rune-box{display:inline-block;width:.36rem;height:.36rem;border-radius:50%;text-align:center;vertical-align:middle;margin-right:.16rem;position:relative}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .hero-player-rank-list .player-list tr td:nth-of-type(6) .rune-box img{width:140%;height:140%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .hero-player-rank-list .player-list tr td:nth-of-type(6) .equipment-box{width:.36rem;height:.36rem;border:1px solid #b59758;box-sizing:border-box;display:inline-block;vertical-align:middle}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .hero-player-rank-list .player-list tr td:nth-of-type(6) .equipment-box img{width:100%;height:100%;object-fit:cover}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .hero-player-rank-list .player-list tr td:nth-of-type(7){width:.25rem;padding-left:.4rem}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .hero-player-rank-list .player-list tr td:nth-of-type(7) a{display:block}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .hero-player-rank-list .player-list tr+tr+tr{border-bottom:none}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .hero-player-rank-list .more{display:flex;justify-content:center;align-items:center;color:#b59758;font-size:.14rem;text-align:center;border-top:.01rem solid #262c35;width:100%;height:.4rem}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .hero-player-rank-list .more>i{transition:.3s}
.comprehensive_ranking .competitiveness-ranking .hero-wrap .herorank-wrap .hero-player-rank-list .more:hover>i{transform:translateX(.1rem)}
.comprehensive_ranking .hero-list .top-info{display:flex;display:-webkit-flex}
.comprehensive_ranking .hero-list .top-info>div{flex-shrink:0}
.comprehensive_ranking .hero-list .top-info .herolist-top{margin:-.01rem;margin-right:.16rem;background-color:#161a1f}
.comprehensive_ranking .hero-list .top-info .herolist-top.herolist-top1,.comprehensive_ranking .hero-list .top-info .herolist-top.herolist-top2,.comprehensive_ranking .hero-list .top-info .herolist-top.herolist-top3{background-color:transparent}
.comprehensive_ranking .hero-list .top-info .herolist-top .userinfo-top{width:calc(100% - .2rem);height:1.53rem;border-bottom:.01rem solid #212529;margin:.04rem auto 0;display:flex;justify-content:flex-start;align-items:flex-start}
.comprehensive_ranking .hero-list .top-info .herolist-top .userinfo-top .headpic{position:relative;z-index:1;height:.8rem;width:.8rem;margin-top:.4rem;margin-left:.4rem;display:inline-block;vertical-align:top}
.comprehensive_ranking .hero-list .top-info .herolist-top .userinfo-top .headpic .head-pic{width:100%;height:100%;border-radius:.28rem}
.comprehensive_ranking .hero-list .top-info .herolist-top .userinfo-top .headpic .head-border{position:absolute;width:1.54rem;height:1.78rem;top:50%;left:50%;transform:translate(-50%,-57%)}
.comprehensive_ranking .hero-list .top-info .herolist-top .userinfo-top .icon-speciality1,.comprehensive_ranking .hero-list .top-info .herolist-top .userinfo-top .icon-speciality2,.comprehensive_ranking .hero-list .top-info .herolist-top .userinfo-top .icon-speciality3,.comprehensive_ranking .hero-list .top-info .herolist-top .userinfo-top .icon-speciality4,.comprehensive_ranking .hero-list .top-info .herolist-top .userinfo-top .match-info .usually-hero .item .speciality,.comprehensive_ranking .match-info .usually-hero .item .hero-list .top-info .herolist-top .userinfo-top .speciality{display:inline-block;vertical-align:middle;font-weight:700;font-size:.12rem;color:#fff;text-align:center;box-sizing:border-box;line-height:.4rem;padding-left:.38rem;padding-right:.08rem}
.comprehensive_ranking .hero-list .top-info .herolist-top .userinfo-top .info{width:1.8rem;display:inline-block;vertical-align:top;margin-left:.35rem;margin-top:.34rem}
.comprehensive_ranking .hero-list .top-info .herolist-top .userinfo-top .info .name{font-size:.18rem;color:#fff5e0}
.comprehensive_ranking .hero-list .top-info .herolist-top .userinfo-top .info .name span{font-size:.12rem;color:#b59758;display:inline-block;vertical-align:bottom;margin-left:.1rem}
.comprehensive_ranking .hero-list .top-info .herolist-top .userinfo-top .info .level{margin-top:.1rem}
.comprehensive_ranking .hero-list .top-info .herolist-top .userinfo-top .info .level img{width:.27rem;vertical-align:middle}
.comprehensive_ranking .hero-list .top-info .herolist-top .userinfo-top .info .level .text{display:inline-block;margin-left:.05rem;margin-right:.05rem;vertical-align:middle;font-size:.14rem;color:#7e807d}
.comprehensive_ranking .hero-list .top-info .herolist-top .userinfo-top .info .progress-box{width:1.8rem;height:.18rem;position:relative;background-color:#202831;margin-top:.1rem}
.comprehensive_ranking .hero-list .top-info .herolist-top .userinfo-top .info .progress-box .progressing{position:absolute;top:0;left:0;width:76.56%;max-width:100%;height:100%;background-color:#1dbaa9}
.comprehensive_ranking .hero-list .top-info .herolist-top .userinfo-top .info .progress-box .win-per{color:#fff5e0;position:absolute;font-size:.12rem;font-family:dinot-bold;line-height:.18rem;left:.1rem}
.comprehensive_ranking .hero-list .top-info .herolist-top .userinfo-top .info .progress-box .match{color:#7b7f85;position:absolute;font-size:.12rem;font-family:dinot-bold;line-height:.18rem;right:.1rem}
.comprehensive_ranking .hero-list .top-info .herolist-top .userinfo-top .info .kda{margin-top:.1rem}
.comprehensive_ranking .hero-list .top-info .herolist-top .userinfo-top .info .kda span{float:left;font-size:.14rem;color:#777977}
.comprehensive_ranking .hero-list .top-info .herolist-top .userinfo-top .info .kda span+span{float:right}
.comprehensive_ranking .hero-list .top-info .herolist-top .skill-rune{position:relative;padding-top:.26rem;box-sizing:border-box}
.comprehensive_ranking .hero-list .top-info .herolist-top .skill-rune .tone1{border:.01rem solid #a18b6b}
.comprehensive_ranking .hero-list .top-info .herolist-top .skill-rune .tone2{border:.01rem solid #d44242}
.comprehensive_ranking .hero-list .top-info .herolist-top .skill-rune .tone3{border:.01rem solid #9faafc}
.comprehensive_ranking .hero-list .top-info .herolist-top .skill-rune .tone4{border:.01rem solid #a1d586}
.comprehensive_ranking .hero-list .top-info .herolist-top .skill-rune .tone5{border:.01rem solid #49aab9}
.comprehensive_ranking .hero-list .top-info .herolist-top .skill-rune .rune-box{display:inline-block;width:.36rem;height:.36rem;border-radius:50%;text-align:center;vertical-align:middle;margin-right:.16rem;margin-left:.3rem;position:relative}
.comprehensive_ranking .hero-list .top-info .herolist-top .skill-rune .rune-box img{width:130%;height:130%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.comprehensive_ranking .hero-list .top-info .herolist-top .skill-rune .equipment-box{width:.36rem;height:.36rem;border:.02rem solid #b59758;box-sizing:border-box;display:inline-block;vertical-align:middle}
.comprehensive_ranking .hero-list .top-info .herolist-top .skill-rune .equipment-box img{width:100%;height:100%;object-fit:cover}
.comprehensive_ranking .hero-list .top-info .herolist-top .skill-rune a{position:absolute;font-size:.14rem;color:#777977;right:.38rem;top:.14rem}
.comprehensive_ranking .hero-list .top-info .hero-info{width:4rem;height:2.58rem;background-color:#fff;border:.01rem solid #2f3842;position:relative;margin-right:.29rem;overflow:hidden}
.comprehensive_ranking .hero-list .top-info .hero-info img{position:absolute;width:100%;top:-20%}
.comprehensive_ranking .hero-list .top-info .hero-info .mask{position:absolute;display:block;bottom:0;left:0;width:100%;height:.8rem;background-image:linear-gradient(to top,#000 20%,rgba(0,0,0,0));pointer-events:none}
.comprehensive_ranking .hero-list .top-info .hero-info .name{font-weight:700;font-size:.22rem;color:#fffaef;position:absolute;left:0;width:100%;bottom:0;text-align:center;padding:.2rem 0}
.comprehensive_ranking .hero-list .hero-player-wrap{width:100%;margin-top:.2rem;display:flex;justify-content:flex-start;align-items:flex-start}
.comprehensive_ranking .hero-list .hero-player-wrap .components-allhero{width:4rem;flex-shrink:0}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap{width:100%;background-color:#161a20;float:left;margin-left:.3rem}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .top-text{color:#5e625a;font-size:.14rem;padding-left:.22rem;box-sizing:border-box;line-height:.44rem}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .table .tr{display:flex;justify-content:space-between;align-items:center;height:100%;width:100%;cursor:pointer;background:#161a20}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .table .tr:nth-child(even){background:#181c23}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .table .tr .td,.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .table .tr .th{box-sizing:border-box;flex-shrink:0}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .table .tr .td:nth-of-type(1),.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .table .tr .th:nth-of-type(1){width:9%!important}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .table .tr .td:nth-of-type(3),.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .table .tr .th:nth-of-type(3){width:11%!important}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .table .tr .td:nth-of-type(4),.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .table .tr .th:nth-of-type(4){width:11%!important}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .table .tr .td:nth-of-type(5),.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .table .tr .th:nth-of-type(5){width:9%!important}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .table .tr .td:nth-of-type(6),.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .table .tr .th:nth-of-type(6){width:9%!important}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .table .tr .td:nth-of-type(7),.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .table .tr .th:nth-of-type(7){width:11%!important}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .table .tr .td:nth-of-type(8),.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .table .tr .th:nth-of-type(8){width:18%!important}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .table .tr .td .th,.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .table .tr .td+.td,.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .table .tr .th .th,.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .table .tr .th+.td{border-left:1px solid #1b2128}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .table .thead{height:.51rem}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .table .thead .tr{font-size:.14rem;color:#7e807d;background-color:#202831;border-top:.01rem solid #2f3336;border-bottom:.01rem solid #2f3336}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .table .th{white-space:nowrap;text-align:center;color:#7e807d;height:100%;display:inline-flex;justify-content:center;align-items:center}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .table .th>a{display:inline-flex;justify-content:center;align-items:center;color:#98958f}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .table .td{white-space:nowrap;text-align:center;color:#7e807d;height:100%;display:inline-flex;justify-content:center;align-items:center}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .table .tbody{height:6.81rem}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .table .tbody .tr{height:.94rem}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .table .tbody .td{text-align:center;position:relative;font-size:.16rem;color:#fff5e0;font-family:dinot-bold}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .table .th.uinfo{justify-content:flex-start;padding-left:.8rem;width:100%;flex-shrink:1}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .table .td.uinfo{justify-content:flex-start;padding-left:.2rem;width:100%;flex-shrink:1}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .table .userpic{width:.52rem;height:.52rem;border:.02rem solid #b59758;border-radius:50%;display:inline-block;overflow:hidden;vertical-align:middle;box-sizing:border-box}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .table .userpic img{display:block;width:100%;height:100%}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .table .name{color:#fff5e0;font-size:.16rem;display:inline-flex;justify-content:flex-start;align-items:center;margin-left:.1rem;width:1.82rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:left}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .table .speciality{display:block;font-weight:700;font-size:.14rem;color:#fff;text-align:center;box-sizing:border-box;line-height:.4rem;margin:0 auto;padding-left:.38rem;padding-right:.08rem}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .table .tier{display:inline-flex;justify-content:flex-start;align-items:center;font-size:.16rem;color:#fff5e0}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .table .tier img{width:.3rem;margin-right:.1rem}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .table .text{font-size:.16rem;color:#fff5e0;text-align:center}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .table .progress-box{width:80%;height:.2rem;position:relative;background-color:#202831}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .table .progress-box .progressing{position:absolute;top:0;left:0;width:76.56%;max-width:100%;height:100%;background-color:#1dbaa9}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .table .progress-box .win-per{color:#fff5e0;position:absolute;font-size:.14rem;font-family:dinot-bold;line-height:.2rem;left:.1rem}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .table .progress-box .match{color:#7b7f85;position:absolute;font-size:.14rem;font-family:dinot-bold;line-height:.2rem;right:.1rem}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .tablelist{width:100%}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .tablelist thead{font-size:.14rem;color:#7e807d;background-color:#202831;height:.51rem;border-top:.01rem solid #2f3336;border-bottom:.01rem solid #2f3336}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .tablelist thead a{display:inline-block;vertical-align:sub;margin-left:.09rem}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .tablelist thead th:nth-of-type(1){padding-left:.53rem;width:1.67rem;padding-right:.64rem;box-sizing:border-box}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .tablelist thead th:nth-of-type(2){width:274x;box-sizing:border-box;text-align:left;padding-left:.88rem}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .tablelist thead th:nth-of-type(3){width:1.04rem}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .tablelist thead th:nth-of-type(4){width:2.96rem}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .tablelist thead th:nth-of-type(5){width:.68rem}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .tablelist thead th:nth-of-type(6){width:2.07rem;padding-left:.96rem;box-sizing:border-box}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .tablelist thead th:nth-of-type(7){width:1.96rem}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .tablelist thead th:nth-of-type(8){width:3.36rem}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .tablelist tbody tr{position:relative;height:1.15rem}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .tablelist tbody tr::after{display:block;width:15.45rem;height:.01rem;position:absolute;content:"";background-color:#191e25;left:.3rem;bottom:0}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .tablelist tbody tr td:nth-of-type(1){padding-left:.44rem;padding-right:.72rem;text-align:center;position:relative;font-size:.18rem;color:#fff5e0;font-family:dinot-bold}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .tablelist tbody tr td:nth-of-type(1) i{position:absolute;top:-.01rem;left:50%;transform:translateX(-50%)}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .tablelist tbody tr td:nth-of-type(2){width:1.83rem;white-space:nowrap}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .tablelist tbody tr td:nth-of-type(3){width:1.04rem}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .tablelist tbody tr td:nth-of-type(4){width:2.94rem}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .tablelist tbody tr td:nth-of-type(4) img{width:.27rem;vertical-align:middle;margin-left:.94rem}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .tablelist tbody tr td:nth-of-type(4) .level-text{display:inline-block;margin-left:.1rem;margin-right:.18rem;vertical-align:middle;font-size:.16rem;color:#fff5e0}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .tablelist tbody tr td:nth-of-type(5){width:.68rem}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .tablelist tbody tr td:nth-of-type(6){width:2.07rem;padding-left:.96rem;box-sizing:border-box}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .tablelist tbody tr td:nth-of-type(7){width:1.96rem}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .tablelist tbody tr td:nth-of-type(8){width:3.36rem}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .tablelist tbody i{display:inline-block}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .tablelist tbody .userpic{width:.74rem;height:.74rem;border:.02rem solid #b59758;border-radius:50%;display:inline-block;overflow:hidden;vertical-align:middle;box-sizing:border-box}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .tablelist tbody .userpic img{width:100%;height:100%;object-fit:cover;box-sizing:border-box;border-radius:50%;border:.01rem solid #0b0814}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .tablelist tbody .name{color:#fff5e0;font-size:.16rem;display:inline-block;vertical-align:middle;margin-left:.2rem;width:1.82rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .tablelist tbody .icon-speciality1,.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .tablelist tbody .icon-speciality2,.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .tablelist tbody .icon-speciality3,.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .tablelist tbody .icon-speciality4,.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .tablelist tbody .match-info .usually-hero .item .speciality,.comprehensive_ranking .match-info .usually-hero .item .hero-list .hero-player-wrap .player-wrap .tablelist tbody .speciality{display:block;font-weight:700;font-size:.14rem;color:#fff;text-align:center;box-sizing:border-box;line-height:.4rem;margin:0 auto;padding-left:.38rem;padding-right:.08rem}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .tablelist tbody .progress-box{width:2.2rem;height:.2rem;position:relative;background-color:#202831;margin-left:.48rem}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .tablelist tbody .progress-box .progressing{position:absolute;top:0;left:0;width:76.56%;max-width:100%;height:100%;background-color:#1dbaa9}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .tablelist tbody .progress-box .win-per{color:#fff5e0;position:absolute;font-size:.14rem;font-family:dinot-bold;line-height:.2rem;left:.1rem}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .tablelist tbody .progress-box .match{color:#7b7f85;position:absolute;font-size:.14rem;font-family:dinot-bold;line-height:.2rem;right:.1rem}
.comprehensive_ranking .hero-list .hero-player-wrap .player-wrap .tablelist tbody .text{font-size:.16rem;color:#fff5e0;text-align:center}
.components-allhero{width:100%;background-color:#161a20;position:relative}
.components-allhero .select-box{background-color:#161a20;height:.43rem;width:100%;border:.01rem solid #222831;box-sizing:border-box;position:relative}
.components-allhero .select-box input{width:100%;height:100%;border:none;background-color:transparent;color:#fff;font-size:.14rem;padding-left:.22rem;box-sizing:border-box}
.components-allhero .select-box .icon-search{position:absolute;display:block;top:50%;right:.2rem;transform:translateY(-50%)}
.components-allhero .select-posi{display:flex}
.components-allhero .select-posi a{width:100%;height:.38rem;font-size:.14rem;color:#6a6c6b;text-align:center;line-height:.38rem;background-color:#191d24;border:.01rem solid #313537;border-right:none}
.components-allhero .select-posi a.on{font-weight:700;background-color:#191d24;border:.01rem solid #b59758;color:#b59758}
.components-allhero .select-posi a:nth-last-of-type(1){border-right:.01rem solid #2f3842}
.components-allhero .hero-box{height:7.42rem;padding-top:.25rem;box-sizing:border-box;overflow:scroll;padding:.2rem .1rem}
.components-allhero .hero-box::-webkit-scrollbar{height:0}
.components-allhero .hero-box .item{position:relative;display:inline-flex;justify-content:flex-start;align-items:center;flex-direction:column;width:.91rem;height:1.02rem}
.components-allhero .hero-box .item .heropic{width:.56rem;height:.56rem;border:1px solid #9c9c9b;border-radius:50%;overflow:hidden;transition:.3s}
.components-allhero .hero-box .item .heropic img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:.01rem solid #0b0814;transition:.3s}
.components-allhero .hero-box .item .name{color:#7e807d;font-size:.14rem;white-space:nowrap;margin-top:.1rem}
.components-allhero .hero-box .item a{display:block;width:100%;height:100%;position:absolute;top:0;left:0}
.components-allhero .hero-box .item:hover .heropic{border-color:#b59758}
.components-allhero .hero-box .item:hover .heropic img{transform:scale(1.2)}
.components-allhero .hero-box .item.on .heropic{border-color:#b59758}
.components-allhero .hero-box .item.on .heropic img{transform:scale(1.2)}
.components-allhero .hero-box .item:nth-of-type(4n){margin-right:0}
.components-allhero .mask{position:absolute;display:block;bottom:0;left:0;width:96%;height:.8rem;background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,.1));pointer-events:none}
.competitiveness-float{width:fit-content;min-height:5.8rem;background-color:#161a20;border:.01rem solid #b59758;padding:.3rem .3rem .6rem;box-sizing:border-box}
.competitiveness-float .h1-tit{font-weight:700;font-size:.16rem;color:#fff5e0;margin-bottom:.2rem}
.competitiveness-float .equipment-selection{margin-bottom:.53rem}
.competitiveness-float .equipment-selection .item{display:inline-block;vertical-align:top;font-size:.14rem;color:#777977;text-align:center;position:relative}
.competitiveness-float .equipment-selection .item p{position:absolute;white-space:nowrap;bottom:-.2rem;left:50%;transform:translateX(-50%)}
.competitiveness-float .equipment-selection .item img{width:.28rem;height:.28rem;object-fit:cover;border:.01rem solid #2e3234;margin-right:.08rem}
.competitiveness-float .equipment-selection .item img:nth-last-of-type(1){margin-right:0}
.competitiveness-float .equipment-selection .icon-next-step-s{display:inline-block;vertical-align:top;margin:.09rem .18rem 0}
.competitiveness-float .equipment-selection .icon-dot3{display:inline-block;vertical-align:top;margin:.09rem 0 0 .1rem}
.competitiveness-float .equipment-recomm{margin-bottom:.29rem}
.competitiveness-float .equipment-recomm img{width:.38rem;height:.38rem;border:.01rem solid #313537;margin-right:.2rem;object-fit:cover}
.competitiveness-float .equipment-recomm .gold{border:.01rem solid #b59758}
.competitiveness-float .equipment-recomm img:nth-last-of-type(1){margin-right:0}
.competitiveness-float .skill{margin-bottom:.29rem}
.competitiveness-float .skill .skill-recomm{width:2.66rem}
.competitiveness-float .skill .skill-recomm,.competitiveness-float .skill .skill-summoner{display:inline-block;vertical-align:top}
.competitiveness-float .skill .skill-recomm .item,.competitiveness-float .skill .skill-summoner .item{display:inline-block;vertical-align:top}
.competitiveness-float .skill .skill-recomm .item .box,.competitiveness-float .skill .skill-summoner .item .box{margin-right:.1rem}
.competitiveness-float .skill .skill-recomm .item .box:nth-last-of-type(1),.competitiveness-float .skill .skill-summoner .item .box:nth-last-of-type(1){margin-right:0}
.competitiveness-float .skill .skill-recomm .box,.competitiveness-float .skill .skill-summoner .box{width:.38rem;height:.38rem;border:.01rem solid #313537;box-sizing:border-box;position:relative;display:inline-block;vertical-align:top}
.competitiveness-float .skill .skill-recomm .box img,.competitiveness-float .skill .skill-summoner .box img{width:100%;height:100%;object-fit:cover}
.competitiveness-float .skill .skill-recomm .box .key,.competitiveness-float .skill .skill-summoner .box .key{display:block;width:.12rem;height:.13rem;line-height:.12rem;text-align:center;position:absolute;font-size:.1rem;font-family:dinot-bold;color:#fff5e0;right:0;bottom:0;background-color:#161a20}
.competitiveness-float .skill .skill-recomm .icon-next-step-s,.competitiveness-float .skill .skill-summoner .icon-next-step-s{display:inline-block;vertical-align:top;margin:.12rem .08rem 0}
.competitiveness-float .rune{align-items:center;margin-top:.22rem}
.competitiveness-float .rune .tone1{border:.01rem solid #a18b6b}
.competitiveness-float .rune .tone2{border:.01rem solid #d44242}
.competitiveness-float .rune .tone3{border:.01rem solid #9faafc}
.competitiveness-float .rune .tone4{border:.01rem solid #a1d586}
.competitiveness-float .rune .tone5{border:.01rem solid #49aab9}
.competitiveness-float .rune .rune-primary-wrap{display:inline-flex;justify-content:space-between;align-items:center;vertical-align:middle;width:3.4rem}
.competitiveness-float .rune .rune-primary-wrap .rune-primary{position:relative}
.competitiveness-float .rune .rune-primary-wrap .rune-primary .rune-box{width:.44rem;height:.44rem;background-color:#000;border-radius:50%;margin:0 auto;position:relative}
.competitiveness-float .rune .rune-primary-wrap .rune-primary .rune-box::after{position:absolute;display:block;content:'';width:100%;height:.01rem;background-color:#252c35;top:50%;right:-100%}
.competitiveness-float .rune .rune-primary-wrap .rune-primary .rune-box img{width:100%;height:100%;object-fit:cover}
.competitiveness-float .rune .rune-primary-wrap .rune-primary p{position:absolute;width:1rem;text-align:center;font-size:.14rem;color:#5e625a;line-height:1.2;top:calc(110% + .06rem);left:50%;transform:translateX(-50%)}
.competitiveness-float .rune .rune-primary-wrap .rune-primary:last-child .rune-box::after{display:none}
.competitiveness-float .rune .rune-primary-wrap .main .rune-box{width:.54rem;height:.54rem;border-width:.02rem}
.competitiveness-float .rune .rune-primary-wrap .main p{top:110%}
.competitiveness-float .rune .rune-wrap2{width:2rem;margin-left:.05rem}
.competitiveness-float .rune .rune-wrap2 .rune-primary{position:relative}
.competitiveness-float .rune .rune-type2{margin-top:.4rem;display:inline-block}
.competitiveness-float .rune .icon-con{width:1rem;display:inline-flex;display:-webkit-inline-flex;justify-content:space-between;position:relative;margin-left:.35rem}
.competitiveness-float .rune .icon-con::after{position:absolute;content:'';display:block;width:100%;height:1px;background-color:#fff;top:50%;z-index:0}
.competitiveness-float .rune .icon-con .icon{position:relative;z-index:1;width:.24rem;height:.24rem;line-height:.24rem;border:1px solid #e8c598;border-radius:50%;background-color:#13131b;overflow:hidden;text-align:center}
.competitiveness-float .rune .icon-con .icon img{max-width:.24rem;max-height:.24rem;vertical-align:middle;object-fit:cover}
.table-tip{position:relative;font-size:.12rem;width:.16rem;height:.16rem;border-radius:50%;border:.01rem solid #737473;display:inline-flex;justify-content:center;align-items:center;text-indent:0;text-align:center;margin:0 .05rem}
.table-tip>i{font-style:normal}
.table-tip .table-tip-txt{position:absolute;left:50%;bottom:calc(100% + .02rem);transform:translateX(-50%) translateY(100%) scale(0);opacity:0;transition:.3s;white-space:nowrap;background-color:#191d24;border:.01rem solid #313537;line-height:1.2;padding:.1rem .15rem;border-radius:.03rem;font-size:.14rem}
.table-tip:hover .table-tip-txt{transform:translateX(-50%) translateY(0) scale(1);opacity:1}