.dataItemRank .m-tab-list-second .icon-arrow,.dataItemRank .m-tab-list-second>a p:after,.dataItemRank .m-tab-list-second>a.on p:after,.echarts-down,.echarts-etc,.echarts-up,.icon-arrow-bottom-gold,.icon-arrow-bottom-gray,.icon-arrow-down,.icon-arrow-right-gray,.icon-arrow-up,.icon-close,.icon-close2,.icon-decorate-left,.icon-decorate-right,.icon-mark,.icon-polo-gold,.icon-pos-bot,.icon-pos-bot-h,.icon-pos-jungle,.icon-pos-jungle-h,.icon-pos-mid,.icon-pos-mid-h,.icon-pos-sup,.icon-pos-sup-h,.icon-pos-top,.icon-pos-top-h,.icon-rank-1,.icon-rank-2,.icon-rank-3,.icon-rotate,.icon-search,.icon-wrench,.line-1,.m-btn-eturn,.m-btn-open,.m-btn-retract,.m_spr,.sort-ascend,.sort-descend,.sort-none,.vs-frame,th.ascend:after,th.descend:after,th[data-tsorter]:after{background-image:url(//game.gtimg.cn/images/lol/guides/m/m_spr.png);background-size:686px 134px;background-repeat:no-repeat}
.echarts-down{background-position:-669px -14px;width:13px;height:7px}
.echarts-etc{background-position:-651px -14px;width:13px;height:7px}
.echarts-up{background-position:-633px -14px;width:13px;height:7px}
.icon-arrow-bottom-gold{background-position:-372px -33px;width:17px;height:15px}
.icon-arrow-bottom-gray{background-position:-564px -14px;width:18px;height:11px}
.dataItemRank .m-tab-list-second .icon-arrow,.dataItemRank .m-tab-list-second>a p:after,.icon-arrow-down{background-position:-610px -14px;width:18px;height:10px}
.icon-arrow-right-gray{background-position:-504px -86px;width:14px;height:18px}
.dataItemRank .m-tab-list-second>a.on p:after,.icon-arrow-up{background-position:-587px -14px;width:18px;height:10px}
.icon-close{background-position:-359px -86px;width:24px;height:24px}
.icon-close2{background-position:-103px -86px;width:30px;height:32px}
.icon-decorate-left{background-position:-468px -14px;width:91px;height:14px}
.icon-decorate-right{background-position:-372px -14px;width:91px;height:14px}
.icon-mark{background-position:-66px -86px;width:32px;height:32px}
.icon-polo-gold{background-position:-232px -14px;width:45px;height:42px}
.icon-pos-bot-h{background-position:-301px -86px;width:24px;height:24px}
.icon-pos-bot{background-position:-330px -86px;width:24px;height:24px}
.icon-pos-jungle-h{background-position:-204px -86px;width:26px;height:28px}
.icon-pos-jungle{background-position:-173px -86px;width:26px;height:28px}
.icon-pos-mid-h{background-position:-475px -86px;width:24px;height:24px}
.icon-pos-mid{background-position:-446px -86px;width:24px;height:24px}
.icon-pos-sup-h{background-position:-235px -86px;width:28px;height:24px}
.icon-pos-sup{background-position:-268px -86px;width:28px;height:24px}
.icon-pos-top-h{background-position:-388px -86px;width:24px;height:24px}
.icon-pos-top{background-position:-417px -86px;width:24px;height:24px}
.icon-rank-1{background-position:-73px -14px;width:48px;height:48px}
.icon-rank-2{background-position:-179px -14px;width:48px;height:48px}
.icon-rank-3{background-position:-126px -14px;width:48px;height:48px}
.icon-rotate{background-position:-394px -33px;width:14px;height:15px}
.icon-search{background-position:-138px -86px;width:30px;height:30px}
.icon-wrench{background-position:-29px -86px;width:32px;height:33px}
.line-1{background-position:0 0;width:686px;height:9px}
.m-btn-eturn{background-position:0 -86px;width:24px;height:48px}
.m-btn-open{background-position:-327px -14px;width:40px;height:40px}
.m-btn-retract{background-position:-282px -14px;width:40px;height:41px}
.sort-ascend{background-position:-413px -33px;width:9px;height:14px}
.sort-descend{background-position:-427px -33px;width:9px;height:14px}
.sort-none{background-position:-441px -33px;width:8px;height:13px}
.vs-frame{background-position:0 -14px;width:68px;height:67px}
.icon-f-arrow-left,.icon-f-arrow-top,.icon-f-refresh,.icon-f-share,.m_footer{background-image:url(//game.gtimg.cn/images/lol/guides/m/m_footer.png);background-size:79px 75px;background-repeat:no-repeat}
.icon-f-arrow-left{background-position:-42px 0;width:37px;height:22px}
.icon-f-arrow-top{background-position:-42px -27px;width:22px;height:37px}
.icon-f-refresh{background-position:0 -38px;width:30px;height:37px}
.icon-f-share{background-position:0 0;width:37px;height:33px}
.m-search{width:686px;background:#f0f3f7;border-radius:10px;height:72px;margin:40px auto 0;display:flex;display:-webkit-flex;justify-content:space-between;position:relative}
.m-search .icon-search{position:absolute;left:0;top:0;display:inline-block;margin:22px 0 22px 40px}
.m-search span{color:#97a9ac;font-size:22px;line-height:76px;display:inline-block;margin-left:80px}
.m-search-supernatant{height:100vh;width:100%;position:fixed;top:0;left:0;background:#fff;z-index:999;overflow-y:scroll;transform:translateY(100%)}
.m-search-supernatant.on{transition:.3s;transform:translateY(0)}
.m-search-supernatant .m-btn-close{display:block;color:#97a9ac;font-size:30px;margin-left:20px}
.m-search-supernatant .m-search-main{width:750px;margin:75px auto 0;height:72px;display:flex;display:-webkit-flex;justify-content:start;align-items:center}
.m-search-supernatant .icon-search{position:absolute;left:0;top:0;display:inline-block;margin:22px 0 22px 40px}
.m-search-supernatant .search-item{position:relative;margin-left:33px}
.m-search-supernatant .search-input{width:616px;background:#f0f3f7;line-height:70px;height:72px;border-radius:10px;border:none;text-indent:80px;font-size:22px;padding:0;color:#97a9ac}
.m-search-supernatant .search-input::-webkit-input-placeholder{color:#97a9ac;font-size:22px}
.m-search-supernatant .search-input::-moz-placeholder{color:#97a9ac;font-size:22px}
.m-search-supernatant .search-input::-ms-input-placeholder{color:#97a9ac;font-size:22px}
.m-search-supernatant .m-btn-search{position:absolute;right:0;top:0;width:112px;height:72px;display:block}
.m-search-supernatant .m-btn-search i{margin:22px 40px;display:inline-block}
.m-search-supernatant .search-hero-list{text-align:left;width:740px;margin:0 auto}
.m-search-supernatant .search-hero-list a{width:100px;text-align:center;font-size:24px;color:#34474a;display:inline-block;vertical-align:top;margin:55px 20px 0}
.m-search-supernatant .search-hero-list span{margin-top:15px;display:block;width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m-search-supernatant .search-hero-list img{width:95px;height:95px;border-radius:50%}
.m-tab-list{text-align:center;font-size:0;height:87px;line-height:87px;background:#fff}
.m-tab-list a{position:relative;font-size:32px;color:#798a8c;display:inline-block;width:50%}
.m-tab-list a:after{position:absolute;display:block;content:"";width:0;margin-left:0;height:3px;left:50%;bottom:14px;background:#4fa49e;transition:all .3s;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}
.m-tab-list a.on{color:#4fa49e}
.m-tab-list a.on:after{width:17px;margin-left:-8.5px}
.heroItemRank .m-tab-list-second{height:73px;font-size:0;line-height:73px}
.heroItemRank .m-tab-list-second a{background:#f0f3f7;border-left:1px solid #e6e6e6;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;box-sizing:border-box;text-align:center;display:inline-block;font-size:24px;width:187.5px;color:#798a8c}
.heroItemRank .m-tab-list-second a.on{background:#fff;color:#4fa49e}
.heroItemRank .m-tab-list-second a:first-child{border-left:none}
.heroItemRank .m-tab-list-third{margin:40px auto 0;display:none;font-size:0;width:688px;text-align:left}
.heroItemRank .m-tab-list-third.on{display:block}
.heroItemRank .m-tab-list-third.tlt1 a,.heroItemRank .m-tab-list-third.tlt2 a{width:89px;margin-left:30px}
.heroItemRank .m-tab-list-third a{margin-left:22px;border-radius:35px;display:inline-block;line-height:52px;width:120px;height:48px;text-align:center;background:#f0f3f7;color:#97a9ac;font-size:22px}
.heroItemRank .m-tab-list-third a.on{color:#fff;background:#586d72}
.heroItemRank .m-tab-list-third a:first-child{margin-left:0}
.heroItemRank .m-tips-wrap{width:688px;margin:33px auto;text-align:right;font-size:22px;position:relative;display:flex;display:-webkit-flex;justify-content:space-between}
.heroItemRank .m-tips-wrap .m-btn-tips{color:#97a9ac}
.heroItemRank .m-tips-wrap a,.heroItemRank .m-tips-wrap i,.heroItemRank .m-tips-wrap span{display:inline-block;font-style:inherit;vertical-align:middle}
.heroItemRank .m-tips-wrap span{margin-left:10px}
.heroItemRank .m-tips-wrap .m-tips{display:none;border-radius:8px;text-align:left;z-index:2;right:0;top:60px;position:absolute;width:495px;color:#e0e9ee;font-size:24px;padding:30px 44px 41px 35px;background:rgba(52,71,74,.95)}
.heroItemRank .m-tips-wrap .m-tips p{line-height:40px}
.heroItemRank .m-tips-wrap .m-tips0{right:auto;left:0}
.heroItemRank .m-tips-wrap .m-btn-close{height:auto;position:absolute;right:20px;top:10px}
.heroItemRank .m-ranking-table{border-top:1px solid #e6e6e6;padding:10px 32px}
.heroItemRank .m-ranking-table .rank-num{position:relative;font-style:inherit;display:block;vertical-align:middle;color:#506e72;width:48px;height:48px;text-align:center;font-size:36px}
.heroItemRank .m-ranking-table .m-btn-table-link{position:absolute;left:0;top:0;height:120px;width:688px;z-index:1;border-bottom:1px solid #e6e6e6}
.heroItemRank .m-ranking-table tr{vertical-align:middle;position:relative;height:120px}
.heroItemRank .m-ranking-table tr:first-child .hero-name,.heroItemRank .m-ranking-table tr:first-child+tr .hero-name,.heroItemRank .m-ranking-table tr:first-child+tr+tr .hero-name{color:#34474a}
.heroItemRank .m-ranking-table tr:last-child .m-btn-table-link{border:none}
.heroItemRank .m-ranking-table td{position:relative;text-align:left}
.heroItemRank .m-ranking-table td .hero-name{color:#798a8c;font-size:28px}
.heroItemRank .m-ranking-table td:first-child{width:83px;text-align:center}
.heroItemRank .m-ranking-table td:first-child+td{width:390px;font-size:22px;color:#97a9ac}
.heroItemRank .m-ranking-table td:first-child+td>div{vertical-align:middle;display:inline-block}
.heroItemRank .m-ranking-table td:first-child+td+td{width:130px}
.heroItemRank .m-ranking-table td:first-child+td+td,.heroItemRank .m-ranking-table td:first-child+td+td+td{color:#97a9ac;font-size:24px}
.heroItemRank .m-ranking-table td:first-child+td+td span,.heroItemRank .m-ranking-table td:first-child+td+td+td span{display:block}
.heroItemRank .m-ranking-table td:first-child+td+td span:first-child,.heroItemRank .m-ranking-table td:first-child+td+td+td span:first-child{margin:4px 0 -3px 0;line-height:42px;font-size:30px;color:#506e72}
.heroItemRank .m-ranking-table .hero-pic{position:relative;width:68px;height:68px;border-radius:50%;overflow:hidden;margin-right:16px;border:1px solid #ba9a6c}
.heroItemRank .m-ranking-table .hero-pic img{width:70px;height:70px;display:block;position:absolute;top:50%;left:50%;margin-left:-35px;margin-top:-35px}
.heroItemRank .m-ranking-table .hero-inner{width:64px;height:64px;border-radius:50%;overflow:hidden;position:absolute;top:50%;left:50%;margin-left:-32px;margin-top:-32px}
.dataItemRank .m-tab-list-second{font-size:0}
.dataItemRank .m-tab-list-second .icon-arrow{vertical-align:middle;display:inline-block}
.dataItemRank .m-tab-list-second>a{position:relative;border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;box-sizing:border-box;text-align:center;font-size:26px;display:inline-block;width:250px;height:90px;line-height:90px;color:#798a8c}
.dataItemRank .m-tab-list-second>a p:after{display:inline-block;vertical-align:middle;content:"";margin-left:10px}
.dataItemRank .m-tab-list-second>a.on{color:#ba9a6c}
.dataItemRank .m-tab-list-second>a:first-child{border-left:none}
.dataItemRank .m-tab-list-third{text-align:left;position:absolute;width:720px;padding:15px;left:0;top:90px;background:#eeeff0;font-size:0;display:none;animation:opacityin .3s;-webkit-animation:opacityin .3s;z-index:9}
.dataItemRank .m-tab-list-third a{font-size:24px;border-radius:7px;text-align:center;display:inline-block;width:144px;height:53px;line-height:53px;color:#798a8c;background:#fff;margin:18px 18px}
.dataItemRank .m-tab-list-third a.on{background:#c4a376;color:#fff}
.dataItemRank .m-tips{color:#a3aeaf;font-size:18px;height:49px;line-height:49px;border-bottom:1px solid #e6e6e6;text-align:center;background:#fcfcfc}
th[data-tsorter]:after{content:"";display:inline-block;vertical-align:2px;background-position:-441px -33px;width:8px;height:13px;margin-left:8px}
th.ascend{color:#deb762}
th.ascend:after{background-position:-413px -33px;width:9px;height:14px}
th.descend{color:#deb762}
th.descend:after{background-position:-427px -33px;width:9px;height:14px}
.m-data-ranking-table th{text-align:left}
.m-data-ranking-table th:first-child{width:107px;text-align:center}
.m-data-ranking-table th:first-child+th{width:130px;text-indent:18px}
.m-data-ranking-table th:first-child+th+th{width:130px;text-indent:18px}
.m-data-ranking-table th:first-child+th+th+th{width:130px;text-indent:6px}
.m-data-ranking-table th:first-child+th+th+th+th{width:120px;text-indent:18px}
.m-data-ranking-table th:first-child+th+th+th+th+th{text-indent:18px}
.m-data-ranking-table table{width:100%}
.m-data-ranking-table table.on .u-ranking-winrate-i{transition:all .6s;-webkit-transition:all .6s;transform:translateX(0);-webkit-transform:translateX(0)}
.m-data-ranking-table thead{color:#798a8c;font-size:24px}
.m-data-ranking-table thead tr{height:88px;background:#f0f3f7}
.m-data-ranking-table tbody tr{text-align:left;font-size:28px;color:#34474a;height:120px}
.m-data-ranking-table tbody tr:last-child .m-btn-table-link{border:none}
.m-data-ranking-table td{position:relative}
.m-data-ranking-table .m-ranking-winrate{overflow:hidden;margin:10px 0 0 0;width:96px;height:16px;position:relative}
.m-data-ranking-table .u-winrate{text-align:left;display:inline-block;margin:10px 0 0 0}
.m-data-ranking-table .u-ranking-winrate-i{width:70%;transform:translateX(-100%);-webkit-transform:translateX(-100%);position:absolute;left:0;top:0;height:100%}
.m-data-ranking-table .u-ranking-winrate-i.rate1{background-color:#46b1c1;background-image:linear-gradient(274deg,#51b9c8 0,#1c95a8 100%)}
.m-data-ranking-table .u-ranking-winrate-i.rate2{background-color:#d9624f;background-image:linear-gradient(274deg,#ec8483 0,#c64d2a 100%)}
.m-data-ranking-table .u-ranking-winrate-i.rate3{background-color:#ee9732;background-image:linear-gradient(274deg,#e8b361 0,#f09129 100%)}
.m-data-ranking-table .ranking-li-span-1{display:block;text-align:center;font-size:36px;color:#506e72;width:48px;height:48px;margin:0 auto;position:relative}
.m-data-ranking-table .ranking-li-span-2{display:block;text-align:left}
.m-data-ranking-table .ranking-li-a{vertical-align:middle;display:inline-block;position:relative;width:74px;height:74px;border-radius:50%;overflow:hidden;border:1px solid #ba9a6c}
.m-data-ranking-table .hero-inner{width:70px;height:70px;border-radius:50%;overflow:hidden;position:absolute;top:50%;left:50%;margin-left:-35px;margin-top:-35px}
.m-data-ranking-table .ranking-li-img-1{width:76px;height:76px;overflow:hidden;display:block;position:absolute;left:50%;top:50%;border-radius:50%;margin-left:-38px;margin-top:-38px}
.m-data-ranking-table .m-btn-table-link{position:absolute;left:50%;top:0;height:120px;width:680px;z-index:1;margin-left:-24px;border-bottom:1px solid #e6e6e6}
.drt1,.drt2{display:none}
.drt1 tbody tr:first-child,.drt2 tbody tr:first-child{background:#fefbf7}
.drt1 tbody tr:first-child+tr,.drt2 tbody tr:first-child+tr{background:#fefbf7}
.drt1 tbody tr:first-child+tr+tr,.drt2 tbody tr:first-child+tr+tr{background:#fefbf7}
.drt1 th,.drt2 th{text-align:center}
.drt1 th:first-child+th,.drt2 th:first-child+th{text-indent:-41px;width:304px}
.drt1 th:first-child+th+th,.drt2 th:first-child+th+th{text-indent:0;text-align:left;width:auto}
.drt1 td,.drt2 td{text-align:left}
.drt1 .m-ranking-winrate,.drt2 .m-ranking-winrate{width:234px}
.drt1 .u-ranking-winrate-i.rate1,.drt2 .u-ranking-winrate-i.rate1{background-color:#d9624f;background-image:linear-gradient(274deg,#ec8483 0,#c64d2a 100%)}
.drt1 .ranking-li-a,.drt2 .ranking-li-a{margin-right:20px}
.drt2 th{text-align:left}
.drt2 th:first-child+th{text-indent:0}
.drt2 .u-ranking-winrate-i.rate1{background-color:#ff481e;background-image:linear-gradient(274deg,#e9928f 0,#ee4e4a 100%)}
.feedback-index{  background: url('//game.gtimg.cn/images/lol/act/a20190401official/page-icon.png') no-repeat;
    width: 98px;
    height: 96px;
    background-size: 100%;
    position: fixed;
    bottom: 160px;
    right: 32px;
    font-size: 22px;
    color: #a4823c;
    line-height: 96px;
    text-align: center;
    z-index: 2;
    display: none;
}