#newslist{
	overflow: hidden;
}
#newslist .list{
	float: left;
    width: 24%;
    margin: 0 1% 20px 0;
    border: 1px solid #e5e5e5;
	color:#272727;
}
#newslist .list:nth-child(4n){
    margin-right: 0;
}
#newslist .list .photo{
	display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: auto 100%;
}
#newslist .list h3{
	margin: 10px 15px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}
#newslist .list h3 a{
	color:#272727;
	font-size:16px;
}
#newslist .list h3:hover a{
    color: #d75383;	
}
#newslist .list article{
	margin: 10px 15px;
	font-size:12px;
	height: 46px;
	overflow: hidden;
}
#newslist .list .more{
	margin: 10px 15px;
	overflow:hidden;
	font-size: 12px;
}
#newslist .list .more a,
#newslist .list .more b{
	float:left;
	display:block;
	color:#272727;
}
#newslist .list .more b{
	font-weight:normal;
	margin:0 10px;
}
#newslist .list .more p{
	float:left;
}
@media screen and (max-width: 980px) {
	#newslist .list{
		width: 23%;
	}
}
@media screen and (max-width: 780px) {
	#newslist .list,
	#newslist .list:nth-child(4n){
		width: 31%;
		margin: 0 1% 20px;
	}
}
@media screen and (max-width: 680px) {
	#newslist .list,
	#newslist .list:nth-child(4n){
		width: 47%;
	}
}
@media screen and (max-width: 370px) {
	#newslist .list,
	#newslist .list:nth-child(4n){
		margin: 0 1% 10px;
	}
	#newslist .list .more b{
	    margin: 0 5px;	
	}
}