.book-parent{
	width: 100%;
	height: 100%
}

.finish-book{
	padding-top: 35vh
}

.el-dialog {
	position: relative;
	background-color: #fff;
	box-shadow: 0 1px 32px 0 rgba(133, 139, 161, .17);
	border-radius: 15px;
	padding: 0;
	margin-top: 4vh !important
}

.el-dialog .close {
	width: 36px;
	height: 36px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 24px;
	right: 26px;
	cursor: pointer
}

.el-dialog .close:hover {
	border-radius: 50%;
	background-color: #f3f7ff;
}

.el-dialog .parentTitle {
	font-size: 28px;
	font-weight: 700;
	color: #1e3e77;
	margin-bottom: 13px
}

.el-dialog .view-title {
	font-size: 16px;
	color: #0e1633;
	font-weight: 700;
	margin-bottom: 22px
}

.el-dialog__header,
.el-dialog__title {
	display: none
}

.el-dialog__body {
	padding: 25px 40px 25px 40px
}

.el-dialog__footer {
	display: none
}

.el-form-item__label {
	color: #1e3e77;
	float: none
}

.el-form-item__label:after {
	content: "*";
	color: red
}

.el-input__inner {
	border-radius: 4px;
	border: 1px solid #8b96b3;
	height: 40px
}

.el-textarea__inner {
	border-radius: 4px;
	border: 1px solid #8b96b3;
	height: 100px;
	font-family: PingFangSC-Regular, PingFang SC, Microsoft YaHei
}

.el-form-item {
	margin-bottom: 14px
}

.noContent .el-form-item__label {
	color: #1e3e77;
	float: none
}

.noContent .el-form-item__label:after {
	content: ""
}

.margin30 {
	margin-bottom: 30px
}

.margin30 .el-form-item__label {
	color: #1e3e77;
	float: none
}

.margin30 .el-form-item__label:after {
	content: ""
}

.el-form-item__error {
	width: 100%;
	text-align: right
}

.center-area{
	text-align: center
}

.center-area .button{
	background: #6492ff;
	color: #fff;
	padding: 14px 64px;
	width: -moz-fit-content;
	width: fit-content;
	margin: 0 auto;
	cursor: pointer;
	border-radius: 6px
}

.el-select {
	width: 100%;
	border-radius: 4px
}

.el-select .el-input__inner {
	height: 40px;
	border: 1px solid #8b96b3
}

.dia-content{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center
}

.dia-content img{
	width: 64px;
	height: 64px;
	margin-bottom: 20px;
}

.header-con {
	overflow: visible !important;
	position: relative;
	z-index: 2;
}

.darkPage {
	background-color: #4469ae;
}

.darkPage .header-router {
	color: #fff;
}

.darkPage .header-login {
	background-color: hsla(0, 0%, 100%, .4);
	color: #fff;
}

.darkPage .login {
	border-color: #6492ff;
	background-color: #6492ff;
	cursor: pointer;
}

.darkPage .book-demo {
	border-radius: 24px;
	border: 2px solid #fff;
	box-sizing: border-box;
	line-height: 40px !important;
	margin-left: 24px;
	cursor: pointer;
}

.darkPage .otherLanguage {
	color: #91acda;
}

.lightPage {
	background-color: #eaf7ff;
}

.lightPage .header-router {
	color: #1e3e77;
}

.lightPage .header-login {
	background-color: hsla(0, 0%, 100%, .4);
	color: #fff;
}

.lightPage .login {
	box-shadow: 0 4px 12px 0 rgba(166, 189, 247, .79);
	border-color: #6492ff;
	background-color: #6492ff;
	color: #fff;
}

.lightPage .book-demo {
	border-radius: 24px;
	background-color: #eaf7ff;
	border: 2px solid #6492ff;
	box-sizing: border-box;
	color: #6492ff;
	line-height: 40px !important;
	margin-left: 24px;
	cursor: pointer;
}

.otherPage .header-btn-con,
.otherPage .header-router {
	color: #1e3e77;
}

.otherPage .header-login,
.otherPage .login {
	background-color: #6492ff;
	color: #fff;
}

.otherPage .login {
	border-color: #6492ff;
}

.otherPage .book-demo {
	border-radius: 24px;
	border: 2px solid #6492ff;
	box-sizing: border-box;
	color: #6492ff;
	line-height: 40px !important;
	margin-left: 24px;
	cursor: pointer;
}

#headers {
	min-width: 1240px;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background: #fff;
	z-index: 9999;
}

