@charset "UTF-8";
.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,.player-stat .national-service-rank .top-three .top-three-item,.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}
.player-stat .national-service-rank .top-three .top-three-item,.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,.news-details .details-con .details-wrap .details-header .check .tg-sns .tg-sns-qq,.news-details .details-con .details-wrap .details-header .check .tg-sns .tg-sns-wechat,.news-details .details-con .details-wrap .details-header .check .tg-sns .tg-sns-weibo,.news-details .details-con .details-wrap>.thumbsup.on i,.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,.news-details .details-con .details-wrap>.thumbsup.on i{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}
.news-details .details-con .details-wrap .details-header .check .tg-sns .tg-sns-qq,.tg-sns-qq{background-position:.02rem -.48rem;width:.18rem;height:.18rem}
.news-details .details-con .details-wrap .details-header .check .tg-sns .tg-sns-wechat,.tg-sns-wechat{background-position:-.17rem -.48rem;width:.2rem;height:.16rem}
.news-details .details-con .details-wrap .details-header .check .tg-sns .tg-sns-weibo,.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}
.arena-rank .table-bar-double .rank-first-three>.item:nth-of-type(1),.arena-rank .table-bar-double .rank-first-three>.item:nth-of-type(2),.arena-rank .table-bar-double .rank-first-three>.item:nth-of-type(3),.arena-rank .table-bar-solo .rank-first-three>.item,.fight-rank .rank-first-three>.item,.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,.new-tip.new-sign,.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}
.arena-rank .table-bar-solo .rank-first-three>.item,.fight-rank .rank-first-three>.item,.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}
.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}
.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}
.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}
.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}
.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}
.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}
.victory-level-icon{background-position:-10.88rem -3.91rem;width:.55rem;height:.24rem}
.btn-hollow,.btn-hollow2,.btn-solid,.btn-solid2,.spr_btn,.sync-info-towegame .container .hollow,.sync-info-towegame .container .hollow-s,.sync-info-towegame .container .solid,.sync-info-towegame .container .solid-s{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,.sync-info-towegame .container .hollow{background-position:.02rem -.51rem;width:2.34rem;height:.51rem}
.btn-hollow2,.sync-info-towegame .container .hollow-s{background-position:.02rem -1.56rem;width:1.74rem;height:.51rem}
.btn-solid,.sync-info-towegame .container .solid{background-position:.02rem .02rem;width:2.34rem;height:.52rem}
.btn-solid2,.sync-info-towegame .container .solid-s{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,.main-top-menu .top-menu-site:after,.site-down,.sprite-img,.tab-part .tab-item:after{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,.tab-part .tab-item:after{background-position:-1.35rem .02rem;width:2.07rem;height:.62rem}
.icon-tft{background-position:-1.35rem -.61rem;width:.5rem;height:.24rem}
.main-top-menu .top-menu-site:after,.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}
.arena-rank .table-bar-double .rank-first-three>.item:nth-of-type(1),.arena-rank .table-bar-double .rank-first-three>.item:nth-of-type(2),.arena-rank .table-bar-double .rank-first-three>.item:nth-of-type(3),.arena-rank .table-bar-solo .rank-first-three>.item,.fight-rank .rank-first-three>.item,.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,.new-tip.new-sign,.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}
.arena-rank .table-bar-solo .rank-first-three>.item,.fight-rank .rank-first-three>.item,.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}
.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-details-back,.icon-spectate,.icon-thumbsup,.icon-thumbsup-dack,.icon-thumbsup-gold,.news-details .details-con .details-wrap .details-header .check .tg-sns .tg-sns-qq,.news-details .details-con .details-wrap .details-header .check .tg-sns .tg-sns-wechat,.news-details .details-con .details-wrap .details-header .check .tg-sns .tg-sns-weibo,.news-details .details-con .details-wrap>.thumbsup.on i,.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,.news-details .details-con .details-wrap>.thumbsup.on i{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}
.news-details .details-con .details-wrap .details-header .check .tg-sns .tg-sns-qq,.tg-sns-qq{background-position:.02rem -.48rem;width:.18rem;height:.18rem}
.news-details .details-con .details-wrap .details-header .check .tg-sns .tg-sns-wechat,.tg-sns-wechat{background-position:-.17rem -.48rem;width:.2rem;height:.16rem}
.news-details .details-con .details-wrap .details-header .check .tg-sns .tg-sns-weibo,.tg-sns-weibo{background-position:-.52rem .02rem;width:.2rem;height:.17rem}
.icon-player-no1,.icon-player-no2,.icon-player-no3,.player-stat .national-service-rank .top-three .top-three-item,.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}
.player-stat .national-service-rank .top-three .top-three-item,.top-three-item-bg{background-position:.02rem .02rem;width:5.69rem;height:2.8rem}
.btn-hollow,.btn-hollow2,.btn-solid,.btn-solid2,.spr_btn,.sync-info-towegame .container .hollow,.sync-info-towegame .container .hollow-s,.sync-info-towegame .container .solid,.sync-info-towegame .container .solid-s{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,.sync-info-towegame .container .hollow{background-position:.02rem -.51rem;width:2.34rem;height:.51rem}
.btn-hollow2,.sync-info-towegame .container .hollow-s{background-position:.02rem -1.56rem;width:1.74rem;height:.51rem}
.btn-solid,.sync-info-towegame .container .solid{background-position:.02rem .02rem;width:2.34rem;height:.52rem}
.btn-solid2,.sync-info-towegame .container .solid-s{background-position:.02rem -1.03rem;width:1.74rem;height:.52rem}
article,body,dd,dl,footer,form,h1,h2,h3,h4,h5,h6,header,ol,p,section,ul{margin:0}
body,button,input,select,textarea{font:.12rem/1.5 tahoma,'\5FAE\8F6F\96C5\9ED1',sans-serif}
h1,h2,h3,h4,h5,h6{font-size:100%}
b,em{font-style:normal}
a{text-decoration:none}
a:hover{text-decoration:underline}
img{border:0}
button,input,select,textarea{font-size:100%;outline:0}
table{border-collapse:collapse;border-spacing:0}
ol,td,th,ul{padding:0;list-style:none}
.gray{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;pointer-events:none}
a:not(.gray):hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.__nodata{font-size:.16rem;text-align:center;color:#fff5e0;line-height:1;padding:.2rem .1rem;box-sizing:border-box;display:flex;justify-content:center;align-items:center}
@font-face{font-family:dinot-Reg;src:url(//game.gtimg.cn/images/lol/lolstrategy/fonts/dinot_reg/DINOT-Regular.woff) format("woff"),url(//game.gtimg.cn/images/lol/lolstrategy/fonts/dinot_reg/DINOT-Regular.ttf) format("truetype"),url(//game.gtimg.cn/images/lol/lolstrategy/fonts/dinot_reg/DINOT-Regular.eot) format("embedded-opentype")}
@font-face{font-family:dinot-black;src:url(//game.gtimg.cn/images/lol/lolstrategy/fonts/dinot_black/DINOT-Regular.woff) format("woff"),url(//game.gtimg.cn/images/lol/lolstrategy/fonts/dinot_black/DINOT-Regular.ttf) format("truetype"),url(//game.gtimg.cn/images/lol/lolstrategy/fonts/dinot_black/DINOT-Regular.eot) format("embedded-opentype")}
@font-face{font-family:dinot-bold;src:url(//game.gtimg.cn/images/lol/lolstrategy/fonts/dinot_bold/DINOT-Bold.woff) format("woff"),url(//game.gtimg.cn/images/lol/lolstrategy/fonts/dinot_bold/DINOT-Bold.ttf) format("truetype"),url(//game.gtimg.cn/images/lol/lolstrategy/fonts/dinot_bold/DINOT-Bold.eot) format("embedded-opentype")}
@font-face{font-family:dinot-med;src:url(//game.gtimg.cn/images/lol/lolstrategy/fonts/dinot_med/DINOT-Medium.woff) format("woff"),url(//game.gtimg.cn/images/lol/lolstrategy/fonts/dinot_med/DINOT-Medium.ttf) format("truetype"),url(//game.gtimg.cn/images/lol/lolstrategy/fonts/dinot_med/DINOT-Medium.eot) format("embedded-opentype")}
@keyframes loading{
from{transform:rotate(0)}
to{transform:rotate(360deg)}
}
/*!! 通用底部样式*/
#afooter{background:#1c1c1c;text-align:center}
#afooter .wrap_ieg{width:12.4rem;margin:0 auto;padding:.3rem 0}
#afooter p{color:#6e6e6e;line-height:.24rem;font-size:.1rem}
#afooter a{color:#6e6e6e;font-size:.12rem}
/*!! asyncCookie的iframe样式*/
#loginStatusSyncFrame_ams_ame{display:block}
#_overlay_,#actTitleWrap,.ost,.ost_box,body{min-width:1240px!important}
body,html{background:#1b2128;width:100%;height:100%;overflow:auto;position:relative}
::-webkit-scrollbar{position:absolute;right:0;top:0}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-thumb{background:#b59758;border-radius:5px}
::-webkit-scrollbar-track{background:0 0}
.app-wrapper{background:#051d29;width:100%;height:100%}
.g-wrap{overflow:hidden;position:relative;font-family:'\5FAE\8F6F\96C5\9ED1';font-size:0;line-height:1;color:#1b2128;width:100%;height:100%;overflow-x:auto}
.g-wrap a{-webkit-transition:filter .3s,border .3s,color .3s;transition:filter .3s,border .3s,color .3s}
.g-wrap a:hover{text-decoration:none;-webkit-filter:brightness(1.2);filter:brightness(1.2)}
.app-main-container{padding:.7rem .76rem;position:relative;z-index:2}
/*!! 页面主标�? */
.page-title{color:#fff;font-size:.3rem;font-weight:400;padding-bottom:.38rem;position:relative;display:flex;justify-content:space-between;align-items:flex-start}
/*!************公共样式*****************/
.filter-box{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;margin-top:.4rem;z-index:999;position:relative}
.filter-box .btn-type{display:inline-block;vertical-align:middle;color:#7e807d;background:#02151e;font-size:.14rem;width:1.7rem;height:.38rem;line-height:.38rem;border:1px solid #0d2e3e;text-align:center;position:relative;margin-right:.2rem}
.filter-box .btn-type>i{display:inline-block;vertical-align:middle;margin-right:.1rem}
.filter-box .btn-type.on,.filter-box .btn-type:hover{border-color:#b59758;color:#b59758;z-index:2}
.filter-box>div{margin-right:.2rem;height:100%;line-height:.4rem;border:1px solid #0d2e3e;background-color:#02151e;box-sizing:border-box;-webkit-transition:border-color .3s;-moz-transition:border-color .3s;-o-transition:border-color .3s;transition:border-color .3s}
.filter-box>div:hover{border:.01rem solid #b59758}
.filter-box .component-search-box{width:2rem;height:.4rem;position:relative}
.filter-box .component-search-box input{height:.4rem;width:1.85rem;background-color:transparent;border:none;font-size:.14rem;color:#ae9156;margin-left:.2rem;margin-top:-.01rem;box-sizing:border-box}
.filter-box .component-search-box .icon-search{position:absolute;top:50%;right:6%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%)}
.filter-box .component-select,.filter-box .component-select2{width:2rem;height:.4rem;position:relative}
.filter-box .component-select .select-text,.filter-box .component-select2 .select-text{color:#5e625a;font-size:.14rem;padding-left:.2rem;margin-top:-.01rem;height:.4rem}
.filter-box .component-select .select-text span,.filter-box .component-select2 .select-text span{max-width:80%;display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.filter-box .component-select .select-text input[type=text],.filter-box .component-select2 .select-text input[type=text]{width:80%;display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;background-color:#02151e;color:#ae9156;border:0;margin:0;padding:0 .2rem;line-height:1;height:100%;position:absolute;left:0;top:0;box-sizing:border-box;opacity:0}
.filter-box .component-select .select-text input[type=text].show,.filter-box .component-select2 .select-text input[type=text].show{opacity:1}
.filter-box .component-select .select-text .icon,.filter-box .component-select2 .select-text .icon{width:.4rem;height:100%;position:absolute;border-left:1px solid #313537;top:0;right:0}
.filter-box .component-select .select-text .icon .icon-arrow-down,.filter-box .component-select2 .select-text .icon .icon-arrow-down{display:block;position:absolute;top:50%;right:50%;transform:translate(50%,-50%)}
.filter-box .component-select.active,.filter-box .component-select2.active{border-color:#b59758}
.filter-box .component-select.active .select-options-wrap,.filter-box .component-select2.active .select-options-wrap{visibility:visible;opacity:1;z-index:999;border-color:#b59758}
.filter-box .component-select .select-options-wrap,.filter-box .component-select2 .select-options-wrap{position:absolute;top:100%;left:-.01rem;width:calc(100% + .02rem);max-height:2.7rem;background:#041822;border:1px solid #313537;box-sizing:border-box;-webkit-transition:opacity .3s,border-color .3s;-moz-transition:opacity .3s,border-color .3s;-o-transition:opacity .3s,border-color .3s;transition:opacity .3s,border-color .3s;visibility:hidden;overflow:auto;opacity:0;z-index:0}
.filter-box .component-select .select-options,.filter-box .component-select2 .select-options{margin:.02rem 0 0;width:calc(100% - .02rem)}
.filter-box .component-select .select-options li,.filter-box .component-select2 .select-options li{height:.4rem;line-height:.4rem;color:#7e807d;font-size:.14rem;cursor:pointer;text-indent:.2rem}
.filter-box .component-select .select-options li:hover,.filter-box .component-select2 .select-options li:hover{color:#ae9156}
.filter-box .component-select .select-options li .avatar-icon,.filter-box .component-select2 .select-options li .avatar-icon{display:inline-block;width:.32rem;height:.32rem;border-radius:50%;overflow:hidden;vertical-align:middle;text-indent:0}
.filter-box .component-select .select-options li .avatar-icon img,.filter-box .component-select2 .select-options li .avatar-icon img{display:block;width:100%;height:100%}
.filter-box .component-select .select-options li>span,.filter-box .component-select2 .select-options li>span{display:inline-block;vertical-align:middle;text-indent:.04rem}
.filter-box .component-select .select-options ::-webkit-scrollbar,.filter-box .component-select2 .select-options ::-webkit-scrollbar{width:.06rem;height:.06rem}
.filter-box .component-select .select-options ::-webkit-scrollbar-thumb,.filter-box .component-select2 .select-options ::-webkit-scrollbar-thumb{border-radius:.03rem}
.filter-box .component-select.selected .select-text,.filter-box .component-select2.selected .select-text{color:#ae9156}
.filter-box .component-select2{width:3rem}
.filter-box .component-select-hero .select-options li .avatar-icon{display:inline-block;width:.4rem;height:.4rem;border-radius:50%;overflow:hidden;vertical-align:middle;text-indent:0}
.filter-box .component-select-hero .select-options li .avatar-icon img{display:block;width:100%;height:100%}
.filter-box .component-select-hero .select-options li>span{display:inline-block;vertical-align:middle;text-indent:.04rem}
.filter-box .component-switch-filter-bar{display:block;border:none!important}
.filter-box .component-switch-filter-bar .component-switch-filter{display:block;margin:0}
.filter-box .component-switch-filter-bar .component-switch-filter+.component-switch-filter{margin-top:.04rem}
.filter-box .component-switch-filter,.filter-box .component-switch-filter2{display:inline-block;vertical-align:middle;background-color:transparent;border:none}
.filter-box .component-switch-filter2:hover,.filter-box .component-switch-filter:hover{border:none}
.filter-box .component-switch-filter2>a,.filter-box .component-switch-filter>a{position:relative;display:inline-block;vertical-align:middle;text-align:center;padding:0 .26rem;height:.4rem;line-height:.4rem;font-size:.14rem;background:#02151e;border:1px solid #0d2e3e;margin-right:-1px;color:#5e625a;box-sizing:border-box}
.filter-box .component-switch-filter2>a.active,.filter-box .component-switch-filter2>a:hover,.filter-box .component-switch-filter>a.active,.filter-box .component-switch-filter>a:hover{color:#b59758;border:.01rem solid #b59758;z-index:2}
.filter-box .component-switch-filter2>a>span,.filter-box .component-switch-filter>a>span{position:relative}
.filter-box .component-switch-filter2>a>.new-tip,.filter-box .component-switch-filter>a>.new-tip{left:auto;right:0;top:0;margin-top:0;transform:translateY(-50%)}
.filter-box .component-switch-filter2{min-width:1.88rem}
.tab-part{height:1.18rem;width:100%;display:inline-flex;align-items:flex-start;justify-content:left;border-bottom:.01rem solid rgba(255,255,255,.1);box-sizing:border-box}
.tab-part .tab-item{font-size:.3rem;color:#fff5e0;display:inline-block;vertical-align:top;cursor:pointer;position:relative;height:100%;transition:all linear .15s;white-space:nowrap;width:1.97rem;position:relative;display:inline-flex;justify-content:center;align-items:center;overflow:hidden}
.tab-part .tab-item:after{display:block;content:'';position:absolute;left:50%;bottom:-.01rem;transform:translateX(-50%) scaleX(0);opacity:0;transition:.3s;pointer-events:none}
.tab-part .tab-item .label-tips{position:absolute;right:.1rem;top:50%;transform:translateY(-.3rem);background-color:#f32643;color:#fff;font-size:.14rem;text-align:center;line-height:1;border-radius:.05rem;font-weight:400;font-style:normal;padding:.02rem .06rem}
.tab-part .tab-item+.tab-item:before{position:absolute;content:'';left:0;top:0;height:100%;width:2px;background:linear-gradient(to bottom,rgba(91,127,141,0) 0,#5b7f8d 30%,#5b7f8d 70%,rgba(91,127,141,0) 100%)}
.tab-part .tab-item a{color:#fff5e0}
.tab-part .tab-item a:not(.new),.tab-part .tab-item span:not(.new){position:relative;height:100%;display:flex;justify-content:center;align-items:center}
.tab-part .tab-item .posi-ul{width:100%;border:.01rem solid #b59758;background-color:#111419;position:absolute;top:100%;left:0;opacity:0;z-index:-1;transition:all .2s linear}
.tab-part .tab-item .posi-ul li{min-width:1.2rem;height:.7rem;line-height:.7rem;border:.01rem solid #282f35;color:#fff5e0;font-size:.26rem;text-align:center}
.tab-part .tab-item .posi-ul li i{margin-left:.1rem}
.tab-part .tab-item .posi-ul li:hover{color:#b59758}
.tab-part .tab-item .new{position:absolute;right:.1rem;top:.1rem;color:#fff!important;background:#f32643;border-radius:.04rem;font-size:.14rem;text-align:center;line-height:1;padding:.05rem}
.tab-part .tab-item.selectposi{overflow:visible}
.tab-part .tab-item.selectposi a,.tab-part .tab-item.selectposi span{width:auto;height:auto}
.tab-part .tab-item.selectposi i{margin-left:.1rem}
.tab-part .tab-item.selectposi:hover .posi-ul{opacity:1;z-index:2}
.tab-part .tab-item i{display:inline-block;margin-left:.1rem}
.tab-part .tab-item.item-active,.tab-part .tab-item:hover:not(.selectposi){color:#1dbaa9}
.tab-part .tab-item.item-active:after,.tab-part .tab-item:hover:not(.selectposi):after{transform:translateX(-50%) scaleX(1);opacity:1}
.tab-part .tab-item.item-active a,.tab-part .tab-item.item-active span,.tab-part .tab-item:hover:not(.selectposi) a,.tab-part .tab-item:hover:not(.selectposi) span{color:#1dbaa9}
.tab-part2{height:.4rem;border-bottom:none;margin-top:.5rem}
.tab-part2 .tab-item{width:1.3rem;height:.4rem;font-size:.14rem;background-color:#191d24;border:.01rem solid #313537;border-right:none;box-sizing:border-box;overflow:visible;position:relative}
.tab-part2 .tab-item a{width:100%;height:100%}
.tab-part2 .tab-item .new{font-size:.12rem;right:0;top:-.1rem}
.tab-part2 .tab-item::after,.tab-part2 .tab-item::before{display:none}
.tab-part2 .tab-item.item-active,.tab-part2 .tab-item:hover:not(.selectposi){font-size:.16rem;color:#fff;background-color:#b59758;border-color:#b59758;font-weight:700}
.tab-part2 .tab-item.item-active a,.tab-part2 .tab-item.item-active span,.tab-part2 .tab-item:hover:not(.selectposi) a,.tab-part2 .tab-item:hover:not(.selectposi) span{font-size:.16rem;color:#fff;font-weight:700}
.tab-part2 .tab-item.item-active .new,.tab-part2 .tab-item:hover:not(.selectposi) .new{font-size:.12rem;font-weight:400;right:0;top:-.1rem}
.data-no{color:#fff;text-align:center;font-size:.2rem}
.g-wrap{display:flex;display:-webkit-flex}
/*!! 主要内容 */
.app-main{position:relative;height:calc(100% - .76rem);margin:.76rem 0 0;flex-grow:1;overflow-x:hidden;overflow-y:auto}
.app-sidebar{flex-shrink:0;transform:translate3d(0,0,0);z-index:10}
.new-tip{position:absolute;line-height:1;top:50%;left:96%;margin-top:-.2rem;font-size:.12rem;color:#fff;background:#f04e4e;display:flex;justify-content:center;align-content:center;font-style:normal;border-radius:.02rem;padding:.02rem .04rem}
.new-tip.new-sign{left:53%;margin-top:-.28rem;margin-left:-.05rem;background-color:transparent;font-size:0;padding:0;background-position:-12.91rem -6.92rem;width:.52rem;height:.16rem}
/*!! TFT左侧菜单 */
.app-left-menu{position:relative;width:178px;height:100%;background:#02151e;flex-shrink:0;display:inline-flex;display:-webkit-inline-flex;flex-direction:column;justify-content:space-between;-webkit-transition:width .3s;-moz-transition:width .3s;-o-transition:width .3s;transition:width .3s}
.app-left-menu .left-menu-top .logo-lol{transition:.3s}
.app-left-menu .left-menu-top .logo-lol-big{display:block;margin:.6rem auto .2rem;background:url(//game.gtimg.cn/images/lol/lolstrategy/logo-lol.png) no-repeat center/100%;width:97px;height:96px}
.app-left-menu .left-menu-top .logo-lol-small{display:block;margin:.6rem auto .2rem;background:url(//game.gtimg.cn/images/lol/lolstrategy/logo-lol.png) no-repeat center/100%;width:70px;height:69px}
.app-left-menu .left-menu-top .left-menu-tools-bar a{display:flex;justify-content:center;align-items:center;height:.5rem;border-top:.01rem solid #1a1d23;border-bottom:.01rem solid #1a1d23;font-size:.14rem;color:#b59758}
.app-left-menu .left-menu-top .left-menu-tools-bar a>span{margin-left:.1rem}
.app-left-menu .left-menu-nav{display:flex;display:-webkit-flex;flex-direction:column;height:50%}
.app-left-menu .left-menu-item{padding-left:46px;box-sizing:border-box;flex-grow:1;display:flex;display:-webkit-flex;align-items:center;position:relative;color:#7e807d;cursor:pointer}
.app-left-menu .left-menu-item>span{position:relative}
.app-left-menu .left-menu-item:after{content:"";position:absolute;bottom:0;left:.46rem;width:.6rem;height:1px;background:#0f2129}
.app-left-menu .left-menu-item:first-child:before{content:"";position:absolute;top:0;left:0;width:.6rem;height:1px;background:#222529}
.app-left-menu .left-menu-item .item-icon{display:inline-block;vertical-align:middle;width:18px;margin-right:10px}
.app-left-menu .left-menu-item .item-icon>svg{display:block;fill:#7e807d;-webkit-transition:fill .3s;-moz-transition:fill .3s;-o-transition:fill .3s;transition:fill .3s}
.app-left-menu .left-menu-item .item-name{display:inline-block;vertical-align:middle;font-size:16px;-webkit-transition:color .3s;-moz-transition:color .3s;-o-transition:color .3s;transition:color .3s}
.app-left-menu .left-menu-item.router-link-active,.app-left-menu .left-menu-item:hover{background:url(//game.gtimg.cn/images/lol/lolstrategy/bg-tab.png) no-repeat left center;background-size:auto 100%}
.app-left-menu .left-menu-item.router-link-active .item-icon>svg,.app-left-menu .left-menu-item:hover .item-icon>svg{fill:#fff}
.app-left-menu .left-menu-item.router-link-active .item-name,.app-left-menu .left-menu-item:hover .item-name{color:#fff}
.app-left-menu .left-menu-item .icon-new{background:url(//game.gtimg.cn/images/lol/lolstrategy/icon-bubble-new.png) no-repeat center;width:54px;height:18px;line-height:18px;font-size:12px;color:#33cce1;text-indent:12px;position:absolute;top:50%;margin-top:-9px;left:70px;animation:leftRightAnim 2s ease-in-out infinite;-webkit-animation:leftRightAnim 2s ease-in-out infinite}
@keyframes leftRightAnim{
0%,100%{transform:none}
50%{transform:translateX(8px)}
}
.app-left-menu .left-menu-bottom{position:relative;height:10%}
.app-left-menu .left-menu-bottom .icon-left-menu-expand{position:absolute;left:50%;top:50%;margin:-.12rem 0 0 -.12rem}
.app-left-menu.app-left-menu-small{width:98px}
.app-left-menu.app-left-menu-small .left-menu-item{justify-content:center;padding-left:10px;transition:.3s}
.app-left-menu.app-left-menu-small .left-menu-item>svg{margin:0}
.app-left-menu.app-left-menu-small .left-menu-item>span{display:none}
.app-left-menu.app-left-menu-small .left-menu-item:after,.app-left-menu.app-left-menu-small .left-menu-item:before{width:.2rem}
.app-left-menu.app-left-menu-small .left-menu-tools-bar>a>span{display:none}
.app-left-menu.app-left-menu-small .left-menu-bottom .icon-left-menu-expand{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
/*!! 顶部菜单 */
/*!************顶部登录信息*****************/
.main-top-menu{position:fixed;top:0;left:178px;width:calc(100% - 178px);height:.76rem;background:#041c28;border-bottom:1px solid #24292e;box-sizing:border-box;z-index:1000;transform:translate3d(0,0,0);display:flex;display:-webkit-flex;justify-content:space-between;align-content:center;-webkit-transition:left .3s;-moz-transition:left .3s;-o-transition:left .3s;transition:left .3s}
.main-top-menu .top-menu-site{width:2.5rem;min-width:2rem;height:.76rem;line-height:.76rem;overflow:hidden;float:left;position:relative}
.main-top-menu .top-menu-site>a{display:block;height:.76rem;box-sizing:border-box;color:#b59758;font-size:0;background:#041c28;-webkit-transition:background-color .3s;-moz-transition:background-color .3s;-o-transition:background-color .3s;transition:background-color .3s;border-right:1px solid #112833}
.main-top-menu .top-menu-site>a .icon-tft{margin:0 .06rem 0 .3rem;background:url(https://game.gtimg.cn/images/lol/tft/content-site/logo-tft.png) no-repeat center/100%;width:.5rem;height:.24rem;background-size:contain}
.main-top-menu .top-menu-site>a>span{display:inline-block;vertical-align:middle;font-size:.14rem}
.main-top-menu .top-menu-site>a>i{display:inline-block;vertical-align:middle;margin:0 .06rem 0 .4rem}
.main-top-menu .top-menu-site.on,.main-top-menu .top-menu-site:hover{height:1.5rem}
.main-top-menu .top-menu-site:after{content:"";position:absolute;top:.34rem;right:.3rem}
.main-top-menu .login-info{font-size:.2rem;color:#fff5e0;display:inline-block;vertical-align:middle;padding:0 .6rem;text-align:left}
.main-top-menu .login-info .login-name{display:block;color:#b59758;font-size:.16rem;line-height:1;margin:0 0 .05rem}
.main-top-menu .login-info .login-area{display:block;color:#7e807d;font-size:.14rem;line-height:1}
.main-top-menu .login-info .login-area a{color:#7e807d}
.main-top-menu .login-info a{color:#7e807d}
.main-top-menu .login-info .userinfo{display:inline-block;vertical-align:middle;line-height:1.4;margin-right:.55rem}
.main-top-menu .login-info .userinfo p{color:#b59758}
.main-top-menu .login-info .user-headpic{position:absolute;width:.79rem;height:.79rem;display:inline-block;vertical-align:middle;top:0;right:0}
.main-top-menu .login-info .user-headpic img{width:100%;height:100%;object-fit:cover}
.main-top-menu .top-menu-right{float:right;height:100%}
.main-top-menu .top-menu-right .top-menu-mobile{display:inline-block;vertical-align:middle;position:relative;height:100%}
.main-top-menu .top-menu-right .top-menu-mobile .mobile-wrap{position:absolute;top:99%;left:50%;background:#02151e;text-align:center;z-index:100;padding:.3rem .2rem .3rem;display:flex;justify-content:center;align-items:center;transform:translateX(-50%)}
.main-top-menu .top-menu-right .top-menu-mobile .mobile-wrap .mobile-item{display:inline-block;vertical-align:middle;line-height:1;margin:0 .3rem}
.main-top-menu .top-menu-right .top-menu-mobile .mobile-wrap .mobile-item img{display:block;width:.98rem;height:.98rem;margin:0 auto}
.main-top-menu .top-menu-right .top-menu-mobile .mobile-wrap .mobile-item span{display:block;color:#7e807d;font-size:.14rem;line-height:1.2;margin:.08rem 0 0}
.main-top-menu .top-menu-right .top-menu-login{display:inline-block;vertical-align:middle;border-left:1px solid #24292e}
.main-top-menu .top-menu-right .top-menu-login .logined{box-sizing:border-box}
.main-top-menu .top-menu-right .top-menu-login .login-avatar{display:inline-block;vertical-align:middle;width:.96rem;height:.96rem;overflow:hidden}
.main-top-menu .top-menu-right .top-menu-login .login-avatar img{display:block;width:100%;height:100%}
.main-top-menu .top-menu-right .btn-top-menu{display:inline-block;vertical-align:middle;width:1.34rem;height:100%;border-left:1px solid #112833;text-align:center;background-color:#041c28;-webkit-transition:background-color .3s;-moz-transition:background-color .3s;-o-transition:background-color .3s;transition:background-color .3s;box-sizing:border-box;display:inline-flex;justify-content:center;align-items:center}
.main-top-menu .top-menu-right .btn-top-menu i{display:inline-block;vertical-align:middle}
.main-top-menu .top-menu-right .btn-top-menu:hover{background-color:#041c28}
/*!************内容展示区域*****************/
.skin-bg{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:0;background-color:#1b2128}
.skin-bg img{width:100%;height:100%;object-fit:cover;filter:blur(.22rem);opacity:.6}
.main-container{position:relative;min-height:calc(100% - .76rem);width:100%;overflow-x:auto;overflow-y:auto;background-size:100% auto}
.main-container .data-loading{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50% -50%);text-align:center}
.main-container .data-loading img{animation:loading linear 2s infinite}
.main-container .data-loading p{color:#49525c;font-size:.2rem;margin-top:.05rem}
.data-null{display:block;margin:.6rem auto;text-align:center;z-index:2;transform:translate3d(0,0,0)}
.data-null img{display:block;margin:0 auto}
.data-null p{display:block;color:#ccc;font-size:.2rem;margin-top:.2rem}
.loading-icon{display:block;margin:0 auto;background:url(data:img/png;base64,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) no-repeat center;background-size:100% 100%;width:.7rem;height:.7rem;animation:rotate 2s linear infinite;-webkit-animation:rotate 2s linear infinite}
/*!************资料总览*****************/
@keyframes rotate{
0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}
@-webkit-keyframes rotate{
0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}
/*!******装备列表*******/
.equipment-list{margin-top:.4rem;display:flex;flex-wrap:wrap;justify-content:start}
.equipment-list .list-item{width:1.4rem;height:2.04rem;margin-right:.2rem;margin-bottom:.2rem;position:relative}
.equipment-list .list-item .equipment-item{width:100%;height:100%;background-color:#02151e;padding-top:.2rem;border:1px solid #313e4c;transition:all linear .2s;box-sizing:border-box}
.equipment-list .list-item .equipment-item .prop-box{width:.99rem;height:.99rem;background-color:#010101;margin:0 auto .2rem;position:relative}
.equipment-list .list-item .equipment-item .prop-box img{position:absolute;width:100%;height:100%;object-fit:cover;top:0;left:0;right:0;bottom:0;margin:auto}
.equipment-list .list-item .equipment-item .prop-name{line-height:1.2;font-size:.14rem;text-align:center;color:#fff5e0}
.equipment-list .list-item .equipment-item .price{text-align:center;line-height:1;margin-top:.2rem}
.equipment-list .list-item .equipment-item .price .icon-gold{display:inline-block;vertical-align:middle}
.equipment-list .list-item .equipment-item .price span{display:inline-block;vertical-align:middle;font-family:dinot-bold;font-size:.14rem;color:#b59758}
.equipment-list .list-item.active .equipment-item,.equipment-list .list-item:hover .equipment-item{position:absolute;top:0;left:0;border:1px solid #b59758;transform:translateY(-.1rem)}
.equipment-list .list-item.myth .equipment-item{border:1px solid #b59758}
.equipment-list .list-item.new-item .equipment-item:before{content:attr(data-tag);font-size:.14rem;text-align:center;position:absolute;left:-.22rem;top:.14rem;padding:0;line-height:.22rem;width:.5rem;transform:rotate(-45deg);z-index:2;color:#fff;border-bottom:.22rem solid #f14e4e;border-left:.22rem solid transparent;border-right:.22rem solid transparent;height:0}
.equipment-list .list-item.new-item .equipment-item:after{content:'';width:100%;height:100%;position:absolute;left:-2px;top:-2px;border:2px solid #f14e4e;pointer-events:none}
/*!******英雄列表*******/
.hero-list{margin-top:.4rem;display:flex;flex-wrap:wrap;justify-content:start}
.hero-list .list-item{width:2.17rem;height:2.77rem;margin-right:.2rem;margin-bottom:.2rem;position:relative}
.hero-list .list-item .hero-item{width:100%;height:100%;background-color:#02151e;box-sizing:border-box;border:1px solid #313e4c;transition:all linear .2s;transform-origin:bottom center;-webkit-transform-origin:bottom center;-moz-transform-origin:bottom center;-o-transform-origin:bottom center}
.hero-list .list-item .hero-item .hero-pic{height:2.25rem;position:relative;overflow:hidden}
.hero-list .list-item .hero-item .hero-pic .hero-position{position:absolute;top:.1rem}
.hero-list .list-item .hero-item .hero-pic .hero-position span{display:inline-block;width:.26rem;height:.26rem;margin-left:.1rem;position:relative;background-color:rgba(0,9,19,.6)}
.hero-list .list-item .hero-item .hero-pic .hero-position span i{display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}
.hero-list .list-item .hero-item .hero-pic img{width:100%;height:100%;object-fit:cover;object-position:center top}
.hero-list .list-item .hero-item .hero-name{line-height:.55rem;color:#fff5e0;font-size:.14rem;text-align:center}
.hero-list .list-item a{position:absolute;display:block;width:100%;height:100%;top:0;left:0}
.hero-list .list-item:hover .hero-item{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);position:relative;border:1px solid #b89857}
/*!***************英雄排行*******************/
.hero-rank{position:relative;padding:.46rem .46rem;box-sizing:border-box;background-size:100% auto;min-height:100%;width:100%}
/*!******英雄总览*******/
.data-overview-module{margin-top:.2rem;display:flex;justify-content:space-between;align-items:flex-start}
.data-overview-module .left{width:4.12rem;flex-shrink:0}
.data-overview-module .right{width:8.44rem;flex-shrink:0;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;margin-left:.2rem}
.data-overview-module .item-box{width:4.12rem;background:#041822;padding:0 .3rem;box-sizing:border-box;margin-top:.2rem}
.data-overview-module .item-box .head{height:.76rem;border-bottom:1px solid #11242d;display:flex;justify-content:space-between;align-items:center}
.data-overview-module .item-box .rec-text{font-size:.16rem;color:#fff;font-weight:700;width:100%;text-align:left}
.data-overview-module .item-box .label-text{flex-shrink:0;display:inline-flex;justify-content:center;align-items:center}
.data-overview-module .item-box .onstage-text{font-size:.14rem;color:#7e807d;width:.64rem;text-align:center;flex-shrink:0;font-family:dinot-bold}
.data-overview-module .item-box .win-text{font-size:.14rem;color:#7e807d;width:.64rem;text-align:center;flex-shrink:0;font-family:dinot-bold}
.data-overview-module .item-box .item{height:.74rem;display:flex;justify-content:space-between;align-items:center}
.data-overview-module .item-box .item .onstage-text{font-size:.14rem;text-align:center;color:#1dbaa9}
.data-overview-module .item-box .item .win-text{color:#9c8250}
.data-overview-module .item-box .list-item{padding:.1rem 0 .2rem}
.data-overview-module .item-box .name{font-size:.14rem;text-align:left;color:#fff;margin-left:.08rem}
.data-overview-module .item-box .icon-bar{display:flex;justify-content:flex-start;align-items:center}
.data-overview-module .item-box .icon{width:.44rem;height:.44rem;border:1px solid #313537;overflow:hidden;box-sizing:border-box}
.data-overview-module .item-box .icon+.icon{margin-left:.1rem}
.data-overview-module .item-box .icon img{display:block;width:100%;height:100%}
.data-overview-module .item-box.item-box-hero .icon{border-radius:50%;cursor:pointer}
.data-overview-module .item-box.item-box-hero .name{cursor:pointer}
.data-overview-module .skill-bonus-box .icon{position:relative}
.data-overview-module .skill-bonus-box .icon>.key{font-style:normal;font-size:.1rem;display:flex;justify-content:center;align-items:center;width:.14rem;height:.14rem;position:absolute;right:0;bottom:0;z-index:2;color:#fff;font-weight:700;background:#000}
.data-overview-module .skill-bonus-box .arrow-r{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAHCAYAAADAp4fuAAAALUlEQVQImWOMS4r6zwABjFCagYkBAf4jCzKiS8BUokgwIauAKWBCF0C3CG4EAJsDByiDJDF3AAAAAElFTkSuQmCC) no-repeat center top;width:.05rem;height:.07rem;background-size:100% 100%;margin:0 .07rem}
.data-overview-module .skill-bonus-box .skill-add{height:.44rem;width:3.3rem;margin-left:.2rem}
.data-overview-module .skill-bonus-box .skill-add tr td{border:.01rem solid #313537;width:.3rem;height:50%;font-size:.14rem;color:#5e625a;font-family:dinot-bold;text-align:center;box-sizing:border-box}
.data-overview-module .skill-bonus-box .skill-add tr td.gold{color:#b59758}
td{color:#fff5e0;font-family:dinot-bold}
td>span{display:inline-block;vertical-align:middle;font-size:.14rem}
.table-bar{margin-top:0;position:relative}
.table-bar ._update{display:block;text-align:right;line-height:1;padding:.1rem .2rem .2rem;color:#fff5e0;font-size:.14rem;box-sizing:border-box}
.table-bar .body-item{height:.95rem}
.table-bar .body-item td{padding:0 .2rem;text-align:center;height:100%;line-height:.95rem;border-left:1px solid #1b2128}
.table-bar .body-item td:first-child{border-left:none}
.table-bar .body-item .rank{text-align:center;position:relative;padding:0 .5rem 0 .5rem}
.table-bar .body-item .rank span{display:inline-block;vertical-align:middle;color:#fff5e0;font-size:.14rem;font-family:dinot-bold}
.table-bar .body-item .rank .num{width:.77rem}
.table-bar .body-item .rank .arrow{position:absolute;top:50%;margin-left:.2rem;left:50%;width:.7rem;text-align:left;line-height:1;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%)}
.table-bar .body-item .rank .arrow i{display:inline-block;vertical-align:middle}
.table-bar .body-item .rank .arrow em{display:inline-block;vertical-align:middle;font-style:normal;font-size:.16rem;font-family:dinot-bold;margin-left:.02rem}
.table-bar .body-item .rank .first{left:50%;margin-left:.4rem}
.table-bar .body-item .rank .up em{color:#2aae0f}
.table-bar .body-item .rank .down em{color:#d0021b}
.table-bar .body-item .posi,.table-bar .body-item .t-level{text-align:center}
.table-bar .body-item .posi span,.table-bar .body-item .t-level span{display:inline-block;vertical-align:middle;font-size:.2rem;font-weight:700;color:#fff5e0}
.table-bar .body-item .hero{text-align:left}
.table-bar .body-item .hero .hero-pic{display:inline-block;vertical-align:middle;border-radius:50%;overflow:hidden;margin-left:.4rem;width:.48rem;height:.48rem;border:.01rem solid #303436;background-color:#0b0814;text-align:center;line-height:.48rem}
.table-bar .body-item .hero .hero-pic img{max-width:100%;max-height:100%;object-fit:cover;vertical-align:middle}
.table-bar .body-item .hero .hero-name{display:inline-block;vertical-align:middle;margin-left:.19rem;color:#fff5e0;font-size:.14rem}
.table-bar .body-item.down,.table-bar .body-item.up{position:relative;box-sizing:border-box}
.table-bar .body-item.down td,.table-bar .body-item.up td{position:relative;box-sizing:border-box;border-top:1px solid #374452;border-bottom:1px solid #374452}
.table-bar .body-item.down td:first-child,.table-bar .body-item.up td:first-child{border-left:1px solid #374452!important}
.table-bar .body-item.down td:last-child,.table-bar .body-item.up td:last-child{border-right:1px solid #374452!important}
.table-bar .body-item.new-item{position:relative;box-sizing:border-box}
.table-bar .body-item.new-item td{background:#282e38;border:.01rem solid #2e343f}
.table-bar .body-item.new-item .rank:before{content:attr(data-tag);font-size:.14rem;text-align:center;position:absolute;left:-.22rem;top:.14rem;padding:0;line-height:.22rem;width:.5rem;transform:rotate(-45deg);z-index:2;color:#fff;border-bottom:.22rem solid #f14e4e;border-left:.22rem solid transparent;border-right:.22rem solid transparent;height:0}
.overview-table{padding-right:.68rem;min-width:14.47rem;width:100%;line-height:.53rem;font-size:0}
.overview-table .table-head{background-color:#0b2430}
.overview-table .table-head tr{text-align:center;color:#98958f;font-size:.14rem}
.overview-table .table-head tr th{border:.01rem solid #26303b;padding:0 .2rem}
.overview-table .table-head tr a{color:#98958f}
.overview-table .table-head tr:first-child{border-left:none}
.overview-table .table-head tr i{display:inline-block;vertical-align:middle;margin-top:-.02rem;margin-left:.05rem}
.overview-table .table-body{background-color:#02151e}
.overview-table .table-body .body-item .posi,.overview-table .table-body .body-item .t-level{text-align:center}
.overview-table .table-body .body-item .posi span,.overview-table .table-body .body-item .t-level span{display:inline-block;vertical-align:middle;font-size:.2rem;font-weight:700;color:#fff5e0}
.overview-table .table-body .body-item .hero{text-align:left;cursor:pointer}
.overview-table .table-body .body-item .hero .hero-pic{display:inline-block;vertical-align:middle;border-radius:50%;overflow:hidden;margin-left:.4rem;width:.48rem;height:.48rem;border:.01rem solid #303436;background-color:#0b0814;text-align:center;line-height:.48rem}
.overview-table .table-body .body-item .hero .hero-pic img{max-width:100%;max-height:100%;object-fit:cover;vertical-align:middle}
.overview-table .table-body .body-item .hero .hero-name{display:inline-block;vertical-align:middle;margin-left:.19rem;color:#fff5e0;font-size:.14rem}
.overview-table .table-body .body-item .ban-chance,.overview-table .table-body .body-item .onstage-times,.overview-table .table-body .body-item .win-chance{font-size:.14rem;font-family:dinot-bold;color:#fff5e0}
.overview-table .table-body .body-item .hero-restraint .hero-pic{display:inline-block;vertical-align:middle;border-radius:50%;overflow:hidden;margin:0 .05rem;width:.48rem;height:.48rem;border:.01rem solid #303436;background-color:#0b0814;text-align:center;line-height:.48rem;cursor:pointer}
.overview-table .table-body .body-item .hero-restraint .hero-pic img{width:100%;height:100%;object-fit:cover;display:block}
.overview-table .table-body .body-item:nth-of-type(even){background-color:#041822}
.overview-table .table-body .body-item .active{color:#1dbaa9}
.double-table{min-width:14.47rem;width:100%;line-height:.7rem;font-size:0;padding-right:.68rem}
.double-table .table-head{background-color:#0b2430}
.double-table .table-head th{padding:0 .2rem;text-align:center;border:.01rem solid #26303b;color:#98958f;font-size:.14rem}
.double-table .table-head th a{color:#98958f}
.double-table .table-head th:first-child{border-left:none}
.double-table .table-head th i{display:inline-block;vertical-align:middle;margin-top:-.02rem;margin-left:.05rem}
.double-table .table-body{background-color:#02151e}
.double-table .table-body .body-item{height:1.67rem}
.double-table .table-body .body-item td{padding:0 .2rem;text-align:center;height:100%;line-height:.95rem;border:.01rem solid #26303b}
.double-table .table-body .body-item td:first-child{border-left:none}
.double-table .table-body .body-item .rank{text-align:center;position:relative;line-height:1.67rem}
.double-table .table-body .body-item .rank span{display:inline-block;vertical-align:middle;color:#fff5e0;font-size:.2rem;font-family:dinot-bold}
.double-table .table-body .body-item .rank .arrow{position:absolute;top:50%;right:.27rem;line-height:1;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%)}
.double-table .table-body .body-item .rank .arrow i{display:inline-block;vertical-align:middle}
.double-table .table-body .body-item .rank .arrow em{display:inline-block;vertical-align:middle;font-style:normal;font-size:.18rem;font-family:dinot-bold;margin-left:.02rem}
.double-table .table-body .body-item .rank .up em{color:#2aae0f}
.double-table .table-body .body-item .rank .down em{color:#d0021b}
.double-table .table-body .body-item .posi,.double-table .table-body .body-item .t-level{text-align:center}
.double-table .table-body .body-item .posi>div,.double-table .table-body .body-item .t-level>div{height:50%;line-height:.84rem}
.double-table .table-body .body-item .posi span,.double-table .table-body .body-item .t-level span{display:inline-block;vertical-align:middle;margin:0 auto}
.double-table .table-body .body-item .hero{text-align:left}
.double-table .table-body .body-item .hero>div{height:50%;line-height:.84rem}
.double-table .table-body .body-item .hero .hero-pic{display:inline-block;vertical-align:middle;border-radius:50%;overflow:hidden;margin-left:.4rem;width:.48rem;height:.48rem;border:.01rem solid #303436;background-color:#0b0814;text-align:center;line-height:.48rem}
.double-table .table-body .body-item .hero .hero-pic img{max-width:100%;max-height:100%;object-fit:cover;display:block}
.double-table .table-body .body-item .hero .hero-name{display:inline-block;vertical-align:middle;margin-left:.19rem;color:#fff5e0;font-size:.14rem}
.double-table .table-body .body-item .onstage-times,.double-table .table-body .body-item .win-chance{font-size:.16rem;font-family:dinot-bold;color:#fff5e0}
.double-table .table-body .body-item .onstage-times span,.double-table .table-body .body-item .win-chance span{display:inline-block;height:100%;line-height:1.67rem}
.double-table .table-body .body-item .ban-chance,.double-table .table-body .body-item .hero-restraint{font-size:.16rem;font-family:dinot-bold;color:#fff5e0}
.double-table .table-body .body-item .ban-chance span,.double-table .table-body .body-item .hero-restraint span{display:block;height:50%;line-height:.84rem}
.double-table .table-body .body-item:nth-of-type(even){background-color:#041822}
.double-table .table-body .body-item .active{color:#1dbaa9}
.data-table{width:100%;line-height:.56rem;padding-right:.68rem;font-size:0}
.data-table .table-head{background-color:#0b2430}
.data-table .table-head th{text-align:center;border-left:.01rem solid #26303b;color:#98958f;font-size:.14rem}
.data-table .table-head th a{color:#98958f}
.data-table .table-head th:first-child{border-left:none}
.data-table .table-head th i{display:inline-block;vertical-align:middle;margin-top:-.02rem;margin-left:.05rem}
.data-table .table-body{background-color:#02151e}
.data-table .table-body .body-item{height:.95rem}
.data-table .table-body .body-item td{text-align:center;height:100%;line-height:.94rem;border-left:.01rem solid #26303b}
.data-table .table-body .body-item td:first-child{border-left:none}
.data-table .table-body .body-item .rank{text-align:center;position:relative}
.data-table .table-body .body-item .rank span{display:inline-block;vertical-align:middle;color:#fff5e0;font-size:.14rem;font-family:dinot-bold}
.data-table .table-body .body-item .rank .arrow{position:absolute;top:50%;right:.27rem;line-height:1;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%)}
.data-table .table-body .body-item .rank .arrow i{display:inline-block;vertical-align:middle}
.data-table .table-body .body-item .rank .arrow em{display:inline-block;vertical-align:middle;font-style:normal;font-size:.16rem;font-family:dinot-bold;margin-left:.02rem}
.data-table .table-body .body-item .rank .up em{color:#2aae0f}
.data-table .table-body .body-item .rank .down em{color:#d0021b}
.data-table .table-body .body-item .posi{text-align:center}
.data-table .table-body .body-item .posi span{display:inline-block;vertical-align:middle}
.data-table .table-body .body-item .hero{text-align:left;cursor:pointer}
.data-table .table-body .body-item .hero .hero-pic{display:inline-block;vertical-align:middle;border-radius:50%;overflow:hidden;margin-left:.4rem;width:.48rem;height:.48rem;border:.01rem solid #303436;background-color:#0b0814;text-align:center;line-height:.48rem}
.data-table .table-body .body-item .hero .hero-pic img{max-width:100%;max-height:100%;object-fit:cover;vertical-align:middle}
.data-table .table-body .body-item .hero .hero-name{display:inline-block;vertical-align:middle;margin-left:.19rem;color:#fff5e0;font-size:.14rem}
.data-table .table-body .body-item .kda,.data-table .table-body .body-item .play-assists,.data-table .table-body .body-item .play-cure,.data-table .table-body .body-item .play-economics,.data-table .table-body .body-item .play-endure,.data-table .table-body .body-item .play-hurt,.data-table .table-body .body-item .play-kill,.data-table .table-body .body-item .play-time{font-size:.14rem;font-family:dinot-bold;color:#fff5e0}
.data-table .table-body .body-item:nth-of-type(even){background-color:#041822}
.data-table .table-body .body-item .active{color:#1dbaa9}
.fight-rank .rank-first-three{display:flex;justify-content:flex-start;align-items:flex-start;padding:.4rem 0 0}
.fight-rank .rank-first-three>.item{flex-shrink:0;margin-right:.16rem;position:relative;padding:.28rem .28rem .28rem;box-sizing:border-box}
.fight-rank .rank-first-three>.item .hero-cover{position:absolute;top:.03rem;right:0;display:block;width:calc(100% - .03rem);height:65%;object-fit:cover;object-position:center top;-webkit-mask-image:linear-gradient(196deg,#fff 0,transparent 40%);z-index:1}
.fight-rank .rank-first-three>.item>.icon-level-num{position:absolute;left:50%;bottom:-.45rem;transform:translate(-50%,0);pointer-events:none}
.fight-rank .rank-first-three>.item .info{display:flex;justify-content:flex-start;align-items:center;z-index:1;position:relative}
.fight-rank .rank-first-three>.item .info .mask-btn{width:100%;height:100%;position:absolute;left:0;top:0}
.fight-rank .rank-first-three>.item .hero-pic{width:.6rem;height:.6rem;border-radius:50%;overflow:hidden;border:.02rem solid #303436;position:relative}
.fight-rank .rank-first-three>.item .hero-pic:after{content:'';width:100%;height:100%;border:.04rem solid #000;box-sizing:border-box;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.fight-rank .rank-first-three>.item .hero-pic>img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;width:110%;height:110%}
.fight-rank .rank-first-three>.item .name-bar{padding-left:.1rem}
.fight-rank .rank-first-three>.item .tlevel{margin-left:.27rem}
.fight-rank .rank-first-three>.item .name{color:#fff5e0;font-size:.18rem;text-align:left;line-height:1.5}
.fight-rank .rank-first-three>.item .lane{color:#5e625a;font-size:.14rem;text-align:left;line-height:1.5}
.fight-rank .rank-first-three>.item .detail-bar{display:flex;justify-content:flex-start;align-items:flex-start;z-index:1;position:relative;margin-top:.22rem}
.fight-rank .rank-first-three>.item .detail-bar .left-bar{width:1.78rem}
.fight-rank .rank-first-three>.item .detail-bar .right-bar{width:2rem}
.fight-rank .rank-first-three>.item .detail-bar .progress-item{width:100%;margin-bottom:.16rem}
.fight-rank .rank-first-three>.item .detail-bar .progress-item .label{font-size:.14rem;color:#5e625a;text-align:left;line-height:1}
.fight-rank .rank-first-three>.item .detail-bar .progress-item .progress-bar{margin-top:.1rem;height:.16rem;background-color:#202831;position:relative}
.fight-rank .rank-first-three>.item .detail-bar .progress-item .progress-bar>.progress-in{width:0;background-color:#1dbaa9;height:100%;position:absolute;left:0;top:0;transition:.6s}
.fight-rank .rank-first-three>.item .detail-bar .progress-item .progress-bar>.progress-num{font-size:.14rem;color:#fff5e0;position:absolute;right:0;top:-.27rem;height:100%;display:flex;justify-content:center;align-items:center;font-weight:700;padding:0 .1rem;font-family:dinot-Reg}
.fight-rank .rank-first-three>.item .detail-bar .label-item{display:inline-flex;justify-content:flex-start;align-items:flex-start;height:.27rem}
.fight-rank .rank-first-three>.item .detail-bar .label-item .label{width:1.34rem;font-size:.14rem;color:#5e625a;text-align:right;line-height:1}
.fight-rank .rank-first-three>.item .detail-bar .label-item .val{color:#fff5e0;font-size:.14rem;line-height:1;font-family:dinot-Reg}
.fight-rank .rank-first-three .level-num-box{position:absolute;top:-.01rem;left:0;z-index:2;pointer-events:none}
/*!***************斗魂竞技�?*******************/
.arena-rank .component-select{background-color:#02151e;border-color:#b59758}
.arena-rank .component-switch-filter>a{background:#02151e;border-color:#0d2e3e}
.arena-rank .table-bar{margin-top:0;position:relative}
.arena-rank .table-bar ._update{display:block;text-align:right;line-height:1;padding:.1rem 0 .2rem;color:#fff;font-size:.14rem;box-sizing:border-box}
.arena-rank .arena-table{width:100%;line-height:1.2;font-size:0}
.arena-rank .arena-table .table-head{background-color:#0b2430}
.arena-rank .arena-table .table-head th{height:.53rem;vertical-align:middle;padding:0 .2rem;text-align:center;color:rgba(255,255,255,.5);font-size:.14rem}
.arena-rank .arena-table .table-head th a{color:rgba(255,255,255,.5)}
.arena-rank .arena-table .table-head th i{display:inline-block;vertical-align:middle;margin-top:-.02rem;margin-left:.05rem}
.arena-rank .arena-table .table-body{background-color:#02151e}
.arena-rank .arena-table .table-body .body-item{height:1.64rem}
.arena-rank .arena-table .table-body .body-item td{color:#fff;vertical-align:middle;padding:0 .2rem;text-align:center;height:100%;border-left:1px solid rgba(255,255,255,.05)}
.arena-rank .arena-table .table-body .body-item td:first-child{border-left:none}
.arena-rank .arena-table .table-body .body-item .rank{text-align:center;position:relative}
.arena-rank .arena-table .table-body .body-item .rank span{display:inline-block;vertical-align:middle;color:#fff;font-size:.16rem;font-family:dinot-bold}
.arena-rank .arena-table .table-body .body-item .posi{text-align:center}
.arena-rank .arena-table .table-body .body-item .posi span{font-size:.14rem;color:#fff;height:50%;line-height:.8rem;display:block}
.arena-rank .arena-table .table-body .body-item .hero{text-align:left}
.arena-rank .arena-table .table-body .body-item .hero>div{height:50%;line-height:.8rem}
.arena-rank .arena-table .table-body .body-item .hero .hero-pic{position:relative;display:inline-block;vertical-align:middle;border-radius:50%;margin-left:.4rem;width:.5rem;height:.5rem;border:1px solid #303436;background-color:#0b0814;text-align:center;line-height:.48rem;padding:.03rem;box-sizing:border-box}
.arena-rank .arena-table .table-body .body-item .hero .hero-pic .pic-box{width:100%;height:100%;border-radius:50%;overflow:hidden}
.arena-rank .arena-table .table-body .body-item .hero .hero-pic .pic-box>img{transform:scale(1.15);max-width:100%;max-height:100%;object-fit:cover;display:block}
.arena-rank .arena-table .table-body .body-item .hero .hero-name{display:inline-block;vertical-align:middle;margin-left:.1rem;color:#fff;font-size:.14rem}
.arena-rank .arena-table .table-body .body-item .onstage-times,.arena-rank .arena-table .table-body .body-item .win-chance{font-size:.14rem;font-family:dinot-bold;color:#fff}
.arena-rank .arena-table .table-body .body-item .onstage-times span,.arena-rank .arena-table .table-body .body-item .win-chance span{display:inline-block;height:100%}
.arena-rank .arena-table .table-body .body-item .ban-chance{font-size:.14rem;font-family:dinot-bold;color:#fff}
.arena-rank .arena-table .table-body .body-item .ban-chance span{display:block;height:50%;line-height:.8rem}
.arena-rank .arena-table .table-body .body-item:nth-of-type(even){background-color:#041822}
.arena-rank .arena-table .table-body .body-item .active{color:#1dbaa9}
.arena-rank .table-bar-double .rank-first-three{display:flex;padding-top:.4rem}
.arena-rank .table-bar-double .rank-first-three>.item{display:flex;align-items:center;padding-top:.31rem;padding-bottom:.66rem;box-sizing:border-box}
.arena-rank .table-bar-double .rank-first-three>.item .info-wrap{position:relative;width:2.47rem;padding-left:.3rem;box-sizing:border-box;border-right:1px solid rgba(255,255,255,.05)}
.arena-rank .table-bar-double .rank-first-three>.item .info-wrap .hero-info{position:relative;font-size:0;white-space:nowrap}
.arena-rank .table-bar-double .rank-first-three>.item .info-wrap .hero-info .hero-pic,.arena-rank .table-bar-double .rank-first-three>.item .info-wrap .hero-info .name-bar{display:inline-block;vertical-align:middle}
.arena-rank .table-bar-double .rank-first-three>.item .info-wrap .hero-info+.hero-info{margin-top:.2rem}
.arena-rank .table-bar-double .rank-first-three>.item .info-wrap .hero-info .mask-btn{width:100%;height:100%;position:absolute;left:0;top:0}
.arena-rank .table-bar-double .rank-first-three>.item .info-wrap .hero-pic{width:.6rem;height:.6rem;border-radius:50%;overflow:hidden;border:.02rem solid #303436;position:relative}
.arena-rank .table-bar-double .rank-first-three>.item .info-wrap .hero-pic:after{content:'';width:100%;height:100%;border:.04rem solid #000;box-sizing:border-box;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.arena-rank .table-bar-double .rank-first-three>.item .info-wrap .hero-pic>img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;width:110%;height:110%}
.arena-rank .table-bar-double .rank-first-three>.item .info-wrap .name-bar{padding-left:.1rem;line-height:1}
.arena-rank .table-bar-double .rank-first-three>.item .info-wrap .name{color:#fff;font-size:.18rem;text-align:left}
.arena-rank .table-bar-double .rank-first-three>.item .info-wrap .job-info{white-space:nowrap;margin-top:.08rem}
.arena-rank .table-bar-double .rank-first-three>.item .info-wrap .job-info .ban-rate,.arena-rank .table-bar-double .rank-first-three>.item .info-wrap .job-info .lane{display:inline-block;vertical-align:middle}
.arena-rank .table-bar-double .rank-first-three>.item .info-wrap .job-info .lane{font-size:.14rem;color:rgba(255,255,255,.5);margin-right:.08rem}
.arena-rank .table-bar-double .rank-first-three>.item .info-wrap .job-info .ban-rate{font-size:.12rem;color:#fff;line-height:.2rem;padding:0 .03rem;border-radius:.04rem;background-color:#ff6363}
.arena-rank .table-bar-double .rank-first-three>.item .rate-wrap{width:2.33rem;padding-left:.17rem;box-sizing:border-box}
.arena-rank .table-bar-double .rank-first-three>.item .rate-wrap .progress-item{width:1.84rem}
.arena-rank .table-bar-double .rank-first-three>.item .rate-wrap .progress-item .label{font-size:.14rem;color:rgba(255,255,255,.5);text-align:left;line-height:1}
.arena-rank .table-bar-double .rank-first-three>.item .rate-wrap .progress-item .progress-bar{margin-top:.08rem;height:.16rem;background-color:#0f2129;position:relative}
.arena-rank .table-bar-double .rank-first-three>.item .rate-wrap .progress-item .progress-bar>.progress-in{width:0;background-color:#1dbaa9;height:100%;position:absolute;left:0;top:0;transition:.6s}
.arena-rank .table-bar-double .rank-first-three>.item .rate-wrap .progress-item .progress-bar>.progress-num{font-size:.14rem;color:#fff;position:absolute;right:0;top:-.24rem;height:100%;display:flex;justify-content:center;align-items:center;font-weight:700;font-family:dinot-Reg}
.arena-rank .table-bar-double .rank-first-three>.item .rate-wrap .progress-item+.progress-item{margin-top:.3rem}
.arena-rank .table-bar-double .rank-first-three>.item:nth-of-type(1){background-position:-8.6rem -2.43rem;width:4.84rem;height:2.44rem}
.arena-rank .table-bar-double .rank-first-three>.item:nth-of-type(2){background-position:-8.6rem .02rem;width:4.84rem;height:2.44rem}
.arena-rank .table-bar-double .rank-first-three>.item:nth-of-type(3){background-position:.02rem -5.62rem;width:4.84rem;height:2.44rem}
.arena-rank .table-bar-double .rank-first-three>.item+.item{margin-left:.2rem}
.arena-rank .table-bar-solo .rank-first-three{display:flex;justify-content:flex-start;align-items:flex-start;padding:.4rem 0 0}
.arena-rank .table-bar-solo .rank-first-three>.item{flex-shrink:0;margin-right:.16rem;position:relative;padding:.28rem .28rem .28rem;box-sizing:border-box}
.arena-rank .table-bar-solo .rank-first-three>.item .hero-cover{position:absolute;top:.03rem;right:0;display:block;width:calc(100% - .03rem);height:65%;object-fit:cover;object-position:center top;-webkit-mask-image:linear-gradient(196deg,#fff 0,transparent 40%);z-index:1}
.arena-rank .table-bar-solo .rank-first-three>.item>.icon-level-num{position:absolute;left:50%;bottom:-.45rem;transform:translate(-50%,0);pointer-events:none}
.arena-rank .table-bar-solo .rank-first-three>.item .info{display:flex;justify-content:flex-start;align-items:center;z-index:1;position:relative}
.arena-rank .table-bar-solo .rank-first-three>.item .info .mask-btn{width:100%;height:100%;position:absolute;left:0;top:0}
.arena-rank .table-bar-solo .rank-first-three>.item .hero-pic{width:.6rem;height:.6rem;border-radius:50%;overflow:hidden;border:.02rem solid #303436;position:relative}
.arena-rank .table-bar-solo .rank-first-three>.item .hero-pic:after{content:'';width:100%;height:100%;border:.04rem solid #000;box-sizing:border-box;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.arena-rank .table-bar-solo .rank-first-three>.item .hero-pic>img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;width:110%;height:110%}
.arena-rank .table-bar-solo .rank-first-three>.item .name-bar{padding-left:.1rem}
.arena-rank .table-bar-solo .rank-first-three>.item .tlevel{margin-left:.27rem}
.arena-rank .table-bar-solo .rank-first-three>.item .name{color:#fff5e0;font-size:.18rem;text-align:left;line-height:1.5}
.arena-rank .table-bar-solo .rank-first-three>.item .lane{color:#5e625a;font-size:.14rem;text-align:left;line-height:1.5}
.arena-rank .table-bar-solo .rank-first-three>.item .lane>span{padding-right:.08rem}
.arena-rank .table-bar-solo .rank-first-three>.item .detail-bar{display:flex;justify-content:flex-start;align-items:flex-start;z-index:1;position:relative;margin-top:.22rem}
.arena-rank .table-bar-solo .rank-first-three>.item .detail-bar .left-bar{width:1.78rem}
.arena-rank .table-bar-solo .rank-first-three>.item .detail-bar .right-bar{width:1.7rem;margin-left:.3rem}
.arena-rank .table-bar-solo .rank-first-three>.item .detail-bar .right-bar>.label{font-size:.14rem;color:#5e625a;text-align:left;line-height:1}
.arena-rank .table-bar-solo .rank-first-three>.item .detail-bar .right-bar>.hero-list{display:flex;justify-content:flex-start;align-items:center;margin-top:.2rem}
.arena-rank .table-bar-solo .rank-first-three>.item .detail-bar .right-bar>.hero-list>.hero{width:.46rem;height:.46rem;border-radius:50%;overflow:hidden;border:.02rem solid #303436;position:relative;margin-right:.05rem;margin-bottom:.1rem}
.arena-rank .table-bar-solo .rank-first-three>.item .detail-bar .right-bar>.hero-list>.hero>img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;width:110%;height:110%}
.arena-rank .table-bar-solo .rank-first-three>.item .detail-bar .progress-item{width:100%;margin-bottom:.16rem}
.arena-rank .table-bar-solo .rank-first-three>.item .detail-bar .progress-item .label{font-size:.14rem;color:#5e625a;text-align:left;line-height:1}
.arena-rank .table-bar-solo .rank-first-three>.item .detail-bar .progress-item .progress-bar{margin-top:.1rem;height:.16rem;background-color:#202831;position:relative}
.arena-rank .table-bar-solo .rank-first-three>.item .detail-bar .progress-item .progress-bar>.progress-in{width:0;background-color:#1dbaa9;height:100%;position:absolute;left:0;top:0;transition:.6s}
.arena-rank .table-bar-solo .rank-first-three>.item .detail-bar .progress-item .progress-bar>.progress-num{font-size:.14rem;color:#fff5e0;position:absolute;right:0;top:-.27rem;height:100%;display:flex;justify-content:center;align-items:center;font-weight:700;padding:0 .1rem;font-family:dinot-Reg}
.arena-rank .table-bar-solo .rank-first-three>.item .detail-bar .label-item{display:inline-flex;justify-content:flex-start;align-items:flex-start;height:.27rem}
.arena-rank .table-bar-solo .rank-first-three>.item .detail-bar .label-item .label{width:1.34rem;font-size:.14rem;color:#5e625a;text-align:right;line-height:1}
.arena-rank .table-bar-solo .rank-first-three>.item .detail-bar .label-item .val{color:#fff5e0;font-size:.14rem;line-height:1;font-family:dinot-Reg}
.arena-rank .table-bar-solo .rank-first-three .level-num-box{position:absolute;top:-.01rem;left:0;z-index:2;pointer-events:none}
.arena-rank .table-bar-solo .table-body .body-item{height:.42rem}
.arena-rank .table-bar-solo .table-body .body-item .posi>span{display:inline-block;vertical-align:middle;padding:0 .1rem}
.arena-rank .col-hero-list .hero-pic{display:inline-block;vertical-align:middle;border-radius:50%;overflow:hidden;margin:0 .05rem;width:.48rem;height:.48rem;border:.01rem solid #303436;background-color:#0b0814;text-align:center;line-height:.48rem;cursor:pointer}
.arena-rank .col-hero-list .hero-pic img{width:100%;height:100%;object-fit:cover;display:block}
/*!***************攻略列表*******************/
.hero-strategy .hero-strategy-list{box-sizing:border-box;font-size:0;margin-top:.4rem;display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap}
.hero-strategy .hero-strategy-list .component-pagination-wrap{width:100%;flex-shrink:0}
.hero-strategy .hero-strategy-list .list-item{display:inline-flex;vertical-align:top;background-color:#02151e;width:calc(50% - .4rem);height:2.7rem;margin-bottom:.2rem;font-size:0;position:relative;margin-right:.2rem;border:1px solid #161a20;transition:border .3s;box-sizing:border-box}
.hero-strategy .hero-strategy-list .list-item:hover{border-color:#b59758}
.hero-strategy .hero-strategy-list .list-item .item-left{display:inline-block;vertical-align:top;width:3.2rem;height:2.3rem;margin-top:.2rem;margin-left:.2rem;background-color:#18191a;overflow:hidden;position:relative}
.hero-strategy .hero-strategy-list .list-item .item-left img{width:100%;height:100%;object-fit:cover}
.hero-strategy .hero-strategy-list .list-item .item-left .info{position:absolute;height:.6rem;width:100%;bottom:0;left:0;background-color:rgba(0,0,0,.43);line-height:.6rem}
.hero-strategy .hero-strategy-list .list-item .item-left .info .head-pic{display:inline-block;vertical-align:middle;width:.4rem;height:.4rem;line-height:.4rem;margin:0 .1rem;border:.01rem solid #303436;background-color:#0b0814;text-align:center;border-radius:50%;overflow:hidden}
.hero-strategy .hero-strategy-list .list-item .item-left .info .head-pic img{vertical-align:middle;max-width:100%;max-height:100%;object-fit:cover}
.hero-strategy .hero-strategy-list .list-item .item-left .info>p{color:#fff5e0;font-size:.14rem;display:inline-block;vertical-align:middle}
.hero-strategy .hero-strategy-list .list-item .item-right{display:inline-block;vertical-align:top;width:4.9rem;margin-left:.4rem;margin-top:.4rem}
.hero-strategy .hero-strategy-list .list-item .item-right .author-info{height:.4rem}
.hero-strategy .hero-strategy-list .list-item .item-right .author-info .head-pic{width:.4rem;height:.4rem;float:left}
.hero-strategy .hero-strategy-list .list-item .item-right .author-info .head-pic img{max-width:100%;max-height:100%;object-fit:cover}
.hero-strategy .hero-strategy-list .list-item .item-right .author-info .author-text{float:left}
.hero-strategy .hero-strategy-list .list-item .item-right .author-info .author-name{font-family:dinot-bold;font-size:.16rem;color:#fff5e0;line-height:1;margin-top:.12rem;margin-left:.1rem}
.hero-strategy .hero-strategy-list .list-item .item-right .author-info .user-info{color:#5e625a;font-size:.16rem;line-height:1;margin-left:.2rem;margin-top:.08rem}
.hero-strategy .hero-strategy-list .list-item .item-right .author-info .user-info span{display:inline-block}
.hero-strategy .hero-strategy-list .list-item .item-right .strategy-describe{font-size:.16rem;line-height:1.2;color:#fff5e0;margin-top:.2rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.hero-strategy .hero-strategy-list .list-item .item-right .update-date{color:#5e625a;font-size:.14rem;line-height:1;font-family:dinot-bold;margin-top:.1rem;margin-bottom:.2rem}
.hero-strategy .hero-strategy-list .list-item a{display:block;position:absolute;width:100%;height:100%;top:0;left:0;z-index:2}
.play-list{max-width:11.2rem;margin-top:.4rem;padding-right:.68rem}
.play-list .list-item{height:1.6rem;padding-top:.4rem;padding-left:.4rem;background-color:#02151e;box-sizing:border-box;margin-bottom:.2rem;position:relative;border:.02rem solid #02151e;transition:.3s}
.play-list .list-item:hover{border-color:#b59758}
.play-list .list-item:first-child{height:2.19rem;background:url(//game.gtimg.cn/images/lol/lolstrategy/version-notice-bg.jpg) top center no-repeat}
.play-list .title{line-height:1;font-size:.16rem;color:#fff5e0}
.play-list .title i{display:inline-block;vertical-align:middle;margin-right:.06rem;margin-top:-.04rem}
.play-list .describe{margin-top:.32rem;color:#5e625a;font-size:.14rem;width:5.4rem;line-height:1.5}
.play-list .publish-date{font-size:.14rem;color:#5e625a;font-family:dinot-bold;line-height:1;margin-top:.1rem;margin-bottom:.2rem}
.play-list .type{display:inline-block;padding:.04rem .04rem;border:.01rem solid #b59758;text-align:center;font-size:.14rem;color:#b59758;border-radius:.02rem}
.play-list a{display:block;position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}
/*!***************资讯详情*******************/
.news-details{position:relative;padding-top:.8rem;padding-bottom:.8rem;padding-left:1rem;box-sizing:border-box;background-size:100% auto;min-height:100%;max-width:25.6rem;float:left}
.news-details .back{display:block;width:.86rem;height:.38rem;line-height:.38rem;border:.01rem solid #313537;background-color:#191d24;text-align:center}
.news-details .back:hover{border:.01rem solid #cfa75c}
.news-details .back i{display:inline-block;vertical-align:middle}
.news-details .details-con{margin-top:.7rem;font-size:0;min-width:15.8rem;padding-right:.68rem}
.news-details .details-con .details-wrap{display:inline-block;width:12.2rem;background-color:#161a20;padding:.4rem .4rem 0;margin-right:.2rem;box-sizing:border-box}
.news-details .details-con .details-wrap .title{font-size:.28rem;color:#fff5e0;line-height:1}
.news-details .details-con .details-wrap .title span{display:inline-block;border:.01rem solid #cfa75c;font-family:finot-bold;font-size:.14rem;padding:.04rem;color:#cfa75c;border-radius:.02rem;vertical-align:middle;margin-top:-.02rem;margin-left:.2rem}
.news-details .details-con .details-wrap .details-header{margin-top:.2rem;padding-bottom:.2rem;border-bottom:.01rem solid #2b3033}
.news-details .details-con .details-wrap .details-header .author{float:left}
.news-details .details-con .details-wrap .details-header .author .name{display:inline-block;font-size:.16rem;font-family:dinot-bold;color:#fff5e0;vertical-align:middle;margin-right:.4rem}
.news-details .details-con .details-wrap .details-header .author .date{display:inline-block;font-size:.16rem;font-family:dinot-bold;color:#5e625a;vertical-align:middle;margin-right:.36rem}
.news-details .details-con .details-wrap .details-header .author .head-pic{display:inline-block;vertical-align:middle;width:.38rem;height:.38rem;border:.01rem solid #303436;background-color:#0b0814;border-radius:50%;text-align:center;overflow:hidden;margin-right:.1rem}
.news-details .details-con .details-wrap .details-header .author .head-pic img{vertical-align:middle;max-width:100%;max-height:100%;object-fit:cover}
.news-details .details-con .details-wrap .details-header .author .name2{display:inline-block;vertical-align:middle;font-size:.16rem;color:#5e625a}
.news-details .details-con .details-wrap .details-header .check{float:right;display:inline-flex;align-items:center;height:.4rem}
.news-details .details-con .details-wrap .details-header .check>div{display:inline-flex;align-items:center;line-height:1;margin-right:.4rem}
.news-details .details-con .details-wrap .details-header .check>div i{display:inline-block;vertical-align:middle;margin-right:.1rem}
.news-details .details-con .details-wrap .details-header .check>div span{font-size:.16rem;color:#5e625a;font-family:dinot-bold}
.news-details .details-con .details-wrap .details-header .check .tg-sns{margin-right:0}
.news-details .details-con .details-wrap .details-header .check .tg-sns .tg-sns-qq{margin-right:.2rem}
.news-details .details-con .details-wrap .details-header .check .tg-sns .tg-sns-wechat{margin-right:.2rem}
.news-details .details-con .details-wrap .details-header .check .tg-sns .tg-sns-weibo{margin-right:0}
.news-details .details-con .details-wrap .details-content{padding-top:.4rem;padding-bottom:.4rem;border-bottom:.01rem solid #2b3033;font-size:.2rem;color:#fff5e0;line-height:1.5;word-break:break-all}
.news-details .details-con .details-wrap .details-content img{display:block;max-width:100%;margin:0 auto .4rem}
.news-details .details-con .details-wrap .details-content p{line-height:.36rem;padding-bottom:.25rem}
.news-details .details-con .details-wrap>.thumbsup{display:block;width:.62rem;height:.62rem;background-color:#111419;border:.01rem solid #2b3033;margin:.4rem auto;line-height:.62rem;border-radius:50%;text-align:center}
.news-details .details-con .details-wrap>.thumbsup i{display:inline-block;vertical-align:middle}
.news-details .details-con .details-wrap>.thumbsup.on{background-color:#cfa75c}
.news-details .details-con .side-relevant{display:inline-block;vertical-align:top}
.news-details .details-con .author-relevant{width:3.4rem;padding:.4rem;box-sizing:border-box;vertical-align:top;background-color:#161a20}
.news-details .details-con .author-relevant .author{font-size:0;padding-bottom:.38rem;border-bottom:.01rem solid #2b3033}
.news-details .details-con .author-relevant .author .headpic{display:inline-block;vertical-align:top;width:.7rem;height:.7rem;overflow:hidden;background-color:#5e625a}
.news-details .details-con .author-relevant .author .headpic img{width:100%;height:100%;object-fit:cover}
.news-details .details-con .author-relevant .author .name{display:inline-block;vertical-align:top;margin-left:.2rem;margin-top:.2rem}
.news-details .details-con .author-relevant .author .name p{font-size:.16rem;font-family:dinot-bold;color:#fff5e0;margin-bottom:.1rem}
.news-details .details-con .author-relevant .author .name a{font-size:.16rem;color:#cfa75c}
.news-details .details-con .author-relevant .related-articles{padding-top:.4rem}
.news-details .details-con .author-relevant .related-articles h1{line-height:1;font-weight:400;font-size:.16rem;color:#fff5e0;margin-bottom:.2rem}
.news-details .details-con .author-relevant .related-articles .articles-list li{position:relative;font-size:0;margin-bottom:.2rem;height:100%}
.news-details .details-con .author-relevant .related-articles .articles-list li:hover .text{color:#1dbaa9}
.news-details .details-con .author-relevant .related-articles .articles-list li .thumbnail{display:inline-block;width:1rem;height:.54rem;overflow:hidden}
.news-details .details-con .author-relevant .related-articles .articles-list li .thumbnail img{width:100%;height:100%;object-fit:cover}
.news-details .details-con .author-relevant .related-articles .articles-list li .text{overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-inline-box;white-space:initial;vertical-align:top;font-size:.14rem;color:#fff5e0;margin-left:.1rem;line-height:1.2;width:calc(100% - 1.1rem)}
.news-details .details-con .author-relevant .related-articles .articles-list li a{position:absolute;display:block;width:100%;height:100%;top:0;left:0;z-index:1}
.news-details .details-con .author-relevant .related-articles .more-content{display:block;width:2.55rem;height:.3rem;background-color:#191d24;border:.01rem solid #cfa75c;text-align:center;line-height:.3rem;font-size:.14rem;color:#cfa75c;margin-top:.4rem}
.news-details .details-con .author-relevant .related-articles .more-content:hover{background-color:#cfa75c;color:#191d24}
.news-details .details-con .recommend-relevant{width:3.4rem;padding:.4rem;box-sizing:border-box;vertical-align:top;background-color:#161a20;margin-top:.2rem}
.news-details .details-con .recommend-relevant .related-articles h1{line-height:1;font-weight:400;font-size:.16rem;color:#fff5e0;margin-bottom:.2rem}
.news-details .details-con .recommend-relevant .related-articles .articles-list li{position:relative;font-size:0;margin-bottom:.2rem;height:100%}
.news-details .details-con .recommend-relevant .related-articles .articles-list li:hover .text{color:#1dbaa9}
.news-details .details-con .recommend-relevant .related-articles .articles-list li .thumbnail{display:inline-block;width:1rem;height:.54rem;overflow:hidden}
.news-details .details-con .recommend-relevant .related-articles .articles-list li .thumbnail img{width:100%;height:100%;object-fit:cover}
.news-details .details-con .recommend-relevant .related-articles .articles-list li .text{overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-inline-box;white-space:initial;vertical-align:top;font-size:.14rem;line-height:1.2;color:#fff5e0;margin-left:.1rem;width:calc(100% - 1.1rem)}
.news-details .details-con .recommend-relevant .related-articles .articles-list li a{position:absolute;display:block;width:100%;height:100%;top:0;left:0;z-index:1}
.news-details .details-con .recommend-relevant .related-articles .more-content{display:block;width:2.55rem;height:.3rem;background-color:#191d24;border:.01rem solid #cfa75c;text-align:center;line-height:.3rem;font-size:.14rem;color:#cfa75c;margin-top:.4rem}
.news-details .details-con .recommend-relevant .related-articles .more-content:hover{background-color:#cfa75c;color:#191d24}
/*!***************玩家统计*******************/
.player-stat{position:relative;padding-top:.68rem;padding-bottom:.68rem;padding-left:.8rem;box-sizing:border-box;background-size:100% auto;min-height:100%;max-width:25.6rem;float:left}
.player-stat .national-service-rank .top-three{margin-top:.6rem;font-size:0}
.player-stat .national-service-rank .top-three .top-three-item{display:inline-block;vertical-align:top;margin-right:.2rem;padding-top:.4rem;padding-left:.4rem;box-sizing:border-box;position:relative;font-size:0}
.player-stat .national-service-rank .top-three .top-three-item .left{display:inline-block;vertical-align:top;width:3.6rem}
.player-stat .national-service-rank .top-three .top-three-item .left .user-info{font-size:0}
.player-stat .national-service-rank .top-three .top-three-item .left .user-info .head-pic{width:.8rem;height:.8rem;overflow:hidden;display:inline-block;vertical-align:top}
.player-stat .national-service-rank .top-three .top-three-item .left .user-info .head-pic img{width:100%;height:100%;object-fit:cover}
.player-stat .national-service-rank .top-three .top-three-item .left .user-info .user-text{margin-left:.2rem;display:inline-block;vertical-align:top;margin-top:.1rem}
.player-stat .national-service-rank .top-three .top-three-item .left .user-info .user-text .name-level{line-height:1;font-family:dinot-bold;display:flex;align-items:center}
.player-stat .national-service-rank .top-three .top-three-item .left .user-info .user-text .name-level .name{color:#fff5e0;font-size:.2rem}
.player-stat .national-service-rank .top-three .top-three-item .left .user-info .user-text .name-level i{font-size:.1rem;color:#b59758;display:inline-block;vertical-align:middle;margin:0 .1rem}
.player-stat .national-service-rank .top-three .top-three-item .left .user-info .user-text .name-level .level,.player-stat .national-service-rank .top-three .top-three-item .left .user-info .user-text .name-level .lv{font-size:.16rem;color:#b59758}
.player-stat .national-service-rank .top-three .top-three-item .left .user-info .user-text>.level{margin-top:.16rem}
.player-stat .national-service-rank .top-three .top-three-item .left .user-info .user-text>.level .picbox{width:.34rem;height:.34rem;display:inline-block;vertical-align:middle;overflow:hidden;line-height:.34rem;text-align:center;background-color:#2c3033;border-radius:50%}
.player-stat .national-service-rank .top-three .top-three-item .left .user-info .user-text>.level .picbox img{max-width:100%;max-height:100%;object-fit:cover}
.player-stat .national-service-rank .top-three .top-three-item .left .user-info .user-text>.level .dan,.player-stat .national-service-rank .top-three .top-three-item .left .user-info .user-text>.level .windot{display:inline-block;vertical-align:middle;font-size:.14rem;color:#5e625a;margin-left:.05rem}
.player-stat .national-service-rank .top-three .top-three-item .left .text1{font-size:.14rem;color:#5e625a;line-height:1;margin:.2rem 0}
.player-stat .national-service-rank .top-three .top-three-item .left .progress-box{width:3rem;height:.2rem;background-color:#202831;position:relative}
.player-stat .national-service-rank .top-three .top-three-item .left .progress-box .progress-bar{width:50%;height:100%;background-color:#1dbaa9}
.player-stat .national-service-rank .top-three .top-three-item .left .progress-box span{position:absolute;font-family:dinot-bold;font-size:.12rem;line-height:.2rem;color:#111419;left:.1rem}
.player-stat .national-service-rank .top-three .top-three-item .right{display:inline-block;vertical-align:top;width:calc(100% - 3.6rem)}
.player-stat .national-service-rank .top-three .top-three-item .right .item{margin-bottom:.1rem}
.player-stat .national-service-rank .top-three .top-three-item .right .item .head-pic{display:inline-block;vertical-align:middle;width:.58rem;height:.58rem;line-height:.58rem;border:.01rem solid #303436;background-color:#0b0814;border-radius:50%;text-align:center;overflow:hidden;cursor:pointer}
.player-stat .national-service-rank .top-three .top-three-item .right .item .head-pic img{max-width:100%;max-height:100%;vertical-align:middle}
.player-stat .national-service-rank .top-three .top-three-item .right .item span{font-size:.16rem;font-family:dinot-bold;color:#1dbaa9;display:inline-block;vertical-align:middle;margin-left:.2rem}
.player-stat .national-service-rank .top-three .top-three-item .icon{position:absolute;bottom:-.35rem;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}
.player-stat .national-service-rank .rank-table{margin-top:.74rem;width:17.5rem;width:100%;height:.98rem;line-height:.98rem;padding-right:.68rem;font-size:0}
.player-stat .national-service-rank .rank-table .table-head{background-color:#202831}
.player-stat .national-service-rank .rank-table .table-head th{height:100%;border-left:.01rem solid #26303b;color:#98958f;font-size:.14rem}
.player-stat .national-service-rank .rank-table .table-head th:first-child{border-left:none}
.player-stat .national-service-rank .rank-table .table-body{background-color:#02151e}
.player-stat .national-service-rank .rank-table .table-body .body-item{height:.95rem}
.player-stat .national-service-rank .rank-table .table-body .body-item td{vertical-align:top;text-align:center;height:.95rem;padding:0 .2rem;line-height:.95rem;border-left:.01rem solid #26303b}
.player-stat .national-service-rank .rank-table .table-body .body-item td:first-child{border-left:none}
.player-stat .national-service-rank .rank-table .table-body .body-item .rank{text-align:center;width:7%;vertical-align:middle;color:#b59758;font-size:.16rem;font-family:dinot-bold}
.player-stat .national-service-rank .rank-table .table-body .body-item .name{text-align:left}
.player-stat .national-service-rank .rank-table .table-body .body-item .name .headpic{display:inline-block;vertical-align:middle;width:.44rem;height:.44rem;line-height:.44rem;background-color:#262b30;margin-right:.05rem}
.player-stat .national-service-rank .rank-table .table-body .body-item .name .headpic img{width:100%;height:100%;object-fit:cover;vertical-align:middle}
.player-stat .national-service-rank .rank-table .table-body .body-item .name span{display:inline-block;vertical-align:middle;color:#fff5e0;font-size:.16rem}
.player-stat .national-service-rank .rank-table .table-body .body-item .dan{text-align:left}
.player-stat .national-service-rank .rank-table .table-body .body-item .dan img{vertical-align:middle;margin-left:.39rem;max-height:80%}
.player-stat .national-service-rank .rank-table .table-body .body-item .dan span{display:inline-block;vertical-align:middle;margin-left:.2rem;color:#fff5e0;font-size:.16rem}
.player-stat .national-service-rank .rank-table .table-body .body-item .match,.player-stat .national-service-rank .rank-table .table-body .body-item .windot{font-size:.16rem;font-family:dinot-bold;color:#fff5e0}
.player-stat .national-service-rank .rank-table .table-body .body-item .oftenuse .hero-pic{cursor:pointer;display:inline-block;vertical-align:middle;border-radius:50%;overflow:hidden;margin:0 .05rem;width:.48rem;height:.48rem;border:.01rem solid #303436;background-color:#0b0814;text-align:center;line-height:.48rem}
.player-stat .national-service-rank .rank-table .table-body .body-item .oftenuse .hero-pic img{max-width:100%;max-height:100%;object-fit:cover;vertical-align:middle}
.player-stat .national-service-rank .rank-table .table-body .body-item .win-chance .progress-box{width:3rem;height:.2rem;margin:.39rem auto 0;background-color:#202831;position:relative}
.player-stat .national-service-rank .rank-table .table-body .body-item .win-chance .progress-box .progress-bar{width:50%;height:100%;background-color:#1dbaa9}
.player-stat .national-service-rank .rank-table .table-body .body-item .win-chance .progress-box span{line-height:.2rem;position:absolute;top:0;left:.1rem;font-size:.12rem;font-family:dinot-bold;color:#111419}
.player-stat .national-service-rank .rank-table .table-body .body-item:nth-of-type(even){background-color:#191e25}
.player-stat .national-service-rank .rank-table .table-body .active .ban-chance,.player-stat .national-service-rank .rank-table .table-body .active .onstage-times,.player-stat .national-service-rank .rank-table .table-body .active .win-chance,.player-stat .national-service-rank .rank-table .table-body .body-item:hover .ban-chance,.player-stat .national-service-rank .rank-table .table-body .body-item:hover .onstage-times,.player-stat .national-service-rank .rank-table .table-body .body-item:hover .win-chance{color:#1dbaa9}
.player-stat .professional-record .record-list{margin-top:.6rem;width:21.29rem;padding-right:.68rem}
.player-stat .professional-record .record-list .list-item{height:.97rem;font-size:0;background-color:#161a20}
.player-stat .professional-record .record-list .list-item:nth-of-type(even){background-color:#191d24}
.player-stat .professional-record .record-list .list-item>div{border-right:.01rem solid #1b2128;height:100%;display:inline-block;vertical-align:top;line-height:.97rem}
.player-stat .professional-record .record-list .list-item>div:last-child{border-right:0}
.player-stat .professional-record .record-list .list-item .name{width:2.49rem;line-height:.97rem}
.player-stat .professional-record .record-list .list-item .name .head-box{width:.56rem;height:.56rem;line-height:.56rem;overflow:hidden;display:inline-block;vertical-align:middle;margin-left:.35rem}
.player-stat .professional-record .record-list .list-item .name .head-box img{max-width:100%;max-height:100%;vertical-align:bottom}
.player-stat .professional-record .record-list .list-item .name p{display:inline-block;vertical-align:middle;font-size:.2rem;color:#fff5e0;margin-left:.1rem}
.player-stat .professional-record .record-list .list-item .team{width:1.24rem;text-align:center}
.player-stat .professional-record .record-list .list-item .team img{width:.45rem;height:.45rem;vertical-align:middle}
.player-stat .professional-record .record-list .list-item .posi{width:1.24rem;text-align:center}
.player-stat .professional-record .record-list .list-item .posi i{display:inline-block;vertical-align:middle}
.player-stat .professional-record .record-list .list-item .vs{width:2.32rem;text-align:center}
.player-stat .professional-record .record-list .list-item .vs .picbox{display:inline-block;vertical-align:middle;width:.58rem;height:.58rem;border:1px solid #303436;background-color:#0b0814;overflow:hidden;border-radius:50%;text-align:center;line-height:.58rem}
.player-stat .professional-record .record-list .list-item .vs .picbox img{max-width:100%;max-height:100%;object-fit:cover;vertical-align:middle}
.player-stat .professional-record .record-list .list-item .vs span{font-family:dinot-bold;font-size:.2rem;color:#5e625a;display:inline-block;vertical-align:middle;margin:0 .1rem}
.player-stat .professional-record .record-list .list-item .economy,.player-stat .professional-record .record-list .list-item .kda,.player-stat .professional-record .record-list .list-item .time{width:1.64rem;text-align:center;padding-top:.3rem;box-sizing:border-box}
.player-stat .professional-record .record-list .list-item .economy p,.player-stat .professional-record .record-list .list-item .kda p,.player-stat .professional-record .record-list .list-item .time p{font-size:.2rem;color:#fff5e0;font-family:dinot-bold;line-height:1}
.player-stat .professional-record .record-list .list-item .economy p i,.player-stat .professional-record .record-list .list-item .kda p i,.player-stat .professional-record .record-list .list-item .time p i{font-style:normal;margin:0 .05rem}
.player-stat .professional-record .record-list .list-item .economy p+p,.player-stat .professional-record .record-list .list-item .kda p+p,.player-stat .professional-record .record-list .list-item .time p+p{color:#5e625a;font-size:.18rem;margin-top:.05rem}
.player-stat .professional-record .record-list .list-item .economy{width:1.19rem}
.player-stat .professional-record .record-list .list-item .rune{width:1.24rem;text-align:center}
.player-stat .professional-record .record-list .list-item .rune img{vertical-align:middle;width:.63rem}
.player-stat .professional-record .record-list .list-item .equipment,.player-stat .professional-record .record-list .list-item .skill{width:1.78rem;text-align:center}
.player-stat .professional-record .record-list .list-item .equipment img,.player-stat .professional-record .record-list .list-item .skill img{vertical-align:middle;margin:0 .05rem;width:.38rem;height:.38rem}
.player-stat .professional-record .record-list .list-item .equipment{width:3.58rem}
.player-stat .professional-record .record-list .list-item .time{width:4.46rem;text-align:left;padding-left:.4rem;box-sizing:border-box}
.player-stat .god-war .recommend-war{margin-top:.6rem;padding-right:.38rem;width:22rem}
.player-stat .god-war .recommend-war .item{position:relative;display:inline-block;vertical-align:top;margin-right:.4rem;width:5.2rem;height:2.5rem;background-color:#111419;padding-top:.2rem;padding-left:.4rem;box-sizing:border-box}
.player-stat .god-war .recommend-war .item:last-child{margin-right:0}
.player-stat .god-war .recommend-war .item .bg{position:absolute;pointer-events:none;width:100%;height:100%;top:0;left:0}
.player-stat .god-war .recommend-war .item .bg img{width:100%;height:100%;object-fit:cover}
.player-stat .god-war .recommend-war .item .cont{position:relative}
.player-stat .god-war .recommend-war .item .online{font-size:.18rem;color:#08d6f6;font-family:dinot-bold;line-height:1}
.player-stat .god-war .recommend-war .item .online span{display:inline-block;vertical-align:middle}
.player-stat .god-war .recommend-war .item .online i{display:inline-block;vertical-align:middle;width:.12rem;height:.12rem;background-color:#08d6f6;border-radius:50%}
.player-stat .god-war .recommend-war .item .watch-con{margin-top:.45rem}
.player-stat .god-war .recommend-war .item .watch-con .left{display:inline-block;vertical-align:top}
.player-stat .god-war .recommend-war .item .watch-con .left img{display:block;width:.7rem;height:.7rem;object-fit:cover}
.player-stat .god-war .recommend-war .item .watch-con .left a{display:block;margin-top:.03rem;width:.68rem;height:.28rem;border:.01rem solid #313537;font-size:.18rem;color:#fff5e0;text-align:center;line-height:.28rem}
.player-stat .god-war .recommend-war .item .watch-con .right{display:inline-block;vertical-align:top;margin-left:.23rem;padding-top:.07rem}
.player-stat .god-war .recommend-war .item .watch-con .right .name-level{font-family:dinot-bold}
.player-stat .god-war .recommend-war .item .watch-con .right .name-level .name{font-size:.2rem;color:#fff5e0}
.player-stat .god-war .recommend-war .item .watch-con .right .name-level i{color:#b59758;font-size:.14rem;display:inline-block;margin-left:.18rem;margin-right:.05rem;font-style:normal}
.player-stat .god-war .recommend-war .item .watch-con .right .name-level i+i{margin:0;font-size:.16rem}
.player-stat .god-war .recommend-war .item .watch-con .right .name-level .level{font-size:.16rem;color:#b59758}
.player-stat .god-war .recommend-war .item .watch-con .right .dan{margin-top:.14rem}
.player-stat .god-war .recommend-war .item .watch-con .right .dan .pic-box{width:.3rem;display:inline-block;vertical-align:middle;height:.3rem;margin-right:.1rem;background-color:#2c3033;border-radius:50%;overflow:hidden}
.player-stat .god-war .recommend-war .item .watch-con .right .dan .pic-box img{width:100%;height:100%;object-fit:cover}
.player-stat .god-war .recommend-war .item .watch-con .right .dan span{display:inline-block;vertical-align:middle;margin-right:.05rem;font-size:.18rem;color:#5e625a}
.player-stat .god-war .war-con{width:22rem}
.player-stat .god-war .hero-war,.player-stat .god-war .hot-war{width:10.8rem;height:2.18rem;background-color:#161a20;margin-top:.3rem;padding:.4rem .4rem 0;box-sizing:border-box;display:inline-block;margin-right:.4rem;position:relative}
.player-stat .god-war .hero-war .title,.player-stat .god-war .hot-war .title{line-height:1;font-size:.2rem;color:#fff5e0;margin-bottom:.41rem}
.player-stat .god-war .hero-war>a,.player-stat .god-war .hot-war>a{position:absolute;font-size:.2rem;color:#5e625a;right:.4rem;top:.43rem}
.player-stat .god-war .hero-war .cont,.player-stat .god-war .hot-war .cont{display:flex;justify-content:space-between}
.player-stat .god-war .hero-war .cont .item,.player-stat .god-war .hot-war .cont .item{display:inline-block;vertical-align:top}
.player-stat .god-war .hero-war .cont .item .pic-box,.player-stat .god-war .hot-war .cont .item .pic-box{display:inline-block;vertical-align:middle;width:.59rem;height:.59rem;border-radius:50%;border:.01rem solid #303436;background-color:#0b0814;overflow:hidden}
.player-stat .god-war .hero-war .cont .item .pic-box img,.player-stat .god-war .hot-war .cont .item .pic-box img{width:100%;height:100%;object-fit:cover}
.player-stat .god-war .hero-war .cont .item .text,.player-stat .god-war .hot-war .cont .item .text{display:inline-block;vertical-align:top;margin-left:.2rem;padding-top:.08rem}
.player-stat .god-war .hero-war .cont .item .text .score,.player-stat .god-war .hot-war .cont .item .text .score{font-size:.18rem;color:#fff5e0;margin-bottom:.1rem;white-space:.02rem}
.player-stat .god-war .hero-war .cont .item .text .score span,.player-stat .god-war .hot-war .cont .item .text .score span{font-size:.2rem;font-family:dinot-bold;color:#b59758;margin:0 .05rem}
.player-stat .god-war .hero-war .cont .item .text .dan,.player-stat .god-war .hot-war .cont .item .text .dan{font-size:.2rem;color:#5e625a}
.player-stat .god-war .hero-war{margin-right:0}
.player-stat .god-war .hero-war .cont .item .text .score span{margin-right:.05rem}
.player-stat .god-war .gorge-war{width:10.8rem;height:2.18rem;background-color:#161a20;margin-top:.3rem;padding:.4rem .4rem 0;box-sizing:border-box;display:inline-block;margin-right:.4rem;position:relative}
.player-stat .god-war .gorge-war .title{line-height:1;font-size:.2rem;color:#fff5e0;margin-bottom:.41rem}
.player-stat .god-war .gorge-war .cont .item{display:inline-block;vertical-align:top;margin-right:.4rem}
.player-stat .god-war .gorge-war .cont .item:last-child{margin-right:0}
.player-stat .god-war .gorge-war .cont .item .pic-box{display:inline-block;vertical-align:middle;width:.59rem;height:.59rem;border:.01rem solid #303436;background-color:#0b0814;overflow:hidden}
.player-stat .god-war .gorge-war .cont .item .pic-box img{width:100%;height:100%;object-fit:cover}
.player-stat .god-war .gorge-war .cont .item p{width:.6rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:center;font-size:.2rem;color:#fff5e0}
@media screen and (max-width:960px){
.player-stat .god-war .recommend-war{width:11rem}
.player-stat .god-war .recommend-war .item:nth-of-type(even){margin-right:0}
.player-stat .god-war .recommend-war .item{margin-bottom:.2rem}
.player-stat .god-war .war-con{width:11rem}
}
.hero-cover{position:absolute;left:0;top:0;width:100%;z-index:0}
.hero-cover img{display:block;width:100%;opacity:.6;-webkit-mask-image:linear-gradient(to bottom,#fff 0,#fff 60%,transparent 100%)}
.hero-all-overview,.tab-part{position:relative}
.overview-table,.table-body{position:relative}
/*!***************英雄详情********************/
.rune-item{width:100%;background-color:#041822;display:flex;display:-webkit-flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding:.3rem 0 .5rem 0;height:1.46rem}
.rune-item .rune-primary-wrap{display:inline-flex;justify-content:space-between;align-items:center;vertical-align:middle;width:25%;position:relative}
.rune-item .rune-primary-wrap:before{position:absolute;display:block;content:'';width:100%;height:1px;background-color:#252c35;top:50%;left:0}
.rune-item .rune-primary-wrap .rune-primary{position:relative}
.rune-item .rune-primary-wrap .rune-primary .rune-box{width:.38rem;height:.38rem;border:.01rem solid #a18b6b;border-radius:50%;margin:0 auto;position:relative;background-color:#161a20}
.rune-item .rune-primary-wrap .rune-primary .rune-box img{width:100%;height:100%;object-fit:cover;position:absolute;left:50%;bottom:0;transform:translate(-50%,0)}
.rune-item .rune-primary-wrap .rune-primary .rune-box{border:.01rem solid #de6c6c}
.rune-item .rune-primary-wrap .rune-primary .tone1{border:.01rem solid #a18b6b}
.rune-item .rune-primary-wrap .rune-primary .tone2{border:.02rem solid #d44242}
.rune-item .rune-primary-wrap .rune-primary .tone3{border:.02rem solid #9faafc}
.rune-item .rune-primary-wrap .rune-primary .tone4{border:.01rem solid #a1d586}
.rune-item .rune-primary-wrap .rune-primary .tone5{border:.01rem solid #49aab9}
.rune-item .rune-primary-wrap .rune-primary p{position:absolute;width:.9rem;text-align:center;font-size:.14rem;color:#5e625a;line-height:1.2;top:calc(120% + .07rem);left:50%;transform:translateX(-50%)}
.rune-item .rune-primary-wrap .rune-primary:last-child .rune-box::after{display:none}
.rune-item .rune-primary-wrap .main .rune-box{width:.46rem;height:.46rem;border-width:.02rem}
.rune-item .rune-primary-wrap .main p{top:120%}
.rune-item .rune-wrap2{width:14%}
.rune-item .rune-wrap2 .rune-primary{position:relative}
.rune-item .rune-wrap2 .rune-primary .rune-box{border:.01rem solid #de6c6c}
.rune-item .rune-wrap2 .rune-primary .rune-box{border:.01rem solid #de6c6c}
.rune-item .rune-wrap2 .rune-primary .tone1{border:.01rem solid #a18b6b}
.rune-item .rune-wrap2 .rune-primary .tone2{border:.02rem solid #d44242}
.rune-item .rune-wrap2 .rune-primary .tone3{border:.02rem solid #9faafc}
.rune-item .rune-wrap2 .rune-primary .tone4{border:.01rem solid #a1d586}
.rune-item .rune-wrap2 .rune-primary .tone5{border:.01rem solid #49aab9}
.rune-item .icon-con{width:8%;display:flex;display:-webkit-flex;justify-content:space-between;position:relative}
.rune-item .icon-con::after{position:absolute;content:'';display:block;width:100%;height:1px;background-color:#fff;top:50%;z-index:0}
.rune-item .icon-con .icon{position:relative;z-index:1;width:.22rem;height:.22rem;line-height:.22rem;border:1px solid #e8c598;border-radius:50%;background-color:#13131b;overflow:hidden;text-align:center}
.rune-item .icon-con .icon img{max-width:100%;max-height:100%;vertical-align:middle;object-fit:cover}
.rune-item .onstage-chance,.rune-item .win-chance{color:#1dbaa9;font-family:dinot-bold;position:relative;width:6%;text-align:center}
.rune-item .onstage-chance span,.rune-item .win-chance span{font-size:.18rem}
.rune-item .onstage-chance p,.rune-item .win-chance p{font-size:.14rem;position:absolute;width:1rem;text-align:center;color:#5e625a;bottom:-.45rem;left:50%;transform:translateX(-50%)}
.rune-item .win-chance{color:#9c8250}
.rune-item a{color:#cdcdcd;font-size:.14rem;margin-top:.2rem;position:relative;width:15%;height:.4rem;text-align:center;display:inline-flex;justify-content:center;align-items:center}
.rune-item a::before{position:absolute;content:'';display:block;width:1px;height:1.03rem;background-color:#26303b;top:50%;left:0;transform:translateY(-50%)}
.hero-details{position:relative;box-sizing:border-box;max-height:100%;width:100%;display:flex;float:left;height:calc(100vh - .76rem);overflow:hidden}
.hero-details .box-equipment{width:100%;padding:.3rem;box-sizing:border-box;background-color:#041822;line-height:1;margin-bottom:.2rem}
.hero-details .box-equipment .head{padding-bottom:.2rem;border-bottom:.01rem solid #11242d;display:flex;justify-content:space-around;align-items:center;white-space:nowrap}
.hero-details .box-equipment .rec-text{width:70%;color:#fff;font-weight:700;font-size:.16rem;text-align:left}
.hero-details .box-equipment .onstage-text{width:15%;color:#5e625a;font-size:.14rem;text-align:center}
.hero-details .box-equipment .win-text{width:15%;color:#5e625a;font-size:.14rem;text-align:center}
.hero-details .box-equipment .list{margin-top:.2rem}
.hero-details .box-equipment .list .list-item{font-size:0;margin-bottom:.1rem;display:flex;justify-content:space-around;align-items:center;white-space:nowrap}
.hero-details .box-equipment .list .list-item:nth-last-of-type(1){margin-bottom:0}
.hero-details .box-equipment .list .list-item .equipment-box{width:70%;font-size:0;display:inline-flex;justify-content:flex-start;align-items:center}
.hero-details .box-equipment .list .list-item .equipment-box .equipment{display:inline-block;margin-right:.1rem;width:.42rem;height:.42rem;border:1px solid #313537;overflow:hidden;margin-bottom:.05rem}
.hero-details .box-equipment .list .list-item .equipment-box .equipment img{width:100%;height:100%;object-fit:cover}
.hero-details .box-equipment .list .list-item .onstage-text{text-align:center;font-family:dinot-bold;width:15%;color:#1dbaa9;font-size:.14rem;line-height:.6rem}
.hero-details .box-equipment .list .list-item .win-text{text-align:center;font-family:dinot-bold;width:15%;line-height:.6rem;font-size:.14rem;color:#9c8250}
.hero-details .hero-show{height:100%;width:3.68rem;background-color:#08212e;display:flex;flex-direction:column;overflow:auto;position:relative;flex-shrink:0}
.hero-details .hero-show .hero-img{position:relative;max-height:7.76rem;overflow:hidden}
.hero-details .hero-show .hero-img .hero-skin-swiper{width:100%;min-height:4.66rem;max-height:7.76rem}
.hero-details .hero-show .hero-img .thumbs-swiper-button-next{position:absolute;top:50%;right:.26rem;margin-left:.2rem;display:inline-block;width:.33rem;height:.23rem;background:url(//game.gtimg.cn/images/lol/lolstrategy/thumbs-swiper-button-next.png) top center no-repeat;background-size:100% 100%;cursor:pointer;z-index:2}
.hero-details .hero-show .hero-img .thumbs-swiper-button-prev{position:absolute;top:50%;left:.26rem;margin-right:.2rem;display:inline-block;width:.33rem;height:.23rem;background:url(//game.gtimg.cn/images/lol/lolstrategy/thumbs-swiper-button-prev.png) top center no-repeat;background-size:100% 100%;cursor:pointer;z-index:2}
.hero-details .hero-show .hero-img .swiper-button-disabled{filter:brightness(.5)}
.hero-details .hero-show .hero-img img{display:block;width:100%;object-fit:cover;object-position:top center}
.hero-details .hero-show .hero-img .posi{position:absolute;bottom:.3rem;left:50%;transform:translateX(-50%);z-index:1}
.hero-details .hero-show .hero-img .posi span{display:inline-block;vertical-align:top;width:.32rem;height:.32rem;text-align:center;line-height:.32rem;background-color:rgba(0,9,19,.6);margin:0 .05rem}
.hero-details .hero-show .hero-img .posi span i{display:inline-block;vertical-align:middle}
.hero-details .hero-show .hero-img .text-tips{position:absolute;background-color:rgba(0,9,19,.6);width:.78rem;height:.32rem;line-height:.32rem;color:#fff5e0;font-size:.14rem;text-align:center;bottom:.3rem;right:.3rem;z-index:1;cursor:pointer}
.hero-details .hero-show .hero-intro{flex-shrink:1;padding-left:.3rem;padding-right:.3rem;border-right:.01rem solid #11242d}
.hero-details .hero-show .hero-name{line-height:1;font-size:.16rem;color:#fff5e0;margin-top:.4rem}
.hero-details .hero-show .hero-type{display:inline-block;padding:.04rem .06rem;background-color:#b59758;color:#050a13;font-size:.14rem;margin-top:.2rem;margin-bottom:.4rem;margin-right:.1rem}
.hero-details .hero-show .info-list .item{height:.64rem;line-height:.64rem;border-top:.01rem solid #11242d;display:flex;justify-content:flex-start;align-items:center}
.hero-details .hero-show .info-list .item span{font-size:.14rem;color:#5e625a;display:inline-block;vertical-align:middle;flex-shrink:0}
.hero-details .hero-show .info-list .item>div{display:inline-block;vertical-align:middle;line-height:1;margin-left:.2rem}
.hero-details .hero-show .info-list .item>div i{display:inline-block;width:.36rem;height:.05rem;background-color:rgba(181,151,88,.2);margin-right:.12rem}
.hero-details .hero-show .info-list .item>div i.light{background-color:#b59758}
.hero-details .hero-show .info-list .item>div.win-text{color:#887249;font-family:dinot-bold;font-size:.18rem}
.hero-details .hero-show .info-list .item>div.ban-text{color:#f32643;font-family:dinot-bold;font-size:.18rem}
.hero-details .hero-show .info-list .item>div.show-text{color:#1dbaa9;font-family:dinot-bold;font-size:.18rem}
.hero-details .hero-show .info-list .item>div.bestdb{margin-left:.1rem}
.hero-details .hero-show .info-list .item>div.bestdb>div{display:inline-flex;justify-content:flex-start;align-items:center;width:.38rem;height:.38rem;line-height:.38rem;border:.01rem solid #303436;background-color:#0b0814;overflow:hidden;border-radius:50%;margin-left:.08rem;cursor:pointer;box-sizing:border-box}
.hero-details .hero-show .info-list .item>div.bestdb>div img{max-width:100%;max-height:100%;vertical-align:middle;object-fit:cover}
.hero-details .hero-show .info-list .item:nth-last-child(1){border-bottom:.01rem solid #1d2227}
.hero-details .hero-show .info-list .spells-list{font-size:0;text-align:left;margin-left:.1rem!important}
.hero-details .hero-show .info-list .spells-list .spells{display:inline-flex;justify-content:center;align-items:center;line-height:1;margin-left:.08rem;width:.38rem;height:.38rem;box-sizing:border-box}
.hero-details .hero-show .info-list .spells-list .spells img{width:100%;height:100%}
.hero-details .details-container{position:relative;padding:.4rem .46rem;width:100%;overflow:auto;box-sizing:border-box}
.hero-details .history-list{position:absolute;right:0;top:0;display:flex;justify-content:flex-end;align-items:center}
.hero-details .history-list li{border-radius:50%;overflow:hidden;width:.5rem;height:.5rem;border:.01rem solid #424749;padding:0;box-sizing:border-box;background:#161a20;margin-left:.1rem;position:relative;cursor:pointer;transition:.3s}
.hero-details .history-list li.selected{border-color:#b09356}
.hero-details .history-list li.selected>i:after{opacity:0}
.hero-details .history-list li:hover{transform:translateY(-10%)}
.hero-details .history-list li:hover>i:after{opacity:0}
.hero-details .history-list li>i{width:.42rem;height:.42rem;display:block;border-radius:50%;overflow:hidden;box-sizing:border-box;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.hero-details .history-list li>i:after{opacity:1;width:100%;height:100%;content:'';display:block;position:absolute;left:0;top:0;background:rgba(11,8,20,.5);z-index:1;transition:.3s}
.hero-details .history-list li img{width:110%;height:110%;display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.hero-details .god-strategy{width:100%;margin-top:.4rem;display:flex;flex-wrap:wrap}
.hero-details .god-strategy .item{width:calc(33.333% - .2rem);height:3rem;background-color:#041822;position:relative;display:inline-block;vertical-align:top;margin-bottom:.2rem;margin-right:.2rem;overflow:hidden}
.hero-details .god-strategy .item img{display:block;width:100%;height:100%;object-fit:cover;transition:.3s}
.hero-details .god-strategy .item:hover>img{transform:scale(1.2)}
.hero-details .god-strategy .item .cont{position:absolute;width:100%;height:1rem;background-color:rgba(0,0,0,.7);bottom:0;left:0;padding:.2rem .2rem 0;box-sizing:border-box}
.hero-details .god-strategy .item .cont .author-con{position:relative}
.hero-details .god-strategy .item .cont .author-con .head-pic{width:.34rem;height:.34rem;display:inline-block;vertical-align:middle}
.hero-details .god-strategy .item .cont .author-con .head-pic img{width:100%;height:100%;object-fit:cover}
.hero-details .god-strategy .item .cont .author-con .text{display:inline-block;vertical-align:middle;margin-left:.05rem}
.hero-details .god-strategy .item .cont .author-con .text .name{color:#fff5e0;font-size:.16rem;font-family:dinot-med}
.hero-details .god-strategy .item .cont .author-con .text .area-level{margin-top:.03rem}
.hero-details .god-strategy .item .cont .author-con .text .area-level span{display:inline-block;margin-right:.05rem;color:#ffffeb;font-size:.14rem}
.hero-details .god-strategy .item .cont .author-con .date{font-size:.14rem;color:#a09a8e;font-family:dinot-bold;position:absolute;top:50%;right:0;transform:translateY(-50%)}
.hero-details .god-strategy .item .cont .describe{font-size:.14rem;color:#fff5e0;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:.16rem}
.hero-details .god-strategy .item a{display:block;position:absolute;width:100%;height:100%;top:0;left:0}
.hero-details .data-screening{display:flex;font-size:0;margin-top:.4rem}
.hero-details .data-screening .left{display:inline-block;width:66%}
.hero-details .data-screening .left .rune-recommend{background-color:#041822;padding:.3rem .3rem .3rem;box-sizing:border-box;margin-bottom:.2rem}
.hero-details .data-screening .left .rune-recommend .title{font-size:.16rem;color:#fff;font-weight:700;line-height:1;border-bottom:.01rem solid #11242d;padding-bottom:.2rem}
.hero-details .data-screening .left .rune-recommend .title a{font-size:.14rem;color:#5e625a;float:right;margin-right:.25rem}
.hero-details .data-screening .left .rune-recommend .rune-item .rune-primary-wrap{width:38%}
.hero-details .data-screening .left .rune-recommend .rune-item .rune-wrap2{width:22%}
.hero-details .data-screening .left .equipment-recommend{display:flex;font-size:0;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap}
.hero-details .data-screening .left .equipment-recommend .box-equipment{width:calc(50% - .1rem)}
.hero-details .data-screening .left .equipment-recommend .box-equipment:nth-of-type(even){margin-left:.2rem}
.hero-details .data-screening .left .trend-chart{font-size:0}
.hero-details .data-screening .left .trend-chart .chart{display:inline-block;vertical-align:top;width:calc(50% - .1rem);height:3.43rem;background-color:#041822;margin-bottom:.2rem}
.hero-details .data-screening .left .trend-chart .chart:nth-of-type(even){margin-left:.2rem}
.hero-details .data-screening .left .trend-chart .chart .chart-wrap{width:4.45rem;height:2.1rem;margin-left:.38rem;margin-top:.4rem}
.hero-details .data-screening .right{width:33%;display:inline-block;vertical-align:top;margin-left:.2rem}
.hero-details .data-screening .right .strategy-wrap{background-color:#041822;box-sizing:border-box;padding:0 .3rem;margin-bottom:.2rem}
.hero-details .data-screening .right .strategy-wrap .title{font-size:.16rem;color:#fff;font-weight:700;line-height:1;border-bottom:.01rem solid #11242d;padding:.3rem 0 .2rem}
.hero-details .data-screening .right .strategy-wrap .title>a{font-size:.14rem;color:#5e625a;float:right}
.hero-details .data-screening .right .strategy-wrap .list{padding:.3rem 0}
.hero-details .data-screening .right .strategy-wrap .item{display:flex;justify-content:flex-start;align-items:center;position:relative}
.hero-details .data-screening .right .strategy-wrap .item+.item{margin-top:.2rem}
.hero-details .data-screening .right .strategy-wrap .item>a{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1}
.hero-details .data-screening .right .strategy-wrap .item .cover{width:1.3rem;height:.8rem;box-sizing:border-box;border:.01rem solid transparent;flex-shrink:0;transition:.3s}
.hero-details .data-screening .right .strategy-wrap .item .cover img{display:block;width:100%;height:100%;object-fit:cover}
.hero-details .data-screening .right .strategy-wrap .item .info{width:100%;height:.7rem;margin-left:.2rem;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}
.hero-details .data-screening .right .strategy-wrap .item .info .describe{width:100%;display:block;font-size:.16rem;text-align:left;overflow:hidden;letter-spacing:.01rem;line-height:1.4;color:#fff;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;transition:.3s}
.hero-details .data-screening .right .strategy-wrap .item .info .author-con{width:100%;font-size:.14rem;color:#7e807d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.01rem;display:flex;justify-content:space-between;align-items:center;transition:.3s}
.hero-details .data-screening .right .strategy-wrap .item:hover .cover{border-color:#b59758}
.hero-details .data-screening .right .strategy-wrap .item:hover .info .describe{color:#b59758}
.hero-details .data-screening .right .alignment-wrap{background-color:#041822;margin-bottom:.2rem}
.hero-details .data-screening .right .alignment-wrap .tab-con{font-size:0}
.hero-details .data-screening .right .alignment-wrap .tab-con a{display:inline-block;width:50%;height:.6rem;text-align:center;border:.01rem solid #11242d;background-color:#08212e;color:#5e625a;box-sizing:border-box;font-size:.16rem;line-height:.6rem;font-weight:700}
.hero-details .data-screening .right .alignment-wrap .tab-con a.on{border-color:transparent;background-color:transparent;color:#fff}
.hero-details .data-screening .right .alignment-wrap .tab-con a:hover{color:#fff}
.hero-details .data-screening .right .alignment-wrap .alignment-list{padding:.3rem;box-sizing:border-box}
.hero-details .data-screening .right .alignment-wrap .alignment-list .list-item{font-size:0;margin-bottom:.1rem;display:flex;justify-content:space-around;align-items:center}
.hero-details .data-screening .right .alignment-wrap .alignment-list .list-item .idx{display:inline-block;vertical-align:middle;width:.2rem;font-size:.18rem;color:#fff;font-family:dinot-bold}
.hero-details .data-screening .right .alignment-wrap .alignment-list .list-item .head-pic{display:inline-block;vertical-align:middle;width:.48rem;height:.48rem;border:.01rem solid #303436;background-color:#0b0814;border-radius:50%;text-align:center;overflow:hidden;line-height:.6rem;flex-shrink:0}
.hero-details .data-screening .right .alignment-wrap .alignment-list .list-item .head-pic img{max-height:100%;max-width:100%;object-fit:cover;vertical-align:middle}
.hero-details .data-screening .right .alignment-wrap .alignment-list .list-item .progress-box{position:relative;display:inline-block;vertical-align:middle;width:48%;height:.2rem;background-color:#202831}
.hero-details .data-screening .right .alignment-wrap .alignment-list .list-item .progress-box .progress-bar{width:0%;height:100%;background-color:#1dbaa9;transition:width .6s}
.hero-details .data-screening .right .alignment-wrap .alignment-list .list-item .progress-box span{position:absolute;line-height:.2rem;font-size:.12rem;color:#111419;font-family:dinot-bold;left:.1rem;top:0}
.hero-details .data-screening .right .alignment-wrap .alignment-list .list-item a{font-size:.14rem;color:#fff5e0;width:1rem;text-align:center;line-height:2}
.hero-details .data-screening .right .alignment-wrap .alignment-list .list-item a:hover{color:#9c8250}
.hero-details .data-screening .right .double-wrap .list-item .idx{width:.2rem;font-size:.18rem;color:#fff5e0;font-family:dinot-bold}
.hero-details .data-screening .right .double-wrap .list-item .hero-box{width:2.88rem;font-size:0;display:flex;justify-content:flex-start;align-items:center;cursor:pointer}
.hero-details .data-screening .right .double-wrap .list-item .hero-pic{width:.48rem;height:.48rem;box-sizing:border-box;border:.01rem solid #303436;background-color:#0b0814;border-radius:50%;text-align:center;overflow:hidden;margin-left:.1rem;flex-shrink:0}
.hero-details .data-screening .right .double-wrap .list-item .hero-pic>img{display:block;width:100%;height:100%}
.hero-details .data-screening .right .double-wrap .list-item .name{width:100%;font-size:.16rem;color:#5e625a;font-family:dinot-bold;margin-left:.1rem}
.hero-details .data-screening .right .recommend-skill-cont .skill-add{height:.79rem;width:100%;margin-top:.4rem}
.hero-details .data-screening .right .recommend-skill-cont .skill-add tr td{border:.01rem solid #313537;width:.3rem;height:50%;font-size:.14rem;color:#5e625a;font-family:dinot-bold;text-align:center}
.hero-details .data-screening .right .recommend-skill-cont .skill-add tr td.gold{color:#b59758}
.hero-details .data-screening .right .summoner-ranking{width:5.2rem;height:5rem;background-color:#161a20;margin-bottom:.2rem;padding:.4rem .4rem 0;box-sizing:border-box;line-height:1}
.hero-details .data-screening .right .summoner-ranking p{color:#fff5e0;font-size:.2rem}
.hero-details .data-screening .right .summoner-ranking .rank-list{border-top:.01rem solid #212529;margin-top:.4rem;padding-top:.4rem}
.hero-details .data-screening .right .summoner-ranking .rank-list .list-item{margin-bottom:.2rem}
.hero-details .data-screening .right .summoner-ranking .rank-list .list-item .idx{display:inline-block;vertical-align:middle;width:.1rem;font-family:dinot-bold;color:#fff5e0;font-size:.2rem}
.hero-details .data-screening .right .summoner-ranking .rank-list .list-item .head-pic{display:inline-block;vertical-align:middle;margin-left:.39rem;width:.48rem;height:.48rem;overflow:hidden}
.hero-details .data-screening .right .summoner-ranking .rank-list .list-item .head-pic img{width:100%;height:100%;object-fit:cover}
.hero-details .data-screening .right .summoner-ranking .rank-list .list-item .name{display:inline-block;vertical-align:middle;width:1.8rem;font-family:dinot-bold;color:#fff5e0;font-size:.2rem;margin-left:.19rem}
.hero-details .data-screening .right .summoner-ranking .rank-list .list-item .match{display:inline-block;vertical-align:middle;color:#5e625a;font-size:.2rem;margin-left:.46rem}
.hero-details .data-screening .right .summoner-ranking .rank-list .list-item .match i{font-family:dinot-bold;font-style:normal;display:inline-block;margin-right:.05rem}
.hero-details .equipment-wrap{display:flex;max-width:10.24rem;margin-top:.4rem;font-size:0;justify-content:flex-start;align-items:flex-start}
.hero-details .equipment-wrap .left{display:block;width:100%}
.hero-details .equipment-wrap .right{display:block;width:100%;margin-left:.2rem}
.hero-details .equipment-wrap .right .other-equipment{width:100%;padding:.3rem;box-sizing:border-box;background-color:#041822;line-height:1;margin-bottom:.2rem}
.hero-details .equipment-wrap .right .other-equipment .head{padding-bottom:.2rem;border-bottom:.01rem solid #11242d}
.hero-details .equipment-wrap .right .other-equipment .rec-text{width:2rem;display:inline-block;vertical-align:top;color:#fff5e0;font-size:.16rem;margin-right:.78rem}
.hero-details .equipment-wrap .right .other-equipment .onstage-text{text-align:center;display:inline-block;vertical-align:middle;width:.6rem;color:#5e625a;font-size:.14rem;margin-right:.32rem}
.hero-details .equipment-wrap .right .other-equipment .win-text{text-align:right;display:inline-block;vertical-align:middle;width:.5rem;color:#5e625a;font-size:.14rem}
.hero-details .equipment-wrap .right .other-equipment .equipment-list{margin-top:.2rem}
.hero-details .equipment-wrap .right .other-equipment .equipment-list .list-item{font-size:0;margin-bottom:.15rem}
.hero-details .equipment-wrap .right .other-equipment .equipment-list .list-item:nth-last-of-type(1){margin-bottom:0}
.hero-details .equipment-wrap .right .other-equipment .equipment-list .list-item .equipment-box{width:2.1rem;font-size:0;display:inline-block;vertical-align:middle;margin-right:.68rem}
.hero-details .equipment-wrap .right .other-equipment .equipment-list .list-item .equipment-box .equipment{display:inline-block;margin-right:.1rem;width:.5rem;height:.5rem;border:.01rem solid #313537;overflow:hidden;margin-bottom:.05rem}
.hero-details .equipment-wrap .right .other-equipment .equipment-list .list-item .equipment-box .equipment img{width:100%;height:100%;object-fit:cover}
.hero-details .equipment-wrap .right .other-equipment .equipment-list .list-item .equipment-box .equipment:nth-of-type(3n){margin-right:0}
.hero-details .equipment-wrap .right .other-equipment .equipment-list .list-item .equipment-box .equipment+.equipment+.equipment+.equipment{margin-bottom:0}
.hero-details .equipment-wrap .right .other-equipment .equipment-list .list-item .onstage-text{text-align:center;display:inline-block;vertical-align:middle;font-family:dinot-bold;width:.56rem;color:#1dbaa9;font-size:.18rem;margin-right:.32rem;line-height:.6rem}
.hero-details .equipment-wrap .right .other-equipment .equipment-list .list-item .win-text{text-align:right;display:inline-block;vertical-align:middle;font-family:dinot-bold;width:.5rem;line-height:.6rem;font-size:.18rem;color:#9c8250}
.hero-details .rune-container{display:flex;margin-top:.4rem;width:100%;display:flex;flex-direction:column}
.hero-details .rune-container .rune-item{padding:.3rem 0 .5rem .3rem;border:.01rem solid;margin-bottom:.2rem;transition:all linear .2s;height:1.46rem}
.hero-details .rune-container .rune-item:hover{border:.01rem solid #c38f2c}
.hero-details.hero-details-fight .rune-container .rune-item{padding:.3rem .3rem .5rem}
.hero-details .restraint-container{margin-top:.4rem;display:flex}
.hero-details .restraint-container .left{display:block;width:100%;background-color:#041822;padding-top:.6rem}
.hero-details .restraint-container .left .hero-vs-con{font-size:0;text-align:center;position:relative;display:flex;justify-content:center;align-items:flex-start;height:1.55rem}
.hero-details .restraint-container .left .hero-vs-con .hero-vs-icon{position:absolute;top:50%;left:50%;background:url(//game.gtimg.cn/images/lol/lolstrategy/vs.png) center top no-repeat;background-size:100% 100%;width:.68rem;height:.68rem;z-index:2;transform:translate3d(-50%,-50%,0)}
.hero-details .restraint-container .left .hero-vs-con .blue,.hero-details .restraint-container .left .hero-vs-con .red{display:inline-block;vertical-align:top;width:100%;height:1.17rem;display:inline-flex;justify-content:center;align-items:center}
.hero-details .restraint-container .left .hero-vs-con .blue .player-use-details .name,.hero-details .restraint-container .left .hero-vs-con .red .player-use-details .name{font-size:.14rem;color:#fff5e0}
.hero-details .restraint-container .left .hero-vs-con .blue .player-use-details .win-chance,.hero-details .restraint-container .left .hero-vs-con .red .player-use-details .win-chance{font-family:dinot-bold;margin-top:.1rem;margin-bottom:.04rem;color:#fff;font-size:.14rem}
.hero-details .restraint-container .left .hero-vs-con .blue .player-use-details .win-chance span,.hero-details .restraint-container .left .hero-vs-con .red .player-use-details .win-chance span{font-size:.2rem}
.hero-details .restraint-container .left .hero-vs-con .blue .player-use-details .text,.hero-details .restraint-container .left .hero-vs-con .red .player-use-details .text{font-size:.12rem;color:#fff}
.hero-details .restraint-container .left .hero-vs-con .blue .img-box,.hero-details .restraint-container .left .hero-vs-con .red .img-box{position:relative;float:right}
.hero-details .restraint-container .left .hero-vs-con .blue .img-box img,.hero-details .restraint-container .left .hero-vs-con .red .img-box img{width:1.2rem;height:1.2rem;box-sizing:content-box;border-radius:50%}
.hero-details .restraint-container .left .hero-vs-con .blue .img-box .posi,.hero-details .restraint-container .left .hero-vs-con .red .img-box .posi{position:absolute;width:.28rem;height:.28rem;box-sizing:border-box;border-radius:50%;background-color:#040a14;bottom:0;left:50%;transform:translate(-50%,50%);text-align:center;line-height:.4rem;display:flex;justify-content:center;align-items:center}
.hero-details .restraint-container .left .hero-vs-con .blue .img-box .posi i,.hero-details .restraint-container .left .hero-vs-con .red .img-box .posi i{display:block;transform:scale(.8)}
.hero-details .restraint-container .left .hero-vs-con .red{background:url(//game.gtimg.cn/images/lol/lolstrategy/red-bg.png) top right no-repeat;background-size:100% 100%;transform:translateX(11%);align-self:flex-start}
.hero-details .restraint-container .left .hero-vs-con .red .player-use-details{text-align:right;padding-right:.3rem}
.hero-details .restraint-container .left .hero-vs-con .red .img-box{align-self:flex-start;transform:translateY(.05rem)}
.hero-details .restraint-container .left .hero-vs-con .red .img-box img{border:.06rem solid #f32643}
.hero-details .restraint-container .left .hero-vs-con .red .img-box .posi{border:.02rem solid #f32643}
.hero-details .restraint-container .left .hero-vs-con .blue{background:url(//game.gtimg.cn/images/lol/lolstrategy/blue-bg.png) top left no-repeat;background-size:100% 100%;transform:translateX(-11%);align-self:flex-end}
.hero-details .restraint-container .left .hero-vs-con .blue .player-use-details{text-align:left;padding-left:.3rem}
.hero-details .restraint-container .left .hero-vs-con .blue .img-box{align-self:flex-end;transform:translateY(-.24rem)}
.hero-details .restraint-container .left .hero-vs-con .blue .img-box img{border:.06rem solid #1575eb}
.hero-details .restraint-container .left .hero-vs-con .blue .img-box .posi{border:.02rem solid #1575eb}
.hero-details .restraint-container .left .data-table{margin-top:.8rem}
.hero-details .restraint-container .left .data-table .item{height:.54rem;line-height:.54rem;border-top:1px solid #11242d;text-align:center;text-align:center;position:relative}
.hero-details .restraint-container .left .data-table .item>.arrow-left{width:0;height:0;border-left:.06rem solid transparent;border-right:.06rem solid transparent;border-bottom:.12rem solid #f32643;position:absolute;left:2rem;top:50%;transform:translateY(-50%)}
.hero-details .restraint-container .left .data-table .item>.arrow-right{width:0;height:0;border-left:.06rem solid transparent;border-right:.06rem solid transparent;border-bottom:.12rem solid #1575eb;position:absolute;right:2rem;top:50%;transform:translateY(-50%)}
.hero-details .restraint-container .left .data-table .item span{display:inline-block;vertical-align:top;width:1rem;font-size:.14rem;color:#f32643;font-family:dinot-bold}
.hero-details .restraint-container .left .data-table .item span i{font-style:normal;font-size:.2rem}
.hero-details .restraint-container .left .data-table .item span+span{width:2.7rem;font-size:.14rem;color:#5e625a;border-left:1px solid #24282c;border-right:1px solid #24282c}
.hero-details .restraint-container .left .data-table .item span+span+span{display:inline-block;vertical-align:top;width:1rem;color:#1575eb;border-width:0;font-family:dinot-bold}
.hero-details .restraint-container .left .data-table .item span+span+span i{font-style:normal}
.hero-details .restraint-container .left .data-table .item:last-child{border-bottom:1px solid #24282c}
.hero-details .restraint-container .right{width:4rem;margin-left:.2rem;display:block}
.hero-details .restraint-container .right .head{height:.7rem;line-height:.7rem;border:1px solid #212529;padding-left:2.23rem;box-sizing:border-box;background-color:#041822}
.hero-details .restraint-container .right .head span{display:inline-block;width:.5rem;color:#5e625a;font-size:.14rem;text-align:center}
.hero-details .restraint-container .right .head span+span{margin-left:.3rem}
.hero-details .restraint-container .right .alignment-scroll{background-color:#041822;min-height:8.24rem;height:calc(100vh - 4.2rem);overflow-y:scroll;overflow-x:hidden}
.hero-details .restraint-container .right .alignment-scroll ul{width:100%}
.hero-details .restraint-container .right .alignment-scroll ul li{height:.92rem;border-bottom:1px solid #11242d;display:flex;display:-webkit-flex;align-items:center;position:relative}
.hero-details .restraint-container .right .alignment-scroll ul li.active::after,.hero-details .restraint-container .right .alignment-scroll ul li:hover::after{display:block;position:absolute;content:'';width:99%;height:99%;border:1px solid #b59758;top:0;left:0;pointer-events:none}
.hero-details .restraint-container .right .alignment-scroll ul li a{display:block;position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}
.hero-details .restraint-container .right .alignment-scroll ul li .head-pic{width:.5rem;height:.5rem;border:1px solid #303436;border-radius:50%;overflow:hidden;margin-left:.3rem}
.hero-details .restraint-container .right .alignment-scroll ul li .head-pic img{width:100%;height:100%;border-radius:50%}
.hero-details .restraint-container .right .alignment-scroll ul li .name{width:1.3rem;color:#fff5e0;margin-left:.1rem}
.hero-details .restraint-container .right .alignment-scroll ul li .name p{font-size:.16rem;line-height:1.5}
.hero-details .restraint-container .right .alignment-scroll ul li .name p+p{font-size:.14rem;color:#7e807d}
.hero-details .restraint-container .right .alignment-scroll ul li .win-chance{display:inline-block;width:.5rem;color:#1dbaa9;font-size:.14rem;text-align:center;font-family:dinot-bold;margin-right:.3rem}
.hero-details .restraint-container .right .alignment-scroll ul li .win-chance i{font-style:normal}
.hero-details .restraint-container .right .alignment-scroll ul li .onstage-chance{display:inline-block;width:.5rem;color:#9c8250;font-size:.14rem;text-align:center;font-family:dinot-bold}
.hero-details .data-curve{margin-top:.4rem;display:flex;flex-wrap:wrap}
.hero-details .data-curve .curve-container{width:100%;height:3.21rem;padding:.3rem .3rem 0;box-sizing:border-box;margin-bottom:.2rem;background-color:#041822}
.hero-details .data-curve .curve-container>p{color:#fff5e0;font-size:.16rem;line-height:1;padding-bottom:.3rem;border-bottom:.01rem solid #11242d}
.hero-details .data-curve .curve-container .curvebox{width:100%;height:2.2rem}
/*!***************皮肤统计*******************/
.skin-statistics{position:relative;padding:.68rem .8rem;box-sizing:border-box;min-height:100%;max-width:25.6rem;float:left}
.skin-statistics .skin-list{margin-top:.61rem}
.skin-statistics .skin-list .list-item{width:2.5rem;height:3.05rem;margin-right:.3rem;margin-bottom:.3rem;overflow:hidden;position:relative;display:inline-block;vertical-align:top}
.skin-statistics .skin-list .list-item img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.skin-statistics .skin-list .list-item .posi{position:relative;width:.26rem;height:.26rem;background-color:rgba(0,9,19,.8);text-align:center;line-height:.26rem;margin-top:.1rem;margin-left:.1rem}
.skin-statistics .skin-list .list-item .posi i{display:inline-block;vertical-align:middle}
.skin-statistics .skin-list .list-item .name{position:absolute;line-height:.55rem;height:.55rem;width:100%;text-align:center;font-size:.2rem;color:#fff5e0;background-color:#111419;bottom:0;left:0}
.skin-statistics .skin-list .list-item a{position:absolute;display:block;width:100%;height:100%;top:0;left:0}
.skin-statistics .skin-list .list-item.new .posi::after{position:absolute;content:'';display:block;width:.12rem;height:.12rem;background-color:#ff312c;border-radius:50%;top:-.05rem;right:-.05rem}
.skin-details{box-sizing:border-box;min-height:100%;width:100%;margin:auto}
.skin-details .bg{position:absolute;width:100%;height:100%;top:0;left:-.69rem;pointer-events:none;z-index:0}
.skin-details .bg img{width:100%;height:100%;object-fit:cover;filter:blur(.22rem)}
.skin-details .cont{position:relative;width:100%;height:calc(100vh - 5rem);margin-top:.4rem}
.skin-details .cont .gallery-swiper{display:inline-block;vertical-align:top;width:100%;height:100%}
.skin-details .cont .gallery-swiper .gallery-top{width:100%;height:100%}
.skin-details .cont .gallery-swiper .gallery-top .swiper-slide{background:#041822}
.skin-details .cont .gallery-swiper .gallery-top .swiper-slide img{width:100%;height:100%;object-fit:contain;object-position:center center}
.skin-details .cont .gallery-swiper .gallery-top .swiper-slide p{font-size:.22rem;line-height:1;color:#fff5e0;position:absolute;bottom:.24rem;left:.24rem}
.skin-details .cont .gallery-swiper .gallery-top .swiper-slide .btn{position:absolute;bottom:.26rem;right:.2rem}
.skin-details .cont .gallery-swiper .gallery-top .swiper-slide .btn a{text-align:center;display:inline-block;margin-left:.1rem;padding:.06rem;border:.01rem solid rgba(104,94,87,.6);background-color:rgba(0,0,0,.2);font-family:dinot-bold;color:#685e57;font-size:.14rem}
.skin-details .cont .gallery-swiper .gallery-top .swiper-slide .btn a i{display:inline-block;vertical-align:middle;width:.12rem;height:.12rem;background:url(//game.gtimg.cn/images/lol/lolstrategy/download-icon.png) top center no-repeat;background-size:100% 100%;margin-right:.03rem;margin-top:-.03rem}
.skin-details .cont .gallery-swiper .gallery-top .swiper-slide .btn a:hover{border:.01rem solid #fff5e0;background-color:#fff5e0;color:#251c20}
.skin-details .cont .gallery-swiper .gallery-top .swiper-slide .btn a:hover i{background:url(//game.gtimg.cn/images/lol/lolstrategy/download-icon2.png) top center no-repeat;background-size:100% 100%}
.skin-details .cont .skin-appreciate{display:inline-block;vertical-align:top;width:4.3rem;margin-top:1.13rem;margin-left:.4rem}
.skin-details .cont .skin-appreciate .title{font-size:.2rem;color:#b59758;border-bottom:1px solid #313537;padding-bottom:.2rem}
.skin-details .cont .skin-appreciate .item{padding-top:.2rem;border-bottom:1px solid #313537;position:relative}
.skin-details .cont .skin-appreciate .item:hover .desc{color:#b59758}
.skin-details .cont .skin-appreciate .item .desc{font-size:.2rem;color:#fff5e0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:.2rem}
.skin-details .cont .skin-appreciate .item .author-pub{font-family:dinot-bold;font-size:.16rem;color:#5e625a;margin-bottom:.2rem}
.skin-details .cont .skin-appreciate .item .author-pub span{display:inline-block;margin-right:.2rem}
.skin-details .cont .skin-appreciate .item .price{margin-bottom:.2rem}
.skin-details .cont .skin-appreciate .item .price i{display:inline-block;vertical-align:middle;margin-right:.05rem}
.skin-details .cont .skin-appreciate .item .price span{display:inline-block;vertical-align:middle;font-size:.18rem;color:#b59758;font-family:dinot-bold}
.skin-details .cont .skin-appreciate .item a{display:block;position:absolute;width:100%;height:100%;top:0;left:0}
.skin-details .cont .skin-appreciate .btn-contribution{display:block;width:1.14rem;height:.4rem;background-color:#b59758;text-align:center;line-height:.4rem;color:#040a14;font-size:.2rem;margin:.2rem auto 0}
.skin-details .thumbs-con{margin-top:.4rem;width:100%;text-align:center;position:relative}
.skin-details .thumbs-con .thumbs-swiper-button-next{vertical-align:middle;margin-left:.2rem;display:inline-block;width:.33rem;height:.23rem;background:url(//game.gtimg.cn/images/lol/lolstrategy/thumbs-swiper-button-next.png) top center no-repeat;background-size:100% 100%;cursor:pointer}
.skin-details .thumbs-con .thumbs-swiper-button-prev{vertical-align:middle;margin-right:.2rem;display:inline-block;width:.33rem;height:.23rem;background:url(//game.gtimg.cn/images/lol/lolstrategy/thumbs-swiper-button-prev.png) top center no-repeat;background-size:100% 100%;cursor:pointer}
.skin-details .thumbs-con .swiper-button-disabled{filter:brightness(.5)}
.skin-details .gallery-thumbs{max-width:9rem;height:1.02rem;display:inline-block;vertical-align:middle}
.skin-details .gallery-thumbs .swiper-slide{width:1.62rem!important;height:.96rem;cursor:pointer}
.skin-details .gallery-thumbs .swiper-slide:after{position:absolute;content:'';display:block;width:100%;height:100%;box-sizing:border-box;border:.01rem solid #161a20;background-color:rgba(17,20,25,.7);top:0;left:0;pointer-events:none}
.skin-details .gallery-thumbs .swiper-slide img{width:100%;height:100%;object-fit:cover;pointer-events:none}
.skin-details .gallery-thumbs .swiper-slide-thumb-active:after{background-color:rgba(17,20,25,0);border:.01rem solid #b59758}
.flow-ele{width:6.72rem;max-width:max-content;min-width:3.72rem;border:.01rem solid #5d4f30;padding:.2rem;background-color:#041822;box-sizing:border-box;z-index:99}
.flow-ele .prop-info{line-height:1}
.flow-ele .prop-info .prop-box{width:.64rem;height:.64rem;background-color:#010101;display:inline-block;vertical-align:middle;position:relative;margin-right:.2rem}
.flow-ele .prop-info .prop-box img{max-width:100%;max-height:100%;object-fit:cover;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}
.flow-ele .prop-info span{font-size:.2rem;color:#fff5e0;display:inline-block;vertical-align:middle}
.flow-ele .prop-desc{font-size:.2rem;color:#5e625a;margin-top:.2rem;line-height:1.2}
.flow-ele::after{content:'';position:absolute;display:block;width:.16rem;height:.14rem;background-image:url(//game.gtimg.cn/images/lol/lolstrategy/popflow-border.png);background-size:cover;bottom:-.1rem;left:50%;transform:translateX(-50%)}
.flow-ele.reverse::after{width:.16rem;height:.14rem;top:-.09rem;left:50%;transform:translateX(-50%) rotate(180deg)}
.rune-flow,.skill-flow{background-color:#041822;border:1px solid #5d4f30;padding:.2rem;min-width:2.6rem;max-width:3.9rem;z-index:99}
.rune-flow .title,.skill-flow .title{color:#deb762;font-size:.18rem;margin-bottom:.2rem}
.rune-flow .title span,.skill-flow .title span{display:inline-block;font-size:.14rem;color:#707271;margin-left:.2rem}
.rune-flow .title span .price,.skill-flow .title span .price{color:#c3a259}
.rune-flow .title span i,.skill-flow .title span i{display:inline-block;vertical-align:middle;margin-top:-.03rem;margin-left:.05rem}
.rune-flow .line,.skill-flow .line{width:100%;position:relative;height:.01rem;background-color:#565959}
.rune-flow .line::after,.skill-flow .line::after{position:absolute;content:'';display:block;top:-.04rem;left:0;width:.07rem;height:.07rem;border:.01rem solid #565959;background-color:#161a20;transform:rotate(45deg)}
.rune-flow .skill-info,.skill-flow .skill-info{margin-top:.28rem}
.rune-flow .skill-info p,.skill-flow .skill-info p{font-size:.16rem;color:#484b4d}
.rune-flow .desc,.skill-flow .desc{font-size:.18rem;color:#7e807d;margin-top:.2rem;white-space:pre-wrap}
.equipment-flow{background-color:#041822;border:1px solid #5d4f30;padding:0 .2rem .2rem;min-width:4.5rem;max-width:7rem;z-index:99}
.equipment-flow .title{color:#deb762;font-size:.18rem;padding:.2rem 0}
.equipment-flow .title span{display:inline-block;font-size:.14rem;color:#707271;margin-left:.2rem}
.equipment-flow .title span .price{color:#c3a259}
.equipment-flow .title span i{display:inline-block;vertical-align:middle;margin-top:-.03rem;margin-left:.05rem}
.equipment-flow .m-title{color:#deb762;font-size:.18rem;line-height:1.2;margin-top:.3rem}
.equipment-flow .line{width:100%;position:relative;height:.01rem;background-color:#565959}
.equipment-flow .line::after{position:absolute;content:'';display:block;top:-.04rem;left:0;width:.07rem;height:.07rem;border:.01rem solid #565959;background-color:#161a20;transform:rotate(45deg)}
.equipment-flow .desc{font-size:.18rem;color:#7e807d;margin-top:.2rem;margin-bottom:.25rem;white-space:pre-line}
.equipment-flow .synthesis-con{text-align:center;padding:.1rem .25rem}
.equipment-flow .synthesis-con .floor2{margin-top:.39rem;position:relative}
.equipment-flow .synthesis-con .compose3 .hline{position:absolute;display:block;height:.01rem;width:2.88rem;background-color:#616466;top:-.21rem;left:50%;transform:translateX(-50%)}
.equipment-flow .synthesis-con .compose3>.imgs{width:1.41rem}
.equipment-flow .synthesis-con .compose3 .floor3{margin-top:.38rem;display:flex;position:relative;justify-content:space-between}
.equipment-flow .synthesis-con .compose3 .floor3 .hline{position:absolute;display:block;height:.01rem;width:.96rem;background-color:#616466;top:-.21rem;left:50%;transform:translateX(-50%)}
.equipment-flow .synthesis-con .compose2 .hline{position:absolute;display:block;height:.01rem;width:2.04rem;background-color:#616466;top:-.21rem;left:50%;transform:translateX(-50%)}
.equipment-flow .synthesis-con .compose2>.imgs{width:1.41rem;margin:0 .3rem}
.equipment-flow .synthesis-con .compose2 .floor3{margin-top:.38rem;display:flex;position:relative;justify-content:space-between}
.equipment-flow .synthesis-con .compose2 .floor3 .hline{position:absolute;display:block;height:.01rem;width:.99rem;background-color:#616466;top:-.21rem;left:50%;transform:translateX(-50%)}
.equipment-flow .synthesis-con .single .floor3{justify-content:center}
.equipment-flow .synthesis-con .imgs{position:relative;display:inline-block;vertical-align:top;width:.44rem}
.equipment-flow .synthesis-con .imgs img{display:block;margin:0 auto;width:.44rem;height:.44rem}
.equipment-flow .synthesis-con .topline::before{position:absolute;content:'';display:block;width:1px;height:16px;background-color:#616466;left:50%;top:-.21rem}
.from-link-box{display:inline-flex;justify-content:space-between;align-items:flex-start;position:relative;width:100%;box-sizing:border-box;padding-top:.16rem}
.from-link-box:before{content:'';position:absolute;left:50%;transform:translateX(-50%);top:0;background:#616466;width:2px;height:.16rem}
.from-link-box:after{content:'';width:calc(100% - .44rem);position:absolute;left:50%;transform:translateX(-50%);top:.16rem;height:2px;background:#616466}
.from-link-box>.img-box{position:relative;flex-shrink:0;display:inline-flex;justify-content:flex-start;align-items:center;flex-direction:column;padding:0}
.from-link-box>.img-box:before{content:'';width:2px;height:.16rem;background:#616466}
.from-link-box>.img-box .cover{width:.44rem;height:.44rem;flex-shrink:0;object-fit:contain;position:relative;z-index:1;background-size:100% 100%}
.from-link-box>.img-box img{width:.44rem;height:.44rem;flex-shrink:0;object-fit:contain;position:relative;z-index:1}
.from-link-box.compose1{width:100%}
.from-link-box.compose1:after{width:.02rem}
.from-link-box.compose1>.img-box{width:100%}
.from-link-box.compose2{width:100%}
.from-link-box.compose2:after{width:50%}
.from-link-box.compose2>.img-box{width:50%}
.from-link-box.compose3{width:100%}
.from-link-box.compose3:after{width:66.6666%}
.from-link-box.compose3>.img-box{width:33.3333%}
.sync-info-towegame{position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.5);z-index:99}
.sync-info-towegame .container{position:absolute;text-align:center;width:5.74rem;height:3.66rem;background-color:#161a20;border:.01rem solid #5d4f30;top:50%;left:50%;transform:translate(-50%,-50%)}
.sync-info-towegame .container h1{line-height:1;color:#deb762;font-size:.26rem;margin-top:.58rem}
.sync-info-towegame .container .content{height:1.4rem;font-size:.18rem;color:#7e807d;margin-top:.4rem}
.sync-info-towegame .container .content img{display:block;margin:1rem auto .15rem}
.sync-info-towegame .container .solid{display:inline-block;font-size:.16rem;color:#161a20;text-decoration:none;padding-top:.04rem;box-sizing:border-box;line-height:.44rem}
.sync-info-towegame .container .solid-s{display:inline-block;font-size:.16rem;color:#161a20;text-decoration:none;padding-top:.04rem;box-sizing:border-box;line-height:.44rem;margin-left:.2rem}
.sync-info-towegame .container .hollow{display:inline-block;font-size:.16rem;color:#deb762;text-decoration:none;padding-top:.04rem;box-sizing:border-box;line-height:.44rem}
.sync-info-towegame .container .hollow-s{display:inline-block;font-size:.16rem;color:#deb762;text-decoration:none;padding-top:.04rem;box-sizing:border-box;line-height:.44rem}
.component-dialog{z-index:1000;transition:.3s}
.label-que{color:#ab8f54;font-size:.2rem;padding:0;display:inline-flex;justify-content:center;align-items:center;text-align:center;background-color:#191d24;border-radius:50%;height:.3rem!important;width:.3rem!important;cursor:pointer;position:relative;flex-shrink:1}
.label-que .tips{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}
.label-que:hover .tips{transform:translateX(-50%) translateY(0) scale(1);opacity:1}
.fade-enter-active,.fade-leave-active{transition:opacity .5s}
.fade-enter,.fade-leave-to{opacity:0}
.fade-slow-enter-active,.fade-slow-leave-active{transition:opacity 1s}
.fade-slow-enter,.fade-slow-leave-to{opacity:0}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){
body,html{overflow:hidden}
.app-main{width:calc(100% - 1.78rem)}
.page-champion .champion-item-pic .blur-img{display:none}
}
@media screen and (max-width:1920px){
.app-main-container{padding:.4rem .46rem}
}
@media screen and (max-width:1600px){
.main-container{position:relative;min-height:calc(100% - .6rem)}
.app-main-container{padding:.4rem .46rem}
.app-left-menu{width:148px}
.app-left-menu .left-menu-item{padding-left:30px}
.app-left-menu .left-menu-item .item-name{font-size:14px}
.app-left-menu .left-menu-item::after{left:.3rem}
.main-top-menu{left:148px;width:calc(100% - 148px)}
}