@charset "UTF-8";
/* reset */
body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,p,form{margin:0}
body,button,input,select,textarea{font-size: .24rem; line-height:1.5}
h1,h2,h3,h4,h5,h6{font-size:100%}
em,b{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:none}
table{border-collapse:collapse;border-spacing:0}
td,th,ul,ol{padding:0}
ul,ol,dl{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;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix{*zoom:1;}

.tft .icon-down,.tft .icon-glc,.tft .icon-up,.tft .icon-yd,.tft .icon-zhs,.tft .sprite-img{background-image:url(//game.gtimg.cn/images/lol/guides/tft/zhs-img.png);background-size:2.29rem 1.26rem;background-repeat:no-repeat}
.tft .icon-down{background-position:-.84rem -.89rem;width:.2rem;height:.14rem}
.tft .icon-glc{background-position:.02rem .02rem;width:2.33rem;height:.9rem}
.tft .icon-up{background-position:-1.05rem -.89rem;width:.2rem;height:.14rem}
.tft .icon-yd{background-position:-.39rem -.89rem;width:.44rem;height:.33rem}
.tft .icon-zhs{background-position:.02rem -.89rem;width:.4rem;height:.39rem}
/*! 内容*/
.tft .header{display:flex;position:relative;z-index:10}
.tft .header .left-wrap{width:50%;height:1.06rem;background:#161f20}
.tft .header .left-wrap .icon-glc{display:block;margin:.1rem auto 0}
.tft .header .right-wrap{width:50%;height:1.06rem;background:#243436;display:flex;align-items:center}
.tft .header .right-wrap .icon{margin:0 .1rem 0 .68rem}
.tft .header .right-wrap>span{font-size:.32rem;color:#fff;margin-right:.42rem}
.tft .header .list{position:absolute;top:1.06rem;right:0;display:none}
.tft .header .list .list-wrap{width:3.75rem;height:1.06rem;background:#243436;display:flex;align-items:center}
.tft .header .list .list-wrap .icon{margin:0 .1rem 0 .68rem}
.tft .header .list .list-wrap>span{font-size:.32rem;color:#fff;margin-right:.42rem}
.tft .show{display:block!important}
.tft .g-iframe>iframe{width:100%;min-height:calc(100vh - 1.06rem)}


.icon-down,.icon-glc,.icon-up,.icon-yd,.icon-zhs,.sprite-img{background-image:url(//game.gtimg.cn/images/lol/guides/tft/zhs-img.png);background-size:229px 126px;background-repeat:no-repeat}
.icon-down{background-position:-86px -91px;width:16px;height:10px}
.icon-glc{background-position:0 0;width:229px;height:86px}
.icon-up{background-position:-107px -91px;width:16px;height:10px}
.icon-yd{background-position:-41px -91px;width:40px;height:29px}
.icon-zhs{background-position:0 -91px;width:36px;height:35px}
/*! 内容*/
.header{display:flex;position:relative;z-index:10}
.header .left-wrap{width:50%;height:106px;background:#161f20}
.header .left-wrap .icon-glc{display:block;margin:10px auto 0}
.header .right-wrap{width:50%;height:106px;background:#243436;display:flex;align-items:center}
.header .right-wrap .icon{margin:0 10px 0 68px}
.header .right-wrap>span{font-size:32px;color:#fff;margin-right:42px}
.header .list{position:absolute;top:106px;right:0;display:none}
.header .list .list-wrap{width:375px;height:106px;background:#243436;display:flex;align-items:center}
.header .list .list-wrap .icon{margin:0 10px 0 68px}
.header .list .list-wrap>span{font-size:32px;color:#fff;margin-right:42px}
.show{display:block!important}
.g-iframe>iframe{width:100%;min-height:calc(100vh - 106px)}