@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:770px;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 #876969;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:#000000}
.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  #aa0101}
.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:#703619;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{
    margin: auto;
    position: relative;
    top: 550px;
    display: flex;
    height: 185px;
    width: 1200px;
    justify-content: center;
    }


.apt-wrap::before {
    background: url(../img/slogan_border.webp) no-repeat left 0;
    left: -10px;
}
.apt-wrap::after {
    background: url(../img/slogan_border.webp) no-repeat right 0;
    right: -10px;
}
    .apt-wrap::before,
    .apt-wrap::after{
    content: '';
    height: 100%;
    width: 120px;
    background-size: 259px;
    position: absolute;
    top:0
}
.ban-channel {
    background: url(../img/slogan_bg.webp) repeat-x 0 2px;
    padding: 20px 0px;
    display: flex;
    gap: 30px;
    align-items: center;

    background-size: 146px;

}

.agetip {
    width: 95px;
    height: 125px;
    position: relative;

    border-radius: 10px;
         border: 1px solid #ffffffcc;
    background: #ffffff8a url(../img/cadpa.png) no-repeat center;
    cursor: pointer; z-index: 1;
}
.ban-channel .down-code {

    height: 125px;    padding: 0px 8px;
    position: relative;
    border: 1px solid #ffffffcc;
    border-radius: 5px;
    background: #ffffff8a;
    z-index: 1;
}
.ban-channel .down-code img {
    width: 115px;
    display: block;
    margin: auto;
    padding-top: 6px;
}
.ban-channel .down-code span{font-size:12px;color:#000;text-align:center;width:100%;display:block;padding-top: 7px;}
.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 {display: flex; gap: 20px;    position: relative;z-index: 1;}

.ban-channel .new-server{background:#fff;border-radius:5px;color:#fff;font-size:16px;text-align:center;display: flex;   align-items: center;    overflow: hidden;    box-shadow: 1px 2px 7px 1px #9c9c9c;}
.ban-channel .new-server .server-title {
    background: #65c6bd;
    height: 70px;
    line-height: 20px;
    width: 91px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.down-btns a{display:block;width:170px;height:47px;line-height:47px;margin-bottom:5px;border-radius:30px;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 i{background:url(../img/ind_icon_ios-6199f4de9c.png) no-repeat;width:30px;height:30px}


.down-btns .down-iOS{
    background: linear-gradient(168deg, #424242, #000);
    box-shadow: 6px 2px 11px 3px #42424270;
}

.down-btns .down-PC{background: linear-gradient(168deg, #007bf3, #0663c0);
    box-shadow: 6px 2px 11px 3px #007bf370;
}

.down-btns .down-PC i{background:url(../img/ind_icon_pc-b7fa183682.png) no-repeat;width:30px;height:30px}
.new-server-box { display: flex;align-items: center;padding:0px 20px;}


   .down-btns .down-android {
    background: linear-gradient(168deg, #65d76a, #308834);
    box-shadow: 6px 2px 11px 3px #07530d70;
}
   .down-btns .down-android i{background:url(../img/ind_icon_android-f759818723.png) no-repeat;width:30px;height:30px}

.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 .down-btns a{display:block;width:102px; height: 60px; line-height: 60px;background:#f5cd6d;border-radius:20px;color:#fff;text-shadow:0 1px 1px #ebac3c;}
.new-server-box .ns-time{padding:0px 12px}
.new-server-box .ns-detail a {
    display: block;
    height: 24px;
    line-height: 24px;
    background: #ffd347;
    border-radius: 20px;
    color: #080808;
    width: 80px;
    padding: 5px;
}
.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:#923713;font-family:"宋体";font-weight:bolder}
.sect-part .intro .tit .t-descript{float:left;font-size:24px;color:#923713;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:rgb(253 179 174);-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:50px;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:172px}
.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%}

#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}
}