@charset "UTF-8";

body{font-family: "\5FAE\8F6F\96C5\9ED1";font-family:'Microsoft Yahei';overflow-x:auto;font-size: 14px;line-height: 28px;min-width: 1200px;color: #060606;}
.hid{display: none;}
.pa{position: absolute;}
.tc{text-align: center;}
.fl{float: left;}
.fr{float: right;}
.db {display: block;text-indent: -999em;}
.clearfix:after{ content:" "; height:0;visibility:hidden;display:block;clear:both;font-size:0;line-height:0;}
.clearfix{*zoom:1;position: relative;}
.spr{display: block;background-image: url('//game.gtimg.cn/images/cqsj3d/web201805/spr.png');}
.ost_box{min-width: 1200px !important;}
.wrap{width: 100%;min-width: 1200px;max-width: 1920px;margin: 0 auto;overflow: hidden;background: url(../images/bg-part4.jpg) no-repeat center bottom;background-color: #fefdf9;}
.wrap .content{margin: 0 auto; position: relative;}
.wrap .content{width: 1026px;}
.con-part{position: relative;background: no-repeat center top;width: 100%;}
.con-part1{background-image: url(../images/bg-part1.jpg);height: 788px;}
.con-part2{/* background-color: #faf9f4; */}
.con-part3{/* background-color: #fdfcf7; */}
.con-part4{background: no-repeat center top;height: 375px;background-color: transparent;position: relative;/* top: -48px; */}
.con-part5{height: 470px;display: none;}
.tabpane{display: none;}
.tabpane.on{display: block;}
.btn-more{width: 67px;height: 25px;line-height: 25px;background-position: 49px -110px;right: 12px;*right: -20px;top: 17px;color: #e0b242;/* text-indent:-9999em; */}
.guide .btn-more{top: 15px;right: 15px;}
.careerinfo .btn-more{top: 22px;*right: 12px;}
.con-part .content{padding: 20px 0;overflow: hidden;}
.con-part1 .content{position: absolute;left: 50%;margin-left: -524px;bottom: 0;overflow: hidden;padding-left: 335px;width: 700px;padding-bottom: 0px;}
.new-text{display: none;width: 405px;height: 43px;padding-left: 137px;padding-right: 12px;line-height: 43px;position: absolute;top: 433px;left: 50%;margin-left: -141px;color: #f9f5e7;background: url(../images/recommend.jpg) no-repeat;/* display: none; */text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
/*comm*/
.nav-container .nav .nav-list .navlink-a{color: #eed184;}
/*pop s*/
.pop {display:none;width:800px;height:500px;border:5px solid #c9984a;position:relative;background-color:#c9984a;}
.btn-pop-close{display:block;width:40px;height:40px;text-align:center;line-height:36px;background-color:#c9984a;cursor: pointer;position:absolute;right:-45px;top:-5px;font-family:Tahoma;font-size:30px;color:#fff;text-decoration: none;}
.btn-pop-close:hover {color:#fff;text-decoration:none;}
.pop#vindex-play .pop-con,.pop-con .tenvideo_player{width: 800px;height: 500px;}
/*pop e*/

.download,.book{width: 314px;height: 254px;position: absolute;background: url(../images/bg-down.png) no-repeat;left: -1px;top: -1px; display: none;}
.download{display: block;left: 6px;top: 68px; }
.download .ewm{left: 11px;top: 34px;width: 139px;height: 136px;}
.book .ewm{left: 48px;top: 50px;width: 173px;height: 173px;}
.download li{right: 14px;width: 100%;height: 66px;}
.download li a{width: 100%;height: 100%;}
.download .li1{top: 34px;width: 147px;}
.download .li2{top: 104px;width: 147px;}
.download .li3{top: 175px;width: 295px;}


.arrow{display: block;width: 48px;height: 52px;position: absolute;z-index: 9;bottom: 0;background: url(../images/dir-ggBox.jpg);background-position: -1px -1px;}
.btn-next{left: auto;right: 0px;background-position: 1px -86px;}
.ggBox {width: 700px;height: 300px;}
.ggBox {position:relative;overflow:hidden;} 
.bt_banner .swiper-pagination-bullet{background:url("../images/btn.png") no-repeat; background-size: 21px 21px; width: 21px; height: 21px; opacity: 1}
.bt_banner .swiper-pagination-bullet-active{background:url("../images/btnc.png") no-repeat; background-size: 21px 21px; width: 21px; height: 21px}



.news{width: 620px;position:relative;background-color: #fff;}
.news .top-news{width: 78%;height: 107px;border-bottom: 1px solid #f9f5e7;margin-bottom: 20px;background: url(../images/bg-top-news.jpg) center left no-repeat;padding-left: 22%;padding-top: 15px;}
.news .top-news a{color:#fff;width: 97%;position: relative;overflow: hidden;color: #4e4141;display: block;}
.news .top-news a:hover b{text-decoration: underline;}
.news .top-news .topnews-icon{background-color: #a8271a;color: #fff;border-radius: 3px;display: block;width: 70px;text-align: center;}
.news .top-news b{margin:5px 0; display: block;font-size: 17px;line-height: 20px;color: #a8271a;}
.news .top-news .time{color: #dab362;font-size: 11px;}
.news .news-list li .link-title{width: 470px;}
.news-nav{height: 48px;color: #584315;font-size: 16px;text-align:center;line-height: 48px;/* background: #f9f5e7; */position: relative;border-bottom: 1px solid #e3d8b7;}
.news-nav li{float:left;height: 48px;cursor:pointer;width: 116px;position: relative;}
.news-nav li span{width: 100%;height: 100%;display: block;}
.news .news-nav li:after,.news-nav li:after{content: " ";width: 1px;height: 20px;display: block;border-left: 1px solid #8a5d41;position: absolute;left: -1px;top: 15px;opacity: 0.26;}
.news-nav li.on span{color: #fff;background: url(../images/news-bg.png) 17px 3px no-repeat;}
.news-list{width:100%;min-height:230px;}
.news-list li{width:100%;height: 20px;line-height: 20px;vertical-align:bottom;margin: 15px 0;}
.news-list li .sort-type{float:left;width: 40px;border-right: 1px solid #cac0c0;margin-right: 10px;}
.news-list li .link-title{float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-list li .time{float:right;width:70px;text-align:right;color: #807b7b;font-size:12px;}
.news-list li a{color: #545454;}
.news-list li:hover a,.news-list li:hover .time{color: #dab362;}

.gl-news,.video-news{width:620px;height: 420px;background: #fff;position: relative;}
.gl-news .news-list li .link-title{width: 520px;}
.gl-news .news-list{margin-top: 16px;}
.gl-news .news-nav li.on span,.video-news .news-nav li.on span{/* background: none; *//* background: 0; *//* border-bottom: 3px solid #8a5d41; *//* color: #584315; *//* font-weight: bold; */height: 96%;background-position: center;background-size: 100% auto;}
.gl-news .news-nav,.video-news .news-nav{background: none; background: 0;border-bottom: 1px solid #ddcdbc;}
.video-news .news-nav li.on span{background-position: 5px 9px;}
.video-news{width: 390px;}
.video-news .news-nav li{width: 88px;}
.video-news .video-list{width:100%;margin:18px 0}
.video-news .video-list li{width: 184px;height: 135px;float:left;margin: 5px;position:relative;}
.video-news .video-list li .imgbox{display:block;width:100%;height:105px;overflow: hidden;}
.video-news .video-list li img{width:100%;min-height:105px;transition: all 0.2s linear;-webkit-transition: all 0.2s linear;}
.video-news .video-list li i{display:block;position:absolute;width: 34px;height: 34px;background-position: 0px -165px;left:50%;top: 32px;margin-left: -17px;}
.video-news .video-list li em {display:block;width:100%;height: 34px;text-align:center;line-height: 34px;font-style:normal;color: #757575;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.gl-news .gllink{overflow: hidden;margin-bottom: 10px;}
.gl-news .gllink li,.gl-news .gllink li img{width: 304px;height: 113px;}
.gl-news .gllink li.li1{float: left;}
.gl-news .gllink li.li2{float: right;}
.gl-news .gllink li img:hover,.event ul li img:hover{opacity: 0.88;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;}
.video-news .video-list li img:hover{transform: scale(1.02);-webkit-transform: scale(1.02); transition: all 0.2s linear;-webkit-transition: all 0.2s linear;}
.teverns{width:620px;height: 420px;/* background: #fff; */position: relative;}
.bbs{width: 390px;height: 420px;/* background: #fefbf6; */position: relative;}

h2.icon-title{color: #584315;font-weight: bold;font-size: 20px;line-height: 50px;padding-left: 26px;position: relative;}
h2.icon-title em{position: absolute;width: 20px;height: 22px;background-position: 0px -138px;left: 0px;top: 14px;*top: 4px;}
h2.icon-title span{margin-left: 8px;color: #979693;font-size: 10px;font-weight:200;}
.guide h2.icon-title{margin-left: 20px;color: #ebba4b;}
.guide h2.icon-title em{}
.guide h2.icon-title span{
    color: #ebba4b;
}

.careerinfo{width: 100%;height: 490px;position: absolute;top: 530px;left: 50%;margin-left: -50%;background: url(../images/role-bg.jpg) center top no-repeat;overflow: hidden;}
.careerpic{width: 646px;height: 490px;overflow: hidden;position: absolute;top: 0;left: 50%;margin-left: -514.5px;}
.careerpic .career-taba{position: absolute;width: 50px;height: 50px;top: 220px;z-index: 3;left: 20px;}
.careerpic .career-taba li{width: 50px;height: 62px;display: block;text-indent: -999em;cursor: pointer;background: url(../images/bg-career-taba.png) no-repeat;}
.careerpic .career-taba li.li1{background-position: 0 -6px;}
.careerpic .career-taba li.li2{background-position: 0 -125px;}
.careerpic .career-taba li.li3{background-position: 0 -67px;}
.careerpic .career-taba li.on{background-image: url(../images/bg-career-taba-on.png);}
.careerpic img{width: 100%;}
.careerpic .career-icon{position:absolute;top: 38px;z-index: 3;left: 16px;width: 75px;}

.event{width:100%;height: 199px;overflow: hidden;margin-top: 124px;}
.event ul{/* padding:15px 0; */width:1100px;}
.event ul li{width:250px;height:144px;margin-right:9px;float:left;position: relative;}
.event ul li.li4{margin:0}
.event ul li img{width:100%;height:100%;}

.guide{width: 365px;height: 886px;background: url(../images/bg-guide.jpg) no-repeat center top;margin-left: 40px;position: relative;z-index: 5;}
.guide .btn-toguide{width:100%;height: 74px;}
.guide ul{width: 325px;margin: 0px 20px;}
.guide ul li{width: 100%;position:relative;color: #e2dbce;overflow: hidden;clear: both;margin-left: 10px;margin-bottom: 17px;}
.guide ul li .title-text{display: block;width: 100px;height: 30px;line-height: 30px;font-size: 16px;text-align: center;border: 1px solid #897566;font-weight: 700;}
.guide ul li a{font-size: 15px;padding-left: 10px;color: #ac998f;display: block;border-right: 1px solid #ac998f;float: left;height: 18px;line-height: 18px;margin-top: 14px;padding-right: 10px;}
.guide ul li a.li-btn-last{border-right: none;}
.guide ul li:hover a{opacity: 0.9;}
.guide img.event-img{display: block;width: 100%;}
.guide img.event-img1{margin-top: 47px;}
.guide .guide-btn{display: block;position: relative;width: 89%;margin: 15px auto;}
.guide .guide-btn4{overflow:hidden;}
.guide .guide-btn4 .ewm{position: absolute;display: none\9;right: 0;top: 2px;z-index: 10;width: 100px;height: 100px;transform: translateX(1000px);-webkit-transform: translateX(140px);transition: 0.6s all linear;-webkit-transition: 0.6s all linear;}
.guide .guide-btn4:hover .ewm{display: block\9;transform: translateX(0px);-webkit-transform: translateX(0px);}

#ts-slide{width: 100%;position:relative;overflow:hidden;height:368px;margin: 0 auto 0;}
#ts-nav{width:1032px;position:relative;overflow:hidden;height:368px;z-index:10;}
#ts-nav a{width:42px;height:368px;display:block;text-indent:-999em;position:absolute;top:0;}
#ts-slide .n1{left:0;background: url(../images/btn-ts-btn1.png) no-repeat;}
#ts-slide .on .n1{background-image: url(../images/btn-ts-btn1-on.png);}
#ts-slide .n2{left: 847px;background: url(../images/btn-ts-btn2.png) no-repeat;}
#ts-slide .on .n2{background-image: url(../images/btn-ts-btn2-on.png);}
#ts-slide .n3{left: 892px;background: url(../images/btn-ts-btn3.png) no-repeat;}
#ts-slide .on .n3{background-image: url(../images/btn-ts-btn3-on.png);}
#ts-slide .n4{left: 937px;background: url(../images/btn-ts-btn4.png) no-repeat;}
#ts-slide .on .n4{background-image: url(../images/btn-ts-btn4-on.png);}
#ts-slide .n5{left: 982px;background: url(../images/btn-ts-btn5.png) no-repeat;}
#ts-slide .on .n5{background-image: url(../images/btn-ts-btn5-on.png);}
#tsCon{width: 800px;height: 368px;position:absolute;top:0;left: 44px;z-index:9;overflow: hidden;}
#tsCon .ts{display:none;width: 865px;height: 368px;}
#tsCon .on{display:block;}

.teverns .news-warp{width: 620px;overflow: hidden;height: 345px;position: relative;}
.teverns .news-nav li.on span{background-image: url(../images/news-bg2.png);background-position: 0px 6px;}
.teverns .message{height: 50px;position: absolute;bottom: 0;left: 0;width: 100%;background: rgba(102,62,28,.8);padding-top: 7px;}
.teverns .message p{color: #faf3e4;font-size: 16px;margin-left: 20px;line-height: 21px;}
.teverns .message .box-dir{width: 80px;height: 30px;position: absolute;top: 15px;right: 20px;overflow: hidden;clear: both;}
.teverns .box-dir a{background: url(../images/dir-btn.png) no-repeat;display: block;width: 30px;height: 30px;float: left;}
.teverns .box-dir a.btn-next{float: right;background-position: -55px 0px;}
.tavern-list{overflow: hidden;clear: both;/* margin-top: 20px; */width: 2520px;height: 345px;position: relative;}
.tavern-list li{width: 620px;height: 345px;float: left;/* margin: 3px; */overflow: hidden;position: relative;}
.tavern-list li .mask-box{display: block;width: 100%;height: 288px;background-color: rgba(0,0,0,.5);position: absolute;top: 0;left: 0;opacity: 0;filter: alpha(opacity = 0);transition: all .6s;-webkit-transition: all .6s;cursor: pointer;}
.tavern-list li .mask-box span{display: none;width: 160px;height: 160px;background: url(../images/tavern-code.png);position: absolute;top: 50%;margin-top: -80px;left: 50%;margin-left: -80px;}
.tavern-list li:hover .mask-box{display: block; opacity: 1; filter: alpha(opacity=100); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f000000, endcolorstr=#7f000000);}
.tavern-list li:hover .mask-box span{display: block;}
.tavern-list li.first-list{width: 200px;height: 270px;}
.tavern-list li img{max-width: 100%;min-height: 100%;}
.bbs .link-img-a{display: block;width: 378px;height: 105px;margin: 24px auto 6px;}
.bbs .link-img-a img{display: block; width: 100%; height: auto;}
.bbs .news-list li .link-title{width: 300px;}
.bbs .news-list li{margin: 14px 0;}

.channels-box{margin: 70px auto;width: 1046px;height: 132px;padding: 25px 0;background: url(../images/btn-channels.png) no-repeat;overflow: hidden;}
.channels-box a{width: 310px;float: left;height: 132px;margin: 0 17px;}
/*owe*/
.owe-box{width: 419px; height: 170px; background:url(../images/owe-bg.png); position: fixed; top: 50%; right: 5px; margin-top: -85px; z-index: 99;}
.link-owe{display: block; width: 310px; height: 100px; background-color: #fff; opacity: 0; filter:alpha(opacity:0); margin: 52px 0px 0px 45px;}
.btn-close-owe{display: block; width: 30px; height: 30px; position: absolute; top: 0px; right: 29px;}
.wrap {
    width: 100%;
    min-width: 1200px;
    max-width: 1920px;
    margin: 0 auto;
    overflow: hidden;
    background: url(../images/bg-part4.jpg) no-repeat center bottom;
        background-color: rgba(0, 0, 0, 0);
    background-color: #fefdf9;
}
.bt_banner .swiper-button-prev {
    display: block;
    width: 48px;
    height: 52px;
    position: absolute;
    z-index: 9;
    bottom: 0;
    background: url(../images/dir-ggBox.jpg);
        background-position-x: 0%;
        background-position-y: 0%;
    background-position: -1px -1px;
}
.bt_banner .swiper-button-next {
    display: block;
    width: 48px;
    height: 52px;
    position: absolute;
    z-index: 9;
    bottom: 0;
    background: url(../images/dir-ggBox.jpg);
        background-position-x: 0%;
        background-position-y: 0%;
    background-position: 1px -86px;
}
.swiper-button-prev::after, .swiper-button-next::after {
    content: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}