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

@media screen and (max-width:768px){
	#wrap{
		width:100%;
		}
	header{
		width:100%;
		}
	header h2{
		font-size:38px;
		padding-top:3.611111111111111111111111111111%;
		padding-bottom:3.75%;
		}
			
	.back{
		left:4.444444444444444444444444444444%;
		top:27.083333333333333333333333333333%;
		width:3.194444444444444444444444444444%;
		}	

	.datu{
		width:100%;
		padding:1.666666666666666666666666666667% 0;
		
		}
	.datu img{
		width:100%;	
		}
	
.Recommend .video ul .v1-play{
	padding-right:3.910614525139664804469273743017%;
	padding-left:5.027932960893854748603351955307%;
	padding-bottom:5.586592178770949720670391061453%;
	}		
.Recommend .video ul .v1-play .play{
	width:100%;
	}	



.Recommend .shortline img{
	width:0.5555555555555556%;
	top:18px;
	}
	
.Recommend h3{
	font-size:28px;
	padding-left:4.444444444444%;
	padding-top:2.5%;
	padding-bottom:2.5%;
	}	

.Recommend .video ul .v1-img a{
	padding:0;
	
	}
.Recommend .video ul{
	width:49.722222222222222222222222222222%;
	}	
	
		
.Recommend .video ul li img{
	width:100%;
	}		
	
.Recommend .video ul .v1-name a{
	font-size:24px;
	padding-left:5.027932960893854748603351955307%;
	padding-top:4.469273743016759776536312849162%;
	padding-bottom:3.351955307262569832402234636872%;
	}
	
.Recommend .video ul .v1-times{
	font-size:22px;
	color:#999999;
	font-weight:lighter;
	line-height:22px;
	}
	
	
.video1-1{
	margin-right:0.555555555555555555555555555556%;
	
	}	




.v1-name{
	width:100%;
	
	}


.time{
	right:1.117318435754189944134078212291%;
	top:56.930355198806793023201616688917%;
	width:20.670391061452513966480446927374%;
	
	}
.time-num{
	right:1.117318435754189944134078212291%;
	top:56.930355198806793023201616688917%;
	width:20.670391061452513966480446927374%;
	
	}	


.Recommend .video ul li .time-bg{
	width:100%;
	}	
.Recommend .video ul .time-num{
	font-size:19px;
	}	




}



@media screen and (max-width:480px){
	#wrap{
		width:100%;
		}
	header{
		width:100%;
		}
header h2{
	font-size:24px;
	padding-top:3.611111111111111111111111111111%;
	padding-bottom:3.75%;
	}
		
.back{
	left:4.444444444444444444444444444444%;
	top:27.083333333333333333333333333333%;
	width:3.194444444444444444444444444444%;
	}	


	.datu{
		width:100%;
		padding:1.666666666666666666666666666667% 0;
		
		}
	.datu img{
		width:100%;	
		}

.Recommend .shortline img{
	width:0.5555555555555556%;
	top:12px;
	}
	
.Recommend h3{
	font-size:18px;
	padding-left:4.444444444444%;
	padding-top:2.5%;
	padding-bottom:2.5%;
	}	

.Recommend .video ul .v1-img a{
	padding:0;
	
	}
.Recommend .video ul{
	width:49.722222222222222222222222222222%;
	}	
	
		
.Recommend .video ul li img{
	width:100%;
	}		





	
	
.Recommend .video ul .v1-play{
	padding-right:3.910614525139664804469273743017%;
	padding-left:5.027932960893854748603351955307%;
	padding-bottom:5.586592178770949720670391061453%;
	}		
.Recommend .video ul .v1-play .play{
	width:76%;
	}	
	




	
.Recommend .video ul .v1-name a{
	font-size:15px;
	padding-left:5.027932960893854748603351955307%;
	padding-top:4.469273743016759776536312849162%;
	padding-bottom:3.351955307262569832402234636872%;
	}
	
.Recommend .video ul .v1-times{
	font-size:13px;
	color:#999999;
	font-weight:lighter;
	line-height:13px;
	}
	
	
.video1-1{
	margin-right:0.555555555555555555555555555556%;
	
	}


.v1-name{
	width:100%;
	
	}



.time{
	right:1.117318435754189944134078212291%;
	top:56.930355198806793023201616688917%;
	width:20.670391061452513966480446927374%;
	
	}
.time-num{
	right:1.117318435754189944134078212291%;
	top:56.930355198806793023201616688917%;
	width:20.670391061452513966480446927374%;
	
	}	


.Recommend .video ul li .time-bg{
	width:100%;
	}	
.Recommend .video ul .time-num{
	font-size:12px;
	}	


}




