.download {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	background: url(../image/download_bg@2x-DsZkZTp9.png) no-repeat;
	background-size: cover;
	box-sizing: border-box
}

.download .download-list {
	width: 90vw;
	height: 100vh
}

.download .download-list .download-title {
	font-weight: 600;
	font-size: 4vw;
	line-height: 4vw;
	color: #333;
	text-align: center;
	padding-top: 5vw;
	display: flex;
	justify-content: center
}

.download .download-list .download-subtitle {
	font-size: 3vw;
	color: #999;
	text-align: center;
	margin-top: 4vw
}

.download .download-list .download-channel {
	display: flex;
	flex-wrap: wrap;
	margin-top: 6vw
}

.download .download-list .download-channel .channel-item-list {
	width: 50%
}

.download .download-list .download-channel .channel-item-list:nth-child(2n) .channel-item {
	margin-left: 2vw
}

.download .download-list .download-channel .channel-item-list:nth-child(odd) .channel-item {
	margin-right: 2vw
}

.download .download-list .download-channel .channel-item {
	height: 16vw;
	background: #fff;
	border-radius: 8px;
	margin-bottom: 4vw;
	display: flex;
	align-items: center;
	color: #333;
	font-size: 3.5vw;
	cursor: pointer
}

.download .download-list .download-channel .channel-item .select {
	width: 4vw;
	height: 4vw;
	margin-left: 2vw;
	margin-right: 2vw
}

.download .download-list .download-channel .channel-item .icon {
	width: 5vw;
	height: 5vw;
	margin-right: 2vw
}

.download .download-list .download-channel .channel-item .time {
	color: #999;
	font-size: 3vw;
	margin-left: 5px
}

.download .download-list .download-channel .channel-item.active {
	background: #1f8ffb;
	color: #fff
}

.download .download-list .download-channel .channel-item.active .time {
	color: #fff
}

.download .el-icon svg {
	height: 1em;
	width: 1em;
	vertical-align: top
}

.download .is-loading {
	width: 1em;
	height: 1em;
	font-size: 4.5vw;
	margin-left: 1vw;
	color: #999;
	animation: rotating-657c88c6 2s linear infinite
}

@media screen and (min-width: 1201px) {
	.download .download-title .return {
		display: none
	}

	.download .download-list {
		width: 445px
	}

	.download .download-list .download-title {
		font-size: 24px
	}

	.download .download-list .download-subtitle {
		font-size: 16px;
		margin-top: 14px
	}

	.download .download-list .download-channel {
		margin-top: 24px;
		padding: 0 24px
	}

	.download .download-list .channel-item-list:nth-child(2n) .channel-item {
		margin-left: 10px !important
	}

	.download .download-list .channel-item-list:nth-child(odd) .channel-item {
		margin-right: 10px !important
	}

	.download .download-list .channel-item {
		width: 190px !important;
		height: 70px !important;
		margin-bottom: 16px !important;
		font-size: 14px !important
	}

	.download .download-list .channel-item .select {
		width: 24px !important;
		height: 24px !important;
		margin-left: 8px !important;
		margin-right: 11px !important
	}

	.download .download-list .channel-item .icon {
		width: 20px !important;
		height: 20px !important;
		margin-right: 16px !important
	}

	.download .download-list .channel-item .time {
		font-size: 12px !important
	}

	.download .is-loading {
		font-size: 14px;
		margin-left: 5px
	}
}

@keyframes rotating-657c88c6 {
	0% {
		transform: rotate(0)
	}

	to {
		transform: rotate(360deg)
	}
}