@charset "utf-8";
/* CSS Document */

/*横屏*/
@media all and (orientation : landscape){
/*head头部*/	
.header{
	width:100%;
	position:relative;
	}
.headbg img{
	width:100%;
	}

/*顶部轮换图*/
.hslide{
	width:100%;
	position:absolute;
	top:0;
	float:left;
	}
.picshow{ width:100%; float:left;display:block;margin:0 auto;}
.picshow .picwrap li{position:absolute;left:0px;top:0px;width:100%; float:left;}
.picshow .picwrap li.hide{display:none;}
.picshow .picwrap li img{width:100%;}

.pwcon{
	width:100%;
	display:block;
	float:left;
	margin-top:38%;
	text-align:center;
	position:relative;
	}
.picshow .butt{position:absolute; left:70%; width:100%;text-align:right;display:block;}
.picshow .butt li{float:left;display:inline; width:8%; margin:5% -1% 0 0;text-align:right;}

.picshow .pic_titles{ position:absolute; margin-top:-6%;width:100%;z-index:2;}
.picshow .pic_titles ul{margin-left:66%;}
.picshow .pic_titles li{float:left;display:inline;width:35%; margin-right:-18%; height:50px;overflow:hidden;text-align:center;}
.picshow .pic_titles li .p1{
	display:none;width:100%; background:#bd00a5; line-height:25px;text-align:center;color:#fff;font-size:12px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	margin-top:20px;
	position:relative;
	float:left;
	}
.picshow .pic_titles li .p1 .s1{
	position:absolute;
	top:20px;
	left:34%;
	width:0; 
	height:0; 
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-top:10px solid #bd00a5;
	}
.picshow .pic_titles li .p1 .s2{
	position:absolute;
	top:20px;
	left:35%;
	width:0; 
	height:0; 
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-top:10px solid #793100;
	}
.picshow .pic_titles li .p1 .s3{
	position:absolute;
	top:20px;
	left:35%;
	width:0; 
	height:0; 
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-top:10px solid #0092ff;
	}
.picshow .pic_titles li .p1 .s4{
	position:absolute;
	top:20px;
	left:35%;
	width:0; 
	height:0; 
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-top:10px solid #ff9000;
	}
	
.picshow .butt li .trans{ height:11px; width:11px; border-radius: 11px;-webkit-border-radius:11px; cursor:pointer;}
.li1{background:#bd00a5;}
.li2{background:#793100;}
.li3{background:#0092ff;}
.li4{background:#ff9000;}
/*顶部轮换图 完*/

.logo img{
	width:25%;
	position:absolute;
	top:5%;
	left:15px;
	}
.slogan img{
	width:52%;
	position:absolute;
	margin-top:18%;
	left:15px;
	z-index:1;
	}
.hfoot img{
	width:100%;
	position:absolute;
	bottom:0;
	z-index:9999;
	}
.htop img{
	width:100%;
	position:absolute;
	top:0;
	}


/*游戏下载*/
.download{
	width:98%;
	margin:1%;
	float:left;
	}
.download .icon{
	width:20%;
	float:left;
	margin:1% 0 0 2%;
	}
.download .line img{
	float:left;
	margin:0 2% 0 1%;
	}
.download .con{
	width:35%;
	float:left;
	}
.download .con h1{
	color:#8b5943;
	font-size:1.6em;
	line-height:2.5em;
	font-weight:900;
	}
.download .con h2{
	color:#9e867c;
	font-size:1em;
	font-weight:bold;
	}
.dbtn img{
	float:left;
	width:35%;
	margin-top:18px;
	}

/*首页新闻中心 开始*/
.news{
	width:100%;
	float:left;
	}
.n-title{
	width:100%;
	position:relative;
	float:left;
	}	
.n-title .con{
	width:45%;
	position:absolute;
	top:12%;
	left:3%;
	float:left;
	}
.n-title .con img{
	width:18%;
	}
.n-title .con span{
	display:block;
	float:left;
	position:absolute;
	top:17%;
	left:23%;
	color:#FFF;
	font-weight:bold;
	font-size:1.1em;
	}
.n-title .tb{
	display:block;
	width:8%;
	height:35%;
	float:right;
	background:url(http://dzmasset.playcrab.com/statics/dzm/www/webpub/v2/public/images/new-website/mb-website/icon/dicond.png) no-repeat;
	background-size:100% 100%;
	position:absolute;
	right:3%;
	top:30%;
	}

.n-title .tbd{
	display:block;
	width:8%;
	height:35%;
	float:right;
	background:url(http://dzmasset.playcrab.com/statics/dzm/www/webpub/v2/public/images/new-website/mb-website/icon/dicondd.png) no-repeat;
	background-size:100% 100%;
	position:absolute;
	right:3%;
	top:30%;
}

.n-con{
	width:100%;
	float:left;
	}
.n-con li{
	width:99%;
	float:left;
	line-height:35px;
	font-size:0.8em;
	color:#7a3c22;
	padding-left:1%;
	}
.n-con li a{
	/*width:90%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;*/
	float:left;
	color:#7a3c22;
	text-decoration:none;
	}
.b1{
	background-color:#f1dac1;
	}
.n-con li span{
	display:block;
	width:9%;
	float:right;
	}
.n-con .more{
	text-align:center;
	border-bottom:#7a3c22 solid 3px;
	}
.n-con .more img{
	width:4%;
	vertical-align:middle;
	margin:-2px 0 0 3px;
	}
/*首页新闻中心 结束*/


/*首页三个按钮 开始*/
.nav-btn{
	width:98%;
	margin-top:10px;
	float:left;
	padding:0 1%;
	position:relative;
	}
.nav-btn li{
	width:21%;
	float:left;
	margin:2%;
	text-align:center;
	font-weight:bold;
	}
.nav-btn li img{
	width:100%;
	}	
.pop{
	display:none;
	width:60%;
	padding:5%;
	border-radius:15px;
	font-size:0.8em;
	background:#d42d2d;
	position:absolute;
	right:22%;
	margin-top:-32%;
	}
.pop li{
	width:100%;
	color:#FFF;
	line-height:1em;
	text-align:left;
	}
.pop li a{
	color:#fff;
	text-decoration:none;
	}
.pop span{
	display:block;
	width:0; 
	height:0;
	border-left:15px solid transparent;
	border-right:15px solid transparent;
	border-top:15px solid #d42d2d;
	position:absolute;
	bottom:-9%;
	right:17%;
	}

.pops{
	display:none;
	width:40%;
	padding:5%;
	border-radius:15px;
	font-size:0.8em;
	background:#d42d2d;
	position:absolute;
	right:26%;
	top:100%;
	}	
.pops li{
	width:100%;
	color:#FFF;
	line-height:1em;
	text-align:left;
	}
.pops li a{
	color:#fff;
	text-decoration:none;
	}
.pops span{
	display:block;
	width:0; 
	height:0;
	border-left:15px solid transparent;
	border-right:15px solid transparent;
	border-bottom:15px solid #d42d2d;
	position:absolute;
	top:-9%;
	right:17%;
}
/*三个按钮 结束*/

/*首页关注微信微博 开始*/
.care{
	width:100%;
	float:left;
	background:#df791f;
	color:#FFF;
	}
.care .wz{
	width:35%;
	float:left;
	margin:1% 0 0 4%;
	}
.wz h1{
	font-size:1.2em;
	margin-top:6%;
	}
.wz h2{
	font-size:0.9em;
	padding-bottom:10px;
	}
.care .wxwb{
	width:60%;
	float:left;
	padding:0 0 2% 0;
	}
.care .wxwb img{
	width:45%;
	margin:5% 10px 0 0;
	float:left;
	}
.popa{
	display:none;
	width:40%;
	padding:5%;
	border-radius:15px;
	font-size:0.8em;
	background:#ae7d53;
	position:absolute;
	right:23%;
	margin-top:-58%;
	}
.popa{
	text-align:center;
	}	
.popa span{
	display:block;
	width:0; 
	height:0;
	border-left:15px solid transparent;
	border-right:15px solid transparent;
	border-top:15px solid #ae7d53;
	position:absolute;
	bottom:-4%;
	right:43%;
	}	
/*首页关注微信微博 结束*/

/*首页游戏截图 开始*/	
.ml{
	margin:5px 0 5px 0;
	float:left;
	}
.slide{
	width:100%;
	margin:0 auto;
	float:left;
	}
.flexslider{width:95%;overflow:hidden;zoom:1; margin:0 auto;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1; z-index:9999; width:100%;}
.flexslider .slides img{ width:100%;}
.flex-control-nav{width:100%;text-align:center; margin:-5px 0 5px 0;}
.flex-control-nav li{margin:0 2px;display:inline-block;*display:inline; position:relative; z-index:9999;}
.flex-control-paging li a{background:url(http://dzmasset.playcrab.com/statics/dzm/www/webpub/v2/public/images/new-website/mb-website/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:99em;width:12px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}

.flex-direction-nav a{width:43px;height:69px;line-height:99em;overflow:hidden;display:block;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease; z-index:9999;}
.flex-direction-nav .flex-next{right:0; top:35%;}
.flex-direction-nav .flex-prev{left:0;top:35%;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
/*首页游戏截图 结束*/	

/*常规底 开始*/
.footer{
	width:100%;
	position:relative;
	float:left;
	}
.footer img{
	width:100%;
	}
.footer .footwz{
	width:100%;
	position:absolute;
	top:39%;
	display:block;
	font-size:0.6em;
	text-align:center;
	color:#FFF;
	}
/*常规底 开始*/

/*新闻中心分页 开始*/
.newtit{
	width:100%;
	position:relative;
	}
.newtit .con{
	width:40%;
	position:absolute;
	top:10%;
	left:35%;
	}
.newtit .con img{
	width:20%;
	}
.newtit .con span{
	display:block;
	text-align:center;
	position:absolute;
	top:19%;
	left:25%;
	color:#FFF;
	font-weight:bold;
	font-size:1.2em;
	}
.newtit .home{
	display:block;
	width:10%;
	height:35%;
	float:right;
	position:absolute;
	right:1%;
	top:10%;
	}
.newtit .home img{
	width:80%;
	}	
.fc{
	background:#d4bda2;
	padding-top:2%;
	}
		
.block{ display:block;}
.none{ display:none;}
#parta{
	width:100%; 
	height:auto; 
	overflow:hidden;
	margin:10px 0 10px 0;
	float:left;
	}
#tita{
	list-style:none;

	}
#tita li{
	width:23%;
	color:#fff;
	font-size:1em;
	font-weight:bold; 
	text-align:center; 
	line-height:35px; 
	float:left; 
	cursor:pointer;
	background:#cc9e67;
	margin:0 1%;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	}
#tita li.on{
	background:#df791f;
	color:#fff;
	font-weight:bold;
	}
#parta #con{
	width:100%; 
	height:auto; 
	}
.pbt{
	width:100%;
	background:#ba1e1e;
	line-height:35px;
	color:#FFF;
	font-size:1em;
	text-align:center;
	margin-top:2px;
	}
#pagebar {
	display:block;
	width:45%;
	margin:0 auto;
	} 
#pagebar h1{
	width:36%;
	font-size:0.9em;
	padding:2px 5px;
	background:#df791f;
	border-radius:10px;
	color:#fff;
	float:left;
	text-align:center;
	margin:10% 0 0 4%;
	}
#pagebar h1 a{
	color:#fff;
	text-decoration:none;
	}
#pagebar h2{
	width:36%;
	font-size:0.75em;
	padding:2px 5px;
	color:#7a3c22;
	float:left;
    margin:0 -20% 0 15%;
	line-height:20px;
	}
#pagebar h2 a{
	color:#7a3c22;
	}
