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


/*竖屏*/
@media all and (orientation:portrait){
/*首页head头部 开始*/
.header{
	width:100%;
	position:relative;
	float:left;
	}
.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:68%; 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:-11%;width:100%;z-index:2;}
.picshow .pic_titles ul{margin-left:61%;}
.picshow .pic_titles li{float:left;display:inline;width:50%; margin-right:-33%; 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:30%;
	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:30%;
	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:30%;
	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:30%;
	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:30%;
	position:absolute;
	top:5%;
	left:15px;
	}
.slogan img{
	width:52%;
	position:absolute;
	margin-top:23%;
	left:15px;
	z-index:1;
	}
.hfoot img{
	width:100%;
	position:absolute;
	bottom:-13px;
	z-index:9999;
	}
.htop img{
	width:100%;
	position:absolute;
	top:0;
	}
/*首页head头部 结束*/
	
/*首页游戏下载 开始*/
.download{
	width:98%;
	margin:1%;
	float:left;
	}
.download .icon{
	width:20%;
	float:left;
	margin:1% 0 0 1%;
	}
.download .line{
	width:5%;
	float:left;
	margin-left:2%;
	}
.download .line img{
	width:7%;
	float:left;
	margin-left:1%;
	}
.download .con{
	width:40%;
	float:left;
	margin:7px 0 0 -2%;
	}
.download .con h1{
	color:#8b5943;
	font-size:1em;
	font-weight:900;
	}
.download .con h2{
	color:#9e867c;
	font-size:12px;
	font-weight:bold;
	}
.dbtn img{
	float:left;
	width:32%;
	margin-top:15px;
	}
/*游戏下载 结束*/

/*首页新闻中心 开始*/
.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:3%;
	left:23%;
	color:#FFF;
	font-weight:bold;
	font-size:1.1em;
	}
.n-title .tb{
	display:block;
	width:6%;
	height:26%;
	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:4%;
	top:28%;
	}
.n-title .tbd{
	display:block;
	width:6%;
	height:26%;
	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:4%;
	top:28%;
	}
.n-con{
	width:100%;
	float:left;
	}
.n-con li{
	width:98%;
	float:left;
	line-height:35px;
	font-size:0.8em;
	color:#7a3c22;
	padding-left:2%;
	}
.n-con li a{
	width:80%;
	float:left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color:#7a3c22;
	text-decoration:none;
	}
.b1{
	background-color:#f1dac1;
	}
.n-con li span{
	display:block;
	width:16%;
	float:right;
	}
.n-con .more{
	text-align:center;
	border-bottom:#7a3c22 solid 3px;
	}
.n-con .more img{
	width:5%;
	vertical-align:middle;
	margin:-3px 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:60%;
	padding:5%;
	border-radius:15px;
	font-size:0.8em;
	background:#d42d2d;
	position:absolute;
	right:22%;
	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 5%;
	}
.wz h1{
	font-size:1.2em;
	margin-top:5px;
	}
.wz h2{
	font-size:0.7em;
	padding-bottom:10px;
	}
.care .wxwb{
	width:55%;
	float:left;
	padding:2% 0 2% 3%;
	overflow:hidden;
	}
.care .wxwb img{
	width:46%;
	margin:5% 5px 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:-62%;
	}
.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:-5%;
	right:40%;
	}	
/*首页关注微信微博 结束*/

/*首页游戏截图 开始*/	
.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%;
	float:left;
	}
.footer .footwz{
	width:100%;
	position:absolute;
	bottom:18%;
	display:block;
	font-size:0.8em;
	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:11%;
	left:25%;
	color:#FFF;
	font-weight:bold;
	}
.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.1em;
	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.1em;
	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:10%;
	left:4%;
	font-size:1.1em;
	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.1em;
	color:#fff;
	}	

.data .datacon{
	width:96%;
	margin-left:2%;
	display:none;
	float:left;
	}	
.data .datacon li{
	width:98%;
	line-height:35px;
	color:#7a3c22;
	font-size:0.8em;
	float:left;
	display:block;
	padding-left:2%;
	}
.data .datacon li a{
	width:80%;
	float:left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color:#7a3c22;
	text-decoration:none;
	}	
.data .datacon li span{
	display:block;
	width:16%;
	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:85%;
	}
.dltit h1{
	float:left;
	font-size:1.2em;
	line-height:1.1em;
	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:1em 0 0.5em 0;
	}
.dlpart .left{
	width:60%;
	height:auto;
	float:left;
	line-height:1.5em;
	font-size:0.75em;
	margin-left:5%;
	color:#8b5943;
	font-weight:700;
	}
.dlpart .right{
	width:35%;
	height:auto;
	float:left;
	}
.dlpart .right img{
	width:85%;
	margin-top:10%;
	}
.dlcon .dlb{
	width:100%;
	height:auto;
	float:left;
	border-bottom:#c27656 solid 2px;
	/*margin-bottom:20%;*/
	}

/*游戏下载 结束*/