.downloadlist{padding:60px 0;}
.downloadlist-item+.downloadlist-item{border-bottom:1px solid #e8e8e8;}
.downloadlist-item div{display:block; position:relative; padding:30px; overflow:hidden; background:#fff;} 
.downloadlist-item ins{float:left; position:relative; margin:4px 16px 0 0; z-index:2; color:#1565e3;}
.downloadlist-item ins>i{font-size:28px;}
.downloadlist-item span{display:block; position:relative; z-index:2; overflow:hidden;}
.downloadlist-item span h3{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:1; transition:.6s; font-size:22px;}
.downloadlist-item span u{display:block; text-decoration:none; margin: 12px 0; transition:.6s; color:#989898;} 
.downloadlist-item span p{display: block; font-size: 16px; color:#686868; }
.downloadlist-item div>a{position:absolute; z-index:3; right:30px; top:30px; } 
.downloadlist-content dir{padding:12px 0;} 
.downloadlist dir{margin-top:30px;}
@media(max-width:1199px){
.downloadlist{padding:40px 0;}
.downloadlist-item span p{font-size: 15px;}
}
@media(max-width:767px){
.downloadlist{padding:20px 0;}
.downloadlist-item ins{display:none;}
.downloadlist-item span h3{font-size: 18px; white-space: pre-wrap; line-height: inherit;}
.downloadlist-item span u{margin: 5px 0;}
.downloadlist-item span p{font-size: 14px;}
.downloadlist-item div{padding:10px;}
.downloadlist-item div>a{position:relative; top:auto; right:auto; margin:8px 0;}
}