/*新闻中心分页 结束*/

/*新闻中心内容页 开始*/
.newline{
	width:100%;
	height:4px;
	background:#df791f;
	float:left;
	}
.newcon{
	width:100%;
	height:auto;
	float:left;
	}
.newcon .newhead{
	width:100%;
	padding:10px 0 10px 0;
	}
.newcon .newhead h1{
	width:85%;
	margin:0 auto;
	text-align:center;
	font-size:1.1em;
	color:#8f5839;
	font-weight:bold;
	}
.newcon .newhead h2{
	width:85%;
	margin:0 auto;
	text-align:center;
	font-size:0.7em;
	color:#b78978;
	line-height:30px;
	}
.newcon .newhead .br img{
	display:block;
	width:100%;
	}
.newcon .concent{
	width:92%;
	margin:0 auto;
	font-size:0.8em;
	line-height:25px;
	margin-bottom:20px;
	color:#8f5839;
	}
/*新闻中心内容页 结束*/

/*游戏资料分页 开始*/
.data{
	width:100%;
	float:left;
	}
.data .datatit{
	width:96%;
	position:relative;
	float:left;
	margin-left:2%;
	}
.data .datatit img{
	width:100%;
	float:left;
	}
.data .datatit span{
	display:block;
	float:left;
	position:absolute;
	top:10%;
	left:4%;
	font-size:1.3em;
	font-weight:bold;
	color:#fff;
	float:left;
	}	
