@charset "UTF-8";@-webkit-keyframes upDown {0%,to {top:8px}
50% {top:108px}
}
@keyframes upDown {0%,to {top:8px}
50% {top:108px}
}
@-webkit-keyframes upDown2 {0%,to {top:22px}
50% {top:143px}
}
@keyframes upDown2 {0%,to {top:22px}
50% {top:143px}
}
.header {height:100vh; max-height:1080px; position:relative;z-index:3}
.mainbox {height:300px;margin:0 auto;z-index:2;position:relative;}
.down-area,.header .top-topic-link {position:absolute;left:0;top:0;width:100%;height:100%}
.header .top-topic-link a {display:block;height:100%;text-indent:-9999em;overflow:hidden;font-size:0}
.down-area {left:395px;top:582px;z-index:10;background:url(../img/ind_downbg-7345123378.png) no-repeat;width:511px;height:162px}
.down-area .down-code {margin-left:14px;margin-top:13px;width:121px;height:135px;border:1px solid #b7dae8;border-radius:5px;position:relative;float:left}
.down-area .down-code img {width:108px;height:108px;background:#fff;margin:5px auto 0;display:block}
.down-area .down-code span {display:block;color:#000;font-size:14px;text-align:center;width:100%}
.down-btn,.down-server {float:left;margin-top:13px;margin-left:8px}
.down-btn a {width:200px;height:64px;line-height:64px;display:block;border-radius:5px;margin-bottom:7px;font-size:24px;color:#fff;font-weight:700}
.down-btn a:hover {text-decoration:none}
.down-btn a i,.down-server-h i {display:inline-block;vertical-align:middle;margin:-4px 13px 0 25px}
.down-btn .down-PC {background:-webkit-gradient(linear,left top,left bottom,from(#ef6147),to(#f2825f));background:-webkit-linear-gradient(top,#ef6147,#f2825f);background:-o-linear-gradient(top,#ef6147,#f2825f);background:linear-gradient(top,#ef6147,#f2825f)}
.down-btn .down-PC:hover {background:-webkit-gradient(linear,left top,left bottom,from(#f47254),to(#f69672));background:-webkit-linear-gradient(top,#f47254,#f69672);background:-o-linear-gradient(top,#f47254,#f69672);background:linear-gradient(top,#f47254,#f69672)}
.down-btn .down-PC i {background:url(../img/ind_down_pc-8cd044318f.png) no-repeat;width:31px;height:28px}
.down-btn .down-reg {background:-webkit-gradient(linear,left top,left bottom,from(#6cbdec),to(#88c0e9));background:-webkit-linear-gradient(top,#6cbdec,#88c0e9);background:-o-linear-gradient(top,#6cbdec,#88c0e9);background:linear-gradient(top,#6cbdec,#88c0e9)}
.down-btn .down-reg:hover {background:-webkit-gradient(linear,left top,left bottom,from(#7ecdf2),to(#9bd0f0));background:-webkit-linear-gradient(top,#7ecdf2,#9bd0f0);background:-o-linear-gradient(top,#7ecdf2,#9bd0f0);background:linear-gradient(top,#7ecdf2,#9bd0f0)}
.down-btn .down-reg i {margin-left:16px;background:url(../img/ind_down_reg-d37578037f.png) no-repeat;width:31px;height:28px}
.down-server {width:145px;margin-left:7px}
.down-server-h {background:-webkit-gradient(linear,left top,left bottom,from(#56baee),to(#9ccaed));background:-webkit-linear-gradient(top,#56baee,#9ccaed);background:-o-linear-gradient(top,#56baee,#9ccaed);background:linear-gradient(top,#56baee,#9ccaed);display:block;height:35px;line-height:35px;width:100%;border-top-left-radius:5px;border-top-right-radius:5px;font-size:16px;color:#fff;text-align:center}
.down-server-h i {width:3px;height:3px;background:#fff;margin:-3px 7px 0}
.down-server ul {width:143px;height:97px;border:1px solid #a7cbdd;border-bottom-left-radius:5px;border-bottom-right-radius:5px}
.down-server li {width:100%;height:48px;line-height:48px;text-align:center;border-bottom:1px solid #a7cbdd;font-size:20px;display:none}
#pop-guide-server ul li:nth-child(1),.down-server li:nth-child(1),.down-server li:nth-child(2) {display:block}
.down-server li:nth-child(2) {border-bottom:none}
.down-server li a {color:#4689bc}
.down-server li i {width:17px;height:17px;line-height:17px;text-align:center;background:#ef6b50;display:inline-block;border-radius:100%;font-size:12px;color:#fff;font-style:normal;vertical-align:middle;margin-left:7px;margin-top:-2px}
.down-server li:hover a {color:#ef6b50;text-decoration:none}
.container {max-width:1200px;margin:0 auto}
.main_m {width:100%;position:absolute;bottom:0;left:0}
#hot_img,.hot_pic {position:relative;overflow:hidden}
.hot_pic {float:left;width:446px}
#hot_img {height:300px}
#hot_img img {width:446px;height:300px}
#hot_img .hot-bar {position:absolute;bottom:10px;right:8px}
#hot_img .hot-bar li {width:13px;height:13px;margin:0 2px;border-radius:13px;-webkit-border-radius:13px;cursor:pointer;float:left;background:#fff}
#hot_img .hot-bar li.on {width:25px;background:#df2f2f}
.next_hot,.prev_hot {height:79px;position:absolute;top:50%;width:50px;margin-top:-40px;background:url(../img/btn_roll.png) no-repeat;cursor:pointer}
.prev_hot {left:0;background-position:0 0}
.next_hot {right:0;background-position:-23px 0}
.next_hot:hover,.prev_hot:hover {filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8}
.common-share {overflow:hidden;margin:70px auto 0;width:280px;border-radius:25px;background:#f3f9f8;padding:5px 0;text-align:center;font-size:0;*word-spacing:-1px}
.common-share .share-txt,.common-share .sharetype {display:inline-block;vertical-align:top;word-spacing:normal;letter-spacing:normal;*display:inline;zoom:1}
.common-share .share-txt {line-height:34px;color:#1f4d90;font-size:16px}
.common-share .sharetype {overflow:hidden}
.common-share a,.newsList li a {height:34px;display:block;overflow:hidden}
.common-share a {float:left;text-indent:-99em;padding:0;margin:0 5px;background:url(../img/share34.png) no-repeat;width:34px}
.common-share a:hover {opacity:.8;filter:alpha(opacity=80);cursor:pointer}
.common-share .quan {background-position:-136px 0}
.common-share .weibo {background-position:0 0}
.common-share .qzone {background-position:-34px 0}
.common-share .weixin {background-position:-68px 0}
.news {width:530px;height:300px;float:left;background:#fff}
.ind_news {padding:0 5px 0 4px;overflow:hidden}
.news_tit {height:54px;color:#fff;width:calc(100% - 8px);position:relative;background:#fff;border-bottom:1px solid #799aab;margin:0 4px;}
.news_tit strong {font-size:18px;float:left;width:114px;line-height:45px;height:45px;margin:6px 20px 0;cursor:pointer;font-weight:400;position:relative;text-align:center;color:#3a5b6c;}
.news_tit .more-link {color:#fff;height:22px;position:absolute;top:17px;right:10px;background:url(../img/sp_icon-82175cd861.png) 62px 2px no-repeat;padding-right:16px}
.news_tit b {height:14px;width:1px;background:#fff;position:absolute;left:114px;top:20px}
.news_tit .point-arrow {width:22px;height:8px;background:url(../img/sp_icon-82175cd861.png) no-repeat;background-position:-20px -5px;position:absolute;left:32px;bottom:-2px;display:none}
.news_tit strong.on,.zhiye-item .desc-box .zhiye-name strong {font-weight:500;border-bottom:3px solid  #3a5b6c;}
.news_tit strong.on .point-arrow,.news_top {display:block}
.news_top {color:#e83535;text-align:center;font-weight:700;width:100%;overflow:hidden;height:46px;line-height:46px;font-size:16px;background:#eef4f9}
.newsList,.newsList ul {overflow:hidden;zoom:1;float:left}
.newsList {border-left:1px solid #dee9f4;border-right:1px solid #dee9f4;border-bottom:1px solid #dee9f4;height:236px}
.newsList .news_item {text-align:center;padding:5px 0}
.newsList .news_item a {font-size:14px;word-spacing:normal;letter-spacing:normal;display:inline-block;color:#4c4d4f;padding:0 10px}
.newsList ul {padding-left:10px;height:172px}
.newsList h3 {padding:13px 6px 6px}
.newsList,.newsList li {width:100%}
.newsList li a {color:#494949;font-size:14px;line-height:34px;border-bottom:1px solid #eff5fa;width:480px;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out}
.newsList li a span {float:right;}
.newsList h3 a:hover {color:#e83535}
.newsList li a:hover {padding-left:6px;color:#e83535;text-decoration:none}
.newsList li a.ind_news_zhid {color:#e83535}
.hot-topic .hot-topic-list li a img,.newsList li a img {padding-left:5px;vertical-align:middle}
.newsList li:last-child a {border:0}
#heated {height:215px;margin-top:15px}
.page-con {padding-bottom:44px;position:relative;z-index:2;background:url(../img/wel_bg02.jpg) no-repeat center bottom;}
.mid-topic {overflow:hidden;padding:35px 0}
.feature_wrap {width:100%;height:354px;background:#d4e8e9}
.faction-box,.feature_wrap {overflow:hidden}
.faction-box .faction-list {height:354px;margin-left:0;*zoom:1;position:relative}
.faction-box .faction-list .item {float:left;width:0;overflow:hidden;padding-left:105px;margin-right:3px;position:relative;height:354px}
.faction-box .faction-list .faction-bar {position:absolute;top:0}
.faction-box .faction-list .faction-con {height:100%;position:absolute;top:0}
.faction-box .faction-list .faction-bar span {font-size:20px;color:#81c6e9;position:absolute;top:88px;left:90px;line-height:1.1}
.faction-box .faction-list .faction-bar {-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;line-height:105px;left:0;font-size:28px;color:#fff;cursor:pointer;letter-spacing:3px;width:105px;height:354px;background:url(../img/test_tab-4a542948ae.jpg) no-repeat 0 0;text-align:center}
.faction-box .faction-list .faction-bar i {display:block;position:absolute;top:297px;left:45px}
.faction-box .faction-list .faction-con {left:108px;width:765px}
.faction-box .faction-list .active {width:525px}
.faction-box .faction-list .active .faction-bar {color:#fff;background:url(../img/test_tabh-037605b24c.jpg) no-repeat 0 0}
.faction-box .faction-list .active .faction-bar span {color:#fff}
.faction-box .faction-list .active .faction-con {width:765px;left:108px}
.faction-box .faction-list .faction-info {width:765px;height:354px;position:absolute;top:0;left:0;z-index:1;color:#494949;font-size:14px;cursor:pointer}
.faction-box .faction-info .intro {width:100%}
.faction-pic img {width:765px;height:354px}
.game-source {width:606px;float:left;margin-left:20px;}
.novice-guide {width:100%;height:72px;background:url(../img/guide_bar-96f9eb41b0.jpg) no-repeat;}
.novice-guide a {display:block;width:calc(20% - 1px);height:72px;line-height:72px;text-align:center;font-size:16px;color:#666;float:left;margin-left:1px}
.novice-guide a:first-child {margin-top:0}
.game-data li a:hover,.novice-guide a:hover {color:#2e99d7;text-decoration:none}
.game-data {width:442px;height:259px;background:#fff;position:relative}
.game-data li {padding-left:15px;height:50px;line-height:50px;overflow:hidden;zoom:1;vertical-align:middle}
.game-data li h3 {color:#333;font-weight:700;margin-right:15px;font-size:0;word-spacing:-1px}
.game-data .tit-prefix,.game-data h3 span {display:inline-block;font-size:16px;word-spacing:normal;letter-spacing:normal;vertical-align:middle;zoom:1}
.game-data .tit-prefix {width:28px;height:28px;margin-right:5px;background:url(../img/sp_icon-82175cd861.png) no-repeat}
.game-data li a {color:#494949;min-width:95px;text-align:center;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;float:left}
.game-data li h3,.game-data li i {float:left}
.game-data li i {width:1px;height:20px;background:#d9eaf9;overflow:hidden;margin:18px 0}
.game-data .basic-setting .tit-prefix {background-position:-293px -381px}
.game-data .pet-system .tit-prefix {background-position:-333px -381px}
.game-data .player-home .tit-prefix {background-position:-373px -381px}
.game-data .activities-play .tit-prefix {background-position:-414px -381px}
.game-data .data-more-bar {width:317px;height:321px;background:url(../img/gamedata_more_bg-d10eed54a4.png) no-repeat;position:absolute;right:-275px;bottom:0}
.game-data .data-more-bar .view-more {width:104px;height:29px;line-height:29px;border:3px solid  #3a5b6c;text-align:center;display:block;font-size:14px;color:#fff;margin:265px 0 0 70px}
.game-data .data-more-bar .view-more i {width:10px;height:14px;background:url(../img/sp_icon-82175cd861.png) -5px -5px no-repeat;margin-left:3px}
.game-related,.game-related li {float:left;-webkit-box-sizing:border-box;box-sizing:border-box}
.game-related {background:#f7fafd;border:1px solid #dee9f4;width:220px;height:299px}
.game-related li {width:107px;height:149px;text-align:center;overflow:hidden;position:relative}
.game-related li.li_1 {border-bottom:1px solid #dee9f4}
.game-related li.li_1,.game-related li.li_3 {border-right:1px solid #dee9f4}
.game-related li.li_2 {border-bottom:1px solid #dee9f4;width:111px}
.game-related li.li_4 {width:111px}
.game-related li span {display:block;width:44px;height:43px;position:absolute;top:40px;left:50%;background:url(../img/sp_icon-82175cd861.png) no-repeat;margin-left:-22px;-webkit-transition:all .4s ease-out 0s;transition:all .4s ease-out 0s;-moz-transition:all .4s ease-out 0s;-o-transition:all .4s ease-out 0s}
.game-related li.li_1 span {background-position:-284px -314px}
.game-related li.li_3 span {background-position:-341px -315px}
.game-related li.li_4 span {background-position:-445px -260px}
.game-related li.li_2 span {background-position:-446px -314px}
.game-related li a {display:inline-block;*display:block;font-size:18px;padding-top:92px;padding-bottom:33px;color:#333;width:100%;-webkit-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}
.game-related li:hover span {top:-44px;opacity:0}
.game-related li:hover a {padding-top:60px;color:#2e99d7;height:55px;text-decoration:none}
.game-related li a i {width:50px;height:50px;background:url(../img/xf_dot-20faa64f15.png) no-repeat 0 0;position:absolute;right:0;top:0}
.down_info {width:214px;margin-right:10px;float:left;margin-top:25px}
.down_img {text-align:center;position:relative;width:214px;height:220px;background:#67adef}
.down_img img {width:178px;height:178px;padding-top:10px;display:block;margin-left:auto;margin-right:auto;margin-bottom:2px}
.down_msg {color:#fff;text-align:center;line-height:23px}
.down_msg i,.game-data .data-more-bar .view-more i,.moddle-tit .more-link i,.zhiye-box .zhiye-icon li i {display:inline-block;vertical-align:middle}
.down_msg i {background:url(../img/down_arrow-eba206bc9c.png) no-repeat;margin-right:6px;width:12px;height:12px}
.down_box {width:214px;height:80px}
.down_box a {float:left;text-indent:-9999em;overflow:hidden;background:url(../img/down_box-4f03b7d5ea.jpg) no-repeat}
.down_box a:hover,.skill-role-box .sub-list a:hover {text-decoration:none}
.down_box .down_a,.down_box .down_i {height:40px;display:block}
.down_box .down_a {width:106px;background-position:0 0}
.down_box .down_i {width:108px;background-position:-106px 0}
.down_box .down_pc {width:214px;height:40px;display:block;background-position:0 -40px}
.down_box .down_a:hover {background-position:0 -80px}
.down_box .down_i:hover {background-position:-106px -80px}
.down_box .down_pc:hover {background-position:0 -120px}
.moddle-tit {color:#3a5b6c;height:50px;line-height:50px;font-size:18px;border-bottom:1px solid #799aab;position:relative;margin:0;padding-top:8px;}
.moddle-tit span {border-bottom:3px solid  #3a5b6c;float:left;height:47px;margin-right:20px;width:111px;text-align:center;font-weight:500;line-height:47px;cursor:pointer;}
.tab_more {display:block;width:21px;height:21px;background:url(../img/more.png) no-repeat;position:absolute;right:5px;top:18px;text-indent:-9999px;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;}
.tab_more:hover {transform:rotate(180deg);}
.strategy {width:102%}
.cw-box a,.game-pet .pet-wrap .pet-icon li.cur span,.jietu-box li a,.skill-role-box .video-show li a,.sp-box .inner-box .pic-wrap a {display:block}
.jietu-box li a:hover strong,.skill-role-box .sub-list a:hover p,.sp-box .inner-box .pic-wrap a:hover strong {color:#2e99d7}
.skill-role-box .sub-list li .trick-tips {width:250px;padding:12px 10px;color:#373733;line-height:18px;background:#fff;border:2px solid #cce3f9;position:absolute;bottom:101px;left:0;z-index:3;text-align:justify;display:none}
.trick-tips s {display:block;width:12px;height:7px;position:absolute;bottom:-7px;left:15px;background:url(../img/sp_icon-82175cd861.png) -6px -27px no-repeat}
.game-other {padding-top:20px;}
.strategy {width:574px;float:left;overflow:hidden;}
.strategy .strategy-wrap {width:100%;height:394px;background:#fff}
.picture-about {margin-top:20px;}
.picture-about .tit-module {width:100%;height:54px;background:url(../img/tit_bar_bg-8c434103cc.jpg) repeat-x;position:relative}
.picture-about .tit-module h2 {padding-left:20px;font-size:24px;line-height:54px;color:#fff}
.picture-about .tit-module .view-more {color:#fff;height:22px;position:absolute;top:17px;right:10px;background:url(../img/sp_icon-82175cd861.png) 62px 2px no-repeat;padding-right:16px}
.picture-about .jietu-box {width:574px;height:250px;float:left;margin-right:20px}
.jietu-box ul {background:#fff;display:block;float:left;width:100%;}
.jietu-box li {float:left;margin:17px 0 0 18px}
.jietu-box li img {width:260px;height:146px;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
.jietu-box li .pic-wrap {height:148px;*width:auto;*height:auto;overflow:hidden;*overflow:visible}
.jietu-box li strong,.sp-box .inner-box .pic-wrap strong {font-size:14px;color:#494949;text-align:center;display:block;font-weight:400}
.jietu-box li strong {width:260px;height:30px;line-height:30px}
.jietu-box li a:hover {color:#494949;text-decoration:none}
.bizhi-box .pic-wrap a:hover img,.jietu-box li a:hover img {-webkit-transform:scale(1.12);-ms-transform:scale(1.12);transform:scale(1.12)}
.picture-about .sp-box {width:293px}
.picture-about .shiping-box {float:left}
.picture-about .bizhi-box {float:left;margin-left:20px;}
.sp-box .inner-box {background:#fff}
.sp-box .inner-box .pic-wrap {padding:15px 15px 0}
.sp-box .inner-box .pic-wrap img {width:263px;height:148px}
.sp-box .inner-box .img-tap {height:148px;position:relative;*width:auto;*height:auto;overflow:hidden;*overflow:visible}
.sp-box .inner-box .pic-wrap a:hover {cursor:pointer;text-decoration:none}
.sp-box .inner-box .pic-wrap strong {height:32px;line-height:32px}
.shiping-box .shiping-mask,.skill-role-box .video-show .shiping-mask {width:100%;height:100%;position:absolute;top:0;left:0;filter:progid:DXImageTransform.Microsoft.gradient(enabled="true",startColorstr="#4C000000",endColorstr="#4C000000");background-color:rgba(0,0,0,.3);-o-transition:all .6s ease;transition:all .6s ease;-webkit-transition:all .6s ease}
.shiping-box .shiping-icon,.skill-role-box .video-show .shiping-icon {width:64px;height:64px;position:absolute;left:50%;top:50%;margin-left:-32px;margin-top:-32px;background:url(../img/sp_icon-82175cd861.png) -248px -145px no-repeat;z-index:3}
.skill-role-box .video-show .shiping-icon {width:37px;height:37px;margin-left:-18px;margin-top:-18px;background:url(../img/sp_icon-82175cd861.png) -202px -422px no-repeat}
.shiping-box a:hover .shiping-icon,.skill-role-box .video-show a:hover .shiping-icon {-webkit-transform:scale(.88);-ms-transform:scale(.88);transform:scale(.88)}
.shiping-box a:hover .shiping-mask,.skill-role-box .video-show a:hover .shiping-mask {opacity:0;filter:alpha(opacity=0)}
.bizhi-box .pic-wrap img,.shiping-box .shiping-icon,.skill-role-box .video-show .shiping-icon {-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
.apt-wrap {width:1200px;margin:0 auto;position:absolute;bottom:0;left:100%;transform:translate(-100%,10px);}
.agetip {width:94px;height:120px;float:left;margin-left:15px;background:url(../img/cadpa.png) no-repeat 0 0;cursor:pointer}
.ban-channel {width:692px;height:180px;padding-top:15px;background:url(../img/slogan_b.png) no-repeat;position:absolute;bottom:0;left:40%;transform:translate(-40%,-50px);}
.ban-channel .down-code {width:136px;height:153px;float:left;background:url(../img/ind_down_codebg-99b7a8280e.png) no-repeat 0 0;margin-left:10px;position:relative}
.ban-channel .down-code img {width:122px;height:122px;margin:7px auto 0;display:block}
.ban-channel .down-code span {font-size:12px;color:#000;text-align:center;width:100%;display:block}
.ban-channel .down-code i {display:block;position:absolute;top:7px;left:5px;-webkit-animation:upDown 4s linear infinite;animation:upDown 4s linear infinite;background:url(../img/ind_down_codeline-49c76d4ed8.png) no-repeat;width:126px;height:13px}
.ban-channel .down-btns {width:170px;margin-left:11px;float:left}
.down-btns a {display:block;width:170px;height:47px;line-height:47px;margin-bottom:5px;border-radius:5px;font-size:18px;color:#fff}
.down-btns a i {display:block;float:left;margin:7px 8px 0 21px}
.down-btns a:hover,.new-server-box a:hover {opacity:.85;text-decoration:none;}
.down-btns .down-iOS {background:#000}
.down-btns .down-iOS i {background:url(../img/ind_icon_ios-6199f4de9c.png) no-repeat;width:30px;height:30px}
.down-btns .down-android {background:#4CAF50}
.down-btns .down-PC {background:#5ed2c9}
.down-btns .down-android i {background:url(../img/ind_icon_android-f759818723.png) no-repeat;width:30px;height:30px}
.down-btns .down-PC i {background:url(../img/ind_icon_pc-b7fa183682.png) no-repeat;width:30px;height:30px}
.ban-channel .new-server {float:left;width:127px;height:150px;background:#fff;border-radius:5px;margin-left:12px;color:#fff;font-size:16px;text-align:center}
.ban-channel .new-server h4 {height:32px;line-height:32px;background:#65c6bd;border-top-left-radius:5px;border-top-right-radius:5px}
.ban-channel .new-server h4 i {display:inline-block;width:3px;height:3px;background:#fff;border-radius:100%;vertical-align:middle}
.new-server-box {margin-top:12px;}
.new-server-box strong {display:block;height:32px;line-height:32px;font-size:24px;color:#ffb540;letter-spacing:2px;text-shadow:0 0 1px #ffb540;overflow:hidden;}
.new-server-box span {display:block;height:26px;line-height:26px;font-size:16px;color:#dca650;}
.new-server-box a {display:block;width:102px;height:31px;line-height:31px;background:#f5cd6d;border-radius:20px;color:#fff;text-shadow:0 1px 1px #ebac3c;margin:8px auto 0;}
/* 底部二维码 */
.code-wrap {overflow:hidden;clear:both;padding:55px 0 35px  310px;}
.code-cont {margin-left:-104px}
.code-item {float:left;position:relative;margin-left:104px;width:222px;height:159px;background:url(../img/code_bg.png) no-repeat 0 0}
.code-item .mod-t {float:left;font-size:18px;color:#fff;width:30px;line-height:30px;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;letter-spacing:1px}
.code-item .mod-t b {font-style:normal;-webkit-writing-mode:horizontal-tb;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb;height:18px;line-height:18px}
.code-item .mod-pic {float:left;margin-left:18px;margin-top:5px;overflow:hidden}
.code-item .mod-pic,.code-item .mod-pic img {width:136px;height:136px}
.code-item p {width:22px;float:left;line-height:22px;color:#fff;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;margin-left:10px;letter-spacing:1px}
.code-item p span {color:#8a6725}
.ind_list_con {overflow:hidden;margin:0 15px 0;}
.ind_list_con li,.ind_pic_img p {font-size:16px;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}
.ind_list_con li {overflow:hidden;border-bottom:1px dotted #c7d0d8;height:48px;line-height:48px;color:#313638}
.ind_list_con li:last-child {border:none;}
.ind_list_con li a {-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;color:#494949}
.ind_list_con li a:hover {color:#2e99d7;margin-left:5px}
.ind_list_con li span,.ind_pic_btn a {display:inline-block;color:#fff;text-align:center}
.ind_list_con li span {margin-right:3px;vertical-align:middle;background:red;border-radius:2px;-webkit-border-radius:2px;margin-bottom:3px;font-style:normal;width:14px;height:14px;line-height:14px;font-size:10px}
.sect-module {margin-top:20px}
.sect-wrap {width:958px;height:322px;float:left;background:url(../img/p_bg.jpg) no-repeat 0 0;position:relative;margin-left:20px}
.sidebar-left {width:222px;height:322px;float:left}
.left_a,.left_a1 {width:100%;height:345px;margin-bottom:10px;float:left;overflow:hidden;}
.left_a1 {height:100px;}
.left_a img {max-width:100%;}
.alast {margin-bottom:0;}
.article-part .article-ser ul,.sect-name li {float:left;width:302px;text-align:center;}
.sect-name {position:absolute;left:0;bottom:22px;z-index:7;margin-left:24px}
.sect-name li {width:50px;color:#607D8B;margin-right:14px;font-size:16px;cursor:pointer}
.sect-name li:hover span {margin-top:-9px}
.sect-name li.cur {color:#ccad5a}
.sect-name li span {display:block;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;line-height:27px}
.sect-name li i {display:block;margin:0 auto}
.sect-name .i-guigu {background:url(../img/dot_guigu-987467c064.png) no-repeat;width:39px;height:39px}
.sect-name .i-jianfa {background:url(../img/dot_jianfa-461cf3282e.png) no-repeat;width:39px;height:39px}
.sect-name .i-bifa {background:url(../img/dot_bifa-5409a8561c.png) no-repeat;width:39px;height:39px}
.sect-name .i-quanfa {background:url(../img/dot_quanfa-4171641c70.png) no-repeat;width:39px;height:39px}
.sect-name .i-chuifa {background:url(../img/dot_quanfa-4171641c70.png) no-repeat;width:39px;height:39px}
.sect-name .i-daofa {background:url(../img/dot_daofa-68781befb0.png) no-repeat;width:39px;height:39px}
.sect-name .i-qiangfa {background:url(../img/dot_qiangfa-b9dcae1903.png) no-repeat;width:39px;height:39px}
.sect-name .i-anqi {background:url(../img/dot_anqi-aaf4d66b40.png) no-repeat;width:39px;height:39px}
.sect-name .i-daojia {background:url(../img/dot_daojia-ab4ba19a43.png) no-repeat;width:39px;height:39px}
.sect-name .i-rujia {background:url(../img/dot_rufa-0f44cf6e43.png) no-repeat;width:39px;height:39px}
.sect-name .i-wushu {background:url(../img/dot_wushu-a10dfaf2c4.png) no-repeat;width:39px;height:39px}
.sect-name .i-yinyang {background:url(../img/dot_yinyang-6cdacdcc9c.png) no-repeat;width:39px;height:39px}
.sect-name .i-fojia {background:url(../img/dot_fojia-2fa35677b6.png) no-repeat;width:39px;height:39px}
.sect-name .cur .i-guigu {background:url(../img/dot_guigu_h-f341ad0d5b.png) no-repeat;width:39px;height:39px}
.sect-name .cur .i-jianfa {background:url(../img/dot_jianfa_h-1bbe712ddf.png) no-repeat;width:39px;height:39px}
.sect-name .cur .i-bifa {background:url(../img/dot_bifa_h-c107e5280a.png) no-repeat;width:39px;height:39px}
.sect-name .cur .i-quanfa {background:url(../img/dot_quanfa_h-c5f818e86c.png) no-repeat;width:39px;height:39px}
.sect-name .cur .i-daofa {background:url(../img/dot_daofa_h-f9ca593f53.png) no-repeat;width:39px;height:39px}
.sect-name .cur .i-qiangfa {background:url(../img/dot_qiangfa_h-cc7efbb1df.png) no-repeat;width:39px;height:39px}
.sect-name .cur .i-anqi {background:url(../img/dot_anqi_h-4e821cc0e6.png) no-repeat;width:39px;height:39px}
.sect-name .cur .i-daojia {background:url(../img/dot_daojia_h-92dcea1957.png) no-repeat;width:39px;height:39px}
.sect-name .cur .i-rujia {background:url(../img/dot_rufa_h-6fd2ab1cb3.png) no-repeat;width:39px;height:39px}
.sect-name .cur .i-wushu {background:url(../img/dot_wushu_h-ef82742b57.png) no-repeat;width:39px;height:39px}
.sect-name .cur .i-fojia {background:url(../img/dot_fojia_h-03fa5db598.png) no-repeat;width:39px;height:39px}
.sect-name .cur .i-yinyang {background:url(../img/dot_yinyang_h-585a718b55.png) no-repeat;width:39px;height:39px}
.sect-part {float:left;width:935px;height:322px;margin-left:23px;position:relative}
.act-line-box li a,.sect-part .tab-item {height:100%;position:absolute;top:0;left:0;display:none}
.sect-part .tab-item.cur {display:block}
.sect-part .intro {width:700px;height:100%;position:relative;z-index:2}
.sect-part .intro .tit {overflow:hidden;line-height:1;padding-top:26px;padding-bottom:15px;background:url(../img/ind_zyline-ad47605697.png) no-repeat left bottom}
.sect-part .intro .tit h3 {float:left;font-size:60px;color:#607D8B;font-family:"宋体";font-weight:bolder;}
.sect-part .intro .tit .t-descript {float:left;font-size:24px;color:#607D8B;vertical-align:middle;margin:37px 0 0 19px;font-weight:500}
.sect-part .intro .t-descript span {display:inline-block;vertical-align:middle;margin:0 7px;font-size:0;width:2px;height:22px;background:rgba(43,141,172,.55);-webkit-transform:rotateZ(20deg);-ms-transform:rotate(20deg);transform:rotateZ(20deg)}
.sect-part .intro .role-tab {position:absolute;line-height:24px;font-size:15px;top:145px;right:0}
.sect-part .intro .role-tab p,.sect-part .intro .role-tab ul {float:left}
.sect-part .intro .role-tab li {float:left;width:68px;text-align:center;border:1px solid #000;margin-left:-1px;cursor:pointer}
.sect-part .intro .role-tab li.cur {color:#fff;background:#afbbed;border-color:#afbbed}
.sect-part .intro .skill-part {position:relative;z-index:1}
.sect-part .intro .ld-part {position:absolute;top:-118px;right:-210px}
.sect-part .role-txt {overflow:hidden;margin-top:10px}
.sect-part .role-txt p {float:left;width:610px;height:104px;font-size:16px;color:#292c2d;line-height:25px;overflow:hidden}
.sect-part .role-txt p span {color:#a07a12}
.sect-part .role-skill {margin-top:6px;position:relative;z-index:1;height:120px;width:520px}
.sect-part .role-skill h3 {font-size:16px;color:#000;height:38px;line-height:38px;font-weight:400;margin-bottom:15px;float:left}
.sect-part .role-skill ul {height:62px;margin:0 -9px;float:left}
.sect-part .role-skill li {width:62px;height:62px;float:left;margin:0 9px;position:relative}
.sect-part .role-skill li img {width:62px;height:62px}
.sect-part .role-skill li:hover {z-index:1;cursor:pointer}
.sect-part .role-skill .info {background:#fff;border:1px solid #f5b825;width:370px;position:absolute;bottom:72px;left:-6px;z-index:1;display:none}
.sect-part .role-skill .info dl {padding:7px 22px}
.sect-part .role-skill .info dt {font-size:24px;border-bottom:1px solid #e5e5e5}
.sect-part .role-skill .info dt span {color:#e7ad22;font-size:16px}
.sect-part .role-skill .info dd {font-size:16px;line-height:1.4;margin:9px 0}
.sect-part .role-skill .info .arrow {position:absolute;bottom:-8px;left:30px}
.sect-part .role-skill .cur .info {display:block}
.tese-wrap {width:958px;overflow:hidden;margin-left:20px;margin-top:15px;float:right}
.tese-list,.tese-list .item {position:relative;float:right}
.tese-list .item {float:left;height:338px;margin-left:0;color:#009688}
.tese-list .item.active {width:660px}
.tese-list .item,.tese-list .item.active .left-part {width:99px;overflow:hidden}
.tese-list .item.active .right-part {left:99px}
.tese-list .left-part,.tese-list .right-part {position:absolute;top:0;height:338px;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
.tese-list .left-part {cursor:pointer;z-index:2;width:99px;left:0}
.tese-list .left-part .inner {padding:90px 0 0}
.tese-list .left-part p {margin:0 auto;width:40px;text-align:center;line-height:40px;font-size:25px;font-family:"宋体";font-weight:700;color:#fff;text-shadow:0 0 0 #009688;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr}
.tese-list .left-part p i {display:block;height:6px}
.tese-list .left-part p span {display:block;margin-bottom:12px}
.tese-list .right-part {left:99px;width:561px;overflow:hidden}
.tese-list .right-part a {display:block;width:100%;height:100%;cursor:pointer}
.tese-list .right-part img,.test-b1 {width:562px;height:338px}
.test-b1 {background:url(../img/ind_tese_t1-6efd06e5ae.jpg) no-repeat;width:99px}
.test-b2 {background:url(../img/ind_tese_t2-fead2ff618.jpg) no-repeat}
.test-b2,.test-b3,.test-b4 {width:99px;height:338px}
.test-b3 {background:url(../img/ind_tese_t3-5f3dee8f93.jpg) no-repeat}
.test-b4 {background:url(../img/ind_tese_t4-01acf67f9d.jpg) no-repeat}
.common-enter-box a .code,.common-nav,.common-nav .logo {position:absolute;left:50%;margin-left:-94px;top:0;z-index:9}
.common-nav {width:100%;margin-left:-50%;background:rgb(0 0 0 / 0.3);filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#ffffff80',endColorstr='#ffffff80')}
.common-nav .main {width:1310px;margin:0 auto;}
.common-nav li {display:inline-block;*display:inline;*zoom:1;vertical-align:top;width:136px}
.common-nav li a {text-align:center;position:relative;text-decoration:none;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out}
.common-nav .nav-menu {height:64px;width:100%;position:relative}
.common-nav .game-inner {margin-left:222px}
.common-nav .nav-inner {font-size:0}
.common-nav .nav-inner i {display:none;width:88px;height:2px;background:#efb702;position:absolute;bottom:0;left:50%;margin-left:-44px}
.common-nav .nav-inner li a {display:block;position:relative;font-size:18px;color:#fff;height:64px;line-height:64px}
.common-nav .dropdown-inner li a:hover,.common-nav .nav-inner li a:hover {color:#efb702}
.common-nav .nav-dygame:hover .qr-box,.common-nav .nav-inner li a:hover i,.common-nav .nav-weibo:hover .qr-box,.common-nav .nav-weixin:hover .qr-box,.common-nav:hover .dropdown-menu {display:block}
.common-nav .dropdown-inner {font-size:0;padding-bottom:14px;padding-top:10px}
.common-nav .dropdown-inner li a {font-size:14px;color:#fff;height:32px;line-height:32px;display:block}
.common-nav .dropdown-inner li a span {padding:4px 1px}
.common-nav .dropdown-inner li a:hover span {border-bottom:1px solid #efb702}
.common-nav .dropdown-menu {width:100%;position:relative;display:none}
.common-nav .qr-box {position:absolute;top:10px;right:-130px;display:none;z-index:3;width:152px;height:152px;background:#fff}
.common-nav .qr-box img {width:146px;height:146px;margin:3px auto 0}
.bg_video {width:1920px;height:1080px;margin-top:-104px;position:absolute;left:50%;top:66px;transform:translate(-50%,0%);}
.slogan-box {width:1000px;height:294px;background:url(../img/slogan.png) no-repeat;position:absolute;top:30%;left:60%;transform:translate(-60%,-30%);z-index:21;}
.w2_banner_zz {display:block;width:1920px;height:150px;background:url(../img/w2_bg011.png) no-repeat 0 0;position:absolute;left:50%;bottom:0;margin-left:-960px;z-index:5;}
.mainbox,.sect-module,.game-other,.picture-about,.code-wrap {float:left;}
@media (min-width:320px) and (max-width:1199px) {
    html,body {min-width:100%;}
    body {background-size:100%;background:#ebf7f8 url(../img/bg_m.jpg) no-repeat center top;}
    #content {min-width: 100%; max-width: 100%;}
    .common-nav {display: none;}
    .header {display: none;}
    .main-bg-wrap img {display:none;}
    .slogan-box {width:100%;top:100px;background-size:contain;height:100px;transform:translate(-50%,0);}
    .bg_video {display:none;}
    .content,.wrap {width:100%;margin:0 auto;}
    .picture-about .jietu-box {width: 100%;height: auto;float: left;margin-right: 0;}
    .jietu-box li {margin: 10px 10px 0;width: calc(50% - 20px);}
    .jietu-box li .pic-wrap { width: 100%;padding-bottom: 58%; height: 0; display: block;}
    .jietu-box li img {width: 100%;height: auto;}
    .jietu-box li strong {width: 100%;}
    .hot_pic {float:left;width:100%;}
    #hot_img {height:auto;}
    #hot_img {height:auto;}
    #hot_img .hot-bar {bottom:10px;right:auto; left: 50%;transform:translate(-50%,-10px);}
    #hot_img a {width:100%;height:0;padding-bottom:67%;display:block;overflow:hidden;}
    #hot_img img {width:100%;height:auto;}
    .news {width:100%; height: 288px;}
    .ind_news {padding:0 5px 0 4px;overflow:hidden;width:calc(100% - 9px);}
    .mainbox,.sect-module,.game-other,.picture-about,.code-wrap {float:none;width:100%;}
    .news_tit {height:44px;}
    .news_tit strong {font-size:16px;line-height:36px;height:36px;margin:6px 0 0;}
    .news_top {height:36px;line-height:36px;font-size:14px;}
    .newsList ul {padding:0 10px;width:calc(100% - 20px);}
    .newsList li a {width:100%;font-size:12px;}
    .newsList,.newsList li {width:calc(100% - 2px);}
    .sect-part .intro .tit h3 {font-size: 30px;}
    .sect-part .intro .tit .t-descript {font-size: 14px;margin: 10px 0 0 8px;}
    .sect-part .intro .tit{ height: 45px;}
    .sect-name{margin-left: 0; top: 176px;}
    .sect-part .role-txt p { width: auto;}
    .sect-name li {width: 60px; margin-right: 0;}
    .sect-part .intro .tit {padding-top: 10px;padding-bottom: 0;}
    .sect-part .intro{width: 98%;}
    .sect-part { width: calc(100% - 10px);margin-left:10px;height: 200px;}
    .sect-wrap{ width:100%; margin-left: 0;}
    .game-related {width: calc(100% - 20px);height: auto;margin: 10px;}
    .game-related li a {font-size: 14px;padding-top: 70px;padding-bottom: 20px;}
    .game-related li span{top:20px}
    .game-related li.li_1 {border-bottom:none;}
    .game-related li.li_2 {border-right:1px solid #dee9f4;border-bottom:none;}
    .game-related li {width:25%!important;height:auto;}
    .picture-about .sp-box {width:100%;margin-left:0;}
    .sp-box .inner-box .pic-wrap img {width:100%;height:auto;}
    .code-cont {margin-left:0px;}
    .strategy {width:100%;}
    .ind_list_con li {height:40px;line-height:40px;font-size:14px;}
    .strategy .strategy-wrap {height:auto;}
    .game-source {width:100%;float:left;margin-left:0;}
    .novice-guide {background: #fff;}
    .sidebar-left {display:none;}
    .sideBar-box {display:none!important;}
    .code-item p{margin-left: 7px; font-size: 14px;}
    .code-wrap {padding:20px 0 0 18px; width: calc(100% - 20px);}
    .code-item {width: 50%;margin:10px 0 20px;height:122px;background:url(../img/code_bg.png) no-repeat 0 0; background-size:166px 120px;}
    .code-wrap div.code-item:last-child {margin-right:auto;}
    .foot {padding:10px;background:#000;}
    .game-advice {line-height:16px;padding:5px 10px;}
    .foot p {line-height:16px;}
    .code-item .mod-pic, .code-item .mod-pic img{ width: 100px; height: 100px; margin-left: 0;}
    .tese-wrap{display: none;}
    .game-data {width: 100%;height: auto;}
    .game-data ul { width: calc(100% -  10px);}
    .game-data li {padding-left: 10px;height: 36px;line-height: 36px;}
    .game-data li h3 { margin-right: 0px; width: 25%;font-size: 100%;}
    .game-data .tit-prefix, .game-data h3 span{font-size: 14px; margin-right: 0!important;}
    .game-data li a {min-width: calc(25% - 1px);font-size: 14px; line-height: 40px;}
    .game-data li i{margin:8px 0;}
    .moddle-tit{padding-top: 0!important;}
    .code-item .mod-t {font-size: 16px;}
    .novice-guide a{font-size: 14px; height: 50px; line-height: 50px;}
    .novice-guide { height: 50px;}
    
    .sect-name li:hover span {margin-top: 0px;}
    .sect-part .role-txt p{ width: 100%; height: auto; font-size: 14px;}
    
    .tab_more{ right: 20px;}
    .sp-box .inner-box .img-tap{ height: auto;}
    }