/*全局*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,header,footer,section,aside,article{padding:0;margin:0}
body { background: #0a0809; font-size:12px; font-family:"Microsoft YaHei",Tahoma,SimSun,Verdana;}
address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal}
abbr,acronym,img,input{border:0}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
ul,ol,li{list-style:none;}
table{border-collapse:collapse;border-spacing:0}
.fr{float:right;}
.fl{float:left;}
.disb{display:block;}
.hid{display:none;}
.disib{display:inline-block;*display:inline;*zoom:1;}
a{color:#d7b591; text-decoration:none} 
a:hover{color:#fff; text-decoration: none; }
a:focus,input:focus{outline:0}
img{border:0;vertical-align:top; }
.clr { clear: both; }

.mainboxtop{margin: 0 auto;width: 100%; margin-top:0; position:relative; z-index:10; min-width:1200px; }
.mainbox{margin: 0 auto; width: 1200px;height: 100%;position: relative; min-width:1200px; }

/*------ banner大图 ------*/
#banner {
	width: 100%; 
	height: 900px; 
	min-width:1200px; 
	z-index: 9;
	margin: 0 auto;
	position: relative;
	display: block;
	clear:both; 
	overflow: hidden; 
}
.bannervideo { width: 100%; height: auto; position: absolute; margin: 0 auto; top: 0; z-index: 2; display: block !important; overflow: hidden; }
.bannervideo video { object-fit:fill; width: 100% !important; height: auto; min-width:1200px; }
#bannerbg {
	width: 100%;
	height: 900px;
	position: absolute;
	overflow: hidden;
	z-index: 1;
	background: url(../images/bg.jpg) no-repeat center top;
	min-width:1200px; 
	background-size: cover;
	top:0;
	background-size: 100% auto;
}
#bannertxt {
	width: 1200px;
	height: 900px;
	z-index: 999;
	margin: 0 auto;
	position: relative;
	display: block;
	min-width:1200px; 
}
#logo {
	width: 740px;
	height: auto;
	position: absolute;
	right:1%;
	top:15%;
	z-index: 99;
}

#logo h1 {
	display: none;
}

#banner .txt1 {
	width: 725px;
	height: auto;
	position: absolute;
	top: 35%;
	right:0;
	background: url(../images/bannertxtbg.png) no-repeat;
	background-size: cover;
}

#banner #logo img,#banner .txt1 img { width: 100% !important;height: 100%; }


/*------下载------*/
.gamedownbg { width: 100%; height:260px; position: absolute; top:700px; z-index: 9999; background: url(../images/downboxbg.png) no-repeat center; min-width: 1200px; }
.gamedown{ height:180px; width:660px; margin: 0 auto; padding:0; }
.gamedown div { width: 200px; height:180px; float: left; margin: 0; }
.gamedown a { width: 200px; height:180px; display: block; text-indent: -9999px; }
.gamedown .login,.gamedown .login a { width: 260px; }
#boxIOS,#boxAndroid{ display:none; width: 140px; height: 140px; margin: -115px 0 0 25px; background:#f6f6f6; border-radius: 0.5em; padding:10px; text-align:center; }
#boxIOS img,#boxAndroid img { width: 140px; height: 140px;}
.gamedown a:hover { top:12px; position: absolute; }

