body{padding: 0;margin: 0;font-family: sans-serif;font-size: 16px;color: #333333;overflow-x:hidden;line-height: 1.5;}
ul{padding: 0;margin: 0;}
ul li{list-style: none;}
p{margin: 0;}
.fl{float: left;}
.fr{float: right;}
a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;text-decoration: none;}
img{max-width: 100%;}
input:focus,button:focus,textarea:focus{outline: none;}
h1,h2,h3,h4,h5,h6{margin: 0;padding: 0;}
.ovh1{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ovh2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ovh3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.ovh4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
.imgH{overflow: hidden;}
.imgH img{transition-duration: .6s;-ms-transition-duration: .6s;-moz-transition-duration: .6s;-webkit-transition-duration: .6s; }
.imgH:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.hidden-xs{display: block;}
.visible-xs{display: none;}
*{box-sizing: border-box;}
.db{display: block;}
.tc{text-align: center;}
img{max-width: 100%;}
.pore{position: relative;}
.flexb{display: flex;align-items: center;justify-content: center;}
.flexb2{display: flex;align-items: center;justify-content: space-between;}
.flexb3{display: flex;align-items: flex-start;justify-content: space-between;}
.swiper{position: relative;overflow: hidden;}
.bgBox{background: url() center no-repeat;background-size: cover;}
.container{width: 100%;max-width: 1600px;margin: 0 auto;padding: 0 40px;}
@media(max-width:1490px){.container{padding: 0 8%;}}
@media(max-width:800px){.container{padding: 0 16px;}}
.row{display: flex;justify-content: flex-start;align-items: center;align-items: stretch;flex-wrap: wrap;}
.row .kuang{height: 100%;}
.col_6{width: calc(100% / 6);}
.col_5{width: calc(100% / 5);}
.col_4{width: calc(100% / 4);}
.col_3{width: calc(100% / 3);}
.col_2{width: calc(100% / 2);}
.imgB{position: relative;padding-top: 100%;display: block;}
.imgB .pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;}
.imgB .pic img{width: 100%;height: 100%;object-fit: cover;display: block;}

