body,div,ul,ol,li,p,input,select,button,textarea{
    padding: 0; margin: 0; list-style-type: none; font-family: 'Microsoft YaHei'; font-size: 14px; 
    box-sizing: border-box; box-shadow: none; border-width: 1px;
}

.head{ width: 100%; padding: 15px 0; overflow: hidden;margin: 0 auto;}
.head-left{ float: left; width: 80%;}
.head-left img{ float: left;}
    
.head-left span{
    display: block; float: left; width: 180px; height: 73px; background: url("../images/login_sy.jpg");
}


.head-reg{ float: left; width: 80%;}
.head-reg img{ float: left;}
    
.head-reg span{
    display: block; float: left; width: 168px; height: 73px; background: url("../images/reg_sy.jpg");
}

.footer-bg{ width: 100%; background: #fff;/*background: url("../images/footer.jpg");*/text-align: center }
.footer{
    width: 100%; max-width: 1200px; margin: 0 auto; overflow: hidden; padding: 50px 0;
}
.footer div{ float: left; width: 93%; text-align: center;}

.footer div ul li{ width: 100%; text-align: center; line-height: 25px;color: #000;}

.position{
	width: 70%;height: 100%; 
	float: left;  
	line-height: 47px; 
	border: #ccc solid 0px; 
	background: none; color: #ACADAE; 
	font-size: 16px;
	margin-left:90px;
}

.list{
	/*border-top:1px solid #DEDEDE;*/
	border-bottom:1px solid #DEDEDE;
	padding:0px;margin:0px;
}

.list div:nth-child(1){
	color:#6D6D6D;
	font-size:20px;
	margin:10px;
	height:28px;
}

.list div:nth-child(2){
	color:#A2A2A2;
	margin:0 10px 15px 10px;
	font-size:15px;
	height:21px;
}

.list div:nth-child(3) a{
	color:#F67BF;
}

.list div:nth-child(3) span{
	color:#A2A2A2;
	float:right;
}

.main-right{
	background-color:#FFFFFF;
	color:#6D6D6D;
	font-size:20px;
}

.main-right-div{
	border-bottom:1px solid #DEDEDE;
	height:115px;
}

.main-right div:nth-child(1){
	background-color:#FFFFFF;
	color:#6D6D6D;
	font-size:20px;
	border-bottom:1px solid #DEDEDE;
	text-align: center;
	padding:11px 15px 11px 0;
}

.main-right-div div:nth-child(1){
	height:115px;
	float:left;
}

.main-right-div div:nth-child(1) img{
	width:95px;
	height:95px;
	
}

.main-right-div div:nth-child(2){
	float:left;
	font-size:18px;
	margin:10px 0 5px 0;

}

.main-right-div div:nth-child(3){
	float:left;
	color:#A2A2A2;
	margin-bottom:10px;
}

.blue{
	position:relative;
	min-width: 1421px;
}

.blue img{
	width:100%;
	height:170px;
}

.blue div:nth-child(2){
	color:white;
	position:absolute;
	font-size:24px;
	left:180px;
	top:120px;
}

.blue div:nth-child(3){
	width:120px;
	height:10px;
	background-color:#F67400;
	position:absolute;
	top:160px;
	left:180px;
}

.game_type div{
	float:left;
	font-size:15px;
	margin:10px 0px 10px 10px;
	font-weight: bold;
}

.game_type ul li{
	float:left;
	margin:6px 5px;
	font-size:15px;
	width:80px;
	height:30px;
	text-align: center;
	line-height: 1.9;
	font-weight: bold;
	border-radius: 20px;
}

.game_type ul a li{
	color:black;
}

.game_type ul li:hover{
	background-color:#F67400;
	color:white;
	
}

 .game{
	width:500px;
	height:200px;
	border:1px solid #DEDEDE;
	margin:20px 13px 5px 8px;
	float:left;
}

.game div:nth-child(1) img{
	width:180px;
	height:180px;
	margin:10px;
}

.game div:nth-child(1){
	float:left;
	width:180px;
	height:180px;
}

.game div:nth-child(2){
	float:left;
	width:280px;
	height:23px;
	margin:20px 0 10px 30px;
	font-size:18px;
	color:#5F5F5F;
	font-weight: bold;
	text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow: hidden;
}

.game div:nth-child(3) div{
	float:left;
	height:20px;
	margin:10px 0 0 30px;
	width:100px;
	font-size:14px;
	color:#9E9E9E;
}

.game div:nth-child(4){
	float:left;
	width:280px;
	height:40px;
	font-size:14px;
	margin:10px 0 0 30px;
	color:#9E9E9E;
	text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow: hidden;
}

.game div:nth-child(5) div{
	float:left;
	width:75px;
	height:28px;
	font-size:16px;
	margin:20px 0 10px 25px;
	color:#6C6C6C;
	border:1px solid #DEDEDE;
	text-align: center;
	line-height: 1.5;
	font-weight:normal;
}

.game div:nth-child(5) div:hover{
	background-color:#F67400;
	color:white;
}