/*全局*/
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: #180807; 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;width: 100%;}
.clr { clear: both; }


.mainboxtop{margin: 0 auto;width: 100%; position:relative; z-index:10; max-width:10rem; margin-top: 0; }
.mainbox{margin: 0 auto; width: 10rem;height: 100%; max-width:10rem; }
.main{ width: 10rem; /*margin-top: -50px;*/ margin: 0 auto; position: relative; z-index: 10; overflow: hidden;}
.box-l{width: 280px; float: left; }
.box-r{width: 905px;height:470px;background:url("../images/in01.jpg") repeat; float: right; overflow: hidden;}

/*------ banner大图 ------*/
#banner {
	width: 100%;
	height: 11.867rem;
	max-width:10rem;
	z-index: 9;
	margin: 0 auto;
	position: relative;
	display: block;
	clear:both;
	overflow: hidden;
	border-bottom: 3px solid #6b4514;
	margin-top: 1.5rem;
}
#bannerbg {
	width: 100%;
	height: 12rem;
	position: absolute;
	overflow: hidden;
	z-index: 1;
	background: url(../images/mbg.jpg) no-repeat center top;
	max-width:10rem; 
	background-size: cover;
	top:0;
}
#bannertxt {
	width: 10rem;
	height: 10.4rem;
	z-index: 999;
	margin: 0 auto;
	position: relative;
	display: block;
	max-width:10rem; 
}
#logo {
	width: 4.667rem;
	height: auto;
	position: absolute;
	left:10%;
	top:22%;
	z-index: 99;
}
#logo img { width: auto; height: 3rem; }

#logo h1 {
	display: none;
}

#banner .txt1 {
	width: 9.067rem;
	height: auto;
	position: absolute;
	top: 55%;
    left:3%;
}
#banner .txt2 {
	width: 7.733rem;
	height: auto;
	position: absolute;
	top: 83%;
    left:10%;
}

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

