@font-face {
	font-family:'HarmonyOS_Sans_SC_Regular';
	src:url('../fonts/HarmonyOS_Sans_SC_Regular.woff2')
}
html {
	--fontFamily:"HarmonyOS_Sans_SC_Regular","sohne-var","Helvetica Neue","Arial","sans-serif";
	--backgroundColor:#F7F9FC;
	--linkColor:var(--accentColor);
	--linkHoverColor:#0a2540;
	--buttonColor:var(--accentColor);
	--buttonHoverColor:#0a2540;
	--buttonDisabledColor:#cfd7df;
	--buttonDisabledOpacity:0.7;
	--knockoutColor:#fff;
	--knockoutDisabledColor:#8898aa;
	--guideSolidColor:rgba(66,71,112,0.06);
	--guideDashedColor:rgba(66,71,112,0.09);
	--titleColor:#0a2540;
	--textColor:#425466;
	--inputBackground:#e6ebf1;
	--inputPlaceholderColor:#8898aa;
	--inputTextColor:#0a2540;
	--inputErrorAccentColor:#ff5191;
	--annotationColor:#8c9eb1;
	--maskFadeColor:rgba(0,0,0,0.4);
	--navColor:#0a2540;
	--navHoverColor:#0a2540;
	--navHoverOpacity:0.6;
	--footerColor:#0a2540;
	--cardBorderColor:#cbd6e0;
	--cardBackground:#fff;
	--subcardBackground:#f6f9fc;
	--gridSubcardBackground:#fff;
	--tableIconColor:#8c9eb1;
	--stripeAccentWhite:#fff;
	--stripeAccentLight:#e3e7ec;
	--stripeAccentDark:#0a2540;
	--bulletColor:#cfd7df;
	--footnoteTextColor:#4d5b78;
	--disclaimerTextColor:#707f98;
	--inlineCodeTextColor:#2c3a57;
	--inlineCodeBackground:#dce6ee;
	--socialLogoColor:#c4ccd8;
	--socialLogoHoverColor:#0a2540;
	--fontWeightLight:200;
	--fontWeightNormal:300;
	--fontWeightSemibold:425;
	--fontWeightBold:500;
	--codeFontFamily:"SourceCodePro";
	--sourceCodeFont:500 14px/1.714285714 var(--codeFontFamily);
	--ctaFont:var(--fontWeightSemibold) 15px/1.6 var(--fontFamily);
	--inputFont:var(--fontWeightNormal) 15px/1.6 var(--fontFamily);
	--cardShadowXSmall:0 2px 5px -1px rgba(50,50,93,0.25),0 1px 3px -1px rgba(0,0,0,0.3);
	--cardShadowSmall:0 6px 12px -2px rgba(50,50,93,0.25),0 3px 7px -3px rgba(0,0,0,0.3);
	--cardShadowMedium:0 13px 27px -5px rgba(50,50,93,0.25),0 8px 16px -8px rgba(0,0,0,0.3);
	--cardShadowLarge:0 30px 60px -12px rgba(50,50,93,0.25),0 18px 36px -18px rgba(0,0,0,0.3);
	--cardShadowLargeInset:inset 0 30px 60px -12px rgba(50,50,93,0.25),inset 0 18px 36px -18px rgba(0,0,0,0.3);
	--cardShadowXLarge:0 50px 100px -20px rgba(50,50,93,0.25),0 30px 60px -30px rgba(0,0,0,0.3);
	--cardShadowXSMallMargin:2px;
	--cardShadowSmallMargin:8px;
	--cardShadowMediumMargin:16px;
	--cardShadowLargeMargin:32px;
	--cardShadowXLargeMargin:48px;
	--cardBorderRadius:8px;
	--scrollbarOffset:10px;
	--angleNormal:-6deg;
	--angleStrong:-12deg;
	--angleNormalSin:0.106;
	--angleStrongSin:0.212;
	--fixedNavHeight:60px;
	--fixedNavSpacing:48px;
	--fixedNavScrollMargin:calc(var(--fixedNavHeight) + var(--fixedNavSpacing));
	--hoverTransition:150ms cubic-bezier(0.215,0.61,0.355,1);
	--focusBoxShadow:0 0 0 2px #4d90fe,inset 0 0 0 2px hsla(0,0%,100%,0.9);
	--gutterWidth:16px;
	--scrollbarWidth:0px;
	--windowWidth:calc(100vw - var(--scrollbarWidth));
	--layoutWidth:calc(var(--windowWidth) - var(--gutterWidth)*2);
	--layoutWidthMax:1079px;
	--viewportWidthSmall:375;
	--viewportWidthMedium:600;
	--viewportWidthLarge:1112;
	--viewportScale:calc(var(--windowWidth)/var(--viewportWidthLarge));
	--paddingTop:160px;
	--paddingBottom:160px;
	--columnPaddingNone:0;
	--columnPaddingSmall:8px;
	--columnPaddingNormal:16px;
	--columnPaddingMedium:16px;
	--columnPaddingLarge:16px;
	--columnPaddingXLarge:16px;
	--rowGapNormal:8px;
	--rowGapMedium:24px;
	--rowGapLarge:32px;
	--rowGapXLarge:64px;
	--rowGapXXLarge:88px;
	--rowGap:var(--rowGapNormal);
	--columnCountMax:1;
	--columnWidth:calc(var(--layoutWidth)/var(--columnCountMax));
	--columnMaxWidth:calc(var(--layoutWidthMax)*0.25);
	--copyMaxWidth:calc(var(--columnMaxWidth)*3);
	--guideDashedColor:rgba(66,71,112,0.09);
	--guideSolidColor:rgba(66,71,112,0.06);
	--sectionAngleSin:0.212;
	--sectionPaddingNormalMax:128;
	--sectionPaddingSmallMax:110;
	--sectionPaddingXSmallMax:72;
	--sectionPaddingMin:72;
	--sectionPaddingMax:var(--sectionPaddingNormalMax);
	--sectionPaddingTopMax:var(--sectionPaddingMax);
	--sectionPaddingBottomMax:var(--sectionPaddingMax);
	--sectionMarginBottom:0;
	--sectionAngleHeight:calc(var(--windowWidth)*var(--sectionAngleSin));
	--sectionAnglePaddingBaseMin:100;
	--sectionAnglePaddingBaseMax:var(--sectionPaddingMax);
	--sectionAnglePaddingTopBaseMax:var(--sectionAnglePaddingBaseMax);
	--sectionAnglePaddingBottomBaseMax:var(--sectionAnglePaddingBaseMax);
	--sectionAngleMaxHeight:none;
	--sectionOverflow:hidden;
	--sectionTransformOrigin:100% 0;
	--sectionBackgroundOverflow:visible
}
@media (min-width:1112px) {
	html {
	--layoutWidth:var(--layoutWidthMax);
	--gutterWidth:calc(var(--windowWidth)/2 - var(--layoutWidth)/2);
}
}@media (max-width:1080px) {
	html {
	--sectionPaddingNormalMax:48;
}
}@media (max-width:750px) {
	html {
	--scrollbarWidth:17px;
}
}@media (max-width:480px) {
	html {
	--scrollbarWidth:0px;
}
}body {
	font-family:var(--fontFamily)
}
.Guides {
	position:absolute;
	height:100%;
	width:100%;
	top:0;
	left:0;
	padding:0 16px;
	pointer-events:none
}
.Guides__container {
	display:grid;
	grid:1fr/repeat(4,1fr);
	position:relative;
	max-width:var(--layoutWidthMax);
	height:100%;
	margin:0 auto
}
.Guides__guide {
	width:1px;
	background:linear-gradient(180deg,var(--guideDashedColor),var(--guideDashedColor) 50%,transparent 0,transparent);
	background-size:1px 8px
}
.Guides__guide:first-of-type,.Guides__guide:last-of-type {
	background:var(--guideSolidColor)
}
.Guides__guide:last-of-type {
	position:absolute;
	top:0;
	right:0;
	height:100%
}
@media (max-width:1080px) {
	.Guides__guide {
		display:none;
	}
	.Guides__guide:first-of-type,.Guides__guide:last-of-type {
		display:block;
	}
}
.SiteHeader {
	--mobileNavDisplay:none;
	--siteMenuTransition:250ms;
	--siteMenuArrowSpacing:13px;
	--siteMenuArrowOffset:0;
	--userLogoColor:var(--navColor);
	position:fixed;
	left:0;
	top:0;
	width:100%;
	z-index:100;
	background-color:var(--backgroundColor);
}
.SiteHeader.fixed_header{
	backdrop-filter: blur(40px);
	background: linear-gradient(360deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%), rgba(255, 255, 255, 0.7);
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1), inset 0px 20px 50px rgba(255, 255, 255, 0.1);
}
.SiteHeader__guidesContainer {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden
}
.SiteHeader__guides {
	}.SiteHeader__container {
	position:relative;
	max-width:calc(var(--columnPaddingNormal)*2 + var(--layoutWidthMax));
	margin:0 auto;
	padding:0 var(--columnPaddingNormal)
}
.SiteHeader__navContainer {
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
	min-height:56px
}
.SiteHeader__logo {
	--logoHeight:28px;
	position:absolute;
	left:0;
	top:50%;
	margin-top:calc(var(--logoHeight) * -1 / 2)
}
.SiteHeader__logo img {
	height:var(--logoHeight)
}
.SiteHeaderNav {
	}.SiteHeaderNav__list {
	display:flex;
	align-items:center;
	justify-content:center;
	margin:0;
	padding:0;
	list-style:none
}
.SiteHeaderNavItem__link,.SiteHeaderNavItem__link.Link {
	--linkColor:#32325D;
	--linkHoverColor:var(--navHoverColor);
	--linkHoverOpacity:var(--navHoverOpacity);
	position: relative;
	padding:10px 20px;
	font-size:15px;
	line-height:1.6;
	font-weight:500;
	letter-spacing:.2px;
	color:var(--linkColor);
	cursor:pointer;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	background-color:transparent;
	border:none;
	outline:none;
	transition:var(--hoverTransition);
	transition-property:color,opacity
}
.SiteHeaderNavItem__link.Link:hover,.SiteHeaderNavItem__link:hover {
	opacity:0.6;
	color:#0a2540
}
.SiteHeaderNavItem.active .SiteHeaderNavItem__link:after{
	content:'';
	background:#3370FF;
	border-radius:3px;
	width:16px;
	height:3px;
	position:absolute;
	left:50%;
	bottom:0px;
	margin-left:-8px
}
.SiteHeader__menuNav {
	display:var(--mobileNavDisplay);
	--knockoutColor:#ffffff;
}
.MenuButton {
	display:block;
	text-align:center;
	line-height:32px;
	padding-top:3px;
	width:51px;
	height:32px;
	background:#3370FF;
	border-radius:17px;
}
.MenuButton .open_svg {
	display:inline-block;
}
.MenuButton .close_svg {
	display:none;
}
.SiteHeaderNav__phone {
	display:none;
}
.header_login_btn{
	position: absolute;
	right: 0;
}
.header_login_btn_phone_wrap{
	display: none;
}
@media (max-width:1080px) {
	.SiteHeader__navContainer {
		min-height:76px;
	}
}
@media (max-width:750px) {
	.header_login_btn{
		display: none;
	}
	.SiteHeader__navContainer {
		justify-content: flex-end;
	}
	.SiteHeader {
	--mobileNavDisplay:block;
	box-shadow: none;
}
	.SiteHeaderNav {
		display:none;
	}
	.SiteHeader__navContainer {
		min-height:76px;
	}
	.SiteHeader.open {
		--leftOffset:16px;
		top:17px;
		left:var(--leftOffset);
		width:calc(100vw - calc(var(--leftOffset) * 2) - var(--scrollbarWidth));
		background:#FFFFFF;
		box-shadow:0px 26px 62px rgba(0,39,116,0.15);
		border-radius:16px;
	}
	.SiteHeader.open .SiteHeader__container{
		padding: 0 8px;
	}
	.SiteHeader.open .MenuButton {
		background-color:transparent;
	}
	.SiteHeader.open .MenuButton .open_svg {
		display:none;
	}
	.SiteHeader.open .MenuButton .close_svg {
		display:inline-block;
	}
	.SiteHeader.open .SiteHeader__logo {
		left:16px;
	}
	.SiteHeader.open .SiteHeaderNav__phone {
		display:block;
	}
	.SiteHeader.open .SiteHeaderNav__phone ul {
		display:block;
		padding:0 16px 24px 16px;
	}
	.SiteHeader.open .SiteHeaderNav__phone ul li {
		display:block;
	}
	.SiteHeader.open .SiteHeaderNav__phone ul li+li {
		margin-top:10px;
	}
	.SiteHeader.open .SiteHeaderNav__phone ul li a {
		display:block;
		padding:8px 16px;
		font-weight:500;
		font-size:15px;
		line-height:24px;
		text-align:left;
		color:#32325D;
		border-radius:4px;
	}
	.SiteHeader.open .SiteHeaderNav__phone ul li.active a,.SiteHeader.open .SiteHeaderNav__phone ul li a:active,.SiteHeader.open .SiteHeaderNav__phone ul li a:hover {
		background:#E7EFFF;
		color:#3370FF;
	}
	.SiteHeader.open  .header_login_btn_phone_wrap{
		display: block;
		background: #F5F7FA;
		border-radius: 4px;
		padding: 19px 0;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 8px;
	}
}