#headers .txt {
	font-size: 13px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 600;
	color: #1e3e77;
}
#headers .txt:hover {
	color: #6492ff;
	font-weight: 600;
}

#headers .header-con {
	margin: 0 auto;
	padding: 20px 20px;
	font-size: 14px;
}

#headers .header-con .header-left .header-logo {
	cursor: pointer
}

#headers .header-con .header-left img {
	width: 109px
}

#headers .header-con .header-right .header-router {
	cursor: pointer;
	margin-left: 30px
}

#headers .header-con .header-right .header-router:hover {
	color: #3679FF
}

.darkPage .header-left .header-router {
	opacity: .8
}

.darkPage .header-left .header-router:hover {
	color: #fff !important;
	opacity: 1
}
/* 菜单与鼠标移入 */
.menu{
	width: 100%;
	height: 45px;
	line-height: 45px;
	text-align: center;
	position: relative;
	overflow: hidden;
}
.menu:hover{
	overflow: visible;
	color: white;
	z-index: 999;
	cursor: pointer;
}	

/* 下拉菜单与鼠标移入 */
.drop-main{
	position: absolute;
	left: -136%;
	right: -50%;
	background: #fff;
	border-radius: 0 0 6px 6px;
	overflow: hidden;
	width: 200px;
}
.drop{
	width:100%;
	background-color: #fff;
	color: #3679FF;
	text-align: center;
	height: 45px;
	line-height: 45px;
}
.drop:hover{
	background: #c3d6fb;
	color:#fff;
	cursor: pointer;
}
.loginBtn1{
	margin-left: 40px;
	border-radius: 24px;
	cursor: pointer;
	width: 140px;
	text-align: center;
	height: 44px;
	line-height: 44px;
	position: relative;
	box-shadow: 0 4px 12px 0 rgb(166 189 247 / 79%);
	border-color: #6492ff;
	background-color: #6492ff;
	color: #fff;
	transition: all 0.5s;
}
.loginBtn1:hover{
	background: #1e3e77;
}
.loginBtn2{
	width: 140px;
	text-align: center;
	height: 44px;
	line-height: 44px;
	position: relative;
	border-radius: 24px;
	background-color: #eaf7ff;
	/* border: 2px solid #6492ff; */
	border: none;
	box-sizing: border-box;
	color: #6492ff;
	font-weight: 600;
	line-height: 40px!important;
	margin-left: 24px;
	cursor: pointer;
}
.header-router {
	position: relative
}

.header-router .send-router-box {
	position: absolute;
	padding-top: 13px;
	left: -28px
}

.header-router .send-router {
	display: none;
	background: #fff;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .06);
	border-radius: 6px;
	padding: 10px 5px 10px !important
}

.header-router .send-router .router-item {
	white-space: nowrap;
	padding: 4px 9px;
	margin-top: 4px;
	color: #1e3e77;
	font-weight: 700
}

.header-router .send-router .router-item:hover {
	background: #f3f6ff;
	border-radius: 2px
}

.header-router:hover .send-router {
	display: block;
	color: #1e3e77;
	padding: 4px 5px
}
.core{
	padding-top: 87px;
}

#footer{
	background: #1F3F77;
	min-width: 1240px;
	color: #fff;
	overflow-x: hidden;
	overflow-y: hidden
}
#footer .contain {
    width: 1200px;
    padding: 0 20px;
    margin: 0 auto;
    overflow: hidden;
	display: flex;
	flex-direction: row;
}


#footer .footer-info{
	border-bottom: 1px solid hsla(0, 0%, 100%, .35);
	padding: 90px 0 70px 0;
	margin: 0 15px;
}


#footer .botLogo{
	width:258px;
	height:110px;
	margin-right: 234px;
	margin-left: 15%;
	margin-top:10px;
}
#footer .phoneW{
	margin-right:41px;
}
#footer .phoneW .pTip{
	font-size: 13px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #FFFFFF;
}
#footer .phoneW input{
	width: 155px;
	height: 36px;
	background: #FBFBFB;
	border: 1px solid #E3E4E6;
	margin-top:6px;
	margin-bottom:13px;
	padding-left: 9px;
}
#footer .phoneW .pBtn{
	width: 81px;
	text-align: center;
	height: 36px;
	line-height: 36px;
	background: #3679FF;
	border-radius: 3px;
	font-size: 13px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #FFFFFF;
}
#footer .topT{
	font-size: 19px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #FFFFFF;
	margin-bottom:10px;
}
#footer .contactM{
	font-size: 13px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #FFFFFF;
}	


