html{font-family:"微软雅黑",Arial,sans-serif}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,header,form,footer,fieldset,input,button,textarea,p,th,td,b,i,strong{padding:0;margin:0;font-family:Microsoft YaHei,sans-serif,Arial}
strong,b{font-weight: normal;}
fieldset,img{border:0}
a{text-decoration:none;color:#000;outline:none}
li,ol,ul{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button,textarea,select{*font-size:100%}
.clear:after{
  display:block; 
  content:"clear"; 
  height:0; 
  clear:both;
  visibility:hidden;
}
.clear{ zoom:1; }
.fl{ float:left; }
body{
	font:12px/1.5 '\5FAE\8F6F\96C5\9ED1';
	text-align:justify;
	min-width: 1200px;
}
.cl {  clear: both;  }
.hide{  display: none;  }



/*  top  */

#top {
	position: relative;
	width: 100%;
	height: 44px;
	background: url(../imgs/mztop-bg.png);
	background-size: 100% 100%;
}
#top .content {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}
#top .content .logo{
	float: left;
}

#top .content .gjyp{
	float: left;
	position: relative;
}
#top .content .gjyp .bg{
	position: absolute;
	top: -50px;
	left: -160px;
	z-index: 9999;
	display: none;
}
#top .content .game_details {
	width: 1130px;
	padding: 20px 20px 120px 50px;
	background: rgba(255,255,255,.95);
	position: absolute;
	top: 44px;
	z-index: 9999;
	display: none;
}
#top .content .game_details h3 {
	font-weight: normal;
	font-size: 16px;
	color: #333;
	padding-bottom: 20px;
}
#top .content .game_details ul {
	float: left;
}

#top .content .game_details a {
	display: block;
	font-size: 14px;
	color: #747474;
	padding: 5px 0;
	position: relative;
}
#top .content .game_details a:hover {
	color: #333;
}
#top .content .game_details a.hot:after,
#top .content .game_details a.new:after {
	content: '';
	width: 31px;
	height: 14px;
	position: absolute;
	left: 80px;
	top: 50%;
	margin-top: -7px;
}
#top .content .game_details a.hot:after {
	background: url("../imgs/hot.jpg") no-repeat;
}
#top .content .game_details a.new:after {
	background: url("../imgs/new.jpg") no-repeat;
}
#top .content .game_details .hot ul {
	padding-right: 100px;
	margin-right: 60px;
	border-right: 1px dashed #cbcbcb;
}
#top .content .game_details .new ul {
	padding-right: 100px;
}
#top .content .game_details .mzhi a {
	font-size: 16px;
	text-indent: 35px;
	margin-bottom: 10px;
}
#top .content .game_details .mzhi .mzyw {
	background: url("../imgs/mzyw.jpg") no-repeat left center;
}
#top .content .game_details .mzhi .mzyxb {
	background: url("../imgs/mzyxb.jpg") no-repeat left center;
}
#top .content .user_nav li {
	display: inline-block;
	font-size: 0;
}
#top .content .user_nav li a {
	display: block;
	color: #666;
	line-height: 40px;
	font-size: 14px;
	padding-right: 20px;
}
#top .content .user_nav .game_list {
	background: url("../imgs/drop_down.png") no-repeat center right/13px;
}

/*----------*/
/*  导航栏  */
 .header {
	width: 100%;
	height: 54px;
	background: rgba(250,250,250,.5);
	position: relative;
	z-index: 99;
}
 .header .content {
	position: relative;
	width: 1000px;
	margin: 0 auto;
}
 .header .content .logo{
	position: absolute;
	float: left;
	height: 100%;
	width: 180px;
}
 .header .content .logo img{
	position: absolute;
	display: block;
	top: 7px;
	left: 5px;
	z-index: 10;
	width: 62px;
}
 .header .content .logo .logo_text{
	margin-left: 90px;
	width: 140px;
	padding-top: 5px;
}
 .header .content .logo .logo_text h1{
	font-weight: 500;
	font-size: 20px;
}

 .header .content .logo .logo_text p{
	font-size: 14px;
	color: #555;
}

 .header .content .nav{
	float: left;
	height: 56px;
	margin-left: 263px;
	line-height: 56px;
	font-size: 20px;
}
 .header .content .nav a{
	display: inline-block;
	color: #555;
	width: 179px;
	cursor: pointer;
}
 .header .content .nav a:hover{
	color: #fff;
}
 .header .content .nav a img{
	position:  absolute;
	top: -90px;
	left: 350px;
}
 .header .content .nav a.active{
	color: #d45743;
}
 .header .content .nav p{
	position: absolute;
	width: 90px;
	height: 50px;
	font-size: 14px;
	background: #000;
	color: #fff;
	border-radius: 5px;
	top: 0;
	right: 0;
}
.header .content .QQ{
	position: absolute;
	/*display: inline-block;*/
	text-align: center;
	line-height: 2rem;
	top:54px;
	right:91px;
	width: 113px;
	font-size: 16px;
	color: #fff;
	background: #ED4841;
	border-radius: 7px;
	display: none;
}



/*footer部分*/
.footer{
	position: relative;
	text-align: center;
	background: #181310;
	background-size: cover;
	width: 100%;
	color: #999999;
	font-size: 14px;
	z-index: 99;
	padding-bottom: 30px;
}
.footer .footer-wrap{
	width:100%;
	margin:0 auto;
}
.footer .footer-l{
	position: relative;
	top:-15px;
}
.footer .footer-r{
	border-left:1px solid #999999;
	margin-left: 50px;
	padding-left: 50px;
	display: inline-block;
}
.footer .footer-nav{
	height: 16px;
	line-height: 16px;
}
.footer .footer-nav span{
	margin: 0 36px;
}
.footer .footer-nav a{
	color: #999999;
}
.footer .footer-nav,.footer p{
	text-align: left;
	line-height: 1.8em
}

