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

@media screen and (max-width:768px){
	#wrap{
		width:100%;
		}
	header{
		width:100%;
		}
header h2{
	font-size:38px;
	padding-top:4.08163265%;
	padding-bottom:3.87755102%;
	}
		
.back{
	left:4.48979592%;
	top:28.125%;
	width:5.71428571%;
	}	










.hot1{
	border-bottom:1px solid #D3D3D3;
	}
.hot1 ul{
	padding-bottom:29.3877551%;
	
	
	}
.game-img{
	width:26.53061224%;
	padding-top:5.51020408%;
	padding-left:4.48979592%;

	}
.hot1 .game-img img{
	width:74.157894474%;
	
	}
.hot1 ul li p{
	font-size:26px;
	padding-right:10.91703057%;
	padding-top:5.04081633%;
	}	


.text{
	width:46.73469388%;
	padding-top:5.30612245%;
	}	

.hot1 ul li h2 a{
	font-size:38px;
	}	
	
.hot1 ul li p{
	font-size:26px;
	padding-right:10.91703057%;
	padding-top:5.04081633%;
	}	
.down-hot{
	width:19.17040359%;
	padding-top:8.16326531%;
	position:relative;
	}	
	
.down-hot a img{
	width:100%;
	}	
.hot1 ul li span a{
	font-size:26px;
	width:100%;
	position:absolute;
	left:19.71345029%;
	top:60.0277778%;
	}	


}


@media screen and (max-width:480px){
	#wrap{
		width:100%;
		}
	header{
		width:100%;
		}
header h2{
	font-size:24px;
	padding-top:4.08163265%;
	padding-bottom:3.87755102%;
	}
		
.back{
	left:4.48979592%;
	top:28.125%;
	width:5.71428571%;
	}	










.hot1{
	border-bottom:1px solid #D3D3D3;
	}
.hot1 ul{
	padding-bottom:29.3877551%;
	
	
	}
.game-img{
	width:26.53061224%;
	padding-top:5.51020408%;
	padding-left:4.48979592%;

	}
.hot1 .game-img img{
	width:74.157894474%;
	
	}
.hot1 ul li p{
	font-size:26px;
	padding-right:10.91703057%;
	padding-top:5.04081633%;
	}	


.text{
	width:46.73469388%;
	padding-top:5.30612245%;
	}	

.hot1 ul li h2 a{
	font-size:24px;
	}	
	
.hot1 ul li p{
	font-size:16px;
	padding-right:10.91703057%;
	padding-top:5.04081633%;
	}	
.down-hot{
	width:19.17040359%;
	padding-top:8.16326531%;
	position:relative;
	}	
	
.down-hot a img{
	width:100%;
	}	
.hot1 ul li span a{
	font-size:16px;
	width:100%;
	position:absolute;
	left:19.71345029%;
	top:59.0277778%;
	}	


}




@media screen and (max-width:360px){
	#wrap{
		width:100%;
		}
	header{
		width:100%;
		}
header h2{
	font-size:18px;
	padding-top:4.08163265%;
	padding-bottom:3.87755102%;
	}
		
.back{
	left:4.48979592%;
	top:28.125%;
	width:5.71428571%;
	}	










.hot1{
	border-bottom:1px solid #D3D3D3;
	}
.hot1 ul{
	padding-bottom:29.3877551%;
	
	
	}
.game-img{
	width:26.53061224%;
	padding-top:5.51020408%;
	padding-left:4.48979592%;

	}
.hot1 .game-img img{
	width:74.157894474%;
	
	}
.hot1 ul li p{
	font-size:12px;
	padding-right:10.91703057%;
	padding-top:5.04081633%;
	}	


.text{
	width:46.73469388%;
	padding-top:5.30612245%;
	}	

.hot1 ul li h2 a{
	font-size:18px;
	}	
	
.hot1 ul li p{
	font-size:12px;
	padding-right:10.91703057%;
	padding-top:5.04081633%;
	}	
.down-hot{
	width:19.17040359%;
	padding-top:8.16326531%;
	position:relative;
	}	
	
.down-hot a img{
	width:100%;
	}	
.hot1 ul li span a{
	font-size:13px;
	width:100%;
	position:absolute;
	left:21.71345029%;
	top:61.0277778%;
	}	


}


@media screen and (max-width:320px){
	#wrap{
		width:100%;
		}
	header{
		width:100%;
		}
header h2{
	font-size:16px;
	padding-top:4.08163265%;
	padding-bottom:3.87755102%;
	}
		
.back{
	left:4.48979592%;
	top:28.125%;
	width:5.71428571%;
	}	










.hot1{
	border-bottom:1px solid #D3D3D3;
	}
.hot1 ul{
	padding-bottom:29.3877551%;
	
	
	}
.game-img{
	width:26.53061224%;
	padding-top:5.51020408%;
	padding-left:4.48979592%;

	}
.hot1 .game-img img{
	width:74.157894474%;
	
	}


.text{
	width:46.73469388%;
	padding-top:5.30612245%;
	}	

.hot1 ul li h2 a{
	font-size:16px;
	}	
	
.hot1 ul li p{
	font-size:10px;
	padding-right:10.91703057%;
	padding-top:5.04081633%;
	}	
.down-hot{
	width:19.17040359%;
	padding-top:8.16326531%;
	position:relative;
	}	
	
.down-hot a img{
	width:100%;
	}	
.hot1 ul li span a{
	font-size:10px;
	width:100%;
	position:absolute;
	left:19.71345029%;
	top:58.0277778%;
	}	


}