@charset "utf-8";
.download ul li .img {
    height: 190px;
}
.img img{
	/*margin: 38px 17px;*/
}
.download ul li .recommend p{
	font-size: 14px;
}
.download ul li .download_link{
	bottom: 24px;
}
@media only screen and (max-width:1200px ) {
	.down_sort li{
		width: 10%;
		margin-left: 2%;
	}
	.img img{
		/*width: 94%;*/
		margin-left: 3%;
		margin-right: 3%;
	}
	.download_info time{
		padding-left: 0px;
	}
	.download ul li .recommend h3{
		font-size: 16px;
	}
	
}
@media screen and (max-width: 760px) {
	.down_sort {
		margin-top: 20px;
		background: #fff;
	}
	.down_sort ol {
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		padding-bottom: 14px;
	}
	ol,
	li {
		list-style: none;
		margin: 0;
	}
	.down_sort li {
		width: auto;
		text-align: center;
		padding: 0 16px;
		display: inline-block;
		margin-left: 14px;
		margin-top: 14px;
	}
	.down_sort .sort_tit {
		width: 100%;
		padding: 6px 0;
		display: none;
	}
	.sort_tit img {
		width: 22px;
		height: 22px;
		margin: 0 8px;
		display: inline-block;
		vertical-align: middle;
	}
	.sort_tit h4 {
		font-size: 20px;
		color: #333;
		display: inline-block;
		vertical-align: middle;
	}
	.down_sort li:hover a {
		color: #333;
	}
	.down_sort .on {
		border-radius: 4px;
		background: #F8C206;
	}
	.down_sort .on a {
		color: #fff;
	}
	.down_sort li a {
		font-size: 16px;
		color: #222;
		line-height: 32px;
	}
	.download ul {
		padding-top: 40px;
	}
	body {
		background: #fff;
	}
	.download {
		margin: 0 auto;
		margin-top: 20px;
		padding: 0;
	}
	.container .reason_title {
	text-align: center;
	padding:0 15px;
	}
	.download ul li .recommend h3{
		height: 30px;
		font-size: 14px;
		margin-bottom: 0;
	}
	/*
	.container .reason_title hgroup {}
	.container .reason_title hgroup h2{
		color: #111;
		font-size: 24px;
		font-weight: bold;
	}
	.container .reason_title hgroup h4 {
		color: #666;
		margin: 20px auto;
	}
	.container .reason_title .line img {
		margin: 0 auto;
	}*/
	.download ul li .img {
    height: 108px;
}
	.img img {
		/*width: 148px;*/
		height: 94px;
		margin: 6px auto;
		border-radius: 6px;
	}
	
}
@media screen and (min-width: 100px) and (max-width: 376px) {
	.numitem {
		padding: 8px 8px;
	}
	.down_sort li{
		margin-left: 6px;
	}
	 .download_info strong,.download_info time{
		font-size: 12px;
	}
}
@media only screen and (max-width:361px ) {
	.down_sort li{
		padding: 0 12px;
		margin-left: 8px;
	}
	
	
}