@charset "UTF-8";
.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{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}
.icon-arrow-down{background-position:-610px -14px;width:18px;height:10px}
.icon-arrow-right-gray{background-position:-504px -86px;width:14px;height:18px}
.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}
body,dd,dl,form,h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0}
body,button,input,select,textarea{font-size:24px;line-height:1.5}
h1,h2,h3,h4,h5,h6{font-size:100%}
b,em{font-style:normal}
a{text-decoration:none}
a:hover{text-decoration:none}
img{vertical-align:middle;border:0;padding:0;margin:0}
button,input,select,textarea{font-size:100%;outline:0}
table{border-collapse:collapse;border-spacing:0}
ol,td,th,ul{padding:0}
dl,ol,ul{list-style:none}
*{-webkit-tap-highlight-color:rgba(0,0,0,0)}
.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}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.clearfix{*zoom:1}
body,html{background:#fff;min-height:100vh;width: 100%;overflow-x: hidden;overflow-y: scroll;}
#afooter{padding:15px 0;display:none;background:#f5f5f5;text-align:center}
#afooter p{color:#798a8c;font-size:20px}
#afooter a{color:#798a8c;font-size:20px}
body.isWeb .g-wrap{padding-bottom:0;min-height:calc(100vh - 90px)}
body.isWeb .check-pc{display:block}
body.isWeb .m-footer{display:none}
body.isWeb #afooter,body.isWeb .download-bar{display:block}
.g-wrap{-webkit-text-size-adjust:none;padding-bottom:100px;overflow:visible;background:#fff;width:750px;margin:0 auto;font-family:PingFangSC-Regular,sans-serif}
.g-wrap a{-webkit-tap-highlight-color:transparent}
.g-wrap .m-content{position:relative;background:#fff}
.footer{text-align:center}
.download-bar{display:none}
.download-bar .download-inner{display:none;background:url(//game.gtimg.cn/images/lol/guides/m/downloadbar-bg.png) no-repeat center;height:100px;width:750px;display:flex;display:-webkit-flex;justify-content:space-between;align-items:center;color:#fff;font-size:28px}
.download-bar .download-inner img{margin:0 15px 0 32px;vertical-align:sub;display:inline-block}
.download-bar .download-inner span{display:inline-block;line-height:32px}
.download-bar .download-inner em{display:block;font-size:24px;color:#e6e6e6}
.download-bar .download-inner .m-btn-download{text-align:center;width:162px;height:60px;line-height:60px;background-color:#fff;color:#4a8f92;font-size:30px;border-radius:6px;margin-right:32px}
.m-footer{height:78px;border-top:1px solid #f9f9f9;border-bottom:1px solid #f9f9f9;position:fixed;width:100%;left:0;bottom:-2px;transition:all .3s;-webkit-transition:all .3s;background:rgba(255,255,255,.95);line-height:78px;text-align:center;z-index:99;transform:translateY(105%)}
.m-footer i{display:inline-block;vertical-align:middle}
.m-footer a{display:inline-block;margin:0 32px;width:100px}
.m-footer.on{transform:translateY(0)}
.tone1>div img{border:2px solid #c8aa6e}
.tone2>div img{border:2px solid #d44242}
.tone3>div img{border:2px solid #9faafc}
.tone4>div img{border:2px solid #a1d586}
.tone5>div img{border:2px solid #49aab9}
.opacityin{animation:opacityin .3s;-webkit-animation:opacityin .3s}
.check-pc{display:none;background:#f5f5f5;text-align:center;padding-top:12px}
.check-pc a{color:#798a8c;font-size:24px}
@keyframes opacityin{
0%{opacity:0}
100%{opacity:1}
}
@-webkit-keyframes opacityin{
0%{opacity:0}
100%{opacity:1}
}