.downloadlist{overflow:hidden; background:; }
.downloadlist .list-box ul {text-align:left;}
.downloadlist .list-box ul li{border-bottom:1px dashed #f0f0f0; width:50%; height:20%; float:left; }
.downloadlist .list-box ul li:after{display:block; content:''; clear:both;}
.downloadlist .list-box ul li a{transition:.3s;}
.downloadlist .list-box ul li>a>span{float:left; overflow:hidden; width:px;}
.downloadlist .list-box ul li a span img{display:block; width:200px; padding-right:5px; transition:.3s;}
.downloadlist .list-box ul li a:hover span img{transform:scale(1.3);} 
.downloadlist .list-box ul li>div{padding-left:18px;}
.downloadlist .list-box ul li>div h3{display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.downloadlist .list-box ul li>div i{opacity:.18; font-style:normal; display:block; padding:2px 0;}
.downloadlist .list-box ul li>div p{opacity:.88; overflow:hidden;  }
@media(min-width:992px){
.downloadlist{padding-top:18px; padding-bottom:18px;} 
.downloadlist .list-box{margin-bottom:18px;}
.downloadlist .list-box ul li{padding:16px 0;}
.downloadlist .list-box ul li>div p{height:88px; overflow:hidden; 
    text-overflow: ellipsis;
}
}
@media(max-width:991px){
.downloadlist{padding-top:18px; padding-bottom:18px;} 
.downloadlist .list-box{margin-bottom:18px;}
.downloadlist .list-box ul li{width:50%; padding:12px 0;}
.downloadlist .list-box ul li>div p{height:88px; overflow:hidden; 
    text-overflow: ellipsis;
}
}
@media(max-width:767px){
.downloadlist .list-box ul li{padding:15px 0;}
.downloadlist .list-box ul li>a>span{width:50px;}
.downloadlist .list-box ul li>div{padding-left:18px;}
.downloadlist .list-box ul li>div i{padding:0;}
.downloadlist .list-box ul li>div p{height:auto; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
}