.topB{background: #3349d2;}
.topB .nrBox{height: 56px;}
.topB .tishi{
	font-size: 14px;
	color: rgb(255, 255, 255);
	width: 500px;
	position:relative;
	overflow: hidden;
}
.str_move { 
	white-space:nowrap;
	position:absolute; 
	top:0; 
	left:0;
	cursor:move;
}
.topB .tishi span{margin-right: 40px;}
.topB .yzBtn{
	display: block;
	font-size: 16px;
	color: rgb(255, 255, 255);
	width: max-content;
	line-height: 32px;
	border: 1px solid #ffffff;
	padding: 0 24px;
}
header{
	position: sticky;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	z-index: 999;
	transition: all 0.3s;
	border-bottom: 1px solid #D6D6D6;
	border-top: 0;
}
header:hover{background: #ffffff;}
header.onFix{background: #ffffff;} 
header .logo{margin-right: 5.8vw;}
header .logo img{max-height: 54px;display: block;}
header .menuUl>li{margin-right: 3.33vw;position: relative;}
header .menuUl>li:last-child{margin-right: 0;}
header .menuUl .yiji{
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
header .menuUl .yiji a{
	font-size: 22px;
	color: #333333;
	line-height: 88px;
	display: block;
	position: relative; 
}
header .mopenBtn{display: none;}
header .langB{position: relative;}
header .langB .aB{cursor: pointer;}
header .langB .aB img{display: block;height: 28px;}
header .langB .bB{
	background: #ffffff;
	z-index: 10;
	display: block;
	position: absolute;right: -11px;top: 40px;
	padding: 32px;
	border: 1px solid rgba(43, 51, 48, 0.15);
}
header .langB .bB{
	visibility: hidden;
	font-size: 1rem;
	transition: visibility .25s ease-in-out;
}
header .langB:hover .bB{visibility: visible;}
header .langB .bB::before,
header .langB .bB::after{
	content: "";
	border-style: solid;
	border-color: transparent transparent #ffffff transparent;
	border-width: 8px;
	width: 0;
	height: 0;
	position: absolute;
	bottom: 100%;
	right: 16px;
}
header .langB .bB::before{
	border-color: transparent transparent rgba(43, 51, 48, 0.15) transparent;
	bottom: calc(100% + 1px);
}
header .langB .bB a{
	display: block;
	width: max-content;
	color: #282828;
	margin-top: 8px;
	position: relative;
	display: flex;justify-content: flex-start;align-items: center;
}
header .langB .bB a:first-child{margin-top: 0;}
header .langB .bB a.on:after{
    content: "";
    background-color: currentColor;
    width: 12px;
    height: 9px;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEgMy40TDQuNzQ5MzEgN0wxMSAxIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+);
    mask-size: 12px 9px;
    mask-repeat: no-repeat;
	margin-left: 8px;
}
@media(max-width:1490px){
	header .menuUl>li{margin-right: 2vw;}
	header .menuUl .yiji a{font-size: 16px;}
	header .langB .bB{padding: 24px;}
}
@media(max-width:800px){
	.topB .nrBox{height: 40px;}
	.topB .tishi{width: calc(100% - 96px);}
	.topB .yzBtn{font-size: 14px;padding: 0 8px;line-height: 24px;}
	header .nrBox{height: 56px;}
	header .logo{margin: 0;}
	header .logo img{max-height: 36px;}
	header .langB{
		z-index: 2;
	}
	header .mopenBtn{
		display: block;
		width: 28px;
		height: 56px;
		z-index: 20;
		float: right;
		cursor: pointer;
		transition: 0.4s;
	}
	header .mopenBtn span {
		margin-top: 28px;
		display: block;
		width: 100%;
		height: 2px;
		background: #3349d2;
		position: relative;
		vertical-align: middle;
		-webkit-transition-duration: .3s, .3s;
		-moz-transition-duration: .3s, .3s;
		-ms-transition-duration: .3s, .3s;
		-o-transition-duration: .3s, .3s;
		transition-duration: .3s, .3s;
		-webkit-transition-delay: .3s, 0s;
		-moz-transition-delay: .3s, 0s;
		-ms-transition-delay: .3s, 0s;
		-o-transition-delay: .3s, 0s;
		transition-delay: .3s, 0s;
		transition: color 0.3s 0s;
	}
	header .mopenBtn span:after, 
	header .mopenBtn span:before {
		content: "";
		position: absolute;
		display: inline-block;
		width: 28px;
		height: 2px;
		left: 0;
		background-color: #3349d2;
		-webkit-transition-duration: .3s, .3s;
		-moz-transition-duration: .3s, .3s;
		-ms-transition-duration: .3s, .3s;
		-o-transition-duration: .3s, .3s;
		transition-duration: .3s, .3s;
		-webkit-transition-delay: .3s, 0s;
		-moz-transition-delay: .3s, 0s;
		-ms-transition-delay: .3s, 0s;
		-o-transition-delay: .3s, 0s;
		transition-delay: .3s, 0s;
	}
	header .mopenBtn span:before {
		top: -8px;
		-webkit-transition-property: top, transform;
		-moz-transition-property: top, transform;
		-ms-transition-property: top, transform;
		-o-transition-property: top, transform;
		transition-property: top, transform;
	}
	header .mopenBtn span:after {
		bottom: -8px;
		-webkit-transition-property: bottom, transform;
		-moz-transition-property: bottom, transform;
		-ms-transition-property: bottom, transform;
		-o-transition-property: bottom, transform;
		transition-property: bottom, transform;
	}
	header.open .mopenBtn span {
		background-color: transparent;
		-webkit-transition-delay: 0s, 0s;
		-moz-transition-delay: 0s, 0s;
		-ms-transition-delay: 0s, 0s;
		-o-transition-delay: 0s, 0s;
		transition-delay: 0s, 0s;
	}
	header.open .mopenBtn span:after, 
	header.open .mopenBtn span:before {
		-webkit-transition-delay: 0s, .3s;
		-moz-transition-delay: 0s, .3s;
		-ms-transition-delay: 0s, .3s;
		-o-transition-delay: 0s, .3s;
		transition-delay: 0s, .3s;
	}
	header.open .mopenBtn span:before {
		top: 0px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	header.open .mopenBtn span:after {
		bottom: 0px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	body.nofix{height: 100vh;overflow-y: hidden;}
	header .menuB{
		position: fixed;
		left: -100%;
		top: 96px;
		display: block;
		width: 100%;
		height: calc(100vh - 96px);
		background: #ffffff;
		transition: all 0.3s;
	}
	header.open .menuB{left: 0;}
	header .menuUl{
		display: block;
		padding: 16px;
		overflow: auto;
		height: 100%;
	}
	header .menuUl>li{margin: 0;border-bottom: 1px dashed #d6d6d6;}
	header .menuUl .yiji{height: auto;display: block;}
	header .menuUl .yiji a{line-height: 64px;color: #333333;width: calc(100% - 40px);font-size: 18px;}
	header .menuUl>li.on .yiji a::before{display: none;}
	header .menuUl>li .yiji a::before{display: none;}
	header .menuUl .hasDown>div>.ejBtn{
		position: absolute;
		right: 12px;
		top: 12px;
		width: 16px;
		height: 16px;
	}
	header .menuUl .hasDown>div>.ejBtn::before{
		content: "";
		display: block;
		width: 100%;
		height: 2px;
		background: rgba(243, 214, 158,0.3);
		position: absolute;
		left: 0;
		top: calc(50% - 1px);
	}
	header .menuUl .hasDown>div>.ejBtn::after{
		content: "";
		display: block;
		width: 2px;
		height: 100%;
		background: rgba(243, 214, 158,0.3);
		position: absolute;
		top: 0;
		left: calc(50% - 1px);
	}
	header .menuUl .hasDown.open>div>.ejBtn::after{display: none;}
}
.banner{margin-top: -89px;}
.banner .textB{
	position: relative;
	z-index: 2;
	padding: 12vw 0;
	min-height: 46.25vw;
}
.banner .font1{
	font-size: 18px;
	color: rgb(102, 102, 102);
}
.banner .font2{
	font-size: 58px;
	color: rgb(51, 73, 210);
	line-height: 1.431;
	font-weight: 900;
}
.banner .font3{
	font-size: 18px;
	color: rgb(102, 102, 102);
	justify-content: flex-start;
	margin-top: 12px;
}
.banner .font3 span{display: block;margin-right: 32px;}
.banner .font3 img{display: block;margin-right: 16px;}
.banner .font3 img:last-child{margin-right: 0px;}
.banner .btnG{
	justify-content: flex-start;
	margin-top: 36px;
}
.banner .btnG .btnB{margin-right: 44px;}
.banner .btnG .btnB:last-child{margin-right: 0px;}
.btnB{
	min-width: 150px;
	text-align: center;
	border-radius: 48px;
	background: -moz-linear-gradient( 180deg, rgb(9,148,243) 0%, rgb(51,73,210) 100%);
	background: -webkit-linear-gradient( 180deg, rgb(9,148,243) 0%, rgb(51,73,210) 100%);
	background: -ms-linear-gradient( 180deg, rgb(9,148,243) 0%, rgb(51,73,210) 100%);
	width: max-content;
	padding: 0 32px;
	line-height: 48px;
	font-size: 24px;
	color: rgb(255, 255, 255);
	display: flex;justify-content: center;align-items: center;
}
.btnB:hover,
.btnB2{
	background: #ffffff;
	color: rgb(0, 0, 0);
}
.btnB2:hover{
	background: -moz-linear-gradient( 180deg, rgb(9,148,243) 0%, rgb(51,73,210) 100%);
	background: -webkit-linear-gradient( 180deg, rgb(9,148,243) 0%, rgb(51,73,210) 100%);
	background: -ms-linear-gradient( 180deg, rgb(9,148,243) 0%, rgb(51,73,210) 100%);
	color: #ffffff;
}
.banner .imgB{
	position: absolute;left: 0;top: 0;
	z-index: 1;
	width: 100%;height: 100%;
	padding: 0;
}
@media(max-width:800px){
	.banner{margin-top: -56px;margin: 0;}
	.banner .textB{padding: 12vw 0 56vw;}
	.banner .font1{font-size: 16px;}
	.banner .font2{font-size: 30px;}
	.banner .font3{font-size: 10px;}
	.banner .font3 span{margin-right: 16px;width: max-content;}
	.banner .font3 img{height: 13px;margin-right: 8px;}
	.banner .font3 img:last-child{height: 20px;}
	.banner .btnG{margin-top: 24px;display: block;}
	.btnB{line-height: 40px;padding: 0 16px;font-size: 16px;min-width: 124px;}
	.banner .btnG .btnB{margin-bottom: 16px;}
	.banner .btnG .btnB:last-child{margin-bottom: 0px;}
}
footer{
	background: #222222;
	color: #ffffff;
}
footer .logo img{display: block;max-height: 46px;filter: grayscale(1) brightness(0%) invert(100%);}
footer .fItem-list{
	display: flex;justify-content: space-between;align-items: flex-start;
	flex-wrap: wrap;
	padding: 72px 0 100px;
	gap: 40px;
}
footer .fItem{
	width: 14%;
	max-width: 325px;
}
footer .fItem1{
	width: 25%;
}
footer .fiTit{
	font-size: 20px;
	color: rgb(9, 148, 243);
	font-weight: 900;
	margin-bottom: 18px;
}
footer .fiLink a{
	display: block;
	font-size: 16px;
	color: rgb(255, 255, 255);
	margin-top: 8px;
}
footer .fiLink li:first-child a{margin: 0;}
footer .fShare{
	display: flex;justify-content: flex-start;align-items: flex-start;
	flex-wrap: wrap;
}
footer .fShare a,
footer .fShare li:first-child a{
	display: flex;justify-content: center;align-items: center;
	background: #ffffff;
	width: 32px;
	height: 32px;
	margin-right: 8px;
	margin-bottom: 8px;
	border-radius: 50%;
	margin-top: 0;
	position: relative;
	overflow: hidden;
}
footer .fShare a::before{
	content: "";
	display: block;width: 100%;height: 0%;
	background: rgb(9, 148, 243);
	position: absolute;left: 0;bottom: 0;
	transition: all 0.5s;
	z-index: 1;
}
footer .fShare a:hover::before{height: 100%;}
footer .fShare a svg,
footer .fShare a img{position: relative;z-index: 1;}
footer .fShare a path{
	color: #000000;
}
footer .fCopyright{
	padding: 36px 0;
	border-top: 1px solid rgba(255,255,255,0.2);
	font-size: 12px;
	text-align: center;
	color: rgba(255, 255, 255, 0.502);
}
@media (max-width:800px) {
	footer .fItem-list{padding: 48px 0;gap:16px}
	footer .logo img{max-height: 32px;}
	footer .fItem{width: calc(50% - 16px);max-width: unset;}
	footer .fItem1{width: 100%;}
	footer .fiTit{font-size: 18px;margin-bottom: 12px;}
	footer .fiLink a{font-size: 14px;margin-top: 4px;}
	footer .fItem:nth-child(6){order: 8;}
	footer .fShare a, footer .fShare li:first-child a{margin-top: 0;}
	footer .fCopyright{padding: 16px 0;}
}
/* 首页 */
.partner_lists .swiper-wrapper, 
.proven_lists .swiper-wrapper {
    transition-timing-function: linear !important;
}
.pubTit{
	margin-bottom: 32px;
	text-align: center;
}
.pubTit .tit{
	font-size: 3.125vw;
	color: rgb(51, 51, 51);
	line-height: 1.667;
	font-weight: 900;
}
.pubTit .tit span{color: #3349d2;}
.pubTit .desc{
	font-size: 18px;
	color: rgb(102, 102, 102);
	line-height: 1.72;
	margin-top: 20px;
}
.indp{padding: 5.625vw 0;}
.indp0{
	background-image: -moz-linear-gradient( 180deg, rgb(9,148,243) 0%, rgb(51,73,210) 100%);
	background-image: -webkit-linear-gradient( 180deg, rgb(9,148,243) 0%, rgb(51,73,210) 100%);
	background-image: -ms-linear-gradient( 180deg, rgb(9,148,243) 0%, rgb(51,73,210) 100%);
	padding: 60px 0;
	color: rgb(255, 255, 255);
}
.ind0Ul{
	margin: -16px;
}
.ind0Ul li{padding: 16px;}
.indp0 .kuang{
	padding-left: 84px;
	transition: all .25s linear;
}
.indp0 .kuang:hover{
	transform: translateY(-10px);
}
.indp0 .iconB{
	width: 62px;height: 62px;display: block;
	position: absolute;left: 0;top: calc(50% - 31px);
}
.indp0 .iconB{display: block;width: 100%;}
.indp0 .titB{
	font-size: 20px;
	font-weight: bold;
}
.indp0 .descB{
	margin-top: 8px;
	font-size: 16px;
}
.swiper_ind0{display: none;}
.indp1 .pubTit{margin-bottom: 40px;}
.indp1 .pubTit .tit{font-size: 3.54vw;}
.indp1 .pubTit .desc{font-size: 22px;margin-top: 0;}
.ind1Ul{margin: -2.5vw;}
.ind1Ul li{padding: 2.5vw;}
.ind1Ul .kuang{
	background: #f9f9f9;
	padding: 4.6vw;
	padding-top: 8.4vw;
	text-align: center;
}
.ind1Ul .iconB{
	transition: all .25s linear;
}
.ind1Ul .titB{
	font-size: 1.5625vw;
	color: rgb(51, 51, 51);
	font-weight: 900;
	margin-top: 3.6vw;
}
.ind1Ul .descB{
	font-size: 18px;
	color: rgb(153, 153, 153);
	line-height: 1.5;
	margin-top: 24px;
}
.ind1Ul .iconB:hover{transform: translateY(-10px);}
.indp2{background: #f6f6f6;}
.ind2L,
.ind2R{
	width: 50%;
}
.indp2 .pubTit{text-align: left;}
.indp2 .btnB{min-width: 188px;}
.indp2 .btnB:hover{background: rgb(51, 51, 51);color: #ffffff;}
.indp3 video{display: block;width: 100%;}
.indp4{background: #f9f9f9;}
.indp4 .nrBox{margin-bottom: 5vw;}
.indp4 .pubTit{text-align: left;width: 50%;margin: 0;}
.indp4 .pubTit .desc{
	font-size: 1.5625vw;
	color: rgb(51, 51, 51);
	margin: 0;
}
.ind4Ul{width: 50%;}
.ind4Ul .numB{
  font-size: 3.8vw;
  color: rgb(51, 73, 210);
  font-weight: bold;
  line-height: 1.3;
}
.ind4Ul .titB{
	font-size: 20px;
	color: rgb(51, 51, 51);
}
.indp4 .partner_lists{margin-top: 30px;}
.indp5 .nrBox{flex-direction: row-reverse;}
.ind5R{width: 50%;padding-right: 8.5vw;}
.ind5R .pubTit{text-align: left;}
.ind5L{width: 45%;text-align: center;}
.ind5Ul li{
	display: flex;justify-content: flex-start;align-items: center;
}
.ind5Ul .iconB img{display: block;height: 72px;}
.ind5Ul .titB{
	font-size: 18px;
	color: rgb(42, 53, 54);
	font-weight: bold;
	margin-left: 40px;
}
.indp6{
	background: url(../image/ind6bg.jpg) center center no-repeat;
	background-size: cover;
	color: #ffffff;
}
.indp6 .pubTit .tit{
	font-size: 3.54vw;
	color: rgb(255, 255, 255);
}
.ind6Ul li{
	max-width: 180px;
	text-align: center;
}
.ind6Ul .numB{
	font-size: 3.54vw;
	font-weight: bold;
}
.ind6Ul .titB{
	font-size: 18px;
	font-weight: bold;
	line-height: 1.556;
}
.proven_lists{
	background: #ffffff;
	margin-top: 40px;
}
.proven_lists img{display: block;}
.indp7{overflow: hidden;}
.indp7 .pubTit .tit{font-size: 3.54vw;}
.indp7 .swiper{overflow: visible;}
.indp7 .nrBox{padding: 0 9.6vw;}
.indp7 .swiper-button-prev,
.indp7 .swiper-button-next{
	display: flex;justify-content: center;align-items: center;
	width: 9.6vw;height: 100%;
	position: absolute;left: 0;top: 0;
	background: #FFFFFF;
	margin: 0;
}
.indp7 .swiper-button-next{left: unset;right: 0;}
.indp7 .swiper-button-prev::before,
.indp7 .swiper-button-next::before{
	content: "";
	border-radius: 50%;
	background-image: -moz-linear-gradient( -180deg, rgb(9,148,243) 0%, rgb(51,73,210) 100%);
	background-image: -webkit-linear-gradient( -180deg, rgb(9,148,243) 0%, rgb(51,73,210) 100%);
	background-image: -ms-linear-gradient( -180deg, rgb(9,148,243) 0%, rgb(51,73,210) 100%);
	display: block;width: 74px;height: 74px;
	position: absolute;left: calc(50% - 37px);top: calc(50% - 37px);
	z-index: 1;
}
.indp7 .swiper-button-prev::after,
.indp7 .swiper-button-next::after{
	font-size: 32px;
	color: #ffffff;
	z-index: 2;
}
.indp7 .swiper-wrapper{align-items: stretch;}
.indp7 .swiper-slide{height: unset;padding: 16px;}
.indp7 .kuang{
	border-radius: 1.8vw;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 3px 16px 0.54px rgba(0, 0, 0, 0.11);
	height: 100%;
	padding: 5.2vw 2.7vw;
}
.indp7 .kuang i{
	display: block;width: 27px;height: 25px;
	background: url(../image/ind7yh.png) center center no-repeat;
	background-size: 100% 100%;
}
.indp7 .descB{
	font-size: 22px;
	color: rgb(51, 51, 51);
	line-height: 1.727;
	margin-top: 1.25vw;
}
.indp7 .xmB{
	margin-top: 32px;
	display: flex;justify-content: flex-start;align-items: center;
	font-size: 1.25vw;
	color: rgb(153, 153, 153);
}
.indp7 .xmB img{display: block;height: 3.4vw;border-radius: 50%;margin-right: 1.25vw;}
.indp7 .xmB span{color: rgb(51, 51, 51);margin-right: .5em;}
.indp8{
	background: url(../image/ind8bg.jpg) center center no-repeat;
	background-size: cover;
	color: #ffffff;
	text-align: center;
}
.indp8 .titB{
	font-size: 2.3vw;
}
.indp8 .descB{
	font-size: 3.33vw;
	font-weight: 700;
}
.indp8 .btnB{
	padding: 0 40px;
	line-height: 68px;
	margin: 44px auto 0;
	display: flex;justify-content: center;align-items: center;
}
.indp8 .btnB::before{
	content: "";
	display: block;width: 38px;height: 34px;
	background: url(../image/car.png) center center no-repeat;
	background-size: cover;
	margin-right: 20px;
}
.indp8 .btnB span{
	font-size: 26px;
	font-weight: bold;
	background-image: linear-gradient(45deg, #3349d2, #0994f3);
	-webkit-background-clip: text;
	color: transparent;
}
.indp8 .btnB:hover{background-image: linear-gradient(45deg, #3349d2, #0994f3);}
.indp8 .btnB:hover::before,
.indp8 .btnB:hover span{filter: grayscale(1) brightness(0%) invert(100%);}
@media(max-width:1490px){
	.btnB{font-size: 22px;}
	.ind0Ul li{width: calc(100% / 3);}
	.indp1 .pubTit .desc{font-size: 20px;}
	.ind1Ul .kuang{padding: 4vw 1.6vw 2.4vw;}
	.ind1Ul .titB{font-size: 20px;}
	.ind1Ul .descB{font-size: 14px;}
	.ind5R{padding: 0;}
	.pubTit .desc{font-size: 16px;margin-top: 8px;}
	.ind5Ul .iconB img{height: 48px;}
	.ind5Ul .titB{font-size: 16px;margin-left: 12px;}
	.indp7 .descB{font-size: 18px;}
	.indp7 .kuang{padding: 24px 16px;}
	.indp7 .kuang i{width: 20px;height: 18px;}
	.indp7 .xmB{font-size: 1.5vw;margin-top: 16px;}
	.indp7 .swiper-button-prev::before, 
	.indp7 .swiper-button-next::before{
		width: 56px;height: 56px;
		top: calc(50% - 28px);
		left: calc(50% - 28px);
	}
	.indp7 .swiper-button-prev::after, .indp7 .swiper-button-next::after{font-size: 24px;}
	.indp8 .btnB{height: 48px;margin-top: 16px;}
	.indp8 .btnB span{font-size: 20px;}
	.indp8 .btnB::before{width: 32px;height: 28px;}
}
@media(max-width:1024px){
	.ind0Ul li{width: calc(100% / 2);}
	.btnB{font-size: 20px;}
}
@media(max-width:800px){
	.indp{padding: 64px 0;}
	.indp0{padding: 32px 0;}
	.ind0Ul{margin: -4px;}
	.ind0Ul li{padding: 4px;}
	.indp0 .kuang{padding-left: 10vw;}
	.indp0 .iconB{width: 8vw;height: 8vw;top: calc(50% - 4vw);}
	.indp0 .titB{font-size: 3.6vw;font-weight: bold;}
	.indp0 .descB{margin-top: 4px;font-size: 3vw;}
	.indp7 .xmB{font-size: 2.2vw;}
	.pubTit,
	.indp1 .pubTit{margin-bottom: 24px;}
	.pubTit .tit,
	.indp1 .pubTit .tit,
	.indp6 .pubTit .tit,
	.indp7 .pubTit .tit{font-size: 30px;}
	.pubTit .desc,
	.indp1 .pubTit .desc,
	.indp4 .pubTit .desc{font-size: 16px;}
	.ind1Ul{margin: -8px;}
	.ind1Ul li{padding: 8px;width: 100%;}
	.ind1Ul .kuang{padding: 40px 12px 24px;}
	.ind1Ul .titB{margin: 32px 0 0;}
	.ind1Ul .descB{margin-top: 16px 0 0;}
	.indp2 .nrBox,
	.indp5 .nrBox{display: block;}
	.ind2L,
	.ind5R{width: 100%;}
	.ind2R,
	.ind5L{width: 100%;margin-top: 16px;}
	.indp4 .nrBox{display: block;margin-bottom: 40px;}
	.indp4 .pubTit{width: 100%;}
	.ind4Ul{width: 100%;margin-top: 12px;text-align: center;justify-content: space-around;}
	.ind4Ul .numB{font-size: 28px;}
	.ind5Ul .iconB img{height: 40px;}
	.ind6Ul{margin: -8px;flex-wrap: wrap;}
	.ind6Ul li{padding: 8px;width: 50%;}
	.ind6Ul .numB{font-size: 28px;}
	.ind6Ul .titB{font-size: 16px;}
	.indp7 .pubTit{padding-right: 64px;text-align: left;}
	.indp7 .swiper-button-prev, 
	.indp7 .swiper-button-next{
		position: absolute;right: 16px;top: -60px;left: unset;
		height: 32px;width: 32px;
		background-image: -moz-linear-gradient( -180deg, rgb(9,148,243) 0%, rgb(51,73,210) 100%);
		background-image: -webkit-linear-gradient( -180deg, rgb(9,148,243) 0%, rgb(51,73,210) 100%);
		background-image: -ms-linear-gradient( -180deg, rgb(9,148,243) 0%, rgb(51,73,210) 100%);
		border-radius: 50%;
	}
	.indp7 .swiper-button-prev{right: 56px;}
	.indp7 .swiper-button-prev::after, .indp7 .swiper-button-next::after{font-size: 16px;}
	.indp7 .swiper-button-prev::before, .indp7 .swiper-button-next::before{display: none;}
	.indp7 .nrBox{padding: 0;}
	.indp7 .kuang i {width: 14px;height: 12px;}
	.indp7 .xmB{font-size: 18px;}
	.indp7 .xmB img{height: 48px;margin-right: 12px;}
	.indp8 .titB{font-size: 20px;}
	.indp8 .descB{font-size: 24px;margin-top: 12px;}
	.indp8 .btnB{height: 40px;padding: 0 32px;}
	.indp8 .btnB::before {width: 24px;height: 22px;}
}
/* 下单 */
.ordP{background: #f5f7fc;}
.ordP .nrBox{
	flex-wrap: wrap;
	align-items: stretch;
	margin: -2vw -1.67vw;
}
.ordP .ewmB{
	padding: 2vw 1.67vw;
	width: 50%;
}
.ordP .ewmB .kuang{
	height: 100%;
	background: rgba(255, 255, 255,0.5);
	box-shadow: 0px 3px 20px 0.84px rgba(0, 0, 0, 0.11);
	padding: 76px 16px 110px;
	text-align: center;
	border-radius: 24px;
}
.ordP .ewmB .titB{
	font-size: 34px;
	color: rgb(51, 73, 210);
	font-weight: bold;
}
.ordP .ewmB .tuB{margin-top: 56px;}
.ordP .ewmB .tuB img{
	width: 100%;
	display: block;
	max-width: 350px;
	margin: 0 auto;
}
.ordP .ewmB .descB{
	font-size: 24px;
	color: rgb(51, 51, 51);
	line-height: 1.292;
	max-width: 404px;
	margin: 0 auto;
	word-break: break-all;
	margin-top: 24px;
}
.ordP .ewmB .copyB{
	font-size: 16px;
	color: rgb(153, 153, 153);
	position: absolute;left: 50%;bottom: 64px;
	transform: translateX(-50%);
	cursor: pointer;
}
.ordP .ewmB .copyB:hover{color: rgb(51, 73, 210);}
.ordP .prdForm{
	padding: 2vw 1.67vw;
	width: 100%;
}
.ordP .prdForm form{
	height: 100%;
	background: rgba(255, 255, 255,0.5);
	box-shadow: 0px 3px 20px 0.84px rgba(0, 0, 0, 0.11);
	padding: 76px 40px 110px;
	text-align: center;
	border-radius: 24px;
}
.ordP .prdForm .pTit{
	font-size: 40px;
	color: rgb(51, 73, 210);
	font-weight: bold;
	text-align: center;
}
.ordP .prdForm input{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ordP .prdForm input,
.ordP .prdForm textarea{
	display: block;
	border: 1px solid rgb(221, 221, 221);
	border-radius: 5px;
	background-color: rgb(255, 255, 255);
	width: 100%;
	height: 72px;
	padding: 0 18px;
	margin-top: 32px;
	font-size: 18px;
	font-family: inherit;
}
.ordP .prdForm textarea{
	padding: 12px 18px;
	height: 186px;
}
.ordP .prdForm .shchB input{
	padding-right: 80px;
}
.ordP .prdForm .shchB label{
	position: absolute;right: 0;top: 0;
	display: block;width: 72px;height: 72px;
	background: url(../image/up.png) center center no-repeat;
	background-size: 24px;
	border: 0;
	margin: 0;
	cursor: pointer;
	overflow: hidden;
}
.ordP .prdForm input[type=file]{
	position: absolute;left: -999px;top: 0;margin: 0;
}
.ordP .prdForm .tijiao{
	border-radius: 5px;
	background-image: -moz-linear-gradient( 180deg, rgb(9,148,243) 0%, rgb(51,73,210) 100%);
	background-image: -webkit-linear-gradient( 180deg, rgb(9,148,243) 0%, rgb(51,73,210) 100%);
	background-image: -ms-linear-gradient( 180deg, rgb(9,148,243) 0%, rgb(51,73,210) 100%);
	cursor: pointer;
	font-size: 28px;
	color: #ffffff;
	border: 0;
}
@media(max-width:1490px){
	.ordP .ewmB .kuang{padding: 40px 16px 80px;}
	.ordP .ewmB .titB{font-size: 24px;}
	.ordP .ewmB .tuB{margin-top: 40px;}
	.ordP .ewmB .tuB img{max-width: 260px;}
	.ordP .ewmB .copyB{bottom: 40px;}
	.ordP .ewmB .descB{font-size: 20px;max-width: 340px;}
	.ordP .prdForm .pTit{font-size: 28px;}
	.ordP .prdForm form{padding: 40px 24px;}
	.ordP .prdForm input{height: 64px;}
	.ordP .prdForm .shchB label{height: 64px;}
	.ordP .prdForm .tijiao{font-size: 22px;}
}
@media(max-width:1024px){
	.ordP .ewmB .kuang{padding-bottom: 60px;}
	.ordP .ewmB .titB{font-size: 18px;}
	.ordP .ewmB .tuB{margin-top: 16px;}
	.ordP .ewmB .tuB img{max-width: 200px;}
	.ordP .ewmB .copyB{bottom: 24px;}
	.ordP .ewmB .descB{font-size: 16px;max-width: 240px;}
	.ordP .prdForm input{height: 56px;font-size: 16px;margin-top: 16px;}
	.ordP .prdForm textarea{font-size: 16px;margin-top: 16px;}
	.ordP .prdForm .shchB label{height: 56px;}
	.ordP .prdForm .tijiao{font-size: 18px;}
}
@media(max-width:800px){
	.ordP .nrBox{margin: -8px -4px;}
	.ordP .ewmB{padding: 8px 4px;}
	.ordP .ewmB .kuang{border-radius: 8px;padding: 16px;padding-bottom: 64px;}
	.ordP .prdForm{padding: 4px;}
	.ordP .prdForm .pTit{font-size: 24px;}
	.ordP .prdForm input{height: 48px;font-size: 15px;margin-top: 12px;padding: 0 10px;}
	.ordP .prdForm textarea{font-size: 15px;margin-top: 12px;padding: 8px 10px;height: 160px;}
	.ordP .prdForm .shchB label{height: 48px;width: 48px;background-size: 18px;}
	.ordP .prdForm .tijiao{font-size: 16px;}
	.ordP .prdForm .shchB input{padding-right: 56px;}
}
.link-hover {color: #777a8c !important}
.link-hover span {color: #777a8c}
.link-hover img {opacity: .5}
.link-hover:hover {color: #191c1e !important}
.link-hover:hover span {color: #191c1e}
.link-hover:hover img {opacity: 1}
.flex-row {display: flex;flex-flow: row nowrap;align-items: center}
.flex-column {display: flex;flex-flow: column nowrap}
.more-detail {
	display: inline-block;
	align-items: center;
	font-size: 14px;
	line-height: 1.39;
	color: #777a8c;
	text-align: left;
	text-decoration: none;
	transition-property: all;
	transition-duration: .2s;
	outline: none;
	white-space: nowrap
}
.more-detail:hover:after {transform: translateX(1px);opacity: 1}
.more-detail:after {
	content: " ";
	position: relative;
	display: inline-block;
	vertical-align: middle;
	background-repeat: no-repeat;
	width: 14px;
	height: 21px;
	margin-left: 6px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTYuNzUgMTMuNWw0LjUtNC41LTQuNS00LjUiIHN0cm9rZT0iIzc3N0E4QyIgc3Ryb2tlLXdpZHRoPSIxLjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==);
	opacity: .7;
	transform: translateX(-1px);
	transition-property: all;
	transition-duration: .2s
}
.section-wrap {
	display: flex;
	justify-content: center;
	margin: 0 auto;
	padding: 70px 0 70px 0
}
.section-wrap .section-inner {
	width: 100%;
	max-width: 1168px
}
.section-wrap .section-inner .title {
	font-size: 32px;
	line-height: 42px;
	text-align: center;
	color: #191c1e;
	font-weight: 300
}
.section-wrap .section-inner .subtitle {
	font-size: 17px;
	line-height: 28px;
	text-align: center;
	color: #777a8c;
	margin-top: 10px;
	font-weight: 300
}
@media (max-width:1024px) {
	.section-wrap .section-inner {padding: 0 30px}
	.section-wrap .section-inner .title {font-size: 25px;line-height: 29px;text-align: left}
	.section-wrap .section-inner .subtitle {font-size: 15px;line-height: 28px;text-align: left}
}
.section-wrap .section-inner>.flex-row.feature-row {
	justify-content: space-around;
	align-items: flex-start;
	margin-top: 45px
}
.section-wrap .section-inner>.flex-row.feature-row .flex-column {
	width: 270px
}
.section-wrap .section-inner>.flex-row.feature-row .flex-column>div {
	display: flex;
	flex-flow: column nowrap;
	align-items: center
}
.section-wrap .section-inner>.flex-row.feature-row .flex-column>div .title {
	font-size: 21px;
	line-height: 25px;
	color: #43454f;
	margin-bottom: 14px;
	margin-top: 24px
}
.section-wrap .section-inner>.flex-row.feature-row .flex-column>div .subtitle {
	font-size: 17px;
	line-height: 25px;
	color: #949ea6;
	text-align: center;
	margin-top: 0;
	font-weight: 300
}
@media (max-width:1024px) {
	.section-wrap .section-inner>.flex-row.feature-row {
		flex-flow: column nowrap;
		align-items: center
	}

	.section-wrap .section-inner>.flex-row.feature-row .flex-column {
		flex-flow: row nowrap;
		width: calc(100vw - 50px);
		margin-bottom: 30px
	}

	.section-wrap .section-inner>.flex-row.feature-row .flex-column>div {
		flex-flow: row nowrap;
		align-items: flex-start
	}

	.section-wrap .section-inner>.flex-row.feature-row .flex-column>div img {
		width: 33px;
		height: 33px;
		flex: none
	}

	.section-wrap .section-inner>.flex-row.feature-row .flex-column>div>div {
		padding-left: 20px
	}

	.section-wrap .section-inner>.flex-row.feature-row .flex-column>div>div .title {
		text-align: left;
		font-size: 17px;
		margin-top: 0;
		padding-left: 0;
		margin-bottom: 9px;
		font-weight: 400
	}

	.section-wrap .section-inner>.flex-row.feature-row .flex-column>div>div .subtitle {
		text-align: left;
		font-size: 13px;
		line-height: 19px
	}
}

.section-wrap .section-inner>. {
	justify-content: space-around;
	align-items: center;
	margin-top: 45px
}
.partner-logo {
	opacity: .5;
	transition-property: opacity;
	transition-duration: .25s
}

.partner-logo:hover {
	opacity: 1
}

.download-btn {
	width: 138px;
	height: 48px;
	background: #468bdf;
	border-radius: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 500;
	font-size: 18px;
	color: #fafcff
}
.common-banner {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  border-bottom: 1px solid #f7f5f5
}
.common-banner .banner-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1168px;
  background: #fafafa;
  border-radius: 24px;
  height: 440px;
  overflow: visible;
  margin: 55px 0;
  padding-left: 115px;
  padding-right: 70px
}

.common-banner .banner-inner>div {
  max-width: 500px
}

.common-banner .banner-inner .title {
  font-size: 32px;
  line-height: 1.13;
  color: #43454f;
  font-weight: 300
}

.common-banner .banner-inner .subtitle {
  font-size: 21px;
  line-height: 32px;
  color: #777a8c;
  margin-top: 16px;
  max-width: 400px;
  font-weight: 300
}

.common-banner .banner-inner .home-banner {
  width: 500px;
  height: 500px
}

@media (max-width:1024px) {
  .common-banner {
    width: 100%;
    padding: 0 1em;
    background: #fff
  }

  .common-banner .banner-inner {
    width: 100%;
    padding: 0;
    background: #fff !important;
    flex-direction: column;
    height: unset;
    align-items: center
  }

  .common-banner .banner-inner>div {
    display: flex;
    flex-flow: column nowrap;
    align-items: center
  }

  .common-banner .banner-inner>img.home-banner {
    width: 100%;
    height: unset
  }

  .common-banner .banner-inner .title {
    max-width: 325px;
    font-size: 28px;
    line-height: 42px;
    letter-spacing: 1px;
    color: #43454f;
    text-align: center;
    font-weight: 500;
    margin-left: 0;
    font-weight: 400
  }

  .common-banner .banner-inner .subtitle {
    text-align: center;
    font-size: 17px;
    line-height: 32px;
    color: #777a8c;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 325px
  }

  .common-banner .banner-inner .home-download>div {
    margin-left: 0
  }

  .common-banner .banner-inner .home-download {
    margin: 20px 0 45px 0
  }

  .common-banner .banner-inner .banner {
    width: 100%;
    padding-right: 0
  }

  .common-banner .banner-inner .banner.pc {
    display: none
  }

  .common-banner .banner-inner .banner.mobile {
    display: initial
  }
}

.home-page .download-btn {
  width: 138px;
  height: 48px;
  background: #468bdf;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 18px;
  color: #fafcff
}

@media (max-width:960px) {
  .home-page .common-banner .banner-inner .home-download>div {
    margin-left: 0
  }

  .home-page .common-banner .banner-inner .home-download {
    margin: 20px 0 45px 0
  }
}

.download.waist {
  background: #f6f8fb;
  height: 200px
}

.download.waist p {
  margin-bottom: 0
}

.download.waist .download-btn {
  width: 138px;
  height: 48px;
  background: #468bdf;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 18px;
  color: #fafcff
}

.download.waist .experience_desc {
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  display: flex;
  align-items: center;
  letter-spacing: .4px;
  color: #777a8c;
  margin-bottom: 20px
}

.download.waist .content {
  width: 1190px;
  margin: 0 auto;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between
}

.download.waist .content .title {
  font-size: 17px;
  line-height: 26px;
  color: #777a8c;
  margin-bottom: 7px
}

.download.waist .content .subtitle {
  font-size: 13px;
  line-height: 21px;
  letter-spacing: .4px;
  color: #777a8c;
  font-weight: 300
}

.download.waist .content .app-logo {
  width: 50px;
  height: 50px;
  margin-right: 15px
}

.download.waist .content .example {
  height: 200px
}

.download.waist .content .mini-download {
  margin-left: 50px
}
.wallet-page p  {
  margin-bottom: 0
}

.wallet-page .navbar-placeholder  {
  height: 80px
}

.wallet-page .common-banner .banner-inner  {
  background: #f3fafc
}

.wallet-page .store  {
  background: #f6f8fb;
  padding-bottom: 90px
}

.wallet-page .transfer  {
  padding-bottom: 130px
}

.wallet-page .wallet-chains .chains-card  {
  display: flex;
  flex-flow: row wrap;
  border-radius: 16px;
  box-shadow: 0 4px 40px rgba(0, 0, 0, .05);
  margin: 45px auto 60px auto
}

.wallet-page .wallet-chains .chains-card>div  {
  width: 50%;
  padding-top: 25px;
  padding-left: 35px;
  padding-bottom: 20px;
  padding-right: 20px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  border-bottom: .5px solid #eaecf6;
  border-right: .5px solid #eaecf6
}

.wallet-page .wallet-chains .chains-card>div :last-child,
.wallet-page .wallet-chains .chains-card>div :nth-last-of-type(2) {
  border-bottom: 0
}

.wallet-page .wallet-chains .chains-card>div :nth-child(2n) {
  border-right: 0
}

.wallet-page .wallet-chains .chains-card>div img  {
  margin-right: 20px;
  position: relative;
  top: -2px
}

.wallet-page .wallet-chains .chains-card>div .item-title  {
  font-size: 21px;
  color: #2b3330
}

.wallet-page .wallet-chains .chains-card>div .item-title .new-tag  {
  margin-left: 10px;
  position: relative;
  top: -5px;
  display: inline-block;
  background: #f67676;
  color: #fff;
  font-size: 10px;
  line-height: 20px;
  padding: 0 6px;
  border-radius: 4px
}

.wallet-page .wallet-chains .chains-card>div .item-subtitle  {
  font-size: 17px;
  line-height: 29px;
  color: #777a8c;
  font-weight: 300
}

.wallet-page .wallet-chains .usdx-list  {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-around;
  margin-top: 70px;
  margin-bottom: 70px;
  background: #fff;
  box-shadow: 0 4px 40px rgba(0, 0, 0, .05);
  border-radius: 8px
}

.wallet-page .wallet-chains .usdx-list a  {
  display: inline-block;
  text-align: center;
  padding: 2.8rem 0;
  flex: 1
}

.wallet-page .wallet-chains .usdx-list a img  {
  width: 4rem;
  height: 4rem
}

.wallet-page .wallet-chains .usdx-list a p  {
  margin-top: 1.8rem;
  font-size: 21px;
  line-height: 26px;
  letter-spacing: 2px;
  color: #363c4d;
  font-weight: 400
}

.wallet-page .wallet-chains .usdx-list a :hover {
  background: #f6f8fb;
  box-shadow: 0 4px 40px rgba(0, 0, 0, .05)
}

.wallet-page .wallet-chains .usdx-list div  {
  width: 1px;
  background: #eaecf6;
  height: 80px;
  opacity: .7
}

.wallet-page .wallet-chains .ant-divider  {
  width: 56%;
  min-width: unset;
  margin: 0 auto
}

.wallet-page .wallet-chains .end-line.subtitle  {
  margin-top: 0;
  font-weight: 300
}

@media (max-width:1024px) {
  .wallet-page .common-banner .banner-inner  {
    background: #fff
  }

  .wallet-page .wallet-chains .section-inner  {
    padding: 0 20px
  }

  .wallet-page .wallet-chains .section-inner .subtitle ,
  .wallet-page .wallet-chains .section-inner .title  {
    text-align: left
  }

  .wallet-page .wallet-chains .section-inner .subtitle  {
    font-size: 15px;
    line-height: 28px
  }

  .wallet-page .wallet-chains .section-inner .chains-card  {
    margin-bottom: 30px
  }

  .wallet-page .wallet-chains .section-inner .chains-card>div  {
    width: 100%;
    padding: 20px;
    border-right: 0
  }

  .wallet-page .wallet-chains .section-inner .chains-card>div .item-title  {
    font-size: 17px
  }

  .wallet-page .wallet-chains .section-inner .chains-card>div .item-title .new-tag  {
    margin-left: 10px;
    position: relative;
    top: -3px;
    display: inline-block;
    background: #f67676;
    color: #fff;
    font-size: 10px;
    line-height: 16px;
    padding: 0 4px;
    border-radius: 4px
  }

  .wallet-page .wallet-chains .section-inner .chains-card>div .item-subtitle  {
    font-size: 11px;
    line-height: 19px
  }

  .wallet-page .wallet-chains .section-inner .usdx-list  {
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
    background: unset;
    box-shadow: unset
  }

  .wallet-page .wallet-chains .section-inner .usdx-list a  {
    width: 140px;
    height: 170px;
    margin: 0 .5rem 1rem .5rem;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    padding: 0;
    background: #fff;
    box-shadow: 0 4px 40px rgba(0, 0, 0, .05);
    border-radius: 8px;
    flex: unset
  }

  .wallet-page .wallet-chains .section-inner .usdx-list a img  {
    width: 48px !important;
    height: 48px !important
  }

  .wallet-page .wallet-chains .section-inner .usdx-list a p  {
    margin-top: 1rem;
    font-size: 15px;
    line-height: 15px;
    letter-spacing: 1.17082px;
    color: #363c4d
  }

  .wallet-page .wallet-chains .section-inner .usdx-list div  {
    display: none
  }

  .wallet-page .store  {
    padding-bottom: 0
  }

  .wallet-page .transfer  {
    padding-bottom: 80px
  }
}
.staking-page .staking-content {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  width: 100%
}

.staking-page .common-banner .banner-inner {
  background: #f0f4fd
}

.staking-page .common-banner .banner-inner .learn-more {
  margin-top: 25px
}

.staking-page .common-banner .banner-inner .learn-more img {
  position: relative;
  top: -1px
}

.staking-page .navbar-placeholder {
  height: 80px
}

.staking-page .divider {
  width: 180px;
  height: 1px;
  background: #e1e6ea;
  margin: 35px auto
}

.staking-page .wrapper {
  max-width: 1168px;
  width: 100%
}

.staking-page .page-block {
  padding-top: 55px
}

.staking-page .support-projects {
  background: #5e78e5;
  padding-bottom: 20px
}

.staking-page .support-projects .section-inner .title {
  color: #dfe0ea;
  margin-bottom: 50px
}

.staking-page .support-projects .section-inner .projects .project {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  width: 33.3%;
  margin-bottom: 50px
}

.staking-page .support-projects .section-inner .projects .project .logo {
  margin-bottom: 40px
}

.staking-page .support-projects .section-inner .projects .project p {
  font-size: 21px;
  line-height: 26px;
  color: #dfe0ea;
  margin-top: 10px;
  font-weight: 300
}

.staking-page .support-projects .section-inner .projects .project .coming-soon {
  margin-top: 20px;
  font-size: 14px;
  line-height: 26px;
  padding: 4px 20px;
  color: #fff;
  border: .5px solid hsla(0, 0%, 100%, .4);
  box-sizing: border-box;
  border-radius: 36px
}

.staking-page .cosmos-staking-data {
  width: 100%;
  text-align: center
}

.staking-page .cosmos-staking-data .section-inner>.title {
  margin-bottom: 50px
}

.staking-page .cosmos-staking-data .section-inner .staking-data>.wrapper .divider-vertical {
  width: 1px;
  height: 160px;
  background: #eeefef;
  position: relative;
  top: 170px
}

.staking-page .cosmos-staking-data .section-inner .staking-data>.wrapper>div.block {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center
}

.staking-page .cosmos-staking-data .section-inner .staking-data>.wrapper>div.block .data-wrapper {
  text-align: left
}

.staking-page .cosmos-staking-data .section-inner .staking-data>.wrapper>div.block .data-wrapper .number {
  font-weight: 500;
  font-size: 32px;
  line-height: 26px;
  letter-spacing: 2px;
  color: #43454f
}

.staking-page .cosmos-staking-data .section-inner .staking-data>.wrapper>div.block .data-wrapper .title {
  font-size: 17px;
  line-height: 26px;
  color: #344857;
  margin-top: 10px;
  text-align: left
}

.staking-page .cosmos-staking-data .section-inner .staking-data>.wrapper>div.block .data-wrapper img {
  margin-top: 50px
}

.staking-page .cosmos-staking-data .section-inner .staking-data,
.staking-page .how-it-works .section-inner .steps,
.staking-page .partners .section-inner .list,
.staking-page .sparkpool {
  display: flex;
  align-items: center;
  justify-content: center
}

.staking-page .cosmos-staking-data .section-inner .staking-data>.wrapper,
.staking-page .how-it-works .section-inner .steps .wrapper,
.staking-page .partners .section-inner .list .wrapper,
.staking-page .support-projects .section-inner .projects {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: space-around
}

.staking-page .sparkpool {
  background: #f6f8fb;
  padding: 33px 0;
  width: 100%
}

.staking-page .sparkpool .wrapper {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  align-items: center
}

.staking-page .sparkpool .wrapper .title {
  font-size: 21px;
  line-height: 45px;
  letter-spacing: 1px;
  color: #363c4d
}

.staking-page .sparkpool .wrapper .card {
  padding: 20px;
  border-radius: 20px;
  background: #fff;
  border: 1px solid #e1e6ea;
  box-shadow: 0 6px 8px rgba(29, 115, 232, .05);
  max-width: 325px
}

.staking-page .sparkpool .wrapper .card p {
  font-size: 11px;
  line-height: 11px;
  color: #98a2a9
}

.staking-page .sparkpool .wrapper .card .validator {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px
}

.staking-page .sparkpool .wrapper .card .validator p {
  text-align: right
}

.staking-page .sparkpool .wrapper .card .validator .yield-number {
  font-size: 15px;
  color: #344857;
  margin-bottom: 4px
}

.staking-page .sparkpool .wrapper .card .form-horizontal {
  display: flex;
  align-items: flex-end;
  justify-content: space-between
}

.staking-page .sparkpool .wrapper .card .form-horizontal>div {
  flex: 1
}

.staking-page .sparkpool .wrapper .card .form-horizontal img {
  margin: 0 10px;
  position: relative;
  top: -4px
}

.staking-page .sparkpool .wrapper .card .form-horizontal p {
  margin-bottom: 7px;
  padding-left: 10px;
  white-space: nowrap
}

.staking-page .sparkpool .wrapper .card .form-horizontal input {
  width: 100%;
  height: 36px;
  background: rgba(29, 115, 232, .02);
  border: .5px solid rgba(29, 115, 232, .1);
  box-sizing: border-box;
  border-radius: 18px;
  outline: none;
  padding: 0 8px;
  text-align: center;
  font-size: 15px;
  color: #98a2a9;
  -webkit-appearance: none
}

.staking-page .sparkpool .wrapper .card .form-horizontal input:focus {
  border: .5px solid rgba(49, 81, 214, .4);
  outline: none
}

.staking-page .sparkpool .wrapper .card .form-horizontal #reward {
  background: rgba(49, 81, 214, .1);
  border: .5px solid rgba(29, 115, 232, .1);
  font-size: 17px;
  color: #3151d6
}

.staking-page .how-it-works {
  width: 100%;
  text-align: center;
  padding: 55px 0 75px 0
}

.staking-page .how-it-works .section-inner>.title {
  margin-bottom: 20px
}

.staking-page .how-it-works .section-inner .subtitle {
  display: block;
  font-size: 17px;
  line-height: 26px;
  letter-spacing: 1px;
  color: #344857;
  font-weight: 300;
  margin: 0 auto
}

.staking-page .how-it-works .section-inner .subtitle .subtitle-link {
  font-size: inherit;
  margin-top: 0
}

.staking-page .how-it-works .section-inner .steps {
  margin-top: 60px
}

.staking-page .how-it-works .section-inner .steps .wrapper>div {
  flex: 1
}

.staking-page .how-it-works .section-inner .steps .wrapper>div p {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px
}

.staking-page .how-it-works .section-inner .steps .wrapper>div .step-title {
  font-size: 21px;
  line-height: 25px;
  text-align: center;
  color: #43454f;
  font-weight: 300
}

.staking-page .stake-with-imtoken {
  width: 100%;
  text-align: center;
  padding: 55px 0 75px 0;
  background: #f6f8fb
}

.staking-page .stake-with-imtoken .section-inner>div .subtitle a {
  color: #777a8c !important;
  font-weight: 400
}

.staking-page .partners {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #e1e6ea;
  padding-left: 100px;
  padding-right: 100px
}

.staking-page .partners .section-inner .title {
  margin-bottom: 20px
}

@media (max-width:980px) {
	.download.waist{padding: 0 16px;}
  .staking-page .swiper-pagination {
    display: block;
    bottom: 0 !important
  }

  .staking-page .page-block {
    padding-left: 28px;
    padding-right: 28px;
    padding-bottom: 55px
  }

  .staking-page .common-banner {
    padding-top: 0;
    padding-left: 0 !important;
    padding-right: 0 !important
  }

  .staking-page .common-banner .banner-inner {
    background: unset
  }

  .staking-page .common-banner .banner-inner .home-banner {
    width: 90%
  }

  .staking-page .support-projects .section-inner .title {
    text-align: center
  }

  .staking-page .support-projects .section-inner .projects .wrapper.swiper-container {
    padding-bottom: 30px
  }

  .staking-page .support-projects .section-inner .projects .project {
    min-width: 100%;
    margin-top: 20px
  }

  .staking-page .support-projects .section-inner .projects .project p {
    font-size: 17px;
    line-height: 26px;
    padding: 0 20px
  }

  .staking-page .cosmos-staking-data .section-inner .title {
    text-align: center
  }

  .staking-page .cosmos-staking-data .section-inner .staking-data {
    flex-flow: row wrap
  }

  .staking-page .cosmos-staking-data .section-inner .staking-data .wrapper .divider-vertical {
    width: 180px;
    height: 1px;
    position: unset;
    top: unset;
    margin: 35px 0;width: 100%;
  }

  .staking-page .cosmos-staking-data .section-inner .staking-data .wrapper div.block {
    padding: 0 !important
  }

  .staking-page .cosmos-staking-data .section-inner .staking-data .wrapper div.block .data-wrapper {
    text-align: center !important
  }

  .staking-page .cosmos-staking-data .section-inner .staking-data .wrapper div.block .data-wrapper .number {
    text-align: center;
    font-size: 21px;
    line-height: 25px
  }

  .staking-page .cosmos-staking-data .section-inner .staking-data .wrapper div.block .data-wrapper .title {
    text-align: center;
    font-size: 15px;
    line-height: 26px;
    margin-top: 4px
  }

  .staking-page .cosmos-staking-data .section-inner .staking-data .wrapper div.block .data-wrapper img {
    width: 210px;
    height: 210px
  }

  .staking-page .sparkpool {
    padding-top: 55px
  }

  .staking-page .sparkpool .wrapper .title {
    margin-bottom: 30px;
    font-size: 17px;
    line-height: 27px
  }

  .staking-page .sparkpool .wrapper .card {
    width: calc(100vw - 56px)
  }

  .staking-page .how-it-works .section-inner .subtitle {
    display: block;
    font-size: 17px;
    text-align: left
  }

  .staking-page .how-it-works .section-inner .steps {
    margin-top: 30px
  }

  .staking-page .how-it-works .section-inner .steps .steps-wrapper {
    display: flex;
    flex-flow: column nowrap
  }

  .staking-page .how-it-works .section-inner .steps .steps-wrapper>div {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    margin: 20px 0
  }

  .staking-page .how-it-works .section-inner .steps .steps-wrapper>div img {
    width: 30px;
    height: 30px
  }

  .staking-page .how-it-works .section-inner .steps .steps-wrapper>div p {
    margin-top: 0;
    margin-left: 30px
  }

  .staking-page .how-it-works .section-inner .steps .steps-wrapper>div p .step-title {
    font-size: 17px;
    line-height: 18px;
    color: #43454f;
    font-weight: 400
  }

  .staking-page .partners {
    border-bottom: 0;
    padding-left: 20px;
    padding-right: 20px
  }

  .staking-page .partners .section-inner .title {
    text-align: center;
    margin-bottom: 30px
  }

  .staking-page .partners .section-inner .list a {
    margin-bottom: 30px
  }
}
.ant-divider-horizontal.ant-divider-with-text-center, .ant-divider-horizontal.ant-divider-with-text-left, .ant-divider-horizontal.ant-divider-with-text-right {
    display: table;
    margin: 16px 0;
    color: rgba(0, 0, 0, .85);
    font-weight: 500;
    font-size: 16px;
    white-space: nowrap;
    text-align: center;
    background: transparent;
}
.ant-divider-horizontal.ant-divider-with-text-center:after, .ant-divider-horizontal.ant-divider-with-text-center:before, .ant-divider-horizontal.ant-divider-with-text-left:after, .ant-divider-horizontal.ant-divider-with-text-left:before, .ant-divider-horizontal.ant-divider-with-text-right:after, .ant-divider-horizontal.ant-divider-with-text-right:before {
    position: relative;
    top: 50%;
    display: table-cell;
    width: 50%;
    border-top: 1px solid #e8e8e8;
    transform: translateY(50%);
    content: "";
}
.ant-divider-inner-text {
    display: inline-block;
    padding: 0 24px;
}

/* 产品新增 */
.detailP .nrBox{
	margin: 0 80px;
}
.detailP .dtlL{width: calc(50% - 40px);}
.detailP .dtlR{width: calc(50% - 40px);}
.detailP .swiper img{display: block;width: 100%;}
.detailP .swiper-button-prev,
.detailP .swiper-button-next{
	display: block;
	width: 50%;
	height: 100%;
	top: 0;
	margin: 0;
	z-index: 2;
}
.detailP .swiper-button-prev{cursor: url(../image/fl.png),auto;}
.detailP .swiper-button-next{cursor: url(../image/fr.png),auto;}
.detailP .swiper-button-prev::after,
.detailP .swiper-button-next::after{display: none;}
.detailP .swiper-button-next.swiper-button-disabled, 
.detailP .swiper-button-prev.swiper-button-disabled{pointer-events:unset;opacity: 1;}
.detailP .swiper-pagination{display: none;}
.detailP .swiper_detail1{margin-top: 8px;}
.detailP .swiper_detail1 .swiper-slide{width: 68px;padding: 4px;position: relative;}
.detailP .swiper_detail1 .swiper-slide::before{
	content: "";
	display: block;width: calc(100% - 8px);height: calc(100% - 8px);
	border: 2px solid #000000;
	position: absolute;left: 2px;top: 2px;
	transition: all 0.3s;
	opacity: 0;
}
.detailP .swiper_detail1 .swiper-slide-thumb-active::before{
	left: 0;top: 0;
	width: calc(100% - 4px);height: calc(100% - 4px);
	opacity:1;
}
.dtlR .titB{
    font-size: 48px;
    font-weight: 700;
}
.dtlR .starB{
	margin-top: 24px;
}
.dtlR .starB svg{
	display: inline-block;
    fill: rgba(250,173,20);
	margin-right: 4px;
}
.dtlR .priceB{
	font-weight: 700;
	font-size: 40px;
	color: #bf9759;
	margin-top: 8px;
	line-height: 1.2;
}
.dtlR .seleB{
	display: flex;justify-content: flex-start;align-items: center;
	margin-top: 40px;
}
.dtlR .seleB .minusBtn,
.dtlR .seleB .plusBtn{
	background: #F8F8F9;
	width: 46px;
	height: 46px;
	border-radius: 23px 0 0 23px;
	color: #282828;
	font-size: 24px;
	font-weight: 100;
	border: 0;
	cursor: pointer;
	padding: 0 0 0 4px;
}
.dtlR .seleB .plusBtn{
	border-radius: 0 23px 23px 0;
	padding: 0 4px 0 0;
}
.dtlR .seleB input{
	display: block;
	background: #F8F8F9;
	width: 46px;
	height: 46px;
	text-align: center;
	color: #282828;
	border: 0;
	font-size: 18px;
}
.dtlR .buybtn{
	display: block;
	width: 285px;
	line-height: 70px;
	background: #12141d;
	border: 1px solid #12141d;
	color: #ffffff;
	font-size: 18px;
	text-align: center;
	transition: all 0.3s;
	border-radius: 70px;
	font-size: 700;
	margin-top: 32px;
}
.dtlR .buybtn:hover{
	background: #ffffff;
	color: #000000;
}
.dtlR .descB{
	font-size: 18px;
	color: #12141D;
	opacity: 0.7;
	padding-top: 25px;
	margin-top: 35px;
	border-top: 1px solid rgba(0, 0, 0, .1);
}
.dtlL .swiper_detail2 .fandaBtn,
.dtlL .swiper_detail2 .guanbiBtn{
	position: absolute;right: 16px;bottom: 16px;
	z-index: 999;
	background: rgb(255, 255, 255);
	border: 1px solid rgb(223, 223, 223);
	width: 36px;height: 36px;border-radius: 50%;
	display: flex;justify-content: center;align-items: center;
	cursor: pointer;
} 
.dtlL .swiper_detail2 .guanbiBtn{
	top: 40px;bottom: unset;right: 40px;
	width: 56px;height: 56px;
	display: none;
}
	.dtlL .swiper_detail2.open{
		position: fixed;left: 0;top: 0;
		width: 100vw;
		z-index: 999;
	}
	.dtlL .swiper_detail2.open .swiper-slide{
		background: #ffffff;
		display: block;height: 100vh;
		display: flex;justify-content: center;align-items: center;
	}
	.dtlL .swiper_detail2.open img{max-width: 700px;}
	.dtlL .swiper_detail2.open .fandaBtn{display: none;}
	.dtlL .swiper_detail2.open .guanbiBtn{display: flex;}
@media(min-width:800px){
	.dtlL .swiper_detail2.open .swiper-button-prev,
	.dtlL .swiper_detail2.open .swiper-button-next{
		top: calc(50% - 28px);
		z-index: 999;
		background: url(../image/fl.png) center center no-repeat rgb(255, 255, 255);
		border: 1px solid rgb(223, 223, 223);
		width: 56px;height: 56px;border-radius: 50%;
		cursor: pointer;
		transform: rotate(90deg);
	}
	.dtlL .swiper_detail2.open .swiper-button-prev{left: 40px;}
	.dtlL .swiper_detail2.open .swiper-button-next{right: 40px;background-image: url(../image/fr.png);}
}
@media(max-width:1490px){
	.detailP .nrBox{margin: 0;}
	.dtlR .titB{font-size: 40px;}
}
@media(max-width:1180px){
	.detailP .dtlL,
	.detailP .dtlR{width: calc(50% - 16px);}
	.dtlR .titB{font-size: 32px;}
	.dtlR .priceB{font-size: 32px;}
	.dtlR .buybtn{width: 160px;line-height: 48px;}
	.dtlR .descB{font-size: 16px;}
}
@media(max-width:800px){
	.detailP .nrBox{display: block;}
	.detailP .dtlL{width: 100%;}
	.detailP .dtlR{width: 100%;margin-top: 16px;}
	.detailP .swiper_detail1{display: none;}
	.detailP .swiper-pagination{
		display: flex;justify-content: center;align-items: center;
		position: relative;left: unset;bottom: unset;
		height: 40px;
		padding: 0 40px;
		display: flex;
	}
	.detailP .swiper-pagination-bullet{width: 6px;height: 6px;}
	.detailP .swiper-pagination-bullet-active{background: rgb(40, 40, 40);}
	.dtlL .swiper_detail2 .swiper-button-prev,
	.dtlL .swiper_detail2 .swiper-button-next{
		position: absolute;bottom: 0;top: unset;
		z-index: 999;
		background: url(../image/fl.png) center center no-repeat rgb(255, 255, 255);
		background-size: 20px;
		width: 40px;height: 40px;
		cursor: pointer;
	}
	.dtlL .swiper_detail2 .swiper-button-prev{left: 0px;}
	.dtlL .swiper_detail2 .swiper-button-next{right: 0px;background-image: url(../image/fr.png);}
	.dtlL .swiper_detail2 .fandaBtn{right: 16px;bottom: 56px;}
	.dtlR .seleB input,
	.dtlR .seleB .minusBtn, .dtlR .seleB .plusBtn{width: calc(100% / 3);}
	.dtlR .buybtn{width: 100%;margin-top: 16px;}
	.dtlL .swiper_detail2.open .guanbiBtn{width: 40px;height: 40px;right: 24px;top: 24px;}
	.dtlL .swiper_detail2.open .swiper-pagination{position: absolute;left: 0;bottom: 0;}
}