.data .datatita{
	width:96%;
	position:relative;
	float:left;
	margin-left:2%;
	}
.data .datatita img{
	width:100%;
	}
.data .datatita span{
	display:block;
	float:left;
	position:absolute;
	top:10%;
	left:4%;
	font-size:1.3em;
	font-weight:bold;
	color:#fff;
	}
.data .datatitb{
	width:96%;
	position:relative;
	float:left;
	margin-left:2%;
	}
.data .datatitb img{
	width:100%;
	}
.data .datatitb span{
	display:block;
	float:left;
	position:absolute;
	top:20%;
	left:4%;
	font-size:1em;
	font-weight:bold;
	color:#fff;
	}
.data .datatitc{
	width:96%;
	position:relative;
	float:left;
	margin-left:2%;
	}
.data .datatitc img{
	width:100%;
	}
.data .datatitc span{
	display:block;
	float:left;
	position:absolute;
	top:10%;
	left:4%;
	font-size:1.3em;
	font-weight:bold;
	color:#fff;
	}	

.data .datacon{
	width:96%;
	margin-left:2%;
	display:none;
	float:left;
	}	
.data .datacon li{
	width:99%;
	line-height:35px;
	color:#7a3c22;
	font-size:0.8em;
	float:left;
	display:block;
	padding-left:1%;
	}
