span{display: inline-block;}
.NewsList{width: 100%;height: 100%;float: left;margin-bottom: 4rem;overflow-x: hidden;}
.NewsList .NewsContent{width: 70%;float: left;}
.NewsList .NewsContent .ListContent{width: 100%;}
.NewsList .NewsContent .ListContent a{width: calc(100%);padding: 10px 0;float: left;border-bottom: 1px dashed #efefef;}
.NewsList .NewsContent .ListContent a div.time{width: 5rem;height: 5rem;float: left;background: #ddd;}
.NewsList .NewsContent .ListContent a div.time span{width: 100%;line-height: 3rem;color: #fff;font-size: 2.2rem;font-weight: bold;text-align: center;}
.NewsList .NewsContent .ListContent a div.time p{line-height: 2rem;text-align: center;width: 100%;float: left;color: #fff;}
.NewsList .NewsContent .ListContent a>p{float: left;margin-left: 1rem;}
.NewsList .NewsContent .ListContent a p.show{float:right;color:#8D1F22;margin-top:1.5rem;}
.NewsList .NewsContent .ListContent a>p.newsTitle{width: calc(100% - 6rem);font-size: 1.4rem;color: #565656;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.NewsList .NewsContent .ListContent a>p.abstract{width:87%; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;max-height: 3rem;overflow: hidden;color: #898989;}
.NewsList .NewsContent .ListContent a:hover div.time{background: #8D1F22;}
.NewsList .NewsContent .ListContent a:hover p.newsTitle,.NewsList .NewsContent .ListContent a:hover p.abstract{color: #8D1F22;}
.NewsList .rests .restsList a p{width:calc(100% - 4rem);white-space: nowrap;text-overflow: ellipsis;overflow: hidden;float:left;line-height:3rem;}
.NewsList .rests{float: right;width: 28%;}
.NewsList .rests .restsTxt {width: 100%;height: 100%;float: left;border-bottom: 2px solid #ddd;position: relative;}
.NewsList .rests .restsTxt strong{font-size: 1.2rem!important;line-height: 4rem;color: #8D1F22;}
.NewsList .rests .restsTxt i{position: absolute;bottom: -2px;left: 0px;width: 30%;height: 2px;background: #8D1F22;}

.NewsList .rests .recommend,.announcement{width: 100%;height: 100%;float: left;margin-bottom: 2rem;}
.NewsList .rests .restsList{width: 100%;height: 100%;float: left;}
.NewsList .rests .restsList a{width: calc(100% - 20px);height: 100%;float: left;padding: 0 10px;border-bottom: 1px dashed #ddd;position: relative;}
.NewsList .rests .restsList a i{width: 4px;height: 4px;background: #ddd;border-radius: 50%;position: absolute; left: 0;top: calc(1.5rem - 2px);}
.NewsList .rests .restsList a p.newsTitle{width: calc(100% - 4px - 4rem);line-height: 3rem;float: left; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.NewsList .rests .restsList a time{float: left;width: 4rem;font-size: .7rem;text-align: center;line-height: 3rem;}
.NewsList .rests .restsList a:hover p,.NewsList .rests .restsList a:hover time{color: #8D1F22;}
.NewsList .rests .restsList a:hover i{background: #8D1F22;}