/* 页面主体 */
@media (max-width: 991.98px) {
	.page-main {
		background-color: #f8f8f8;
	}

	.page-main .section {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.page-main .section__title {
		text-align: center;
		color: #333333;
		line-height: 1.5;
		margin-bottom: 16px;
	}

	.page-main .section__title strong {
		display: block;
		font-size: 16px;
		font-weight: normal;
	}

	.page-main .section__title small {
		display: block;
		font-size: 12px;
		text-transform: uppercase;
		font-weight: normal;
        color: #bdbdbd;
	}
}

@media (min-width: 992px) {
	.page-main {
		background-color: #f8f8f8;
	}

	.page-main .section {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.page-main .section__title {
		text-align: center;
		color: #333333;
		line-height: 1.5;
		margin-bottom: 32px;
	}

	.page-main .section__title strong {
		display: block;
		font-size: 22px;
		font-weight: normal;
	}

	.page-main .section__title small {
		display: block;
		font-size: 16px;
		text-transform: uppercase;
		font-weight: normal;
        color: #bdbdbd;
	}
}

/* 下载中心 */
@media (max-width: 991.98px) {
	.download-center .tabs {
		font-size: 0;
		text-align: center;
		margin-bottom: 12px;
	}

	.download-center .tab {
		display: inline-block;
		font-size: 16px;
		line-height: 1;
		color: #aeaeae;
		padding-left: 12px;
		padding-right: 12px;
		vertical-align: top;
	}

	.download-center .tab.active {
		color: #4171be;
	}

	.download-center .tab:not(:first-child)::before {
		content: '';
		position: absolute;
		width: 1px;
		height: 16px;
		background-color: #aeaeae;
		margin-left: -12px;
	}

	.search {
		position: relative;
		display: block;
		margin-left: 32px;
		margin-right: 32px;
		margin-bottom: 20px;
	}

	.search-control {
		display: block;
		width: 100%;
		line-height: 20px;
		padding: 6px 48px 6px 20px;
		height: 32px;
		border-radius: 16px;
		background-color: #FFFFFF;
		border: 0;
		font-size: 12px;
	}

	.search-control::-webkit-input-placeholder,
	.search-control::-moz-placeholder,
	.search-control:-ms-input-placeholder,
	.search-control::-ms-input-placeholder,
	.search-control::placeholder {
		color: #aeaeae;
		opacity: 1;
	}

	.search-control:focus {
		outline: 0;
	}

	.search-button {
		position: absolute;
		top: 0;
		right: 0;
		width: 48px;
		height: 32px;
		border: 0;
		padding: 0;
		background: transparent url(../images/icon/icon-search@32x32.png) no-repeat center center;
		background-size: 16px 16px;
	}

	.download-list {
		margin-bottom: 0;
		padding-left: 0;
		list-style: none;
	}

	.download-list li {
		position: relative;
		background-color: #FFFFFF;
	}

	.download-list li:not(:first-child) {
		margin-top: 10px;
	}

	.download-list li a {
		display: block;
		width: 100%;
		font-size: 16px;
		line-height: 24px;
		padding: 15px 36px 15px 10px;
		color: #333333;
	}

	.download-list li a::before {
		content: '';
		display: inline-block;
		width: 5px;
		height: 5px;
		background-color: #333333;
		border-radius: 50%;
		vertical-align: top;
		margin-top: 9px;
		margin-right: 8px;
	}

	.download-list li .icon-download {
		position: absolute;
		top: 19px;
		right: 10px;
		width: 16px;
		height: 16px;
		background-image: url(../images/icon/icon-download@32x32.png);
		background-size: contain;
	}
}

@media (min-width: 992px) {
	.download-center .tabs {
		font-size: 0;
		margin-bottom: 20px;
		float: left;
		padding-top: 16px;
		padding-bottom: 16px;
		padding-left: 14px;
		position: relative;
	}

	.download-center .tabs::before {
		content: '';
		position: absolute;
		left: 0;
		top: 14px;
		width: 0;
		height: 0;
		font-size: 0;
		border-left: 14px solid #4171BE;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
	}

	.download-center .tab {
		display: inline-block;
		font-size: 16px;
		line-height: 1;
		color: #aeaeae;
		padding-left: 12px;
		padding-right: 12px;
		vertical-align: top;
	}

	.download-center .tab.active {
		color: #4171be;
	}

	.download-center .tab:not(:first-child)::before {
		content: '';
		position: absolute;
		width: 1px;
		height: 16px;
		background-color: #aeaeae;
		margin-left: -12px;
	}

	.search {
		position: relative;
		display: block;
		margin-bottom: 20px;
		float: right;
	}

	.search-control {
		width: 400px;
		line-height: 24px;
		padding: 12px 80px 12px 24px;
		height: 48px;
		border-radius: 24px;
		background-color: #FFFFFF;
		border: 0;
		font-size: 16px;
	}

	.search-control::-webkit-search-decoration,
	.search-control::-webkit-search-cancel-button {
		display: none;
	}

	.search-control::-webkit-input-placeholder,
	.search-control::-moz-placeholder,
	.search-control:-ms-input-placeholder,
	.search-control::-ms-input-placeholder,
	.search-control::placeholder {
		color: #aeaeae;
		opacity: 1;
	}

	.search-control:focus {
		outline: 0;
	}

	.search-button {
		position: absolute;
		top: 0;
		right: 0;
		width: 80px;
		height: 48px;
		border: 0;
		padding: 0;
		background: transparent url(../images/icon/icon-search@32x32.png) no-repeat center center;
		background-size: 28px 28px;
	}

	.search-button:focus {
		outline: 0;
	}

	.download-list {
		margin-bottom: 0;
		padding-left: 0;
		list-style: none;
		clear: both;
	}

	.download-list li {
		position: relative;
		background-color: #FFFFFF;
		transition: box-shadow 0.15s ease-in-out;
	}

	.download-list li:not(:first-child) {
		margin-top: 20px;
	}
	
	.download-list li:hover {
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.075);
	}

	.download-list li a {
		display: block;
		width: 100%;
		font-size: 18px;
		line-height: 44px;
		padding: 20px 68px 20px 20px;
		color: #333333;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		text-decoration: none;
	}

	.download-list li a::before {
		content: '';
		display: inline-block;
		width: 5px;
		height: 5px;
		background-color: #333333;
		border-radius: 50%;
		vertical-align: top;
		margin-top: 20px;
		margin-right: 8px;
	}

	.download-list li .icon-download {
		position: absolute;
		top: 50%;
		right: 20px;
		width: 28px;
		height: 28px;
		margin-top: -14px;
		background-image: url(../images/icon/icon-download@32x32.png);
		background-size: contain;
	}
}