.banner {
	--bannerHeight:816px;
	--bannerPaddingTop:80px;
	position:relative;
	height:var(--bannerHeight);
	padding-top:var(--bannerPaddingTop);
	background-color:#F7F9FC
}
.banner .section__container {
	overflow:hidden
}
.banner_article {
	padding-top: 30px;
	width:50%
}
.banner_image {
	width:50%
}
.banner_image img {
	width:645px;
}
.banner h2 {
	display:flex;
	align-content:center;
	height:48px;
	font-size:15px;
	line-height:48px;
	color:#3370FF;
	font-weight:400
}
.banner h2 svg {
	margin-right:14px
}
.banner h1 {
	font-size:53px;
	line-height:68px;
	color:#32325D;
	font-weight:500;
	padding-left:20px;
	margin-top:16px;
	margin-bottom:36px
}
.banner .btn {
	margin-left:20px
}
@media (max-width:1080px) {
	.banner {
	--bannerHeight:auto;
	--bannerPaddingTop:90px;
}
.banner h1 {
	font-size:48px;
}
.banner .section__layout>.flex {
	display:block;
}
.banner_article {
	width:100%;
	padding:0 0
}
.banner_image {
	width:100%;
	padding:0 0;
	margin-top:64px;
}
.banner_image img {
	width:100%;
}
}@media (max-width:750px) {
	.banner h1 br {
	display:none;
}
}
.section {
	position:relative;
	z-index:1;
	--sectionAnglePaddingTop:130px;
	--sectionAnglePaddingBottom:130px;
	--backgroundColor:#fff;
	--sectionAngle:0
}
.section.section_small {
	--sectionAnglePaddingTop:68px;
	--sectionAnglePaddingBottom:68px;
}
@media (max-width:1080px) {
	.section {
        --sectionAnglePaddingTop:48px;
	--sectionAnglePaddingBottom:48px;
}
.section.section_small {
	--sectionAnglePaddingTop:48px;
	--sectionAnglePaddingBottom:48px;
}
}
.section_1 {
	--sectionAnglePaddingTopBase:calc(var(--sectionAnglePaddingTopBaseMax)*1px);
	--sectionAngleSin:0.106;
	--gutterWidth:calc(var(--windowWidth)/2 - var(--layoutWidth)/2);
	--sectionAnglePaddingTop:calc(var(--sectionAngleHeight) + var(--sectionAnglePaddingTopBase) - var(--sectionAngleSin)*var(--gutterWidth));
	--sectionAnglePaddingBottom:0;
	--backgroundColor:#fff;
	--sectionAngle:-12deg;
	margin-top:calc(var(--sectionAnglePaddingTop) * -1);
	margin-bottom:-60px;
	position:relative;
	z-index:1
}
.section_1 .section__container {
	overflow:hidden
}
.section_1 .banner__bg {
	position:absolute;
	top:-152px;
	left:0;
	width:100%;
	height:216px;
	background:no-repeat center bottom;
	background-image:url(../images/banner.png);
	background-size:auto auto;
	z-index:1
}
.section_1 .banner__bg1,.section_1 .banner__bg2 {
	display:none;
}
@media (max-width:1080px) {
	.section_1 {
	--sectionAnglePaddingBottom:130px;
}
.section_1 .section__backgroundMask{
    padding-top: 28px;
    overflow: hidden;
}
.section_1 .banner__bg {
	display:none;
}
.section_1 .banner__bg1,.section_1 .banner__bg2 {
	position:absolute;
	display:block;
}
.section_1 .banner__bg1 {
	background-image:url(../images/banner_xs_1.png);
	width:226px;
	height:48px;
	left:0;
	top:-45px;
	margin-left:-10px;
}
.section_1 .banner__bg2 {
	background-image:url(../images/banner_xs_2.png);
	width:269px;
	height:68px;
	top:-45px;
	right:0;
	margin-right:-10px;
}
}.section_2 {
	--backgroundColor:#f6f9fc;
	--sectionAngle:0
}
.section_ad {
	--sectionAnglePaddingTopBase:calc(var(--sectionAnglePaddingTopBaseMax)*1px);
	--sectionAngleSin:0.106;
	--sectionAngleHeight:calc(var(--windowWidth)*var(--sectionAngleSin));
	--gutterWidth:calc(var(--windowWidth)/2 - var(--layoutWidth)/2);
	--sectionAnglePaddingTop:calc(var(--sectionAngleHeight) + var(--sectionAnglePaddingTopBase) - var(--sectionAngleSin)*var(--gutterWidth));
	--backgroundColor:#fff;
	--sectionAngle:-6deg;
	margin-top:calc(calc(var(--sectionAnglePaddingTop) * -1) - 100px)
}
.section_phone {
	--sectionAnglePaddingBottom:0;
	--backgroundColor:#f6f9fc;
	--sectionAngle:0;
	margin-bottom:-150px
}
.section__masked {
	overflow:hidden
}
.section__backgroundMask {
	position:absolute;
	width:100%;
	height:100%;
	overflow:visible
}
.section__background {
	position:relative;
	height:100%;
	max-height:none;
	width:100%;
	top:0;
	left:0;
	transform-origin:100% 0;
	transform:skewY(var(--sectionAngle));
	background:var(--backgroundColor);
	overflow:visible
}
.section__container {
	position:relative;
	z-index:1;
	display:flex;
	justify-content:center
}
.section__layoutContainer {
	width:100%;
	max-width:var(--layoutWidthMax);
	margin:0 16px
}
.section__layout {
	padding:var(--sectionAnglePaddingTop) 0 var(--sectionAnglePaddingBottom)
}
.section__layout>.flex {
	align-items:self-start
}
.RowLayout {
	display:grid;
	grid:auto/minmax(0,1fr);
	row-gap:96px;
	align-items:flex-start
}
.columnLayout {
	display:grid;
	row-gap:32px;
	align-items:flex-start;
	grid-template-columns:repeat(4,1fr)
}
.columnLayout__col {
	display:grid;
	row-gap:8px
}
.columnLayout__col:last-of-type{
    margin-top: -50px;
}
.columnLayout__col__header {
	display:grid;
	row-gap:8px;
	position:relative;
	padding:0 32px 0 16px;
	max-width:calc(calc(var(--layoutWidth) * 0.25) * 3)
}
.columnLayout__col__icon {
	min-height:40px;
	display:flex;
	align-items:flex-end;
	margin-bottom:8px
}
.section_value_header{
	font-weight:500;
	font-size:24px;
    line-height: 32px;
    color: #27273F;
	border-left:3px solid #3370FF;
	padding-left:16px;
	margin-bottom:16px
}
.AnimatedIcon {
	--iconSize:40px;
	--svgSize:96px;
	width:var(--iconSize);
	height:var(--iconSize)
}
.AnimatedIcon__iconContainer {
	position:relative;
}
.AnimatedIcon__icon {
	display:block;
    height: 40px;
}
.columnLayout__col__title {
	position:relative;
	font-size:15px;
	line-height:1.6;
	color:#0a2540;
	letter-spacing:0.2px
}
.columnLayout__col__body {
	padding:0 32px 0 16px;
    font-weight: 400;
    font-size: 15px;
    line-height: 28px;
    color: #6E7491;
	max-width:calc(calc(var(--layoutWidth) * 0.25) * 3)
}
@media (max-width: 1080px) {
    .columnLayout{grid-template-columns:repeat(1,1fr)}
    .columnLayout__col:last-of-type{
        margin-top: 30px;
    }
    .columnLayout__col:last-of-type > img{
        margin: 0 auto
    }
}
.section_h1 {
	font-size:34px;
	font-weight:700;
	line-height:50px;
	color:#27273f
}
.section_h2 {
	font-size:18px;
	font-weight:400;
	line-height:28px;
	color:#6E7491
}
.section_h2 p+p {
	margin-top:24px
}
.section_h1+.section_h2 {
	margin-top:32px
}
.section_h2+.btn {
	margin-top:32px
}
.article {
	width:75%;
	padding:0 16px
}
.article__50p {
	width:50%; 
	padding-right:100px
}
.article__image {
	width:50%
}
@media (max-width:1080px) {
	.section__layout>.flex {
	display:block;
}
.article {
	width:100%;
}
.article__50p {
	width:100%;
	padding-right:0
}
.article__image {
	width:100%;
	margin-top:64px;
}
}.article__image__phone {
	position:relative;
	--phoneWidth:375px;
}
.article__image__phone img {
	position:relative;
	z-index:3;
	width:var(--phoneWidth);
}
.article__image__phone img:nth-child(2) {
	position:absolute;
	z-index:2;
	top:0;
	left:50%;
	margin-left:calc(var(--phoneWidth) / 2 * -1)
}
.article__image__phone img:last-of-type {
	position:absolute;
	z-index:1;
	top:0;
	right:0
}
@media (max-width:1080px) {
	.article__image__phone {
	--phoneWidth:80vw;
}
}.image-shadow {
	filter:drop-shadow(0px 35px 46px rgba(0,39,116,0.2))
}
@media (max-width:1080px) {
	.image-shadow {
	filter:drop-shadow(0px 14.3448px 34.2069px rgba(0,39,116,0.15));
}
}.payment_swiper {
	width:100%
}
.payment_swiper_wrapper {
	position:relative;
	width:100%;
	height:570px
}
.payment_swiper_slide {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:none
}
.payment_swiper_slide.active {
	display:block
}
.payment_swiper_dots {
	margin-top:19px;
	text-align:center
}
.payment_swiper_dot {
	display:inline-block;
	width:10px;
	height:10px;
	background-color:#BFCFE7;
	border-radius:10px;
	cursor:pointer
}
.payment_swiper_dot+.payment_swiper_dot {
	margin-left:16px
}
.payment_swiper_dot.active {
	background:#3370FF
}
.payment_header {
	font-weight:700;
	font-size:15px;
	line-height:28px;
	color:#52556F;
	border-left:3px solid #3370FF;
	padding-left:16px;
	margin-bottom:16px
}
.payment_card {
	background:#FFFFFF;
	box-shadow:0px 26px 62px rgba(0,39,116,0.15);
	border-radius:8px;
	padding:24px 28px;
	width:100%;
	height:525px
}
.payment_money {
	text-align:center;
	font-weight:700;
	font-size:20px;
	color:#27273F
}
.payment_money label {
	font-weight:700;
	font-size:14px;
	margin-right:8px
}
.payment_tip {
	text-align:center;
	font-weight:400;
	font-size:14px;
	line-height:180%;
	color:#6E7491;
	margin-top:8px
}
.payment_main {
	position:relative
}
.payment_body {
	display:none
}
.payment_body.active {
	display:block
}
.payment_body_content {
	height:234px;
	margin:16px auto
}
.payment_body_content.wechat {
	width:198px;
	background:#3DB700;
	box-shadow:0px 4.18875px 12.5663px rgba(88,182,124,0.4);
	border-radius:16.755px
}
.payment_body_content.alipay {
	width:198px;
	background:#1677FF;
	box-shadow:0px 4.18875px 12.5663px rgba(92,167,218,0.4);
	border-radius:16.755px
}
.payment_body_content.card,.payment_body_content.bank {
	width:100%;
	background:#FAFAFA;
	border-radius:8px;
	padding:24px 16px;
	overflow:hidden
}
.payment_body_content .info_item {
	display:flex;
	align-items:center;
	font-weight:400;
	font-size:12px;
	line-height:18px
}
.payment_body_content .info_item + .info_item {
	margin-top:22px
}
.payment_body_content .info_item_label {
	color:#52556F;
	width:95px
}
.payment_body_content .info_item_content {
	color:#27273F;
	flex:1
}
.payment_body_content .info_item_label small,.payment_body_content .info_item_content small {
	display:block;
	font-size:12px;
	transform:scale(0.8);
	transform-origin:0 0
}
.payment_body_content_name {
	display:flex;
	align-items:center;
	justify-content:center;
	padding:9px 0 6px
}
.payment_body_content_name img {
	display:block;
	width:20px;
	margin-right:6px
}
.payment_body_content_name label {
	font-weight:400;
	font-size:14px;
	line-height:180%;
	color:#FFFFFF
}
.payment_body_content_img {
	display:block;
	width:188px;
	height:188px;
	background-color:#fff;
	border-radius:14px;
	padding:7px;
	margin:0 auto
}
.payment_body_content_img img {
	display:block;
	width:174px;
	height:174px
}
.payment_btns {
	display:flex;
	justify-content:space-between
}
.payment_btn {
	flex:1;
	display:block;
	background:#FFFFFF;
	border:1px solid #CBD4E6;
	border-radius:8px;
	text-align:center;
	padding:12px 0 8px;
	cursor:pointer;
}
.payment_btn.active {
	background:#F5F8FF;
	border-color:#3370FF
}
.payment_btn + .payment_btn {
	margin-left:12px
}
.payment_btn img {
	display:block;
	height:20px;
	margin:0 auto
}
.payment_btn label {
	display:block;
	line-height:25px;
	color:#36374A;
	font-size:14px;
	cursor:pointer;
    white-space: nowrap;
}
.payment_submitbtn {
	text-align:center;
	margin-top:25px
}
.settle_money {
	padding-top:40px;
	font-weight:700;
	font-size:34px;
	line-height:40px;
	color:#27273F;
	text-align:center
}
.settle_money label {
	font-weight:700;
	font-size:17.1041px;
	line-height:20px;
	color:#7C8DB0
}
.settle_tip {
	font-weight:400;
	font-size:17.1041px;
	line-height:180%;
	color:#6E7491;
	text-align:center;
	margin-top:9px
}
.settle_tip label {
	margin-left:9px
}
.settle_progress {
	display:flex;
	width:340px;
	max-width:100%;
	margin:32px auto;
	align-items:center
}
.settle_arrow {
	width:31px;
	height:42px
}
.settle_arrow img {
	width:30px
}
.settle_step {
	flex:1
}
.settle_step img {
	display:block;
	width:60px;
	margin:0 auto;
	opacity:0.3
}
.settle_step.done img {
	opacity:1
}
.settle_step label {
	display:block;
	text-align:center;
	font-weight:400;
	font-size:14px;
	line-height:25px;
	color:#A1B0CC;
	margin-top:4px;
    white-space: nowrap;
}
.settle_step.done label {
	color:#36374A
}
.settle_btns {
	text-align:center
}
.settle_btns a {
	width:156px
}
.settle_btns + .settle_btns {
	margin-top:20px
}
.settle_history_tip {
	font-weight:400;
	font-size:14px;
	line-height:180%;
	display:flex;
	align-items:center;
	color:#3370FF;
	text-align:center;
	justify-content:center
}
.settle_history_tip img {
	margin-left:6px;
	height:10px
}
@media (max-width:500px) {
    .payment_card{
        padding: 24px 16px;
    }
    .payment_btn label {
        font-size:12px;
    }
	.settle_step img {
	width:50px
}
.settle_arrow {
	width:31px;
	height:52px
}
.settle_step label {
	font-size:12px;
}
}.notice_tabs {
	width:100%
}
.notice_tabs_header {
	display:flex;
	margin-bottom:50px
}
.notice_tabs_header_item {
	position:relative;
	font-weight:400;
	font-size:18px;
	line-height:24px;
	color:#6E7491;
	padding:0 26px;
	cursor:pointer
}
.notice_tabs_header_item:after {
	display:none;
	content:'';
	background:#3370FF;
	border-radius:12px;
	width:30px;
	height:4px;
	position:absolute;
	left:50%;
	bottom:-9px;
	margin-left:-15px
}
.notice_tabs_header_item.active {
	color:#3370FF
}
.notice_tabs_header_item.active:after {
	display:block
}
.notice_tabs_body {
	}.notice_tabs_body_wrap {
	position:relative
}
.notice_tabs_body_item {
	display:none
}
.notice_tabs_body_item.active {
	display:block
}
@media (max-width:500px) {
	.notice_tabs_header {
		justify-content: center;
	}
    .notice_tabs_header_item{
        padding: 0 20px;
        text-align: center;
        white-space: nowrap;
    }
}
.ad_banner {
	display:flex;
	position:relative;
	padding:0 107px 0 48px;
	border-radius:16px;
	background:#3370FF;
	align-items:center;
	justify-content:space-between;
	width:100%;
	height:300px;
	overflow:hidden;
}
.ad_banner_bg {
	position:absolute;
	top:0;
	right:0;
	width:50%;
	height:100%;
	background:url(../images/for_people_banner.webp) no-repeat center right;
	background-size:cover;
}
.ad_banner_bg:after {
	content:'';
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:102%;
	background:linear-gradient(90deg,#3370FF 0%,rgba(51,112,255,0.8) 100%);
}
.ad_banner_text {
	position:relative;
	z-index:1;
	width:424px;
	font-weight:300;
	font-size:18px;
	line-height:28px;
	color:#FFFFFF
}
.ad_banner_logo {
	position:relative;
	z-index:1;
	height:32px;
}
@media (max-width:1080px) {
	.ad_banner {
	--bgHeight:211px;
	display:block;
	padding:calc(var(--bgHeight) + 48px) 48px 48px;
	height:auto;
}
.ad_banner_bg {
	width:100%;
	height:var(--bgHeight);
	top:0;
}
.ad_banner_bg:after {
	background:linear-gradient(360deg,rgba(51,112,255,0.95) 0%,rgba(51,112,255,0.8) 104.42%);
}
.ad_banner_text {
	width:100%;
	margin:0 auto;
}
.ad_banner_logo {
	position:absolute;
	top:calc(var(--bgHeight) / 2 );
	left:50%;
	margin-left:calc(calc(297px / 2) * -1);
}
}
.footer_logo{
    margin-left: 16px;
}
footer .flex{
    justify-content: space-between;
}
footer .flex .footer_nav{
    display: flex;
    width: 75%;
}
footer .flex .footer_nav li{
    flex: 1;
    display: block;
    text-align: right;
}
footer .flex .footer_nav li a{
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #6E7491;
    padding: 0 16px;
}
.footer_slogan{
    padding-right: 16px;
    text-align: right;
    margin-top: 60px;
}
.footer_slogan p{
    font-weight: 500;
    font-size: 15px;
    line-height: 28px;
    color: #3370FF;
}
.footer_slogan p+p{
    margin-top: 7px;
}
.footer_copyright{
    text-align: center;
    margin-top: 60px;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #A1B0CC;
}
@media (max-width:1080px) {
    footer .flex .footer_nav{
        display: block;
        width: 200px;
        margin-top: 24px;
    }
    footer .flex .footer_nav li{
        text-align: left;
    }
    
    footer .flex .footer_nav li+li{
        margin-top: 24px;
    }
    .footer_slogan{
        position: absolute;
        right: 16px;
        bottom: 130px;
    }
}
.model_cover{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 599;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 39, 116, 0.15);
}
.modal{
    display: none;
    position: fixed;
    top: 40px;
    left: 50%;
    width: calc(100% - 32px);
    max-width: 484px;
    margin-left: calc(484px / 2 * -1);
    height: auto;
    background: #FFFFFF;
    border-radius: 8px;
    z-index: 600;
    box-shadow: 0px 26px 62px rgba(0, 39, 116, 0.15);
}
.modal.open{
    display: block;
}
@media (max-width: 484px) {
    .modal{
        left: 16px;
        margin-left: 0;
    }
}
.modal_header{
    position: relative;
}
.modal_header_close{
    position: absolute;
    width: 24px;
    height: 24px;
    right: 10px;
    top: 10px;
    background: #E7EFFF;
    border-radius: 29px;
    cursor: pointer;
    line-height: 24px;
    text-align: center;
    padding-top: 1px;
}
.modal_body{

}
.mp_qrcode{
    text-align: center;
    padding: 50px 0;
}
.mp_qrcode img{
    display: block;
    width: 170.82px;
    margin: 0 auto;
}
.mp_qrcode label{
    display: block;
    margin-top: 31px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #36374A;
}