#footer .footer-info .clear-overflow{
	overflow: visible
}

#footer .footer-info .footer-info-left .footer-info-list .space{
	width: 1px;
	height: 52px;
	border-left: 1px solid #6c81a6
}

#footer .footer-info .footer-info-left .footer-info-list .footer-info-item{
	font-size: 18px;
	color: #fff
}

#footer .footer-info .footer-info-left .footer-info-list .footer-info-item:first-child {
	margin-right: 43px
}

#footer .footer-info .footer-info-left .footer-info-list .footer-info-item:nth-child(3) {
	margin-left: 42px;
	margin-right: 44px
}

#footer .footer-info .footer-info-left .footer-info-list .footer-info-item:nth-child(5) {
	margin-left: 45px;
	margin-right: 72px
}

#footer .footer-info .footer-info-left .footer-info-list .footer-info-item:nth-child(7) {
	margin-left: 44px
}

#footer .footer-info .footer-info-left .footer-info-list .footer-info-item .title{
	font-size: 30px;
	margin-right: 3px;
	padding-bottom: 8px
}

#footer .footer-info .footer-info-right{
	margin-right: 80px
}

#footer .footer-info .footer-info-right .icon{
	width: 41px;
	cursor: pointer
}

#footer .footer-info .footer-info-right .wechat{
	position: relative
}

#footer .footer-info .footer-info-right .wechat .qrcode{
	position: absolute;
	top: 44px;
	right: 0;
	width: 200px;
	height: 200px
}

#footer .footer-info .footer-info-right .linkedin{
	margin-left: 36px
}

@media only screen and (max-width:1240px) {
	#footer .footer-info{
		margin: 0
	}
}

#footer .footer-company{
	padding: 50px 0 43px 0
}

#footer .footer-company .footer-company-con{
	width: 1200px;
	padding: 0 20px;
	margin: 0 auto
}

#footer .footer-company .footer-company-con .footer-company-left{
	font-size: 18px;
	color: #d6e5ff
}

#footer .footer-company .footer-company-con .footer-company-btn{
	font-size: 14px
}

#footer .footer-company .footer-company-con .footer-company-btn .footer-btn{
	cursor: pointer;
	width: 114px;
	text-align: center;
	height: 48px;
	line-height: 48px;
	position: relative
}

#footer .footer-company .footer-company-con .footer-company-btn .footer-btn .footer-btn-con{
	position: absolute;
	left: 0;
	top: 0;
	height: auto;
	width: 100%;
	margin: 0 auto
}

#footer .footer-company .footer-company-con .footer-company-btn .footer-btn .footer-btn-con div{
	color: #fff
}

#footer .footer-company .footer-company-con .footer-company-btn .footer-btn .footer-btn-con div:hover {
	color: #6492ff
}

#footer .footer-company .footer-company-con .footer-company-btn .footer-btn .footer-btn-con img{
	width: 6px;
	margin-left: 8px
}

#footer .footer-company .footer-company-con .footer-company-btn .footer-btn .footer-btn-con .hader-language-item{
	width: 100%;
	margin: 0 auto
}

#footer .footer-company .footer-company-con .footer-company-btn .footer-btn .footer-btn-con .hader-language-item:last-child {
	border: none
}

#footer .footer-company .footer-company-con .footer-company-btn .footer-btn .footer-btn-con .ohterLanguage{
	background-image: url(data:image/png;base64,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);
	background-position: 50%;
	background-size: cover
}

#footer .footer-company .footer-company-con .footer-company-btn .footer-btn .footer-btn-con .ohterLanguage div{
	color: #1e3e77
}

#footer .footer-company .footer-company-con .footer-company-btn .login{
	margin-left: 30px;
	background: #6492ff;
	border-radius: 24px;
	border: 1px solid #6492ff;
	color: #fff
}

#footer .footer-tips{
	padding: 20px 0;
	font-size: 14px;
	background: #284b88
}

#footer .footer-tips .tips-contain .tips-left div{
	margin-left: 26px;
	color: #e0ebff;
	cursor: pointer
}

#footer .footer-tips .tips-contain .tips-left div:first-child {
	margin-left: 0
}

#footer .footer-tips .tips-contain .tips-right{
	font-size: 14px;
	color: #e0ebff
}

#footer .footer-tips .tips-contain .tips-right a{
	color: #e0ebff
}

#footer .footer-tips .tips-contain .tips-right .filling img{
	margin-right: 5px
}

