@charset "utf-8";
.hp {
	margin: 5px auto;
}
.hp-container {
	padding-top: 50px;
}
.hp-box {
	text-align: center;
	padding-bottom: 20px;
}
.hp-title {
	text-align: center;
	font-size: 24px;
	font-family: PingFang-SC-Heavy,PingFang-SC, sans-serif;
	font-weight: 800;
	color: rgba(39,59,95,1);
	line-height: 36px;
}
.hp-s-title {
	text-align: center;
	padding-bottom: 37px;
	font-size: 20px;
	font-family: PingFangSC-Regular, PingFang SC, sans-serif;
	font-weight: 500;
	color: rgba(39,59,95,1);
	line-height: 33px;
}
.hp-img {
	text-align: ;
}
.hp-text {
	margin-top: 20px;
	height: 26px;
	font-size: 18px;
	text-align: center;
	font-family: PingFang-SC-Heavy,PingFang-SC, sans-serif;
	font-weight: 800;
	color: rgba(39,59,95,1);
	line-height:26px;
}
.active {
	color: #50A97D!important;
}
a:hover {
	color: #50A97D!important;
	cursor: pointer;
}
.hp-apply {
	margin-top: 30px;
	background-color: #F9FFFF;
}
.hp-apply-title {
	padding-top: 40px;
	position: relative;
	text-align: center;
	height: 91px;
	font-size: 24px;
	font-family: PingFang-SC-Heavy,PingFang-SC,sans-serif;
	font-weight: 800;
	color: rgba(34,42,65,1);
	line-height: 41px;
}
.hp-apply-title::before {
	position: absolute;
	content: '';
	display: inline-block;
	width:81px;
	height:2px;
	left: 50%;
	bottom: -10px;
	transform: translateX(-50%);
	background-color: #C3DD28;
}
.hp-apply-box {
	margin-top: 50px;
	text-align: center;
}
.hp-apply-box-desc {
	text-align: center;
	/* width: 120px; */
	padding-top: 18px;
	font-size: 18px;
	font-family: PingFang-SC-Heavy,PingFang-SC,sans-serif;
	font-weight: 800;
	color: rgba(103,114,148,1);
	line-height:32px;
}
.hp-apply-buttons {
	padding-top: 60px;
	text-align: center;
}
.hp-apply-buttons-item {
	margin-bottom: 50px;
	line-height: 50px;
	background: rgba(80,169,125,1);
	border-radius: 3px;
	font-size: 22px;
	font-family:PingFang-SC-Heavy,PingFang-SC,sans-serif;
	font-weight: 800;
	color:rgba(255,255,255,1);
}
.hp-apply-buttons-item a{
	color:rgba(255,255,255,1);
}
.hp-apply-buttons-item a:hover {
	color:rgba(255,255,255,1)!important;
	text-decoration: none;
}
.j-footer-bt {
	color: #FFFFFF;
}
.j-footer-bt:hover {
	text-decoration: none;
}
.hp-icon-img {
	display: inline-block;
	width: 90px;
}
.hp-button-toggle {
	border: none;
}
.hp-button-toggle:focus {
	border: none;
	outline: none;
}
.hp-no-padding {
	padding-left: 0;
	padding-right: 0;
}
.hp-sm-position {
	text-align: center;
}