.downloaddetail{background:; }
.downloaddetail h1{text-align:center; margin-bottom:8px;}
.downloaddetail .top{text-align:center; margin-bottom:18px;}
.downloaddetail .top b{font-weight:inherit;}
.downloaddetail .top i{font-style:inherit; margin-right:18px;}
.downloaddetail .top i:last-child{margin:0;}
.downloaddetail .sub{background: #fafafa;}
.downloaddetail .sub>dl{padding-bottom:0px;}
.downloaddetail .sub>dl:after{display:block; content:''; clear:both;}
.downloaddetail .sub>dl>dt{float:left; }
.downloaddetail .sub>dl>dd{float:left;}
.downloaddetail .sub>a{margin-top:18px;}
.downloaddetail .sub>ul{display:block; margin-top:18px;}
.downloaddetail .sub>ul>li>a{display:inline-block; padding:0 8px;color:rgb(0,0,0); border:1px solid rgb(0,0,0);}
.downloaddetail .sub>ul>li>a:hover{color:#fff; background:rgb(0,0,0);}
.downloaddetail .content{margin-top: 20px;}
.downloaddetail aside{margin-bottom:18px;}  
.downloaddetail dir{padding-top:18px; border-top:1px solid #f0f0f0;}
.downloaddetail dir:after{display:block; content:''; clear:both;}
.downloaddetail dir>dl:after{display:block; content:''; clear:both;}
.downloaddetail dir>dl>dt{float:left; margin-right:8px; }
.downloaddetail dir>dl>dt b{font-weight:inherit;}
.downloaddetail dir>dl>dd{float:left;}
.downloaddetail dir>dl>dd i{font-style:inherit;}
.downloaddetail .tag{margin-bottom:18px;}
.downloaddetail .tag a{display:inline-block; margin-right:8px; border:1px solid #f0f0f0; padding:2px 8px; border-radius:3px;}
.downloaddetail .comment{margin-top:28px;}

@media(min-width:768px){
.downloaddetail .sub{padding:20px;margin-bottom: 18px;}
.downloaddetail .sub>dl{width: 25%;float: left;}
.downloaddetail .sub>ul>li{display:inline-block; margin-right:8px;} 
}

@media(min-width:992px){
.downloaddetail{padding-top:28px; padding-bottom:28px;} 
}
@media(max-width:991px){
.downloaddetail{padding-top:18px; padding-bottom:18px;margin-left: 0;} 
.downloaddetail .sub{padding:10px;padding-bottom: 8px;}
.downloaddetail .sub>ul>li{display:block; margin-bottom:8px;}
.downloaddetail .content{padding-top:18px; margin-top:18px; border-top:1px solid #f0f0f0;}
.downloaddetail .comment{margin-top:18px;}
}
@media(max-width:767px){
.downloaddetail h1{font-size:24px; margin-bottom:4px;}
.downloaddetail .top{margin-bottom:8px;}
.downloaddetail aside{margin-bottom:8px;}  
.downloaddetail dir{padding-top:8px;}
.downloaddetail .sub>dl{width: 100%; float:none;padding-bottom:4px;border-bottom: 1px dotted #f0f0f0;}
.downloaddetail .sub>dl:last-child{border: 0;}
.downloaddetail .sub>a{margin-top:8px;}
.downloaddetail .content{padding-top:8px; margin-top:12px;}
.downloaddetail .tag{margin-bottom:8px;}
.downloaddetail .tag a{margin-right:4px; padding:2px 8px;}
}