#footer .footer-tips .tips-contain .tips-right .solid{
	width: 1px;
	height: 20px;
	border-left: 1px solid #fff;
	margin: 0 10px
}

#footer .footer-tips .tips-contain .tips-right .businessCheck img{
	width: 20px;
	margin-right: 5px
}

#cookies{
	position: fixed;
	width: 100vw;
	bottom: 0;
	left: 0;
	background-color: #f8f8f8
}

#cookies .con{
	padding: 50px 150px;
	font-size: 18px;
	font-weight: 500;
	line-height: 25px
}

#cookies .con .btn{
	margin-top: 40px
}

#cookies .con .btn div{
	cursor: pointer;
	width: 244px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 4px
}

#cookies .con .btn .part{
	background-color: #cfd0d5
}

#cookies .con .btn .all{
	background-color: #6492ff;
	color: #fff;
	margin-left: 32px
}

.qr-code{
	position: fixed;
	right: 10px;
	bottom: 10px;
	z-index: 66
}

.close{
	display: flex;
	justify-content: flex-end;
	margin-bottom: 4px
}

.close img{
	cursor: pointer
}

.content{
	padding: 5px 0 10px;
	background: #fff;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .05);
	border-radius: 4px
}

.content img{
	/* width: 200px;
	height: 200px; */
	display: block;
	margin: 0 auto
}

.content .tips{
	display: block;
	margin: 0 auto;
	text-align: center
}

.info{
	cursor: pointer;
	text-align: right
}

body,
html {
	margin: 0;
	padding: 0
}

#app {
	font-family: PingFangSC-Regular, PingFang SC, Microsoft YaHei;
	color: #1e3e77;
	min-width: 1240px;
	overflow-x: hidden;
	overflow-y: hidden
}

#app .contain {
	width: 1200px;
	padding: 0 20px;
	margin: 0 auto;
	overflow: hidden
}

a {
	text-decoration: none
}

.flex {
	display: flex
}

.flex-column {
	flex-direction: column
}

.align-center {
	align-items: center
}

.align-start {
	align-items: flex-start
}

.align-stretch {
	align-items: stretch
}

.align-end {
	align-items: flex-end
}

.justify-center {
	justify-content: center
}

.justify-between {
	justify-content: space-between
}

.justify-evenly {
	justify-content: space-evenly
}

.justify-end {
	justify-content: flex-end
}

.wrap {
	flex-wrap: wrap
}

.cost-conten{
	box-sizing: border-box;
	background-color: #fff;
	box-shadow: 0 0 10px 0 rgba(219, 222, 226, .5);
	border-radius: 20px;
	border: 1px solid #e1f1ff;
	padding: 22px 30px 20px;
	width: 920px;
	margin: 0 auto
}

.cost-content .cost-title{
	font-size: 34px;
	color: #0050de;
	font-weight: 700
}

.cost-content .year-amount{
	font-size: 16px;
	color: #4465af;
	margin: 2px 0 20px
}

.cost-content .solid{
	height: 1px;
	background-color: #e1f1ff;
}

.cost-content .country{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 24px
}

.cost-content .country .country-detail{
	width: 47.7%;
	margin-top: 30px
}

.cost-content .country .country-detail .detail-title{
	display: flex;
	justify-content: space-between;
	align-items: center
}

.cost-content .country .country-detail .detail-title span{
	font-size: 18px;
	color: #1e3e77
}

.cost-content .country .country-detail .detail-con{
	margin-top: 24px
}

.cost-content .country .country-detail .detail-con .detail-item{
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 16px;
	color: #1e3e77;
	margin-top: 16px
}

.cost-content .country .country-detail .detail-con .detail-item .item-left{
	display: flex;
	align-items: center
}

.cost-content .country .country-detail .detail-con .detail-item .item-left img{
	margin-left: 7px
}

.cost-content .country .country-detail .detail-con .item-child{
	font-size: 14px;
	color: #4465af
}

.cost-content .country .country-detail .detail-con .item-child .item-left{
	margin-left: 16px;
	text-align: left;
	width: -moz-fit-content;
	width: fit-content
}

.cost-content .country .country-detail .detail-con .item-child .item-right{
	white-space: nowrap
}

.cost-content .country .country-detail .detail-con .detail-box{
	border-left: 1px solid #b3caf3
}

.cost-content .country .country-detail .bold{
	font-weight: 700
}

.cost-content .cost-message-one{
	margin-top: 20px;
	font-size: 14px;
	color: #4465af
}

