.newsdetail{padding:60px 0; background: #fff;} 
.newsdetail-info{margin:30px 0; padding-bottom:10px; border-bottom:1px solid #e8e8e8; color:#686868;}
.newsdetail-info>b{font-weight:normal;}
.newsdetail-info>i{font-style:normal; padding-right:18px;}
.newsdetail-info>i>a{color:#686868;}
.newsdetail-info>i>a:hover{color:#1565e3;}
.newsdetail-content>h1{text-align: center;}
.newsdetail-content>aside{padding-bottom:38px;}
.newsdetail-content>aside>p+p{margin-top:8px;}
.newsdetail-content>dir{text-align:left; border-top:1px solid #e8e8e8; padding:12px 0;}
.newsdetail-content>dir>dl{padding:6px 0;}
.newsdetail-content>dir>dl:after{display:block; content:''; clear:both;}
.newsdetail-content>dir>dl>dt{float:left; margin-right:8px;}
.newsdetail-content>dir>dl>dt>b{font-weight:normal; color:#989898;}
.newsdetail-content>dir>dl>dd{float:left;} 
.newsdetail-content>dir>dl>dd>i{font-style:normal;}
.newsdetail-tags{padding:0 0 18px 0;}
.newsdetail-tags>a{display:inline-block; border:1px solid #eee; padding:8px 18px; background:rgba(0,0,0,.01); border-radius:3px;}
.newsdetail-tags>a:hover{color:#fff; background:#1565e3;}
.newsdetail-comment{padding-top:28px;}
.newsdetail-recom{margin-top:60px;}
.newsdetail-recom h3{text-align: center; font-size:32px; margin-bottom: 30px;}
.newsdetail-recom ul{margin:0 -20px;}
.newsdetail-recom ul:after{display: block; content:''; clear: both;}
.newsdetail-recom li{display:block; float: left; width: 50%; position:relative; z-index:2; overflow:hidden; padding:0 20px;}
.newsdetail-recom li a{display: block; padding: 10px 0; border-bottom: 1px solid #e8e8e8;}
.newsdetail-recom li h4{font-size: 16px; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.newsdetail-recom li u{display:block; text-decoration:none; color:#989898;}
@media(max-width:1199px){
.newsdetail{padding:40px 0;} 
.newsdetail-recom{margin-top:40px;}
.newsdetail-recom h3{font-size:28px; margin-bottom:20px;}
.newsdetail-recom ul{margin:0 -10px;}
.newsdetail-recom li{padding:0 10px;}
}
@media(max-width:992px){
.newsdetail-recom ul{margin:0;}
.newsdetail-recom li{padding:0; float: none; width: 100%;}
}
@media(max-width:767px){
.newsdetail{padding:20px 0;}
.newsdetail-info{margin:10px 0 20px 0;} 
.newsdetail-content>h1{font-size:20px;}
.newsdetail-content>aside{padding-bottom:18px;} 
.newsdetail-recom{margin-top:20px;}
.newsdetail-recom h3{font-size:22px; margin-bottom:10px;}
.newsdetail-recom li a{padding:6px 0;}
.newsdetail-recom li h4{font-size: 14px;}
}