.form{
    padding: 24px;
}
.input{
    display: block;
    width: 100%;
    height: 55px;
    background: #F6F8FB;
    border-radius: 8px;
    line-height: 35px;
    padding: 10px 22px;
    text-align: center;
    color: #3370FF;
    border: 0;
    outline: 0;
    font-size: 16px;
}
.input::placeholder{
    color: #7C8DB0;
}
.input + .input{
    margin-top: 16px;
}
.input + button{
    width: 100%;
    margin-top: 32px;
}
.error_tip + .input{
    margin-top: 16px;
}
.input:focus{
	text-align: left;
}
.input:focus::placeholder{
    color: #CBD4E6;
}
.error_tip{
	display: none;
	color: #EB5757;
	font-weight: 400;
	font-size: 16px;
	line-height: 19px;
	margin-top: 8px;
}

.section_value{
    --sectionAnglePaddingTop: 190px;
}
@media (max-width:1080px) {
    .section_value{
        --sectionAnglePaddingTop: 70px;
    }
    .section_value:first-of-type{
        --sectionAnglePaddingTop: calc(70px + 70px);
    }
}


.about_banner {
	--h1FontSize: 53px;
	--h1LineHeight: 68px;
	--h2FontSize: 40px;
	--h2LineHeight: 48px;
	--bottomArticleFontSize: 24px;
	--bottomArticleLineHeight: 36px;
	--bannerPaddingTop:175px;
	height: 100vh;
	min-height: 730px;
	position:relative;
	padding-top:var(--bannerPaddingTop);
	background-color:#F7F9FC;
	background: url(../images/about_banner.webp) no-repeat top left;
	background-size: cover;
}
.about_banner_article {
	padding-top: 30px;
	width:50%
}
.about_banner_image {
	width:50%
}
.about_banner_image img {
	width:645px;
}
.about_banner h2 {
	display: block;
	text-align: center;
	font-weight: 700;
	font-size: var(--h2FontSize);
	line-height: var(--h2LineHeight);
	color: #3370FF;
}
.about_banner h1 {
	display: block;
	text-align: center;
	font-weight: 500;
	font-size: var(--h1FontSize);
	line-height: var(--h1LineHeight);
	color: #32325D;
	margin-top: 34px;
}
.about_banner_bottom{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	background: rgba(51, 112, 255, 0.7);
	padding: 56px 0;
}
.about_banner_bottom .section__layout{
	position: relative;
}
.about_banner_logo{
	position: absolute;
	top: -120px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
	font-size: 15px;
	line-height: 24px;
	color: #3370FF;
}
.about_banner_logo label{
	margin-left: 16px;
}
.about_banner_bottom_article{
	font-weight: 400;
	font-size: var(--bottomArticleFontSize);
	line-height: var(--bottomArticleLineHeight);
	text-align: center;
	color: #FFFFFF;
}
.about_banner_bottom_article p+p{
	margin-top: 5px;
}
@media (max-width:1080px) {
	.about_banner {
		--h1FontSize: 48px;
		--bottomArticleFontSize: 18px;
		--bottomArticleLineHeight: 24px;
		--bannerPaddingTop:175px;
		background-position: -80px bottom;
	}
}
@media (max-width:750px) {
	.about_banner {
		--h1FontSize: 34px;
		--h1LineHeight: 48px;
		--h2FontSize: 24px;
		--h2LineHeight: 24px;
		--bottomArticleFontSize: 16px;
		--bottomArticleLineHeight: 24px;
		--bannerPaddingTop:175px;
		background-position: -150px bottom;
	}
	.about_banner_bottom_article{
		text-align: left;
	}
	.about_banner_bottom_article p+p{
		margin-top: 10px;
	}
}

