.newsdetail{background:rgb(255,255,255); }
.newsdetail h1{text-align:center; margin-bottom:8px;}

.newsdetail ._time{margin-bottom:18px; text-align:center; opacity:.68;    padding: 10px 0; border-bottom: 1px #efefef solid;}
.newsdetail ._time b{font-weight:inherit;}
.newsdetail ._time i{font-style:inherit; margin-right:18px;}
.newsdetail ._time i:last-child{margin:0;}

.newsdetail aside{margin-bottom:18px;} 
.newsdetail dir{display: flex;padding: 20px;line-height: 45px;flex-direction: row;justify-content: space-between;border-top: 1px solid #f0f0f0;}
.newsdetail dir:after{display:block; content:''; clear:both;}
.newsdetail dir>dl{width: 48%;padding: 0 15px;display: block;text-align: center;border: 1px solid #f0f0f0;border-radius: 45px;word-wrap: normal; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.newsdetail dir>dl:after{display:block; content:''; clear:both;}
.newsdetail dir>dl>dt{display: inline-block;margin-right:8px; opacity:.88;}
.newsdetail dir>dl>dt b{font-weight:inherit;}
.newsdetail dir>dl>dd{display:inline;}
.newsdetail dir>dl>dd i{font-style:inherit;}

.newsdetail .tag{margin-bottom:18px; text-align:left;}
.newsdetail .tag a{display:inline-block; margin-right:8px; border:1px solid #f0f0f0; padding:2px 8px; border-radius:3px;}
.newsdetail h2{font-size: 18px;display: block;margin-bottom:20px; border-bottom:1px solid #f0f0f0;}
.newsdetail .hot_news>ul>li{text-align: left;display:block;clear: both;line-height: 35px;}
.newsdetail .hot_news>ul>li a:hover{color:{$common['hrcolor']};}
.newsdetail .hot_news>ul>li h3{float: left;}
.newsdetail .hot_news>ul>li span{float: right;}
@media(min-width:992px){
.newsdetail{padding:0 0 28px;}
}
@media(max-width:991px){
.newsdetail{padding:0 0 18px;} 
}
@media(max-width:767px){
.newsdetail .tag{margin-bottom:8px;}
.newsdetail .tag a{margin-right:4px; padding:2px 8px;}
.newsdetail h1{font-size:24px; margin-bottom:4px;}
.newsdetail aside{margin-bottom:8px;} 
.newsdetail dir{display: block;padding:8px 0 0 0;}
.newsdetail dir>dl {width: 100%;display: block;margin: 5px 0;}
.newsdetail dir>dl>dt{display: none;}
.newsdetail dir>dl>dd{text-align: left;}
.newsdetail article>div{margin-bottom:8px;}
.newsdetail ._time{margin-bottom:8px;}
.newsdetail .hot_news>ul>li{display: block;width: 100%;}
.newsdetail .hot_news>ul>li h3{font-size: 14px}
.newsdetail .hot_news>ul>li span{display: none;}
}