.newsdetail{padding:60px 0; background:#f8faff;}
.newsdetail-content{display:block; background:#fff; padding:30px; box-shadow: 0 0 12px rgba(0,0,0,.08); border-radius: 3px;}
.newsdetail-info{margin:18px 0 28px 0; padding-bottom:8px; border-bottom:1px solid #eee; color:#787878;}
.newsdetail-info>b{font-weight:normal;}
.newsdetail-info>i{font-style:normal; padding-right:18px;}
.newsdetail-info>i>a{color:#787878;}
.newsdetail-info>i>a:hover{color:#1684ed;}
.newsdetail-content>aside{padding-bottom:38px;}
.newsdetail-content>aside>p+p{margin-top:8px;}
.newsdetail-content>dir{text-align:left; border-top:1px solid #eee; 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:#a8a8a8;}
.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:#1684ed;}
.newsdetail-comment{padding-top:28px;}
.newsdetail-recom{margin-top:28px;}
.newsdetail-recom>h3{font-size:18px; padding-bottom:5px;}
.newsdetail-recom>ul{margin: 0 -15px;}
.newsdetail-recom>ul:after{display:block; content:''; clear:both;}
.newsdetail-recom>ul>li{float:left; width:50%; padding:0 15px;}
.newsdetail-recom>ul>li:after{clear: both; height: 1px; width: 100%; display: block; background: #eee; content: '';}
.newsdetail-recom>ul>li>a{display:block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 10px 0;}
.newsdetail-recom>ul>li>a:before{float: left; width:6px; height: 3px; border-radius: 3px; content:''; margin: 10px 8px 0 0; background: #1169d8;}
.newsdetail-recom>ul>li>i{float: right; font-style: normal; padding: 10px 0; color: #787878;}
@media(max-width:1200px){
.newsdetail{padding:40px 0;} 
.newsdetail-content{padding:20px;}
}
@media(max-width:767px){
.newsdetail{padding:20px 0;}
.newsdetail-info{margin:12px 0 18px 0;}
.newsdetail-content{padding:10px;}
.newsdetail-content>h1{font-size:20px;}
.newsdetail-content>aside{padding-bottom:18px;}
.newsdetail-recom>ul{margin:0;}
.newsdetail-recom>ul>li{float:none; width:100%; padding:0;}
}