.award ul {
	display: flex;
	justify-content: left;
}

.award .thelist {
	width: -webkit-calc(33% - 15px);
	width: calc(33% - 15px);
	margin-right: 15px;
	height: 200px;
}

.high .thelist .thetitle {
	text-align: left;
	*/ height: 70px;
	line-height: 24px;
	display: flex;
	align-content: center;
	position: static;
	width: 100%;
	/* text-align: left; */
	align-items: center;
	padding: 10px 14px;
}

.high ul li {
	padding: 24px;
}

.thelist:first-child .icon {
	width: 38% !important;
}

.thelist:nth-child(2) .icon {
	position: absolute;
	bottom: -15px;
	right: -20px;
	opacity: .25;
	width: 66%;
	transition: 0.3s;
}

.thelist:nth-child(4) .icon {

	width: 38%;

}

.thelist:nth-child(5) .icon {
	width: 46% !important;
	opacity: .25;
}

.thelist:nth-child(6) .icon {
	right: -20px;
	opacity: .22;
	width: 55%;
}

.thelist:nth-child(7) .icon {
	width: 46% !important;
	opacity: .28;
}

.thelist:first-child:hover .icon {
	width: 40% !important;
}

.thelist:nth-child(2):hover .icon {
	position: absolute;
	bottom: -15px;
	right: -20px;
	opacity: .55;
	width: 68%;
	transition: 0.3s;
}

.thelist:nth-child(4):hover .icon {
	opacity: .48;
	width: 40%;
	right: 0;
	bottom: 0px;
}

.thelist:nth-child(5):hover .icon {
	width: 48% !important;
	opacity: .42;
}

.thelist:nth-child(6):hover .icon {
	right: -20px;
	opacity: .3;
	width: 58%;
}



.thelist:nth-child(7):hover .icon {
	width: 48% !important;
	opacity: .42;
}

.thelist .thetitle {
	font-size: 18px;
}

.new_box .top_item:before {
	display: none;
}

.new_box {
	border-radius: 16px;
}

.new_box .top_item {

	font-size: 30px;
	font-weight: bold;
	background: -webkit-linear-gradient(45deg, #ff5c00, #ffb600);
	/* Chrome, Safari */
	background: -webkit-linear-gradient(45deg, #ff5c00, #ffb600);
	-webkit-background-clip: text;
	/* Chrome, Safari */
	background-clip: text;
	-webkit-text-fill-color: transparent;
	/* Chrome, Safari */
	color: transparent;
	/* 兼容不支持background-clip的浏览器 */
	font-style: italic;
	padding: 0;
	padding-bottom: 40px;

}

.new_box ul {
	overflow: hidden;

}

.new_box strong {
	margin-bottom: 18px;
	display: block;
}

.new_box ul li {
	line-height: 30px;
	font-size: 14px;
}

.new_box .more {
	color: #666;
	margin-top: 40px;
}

.new_box .more a {
	color: #006aff;
}

.how .code {
	height: 210px;
}

.code p {
	font-size: 13px;
	color: #666;
	text-align: center;
	margin-top: -5px;
}

@media (max-width: 1600px) {
	.thelist .thetitle {
		line-height: 30px;
	}
}

@media (max-width:1199px) {
	.award .thelist {
		height: 160px;
		padding: 20px;
	}

	.thelist .thetitle {
		font-size: 16px;
	}

	.d_award .thelist {
		height: 170px;
		padding: 10px;
	}

	
}

@media (max-width:991px) {


	.award .thelist {

		width: -webkit-calc(33.33% - 15px);
		width: calc(33.33% - 15px);
	}

	.new_box {
		margin-top: 60px;

	}

	.new_box .top_item {
		padding-bottom: 20px;
		font-size: 22px;
	}

	.when .code_box>div {
		width: 100%;
		height: auto;
	}

}

@media (max-width: 767px) {

	.change-btn,
	.r-btn .new_box .top_item {
		font-size: 20px;
	}

	.when .code {
		margin: 0;
	}

	.award .thelist {
		padding: 24px;
		margin-right: 0;
		width: 100%;
		height: auto;
	}

	.when .code_box>div {

		padding: 10px;
	}

	.thelist .thetitle {
		font-size: 16px;
	}

	.thelist:first-child .icon {
		width: 25% !important;
	}

	.thelist:nth-child(2) .icon {


		right: -30px;
		width: 45%;
	}

	.thelist:nth-child(3) .icon {
		width: 25%;
	}

	.thelist:nth-child(4) .icon {
		width: 25%;
	}

	.thelist:nth-child(5) .icon {
		width: 30% !important;
		opacity: .25;
		right: -10px;
	}

	.thelist:nth-child(6) .icon {
		width: 36% !important;

	}

	.thelist:nth-child(7) .icon {
		width: 28% !important;
		opacity: .25;
		right: 0;
	}
}