.cost-content .mg-top{
	margin-top: 2px
}

#index .banner{
	background-image: url(https://rryp.oss-cn-beijing.aliyuncs.com/website/w100.png);
	background-position: 50%;
	background-size: cover;
	height: 634px;
	width: 100%;
	min-width: 1240px
}
#index .wish{
	width:100%;;
}

#index .banner .banner-title{
	font-size: 52px;
	line-height: 84px
}

#index .banner .banner-title span{
	font-weight: 700
}

#index .banner .banner-zh{
	width:330px;
	float:left;
	/* padding-left: 200px */
}
#index .banner .banner-zh .bannerTit{
	font-size: 52px;
	font-family: PingFang-SC-Bold, PingFang-SC;
	font-weight: bold;
	color: #FFFFFF;
	padding: 170px 0 20px 0;
}
#index .banner .banner-zh p{
	font-size: 13px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #FFFFFF;
}










#index .banner  .banner-rightBG{
	width: 604px;
	height: 634px;
	/* background: #3679FF; */
	float: right;
}
#index .banner  .banner-rightBG img{
	width: 527px;
	height: 422px;
	margin-top:106px;
	margin-left: -83px;
}
#index .banner .banner-zh .banner-title{
	padding: 170px 0 20px 0
}

#index .banner .banner-en{
	padding-left: 50px
}

#index .banner .banner-en .banner-title{
	padding: 150px 0 0 0
}

#index .banner .banner-txt{
	width: 327px;
	font-size: 15px;
	font-family: PingFang-SC-Bold, PingFang-SC;
	font-weight: bold;
	color: #373738;
	line-height: 28px;
}
#index .banner .banner-txt2{
	width: 327px;
	font-size: 13px;
	font-family: PingFang-SC-Regular, PingFang-SC;
	font-weight: 400;
	color: #373738;
	line-height: 28px;
	margin-top:33px;
}
#index .banner .book-demo{
	margin-top: 24px;
	width: 140px;
	text-align: center;
	height: 44px;
	line-height: 44px;
	border-radius: 24px;
	border: 2px solid #6492ff;
	box-sizing: border-box;
	font-size: 14px;
	color: #6492ff;
	line-height: 40px !important;
	cursor: pointer
}

#index .process{
	text-align: center;
}

#index .process .process-title{
	font-size: 48px;
	line-height: 60px;
	padding: 52px 0 39px
}
#index .process .topImg{
	display: flex;
	flex-direction: row;
	justify-content: center;
}
#index .process .topImg .severWrap{
	position: relative;
	margin-right: 14px;
	cursor:pointer;
}
.severWrap:hover{
	transform: scale(1.1);
	z-index: 99999999;
	transition: all 0.6s;
}
.sWrap:hover{
	transform: scale(1.1);
	z-index: 99999999;
	transition: all 0.6s;
}
#index .process .topImg .severWrap .sever1{
	width:277px;
	height:310px;
	border-radius: 8px;
}
#index .process .topImg .severWrap p{
	font-size: 22px;
	font-family: PingFang-SC-Bold, PingFang-SC;
	font-weight: bold;
	color: #FFFFFF;
	position:absolute;
	top:118px;
	left:32px;
}
#index .process .topImg .severWrap span{
	width: 84px;
	height: 26px;
	text-align: center;
	line-height: 26px;
	border-radius: 3px;
	border: 1px solid #FFFFFF;
	font-size: 13px;
	font-family: PingFangSC-Light, PingFang SC;
	font-weight: 300;
	color: #FFFFFF;
	position: absolute;
	top:161px;
	left:32px;
}
#index .process .topImg .severBlock{
	width:483px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#index .process .topImg .severBlock .sWrap{
	position: relative;
	margin-right:13px;
	cursor:pointer;
}
#index .process .topImg .severBlock .sWrap img{
	width:152px;
	height:149px;
	margin-bottom:13px;
	border-radius: 8px;
}
#index .process .topImg .severBlock .sWrap p{
	width:100%;
	text-align: center;
	font-size: 16px;
	font-family: PingFang-SC-Bold, PingFang-SC;
	font-weight: bold;
	color: #FFFFFF;
	position: absolute;
	top:52px;
}
#index .process .topImg .severBlock .sWrap span{
	font-size: 13px;
	font-family: PingFangSC-Light, PingFang SC;
	font-weight: 300;
	color: #FFFFFF;
	position: absolute;
	top:79px;
	left:45px;
}
#index .process .botImg{
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-bottom:34px;
}
#index .process .botImg .imgWrap{
	position:relative;
}
#index .process .botImg .imgWrap p{
	font-size: 22px;
	font-family: PingFang-SC-Bold, PingFang-SC;
	font-weight: bold;
	color: #FFFFFF;
	position: absolute;
	top:94px;
	left:30px;
}
#index .process .botImg .sever8{
	width:277px;
	height:218px;
	margin-right: 16px;
}
#index .process .botImg .sever9{
	width:483px;
	height:218px;
}

