#news-list{
	margin:0;padding:0;list-style: none;margin-bottom: 20px;
	display: flex;display: -webkit-flex;width:100%;
	flex-direction: column;-webkit-flex-direction:column;
}
#news-list > li{
	display: flex;display: -webkit-flex;width:100%;
	justify-content: space-between;-webkit-justify-content:space-between;
	align-items: stretch;-webkit-align-items:stretch;
	border-bottom:1px solid #77b6e2;padding:20px 0;
}
#news-list > li > div:nth-child(1){ margin:0 20px; }
#news-list > li > div:nth-child(2){ 
	width:60%; height: auto;
	display: flex;display: -webkit-flex;
	flex-direction: column;-webkit-flex-direction:column;
	justify-content: flex-start;-webkit-justify-content:flex-start;

}
#news-list > li > div:nth-child(3){ 
	width:20%;
	display: flex;display: -webkit-flex;
	justify-content: flex-end;-webkit-justify-content:flex-end;
	align-items: flex-end;-webkit-align-items:flex-end;
}
#news-list > li > div:nth-child(3) > a.readMore{ margin-bottom: 10px; }
#news-list h4.title{
	margin:0;font-weight: normal;
}
#news-list h4.title > a{
	color:#1d69d0;font-size:.9rem;text-decoration: none;
}
#news-list h4.title a:hover{
	color:#77b6e2;
}
#news-list p.createTime{
	font-size:.7rem;color:#a1a1a1;margin:5px 0;
}
#news-list p.description{
	font-size:.75rem;color:#3a3434;margin:20px 0 10px;height: 40px;
	overflow:hidden;
}

@media screen and (min-width: 300px) and (max-width: 768px){
	#news-list > li{
		flex-direction: column;-webkit-flex-direction:column;
	}
	#news-list > li > div:nth-child(1){ width:100%;margin:0; }
	#news-list > li > div:nth-child(2){ width:100%; }
	#news-list > li > div:nth-child(3){ display: none; }
	#news-list h4.title > a{ font-size:.8rem; }
	#news-list p.createTime{ font-size:.6rem;text-align: center; }
	#news-list p.description{ font-size:.65rem;text-align: left;margin:2px 0;text-indent: 1em;height: auto; }
	#news-list h4.title{ text-align: center; }
	#news-list > li img{ width:100%;height: auto; }
}