@charset "UTF-8";
/* yedou QQ 24982360 */ 
/* ---------- layout ------------- */
.clearfix{zoom:1}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.hdt{height:0;line-height:0px;overflow:hidden;text-indent:-9999px;font-size:0;_position:absolute}
.fl {float:left}
 .container {
        max-width: 1320px;
    }
.pr {position: relative}
.pa {position: absolute}
.pf {position: fixed}
#footer {background: #000}
.gnb-bar {top:0;left:0;width:100%}
.main {width:1320px;height:860px;margin:550px auto 0 }
.main .section {float:left;margin-bottom:30px;height:260px;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s;position: absolute}
.main .lin-1 {width:330px}
.main .lin-2 {width:660px}
.main .col-info-1 {width:165px}
.main .col-info-2 {width:330px}
.main .col-info-8 {width:1320px}
.main .col-download {z-index: 1;top:0;left:0}
.main .col-banner {z-index: 2;top:0;left:330px}
.main .col-evt{z-index: 3;top:0;left:990px}
.main .col-news{z-index: 4;top:290px;left:0;padding:0 20px;}
.main .col-guide{z-index: 5;top:290px;left:660px}
.main .col-video{z-index: 6;top:290px;left:990px}
.main .col-mode{z-index: 7;top:580px;left:0px;padding:20px 20px 0}
.main .col-role{z-index: 8;top:580px;left:660px;padding:20px 20px 0}
.main .col-gun{z-index: 9;top:580px;left:990px;padding:20px 20px 0}
.main .col-info{z-index: 11;top:870px;left:0;width:1320px;height:180px;background: #11131d}

@media (max-width: 1400px) {
	body {min-width:1000px}
	.main {width:990px}
	.main .col-8 {width:990px}
	.main .col-evt {width:660px;top:290px;left:0}
	.main .col-news {left:330px}
	.main .col-guide{top:580px;left:0}
	.main .col-video{display: none}
	.main .col-mode{left:330px;width:290px}
	.main .col-mode .mode-img {display: none}
	.main .col-gun{display: none}
}

/* -------------- module ----------- */
.home-bg {background: #0a0b13;position: relative}
.main a {display: block}
/* download */
.col-download .btn-download {display: flex;width: 330px;height:180px;background: url(../images/bg_download.jpg) no-repeat 0 0}
.col-download .register-bar {display: flex;width: 330px;height:80px;background: url(../images/bg_register.jpg) no-repeat 0 0}
.col-download .register-bar .btn-register,
.col-download .register-bar .btn-charge {width:165px;height:80px;background: url(../images/btn-reg.png) no-repeat 0 0}
.col-download .register-bar .btn-register:hover {background-position: 0 -80px}
.col-download .register-bar .btn-charge {background-position: -165px 0}
.col-download .register-bar .btn-charge:hover {background-position: -165px -80px}
.col-download .btn-video-normal,.col-download .btn-video-hover {display: none}
/* banner */
.col-banner{overflow:hidden;position:relative;width:660px;height:260px}
.col-banner .run-box {width:660px;height:260px;overflow: hidden;float:left}
.col-banner .run-box ul {width:100%;height:100%}
.col-banner .run-box ul li {float:left;width:660px;height:260px;list-style: none}
.col-banner .run-box ul li img{width:660px; height:260px}
.col-banner .runNum{position:absolute;z-index:88;bottom:10px;right:20px}
.col-banner .runNum a {display:block;width:14px;height:14px;background:#c9cdd9;float:left;margin-right:6px;text-indent: -9999em;transition:all 0.2s;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;border-radius:7px;}
.col-banner .runNum .on {background:#3d4a73;width:28px;}
/* version + event */
.col-evt .btn-version,
.col-evt .btn-event {height:130px;padding:75px 0 0 20px}
.col-evt .btn-version {background: url(../images/bg_ver.jpg) no-repeat 0 0}
.col-evt .btn-event {background: url(../images/bg_evt.jpg) no-repeat 0 0}
.col-evt .btn-version p,
.col-evt .btn-event p{width:95px;height:25px;line-height: 25px;text-align: center;border-radius: 13px;overflow:hidden;position: relative;z-index: 1;transition: all .5s}
.col-evt .btn-version p {color:#5db5d1;border:1px solid #5db5d1}
.col-evt .btn-version:hover p {color: #0a2e3c;border:1px solid #4d9bb5;background:#4d9bb5}
.col-evt .btn-event p {color:#a3bcff;border:1px solid #a3bcff}
.col-evt .btn-event:hover p {color: #1f2d4b;border:1px solid #98b0f0;background:#98b0f0}
/* news */
.col-news {overflow: hidden;background:#f4f6f7 url(../images/bg_news.jpg) no-repeat 100% 0;}
.col-news .news-nav {height:45px;width:450px;border-bottom: 1px solid #d9dbe1;margin-bottom: 10px}
.col-news .news-nav a {width: 75px;height:45px;line-height: 45px;text-align: center;color:#303e6a;float:left;position:relative}
.col-news .news-nav a i {position:absolute;bottom:-2px;left:0;width:0;height: 3px;background:#6374a8;transition: all .5s}
.col-news .news-nav .on i,
.col-news .news-nav a:hover i {width:100%}
.col-news .news-nav .news-more {float:right;font-size: 24px;font-weight: bold;width:30px}
.col-news .news-bar {width:450px;height:180px;position: absolute;top:55px;left: 20px;display: none}
.col-news .on {display: block}
.news-list {width:450px}
.news-list li {height: 30px;line-height: 30px;color:#888}
.news-list li a {color:#888;line-height:35px;overflow:hidden;white-space:nowrap;*white-space:normal;text-overflow:ellipsis;display: inline-block}
.news-list li a:hover {color:#5b6fa6}
.news-list .news-type {color: #314277;padding-right: 5px}
.news-list .news-date {float:right}
/* guide */
.col-guide .btn-guide {width:330px;height:260px;background: url(../images/bg_guide.jpg) no-repeat 0 0}
/* video */
.col-video .btn-video {width:330px;height:260px;background: url(../images/bg_video.jpg) no-repeat 0 0;}
/* common */
.col-nav {height:20px;position: relative;z-index: 2}
.col-nav a {color: #aab9e5;font-size: 16px;padding:0 10px;display: block;float: left;border-right: 2px solid #7e8ebe;height:20px;line-height: 20px}
.col-nav .col-nav-first{padding-left: 0!important}
.col-nav .col-nav-last{border:0 none!important}
.col-nav .on {color: #e1e9ff}
.col-mode .mode-detail,.col-role .role-detail,.col-gun .gun-detail {position: absolute;bottom:10px;left:20px;z-index:2;background: #39456c;font-size: 12px;color:#b2c5f4;text-align: center;width:64px;height:26px;line-height: 26px}
.col-mode .mode-detail:before,.col-role .role-detail:before,.col-gun .gun-detail:before{
	content: ">";position:absolute;top:0;line-height:26px;left:65%;transition: all 0.3s;height: 100%;color: #fff;opacity: 0}
.col-mode .mode-detail:hover:before,.col-role .role-detail:hover:before,.col-gun .gun-detail:hover:before {opacity: 1;left:75%;
}
/* mode */
.col-mode {background: url(../images/bg_mode.jpg) no-repeat 0 0;overflow: hidden}
.col-mode ul {width:660px;height:220px;position: absolute;top:40px;left:0;z-index:1}
.col-mode ul li {position: absolute;top:0;left:0}
.col-mode ul li .mode-info {position: absolute;top:35px;left:-255px;color:#e1e9ff;width:255px}
.col-mode ul li .mode-img {position: relative;left:660px;top:-40px;width:340px;height:260px}
.col-mode .mode-detail:hover {background: #2c385e}
/* role */
.col-role {background: url(../images/bg_role.jpg) no-repeat 0 0;overflow: hidden}
.col-role .col-nav a {border-right: 2px solid #868ca4;color:#868ca4}
.col-role .col-nav .on {color: #3b4771}
.col-role ul {width:330px;height:205px;position: absolute;top:55px;left:0;z-index:1}
.col-role ul li {position: absolute;top:0;left:0}
.col-role ul li .role-info {position: absolute;top:35px;left:-150px;color:#181e30;width:150px;line-height: 22px}
.col-role ul li .role-info .name {font-size: 18px;font-weight: bold;padding-right: 5px}
.col-role ul li .role-info .type {background: #181e30;color:#f5f6f8;height:20px;line-height: 20px;    font-size: 12px;padding:0 6px;display: inline-block}
.col-role ul li .role-info .intro {color: #333}
.col-role ul li .role-img {position: relative;;left:330px;top:-55px;width:330px;height:260px}
.col-role .role-detail {background: #8990a7}
.col-role .role-detail:hover {background: #6d7590}
/* gun */
.col-gun {background: url(../images/bg_weapon.jpg) no-repeat 0 0}
.col-gun .col-nav a {border-right: 2px solid #1378a3;color:#1378a3}
.col-gun .col-nav .on {color: #b1bfd1}
.col-gun ul {position: absolute;top:0;left: 0;z-index: 1;width: 330px;height:260px}
.col-gun ul li {position: absolute;top:0;left:0;display: none}
.col-gun ul li .gun-img {width: 330px;height: 260px}
.col-gun ul li .gun-info {position: absolute;top:165px;left:20px;width:290px;height:84px;border-top:1px solid #266e98;padding-top: 10px;line-height: 20px;color:#50a9de;font-size: 12px}
.col-gun .gun-detail {background: #0b4767}
.col-gun .gun-detail:hover {background: #03293d}
/* info */
.col-info .col-info-1,
.col-info .col-info-2,
.col-info .col-info-8{transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s;float: left;height:180px;text-align: center}
.col-info .title {height:43px;border-bottom: 1px solid #1c2135;line-height: 43px;font-size: 12px;color:#3b4872;text-align: center} 
.col-info .share {display: block;float:left;width:50%;height: 85px;padding-top: 52px}
.col-info .share i {background: url(../images/icon.png) no-repeat 0 0;margin:0 auto;display: block}
.col-info .txweibo i {width:37px;height:35px}
.col-info .weibo i {width:44px;height:35px;background-position: -40px 0}
.col-info .wechat {margin:19px auto 0}
.col-info .connect,.col-info .service {width:185px;margin:30px auto 0;color:#727e9e;line-height: 28px;font-size: 12px;text-align: left}
.col-info .connect a,.col-info .service a {color:#727e9e;display: inline}
.col-info .connect a:hover,.col-info .service a:hover{text-decoration: underline}
.col-info .service {width:265px}
.col-info .cooperation {background: #191c2c;width: 100%;height:136px}
.col-info .cooperation {width:100%;height:136px;overflow: hidden;float:left}
.col-info .cooperation ul {width:100%;height:100%}
.col-info .cooperation ul li {float:left;width:100%;height:136px;list-style: none}
.col-info .cooperation ul li a{width:50%; height:136px;float:left;display: block;text-align: center}
.col-info .cooperation ul li .partner-17173 {background: url(../images/17173.png) no-repeat 50% 50%}
.col-info .cooperation ul li .partner-duowan {background: url(../images/duowan.png) no-repeat 50% 50%}
.col-info .cooperation ul li .partner-58 {background: url(../images/58.png) no-repeat 50% 50%}
.col-info .cooperation ul li .partner-uuu9 {background: url(../images/uuu9.png) no-repeat 50% 50%}
.col-info .cooperation ul li .partner-sw {background: url(../images/sw.png) no-repeat 50% 50%}
.col-info .cooperation ul li .partner-yzz {background: url(../images/yzz.png) no-repeat 50% 50%}
.col-info .cooperation ul li .partner-766 {background: url(../images/766.png) no-repeat 50% 50%}
.col-info .cooperation ul li .partner-sina {background: url(../images/sina.png) no-repeat 50% 50%}
.col-info .cooperation ul li .partner-aipai {background: url(../images/aipai.png) no-repeat 50% 50%}
.col-info .pre,.col-info .next {width:18px;height:12px;text-indent:-9999em;display: block;position:absolute;top:16px;background: url(../images/icon.png) 0 -36px}
.col-info .pre {right:95px}
.col-info .pre:hover {background-position: 0 -48px}
.col-info .next{right:70px;background-position: -18px -36px}
.col-info .next:hover {background-position: -18px -48px}
.col-info .col-info-8 {width:100%;height:90px;float:left;padding-top:20px;color:#38446c; text-align: center;font-size: 12px;line-height:30px}
@media (max-width: 1400px) {
	.main .col-info,.main .col-info-8 {width:990px}
	.main .col-info-1 {width:123.75px}
	.main .col-info-2 {width:247.5px}
	.main .col-info .service {margin-top: 15px}
	.main .col-info .service span {display: block}
	.col-info .pre {right:70px}
	.col-info .next{right:45px}
}

/* animate */
.animate-hide {
	transform:translate(0,40px);
	-webkit-transform:translate(0,40px);
	-moz-transform:translate(0,40px);
	-o-transform:translate(0,40px);
	-ms-transform:translate(0,40px);
	opacity:0
}
/*
     FILE ARCHIVED ON 10:12:09 Mar 17, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 03:10:46 Sep 07, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.664
  exclusion.robots: 0.023
  exclusion.robots.policy: 0.009
  esindex: 0.01
  cdx.remote: 11.389
  LoadShardBlock: 188.582 (3)
  PetaboxLoader3.datanode: 211.111 (5)
  load_resource: 158.23 (2)
  PetaboxLoader3.resolve: 91.067 (2)
*/