/*滚动公告*/
#scrollDiv{width:700px; height:40px; margin:15px auto 20px; overflow:auto; padding:9px 0;z-index:20;position: relative; }
#scrollDiv h4 { float: left; line-height: 40px; color:#c5a261; }
.t_news{ height:40px; overflow:hidden; position:relative; }
.news_li,.swap{ line-height:40px; display:inline-block; position:absolute; }
.news_li a,.swap a{ color:#b7ad9b;}
.swap{top:40px;}

/*------ banner自适应 ------*/
@media screen and (min-width: 1366px) and (max-width: 1440px){
	.mainboxtop { margin-top:-155px; }
	#banner { height: 718px; }
	#bannertxt { height: 400px; }
	#banner #logo { width: 26%; top: 3%; right: 18%; }
	#banner .txt1 { width: 38%; top: 40%; right: 10%; }
	.gamedownbg { top:370px; }
}
@media screen and (min-width: 1280px) and (max-width: 1365px){
	.mainboxtop { margin-top:-155px; }
	#banner { height: 718px; }
	#bannertxt { height: 400px; }
	#banner #logo { width: 26%; top: 3%; right: 18%; }
	#banner .txt1 { width: 38%; top: 40%; right: 10%; }
	.gamedownbg { top:370px; }
}
@media screen and (min-width: 768px) and (max-width: 1279px){
	.mainboxtop { margin-top:-155px; }
	#banner { height: 718px; }
	#bannertxt { height: 400px; }
	#banner #logo { width: 26%; top: 3%; right: 15%; }
	#banner .txt1 { width: 38%; top: 40%; right: 8%; }
	.gamedownbg { top:360px; }
}


/*游戏介绍*/
.newsbox { width:100%; margin:0 auto; height:711px; display: block; background:#0a0909 url(../images/bg-news.jpg) no-repeat bottom; min-width: 1200px; }
.news { width: 1200px; height: 500px; position: absolute; top:100px; }
.title-news { width: 680px; height: 40px; background: url(../images/title-jieshao.png) no-repeat; float: left; }
.newslist { width: 700px; float: left; margin: 20px 0 0 0; }
.newslist li { height: 32px; line-height: 32px; text-align: left; margin: 0 0 10px 0; font-size: 14px; white-space:nowrap; overflow: hidden; text-overflow:ellipsis; }
.newslist li a { color: #dab476; background-color: #241a19; width: 638px; border:1px solid #5d504a; padding: 0 20px; height: 30px; display: block; border-radius: 32px; }
.newslist li a:hover { color: #fff; animation-name:dmyani; animation-duration:1s; background-color: #c70d0e; }
@keyframes dmyani {
	0%{ margin-left:10px;}
	}
.newsimg { width: 420px; height: 420px; padding: 25px; position: absolute; top:0; right: 0; background: url(../images/bg-newsimg.jpg) no-repeat; }


/*游戏特色*/
.tese { width: 100%; height: 949px; display: block; min-width: 1200px; background: url(../images/bg-tese.jpg) no-repeat bottom; position: relative; }
.title-tese { width: 100%; height: 91px; position: absolute; top:-25px; z-index: 99; background: url(../images/title-tese.png) no-repeat center; }
/* 特色轮播 */
.tabBox { padding:60px 0 0; z-index: 2; }
.zyTab{position:absolute; left:40px; width:480px; margin:0; z-index:2; }
.zyTab li{float:left;width:120px;height:120px;cursor:pointer; }
.zyTab span{display:block;width:100%;height:100%;background:url(../images/imgtab.png) no-repeat;text-indent:-9999px;transition:.3s;transition:.3s}
.zyTab span.g1{background-position:0 0}
.zyTab span.g2{background-position:-120px 0}
.zyTab span.g3{background-position:-240px 0}
.zyTab span.g4{background-position:-360px 0}
.zyTab li.cur span.g1{background-position:0 -120px;_background-position:0 0}
.zyTab li.cur span.g2{background-position:-120px -120px;_background-position:-120px 0}
.zyTab li.cur span.g3{background-position:-240px -120px;_background-position:-240px 0}
.zyTab li.cur span.g4{background-position:-360px -120px;_background-position:-360px 0}
.zyTag{position:relative;z-index:1}
.zy{height:720px; width: 1200px; border:1px #715441 solid; z-index: 999; margin-top: 45px; }


/*装备展示*/
.show { width: 100%; height: 792px; display: block; min-width: 1200px; background: url(../images/bg-show.jpg) no-repeat bottom; position: relative; }
.title-show { width: 100%; height: 91px; position: absolute; top:-50px; z-index: 99; background: url(../images/title-show.png) no-repeat center; }
/*图片轮播*/
.poster-main { position: absolute; width: 100%; top: 90px; z-index: 999;}
.poster-main a, .poster-main img { display: block; width: 100%; height: 100%; text-align: center; }
.poster-main .poster-list { width: 1200px; height: 580px; }
.poster-main .poster-list .poster-item { position: absolute; background-color:rgba(0,0,0,.8); padding: 10px; }
.poster-main .poster-list .poster-item img { filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8; }
.poster-main .poster-list .poster-item img:hover { filter:alpha(Opacity=100);-moz-opacity:1;opacity: 1; }
.poster-main .poster-btn { width: 100px; position: absolute; top: 0; cursor: pointer; filter: opacity(.7) brightness(1);}
.poster-main .poster-btn:hover{ filter: opacity(1) brightness(1); }
.poster-main .poster-prev-btn { left: 0; background: url(../images/btn-prev.png) no-repeat 20px center;}
.poster-main .poster-next-btn { right: 0; background: url(../images/btn-next.png) no-repeat 310px center; }


/*游戏截图*/
.jietu { width: 100%; height: auto; display: block; position: relative; min-width: 1200px; background:#0e0d0b url(../images/bg-jietu.jpg) no-repeat bottom;}
.title-jietu { width: 100%; height: 91px; position: absolute; top:-50px; z-index: 99; background: url(../images/title-jietu.png) no-repeat center; }
.imglistbox { top: 70px; z-index: 2; }
.imglist { padding: 0 45px; }
.imglist li { margin: 0 0 20px 0; }
.imglist li img { width:1100px; height: auto; border:5px #715441 solid; }


.footerlogo { width: 100%; height: 160px; margin-top: 55px; display: block; background: url(../images/footerlogo.png) no-repeat center; }
/* 底部版权 */
#footer { height: 180px; width: 100%; background: #090808; min-width:1200px; border-top:1px #5d5d5d solid; }
.copyright { width: 1200px; padding:35px 0 0; color: #555; font-size: 12px; line-height: 24px; text-align:center; }
.copyright .tips { color: #e10000; font-weight: normal; }
.copyright a { color: #fff; }

/*右侧固定浮动*/
.fixedbox { position:fixed; right: 0; bottom: 50px; z-index: 9999; width: 150px; height: 480px; }
@media (max-width:768px){
.fixedbox{display:none; }
	}
.fixedbox div { text-align: center; color: #c68616; font-weight: bold; }
.fixedbox div p { line-height: 14px; line-height: 18px; }
.fixedbox .chongzhi { margin: 0; }
.fixedbox .code { margin: 0 auto 10px; }
.fixedbox .code img { width: 90px; height: 90px; margin-top: 5px; }
.fixedbox .qq p { line-height: 28px; }
.fixedbox .top { width: 150px; height: 45px; bottom: 35px; position: absolute; }
.fixedbox .top a { width: 150px; height: 40px; display: block; }
.h5bar{ width:150px; height:480px; float:left; background: url(../images/fixedboxbg.png) no-repeat; z-index: 9; position: absolute; }
.h5open{ position:fixed; z-index:99999; bottom: 230px; right:0px; height:120px; width:30px; padding: 12px 0 0; text-align: center; background: url(../images/btn.png) no-repeat; }
.h5close{ height:100px; width:30px; padding: 25px 0 0; background: url(../images/btn.png) no-repeat; text-align:center; float:left; margin:160px 0 0 -10px; position: absolute; z-index: 99;}
.h5btn{ font-size:14px; line-height:16px; color:#cdcdcd; cursor:pointer; }