#index .sassContent{
	padding-top: 80px
}

#index .sassContent .sassContent-item{
	margin-top: 150px
}

#index .sassContent .sassImgRight .sassImgRight-img{
	width: 620px;
	height: 628px;
	margin-left: 76px
}

#index .sassContent .sassImgleft .sassImgleft-img{
	width: 700px;
	margin-right: 110px
}

/* #index .sassContent .sassContent-txt div:first-child {
	font-size: 36px;
	margin-bottom: 12px
}

#index .sassContent .sassContent-txt div:last-child {
	font-size: 18px;
	line-height: 34px
} */
.sassContent-item-desc .desc_T{
	font-size: 20px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #3679FF;
	margin-bottom:30px;
}
.sassContent-item-desc p{
	font-size: 18px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #000;
}
.sassContent-item-desc span{
	font-size: 20px;
	color: #3679FF;
}
#index .reason{
	background: #F8F9FB;
	margin-top:51px;
	padding-bottom: 65px;
}

#index .reason .contain{
	padding-bottom: 10px
}

#index .reason .reason-title{
	font-size: 40px;
	line-height: 60px;
	margin-top:56px;
	margin-bottom: 23px;
	text-align: center;
	font-weight: 600;
}

#index .reason .reason-row{
	margin-bottom: 15px;
	display: flex;
	justify-content: center;
}

#index .reason .reason-row:last-child {
	margin-bottom: 0
}

#index .reason .reason-row .reason-item{
	box-sizing: border-box;
	width: 268px;
	height:365px;
	margin-right: 39px;
	/* padding: 50px 20px 24px; */
	background: #fff;
	box-shadow: 0 2px 20px 0 rgba(87, 121, 201, .1);
	border-radius: 10px
}
.reason-item .blueTit{
	width: 268px;
	text-align: center;
	height: 60px;
	line-height: 60px;
	background: #3679FF;
	font-size: 16px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #FFFFFF;
	margin-bottom:10px;
}
.reason-item .mess{
	font-size: 18px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color:#191919;
	line-height: 48px;
	margin:0 21px;
}
.reason-item .mess1{
	font-size: 18px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color:#191919;
	margin:10px 21px 0 21px;
}
.reason-item .mess span{
	color: #3679FF;
}
.reason-item .mess1 span{
	color: #3679FF;
}
#index .reason .reason-row .reason-item .reason-img{
	text-align: center
}

#index .reason .reason-row .reason-item .reason-center{
	text-align: center;
	margin: 30px 0 16px;
	color: #1e3e77
}

#index .reason .reason-row .reason-item .reason-text{
	text-align: center;
	color: #5c77a6;
	line-height: 34px;
	font-size: 16px
}

#index .customer{
	padding-bottom: 260px
}

#index .customer .customer-title{
	font-size: 48px;
	line-height: 67px;
	margin-bottom: 85px;
	text-align: center
}

#index .customer .customer-row{
	display: flex;
	flex-wrap: wrap
}

#index .customer .customer-row .customer-item{
	display: flex;
	align-items: center;
	width: calc(14.28571% - 20.57143px);
	margin-bottom: 60px;
	height: -moz-fit-content;
	height: fit-content
}

#index .customer .customer-row .customer-item:last-child,
#index .customer .customer-row .customer-item:nth-last-child(2),
#index .customer .customer-row .customer-item:nth-last-child(3),
#index .customer .customer-row .customer-item:nth-last-child(4),
#index .customer .customer-row .customer-item:nth-last-child(5),
#index .customer .customer-row .customer-item:nth-last-child(6),
#index .customer .customer-row .customer-item:nth-last-child(7) {
	margin-bottom: 0
}

#index .customer .customer-row .customer-item:not(:nth-child(7n)) {
	margin-right: 24px
}

#index .customer .customer-row .customer-item img{
	width: 100%
}

#index .api{
	margin-top: 157px;
	width: 100%;
	min-width: 1240px;
	overflow: hidden;
	height: 800px;
	background-image: url(https://static.payinone.cn/pc/img/openAPI-bg.28260548.png);
	background-position: 50%;
	background-size: cover
}