.about_bg_section{

}
.about_bg_section {
	--sectionAnglePaddingBottom:268px;
	position:relative;
	overflow:hidden;
	background: #3370FF;
}
.about_bg_section_bg {
	position:absolute;
	top:0;
	right:0;
	width:calc(var(--layoutWidthMax) + calc(calc(100vw - var(--layoutWidthMax)) / 2));
	height:100%;
	background:url(../images/about_3.webp) no-repeat center right;
	background-size:cover;
}
.about_bg_section_bg:after {
	content:'';
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
	background:linear-gradient(90deg, #3370FF -2.22%, rgba(51, 112, 255, 0.95) 18.21%, rgba(86, 137, 255, 0.25) 100%);
}
.about_bg_section .section_h1{
	color: #fff;
}
.about_bg_section .section_h2{
	color: #fff;
}
@media (max-width: 750px) {
	.about_bg_section {
		--sectionAnglePaddingBottom: 530px;
	}
	.about_bg_section_bg {
		top: auto;
		bottom: 0;
		height: 480px ;
		background:url(../images/about_3_phone.webp) no-repeat center center;
		background-size: 100% auto;
	}
	.about_bg_section_bg:after {
		background: linear-gradient(180deg, #3370FF -2.22%, rgba(51, 112, 255, 0.95) 2.56%, rgba(51, 112, 255, 0.95) 2.57%, rgba(86, 137, 255, 0.25) 100%);
	}
}
.contact_header{
	width: 25%;
	padding-bottom: 48px;
	padding-left: 16px;
	font-weight: 400;
	font-size: 24px;
	line-height: 36px;
	color: #657491;
}
.contact_list{
	width: 75%; 
	padding-left: 16px;
}
.contact_list li{
	display: flex;
	align-items: flex-start;
}
.contact_list li label{
	font-weight: 400;
	font-size: 18px;
	line-height: 28px;
	color: #6E7491;
	margin-right: 16px;
}
.contact_list li p{
	font-weight: 700;
	font-size: 18px;
	line-height: 28px;
	color: #6E7491;
}
.contact_list li+li{
	margin-top: 12px;
}
.contact_list li+li.address{
	margin-top: 32px;
}
@media (max-width:1080px) {
	.contact_header{
		width: 100%;
	}
	.contact_list{
		width: 100%;
	}
}


/* 状态弹窗 */
.status_header{
	padding: 36px 36px 24px;
	text-align: center;
	justify-content: center;
}
.status_header svg{
	margin-right: 16px;
}
.status_title{
	font-weight: 700;
	font-size: 24px;
	line-height: 32px;
	text-align: center;
	color: #52556F;
}
.status_content{
	padding: 0 0 36px;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	color: #6E7491;
	max-width: 370px;
	margin: 0 auto;
}