#newslist{
	overflow:hidden;
}
#newslist >div{
	float: left;
    width: 30%;
    margin: 0 1.5% 50px;
}
#newslist .list .photo a{display:block;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;position:relative;}
#newslist .list .photo a img{width:100%;}
#newslist{position:relative;margin-bottom:130px;}
#newslist .list{margin:15px;}
#newslist .list p{color:#58ca8e;margin:20px 0 0;transition:all linear 0.3s;opacity:1;}
#newslist .list h2{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:110%;margin-top:5px;transition:all linear 0.3s;}
#newslist .list:hover p{transform:translateY(24px);opacity:0;}
#newslist .list:hover h2{transform:translateY(-24px);}
#newslist .list h2 a{color:#464646;font-size:17px;}
#newslist .list .photo a{transition:all linear 0.3s;}
#newslist .list:hover .photo a{box-shadow:0 0 7px rgba(0, 0, 0, 0.16);}
#newslist .list h3{
	font-weight: normal;
    overflow: hidden;
    height: 2.5em;
    margin-top: 5px;
    color: #828080;
    line-height: 130%;
	font-size: 13px;
}
.article-info{
	margin-bottom: 40px;
}
.article-info h2{
	font-size: 25px;
    line-height: 110%;
    color: #a9253c;
	margin-bottom: 10px;
}
.article-info p{
    color: #848484;
    font-size: 12px;
    border-left: 4px solid #ff992c;
    padding-left: 10px;
}
#article{
	line-height:150%;
}
#community{
	margin: 30px 0 50px;
}

@media screen and (max-width:980px){
	#newslist >div{
		width: 45%;
		margin: 0 2.5% 50px;		
	}
}
@media screen and (max-width:640px){
	#newslist >div{
		width: 48%;
		margin: 0 1% 50px;		
	}
}
@media screen and (max-width:480px){
	#newslist >div{
		width: 50%;
		margin: 0 0 30px;		
	}
	#newslist .list{
		margin:10px;
	}
	#newslist .list h2 a{font-size:15px;}
	#newslist .list p{font-size:12px;}
	#newslist .list h3{
		font-size:6pt;
	}
	#newslist .list h2{
		margin:0;
		white-space: inherit;
		text-overflow: inherit;
		height:2.6em;
	}
}