.downloadlist{overflow:hidden; background:; }
.downloadlist .list-box ul li{position:relative;box-shadow: 0 1px 4px rgba(0,0,0,.18);margin-bottom: 10px;cursor: pointer;}
.downloadlist .list-box ul li:after{display:block; content:''; clear:both;}
.downloadlist .list-box ul li:hover {background-color: #f6f6f6;}
.downloadlist .list-box ul li a{transition:.6s;}
.downloadlist .list-box ul li b{font-weight:inherit; display:block;}
.downloadlist .list-box ul li b i{font-style:normal;margin-left:18px;}
.downloadlist .list-box ul li b i:first-child{margin-left:0;}
.downloadlist .list-box ul li p{margin-top: 8px;line-height: 26px;padding-top: 10px;border-top: 1px dotted #ccc;}
@media(min-width:992px){
.downloadlist{padding-top:28px; padding-bottom:28px;} 
.downloadlist .list-box{margin-bottom:28px;}
.downloadlist .list-box ul li{padding:20px;}
}
@media(max-width:991px){
.downloadlist{padding-top:18px; padding-bottom:18px;} 
.downloadlist .list-box{margin-bottom:18px;}
.downloadlist .list-box ul li{padding:18px;}
}
@media(min-width:768px){
.downloadlist .list-box ul li h3{padding-right:108px;}
.downloadlist .list-box ul li b{margin:4px 0;}
.downloadlist .list-box ul li a[button]{position:absolute; right:20px; top:20px;}
}
@media(max-width:767px){
.downloadlist .list-box ul li{padding:15px} 
.downloadlist .list-box ul li a[button]{margin:4px 0;}
}