.cont_t {
	background-color: #F9F9FF;
	height: 59rem;
}

.cont_t>div {
	height: 100%;
}

.cont_t img {
	width: 105rem;
	/* height: 32px; */
}

.cont_r a {
	color: #666666;
	font-size: 16rem
}

.cont_r a:nth-child(1) {
	color: #18252C;
}

.cont_r a:nth-child(2) {
	display: inline-block;
	margin: 0 41px;
}

.header_b {
	position: relative;
	/* height: 533px; */
	/* background: url(../img/header_bg.png); */
}

.header_b_inner {
	position: absolute;
	left: 14%;
	top: 0;
}

.header_personl {
	position: absolute;
	right: 211px;
	bottom: 70px;
	width: 21%;
}

.header_personr {
	position: absolute;
	right: 0;
	bottom: 30px;
	width: 8.7%;
}

.cont_l p:first-child {
	font-size: 40rem;
	font-weight: bold;
	color: #333333;
	line-height: 36rem;
}

.cont_l p:nth-child(2) {
	font-size: 24rem;
	font-weight: 400;
	color: #333333;
	line-height: 36rem;
	margin-bottom: 30px;
	margin-top: 18px;
}

.cont_l p:last-child {
	width: 120rem;
	height: 40rem;
	background: #2B72FF;
	box-shadow: 0px 1px 9px 0px #86AFFF;
	border-radius: 2px;
	font-size: 16rem;
}

.pelope {}

.painspot {
	margin-bottom: 120rem;
}

.pelope>p,
.painspot>p,
.advantages>p,
.system>p {
	font-size: 36rem;
	font-weight: bold;
	color: #18252C;
}

.pelope>p,
.painspot>p {
	margin-top: 88rem;
	margin-bottom: 60rem;
}

.pelope_li {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.pelope_li img {
	width: 50%;
	margin-bottom: 34px;
}

.pelope_li p:first-child {
	font-size: 20px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #18252C;
	line-height: 36px;
}

.pelope_li p:not(:first-child) {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	line-height: 27px;
}

.pain_li {
	width: 25%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding-top: 40rem;
	padding-bottom: 46rem;
}


.pain_li:hover {
	background: #F3F8FF;
}

.pain_li img {
	width: 85%;
	margin-bottom: 34px;
}

.pain_li p {
	/* font-size: 18rem; */
	font-size: 16rem;
	font-weight: 400;
	color: #333333;
	line-height: 27px;
	text-align: center;
}

.pay_center {

	background: linear-gradient(0deg, #F7F8FF, #FFFFFF);
}

/* advantages */
.advantages {
	padding-bottom: 80rem;
}

.advantages>p {
	margin-bottom: 60rem;
}

.advan_li {
	width: 32%;
	height: 136rem;
	border-radius: 4px;
	display: flex;
	align-items: center;
	margin-bottom: 25px;
}

.advan_li>div:first-child {
	width: 85rem;
	height: 85rem;
	border-radius: 50%;
	margin-right: 22rem;
	margin-left: 23rem;
}

.advan_li>div:last-child {
	flex: 1;
}

.imgbg1 {
	background: url(../img/advan1.png);
	background-size: 100% 100%;
}

.imgbg2 {
	background: url(../img/advan2.png);
	background-size: 100% 100%;
}

.imgbg3 {
	background: url(../img/advan3.png);
	background-size: 100% 100%;
}

.imgbg4 {
	background: url(../img/advan4.png);
	background-size: 100% 100%;
}

.imgbg5 {
	background: url(../img/advan5.png);
	background-size: 100% 100%;
}

.imgbg6 {
	background: url(../img/advan6.png);
	background-size: 100% 100%;
}

.advan_li p {
	/* font-size: 20rem; */
	font-size: 16rem;
}

.advan_li p:first-child {
	font-weight: bold;
	color: #333333;
	margin-bottom: 10px;
}

.advan_li p:last-child {
	font-weight: 400;
	color: #666666;
}

.advan_li:hover {
	background: #2B72FF;
	box-shadow: 0px 1px 9px 0px #87AFFF;
}

.advan_li:hover.advan_li p {
	color: #FDFDFF;
}

.advan_li1:hover .imgbg1 {
	background: url(../img/sel_advan1.png);
	background-size: 100% 100%;
}

.advan_li2:hover .imgbg2 {
	background: url(../img/sel_advan2.png);
	background-size: 100% 100%;
}

.advan_li3:hover .imgbg3 {
	background: url(../img/sel_advan3.png);
	background-size: 100% 100%;
}

.advan_li4:hover .imgbg4 {
	background: url(../img/sel_advan4.png);
	background-size: 100% 100%;
}

.advan_li5:hover .imgbg5 {
	background: url(../img/sel_advan5.png);
	background-size: 100% 100%;
}

.advan_li6:hover .imgbg6 {
	background: url(../img/sel_advan6.png);
	background-size: 100% 100%;
}

/* advantages end */
/* effect */
.effect {
	height: 110px;
	/* background-color: #0E285E;
	color: #FFFFFF;
	font-size: 30px; */
}

/* .effect img{
	width: 57px;
	height: 57px;
	background: #FFFFFF;
	opacity: 0.2;
	border-radius: 50%;
	margin-right: 22px;
} */
/* .effect li{
	display: flex;
	align-items: center;	
} */
/* effect end */
/* system */
.system {
	/* height: 840px; */
	/* background: url(../img/sys_bj.png); */
}

.system>p {
	margin-top: 88rem;
}

.sys_bg {
	/* width: 100%; */
	position: relative;
	margin-top: 30px;
	margin-bottom: 56px;
}

.sys_in {
	position: absolute;
	left: 14%;
	top: 90px;
	height: 400px;
}

.sys_in>img {
	width: 27%;
	position: absolute;
	left: 50%;

	margin-left: -13.5%;
}

/* system end */
/* by_stages */
.bystages {
	position: relative;
}

.stage_t {
	font-size: 36rem;
	margin-bottom: 20px;
	font-weight: bold;
	color: #18252C;
	line-height: 36rem;
	margin-top: 80rem;
}

.stagecont {
	position: absolute;
	top: 0;
	width: 72%;
	left: 14%;
	/* margin-left: -700px; */

}

.stage_p {
	font-size: 20rem;
	font-weight: 400;
	color: #687086;
	line-height: 36rem;
	margin-bottom: 70px;
}

.stage_ul>li:first-child {
	margin-right: 30px;
}

.stage_li {
	width: 47%;
	height: 98rem;
	background: #FFFFFF;
	border-radius: 4px;
	display: flex;
	align-items: center;
	margin-bottom: 30px;

}

.stage_li img {
	width: 57px;
	height: 51px;
	margin-left: 20px;
	margin-right: 16rem;

}

.stage_li p:first-child {
	font-size: 16rem;
	font-weight: bold;
	color: #333333;
	line-height: 27px;

}

.stage_li p:last-child {
	font-size: 14px;
	font-weight: 400;
	color: #666666;
	line-height: 27px;
}

/* by_stages end */
/* .joinus */
.joinus {
	padding-top: 76px;
	padding-bottom: 73px;
	background: #F7F8FF;
	margin-right: 29px;
}

.joinus_l span {
	font-size: 16rem;
	font-weight: 400;
	color: #687086;
}

.joinus_t {
	font-size: 36rem;
	margin-bottom: 17px;
	font-weight: bold;
	color: #18252C;
	line-height: 36rem;
	position: relative;

}

.joinus_t::after {
	position: absolute;
	content: '';
	width: 38px;
	height: 4px;
	background: #2B72FF;
	left: 0;
	top: -18px;
}

.joinus_b img {
	margin-right: 10px;
}

.joinus_b p {
	margin-right: 19px;
	display: flex;
	align-items: center;
}

.join_item {
	display: flex;
	flex-direction: column;
	width: 46%;
}

.join_item span,
.join2_item span {
	font-size: 14px;
	font-weight: 400;
	color: #333333;
	display: inline-block;
	margin-bottom: 4px;
}

.color_red {
	color: #FF2F2F !important;
}

.join_item input {
	width: calc(100% - 12px);
	height: 40rem;
	background: #FFFFFF;
	border: 1px solid #E0E0E0;
	border-radius: 4px;
	padding-left: 12px;
}

.join2_item {
	width: 46%;

}

.join2_in {
	height: 40rem;
	background: #FFFFFF;
	border: 1px solid #E0E0E0;
	border-radius: 4px;
	padding-left: 12px;
}

.join2_in #get_code {
	height: 100%;
	top: 0;
	background-color: #FFFFFF;
}

.join2_in input {
	border: none;
	height: 100%;
	background-color: transparent;
}

.submit {
	width: 580rem;
	height: 46rem;
	background: #2B72FF;
	border-radius: 4px;
	margin-top: 27px;
	font-size: 18rem;
	color: #FFFFFF;
	border: none;
}

.joinus_r {
	width: 580rem;
}

/* .joinus end */
footer {
	height: 178px;
	background-color: #333333;
}

footer p {
	font-size: 14px;
	font-weight: 400;
	color: #666666;
}

footer a {
	font-size: 14px;
	font-weight: 400;
	color: #666666;
}

/* 弹框 */
.box-back {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .3);
	position: fixed;
	top: 0;
	left: 0;
	display: none;
}