#index .api .api-con{
	width: 1176px;
	height: 640px;
	margin: 260px auto 0 auto;
	text-align: center
}

#index .api .api-con .api-con-title{
	font-size: 60px;
	font-weight: 600;
	text-align: center
}

#index .api .api-con .api-con-desc{
	font-size: 18px;
	margin-top: 50px
}

#index .api .api-con .api-con-btn{
	margin: 70px auto 0 auto;
	width: 220px;
	height: 48px;
	line-height: 48px;
	background: #6492ff;
	border-radius: 24px;
	border: 1px solid #6492ff;
	color: #fff;
	font-size: 14px;
	cursor: pointer
}

#index .cost-estimator{
	margin-top: 160px
}

#index .cost-estimator .contain{
	text-align: center
}

#index .cost-estimator .cost-msg-one{
	margin-top: 12px;
	font-size: 20px;
	color: #1e3e77;
	font-weight: 700
}

#index .cost-estimator .cost-msg-two{
	margin-top: 10px;
	font-size: 20px;
	color: #1e3e77;
	font-weight: 700
}

#index .cost-estimator .cost-list{
	box-sizing: border-box;
	width: 500px;
	padding: 30px;
	background-color: #fff;
	box-shadow: 0 0 10px 0 rgba(219, 222, 226, .5);
	border-radius: 20px;
	border: 1px solid #e1f1ff;
	margin: 50px auto;
	font-size: 16px;
	color: #1e3e77
}

#index .cost-estimator .cost-list .cost-list-title{
	display: flex;
	justify-content: space-between;
	align-items: center
}

#index .cost-estimator .cost-list .cost-list-item{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 20px
}

#index .cost-estimator .cost-list .cost-list-item .country-item{
	display: flex;
	align-items: center
}

#index .cost-estimator .cost-list .cost-list-item .country-item .country{
	margin-left: 14px
}

#index .cost-estimator .cost-list .cost-list-bottom{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 20px;
	font-weight: 700
}

#index .cost-estimator .tab-box .tab{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 30px
}

#index .cost-estimator .tab-box .tab .tab-item{
	padding: 14px 34px;
	background-color: #0050de;
	border-radius: 50px;
	opacity: .4;
	color: #fff;
	font-size: 16px;
	margin-right: 22px;
	cursor: pointer
}

#index .cost-estimator .tab-box .tab .tab-item:last-child {
	margin-right: 0
}

#index .cost-estimator .tab-box .tab .tab-item-active{
	padding: 16px 38px;
	background-color: #0050de;
	box-shadow: 0 6px 25px 0 rgba(173, 196, 255, .5);
	border-radius: 60px;
	opacity: 1
}

#index .cost-estimator .learn-more{
	margin: 50px auto 0;
	border-radius: 25px;
	padding: 14px 30px;
	font-size: 16px;
	background-color: #6492ff;
	color: #fff;
	width: -moz-fit-content;
	width: fit-content;
	cursor: pointer
}

#index .global .global-title{
	font-size: 60px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 64px
}

#index .global .global-con{
	padding: 10px 0
}

#index .global .global-con .global-con-item{
	width: 376px;
	background: #fff;
	box-shadow: 0 2px 16px 0 rgba(225, 229, 234, .8);
	border-radius: 8px
}

#index .global .global-con .global-con-item img{
	width: 100%;
	display: block
}

#index .global .global-con .global-con-item div{
	width: 100%;
	height: 100px;
	text-align: center
}

#index .global .global-con .global-con-item div span{
	padding: 0 45px;
	font-size: 20px
}

#index .introduce{
	margin: 190px 0 236px 0
}

#index .introduce .introduce-title{
	text-align: center;
	font-size: 60px;
	font-weight: 500;
	margin-bottom: 70px
}

#index .introduce .introduce-con .introduce-item{
	width: 503px;
	padding: 70px 14px 46px 56px;
	margin-bottom: 24px;
	align-items: flex-start
}

#index .introduce .introduce-con .introduce-item img{
	margin-right: 36px;
	width: 90px
}

#index .introduce .introduce-con .introduce-item .intruduce-item-con div:first-child {
	font-size: 24px;
	font-weight: 500;
	color: #1e3e77;
	margin-bottom: 10px
}

#index .introduce .introduce-con .introduce-item .intruduce-item-con div:last-child {
	font-size: 18px;
	color: #1e3e77;
	line-height: 34px
}

