@charset "UTF-8";
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.clearfix{*zoom:1}
.arrow-down,.arrow-up,.avatar-border-1,.avatar-border-2,.avatar-decorate,.badge-heighten,.badge-skill-desc,.badge-update,.badge-weaken,.btn-check-detail:after,.btn-check-detail:hover:after,.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-rank table .rank-down:before,.m-hero-rank table .rank-draw:before,.m-hero-rank table .rank-up:before,.m-hero-rank table td:first-child:after,.m-hero-rank table th:first-child:after,.m-location .location-home:before,.m-location .location-home:hover:before,.m-page-ctrl>.u-rnl:after,.m-page-ctrl>.u-rnr:after,.pagination-active,.pagination-default,.pop .pop-close:after,.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,.top .login-avatar:after,.top .login-info .btn-area:after,.top .logo .logo-lol:after,.top .search .btn-search:after,.top-act-link:after,.top-act-link:hover:after,.user-mask,th.ascend:after,th.descend:after{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{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,.m-page-ctrl>.u-rnl:after{background-position:-1891px -168px;width:18px;height:15px}
.icon-arrow-2-right,.m-page-ctrl>.u-rnr:after{background-position:-1868px -168px;width:18px;height:15px}
.icon-arrow-3-left{background-position:-1243px -216px;width:12px;height:10px}
.icon-arrow-3-right{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{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{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{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,.m-hero-rank table td:first-child:after,.m-hero-rank table th:first-child:after{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}
body,dd,dl,form,h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0}
body,button,input,select,textarea{font:12px/1.5 tahoma,'\5b8b\4f53',sans-serif}
h1,h2,h3,h4,h5,h6{font-size:100%}
b,em{font-style:normal}
a{text-decoration:none;outline:0}
a:hover{text-decoration:underline}
a:visited{outline:0}
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}
dl,ol,ul{list-style:none}
area{outline:0}
#afooter{background:#1c1c1c;text-align:center}
#afooter .wrap_ieg{width:1240px;margin:0 auto;padding:30px 0}
#afooter p{color:#6e6e6e;line-height:24px;font-size:10px}
#afooter a{color:#6e6e6e;font-size:12px}
#_overlay_,.ost,.ost_box,body,html{min-width:1240px!important}
body,html{background:#f9f9f9}
.fl{float:left}
.fr{float:right}
/*! Comm S*/
@font-face{font-family:DinotBold;src:url(http://game.gtimg.cn/images/lol/guide/fontdb.eot?#iefix) format("embedded-opentype"),url(http://game.gtimg.cn/images/lol/guide/fontdb.ttf) format("truetype")}
body{display:none}
.g-wrap{position:relative;font-family:'\5FAE\8F6F\96C5\9ED1'}
.g-wrap a{transition:border .3s,color .3s,background-color .3s;-webkit-transition:border .3s,color .3s,background-color .3s}
.g-wrap a:hover{text-decoration:none}
.g-wrap input,.g-wrap select{font-family:'\5FAE\8F6F\96C5\9ED1'}
.chromeframe{background:#000;color:#fff;padding:10px 0;text-align:center;width:100%;font-size:14px}
.chromeframe a{color:#f13c35}
.hide{display:none}
/*! TOP S*/
.top{background:#000;height:76px;font-family:'\5FAE\8F6F\96C5\9ED1'}
.top a{-webkit-transition:filter .3s,border .3s,color .3s;transition:filter .3s,border .3s,color .3s}
.top a:hover{text-decoration:none;-webkit-filter:brightness(1.1);filter:brightness(1.1)}
.top .top-inner{width:1240px;height:100%;margin:0 auto}
.top .logo{font-size:0;height:76px;line-height:76px;float:left;margin:0 80px 0 0}
.top .logo a{display:inline-block;vertical-align:middle}
.top .logo .logo-lol{position:relative;margin:0 36px 0 0}
.top .logo .logo-lol:after{content:"";background-position:-700px -321px;width:1px;height:38px;display:block;position:absolute;top:10px;right:-20px}
.top .menu{float:left}
.top .menu a{float:left;margin:0 54px 0 0;display:block;height:100%;line-height:76px;color:#fff;font-size:18px;position:relative}
.top .menu a:after{content:"";display:block;position:absolute;top:0;left:50%;width:0;height:2px;background:#deb762;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.top .menu a:hover{color:#deb762}
.top .menu a:hover:after{left:0;width:100%}
.top .search{float:left;width:183px;height:28px;line-height:28px;background:#fff;border-radius:14px;margin:26px 0 0}
.top .search input{display:block;float:left;width:130px;height:20px;background:0 0;border:none;-webkit-appearance:none;-moz-appearance:none;margin:3px 4px 0 16px}
.top .search .btn-search{display:block;float:left;width:20px;height:20px;margin:4px 0 0;position:relative}
.top .search .btn-search:after{content:"";background-position:-1209px -216px;width:12px;height:12px;display:block;position:absolute;left:50%;top:50%;margin:-6px 0 0 -6px}
.top .login{float:right;padding:10px 0 0;width:312px;height:100%;position:relative;box-sizing:border-box}
.top .login-avatar{width:54px;height:54px;border:1px solid #2f2715;border-radius:50%;padding:4px;position:relative;box-sizing:border-box;float:left}
.top .login-avatar img{display:block;width:100%;height:100%;border:1px solid #d3ae5d;border-radius:50%;overflow:hidden;box-sizing:border-box}
.top .login-avatar span{position:absolute;bottom:0;right:0;border:1px solid #b59236;border-radius:50%;width:16px;height:16px;line-height:16px;text-align:center;color:#fff;font-size:12px;background:#000}
.top .login-avatar:after{content:"";background-position:-1692px -83px;width:12px;height:6px;display:block;position:absolute;top:5px;left:20px}
.top .login-info{margin:0 0 0 70px;padding:8px 0 0}
.top .login-info .main-info{color:#fff;font-size:18px;line-height:1;margin:0 0 4px;font-weight:700}
.top .login-info .unlogin-info{color:#fff;font-size:16px;line-height:1;margin:0 0 4px}
.top .login-info .unlogin-info em{cursor:pointer;color:#dfb257}
.top .login-info .unlogin-info em:hover{text-decoration:underline}
.top .login-info .unlogin-info a{color:#dfb257}
.top .login-info .sub-info{color:#747474;font-size:12px}
.top .login-info .btn-area{color:#747474;font-size:14px}
.top .login-info .btn-area:after{content:"";background-position:-1800px -83px;width:7px;height:4px;display:inline-block;vertical-align:middle;margin-left:10px}
.top .login-info .btn-logout{display:block;color:#747474;font-size:14px;float:right}
.top-user-side{float:left;position:relative;width:100px;height:90px}
.top-user-side .top-user-rank{display:block;position:absolute;bottom:8px;right:6px;width:24px;height:24px;text-align:center;line-height:24px;border-radius:50%;background:#000;border:1px solid #cea34a;color:#fff;font-size:12px;z-index:3}
.top-user-drop{position:absolute;visibility:hidden;top:76px;left:0;width:100%;padding-top:10px;z-index:99;background:#1b1b1b;background:rgba(27,27,27,.9);opacity:0;-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.top-user-drop .pic{float:left;width:110px;padding-bottom:20px;text-align:center;font-size:12px;color:#5b5b5b}
.top-user-drop .pic img{width:100px;height:100px;margin:-10px 0 -10px 7px}
.top-user-drop .pic em{display:block;font-size:14px;color:#fff}
.top-user-drop .info{overflow:hidden;zoom:1;margin-left:115px}
.top-user-drop .top-user-drop-content{padding-bottom:30px}
.top-user-drop .top-user-drop-tips{padding:0 30px 30px;text-align:left;color:#868686;font-size:14px}
.top-user-drop .top-user-data-tips{position:absolute;bottom:46px;left:0;width:100%;color:#999;text-align:center}
.top-user-drop .top-user-item{display:inline-block;width:88px;height:50px;padding:8px 0 10px;margin-right:6px;margin-bottom:6px;border-radius:5px;background:#11100f;color:#868686;font-size:12px;text-align:center}
.top-user-drop .top-user-item strong{display:block;font-size:20px;color:#dfb257;font-family:Georgia}
.top-user-drop .top-link-personal{clear:both;display:block;width:100%;height:36px;line-height:36px;background:#161413;color:#e0e0e0;font-size:12px;text-align:center}
.top-user-drop .top-link-personal:hover{color:#deb762}
.top-user-drop.show{visibility:visible;opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
/*! TOP E*/
/*! Comm S*/
.module-title{color:#000;font-size:22px;margin:0 0 38px}
.m-tab-list{overflow:hidden}
.m-tab-list a{display:block;float:left;border-bottom:1px solid #ebebeb;box-sizing:border-box;border-left:1px solid transparent;border-right:1px solid #ebebeb;border-bottom:1px solid #ebebeb;color:#000;font-size:14px;width:186px;height:42px;line-height:42px;text-align:center;position:relative;background:#f5f5f5}
.m-tab-list a:before{content:"";display:block;position:absolute;top:0;left:50%;width:0;height:2px;background:#deb762;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
.m-tab-list a.on{background:#fff;border-left:1px solid #ebebeb;border-right:1px solid #ebebeb;border-bottom:1px solid #fff;color:#deb762}
.m-tab-list a.on:before{width:100%;left:0}
.m-tab-list a:last-of-type{border-right:none}
.m-tab-list a:hover{background:#fff;border-bottom:1px solid #fff;color:#deb762}
.m-tab-list a:hover:before{width:100%;left:0}
.line-1{opacity:.6}
.m-location{height:95px;width:1240px;margin:0 auto;position:relative}
.m-location .m-location-span{line-height:87px;text-align:left}
.m-location .icon-arrow-1{margin:-2px 15px 0 15px;display:inline-block;vertical-align:middle}
.m-location .line-1{position:absolute;left:0;bottom:0;display:block}
.m-location .location-home{color:#000}
.m-location .location-home:before{content:"";background-position:-1122px -216px;width:13px;height:12px;display:inline-block;vertical-align:-1px;margin-right:3px}
.m-location .location-home:hover{color:#deb762}
.m-location .location-home:hover:before{background-position:-1140px -216px;width:13px;height:12px}
.m-location .location-sub{color:#888}
.ui-selectbox-dropdown{text-align:center;border:1px solid #ebebeb;overflow:hidden!important}
.ui-selectbox-dropdown dd{background:#fff;height:30px;line-height:30px;cursor:pointer;animation:dropdown .2s linear;-webkit-animation:dropdown .2s linear}
.btn-check-detail,.top-act-link{display:block;width:98px;height:30px;line-height:30px;border:1px solid #deb762;text-align:center;font-size:14px;color:#deb762;border-radius:3px;position:relative;overflow:hidden;background:#000;background:rgba(0,0,0,.65);z-index:1}
.btn-check-detail:before,.top-act-link:before{content:"";position:absolute;background:none repeat scroll 0 0 #deb762;left:50%;top:50%;width:0%;height:0%;z-index:-1;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;border-radius:50%;opacity:.5}
.btn-check-detail:after,.top-act-link:after{content:"";background-position:-1735px -83px;width:8px;height:5px;display:inline-block;vertical-align:2px;margin-left:5px}
.btn-check-detail:hover,.top-act-link:hover{color:#fff}
.btn-check-detail:hover:before,.top-act-link:hover:before{height:180px;width:180px;opacity:1}
.btn-check-detail:hover:after,.top-act-link:hover:after{background-position:-1787px -83px;width:8px;height:5px}
.skill-bubble{background:#0a1121;background:rgba(10,17,33,.9);position:absolute;bottom:60px;left:0;box-sizing:border-box;padding:18px;width:348px;text-align:left;display:none;z-index:99;line-height:1.5}
.skill-bubble .skill-bubble-name{color:#deb762;font-size:14px;margin:12px 0 0}
.skill-bubble .skill-bubble-name span{color:#95969b;font-size:12px;margin-left:20px}
.skill-bubble .skill-bubble-name i{font-style:normal;color:#66ff5e;font-size:16px;margin-right:14px}
.skill-bubble .skill-bubble-divider{margin:12px 0;opacity:.2;width:100%}
.skill-bubble .skill-bubble-info{color:#797e86;font-size:12px;margin:0 0 12px}
.skill-bubble .skill-bubble-desc{color:#fff;font-size:12px}
.skill-bubble .skill-bubble-desc{color:#fff;font-size:12px;margin:10px 0}
.skill-bubble .skill-bubble-title{position:relative;font-size:14px;color:#26a9a3;padding-left:16px}
.skill-bubble .skill-bubble-title i{display:inline-block;position:absolute;top:4px;left:0}
.skill-bubble1{background:#0a1121;background:rgba(10,17,33,.9);width:44px;height:30px;line-height:30px;text-align:center;display:none;z-index:99;position:absolute;bottom:30px;left:0}
.skill-bubble1 h3{font-size:16px;color:#fff;font-style:normal;font-weight:400}
.skill-bubble1 span{font-size:16px;color:#fff;font-style:normal;font-weight:400}
.skill-bubble2{background:#0a1121;background:rgba(10,17,33,.9);position:absolute;bottom:60px;right:0;width:470px;box-sizing:border-box;padding:18px;text-align:left;text-indent:0;display:none;z-index:99;line-height:1.5;box-shadow:0 10px 9px -4px #ccc}
.skill-bubble2 .skill-bubble-name{color:#deb762;font-size:14px;margin:12px 0 0}
.skill-bubble2 .skill-bubble-name span{color:#95969b;font-size:12px;margin-left:20px}
.skill-bubble2 .skill-bubble-name i{font-style:normal;color:#66ff5e;font-size:16px}
.skill-bubble2 .skill-bubble-divider{margin:12px 0;opacity:.2;width:100%}
.skill-bubble2 .skill-bubble-info{color:#797e86;font-size:12px;margin:0 0 12px}
.skill-bubble2 .skill-bubble-desc{color:#fff;font-size:12px;margin:10px 0}
.skill-bubble2 .skill-bubble-desc:last-child{margin-bottom:0}
.skill-bubble2 .skill-bubble-title{position:relative;font-size:14px;color:#26a9a3;text-indent:14px}
.skill-bubble2 .skill-bubble-title i{display:inline-block;position:absolute;top:4px;left:0}
.skill-bubble3{background:#0a1121;background:rgba(10,17,33,.9);position:absolute;box-sizing:border-box;padding:0 18px;width:200px;text-align:left;display:none;z-index:99;line-height:1.5}
.skill-bubble3 .skill-bubble-name{color:#deb762;font-size:14px;margin:12px 0 0}
.skill-bubble3 .skill-bubble-name span{color:#95969b;font-size:12px;margin-left:20px}
.skill-bubble3 .skill-bubble-name i{font-style:normal;color:#66ff5e;font-size:16px;margin-right:14px}
.skill-bubble3 .skill-bubble-divider{margin:12px 0;opacity:.2;width:100%}
.skill-bubble3 .skill-bubble-info{color:#797e86;font-size:12px;margin:0 0 12px}
.skill-bubble3 .skill-bubble-desc{color:#fff;font-size:12px}
.skill-bubble3 .skill-bubble-desc{color:#fff;font-size:12px;margin:10px 0}
.skill-bubble3 .skill-bubble-title{position:relative;font-size:14px;color:#26a9a3;padding-left:16px}
.skill-bubble3 .skill-bubble-title i{display:inline-block;position:absolute;top:4px;left:0}
th[data-tsorter]{cursor:pointer}
th[data-tsorter]:hover{color:#deb762}
th.ascend{color:#deb762}
th.ascend:after{content:"";display:inline-block;vertical-align:1px;background-position:-1316px -216px;width:5px;height:8px;margin-left:5px}
th.descend{color:#deb762}
th.descend:after{content:"";display:inline-block;vertical-align:1px;background-position:-1306px -216px;width:5px;height:8px;margin-left:5px}
.m-hero-rank{width:356px;position:absolute;top:0;right:0}
.m-hero-rank .m-tab-list a{width:71px;height:50px;line-height:50px}
.m-hero-rank .m-tab-list a:first-child{margin-left:-1px}
.m-hero-rank table{border:none;width:100%;font-size:12px;text-align:center}
.m-hero-rank table th{height:72px}
.m-hero-rank table th[data-tsorter]{width:50px}
.m-hero-rank table td{height:60px;color:#888}
.m-hero-rank table td.on{color:#deb762}
.m-hero-rank table td:first-child,.m-hero-rank table th:first-child{position:relative;text-indent:10px}
.m-hero-rank table td:first-child:after,.m-hero-rank table th:first-child:after{content:"";position:absolute;bottom:-1px;left:20px}
.m-hero-rank table tbody tr{position:relative;background:#fff;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}
.m-hero-rank table tbody tr:hover{box-shadow:rgba(3,3,8,.15) 0 0 38px;transform:translateY(-5px)}
.m-hero-rank table tbody tr:hover td{color:#deb762}
.m-hero-rank table tbody tr:hover td:first-child:after{background:0 0}
.m-hero-rank table .btn-table-link{display:block;width:354px;height:60px;position:absolute;top:0;left:0}
.m-hero-rank table .hero-pic{display:block;width:40px;height:40px;overflow:hidden;border-radius:50%;position:relative;margin:0 auto;box-sizing:border-box;pointer-events:none;will-change:transform}
.m-hero-rank table .hero-pic img{display:block;width:44px;height:44px;margin:-2px 0 0 -2px}
.m-hero-rank table .rank-num{font-family:DinotBold}
.m-hero-rank table .rank-up{color:#ff481e}
.m-hero-rank table .rank-up:before{content:"";background-position:-1282px -216px;width:7px;height:8px;display:inline-block;vertical-align:0;margin-right:5px}
.m-hero-rank table .rank-down{color:#1dc825}
.m-hero-rank table .rank-down:before{content:"";background-position:-1294px -216px;width:7px;height:8px;display:inline-block;vertical-align:0;margin-right:5px}
.m-hero-rank table .rank-draw{color:#888}
.m-hero-rank table .rank-draw:before{content:"";background-position:-1834px -83px;width:7px;height:2px;display:inline-block;vertical-align:3px;margin-right:5px}
.m-hero-rank table tr:first-child .rank-num,.m-hero-rank table tr:first-child+tr .rank-num,.m-hero-rank table tr:first-child+tr+tr .rank-num{color:#deb762}
.m-hero-rank .btn-more{display:block;text-align:center;width:132px;height:26px;line-height:26px;border:1px solid #dbdbdb;border-radius:3px;color:#888;font-size:12px;font-weight:400;background:0 0;position:relative;overflow:hidden;z-index:1;margin:15px auto}
.m-hero-rank .btn-more:before{content:"";position:absolute;background:none repeat scroll 0 0 #deb762;left:50%;top:50%;width:0%;height:0%;z-index:-1;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;border-radius:50%;opacity:.5}
.m-hero-rank .btn-more:hover{color:#fff}
.m-hero-rank .btn-more:hover:before{height:180px;width:180px;opacity:1}
.m-module{border:1px solid #ebebeb;background:#fff;position:relative}
.m-page-ctrl{margin-top:30px;width:100%;height:40px;text-align:center;font-size:0}
.m-page-ctrl>a{line-height:40px;width:40px;height:40px;display:inline-block;vertical-align:middle;background-color:#e5e5e5;border-radius:50%;margin:0 8px;color:#b5b5b5;font-size:12px;box-sizing:border-box}
.m-page-ctrl>a:hover{background-color:#fff;border:2px #dfb864 solid;line-height:36px}
.m-page-ctrl>a.on{background-color:#fff;border:2px #dfb864 solid;line-height:36px}
.m-page-ctrl>.u-rnl:after{content:'';display:inline-block;vertical-align:middle;vertical-align:middle;margin-top:-2px}
.m-page-ctrl>.u-rnr:after{content:'';display:inline-block;vertical-align:middle;vertical-align:middle;margin-top:-2px}
.m-page-ctrl>.u-omit{font-size:12px;color:#767676;line-height:33px;background-color:transparent}
.m-page-ctrl>.u-rninput{font-size:12px;line-height:40px;height:40px;color:#b5b5b5;margin:0 8px;display:inline-block;vertical-align:middle}
.m-page-ctrl>.u-rninput>input{width:40px;height:40px;line-height:40px;box-sizing:border-box;border:2px #b5b5b5 solid;background-color:#fff;border-radius:50%;margin:-2px 4px 0 4px;text-align:center;color:#7a7979;vertical-align:middle;display:inline-block;vertical-align:middle}
/*! Comm E*/
/*! Animate S*/
@keyframes dropdown{
from{height:0}
to{height:30px}
}
@-webkit-keyframes dropdown{
from{height:0}
to{height:30px}
}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes fadeInRight{
from{opacity:0;-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInRight{
from{opacity:0;-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
/*! Animate E*/
/*! Pop S*/
.pop{position:relative;font-family:'\5FAE\8F6F\96C5\9ED1';outline:0;display:none}
.pop a{-webkit-transition:filter .3s,border .3s,color .3s;transition:filter .3s,border .3s,color .3s}
.pop a:hover{text-decoration:none;-webkit-filter:brightness(1.1);filter:brightness(1.1)}
.pop .pop-close{position:absolute;top:-20px;right:-20px;width:50px;height:50px;background:#fff;border-radius:50%}
.pop .pop-close:after{content:"";background-position:-848px -216px;width:16px;height:16px;position:absolute;left:50%;top:50%;margin:-8px 0 0 -8px}
.pop-hero{width:586px;height:694px;box-shadow:rgba(97,96,96,.23) 0 0 38px;background:#fff}
.pop-hero .pop-hero-list{width:560px;height:630px;margin:35px 0 0 20px;box-sizing:border-box;overflow:auto}
.pop-hero .pop-hero-list::-webkit-scrollbar{width:6px}
.pop-hero .pop-hero-list::-webkit-scrollbar-track{background:#e7e7e7}
.pop-hero .pop-hero-list::-webkit-scrollbar-thumb{background:#deb762}
.pop-hero .pop-hero-list a{width:90px;display:block;float:left;margin:0 0 16px}
.pop-hero .pop-hero-list img{display:block;width:68px;height:68px;margin:0 auto 6px}
.pop-hero .pop-hero-list span{display:block;color:#868686;font-size:12px;text-align:center;height:18px;line-height:18px;overflow:hidden}
/*! Pop E*/