.data .datacon li a{
	float:left;
	color:#7a3c22;
	text-decoration:none;
	}	
.data .datacon li span{
	display:block;
	width:12%;
	float:right;
	}	
/*游戏资料分页 结束*/

}

     
/*游戏下载开始*/
.dlcon{
	width:100%; 
	height:auto;
	float:left;
	}
.dlcon .dla{
	width:100%;
	height:auto;
	float:left;
	background:#f1dac1;
	border-bottom:#c27656 solid 2px;
	}
.dltit{
	padding:0.7em 0 0 0.5em;
	}
.dltit .ic{
	display:block;
	width:7%;
	line-height:2em;
	float:left;
	margin-left:2%;
	}
.dltit .ic img{
	width:70%;
	}
.dltit h1{
	float:left;
	font-size:1.2em;
	line-height:1.5em;
	color:#7a3c22;
	}
.dlbr{
	display:block;
	width:100%;
	height:1px;
	float:left;	
	}	
.ba{background:#d6c9a9;}
.bb{background:#fff;}
.dlpart{
	width:100%;
	height:5em;
	float:left;
	padding:0.7em 0 1.5em 0;
	}
.dlpart .left{
	width:60%;
	height:auto;
	float:left;
	line-height:1.5em;
	font-size:0.9em;
	margin-left:5%;
	color:#8b5943;
	font-weight:700;
	}
.dlpart .right{
	width:35%;
	height:auto;
	float:left;
	}
.dlpart .right img{
	width:70%;
	margin-top:7%;
	}
.dlcon .dlb{
	width:100%;
	height:auto;
	float:left;
	border-bottom:#c27656 solid 2px;
	/*margin-bottom:20%;*/
	}

/*游戏下载 结束*