常用的网站新闻列表css样式

/*新闻列表*/
.newslist{width:1000px;margin:0 auto;overflow:hidden}
.newslist ul{margin-left:-40px}
.newslist li{width:100%;float:left;padding:30px 0;transition:all .3s;float:left;margin:0 0 0 40px;background-color:#fff;border-bottom:1px solid #e8e8e8}
.newslist li .img{float:left;margin-right:30px;overflow:hidden}
.newslist li .img img{width:200px;height:150px;transition:all .4s}
.newslist li:hover .img img{transform:scale(1.1)}
.newslist li .cont{overflow:hidden}
.newslist li .cont .tit{font-size:18px;font-weight:700}
.newslist li .cont .tit:hover a{color:#1364bf}
.newslist li .cont .desc{height:72px;margin-top:15px;color:#666;font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;display:-moz-box;display:-ms-box;display:box;-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-box-orient:vertical;box-orient:vertical;-webkit-line-clamp:3;line-height:24px}
.newslist li .cont .time{font-size:14px;color:#999;margin-top:15px}
.newslist li .cont .more{margin-top:10px}
.newslist li .cont .more a{color:#0049b2}

.new_1{ margin-top:10px;}
.new_1 dl{overflow:hidden; line-height:30px; border-bottom:dotted 1px #CCCCCC;}
.new_1 dl dd{ float:left; margin:6px 0 0 10px;}
.new_1 dl dd a{ color:#000; margin-left:10px;}
.new_1 dl dd a:hover{ color:#006;}
.new_1 dl span{ float:right;margin:6px 0 0 10px; margin-right:20px; color:#4A4A4A;}