.clearfix:after,.m-hero-search:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.clearfix,.m-hero-search{*zoom:1}
.arrow-down,.arrow-up,.avatar-border-1,.avatar-border-2,.avatar-decorate,.badge-heighten,.badge-skill-desc,.badge-update,.badge-weaken,.btn-pop-lg,.btn-pop-lg1,.btn-pop-sm,.btn-pop-sm1,.btn-used-tick,.btn-used-tick2,.btn-wegame,.btn-wegame-h,.data-bg,.dialog-close,.division-line,.division-line2,.division-line3,.division-line4,.echarts-down,.echarts-up,.hero-article-divider,.hero-name-line,.hir-divider,.icon-ability-power,.icon-ability-power2,.icon-act-arrow,.icon-area-drop,.icon-arrow,.icon-arrow-1,.icon-arrow-2-left,.icon-arrow-2-right,.icon-arrow-3-left,.icon-arrow-3-right,.icon-attack-speed,.icon-attack-speed2,.icon-btn-arrow,.icon-btn-arrow-green,.icon-btn-arrow-h,.icon-check-h,.icon-check-n,.icon-checked,.icon-diamond,.icon-home-1,.icon-home-1-h,.icon-nochecked,.icon-play,.icon-play-i,.icon-play-o,.icon-plus,.icon-power-process,.icon-prefix,.icon-rank-1,.icon-rank-2,.icon-rank-3,.icon-rank-down,.icon-rank-draw,.icon-rank-up,.icon-rhombus-1,.icon-search,.icon-search-1,.icon-settings,.icon-settings-h,.icon-shape,.icon-shapes1,.icon-shapes1-h,.icon-skill-bubble-title,.icon-star,.icon-triangle-1,.icon-triangle-2,.icon-veteran-1,.line-1,.line-2,.line-3,.line-4,.line-table,.line-video-left,.line-video-mid,.line-video-right,.logo-divider,.logo-guide,.logo-lol,.m-hero-arrow-left,.m-hero-search .u-ranking-search-btn:after,.m-module-list li.on span,.m-module-list li>span,.m-module-list:after,.m-page-ctrl>.u-rnl:after,.m-page-ctrl>.u-rnr:after,.pagination-active,.pagination-default,.pop-close,.pos-bottom,.pos-jungle,.pos-middle,.pos-support,.pos-top,.rank-bg-top-1,.rank-bg-top-2,.rank-veteran1,.rank-veteran2,.rank-veteran3,.role-icon-assassin,.role-icon-assist,.role-icon-fighter,.role-icon-mage,.role-icon-shooter,.role-icon-tank,.search-divider,.select-arrow,.select-arrow2,.skill-bubble-divider,.skill-divider,.slider-next,.slider-prev,.sort-ascend,.sort-descend,.sprite-img,.user-mask{background-image:url(http://game.gtimg.cn/images/lol/guide/sprite-img.png);background-size:1941px 845px;background-repeat:no-repeat}
.arrow-down{background-position:-1823px -83px;width:6px;height:4px}
.arrow-up{background-position:-1812px -83px;width:6px;height:4px}
.avatar-border-1{background-position:-700px -148px;width:99px;height:102px}
.avatar-border-2{background-position:-700px -255px;width:62px;height:61px}
.avatar-decorate{background-position:-1692px -83px;width:12px;height:6px}
.badge-heighten{background-position:-1920px -14px;width:16px;height:26px}
.badge-skill-desc{background-position:-804px -239px;width:7px;height:11px}
.badge-update{background-position:-1713px -168px;width:16px;height:26px}
.badge-weaken{background-position:-1734px -168px;width:16px;height:26px}
.btn-pop-lg{background-position:-700px -14px;width:230px;height:50px}
.btn-pop-lg1{background-position:-935px -14px;width:230px;height:50px}
.btn-pop-sm{background-position:-804px -148px;width:170px;height:50px}
.btn-pop-sm1{background-position:-979px -148px;width:170px;height:50px}
.btn-used-tick{background-position:-1311px -148px;width:152px;height:50px}
.btn-used-tick2{background-position:-1154px -148px;width:152px;height:50px}
.btn-wegame-h{background-position:-1403px -14px;width:228px;height:45px}
.btn-wegame{background-position:-1170px -14px;width:228px;height:45px}
.data-bg{background-position:-245px -280px;width:310px;height:83px}
.dialog-close{background-position:-828px -255px;width:52px;height:52px}
.division-line{background-position:-872px -97px;width:822px;height:5px}
.division-line2{background-position:-1468px -158px;width:314px;height:5px}
.division-line3{background-position:-1625px -117px;width:314px;height:5px}
.division-line4,.m-module-list:after{background-position:-872px -83px;width:783px;height:9px}
.echarts-down{background-position:-1024px -216px;width:17px;height:13px}
.echarts-up{background-position:-1046px -216px;width:17px;height:13px}
.hero-article-divider{background-position:0 -560px;width:7px;height:285px}
.hero-name-line{background-position:-1348px -203px;width:533px;height:5px}
.hir-divider{background-position:-1468px -148px;width:376px;height:5px}
.icon-ability-power{background-position:-827px -216px;width:16px;height:18px}
.icon-ability-power2{background-position:-1846px -168px;width:17px;height:16px}
.icon-act-arrow{background-position:-1336px -216px;width:5px;height:7px}
.icon-area-drop{background-position:-1800px -83px;width:7px;height:4px}
.icon-arrow-1{background-position:-1260px -216px;width:6px;height:10px}
.icon-arrow-2-left{background-position:-1891px -168px;width:18px;height:15px}
.icon-arrow-2-right{background-position:-1868px -168px;width:18px;height:15px}
.icon-arrow-3-left,.m-page-ctrl>.u-rnl:after{background-position:-1243px -216px;width:12px;height:10px}
.icon-arrow-3-right,.m-page-ctrl>.u-rnr:after{background-position:-1226px -216px;width:12px;height:10px}
.icon-arrow{background-position:-1761px -83px;width:8px;height:5px}
.icon-attack-speed{background-position:-890px -216px;width:15px;height:16px}
.icon-attack-speed2{background-position:-992px -255px;width:14px;height:14px}
.icon-btn-arrow-green{background-position:-1748px -83px;width:8px;height:5px}
.icon-btn-arrow-h{background-position:-1787px -83px;width:8px;height:5px}
.icon-btn-arrow{background-position:-1735px -83px;width:8px;height:5px}
.icon-check-h{background-position:-935px -255px;width:14px;height:14px}
.icon-check-n{background-position:-973px -255px;width:14px;height:14px}
.icon-checked,.m-module-list li.on span{background-position:-895px -255px;width:15px;height:14px}
.icon-diamond{background-position:-1914px -168px;width:15px;height:15px}
.icon-home-1-h{background-position:-1140px -216px;width:13px;height:12px}
.icon-home-1{background-position:-1122px -216px;width:13px;height:12px}
.icon-nochecked,.m-module-list li>span{background-position:-915px -255px;width:15px;height:14px}
.icon-play-i{background-position:-1011px -255px;width:9px;height:12px}
.icon-play-o{background-position:-1811px -14px;width:32px;height:32px}
.icon-play{background-position:-1848px -14px;width:32px;height:32px}
.icon-plus{background-position:-1158px -216px;width:12px;height:12px}
.icon-power-process{background-position:-1104px -216px;width:13px;height:13px}
.icon-prefix{background-position:-1934px -168px;width:7px;height:11px}
.icon-rank-1{background-position:-910px -216px;width:14px;height:16px}
.icon-rank-2{background-position:-929px -216px;width:14px;height:16px}
.icon-rank-3{background-position:-1005px -216px;width:14px;height:16px}
.icon-rank-down{background-position:-1294px -216px;width:7px;height:8px}
.icon-rank-draw{background-position:-1834px -83px;width:7px;height:2px}
.icon-rank-up{background-position:-1282px -216px;width:7px;height:8px}
.icon-rhombus-1{background-position:-1677px -83px;width:10px;height:9px}
.icon-search-1,.m-hero-search .u-ranking-search-btn:after{background-position:-804px -216px;width:18px;height:18px}
.icon-search{background-position:-1209px -216px;width:12px;height:12px}
.icon-settings-h{background-position:-1192px -216px;width:12px;height:12px}
.icon-settings{background-position:-1175px -216px;width:12px;height:12px}
.icon-shape{background-position:-1271px -216px;width:6px;height:10px}
.icon-shapes1-h{background-position:-1326px -216px;width:5px;height:7px}
.icon-shapes1{background-position:-1346px -216px;width:5px;height:7px}
.icon-skill-bubble-title{background-position:-895px -274px;width:8px;height:13px}
.icon-star{background-position:-954px -255px;width:14px;height:14px}
.icon-triangle-1{background-position:-1660px -83px;width:12px;height:9px}
.icon-triangle-2{background-position:-1709px -83px;width:8px;height:6px}
.icon-veteran-1{background-position:-1774px -14px;width:32px;height:36px}
.line-1{background-position:-700px 0;width:1241px;height:9px}
.line-2{background-position:-804px -203px;width:539px;height:8px}
.line-3{background-position:-872px -127px;width:561px;height:8px}
.line-4{background-position:-872px -107px;width:785px;height:5px}
.line-table{background-position:-1514px -69px;width:315px;height:9px}
.line-video-left{background-position:-1887px -69px;width:48px;height:5px}
.line-video-mid{background-position:-885px -255px;width:5px;height:37px}
.line-video-right{background-position:-1834px -69px;width:48px;height:5px}
.logo-divider{background-position:-700px -321px;width:1px;height:38px}
.logo-guide{background-position:-1636px -14px;width:133px;height:40px}
.logo-lol{background-position:-700px -83px;width:167px;height:60px}
.m-hero-arrow-left{background-position:-1774px -83px;width:8px;height:5px}
.pagination-active{background-position:-1086px -216px;width:13px;height:13px}
.pagination-default{background-position:-1068px -216px;width:13px;height:13px}
.pop-close{background-position:-848px -216px;width:16px;height:16px}
.pos-bottom{background-position:-1803px -168px;width:17px;height:17px}
.pos-jungle{background-position:-1825px -168px;width:16px;height:17px}
.pos-middle{background-position:-1781px -168px;width:17px;height:17px}
.pos-support{background-position:-1755px -168px;width:21px;height:17px}
.pos-top{background-position:-869px -216px;width:16px;height:16px}
.rank-bg-top-1{background-position:0 0;width:695px;height:275px}
.rank-bg-top-2{background-position:0 -280px;width:240px;height:275px}
.rank-veteran1{background-position:-986px -216px;width:14px;height:16px}
.rank-veteran2{background-position:-967px -216px;width:14px;height:16px}
.rank-veteran3{background-position:-948px -216px;width:14px;height:16px}
.role-icon-assassin{background-position:-1538px -168px;width:30px;height:30px}
.role-icon-assist{background-position:-1468px -168px;width:30px;height:30px}
.role-icon-fighter{background-position:-1885px -14px;width:30px;height:30px}
.role-icon-mage{background-position:-1678px -168px;width:30px;height:30px}
.role-icon-shooter{background-position:-1643px -168px;width:30px;height:30px}
.role-icon-tank{background-position:-1608px -168px;width:30px;height:30px}
.search-divider{background-position:-700px -69px;width:809px;height:9px}
.select-arrow{background-position:-1722px -83px;width:8px;height:6px}
.select-arrow2{background-position:-1699px -97px;width:5px;height:3px}
.skill-bubble-divider{background-position:-1438px -127px;width:439px;height:5px}
.skill-divider{background-position:-872px -117px;width:748px;height:5px}
.slider-next{background-position:-1573px -168px;width:30px;height:30px}
.slider-prev{background-position:-1503px -168px;width:30px;height:30px}
.sort-ascend{background-position:-1316px -216px;width:5px;height:8px}
.sort-descend{background-position:-1306px -216px;width:5px;height:8px}
.user-mask{background-position:-767px -255px;width:56px;height:56px}
/*! Hero S*/
.g-hero{width:1240px;height:3195px;margin:40px auto 0;padding-bottom:150px;position:relative}
.m-hero{width:827px}
.m-hero .m-tab-list a{width:118px}
.m-hero .m-tab-list a:first-child{margin-left:-1px}
.m-hero .m-module{margin:60px 0 0;overflow:hidden}
.module-title{position:relative;padding-left:15px}
.module-title:after{content:'';position:absolute;top:50%;margin-top:-9px;left:0;height:18px;width:4px;background:#deb762}
.m-hero-search{width:100%;height:54px;position:relative}
.m-hero-search .u-ranking-search{width:774px;height:54px;box-sizing:border-box;border:1px #dcdcdc solid;padding:18px 0 18px 21px}
.m-hero-search .u-ranking-search-btn{position:absolute;right:0;top:0;width:54px;height:54px;float:right;background-color:#deb762}
.m-hero-search .u-ranking-search-btn:after{content:'';display:block;position:absolute;top:19px;left:19px}
.m-hero-list{overflow:hidden;padding:20px 0 10px 15px;width:810px;box-sizing:border-box}
.m-hero-list a{float:left;margin:0 -2px 2px 0;width:90px;height:130px}
.m-hero-list .hero-pic{position:relative;display:block;text-align:center;margin:0 auto}
.m-hero-list .hero-pic img{display:block;width:67px;height:67px;margin:0 auto}
.m-hero-list .hero-pic em{display:block;position:absolute;right:0;bottom:0}
.m-hero-list .hero-pic i{display:block;line-height:1;padding:2px;background:rgba(0,0,0,.6);color:#fff;font-style:normal;text-align:center;margin:2px 0 0;font-size:10px}
.m-hero-list .hero-name{display:block;text-align:center;color:#000;font-size:12px;margin:6px 0 0}
.m-hero-list a:hover .hero-name{color:#deb762}
.m-hero-list .hero-position{display:table;text-align:center;width:100%}
.m-hero-list .hero-position i{color:#888;font-style:normal;display:inline-block;height:13px;width:28px;line-height:13px;text-align:center;border-right:1px solid #888}
.m-hero-list .hero-position i:last-child{border:0}
.m-hero-list .hero-position i:nth-child(3){border:0}
.m-module-list{width:727px;height:60px;position:relative;line-height:60px;padding-left:90px;position:relative}
.m-module-list li{height:40px;padding:0 20px;float:left;text-align:center;color:#888;line-height:40px;margin-top:10px;font-size:14px}
.m-module-list li>span{display:inline-block;vertical-align:-2px;margin-right:4px;font-size:14px}
.m-module-list li.on{color:#deb762}
.m-module-list>span{display:block;position:absolute;height:60px;width:108px;text-align:center;color:#26a9a3;left:0;top:0;font-size:14px}
.m-module-list>span i{display:inline-block;vertical-align:middle;margin-left:4px}
.m-module-list:after{content:'';position:absolute;bottom:0;left:19px}
.m-page-ctrl{height:58px;line-height:58px;margin-top:0}
.m-page-ctrl a{line-height:30px;width:30px;height:30px}
.m-page-ctrl a:hover{line-height:26px}
.m-page-ctrl a.on{background-color:#fff;border:2px #dfb864 solid;line-height:26px}
.m-page-ctrl>.u-rnl:after{content:'';display:inline-block;vertical-align:middle;vertical-align:middle;margin-top:-4px}
.m-page-ctrl>.u-rnr:after{content:'';display:inline-block;vertical-align:middle;vertical-align:middle;margin-top:-4px}
/*! Hero E*/