@charset "utf-8";

html { cursor: default;min-width: 1200px;overflow-x: hidden;}
h1, h2, h3, h4, h5, h6,p, li, label, td, th {cursor: text;}
a:link, a:visited, a:hover, a:active { cursor: pointer;}
body{width:100%;margin:0; padding:0; font-size:12px; font-family:"微软雅黑",Arial, Helvetica, sans-serif;background-color: #000;color: #333;}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
area{outline:none;}
img{ border:0;outline: none;}
ol,ul{list-style:none;}
a{ font-family:"微软雅黑",Arial, Helvetica, sans-serif;text-decoration:none;outline:none;}
a:hover{ text-decoration:none;}
.clearfix:after {content:"";display:block;height:0;clear:both;}
.clearfix {zoom:1;}
span:focus {
    outline: none;
}
body{}
#contentMain{max-width: 1920px;margin: 0 auto;background: url(../images/mainbg.jpg) no-repeat center 0; position: relative;overflow: hidden;}
/*.zx_load_header{top: 73px !important;}*/
.logo{position: absolute;top:39px;right: 38px;}

.float-nav{position: fixed;top:25%;right:0;width: 166px;height: 412px;background: url(../images/float-bg.png) no-repeat; z-index: 130;}
.float-code{position:absolute;right:14px;top:190px;padding:8px;width: 117px;text-align: center;}
.float-code p{font-size: 16px;color: #fff;}
.float-code h3{margin-top:5px;width: 117px;height: 92px;padding:12px 0;background: url(../images/float-code-bg.png) no-repeat center; right: 50%; }
.float-code h3 img{width: 92px;height: 92px;}
.float-nav ul{position: absolute;top:40px;left:10px;width: 147px;}
.float-nav ul li{width: 100%;margin-bottom: 8px;}
.float-nav ul li a{display: block;width: 147px;height:43px;}
.float-nav ul li a.float-btn-ios{background: url(../images/float-btn1.png) no-repeat 0 0;}
.float-nav ul li a.float-btn-android{background: url(../images/float-btn2.png) no-repeat 0 0;}
.float-nav ul li a.float-btn-desk{background: url(../images/float-btn3.png) no-repeat 0 0;}
.float-nav ul li a:hover{background-position: right 0;}
.btn-float-top{display: block;position: absolute;bottom: 20px;left:50%; margin-left: -25px; width: 51px;height: 35px;background: url(../images/float-top.png) no-repeat center;cursor: pointer;}

/*@media only screen and (min-width: 1920px) {    
  .float-nav{margin-right: -960px;}  
} 
@media only screen and (max-width: 1680px) {    
  .float-nav{margin-right: -830px;}  
}
@media only screen and (max-width: 1280px) {    
  .float-nav{margin-right: -588px;}  
}*/

.header-box{width: 100%;height:850px;position: relative;}
.header-box .the9_btn{
  display: block;
    width: 190px;
    height: 46px;
    position: absolute;
    top: 648px;
    left: 50%;
    margin-left: -95px;
    z-index:10;
}
.header-box.big{height: 864px !important;}
.header-img-big,.header-img-small{position: absolute;left: 50%;top:0;margin-left: -960px;width: 1920px;height: 100%;}
.header-img-small{opacity: 0;height: 500px;}
.header-box.big .btn-4years{display: block;width: 229px;height: 75px;position: absolute;top: 608px;left: 50%;margin-left: -114px;z-index:10;background: url(../images/btn-4years.png) no-repeat center;}
.header-box .btn-4years{display: block;width: 229px;height: 75px;position: absolute;top: 358px;left: 50%;margin-left: -114px;z-index:10;background: url(../images/btn-4years.png) no-repeat center;}
.header-shade{position: absolute;bottom: 0;left: 0;width: 100%;height: 244px;background: url(../images/header-shade.png) no-repeat center;}
.main-box{width: 100%;height: auto;}
.rel{margin:0 auto;width: 1200px;height: auto;position: relative;}
.btn_video{position:absolute; }
.banner-video{display:none;position: absolute;left: 50%;margin-left: -960px;top:0;width: 1920px;}


.header-box .slogan{position: absolute; left:50%; margin-left: -233px; top:25px; width:466px;height:700px;background: url(../images/slogan.png) no-repeat center 0; background-size: 100% auto;}
.header-box .btn_video{width:152px; height:152px; right:-5px; bottom:-10px; display: block; position: absolute; cursor:pointer; background: url(../images/videoplay.png) no-repeat center;z-index: 3;}

.top-share{position: absolute;right: 50px;top:34px;width:356px;z-index: 2;}
.top-btn-home{position: absolute;left: 0;top:0;width: 197px;height: 42px;line-height: 42px;text-align: center;background: url(../images/top-btn-home.png) no-repeat center;color: #fff;font-size: 16px;}
.top-share-list{position: absolute;right: 0;top:0;padding:0 20px;height: 42px;line-height:42px;color:#fff;border-radius: 23px;background: rgba(56,136,171,0.5);}
.top-share-list a{float:right;margin:8px 2px;width: 26px;height: 25px;background: url(../images/top-share-icon.png) no-repeat;}
.top-share-list a.top-share-weixin{background-position: 0 0;}
.top-share-list a.top-share-weixin img{display: none;position: absolute;left: 40px;top:40px;width: 100px;height: 100px;}
.top-share-list a.top-share-weixin:hover img{display: block;}
.top-share-list a.top-share-sina{background-position: -28px 0;}
/*新闻轮播图*/
.more{position: absolute; width: 36px;height: 36px;background-repeat: no-repeat;background-position: center; }
.more:hover{-webkit-transform:rotate(360deg); /* Safari 和 Chrome */-moz-transform:rotate(360deg);  /* Firefox */-ms-transform:rotate(360deg);   /* IE 9 */-o-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:transform 0.6s linear;transition:transform 0.6s linear;}
.news-more{top:-140px;right:10px;background-image: url(../images/more-list.png);}
.news-lunbo {float:left; width:682px; height:314px;overflow: hidden;position: relative;border:2px solid #b4936b;}
/* .news-lunbo:after{display: block;content: '';position:absolute;left:0;top:0;width: 690px;height: 324px;background: url(../images/news-lunbo-kuang.png) no-repeat center; } */
.news-lunbo .hd { height: 16px; position: absolute; right:30px; bottom: 10px; z-index: 10; }
.news-lunbo .hd ul { float: right; }
.news-lunbo .hd ul li { border-radius: 4px; width: 11px;text-indent: -99em; height: 11px; float: left; -webkit-transition: all .3s; -ms-transition: all .3s; -moz-transition: all .3s; transition: all .3s; background: #243143; margin: 0 3px;cursor: pointer; }
.news-lunbo .hd ul li.on { width: 52px;background-color: #b4936b; border-radius: 6px;}
.news-lunbo .bd{}
.news-lunbo .bd li { height: 100%; }
.news-lunbo .bd li img{ width:682px; height:314px;}
.news-lunbo .bd li a { display: block; height: 100%; }
.news-box{float: right;width: 487px;height: 324px;}
.news-hot{margin-left:10px;height:60px;line-height:60px;font-size:20px;text-indent:15px;position: relative;border-bottom: 1px solid #443346; }
.news-hot:after{display: block;content: '';width:5px;height: 47px;background-color: #FFF;position: absolute;left: -12px;bottom: 0;}
.news-hot a{color: #FFF;}

/* 新闻列表 */
.news-list{width: 480px}
.news-list .hd {margin:5px 0 18px;}
.news-list .hd li { float: left;margin:0 40px 0 10px;width:58px;height:50px;color: #ffffff;position: relative;cursor: pointer;}
.news-list .hd li:after{display: block;content: '';position:absolute;left:
63px;top:23px;width: 44px;height: 9px;background: url(../images/news-tab-line.png) no-repeat center;}
.news-list .hd li:last-child:after{display: none;}
.news-list .hd li.on span.txt1{background-color: #706737;color: #ffffff;}
.news-list .hd li span{display: block;position: absolute;}
.news-list .hd li span.txt1{left:0;top:0;font-size: 26px;width: 42px;height: 42px;border-radius: 50%;text-align: center;line-height: 42px;}
.news-list .hd li span.txt2{right:0;bottom:0;font-size: 20px;}
.news-list .bd{position: relative;}
.news-list .bd .news-cont{margin-top:20px;}
.news-list .bd li { height: 28px; overflow: hidden; font-size: 14px; }
.news-list .bd li .time{float: right;color: #edddbf;}
.news-list .bd li a{ max-width: 276px; display: inline-block; height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: normal; word-wrap: normal;color: #edddbf;}
.news-list .bd li a:hover{color: #cf4a37;}
.pics-box{margin:20px auto;}
.pics-box ul{margin-left: -16px;}
.pics-box ul li{float: left;margin-left:18px;width: 286px;height: 157px;background: url(../images/pics-list-kuang.png) no-repeat center;}
.pics-box a{display:block;width: 274px;height: 121px;margin:18px auto;position: relative;color: #fff;}
.pics-box a:hover .pics-hov{opacity: 1;}
.pics-hov{opacity:0;position: absolute;left: 0;top:0;width: 100%;height: 100%;background: rgba(220,108,32,0.7);text-align: center;transition: all 0.5s;}
.pics-hov h3{font-size: 26px;padding: 22px 0 0;}
.pics-hov p{font-size: 14px;}
.pics-hov span{display: inline-block;margin-top:7px;font-size: 14px;border-radius: 10px;border:1px solid #fff;padding: 0 12px;}
.query-box{width: 1239px;height: 152px;margin: 0 auto;}
.query-box a{display: inline-block;width: 150px;height: 180px;margin-left:21px;position: relative;overflow: hidden;}
.query-box a{background: url(../images/query-bg.png) no-repeat;}
.query-box a span{display: block;width: 93px;height: 93px;position: absolute;top: 30px;left: 50%;margin-left: -46px;transition:All 0.4s ease-in-out;-webkit-transition:All 0.6s ease-in-out;-moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out;z-index: 20;
}
.query-box a:hover span{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);
}
.query-box a div{width: 150px;height: 180px;position: absolute;top: 182px;left: 0;background: url(../images/query-on.png) no-repeat;/*background-color:rgba(233,118,34,0.6);*/z-index: 10;}
.query-box .query02 span{background: url(../images/query02.png) no-repeat;}
.query-box .query03 span{background: url(../images/query03.png) no-repeat;}
.query-box .query04 span{background: url(../images/query04.png) no-repeat;}
.query-box .query05 span{background: url(../images/query05.png) no-repeat;}
.query-box .query06 span{background: url(../images/query06.png) no-repeat;}
.query-box .query07 span{background: url(../images/query07.png) no-repeat;}
.query-box .query08 span{background: url(../images/query08.png) no-repeat;}
.query-box .query09 span{background: url(../images/query09.png) no-repeat;}
.query-box .query10 span{background: url(../images/query10.png) no-repeat;}
.query-box .query11 span{background: url(../images/query11.png) no-repeat;}
.query-box .query12 span{background: url(../images/query12.png) no-repeat;}
.query-box a p{width: 150px;position: absolute;top: 135px;left: 0;color: #fff;font-size: 16px;text-align: center;z-index: 20;}
.game_info{float: left;width: 590px;height: 396px;padding-top: 64px;}
.game_tit{height: 50px;margin-bottom: 18px;position: relative;border-bottom: 1px solid #FFF;}
.game_tit span{padding:4px 6px;display:inline-block;font-size: 28px;color: #FFF;border-bottom: 4px solid #FFF;}
.game_tip .game_tit span,.game_info .game_tit span{color: #FFF;}
.more-list{top: 20px;right: 0;background: url(../images/more-list.png) no-repeat;}
.game_tit .more-list{top: 10px;}
.game_info_tit{width: 590px;}
.info_box{ width: 590px; height: 80px; margin-top: 8px; border-bottom: 1px solid #e5c399;}
.info_box .newer{ width: 45px; height: 71px; margin-right: 20px; background: url(../images/newer_icon.png) no-repeat; float: left;;}
.info_box .rumen{width: 45px;height: 71px;margin-right: 20px;background: url(../images/rumen_icon.png) no-repeat;float: left;}
.info_box .jinjie{width: 45px;height: 71px;margin-right: 20px;background: url(../images/jinjie_icon.png) no-repeat;float: left;}
.info_box .newer_list{float: left;width: 440px;height: 71px;}
.info_box .newer_list ul li{width: 440px;margin-top: 12px;}
.info_box .newer_list ul li a{height: 16px;padding-left: 5px;padding-right: 8px;font-size: 14px;color: #edddbf;position: relative;}
.info_box .newer_list ul li a:after{display: block;content: '';width: 1px;height: 16px;background-color: #edddbf;position: absolute;right: 0;top:3px;}
.info_box .newer_list ul li a:hover{color: #FFF;}
.info_box .newer_list ul li a.last{background: none;}
.game_tip{float:right;width: 590px;height: 396px;padding-top: 64px;position: relative;}
.game_tip_tit{width: 590px;}
.game_tip_news{ width: 420px; height: 254px; margin-top: 22px;}
.game_tip_tab{width: 330px;height: 24px;}
.game_tip_tab ul li{width: 51px; height: 24px; margin: 0 1px; cursor: pointer; line-height: 24px; color: #8e6d45; font-size: 14px; float: left; text-align: center; background:url(../images/on.png) no-repeat right 0; position: relative;}
.game_tip_tab ul li.on{background-position: 0 0; color: #FFF;}
.game_tip_tab ul li:last-child{margin: 0;}

.game_tip_list{width: 330px;margin-left: 0;margin-top: 23px;}
.game_tip_list ul{width: 100%;display: none;}
.game_tip_list ul.on{display: block;}
.game_tip_list ul li{width: 100%;height: 20px;padding: 3px 0;
}
.game_tip_list ul li a{width: 330px;height: 20px;font-size: 14px;display: block;line-height: 20px;color: #edddbf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.game_tip_list ul li a:hover{color: #FFF;}

.gt_box{width: 151px;height: 256px;position: absolute;top: 138px;right: 0;}
.gl_btn{width: 151px;height: 124px;position: relative;}
.gl_btn a{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 10;}
.ty_btn{width: 151px;height: 124px;margin-top: 8px;position: relative;}
.ty_btn a{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 10;}
.gt_box .mask{width: 100%;height: 49px;line-height: 49px;font-size: 18px;color: #fff;text-align: center;position: absolute;bottom: 0;left: 0;z-index: 5;background-color: rgba(0,0,0,0.4);}
/* 职业 */
/* 同人专区 */
/*一堆二维码*/
.code_box{width: 1200px;height: 195px;margin: 0 auto 100px;background: url(../images/bottom-code-bg.png) no-repeat left center;position: relative;}
.code_box .erweima01{width: 162px;height: 162px;}
.code01{position: absolute;left: 118px;top:7px;}
.code01 img, .code02 img, .code03 img, .code04 img{width: 136px;height: 136px;border:1px solid #2d6c6a;}
.code02{position: absolute;left: 358px;top:7px;}
.code03{position: absolute;left: 599px;top:7px;}
.code04{position: absolute;left:839px;top:7px;}
.code_box span{font-size: 20px;color: #c4a457;display: block;margin-bottom: 3px;}
.kefu-tel,.kefu-online,.qun-qq{position: absolute;left: 1090px;color: #c4a457;font-size: 14px;width:150px;}
.kefu-tel{top:0;color: #c4a457}
.kefu-online{top:54px;}
.kefu-online a{color: #c4a457;text-decoration: underline;}
.qun-qq{top:107px;}
.qun-qq p{line-height: 18px;color: #c4a457}
.code01 p,.code02 p{position: absolute;bottom: -76px;left:-50px;width:220px;font-size: 20px;color: #deac6e}


.header-box .nie-download {
    width: 532px;
    height: 128px;
    background: url(../images/download/down_bg.webp) no-repeat;
    position: absolute;
    bottom: 100px;
    left: 50%;
    margin-left: -280px;
    padding: 10px;
    padding-left: 12px;
    padding-right: 0;
    box-sizing: border-box;
    z-index: 21;
}

.header-box .down_erweima {
    height:106px;
    width: 106px;
}

.header-box .nie-download .NIE-qrcode {
    width: 106px;
    height: 106px;
    background: #fff;
    border-radius: 5px;
    position: relative;
    float: left;
}

.header-box .nie-download .NIE-qrcode {
    width: 106px;
    height: 106px;
    background: #fff;
    border-radius: 5px;
    position: relative;
    float: left;
}

.header-box .nie-download .buttons {
    width: 171px;
    height: 106px;
    margin: 0 5px;
    float: left;
}

.header-box .buttons .NIE-button-ios {
    background-image: url(../images/download/btn_ios.webp);
    margin-bottom: 4px;
    width: 171px;
    height: 51px;
    background-repeat: no-repeat;
    display: block;
}

.header-box .buttons .NIE-button-android {
    background-image: url(../images/download/btn_and.webp);
    width: 171px;
    height: 51px;
    background-repeat: no-repeat;
    display: block;
}

.header-box .btn-moniqi {
    width: 108px;
    height: 106px;
    background: url(../images/download/btn_moniqi.webp) center no-repeat;
    position: absolute;
    right: 125px;
    top: 10px;
    display: block;
}

.header-box .btn-kefu {
    width: 130px;
    height: 128px;
    background: url(../images/download/kefu.png) center no-repeat;
    position: absolute;
    right: 0px;
    top: 0px;
    display: block;
}

.header-box .shiling {
    width: 55px;
    height: 70px;
    background: url(../images/download/year_tip.png) center / 100% no-repeat;
    position: absolute;
    right: -59px;
    top: 45px;
    cursor: pointer;
}