.box2-back {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .3);
	position: fixed;
	top: 0;
	left: 0;
	display: none;
}

.sub_success {
	position: relative;
	top: 20%;
	width: 312rem;
	left: 50%;
	margin-left: -156rem;
	/* display: none; */
}

.box-cont {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 200px;
	width: 392px;
	height: 463px;
	background: #FFFFFF;
	border-radius: 8px;
}

.box-tit {
	font-size: 20rem;
	font-weight: bold;
	color: #333333;
	line-height: 36rem;
	margin-top: 30px;
	margin-bottom: 20px;
}

.box-cont>div,
.box-code {
	width: 296px;
	height: 45px;
	background: #F6F8F9;
	border-radius: 4px;

	margin-bottom: 24px;
	padding-left: 16rem;
}

.ipt {
	width: 100%;
	height: 100%;
	border: none;
	background: #F6F8F9;
}

.box-code input {
	border: none;
	background: #F6F8F9;
	height: 100%;
}

#get_code {

	font-size: 14px;
	padding-right: 21px;
	font-weight: 400;
	color: #2B72FF;

}

.box-back input {
	font-size: 16rem !important;
}

#box-sub {
	width: 312px;
	height: 45px;
	background: #2B72FF;
	border-radius: 4px;
	border: none;
	font-size: 16rem;

	font-weight: 400;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
}

.close {
	color: #999999;
	/* font-weight: bold; */
	font-size: 30px;
	position: absolute;
	right: 15px;
	top: 4px;
}

input:focus {
	outline: none;
	/* border: 1px solid #58b195; */
}

/* 弹框 end */
.phone,
.to_top {
	width: 60rem;
	height: 60rem;
	border-radius: 50%;
}

.phone {
	position: fixed;
	bottom: 100px;
	right: 31px;
	/* box-shadow: -2px 0px 8px 0px #F0F0F0; */
}

.to_top {
	position: fixed;
	bottom: 30px;
	right: 31px;
	display: none;

	/* box-shadow: -2px 0px 8px 0px #F0F0F0; */
}