.download-wrap {
	background: #f5f6f8;
	padding: 100px 0;
}
@media screen and (max-width: 1920px) {
	.download-wrap {
		padding: calc(100 / 1920 * 100vw) 0;
	}
}

.download-wrap .tit{
	font-size: 40px;
	color: #333;
}
@media screen and (max-width: 1920px) {
	.download-wrap .tit{
		font-size: calc(40 / 1920 * 100vw);
	}
}
@media screen and (max-width: 992px) {
	.download-wrap .tit{
		font-size: 4rem;
	}
}
.dowload-list{
	padding: 60px 0 20px 0;
}
@media screen and (max-width: 1920px) {
	.dowload-list{
		padding: calc(60 / 1920 * 100vw) 0 calc(20 / 1920 * 100vw) 0;
	}
}
.item-dowload {
	margin-bottom: 15px;
}
@media screen and (max-width: 1920px) {
	.item-dowload {
		margin-bottom: calc(15 / 1920 * 100vw)
	}
}
.item-dowload a {
	display: block;
	width: 100%;
	background: #f9f9f9;
}

.item-dowload a .item {
	width: 93.125%;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 2rem 0;
}
@media screen and (max-width: 1920px) {
	.item-dowload a .item {
		padding: calc(20  / 1920 * 100vw) 0;
	}
}
@media screen and (max-width: 992px) {
	.item-dowload a .item {
		padding:2rem  0;
	}
}
.item-dowload a .item i {
	font-size: 45px;
	color: #ff6969;
}
@media screen and (max-width: 1920px) {
	.item-dowload a .item i {
		font-size: calc(45 / 1920 * 100vw)
	}
}
@media screen and (max-width: 992px) {
	.item-dowload a .item i {
		font-size:5rem;
	}
}

.item-dowload a .item i.icon-pdf {
	padding-right:51px;
}
@media screen and (max-width: 1920px) {
	.item-dowload a .item i.icon-pdf {
		padding-right: calc(51 / 1920 * 100vw)
	}
}
@media screen and (max-width: 992px) {
	.item-dowload a .item i.icon-pdf {
		padding-right: 2rem
	}
}
.item-dowload a .item i.icon-xiazai-wenjianxiazai {
	font-size: 30px;
	color: #6f6f6f;
}
@media screen and (max-width: 1920px) {
	.item-dowload a .item i.icon-xiazai-wenjianxiazai {
		font-size: calc(30 / 1920 * 100vw)
	}
}
@media screen and (max-width: 992px) {
	.item-dowload a .item i.icon-xiazai-wenjianxiazai {
		font-size: 4rem
	}
}
.item-dowload a .item .tit {
	width: 90%;
	font-size: 24px;
	color: #333333;
	line-height: 3rem;
	position: relative;
	padding-left: 58px;
}
@media screen and (max-width: 1920px) {
	.item-dowload a .item .tit {
		font-size: calc(24 / 1920 * 100vw);
		padding-left: calc(58 / 1920 * 100vw);
	}
}
@media screen and (max-width: 992px) {
	.item-dowload a .item .tit {
		width: 80%;
		font-size: 3rem;
		padding-left: 2rem;
	}
}
.item-dowload a .item .tit:before {
	content: "";
	position: absolute;
	width: 1px;
	height: 4.4rem;
	background: #c7c7c7;
	left: 0;
	top: 50%;
	margin-top: -2.2rem;
}

.item-dowload a:hover {
	background: var(--active-color);
	color: #fff;
}

.item-dowload a:hover i,
.item-dowload a:hover .item .tit,
.item-dowload a:hover  .item i.icon-xiazai-wenjianxiazai {
	color: #fff;
}