@charset 'utf-8';

.download{padding: 50px 0;}
.download .category{width: 280px; float: left; box-sizing: border-box; padding: 10px 15px; border: solid #e6e6e6 1px;}
.download .category .title{line-height: 38px; border-bottom: solid #e6e6e6 1px;}
.download .category .title h2{font-size: 18px;}
.download .category .list{margin-top: 10px;}
.download .category .list li{line-height: 36px; border-bottom: dashed #eee 1px;}
.download .category .list li a{display: block; font-size: 16px;}

.download .downloadlist{width: calc(100% - 330px); float: right;}
.download .downloadlist .list{width: 32%; float: left; margin: 0 2% 30px 0; background: #fff; box-sizing: border-box; padding: 20px; box-shadow: 0 0 5px 5px #eee; transition: all 0.5s;}
.download .downloadlist .list:nth-child(3n){margin-right: 0;}
.download .downloadlist .list:nth-child(3n+1){clear: both;}
.download .downloadlist .list .picture{overflow: hidden;}
.download .downloadlist .list .picture img{width: 100%; transition: all 0.5s;}
.download .downloadlist .list .picture:hover img{transform: scale(1.1);}
.download .downloadlist .list .title{margin-top: 10px;}
.download .downloadlist .list .title a{font-size: 16px; line-height: 24px; color: #212121; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}

@media (max-width:960px) {
	.download{padding: 30px 10px}
	.download .category{display: none;}
	.download .downloadlist{width: 100%;}
	.download .downloadlist .list{width: 49%; padding: 6px 6px 12px; margin-right: 2%; margin-bottom: 20px;}
	.download .downloadlist .list:nth-child(3n){margin-right: 2%;}
	.download .downloadlist .list:nth-child(3n+1){clear: none;}
	.download .downloadlist .list:nth-child(2n){margin-right: 0;}
	.download .downloadlist .list:nth-child(2n=1){clear: both;}
	.download .downloadlist .list .title{margin-top: 10px;}
	.download .downloadlist .list .title a{font-size: 12px; line-height: 20px;}
}