#index .partner{
	margin: 239px 0 260px 0;
	text-align: center;
	overflow-y: hidden
}

#index .partner .partner-title{
	font-size: 60px;
	font-weight: 700;
	line-height: 71px;
	margin-bottom: 35px
}

#index .partner .partner-intro{
	font-size: 18px;
	line-height: 34px;
	width: 700px;
	margin: 36px auto 16px
}

#index .partner .partner-desc{
	font-size: 16px;
	color: #6b79af;
	line-height: 34px
}

#index .partner .partner-img{
	margin-top: 70px
}

#index .partner .partner-img img{
	margin-right: 92px
}

#index .partner .partner-img img:last-child {
	margin: 0
}

#index .picture{
	margin-bottom: 200px
}

#index .picture .contain .picture-title{
	text-align: center;
	font-size: 48px;
	font-weight: 500;
	line-height: 71px;
	margin-bottom: 100px
}

#index .picture .contain .picture-top{
	display: flex;
	justify-content: space-between;
	align-items: center
}

#index .picture .contain .picture-bottom{
	margin-top: 70px;
	display: flex;
	justify-content: center;
	align-items: center
}

#index .form{
	padding: 240px 0 250px 0;
	height: 526px;
	overflow: hidden;
	background-image: url(../img/formBg.5eaa712a.svg);
	background-position: 50%;
	background-size: cover
}

#index .form .form-left{
	flex: 1
}

#index .form .form-left img{
	width: 550px;
	margin-bottom: 20px
}

#index .form .form-left img:last-child {
	margin-bottom: 0
}

#index .form .form-right{
	margin-left: 40px;
	flex: 1
}

#index .form .form-right .form-title{
	font-size: 60px;
	font-weight: 700;
	line-height: 71px;
	margin-bottom: 30px
}

#index .form .form-right .form-right-con .form-item{
	width: 255px;
	margin-right: 20px;
	margin-bottom: 25px
}

#index .form .form-right .form-right-con .form-item:nth-child(2n) {
	margin-right: 0
}

#index .form .form-right .form-right-con .form-item .form-label{
	font-size: 14px;
	margin-bottom: 6px
}

#index .form .form-right .form-right-con .form-item input{
	width: calc(100% - 14px);
	display: block;
	height: 33px;
	background: #fff;
	border-radius: 2px;
	border: 1px solid #8b96b3;
	padding-left: 10px;
	outline: none
}

#index .form .form-right .form-right-con .form-row{
	width: 100%;
	margin-right: 0
}

#index .form .form-right .form-right-con .form-row input{
	margin-right: 0
}

#index .form .form-right .form-right-con .form-row textarea{
	width: calc(100% - 20px);
	resize: none;
	padding: 10px;
	border: 1px solid #8b96b3;
	border-radius: 2px;
	outline: none
}

#index .form .form-right .form-tips{
	text-align: center
}

#index .form .form-right .form-tips .form-msg{
	font-size: 18px;
	margin: 55px 0
}

#index .form .form-right .form-backBtn{
	cursor: pointer;
	margin: 0 auto;
	width: 95px;
	height: 40px;
	line-height: 40px;
	background: #6492ff;
	border-radius: 4px;
	border: 0;
	color: #fff;
	font-size: 16px
}

#index .form .form-btn{
	margin-top: 28px
}

#index .form .form-btn div{
	width: 105px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	background: #6492ff;
	border-radius: 4px;
	border: none;
	color: #fff;
	cursor: pointer
}

.el-carousel--card {
	width: 452px;
	margin: 0 auto;
	padding-left: 70px
}

.el-carousel__item--card {
	width: 136px;
	height: 60px;
	font-size: 16px;
	line-height: 60px;
	background-color: #0050de;
	border-radius: 50px;
	opacity: .4;
	color: #fff
}

.el-carousel__item--card.is-active {
	opacity: 1
}


/* 遮罩层 */
.modal {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 99999;
	display: none;
}

.modal .container {
	width: 520px;
	height: 600px;
	background-color: #fff;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	box-sizing: border-box;
	border-radius: 6px;
	padding: 20px 40px 25px 40px;
}

.modal .container .close {
	width: 22px;
	height: 22px;
	position: absolute;
	right: 20px;
	top: 20px;
	cursor: pointer;
	text-align: center;
	line-height: 30px;
}
.modal .container .parentTitle {
	font-size: 28px;
	font-weight: 700;
	color: #1e3e77;
	margin-bottom: 13px;
	margin-top: 30px;
}