@media screen and (max-width:360px){
	#wrap{
		width:100%;
		}
	header{
		width:100%;
		}
header h2{
	font-size:18px;
	padding-top:3.611111111111111111111111111111%;
	padding-bottom:3.75%;
	}
		
.back{
	left:4.444444444444444444444444444444%;
	top:27.083333333333333333333333333333%;
	width:3.194444444444444444444444444444%;
	}	


	.datu{
		width:100%;
		padding:1.666666666666666666666666666667% 0;
		
		}
	.datu img{
		width:100%;	
		}




.Recommend .shortline img{
	width:0.5555555555555556%;
	top:8px;
	}
	
.Recommend h3{
	font-size:13px;
	padding-left:4.444444444444%;
	padding-top:2.5%;
	padding-bottom:2.5%;
	}	

.Recommend .video ul .v1-img a{
	padding:0;
	
	}
.Recommend .video ul{
	width:49.722222222222222222222222222222%;
	}	
	
		
.Recommend .video ul li img{
	width:100%;
	}		





	
	
.Recommend .video ul .v1-play{
	padding-right:3.910614525139664804469273743017%;
	padding-left:5.027932960893854748603351955307%;
	padding-bottom:5.586592178770949720670391061453%;
	}		
.Recommend .video ul .v1-play .play{
	width:66%;
	}	
	




	
.Recommend .video ul .v1-name a{
	font-size:12px;
	padding-left:5.027932960893854748603351955307%;
	padding-top:4.469273743016759776536312849162%;
	padding-bottom:3.351955307262569832402234636872%;
	}
	
.Recommend .video ul .v1-times{
	font-size:11px;
	color:#999999;
	font-weight:lighter;
	line-height:13px;
	}
	
	
.video1-1{
	margin-right:0.555555555555555555555555555556%;
	
	}
	


.v1-name{
	width:100%;
	
	}



.time{
	right:1.117318435754189944134078212291%;
	top:56.930355198806793023201616688917%;
	width:20.670391061452513966480446927374%;
	
	}
.time-num{
	right:1.117318435754189944134078212291%;
	top:57.930355198806793023201616688917%;
	width:20.670391061452513966480446927374%;
	
	}	




.Recommend .video ul li .time-bg{
	width:100%;
	}	
.Recommend .video ul .time-num{
	font-size:9px;
	}
}


@media screen and (max-width:320px){
	#wrap{
		width:100%;
		}
	header{
		width:100%;
		}
header h2{
	font-size:16px;
	padding-top:3.611111111111111111111111111111%;
	padding-bottom:3.75%;
	}
		
.back{
	left:4.444444444444444444444444444444%;
	top:27.083333333333333333333333333333%;
	width:3.194444444444444444444444444444%;
	}	


	.datu{
		width:100%;
		padding:1.666666666666666666666666666667% 0;
		
		}
	.datu img{
		width:100%;	
		}

.Recommend .shortline img{
	width:0.5555555555555556%;
	top:7px;
	}
	
.Recommend h3{
	font-size:12px;
	padding-left:4.444444444444%;
	padding-top:2.5%;
	padding-bottom:2.5%;
	}	

.Recommend .video ul .v1-img a{
	padding:0;
	
	}
.Recommend .video ul{
	width:49.722222222222222222222222222222%;
	}	
	
		
.Recommend .video ul li img{
	width:100%;
	}		





	
	
.Recommend .video ul .v1-play{
	padding-right:3.910614525139664804469273743017%;
	padding-left:5.027932960893854748603351955307%;
	padding-bottom:5.586592178770949720670391061453%;
	}		
.Recommend .video ul .v1-play .play{
	width:56%;
	}	
	




	
.Recommend .video ul .v1-name a{
	font-size:10px;
	padding-left:5.027932960893854748603351955307%;
	padding-top:4.469273743016759776536312849162%;
	padding-bottom:3.351955307262569832402234636872%;
	}
	
.Recommend .video ul .v1-times{
	font-size:9px;
	color:#999999;
	font-weight:lighter;
	line-height:13px;
	}
	
	
.video1-1{
	margin-right:0.555555555555555555555555555556%;
	
	}
.v1-name{
	width:100%;
	
	}



.time{
	right:1.117318435754189944134078212291%;
	top:55.930355198806793023201616688917%;
	width:20.670391061452513966480446927374%;
	
	}
.time-num{
	right:1.117318435754189944134078212291%;
	top:55.930355198806793023201616688917%;
	width:20.670391061452513966480446927374%;
	
	}	


.Recommend .video ul li .time-bg{
	width:100%;
	}	
.Recommend .video ul .time-num{
	font-size:8px;
	}

}