/*
 * Author: php(206742)
 * Version: 0.1.0
 * Compile Date: 2018-01-08 16:55
*/ 
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;zoom:1}body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}header,footer,article,section,nav,menu,hgroup{display:block;clear:all}html{font-family:"Microsoft YaHei","Helvetica Neue",Helvetica,STHeiTi,Arial,sans-serif;-ms-text-size-adjust:auto;-webkit-text-size-adjust:auto;height:100%}body{margin:0;color:#fff;background-color:#e1e6ea;height:100%;-webkit-overflow-scrolling:touch}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}a{background:transparent;text-decoration:none;-webkit-tap-highlight-color:transparent}a:active{outline:0}img{border:0;vertical-align:middle;-ms-interpolation-mode:bicubic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input::-moz-placeholder,textarea::-moz-placeholder{color:#ccc}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#ccc}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#ccc}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}textarea{overflow:auto;resize:none}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}ul,ol{list-style:none outside none}.fl{float:left}.fr{float:right}.clearfix:after{content:"";height:0;visibility:hidden;display:block;clear:both}.clearfix{zoom:1}.clear{clear:both}.ab-center{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ab-center-x{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.ab-center-y{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.hide{display:none}body{background:#112546}body{max-width:1334px;margin:0 auto;min-height:100%}.main{height:100%;overflow:hidden}.hero-base{background:url(https://img6.99.com/yhkd/image/m/game/hero/bg.jpg) no-repeat fixed top center;height:200px;font-size:0}.hero-base>.head,.hero-base>section{display:inline-block;vertical-align:top}.hero-base .head{width:210px;height:200px;background:#18335c;padding:25px 30px}.hero-base .info{padding:50px 0 0 5px;width:165px;white-space:nowrap}.hero-base .name{font-size:28px;line-height:50px;color:#fff;font-weight:700}.hero-base .type{line-height:34px;font-size:24px;color:#5d91bf}.hero-base .features{font-size:18px;line-height:28px;color:#96cbfa}.hero-base .features span+span{margin-left:5px}.hero-base .data{padding:40px 0 0;margin-right:120px;width:580px;font-size:0}.hero-base .data li{border:12px solid #25477c;border-radius:50%;position:relative;display:inline-block;width:120px;height:120px}.hero-base .data li+li{margin-left:28px}.hero-base .data span{position:relative;z-index:3;display:block;text-align:center}.hero-base .data .txt{padding:12px 0 0;color:#fff;font-size:18px}.hero-base .data .txt:before{content:"";display:block;width:27px;height:28px;margin:0 auto;background-repeat: no-repeat;}.hero-base .data .num{font-size:24px;font-weight:700;color:#ffce34}.hero-base .data canvas{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);top:-10px;left:-10px;position:absolute;z-index:1;width:120px;height:120px}.hero-base .video{display: none;padding:42px 0 0}.hero-base .video-btn{background:#000;width:208px;height:120px;padding:15px 0 0;border:1px solid #6584ae;display:block;font-size:18px;color:#d9af2c;text-align:center}.hero-base .video-btn:before{content:"";display:block;width:51px;height:51px;margin:0 auto 10px;background-repeat: no-repeat;}.hero-detail{background:url(https://img6.99.com/yhkd/image/m/game/hero/bg.jpg) no-repeat center -250px}.hero-detail .swiper-container{overflow:hidden;height:438px}.hero-detail .nav{position:relative;z-index:4;padding:2px 0 0;box-shadow:0 10px 10px #12223e;font-size:0}.hero-detail .nav a{display:inline-block;width:20%;border-top:1px solid #3e6fa3;background:url(https://img6.99.com/yhkd/image/m/game/hero/nav.png) repeat-x;height:108px;color:#98beef;line-height:108px;font-size:30px;text-align:center}.hero-detail .nav a.on{position:relative;background:url(https://img6.99.com/yhkd/image/m/game/hero/nav-on.jpg) no-repeat;background-size:100% 100%;font-weight:700}.hero-detail .nav a.on[data-text]:after{position:absolute;width:100%;content:attr(data-text);color:#fdfefe;left:0;z-index:2;-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,from(#9cadc3),to(rgba(0,0,0,0)))}.hero-detail .nav a+a{border-left:1px solid #08121b}.hero-detail .content{padding:30px 0 0;height:100%;overflow:auto}.slide-intro .intro-list{position:relative;min-height:160px;text-align:center;font-size:0}.slide-intro .intro-list>li+li{margin-left:200px}.slide-intro .intro-list>li{display:inline-block;vertical-align:top}.slide-intro .intro-list>li img{width:126px;height:126px;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;border-radius:50%;border:6px solid transparent}.slide-intro .intro-list>li a{display:block;width:138px;height:138px;position:relative}.slide-intro .intro-list>li a:after{content:"";opacity:0;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateY(15px);transform:translateY(15px);position:absolute;top:145px;left:50%;margin-left:-15px;border-bottom:15px solid #112645;border-left:15px solid transparent;border-right:15px solid transparent}.slide-intro .intro-list>li.on img{border-color:#fccf36}.slide-intro .intro-list>li.on a:after{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.slide-intro .intro-list>li.on .intro-detail{opacity:1;visibility:visible;z-index:10}.slide-intro .intro-detail{visibility:hidden;opacity:0;z-index:-1;position:absolute;padding:10px 100px;left:0;width:100%;top:100%;background:url(https://img6.99.com/yhkd/image/m/game/hero/intro-bg.png) repeat-y center top;background-size:100% 100%;min-height:229px;text-align:left;-webkit-transition:opacity .5s;transition:opacity .5s}.slide-intro .intro-detail .title{color:#ffce34;line-height:36px;font-size:28px;font-weight:700}.slide-intro .intro-detail .desc{font-size:24px;line-height:28px;color:#ffce34}.slide-intro .intro-detail .data{margin:10px 0 0;width:750px;font-size:0}.slide-intro .intro-detail .data>li{color:#639ad3;font-size:20px;line-height:26px}.slide-story{padding-top:30px}.slide-story .content{width:1293px;min-height:299px;font-size:20px;color:#639ad3;background:url(https://img6.99.com/yhkd/image/m/game/hero/story-bg.png) no-repeat;background-size:cover;margin:0 auto;padding:30px 50px}.slide-story .content div{height:239px;overflow-y:auto}.slide-story .content p{text-indent:2em;text-align:justify}.slide-story .content p.no-data{text-indent:0;text-align:center;height:239px;line-height:239px}.slide-equip dl{background:url(https://img6.99.com/yhkd/image/m/game/hero/equip.png) repeat-y center top;min-height:322px;margin:0 0 15px;padding:20px 50px 0}.slide-equip dt{margin:0 0 15px;line-height:40px;font-weight:700;font-size:28px;color:#ffce34}.slide-equip .equip-list{margin-bottom:20px;font-size:0}.slide-equip .equip-list li{width:116px;display:inline-block;vertical-align:top}.slide-equip .equip-list li img{height:116px;width:116px}.slide-equip .equip-list li p{text-align:center;height:30px;line-height:30px;font-size:20px;color:#fff}.slide-equip .equip-list li+li{margin-left:65px}.slide-equip .reason{display:none;font-size:20px;line-height:36px;color:#639ad3}.slide-equip .equip-list,.slide-equip .reason{padding:0 0 0 60px}.loading{text-align:center;font-size:20px}.load-btn{display:block;width:200px;margin:10px auto;color:#d9af2c;text-align:center;text-decoration:underline;font-size:20px}.loading,.load-btn{display:none}.loading.show,.load-btn.show{display:block}.slide-strategy .content{padding-bottom:30px}.slide-strategy .content>.title{margin:10px 0 15px;padding:0 0 0 125px;color:#ffce34;font-size:30px;font-weight:700}.slide-strategy .strategy-list{width:1110px;margin:0 auto}.slide-strategy .strategy-list li{padding:6px 0}.slide-strategy .strategy-list li+li{border-top:1px solid #595959}.slide-strategy .strategy-list a{position:relative;display:block;padding:10px 200px 10px 15px;line-height:38px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:24px;color:#fff}.slide-strategy .strategy-list .time{position:absolute;right:15px;top:50%;margin-top:-15px;font-size:24px;line-height:30px;color:#639ad3}.video-list{font-size:0;padding:0 10px}.video-list li{margin:0 16px 30px;display:inline-block;vertical-align:top}.video-list a{display:block;width:406px;height:230px;overflow:hidden;position:relative}.video-list a:after{content:"";position:absolute;width:86px;height:86px;left:50%;margin-left:-43px;top:30px;background-repeat: no-repeat;}.video-list img{width:100%;min-height:100%}.video-list .info{padding:5px;position:absolute;bottom:0;left:0;background:rgba(0,0,0,.8);width:100%;height:78px}.video-list .title{height:48px;font-size:22px;line-height:24px;color:#fff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.video-list .author{line-height:18px;font-size:18px;color:#639ad3}.video-list .hit{float:right;font-size:18px;line-height:18px;color:#639ad3}.video-list .hit:before{content:"";display:inline-block;margin-right:5px;width:19px;height:14px;vertical-align:top;background-repeat: no-repeat;}.slide-strategy li.no-data,.slide-video li.no-data{margin:30px 0 0;display:block;width:100%;font-size:30px;text-align:center}.article-body,.article{background:#000915}.article{min-height:100%;padding:20px 45px}.article .header{padding:5px}.article .header .title{margin:0 0 10px;font-size:46px;line-height:56px;font-weight:700;color:#ffce34}.article .header .info{font-size:0;padding:0 0 10px;border-bottom:1px solid #1c242f}.article .header .info>*{display:inline-block;vertical-align:top;color:#639ad3;font-size:24px;line-height:34px;font-style:normal}.article .header .info>*+*{margin-left:20px}.article .header .info .hit:before{content:"";display:inline-block;margin:-5px 5px 0 0;width:19px;height:14px;vertical-align:middle;background-repeat: no-repeat;}.article .article-main{padding:15px 0;font-size:28px;line-height:48px;color:#fff}.article .article-main p{text-indent:2em}.article .article-main img{max-width:100%}.article .article-main video{display:block;width:80%;margin:0 auto;}.article-video{padding:20px 0}.article-video .header{position:relative;padding:30px 45px 30px 770px;margin:0 0 15px;height:470px}.article-video .header .title,.article-video .header .info{padding-left:30px}.article-video .video{width:730px;height:410px;position:absolute;top:30px;left:45px}.article-video .video iframe{position:absolute;top:0;left:0;width:100%;height:100%}.article-video .desc{margin:20px 0 0;padding:0 30px;height:275px;overflow:auto;font-size:28px;color:#fff;text-align:justify}.article-video .rel-video .tit{padding:0 0 0 50px;height:50px;background:#4e4f53;color:#dcdad5;font-size:30px;line-height:50px}.article-video .video-list{padding:20px 0}.hero-base .data .txt:before{background-position:-59px 0px}.hero-base .video-btn:before{background-position:-35px -48px}.video-list a:after{background-position:0px -119px}.video-list .hit:before{background-position:-67px -225px}.article .header .info .hit:before{background-position:-67px -225px}.hero-base .data .txt:before,.hero-base .video-btn:before,.video-list a:after,.video-list .hit:before,.article .header .info .hit:before{background-image: url(https://img6.99.com/yhkd/image/m/game/hero/style_z.png)}