/*------下载------*/
.gamedown32{ height:1.5rem; width:10rem; position: fixed; top:0; margin: 0 auto; z-index: 9999; background: #222; background: rgba(0, 0, 0, .7); }
.gamedown32 .android,.gamedown32 .ios {width: 3.22rem;height: 1.067rem;float: left;margin: .2rem .1rem 0 0;}
.gamedown32 a {width: 3.23rem;height: 1.067rem;display: block;}
.gamedown32 .android img,.gamedown32 .ios img {width: 3.333rem;height: 1.067rem;}
.gamedown32 .logo {width: 3.33rem;height: auto;float: left;margin: .2rem 0 0 0;text-align: center;}
.gamedown32 .logo img {width: 3.333rem;height: 1.1rem;}

/*游戏介绍*/
.newsbox { width:100%; margin:0 auto; height:6.3rem; display: block; max-width: 10rem; }
.news { width: 10rem; height: 5.333rem; padding: .7rem 0 0; overflow: hidden; margin: 0 auto; }
.title-news { width: 100%; height: .933rem; position: absolute; top:-.533rem; z-index: 99; background: url(../images/title-news.png) no-repeat center; background-size: cover;}
/*新闻选项卡*/
.newslist { width: 9.733rem; height: 5rem; margin: 0 auto; border: 1px solid #563823; background-color:rgba(0, 0, 0, .7); }
.newslist .hd { width:9.733rem; height: .8rem; display: block; margin: 0; }
.newslist .hd ul { font-size: .347rem; }
.newslist .hd ul li { cursor: pointer; float: left; height: .8rem; width: 3.239rem; line-height: .8rem; color: #b67f48; text-align: center; background:rgba(127, 80, 27, .5); }
.newslist .hd ul .on {color: #fff; background-color: #7d0c07; }
.newslist .bd { width: 9.067rem; display: block; float: left; margin: .267rem; }
.newslist .bd ul { padding: 0 0 0 15px; }
.newslist .bd ul li { height: .72rem; line-height: .72rem; text-align: left; font-size: .267rem; white-space:nowrap; overflow: hidden; text-overflow:ellipsis; }
.newslist .bd ul li a { color: #93640a; }
.newslist .bd ul li a:hover { color: #fff; }


/*游戏特色*/
.tese { width: 100%; height: 7.4rem; display: block; max-width: 10rem; background: url(../images/bg-tese.jpg) no-repeat; position: relative; }
.title-tese { width: 100%; height: .933rem; position: absolute; top:.533rem; background: url(../images/title-tese.png) no-repeat center; background-size: cover;}
/*图片轮播*/
#devicebox { padding:1.2rem 0 0; }
.device{width:9.8rem;height:4.867rem;padding:.4rem 0 .5rem;border-radius:.267rem; margin:.0667rem auto;position:relative;}
.device .arrow-left{background: url(../images/btn-prev.png) no-repeat center;position:absolute;left:0;top:37%;margin-top:-0.2rem;width:.8rem;height:1.6rem; background-size: cover; z-index: 99;}
.device .arrow-right{background: url(../images/btn-next.png) no-repeat center;position:absolute;right:0;top:37%;margin-top:-0.2rem;width:.8rem;height:1.6rem; background-size: cover; z-index: 99;}
.swiper-container {width:8.693rem;height:4.76rem; border: 1px solid #53340b; }
.content-slide { padding: .267rem; color: #eee; }
.pagination{position:absolute;left:0;text-align:center;bottom:0.1rem; width:100%; z-index: 99;}
.swiper-pagination-switch{display:inline-block;width:.213rem;height:.213rem;border-radius:.213rem;background:#fff;margin:0 .067rem;cursor:pointer}
.swiper-active-switch { background: #93640a; }
.swiper-slide img {width:9rem;height:auto; }

/*装备展示*/
.show { width: 100%; height: auto; display: block; max-width: 10rem; position: relative; }
.title-show { width: 100%; height: .933rem; position: absolute; top:.533rem; z-index: 99; background: url(../images/title-show.png) no-repeat center; background-size: cover;}
.imglistbox { padding: 1rem 0 0; }
.imglist { padding: .667rem .2rem .3rem .2rem; }
.imglist li { margin: 0 0 .15rem 0; }
.imglist li img { width: 9.467rem; height: 6.667rem; border:2px #53340b solid; } 

/*游戏截图*/
.jietu { width: 100%; height: auto; display: block; position: relative; max-width: 10rem;  background: url(../images/bg-jietu.jpg) repeat-y center top;}
.title-jietu { width: 100%; height: .933rem; position: absolute; top:.533rem; z-index: 99; background: url(../images/title-jietu.png) no-repeat center; background-size: cover;}
/*截图平铺*/
.imglist2 { padding: .7rem 0 .5rem .25rem; }
.imglist2 li { margin: 0 0 .15rem 0; }
.imglist2 li img { width: 9.467rem; height: auto; border:3px #53340b solid; }


/* 底部版权 */
#footer { width: 100%; max-width:10rem; padding: .2rem 0 1.2rem; background:#2f1913; }
.footerlogo { width: 2.3rem; display: block; padding-top: .133rem; margin: 0 auto .133rem;  }
.footerlogo img { width:2.3rem; height: auto; }
.copyright {width: 9.4rem;padding: .1rem .3rem;color: #999;font-size: 0.26rem;line-height: .4rem;}
.copyright .tips { color: #ea970f; font-weight: normal; }
.copyright a { color: #aaa; }
.footerbtn { width: 9.6rem; margin: 0.2rem auto; }
.footerbtn a { width: 2.933rem; height: 0.747rem; line-height: 0.747rem; font-size: 0.373rem; color:#aaa; text-align: center; margin: 0 auto; display: block; background-color: #333; border: 1px solid #555; border-radius: 0.053rem; }

/*右侧固定浮动*/
.fixedbox { position:fixed; right: 20px; bottom: 50px; z-index: 9999; width: 190px; height: 480px; }
@media (max-width:768px){
.fixedbox{display:none; }
	}
.fixedbox div { text-align: center; color: #c68616; font-weight: bold; }
.fixedbox div img { margin: 5px 0;}
.fixedbox div p { line-height: 14px; line-height: 16px; }
.fixedbox .rightlogo { margin: -35px 0 10px; }
.fixedbox .rightlogo img { width: 110px; height: auto; }
.fixedbox .chongzhi { height: 115px; }
.fixedbox .chongzhi a { width: 150px; height: 115px; display: block; background: url(../images/btn-chongzhi.png) no-repeat center top; text-indent: -9999px; }
.fixedbox .chongzhi a:hover { background: url(../images/btn-chongzhi.png) no-repeat center -115px; }
.fixedbox .code { margin: 0 auto 5px; }
.fixedbox .code img { width: 100px; height: 100px; }
.fixedbox .top { width: 150px; height: 45px; margin: 0; position: absolute; }
.fixedbox .top a { width: 150px; height: 45px; display: block; }
.h5bar{ width:160px; height:530px; float:left; background: url(../images/fixedboxbg.png) no-repeat; }
.h5open{ position:fixed; z-index:99999; bottom: 250px; 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:150px 0 0;}
.h5btn{ font-size:14px; line-height:16px; color:#cdcdcd; cursor:pointer; }


/*背景音乐*/
#musicbox { position: absolute; width: .8rem; height: .8rem; z-index: 9999999; top:1.6rem; right: .5rem;  opacity: 0.8; }
#musicbox a {
    display: inline-block;
    width: .8rem;
    height:.8rem;
    text-align: center;
    background-color: #CCCCCC;
    border-radius: .8rem;
    font-size: .347rem;
    margin-top: .267rem;
    background-image: url(../images/m.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
#musicbox a.play { animation: rotates 3s linear infinite;}
#musicbox a img { width: 100%; height: 100%; }
@keyframes rotates {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
	}
}

/*微信引导提示*/
#pMask { position: fixed; z-index:99999; top: 0; width: 100%; height: 100%; display: none; }
.wx { display: none; position: fixed; width: 9rem; height: 5rem; margin: 0 0.5rem; border-radius: 0.3rem; top:2.3rem; z-index: 999999; background: rgba(0,0,0,.7); }