#app {
	padding-top: 80px;
}

.comp-title-en {
	font-size: 20px;
	/* /* margin-top: 10px; */ */
	/* color: #575d6c; */
}


.undefined {
	padding: 440px 0 100px;
	text-align: center;
	background-image: url(./404.58dc61c.png);
	background-position: top;
	background-repeat: no-repeat;
	background-size: 50%
}

.undefined-desc {
	margin: 40px 0 25px;
	font-size: 18px;
	font-weight: 500;
	color: #1e2c4d
}

.undefined .btn-border {
	border-color: rgba(71, 83, 109, .8);
	border-width: 1px;
	color: rgba(71, 83, 109, .8);
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .1)
}

@font-face {
	font-family: iconfont;
	src: url("data:application/x-font-woff2;charset=utf-8;base64,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") format("woff2")
}

.iconfont {
	font-family: iconfont !important;
	font-size: inherit;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-video-fill:before {
	content: "\e741"
}

.icon-book:before {
	content: "\e7c8"
}

.icon-arrow-down-filling:before {
	content: "\e688"
}

.icon-next-step:before {
	content: "\e601"
}

.icon-custom-user:before {
	content: "\e632"
}

.icon-wechat:before {
	content: "\e64f"
}

.icon-record:before {
	content: "\e63f"
}

.icon-a-2:before,
.icon-step:before {
	content: "\e640"
}

.icon-paixu1:before {
	content: "\e600"
}

.icon-attention:before {
	content: "\e620"
}

.icon-hulianwang:before {
	content: "\e609"
}

.icon-logo:before {
	content: "\e602"
}

.icon-logo-h:before {
	content: "\e622"
}

.icon-close:before {
	content: "\e70c"
}

.icon-arrow:before {
	content: "\e62a"
}

.icon-kf:before {
	content: "\e662"
}

.icon-gift:before {
	content: "\e603"
}

.icon-appstore:before {
	content: "\e605"
}

.icon-spread:before {
	content: "\e66d"
}

.icon-more:before {
	content: "\e65b"
}

.icon-dianhua:before {
	content: "\e7c7"
}

.icon-youxiang:before {
	content: "\e6bc"
}

.icon-daohang:before {
	content: "\e610"
}

.icon-radio:before {
	content: "\e62c"
}

.icon-radio-o:before {
	content: "\e62d"
}

.icon-yunying:before {
	content: "\e62e"
}

.icon-crown:before {
	content: "\e617"
}

.icon-shuju:before {
	content: "\e696"
}

.icon-users:before {
	content: "\e611"
}



html {
	box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
	touch-action: manipulation
}

* {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-tap-highlight-color: transparent
}

*,
:after,
:before {
	box-sizing: inherit
}

article,
figcaption,
figure,
footer,
header,
nav,
section {
	display: block
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
table {
	margin: 0;
	font-weight: 400
}

b,
strong {
	font-weight: bolder
}

em,
i {
	font-style: normal
}

a {
	text-decoration: none;
	color: inherit
}

a:focus {
	outline: 0
}

button,
fieldset,
input,
textarea {
	border: 0;
	padding: 0;
	margin: 0;
	min-width: 0;
	font-family: inherit;
	color: inherit;
	outline: 0
}

input {
	-webkit-appearance: none
}

input[disabled],
input[readonly] {
	background-color: #f0f0f0
}

input:focus,
textarea:focus {
	outline: 0
}

textarea {
	overflow: auto;
	resize: none
}

svg {
	display: inline-flex
}

img {
	max-width: 100%;
	display: block;
	border-style: none
}

figure {
	position: relative;
	margin: 0;
	overflow: hidden
}

figure:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

figure img {
	display: inline-block;
	width:100%;
	/* width: 100% */
}

figure.collapse:after {
	display: none
}

sub,
sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline
}

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

dd {
	margin-left: 0
}

table {
	border-spacing: 0;
	border-collapse: collapse
}

th {
	text-align: inherit
}

hr {
	margin-top: 10px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid #eee
}

body {
	font-family: PingFang SC, Lantinghei SC, Helvetica Neue, Helvetica\,Arial, Microsoft YaHei, 微软雅黑, STHeitiSC-Light, simsun, 宋体, WenQuanYi Zen Hei, WenQuanYi Micro Hei, "sans-serif";
	font-size: 14px;
	line-height: 1.5;
	color: #002652;
	background-color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
	overflow-y:hidden;
}

.copy,
input[type],
textarea {
	-webkit-user-select: text
}

.small,
small {
	font-size: 80%;
	font-weight: 400
}

.text-center {
	text-align: center
}

.text-right {
	text-align: right
}

.list-unstyled {
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 0;
	list-style: none
}

.scroll {
	-webkit-overflow-scrolling: touch
}

.round {
	border-radius: 50%;
	overflow: hidden
}

.banner-bottom {
	position: relative;
	height: 160px;
	margin-top: -50px
}

.banner-bottom svg {
	position: absolute;
	bottom: 0
}

@media (max-width:768px) {
	.banner-bottom {
		height: 110px
	}
}

.desc {
	line-height: 24px;
	letter-spacing: 1px;
	text-align: justify;
	color: rgba(0, 38, 83, .6);
	text-align: inherit
}

.desc a {
	color: var(--theme-main-color);
	border-bottom: 1px solid var(--theme-main-color)
}

.kf-support-btn {
	position: fixed;
	right: 50px;
	bottom: 50px;
	cursor: pointer;
	overflow: visible;
	transition: all .2s ease-out;
	z-index: 10;
	width: 56px;
	height: 56px;
	line-height: 54px;
	text-align: center;
	border-radius: 100%;
	color: #fff;
	border: 1px solid rgba(0, 0, 0, .05);
	transform-origin: center bottom;
	background-image:url(./service-icon.png);
	    background-size: 100% 100%;
	    background-repeat: no-repeat;
	/* background: var(--theme-main-color); */
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .08), 0 4px 6px 0 rgba(0, 0, 0, .1)
}

.kf-support-btn:before {
	/* content: "\e662";
	font-family: iconfont !important;
	font-size: 24px;
	display: inline-block;
	vertical-align: middle;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .15) */
}

.kf-support-btn:hover {
	transform: scale(1.05)
}

.nuxt-progress {
	display: none;
	background-color: var(--theme-main-color)
}

html {
	overflow: auto
}

body {
	min-width: 1000px
}

.page-container {
	width: 80%;
	max-width: 1440px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 15px;
	padding-left: 15px
}

@media (max-width:768px) {
	body {
		min-width: auto !important
	}

	#app {
		padding-top: 60px;
	}

	.page-container {
		width: 100%
	}
}

.btn-area {
	margin-left: auto;
	margin-right: auto;
	text-align: center
}

.btn-lg,
.btn-md,
.btn-sm {
	position: relative;
	display: inline-block;
	text-align: center;
	color: #fff;
	line-height: 1;
	background-color: var(--theme-main-color);
	border-radius: 100px;
	box-shadow: 10px 10px 0 rgba(21, 61, 119, .1);
	transition: all .2s ease-in-out;
	cursor: pointer
}

.btn-lg:active,
.btn-md:active,
.btn-sm:active {
	top: 3px;
	box-shadow: inset 5px 5px 0 rgba(21, 61, 119, .08);
	opacity: .95
}

.btn-lg:hover,
.btn-md:hover,
.btn-sm:hover {
	transform: scale(1.02)
}

.btn-sm {
	padding: .429em 1.114em;
	letter-spacing: .4px
}

.btn-md,
.btn-sm {
	font-size: 14px;
	border: 1px solid transparent
}

.btn-md {
	padding: .858em 2.7em
}

.btn-lg,
.btn-md {
	font-weight: 500;
	letter-spacing: 1.1px
}

.btn-lg {
	padding: 1em 2em;
	font-size: 18px
}

.btn-border {
	background-color: transparent;
	border-style: solid;
	/* border-color: var(--theme-main-color);
	color: var(--theme-main-color); */
	border-color: #fff;
	color: #fff;
	box-shadow: none
}

.btn-border.btn-sm {
	border-width: 1px
}

.btn-border.btn-lg,
.btn-border.btn-md {
	border-width: 1.2px
}

.btn-virtual {
	background-color: #88bfff
}

.btn.disabled,
.btn[disabled] {
	opacity: .6;
	cursor: not-allowed
}

.btn.disabled:active,
.btn[disabled]:active {
	box-shadow: none;
	opacity: .6
}

.btn.disabled:hover,
.btn[disabled]:hover {
	transform: scale(1)
}

.arrow-bottom,
.arrow-left,
.arrow-right {
	position: relative
}

.arrow-bottom:after,
.arrow-left:after,
.arrow-right:after {
	position: absolute;
	right: 2px;
	top: 50%;
	content: "";
	display: block;
	transform: translateY(-50%) rotate(45deg);
	border-top: 1px solid #1e2c4d;
	border-right: 1px solid #1e2c4d;
	transition: all .2s ease
}

.arrow-bottom,
.arrow-left,
.arrow-right {
	padding-right: 14px
}

.arrow-bottom:after,
.arrow-left:after,
.arrow-right:after {
	width: 6px;
	height: 6px
}

.arrow-right {
	padding-left: 14px;
	padding-right: 0
}

.arrow-right:after {
	left: 2px;
	right: auto;
	top: 50%;
	transform: translateY(-50%) rotate(-135deg)
}

.arrow-bottom.arrow-md,
.arrow-left.arrow-md {
	padding-right: 18px
}

.arrow-bottom.arrow-md:after,
.arrow-left.arrow-md:after {
	width: 8px;
	height: 8px;
	border-color: #1e2c4d;
	opacity: .55
}

.arrow-bottom.arrow-lg,
.arrow-left.arrow-lg {
	padding-right: 20px
}

.arrow-bottom.arrow-lg:after,
.arrow-left.arrow-lg:after {
	width: 9px;
	height: 9px;
	border-color: #1e2c4d;
	border-width: 1px
}

.arrow-bottom:after,
.arrow-left.active:after {
	transform: translateY(-78%) rotate(135deg)
}

.arrow-bottom.active:after {
	transform: translateY(-25%) rotate(-45deg)
}

.container,
.container_sm {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-right: 15px;
	padding-left: 15px
}

@media (min-width:576px) {

	.container,
	.container_sm {
		max-width: 540px
	}
}

@media (min-width:768px) {

	.container,
	.container_sm {
		max-width: 720px
	}
}

@media (min-width:992px) {

	.container,
	.container_sm {
		max-width: 960px
	}
}

@media (min-width:1200px) {
	.container {
		max-width: 1140px
	}

	.container_sm {
		max-width: 1000px
	}
}

@media (min-width:1400px) {
	.container {
		max-width: 1216px
	}

	.container_sm {
		max-width: 1100px
	}
}

.row,
.row_w {
	display: flex;
	flex-wrap: wrap
}

.row {
	margin-right: -15px;
	margin-left: -15px
}

@media (max-width:768px) {
	.row {
		flex-direction: column
	}
}

.no-gutters {
	margin-right: 0;
	margin-left: 0
}

.no-gutters .col,
.no-gutters [class*=col-] {
	padding-right: 0;
	padding-left: 0
}

.col {
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%
}

.col,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col-auto {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	flex: auto
}

.col-center {
	display: flex;
	align-items: center
}

.col-auto {
	flex: 0 0 auto;
	width: auto;
	max-width: none
}

@media (min-width:769px) {
	.col-1 {
		flex: 0 0 8.33333333%;
		max-width: 8.33333333%
	}

	.offset-1 {
		margin-left: 8.33333333%
	}

	.col-2 {
		flex: 0 0 16.66666667%;
		max-width: 16.66666667%
	}

	.offset-2 {
		margin-left: 16.66666667%
	}

	.col-3 {
		flex: 0 0 25%;
		max-width: 25%
	}

	.offset-3 {
		margin-left: 25%
	}

	.col-4 {
		flex: 0 0 33.33333333%;
		max-width: 33.33333333%
	}

	.offset-4 {
		margin-left: 33.33333333%
	}

	.col-5 {
		flex: 0 0 41.66666667%;
		max-width: 41.66666667%
	}

	.offset-5 {
		margin-left: 41.66666667%
	}

	.col-6 {
		flex: 0 0 50%;
		max-width: 50%
	}

	.offset-6 {
		margin-left: 50%
	}

	.col-7 {
		flex: 0 0 58.33333333%;
		max-width: 58.33333333%
	}

	.offset-7 {
		margin-left: 58.33333333%
	}

	.col-8 {
		flex: 0 0 66.66666667%;
		max-width: 66.66666667%
	}

	.offset-8 {
		margin-left: 66.66666667%
	}

	.col-9 {
		flex: 0 0 75%;
		max-width: 75%
	}

	.offset-9 {
		margin-left: 75%
	}

	.col-10 {
		flex: 0 0 83.33333333%;
		max-width: 83.33333333%
	}

	.offset-10 {
		margin-left: 83.33333333%
	}

	.col-11 {
		flex: 0 0 91.66666667%;
		max-width: 91.66666667%
	}

	.offset-11 {
		margin-left: 91.66666667%
	}

	.col-12 {
		flex: 0 0 100%;
		max-width: 100%
	}

	.offset-12 {
		margin-left: 100%
	}
}

@media (max-width:768px) {
	.order-1 {
		order: 1
	}

	.order-2 {
		order: 2
	}

	.order-3 {
		order: 3
	}

	.order-4 {
		order: 4
	}

	.order-5 {
		order: 5
	}

	.order-6 {
		order: 6
	}

	.order-7 {
		order: 7
	}

	.order-8 {
		order: 8
	}

	.order-9 {
		order: 9
	}

	.order-10 {
		order: 10
	}

	.order-11 {
		order: 11
	}

	.order-12 {
		order: 12
	}

	.container {
		padding-right: 30px;
		padding-left: 30px
	}

	.row {
		margin-right: -30px;
		margin-left: -30px
	}

	.col,
	.col-1,
	.col-2,
	.col-3,
	.col-4,
	.col-5,
	.col-6,
	.col-7,
	.col-8,
	.col-9,
	.col-10,
	.col-11,
	.col-12,
	.col-auto {
		padding-right: 30px;
		padding-left: 30px
	}
}

.drop-group .drop {
	display: inline-block;
	vertical-align: middle
}

.table {
	width: 100%;
	max-width: 100%;
	margin-top: 80px;
	margin-bottom: 80px;
	background-color: transparent
}

.table td,
.table th {
	padding: 16px 38px;
	line-height: 1.25;
	vertical-align: middle;
	border-bottom: .8px solid rgba(0, 0, 0, .03);
	white-space: nowrap
}

.table td.table-vanish,
.table th.table-vanish {
	width: 52px;
	border-bottom-color: transparent
}

.table-primary,
.table-primary>td,
.table-primary>th,
.table thead {
	background-color: #f7faff
}

.table-primary.table-vanish,
.table-primary>td.table-vanish,
.table-primary>th.table-vanish {
	border-bottom: .8px solid rgba(0, 0, 0, .03)
}

.table-hover .table-primary:hover {
	background-color: #f7faff
}

.table tr:last-of-type td {
	border-bottom: .8px solid rgba(0, 0, 0, .06)
}

.table-wrap td,
.table-wrap th {
	white-space: inherit
}

@media (max-width:991px) {
	.table {
		table-layout: fixed
	}

	.table td,
	.table th {
		white-space: inherit;
		padding: 14px
	}

	.table td.table-vanish,
	.table td.table-vanish_border,
	.table th.table-vanish,
	.table th.table-vanish_border {
		display: none
	}
}

.content-title {
	/* margin-top: 80px;
	margin-bottom: 40px */
}

.content-article {
	font-size: 14px;
	line-height: 2.14;

	letter-spacing: .7px;
	padding: 0 24px;
}

.content-article h3 {
	margin-top: 20px;
	margin-bottom: 5px;
	font-weight: 500;
	color: #3c465d;
	font-size: 14px
}

.content-page {
	margin: 40px 0 80px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 14px;
	font-weight: 500;
	color: var(--theme-main-color)
}

.content .arrow-left:after,
.content .arrow-right:after {
	border-color: var(--theme-main-color)
}

.scrollbar::-webkit-scrollbar {
	width: 5px;
	height: 5px;
	background-color: #fafafa
}

.scrollbar::-webkit-scrollbar-track {
	box-shadow: inset 0 0 6px rgba(0, 0, 0, .15);
	border-radius: 10px;
	background-color: #fafafa
}

.scrollbar::-webkit-scrollbar-thumb {
	width: 5px;
	height: 5px;
	border-radius: 10px;
	box-shadow: inset 0 0 6px rgba(0, 0, 0, .15);
	background-color: #c1c1c1
}

.tooltip {
	background: rgba(238, 244, 255, .55);
	max-width: 260px;
	padding: 8px 10px;
	font-size: 12px;
	line-height: 1.5;
	box-shadow: 0 0 16px 0 rgba(0, 0, 0, .12);
	border-radius: 5px
}

.tooltip-arrow {
	width: 0;
	height: 0;
	border-style: solid;
	position: absolute;
	margin: 5px
}

.tooltip,
.tooltip-arrow {
	z-index: 1000000;
	pointer-events: none
}

.tooltip[x-placement^=bottom] {
	margin-top: 8px
}

.tooltip[x-placement^=bottom] .tooltip-arrow {
	border-width: 0 5px 5px;
	border-color: transparent transparent rgba(238, 244, 255, .55);
	top: -5px;
	left: calc(50% - 5px);
	margin-top: 0;
	margin-bottom: 0
}

.tooltip[x-placement^=top] {
	margin-bottom: 8px
}

.tooltip[x-placement^=top] .tooltip-arrow {
	border-width: 5px 5px 0;
	border-color: rgba(238, 244, 255, .55) transparent transparent;
	bottom: -5px;
	left: calc(50% - 5px);
	margin-top: 0;
	margin-bottom: 0
}

.tooltip[x-placement^=right] {
	margin-left: 8px
}

.tooltip[x-placement^=right] .tooltip-arrow {
	border-width: 5px 5px 5px 0;
	border-color: transparent rgba(238, 244, 255, .55) transparent transparent;
	left: -5px;
	top: calc(50% - 5px);
	margin-left: 0;
	margin-right: 0
}

.tooltip[x-placement^=left] {
	margin-right: 8px
}

.tooltip[x-placement^=left] .tooltip-arrow {
	border-width: 5px 0 5px 5px;
	border-color: transparent transparent transparent rgba(238, 244, 255, .55);
	right: -5px;
	top: calc(50% - 5px);
	margin-left: 0;
	margin-right: 0
}

.kf5-chatSupport-style1,
.kf5-chatSupport-style2,
.kf5-chatSupport-style3,
.kf5-chatSupport-style4,
.kf5-supportBox {
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .08), 0 4px 6px 0 rgba(0, 0, 0, .1) !important
}

.switch {
	position: relative;
	width: 43.9px;
	height: 22px;
	border: 1px solid #dfdfdf;
	border-radius: 1em;
	background-color: #dfdfdf;
	transition: background-color .1s, border .1s;
	cursor: pointer
}

.switch:before {
	top: 0;
	width: 43.88px;
	height: 21.97px;
	background-color: #fdfdfd;
	transition: transform .35s cubic-bezier(.45, 1, .4, 1)
}

.switch:after,
.switch:before {
	content: " ";
	position: absolute;
	left: 0;
	border-radius: 1em
}

.switch:after {
	top: -1px;
	width: 21.98px;
	height: 21.98px;
	background-color: #fff;
	box-shadow: 0 .03rem .1em rgba(0, 0, 0, .4);
	transition: transform .35s cubic-bezier(.4, .4, .25, 1.35)
}

.switch:checked {
	border-color: 22px;
	background-color: 22px
}

.switch:checked:before {
	transform: scale(0)
}

.switch:checked:after {
	transform: translateX(21.91px)
}

input:focus,
select:focus,
textarea:focus {
	outline: 0
}

::-webkit-input-placeholder {
	color: rgba(0, 0, 0, .3)
}

.form-control {
	display: block;
	padding: 10px 20px;
	width: 100%;
	height: 40px;
	font-size: 14px;
	color: #495057;
	line-height: 1;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #d0d0d0;
	transition: all .2s;
	border-radius: 5px;
	outline: 0
}

.form-control.disabled,
.form-control[disabled] {
	background-color: #f0f0f0;
	color: #343434;
	word-wrap: break-word;
	word-break: normal
}

textarea.form-control {
	line-height: 1.47058824;
	height: 82px
}

select.form-control {
	vertical-align: middle;
	background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAFS0lEQVR4Xu2csasdRRTGzyHxpU3zkJ2phdTpUqWJjVVARAgmBkQxIaCFomijRdRCRZAYUBFUQkATSEAMio1/gJWV9jv3vdpCEO6bsJKLi3m5Z2Z3796Zc77XntmZ+b7vt2eGfY/HhB/TDrBp9RBPAMA4BAAAABh3wLh8dAAAYNwB4/LRAQCAcQeMy0cHAADGHTAuHx0AABh3wLh8dAAAYNwB4/LRAQCAcQeMy0cHAADGHTAuHx0AABh3wLh8dAAAYNwB4/LRAQCAcQeMy0cHAADGHTAuHx0AABh3wLh8dAAAYNwB4/LRAQCAcQeMy0cHAADGHTAuf3AH2Nvbe3a5XJ4jol+8958a93Er8kMIT8cYLzDzr865j4dsYhAAIYSrRPRWb8FvnHPPD9kAnhnmQNu2bzDzB72nbznnnsmdLRuAEMJnRHTpkIVuNE1znplj7iYwPs+BQ8JfTXCvaZqzzPxP6oxZAIQQupZ/Y83kgCDV+YHj1oS/mvE959zbqdNnAdC27Z/M/IQw+bfOuQupG8C4dAdCCG8S0fvrnogx/r2zs/P47u7uXykzZwEQQviOiFLOGXSCFPczxiS8+f/OFmP8w3t/InXqLADatj3JzL8lTv61c+5i4lgMW+NAypu/ejzGeM57fzPV0CwAuklDCGeJ6BYRHUlYBJ0gwaR1Q1Lf/Adv/4fe+9dzlswGABDk2Dtu7KbD73Y3CABAMC7YlKdDCK8Q0ScpY2OM2W/+at7BAACClGiGjZkr/FEdYCUNd4JhIT/qqTnDnwQAdILpAJg7/MkAAATjIcgJn5nfaZrm3fGrjrgEHrY4joNhkWSG/1rTNB8NW+nhp0ZdAqeAwDn33FRiapxnm+FPegT0zc/pBDHGr7z3L9QY3tg9bzv8jQGQeyewCEEJ4W8UAEDw6P5QSvgbBwAQPAxBSeHPAgAg+A+C0sKfDYAeBN8T0VHp8qTxTlBi+LMC0C22WCyeijHetQZBqeHPDoBFCEoOfysAWIKg9PC3BoAFCGoIf6sAaIaglvC3DoBGCGoKvwgANEFQW/jFAKABghrDLwqAmiHIDP9K0zTXpI9hc9Un/3uAsRuv7WNRzeEX1wFW8NQCQe3hFwtADcdBCOFlIrqe0vGYuai2399zcUdAf3M5naALwzl3OSWQsWO0hF90BxhyHMwBgabwqwAg9zjYJATawq8GgBIg0Bh+VQD0ILhDRI8lnOOT3Qm0hl8dAN2G27Y9w8w/zgWB5vCrBGBOCLSHXy0Ac0BgIfyqAdgkBFbCrx6ATUBgKXwVAEwJgbXw1QAwBQQWw1cFwBgIrIavDoAHEDzJzD8nfCjqhlxn5t9jjN0/wE75eck590XKwFrGFP3bwKEmZn4sSlomxvii9/7LpMEVDVIJwIDjYG1kWsNXeQT0k5yiE2gOXz0AYzuB9vBNADAUAgvhmwEgFwIr4ZsCIBUCS+GbA2AFARH9wMzH/n/1txa+SQA60YvF4vTBwcFPfQgshm8WgE74/v7+qeVy+XmM8Tgzv+qcu13R95vJtqr2Q9BkDimfCAAoD1iSBwAkh5TXAYDygCV5AEBySHkdACgPWJIHACSHlNcBgPKAJXkAQHJIeR0AKA9YkgcAJIeU1wGA8oAleQBAckh5HQAoD1iSBwAkh5TXAYDygCV5AEBySHkdACgPWJIHACSHlNcBgPKAJXkAQHJIeR0AKA9YkgcAJIeU1wGA8oAleQBAckh5HQAoD1iSBwAkh5TXAYDygCV5AEBySHkdACgPWJIHACSHlNcBgPKAJXkAQHJIeR0AKA9YkgcAJIeU1+8DiPvNnzdp0C4AAAAASUVORK5CYII=") no-repeat right 15px center;
	background-clip: padding-box;
	background-size: 3.5%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	height: 40px
}

.ant-message {
	z-index: 2001 !important
}

/* 
.app-banner {
	position: relative;
	background-color: #ffeedb
}

.app-banner .banner-close {
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	color: #fa8c16;
	font-size: 18px;
	cursor: pointer
}

.app-banner .banner-bg {
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .5)
}

.app-banner div {
	padding: 15px 20px
}

.app-banner div a,
.app-banner div p {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fa8c16;
	text-align: center;
	font-size: 14px;
	font-weight: 400
}

.app-banner div br {
	display: none
}

.app-banner.size {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .2);
	z-index: 9000
}

.app-banner.size .banner-close {
	top: 20px
}

.app-banner.size div {
	position: absolute;
	top: 40%;
	left: 50%;
	width: 83%;
	max-width: 300px;
	background-color: #ffeedb;
	transform: translate(-50%, -50%)
}

.app-banner.size div a,
.app-banner.size div p {
	padding: 20px 0;
	line-height: 1.7;
	font-size: 18px;
	flex-direction: column
}

.app-banner.size div a .btn,
.app-banner.size div p .btn {
	margin-top: 16px;
	font-size: 14px;
	padding: 8px 20px
} */

@-webkit-keyframes tada {
	0% {
		transform: scale(1)
	}

	10%,
	20% {
		transform: scale(.9) rotate(-2deg)
	}

	30%,
	50%,
	70%,
	90% {
		transform: scale(1.1) rotate(2deg)
	}

	40%,
	60%,
	80% {
		transform: scale(1.1) rotate(-2deg)
	}

	to {
		transform: scale(1) rotate(0)
	}
}

@keyframes tada {
	0% {
		transform: scale(1)
	}

	10%,
	20% {
		transform: scale(.9) rotate(-2deg)
	}

	30%,
	50%,
	70%,
	90% {
		transform: scale(1.1) rotate(2deg)
	}

	40%,
	60%,
	80% {
		transform: scale(1.1) rotate(-2deg)
	}

	to {
		transform: scale(1) rotate(0)
	}
}

.drop-menu {
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 100%;
	max-height: 480px;
	overflow-y: auto;
	z-index: 100;
	background-color: #fff;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .15);
	border-radius: 4px;

}

.drop-menu ul {
	padding: 16px 0;
	margin: 2px 0 0;
	list-style: none;
	background-color: #fff
}

.drop-menu a {
	display: block;
	padding: 4px 24px !important;
	font-size: 14px;
	line-height: 1.29;
	color: #002652 !important;
}

.drop-menu a:hover {
	color: #0795ff !important;
}


.drop-menu a.active,
.drop-menu a.NuxtLink-active,
.drop-menu a:hover {
	background-color: #ffffff;
}

.drop-menu .no-open {
	cursor: pointer
}

.drop-menu-enter-active {
	transition: .3s;
	opacity: 1
}

.drop-menu-enter {
	opacity: 0
}

.nav-item {

	position: relative;
	margin: 0 5px;
	/* background-color: ; */
	display: flex;
	align-items: center;
	justify-content: flex-start
}

.nav-item a,
.nav-item a:hover {
	position: relative;
	display: block;
	padding: 0 15px;
	line-height: 2;
	font-size: 14px;
	letter-spacing: .4px;
	color: #ffffff;
	white-space: nowrap;
	z-index: 110
}

.nav-item a.active,
.nav-item a.NuxtLink-active {
	color: var(--theme-main-color);
}

.nav-item a.arrow-left.active:after {
	border-color: var(--theme-main-color)
}

.nav-item a.has-child {
	padding-right: 5px
}

.nav-item:hover .drop-menu {
	display: block !important;
	animation: all 3s;
}

.nav-item:hover>a {
	color: #fff;
}

.nav-item:hover>a.arrow-left:after {
	transform: translateY(-78%) rotate(135deg);
	border-color: var(--theme-main-color)
}

.nav-item ul a:hover {
	color: var(--theme-main-color)
}

@media (max-width:768px) {
	.nav-item {
		margin: 0 15px;
		display: block;
	}

	.nav-item i {
		position: absolute;
		right: 0;
		top: 50%;
	}

	.nav-item:hover a {
		color: #1e2c4d
	}

	.drop-menu {
		max-height: inherit !important;
		display: block !important;
		position: relative;
	}

	.nav-item a,
	.nav-item a:hover {
		line-height: 3.2;
		text-align: center;
		border-bottom: .5px solid #f2f2f2;
		color: #1e2c4d !important;

	}

	.nav-item a.active,
	.nav-item a.NuxtLink-active {
		color: var(--theme-main-color)
	}

	.nav-item_ul .nav-item {
		margin: 0
	}

	.nav-item .nav-sub-link {
		text-align: left
	}

	.mobile-nav .nav-item {
		opacity: 0;
		transform: translate3d(0, -100%, 0);
		-webkit-animation-duration: .5s;
		animation-duration: .5s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: returnToNormal;
		animation-name: returnToNormal
	}

	.mobile-nav .nav-item:first-child {
		-webkit-animation-duration: .7s;
		animation-duration: .7s
	}

	.mobile-nav .nav-item:nth-child(2) {
		-webkit-animation-duration: .8s;
		animation-duration: .8s
	}

	.mobile-nav .nav-item:nth-child(4) {
		-webkit-animation-duration: 1.1s;
		animation-duration: 1.1s
	}

	.mobile-nav .nav-item_ul .nav-item {
		margin: 0
	}

	.mobile-nav .nav-item_ul .nav-item .nav-item:first-child {
		-webkit-animation-duration: .9s;
		animation-duration: .9s
	}

	.mobile-nav .nav-item_ul .nav-item .nav-item:nth-child(2) {
		-webkit-animation-duration: 1s;
		animation-duration: 1s
	}

	.mobile-nav .nav-item_ul .nav-item .nav-item:nth-child(3) {
		-webkit-animation-duration: 1.1s;
		animation-duration: 1.1s
	}



}

@-webkit-keyframes returnToNormal {
	0% {
		opacity: 0;
		transform: translate3d(0, -100%, 0)
	}

	to {
		opacity: 1;
		transform: translateZ(0)
	}
}

@keyframes returnToNormal {
	0% {
		opacity: 0;
		transform: translate3d(0, -100%, 0)
	}

	to {
		opacity: 1;
		transform: translateZ(0)
	}
}

.nav-list {
	display: flex;
	align-items: center
}

.nav-item:last-of-type {
	display: none
}

@media (max-width:768px) {
	.nav-list {
		display: block;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		padding: 10px 20px 30px;
		background-color: #fff;
		box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .06);
		transition: all .5s;
		transform: translateY(-150%);
		opacity: .2;
		z-index: 10
	}

	.nav-list.mobile-nav {
		opacity: 1;
		transform: translateY(0);
		height: calc(100vh - 60px);
		overflow: auto
	}

	.nav-item:last-of-type {
		display: block
	}
}

.header-tool {
	display: flex;
	align-items: center
}

.header-tool .btn-sm {
	white-space: nowrap
}

.header-menu {
	display: none
}

.language {
	position: relative;
	margin-right: 25px
}

.language-box {
	position: relative;
	display: block;
	text-align: center;
	min-width: 86px;
	padding: 0 15px;
	line-height: 2;
	background-color: #fff;
	white-space: nowrap;
	cursor: pointer;
	z-index: 110
}

.language-box .iconfont {
	font-size: 98%;
	margin-right: 5px
}

@media (max-width:768px) {
	.header {
		position: fixed;
		width: 100%;
	}

	.header-tool .btn-sm {
		display: none
	}

	.header-menu {
		position: relative;
		display: block;
		width: 28px;
		height: 28px;
		cursor: pointer;
		transition: all .5s
	}

	/* .header-menu:hover {
		background-color: hsla(0, 0%, 100%, .2)
	} */

	.header-menu span {
		position: absolute;
		left: calc(50% - 14px);
		top: calc(50% - .5px);
		width: 28px;
		height: 1px;
		background-color: #fff
	}

	.header-menu span:first-child {
		transform: translateY(0) rotate(0deg);
		-webkit-animation: outfirst .5s both;
		animation: outfirst .5s both
	}

	.header-menu span:nth-child(2) {
		transform: translateY(0) rotate(0deg);
		-webkit-animation: outsecond .4s both;
		animation: outsecond .4s both
	}

	.header-menu span:nth-child(3) {
		transform: translateY(0) rotate(0deg);
		-webkit-animation: outthird .5s both;
		animation: outthird .5s both
	}

	.header-menu.active span:first-child {
		-webkit-animation: clickfirst .5s both;
		animation: clickfirst .5s both
	}

	.header-menu.active span:nth-child(2) {
		-webkit-animation: clicksecond .5s both;
		animation: clicksecond .5s both
	}

	.header-menu.active span:nth-child(3) {
		-webkit-animation: clickthird .5s both;
		animation: clickthird .5s both
	}
}

@-webkit-keyframes clickfirst {
	0% {
		transform: translateY(8px) rotate(0deg)
	}

	to {
		transform: translateY(0) rotate(45deg)
	}
}

@keyframes clickfirst {
	0% {
		transform: translateY(8px) rotate(0deg)
	}

	to {
		transform: translateY(0) rotate(45deg)
	}
}

@-webkit-keyframes clicksecond {
	0% {
		opacity: 1;
		transform: scale(1)
	}

	to {
		opacity: 0;
		transform: scale(.1)
	}
}

@keyframes clicksecond {
	0% {
		opacity: 1;
		transform: scale(1)
	}

	to {
		opacity: 0;
		transform: scale(.1)
	}
}

@-webkit-keyframes clickthird {
	0% {
		transform: translateY(-8px) rotate(0deg)
	}

	to {
		transform: translateY(0) rotate(-45deg)
	}
}

@keyframes clickthird {
	0% {
		transform: translateY(-8px) rotate(0deg)
	}

	to {
		transform: translateY(0) rotate(-45deg)
	}
}

@-webkit-keyframes outfirst {
	0% {
		transform: translateY(0) rotate(-45deg)
	}

	to {
		transform: translateY(-8px) rotate(0deg)
	}
}

@keyframes outfirst {
	0% {
		transform: translateY(0) rotate(-45deg)
	}

	to {
		transform: translateY(-8px) rotate(0deg)
	}
}

@-webkit-keyframes outsecond {
	0% {
		opacity: 0;
		transform: scale(.1)
	}

	to {
		opacity: 1;
		transform: scale(1)
	}
}

@keyframes outsecond {
	0% {
		opacity: 0;
		transform: scale(.1)
	}

	to {
		opacity: 1;
		transform: scale(1)
	}
}

@-webkit-keyframes outthird {
	0% {
		transform: translateY(0) rotate(45deg)
	}

	to {
		transform: translateY(10px) rotate(0deg)
	}
}

@keyframes outthird {
	0% {
		transform: translateY(0) rotate(45deg)
	}

	to {
		transform: translateY(10px) rotate(0deg)
	}
}

.header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background-color: #0795ff;
	transition: all .15s .05s;
	z-index: 2000;

}

.header-bg {
	background-color: #0795ff;
}

.header-main {
	padding: 26px 92px 26px 82px;
	height: 80px
}

.header-box,
.header-main {
	display: flex;
	align-items: center
}

.header.fixed {
	opacity: 9;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .05);
	background-color: var(--theme-main-color);
}

.header-logo {
	font-size: 30px;
	color: var(--theme-main-color);
	/*   display: inline-block;
	    align-items: center; */
	min-width: 230px;
	display: block;


}

.header-logo img {
	width: 60px;
	float: left;
}

.logo-name {
	display: grid;
	text-align: center;
	margin: 4.5px auto;
}

.header-title {
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 0px;
	box-shadow: 0 1px 0 rgb(255 255 255 / 10%);
	padding-bottom: 0px;
	margin-bottom: 3px;
	letter-spacing: 5px;
	margin-left: 5px;
}

.header-detail {
	color: rgba(255, 255, 255, .8);
	font-size: 12px;
	letter-spacing: 8px;
	margin-left: 10px;

}

@media (min-width:769px) {
	.header-box {
		width: auto;
		flex: 1;
		margin-left: 40px;
		justify-content: space-between
	}
}

@media (max-width:768px) {
	.header-main {
		/* padding: 16px 20px; */
		padding: 16px 20px 16px 4px;
		height: 60px;
		justify-content: space-between
	}

	.header-box-bg {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		top: 30%
	}

	.header.fixed {
		opacity: 1
	}
}

.footer {
	width: 100%;
	padding-top: 40px;
	/* background-color: #1a2848; */
	background-color: rgb(51, 63, 80);
	/*border-top: 5px solid var(--theme-main-color)*/
}

.footer.en {
	padding-top: 0;
	border-top: 0
}

.footer.en .flex-block {
	display: none
}

.footer.en .copyright {
	border-top: 0
}

.footer .flex-block {
	display: flex;
	align-items: flex-start;
	flex-wrap: nowrap;
	justify-content: space-between;
	padding-left: 32px;
}

.footer .flex-block .title {
	font-size: 14px;
	color: #fff;
	height: 30px;
	line-height: 30px;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.footer .flex-block .title .arrow-left {
	display: block
}


.footer .flex-block .block-1 {
	width: 16.6%
}

.footer .flex-block .block-1 .list-wrap {
	margin: 25px 0
}

.footer .flex-block .block-1 .list-wrap .list-item {
	cursor: pointer;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 16px
}

.footer .flex-block .block-1 .list-wrap .list-item .icon {
	width: 24px;
	height: 24px;
	margin-right: 14px
}

.footer .flex-block .block-1 .list-wrap .list-item .name {
	color: rgba(255, 255, 255, .35);
}

.footer .flex-block .block-1 .list-wrap .list-item .name:hover {
	color: #d1d4da
}

.footer .flex-block .block-2 {
	width: 16.6%
}

.footer .flex-block .block-2 .list-wrap {
	margin-top: 25px
}

.footer .flex-block .block-2 .list-wrap .list-link {
	display: block;
	line-height: 20px;
	margin-bottom: 16px;
	color: rgba(255, 255, 255, .35)
}

.footer .flex-block .block-2 .list-wrap .list-link:hover {
	color: #d1d4da
}

.footer .flex-block .block-3 {
	width: 25%;
}

.footer .flex-block .block-3 .list-wrap {
	margin-top: 9px;
}


.footer .flex-block .block-3 .list-item:nth-child(2) {
	margin-top: 30px;
}

.footer .flex-block .block-3 .consult-title {
	margin-bottom: 10px;
	display: flex;
	align-items: center;
}

.footer .flex-block .block-3 .consult-title h4 {
	font-size: 18px;
	font-weight: 600;
	/* color:#fff; */
	color: rgba(255, 255, 255, .5);
	margin-left: 16px;
}

.footer .flex-block .block-3 .consult-title img {
	width: 34px;
}

.footer .flex-block .block-3 .consult-text {
	font-size: 14px;
	color: rgba(255, 255, 255, 1);

}

.footer .flex-block .block-3 .consult-text span {
	/*font-weight: 600;
	color:rgba(255,255,255,.5);*/
}

/* 
.footer .flex-block .block-3 .list-wrap {
	margin-top: 25px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap
}

.footer .flex-block .block-3 .list-wrap .friend-link {
	width: 25%;
	display: block;
	line-height: 20px;
	margin-bottom: 16px;
	color: rgba(255,255,.35)
}

.footer .flex-block .block-3 .list-wrap .friend-link:hover {
	color: #d1d4da
}

.footer .flex-block .block-3 .list-wrap .friend-link.no-url {
	cursor: auto
}

.footer .flex-block .block-3 .list-wrap .friend-link.no-url:hover {
	color: rgba(255,255,.35)
}

.footer .flex-block .block-3 .friend-link-button {
	display: inline-block;
	margin-left: 16px;
	line-height: 28px;
	padding: 0 10px;
	border: 1px solid rgba(255,255,255,.35);
	color: rgba(255,255,255,.35);
	border-radius: 4px;
	cursor: pointer
}
 */
.footer .flex-block .block-4 {
	width: 25%
}

.footer .flex-block .block-4 .text-1 {
	font-size: 14px;
	color: rgba(255, 255, 255, .8);
	line-height: 30px
}

.footer .flex-block .block-4 .text-2 {
	font-size: 12px;
	color: rgba(255, 255, 255, .35);
	line-height: 18px;
	margin-bottom: 10px
}

.footer .flex-block .block-4 .qrcode {
	display: inline-block;
	vertical-align: top;
	/*width: 110px;
	height: 110px;*/
	width: 40%;
	height: 40%;
	max-width: 120px;
	margin-right: 16px;
	margin-bottom: 20px;
	border-radius: 4px;
	background-color: #fff;
	
}

.footer .copyright {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 26px 0;
	text-align: center;
	color: #fff;
	font-size: 14px;
	border-top: 1px solid rgba(255, 255, 255, .2);
	margin-top: 36px;
	text-align: center;
	position: relative;
}

.footer .copyright .left {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;


}

/*.footer .copyright .left a{
	    position: relative;
    width: 50px;
    height: 50px;
    display: inline-block;
}*/

.footer .copyright .left a img {
	width: 40px;
	display: inline-block;
	height: auto;
	position: absolute;
	top: 14px;
	margin-left: 12px;
}


.footer .copyright .icon-logo {
	margin-right: 12px;
	font-size: 20px
}

@media (max-width:768px) {
	.footer .flex-block {
		display: flex;
		align-items: flex-start;
		flex-wrap: wrap
	}

	.footer .flex-block .block-1,
	.footer .flex-block .block-2,
	.footer .flex-block .block-3 {
		width: 100%;
		border-bottom: 1px solid #313e5a;
		padding: 10px 0
	}

	.footer .flex-block .block-3 .list-wrap .friend-link {
		width: 33%
	}


	.footer .flex-block .block-4 {
		width: 100%;
		margin-top: 10px
	}

	.footer .arrow-left {
		display: block
	}

	.footer .arrow-bottom.arrow-md:after,
	.footer .arrow-left.arrow-md:after {
		border-color: #8c98b5
	}

	.copyright {
		flex-wrap: wrap;
		justify-content: center;
		align-items: center
	}

	.copyright .left {
		flex-wrap: wrap;
		line-height: 22px
	}

	.copyright .icon-logo {
		display: block;
		margin: 0 auto 10px !important
	}

	.copyright .right {
		margin: 10px auto 0 !important
	}

	.kf-support-btn {
		bottom: 100px
	}
}

.service {
	    position: fixed;
	    bottom: 30px;
	    right: 10%;
	    width: 320px;
	    transform: translate(0);
	    z-index: 4;
	    display: none;
	    text-align: justify;
	    line-height: 24px;
	
}
.icon-close{
	    position: absolute;
	    right: 28px;
	    top: 22px;
}
.service-enter-active {
	-webkit-animation: fadeInUp .5s ease both;
	animation: fadeInUp .5s ease both
}

.service-leave-active {
	animation: fadeInUp .2s ease reverse
}

.service-bg {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .2);
	z-index: 4000
}

.service-box {
	border-radius: 8px;
	background-color: #fff;
	box-shadow: 0 0 40px 0 rgba(0, 0, 0, .1);
	overflow: hidden
}

.service-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 22px 30px;
	background-color: var(--theme-main-color)
}

.service-header_user {
	flex: 1;
	display: flex;
	align-items: center
}

.service-header_user figure {
	width: 30px;
	height: 30px;
	border-radius: 50%
}

.service-header_user p {
	padding-left: 18px;
	color: #fff
}

.service-header .iconfont {
	color: hsla(0, 0%, 100%, .5);
	font-size: 20px
}

.service-header .iconfont:hover {
	color: #fff
}

.service-body {
	padding:24px 30px 30px
}

.service-body_title {
	font-size: 16px;
	line-height: 1.4;
	color: #000
}

.service-body_desc {
	padding: 24px 0 8px;
	line-height: 1.4;
	font-size: 13px;
	opacity: .6;
	color: #000
}

.service-body_desc p {
	margin-bottom: 12px
}

.service-body_desc.en {
	opacity: 1
}

.service-body_qr {
	width: 100%;
	margin: 0 auto;
	text-align:center;
}
.service-body_qr-block{
	display: inline-block;
	width:90px;
	text-align: center;
	margin:0 4px;
}

.service-body_qr-block p{
	font-size:12px;
	margin:0 auto 0;
	color:#afabab;
	line-height: 1;
}

.service-body_help {
	width:160px;
	margin:16px auto 0px;
	    text-align: center;
	    background: #0092fb;
	    color: #fff;
	    padding: 4px 24px;
	    border-radius: 40px;
}
.scan-icon{
    background-image: url(./scan-icon.png);
       background-size: 100%;
       display: inline-block;
       width: 30px;
       height: 30px;
       background-repeat: no-repeat;
       margin-right: 12px;
       vertical-align: middle;
}
.service-body_help a {
	display: inline-block;
	padding: 4px 0;
	color: var(--theme-main-color);
	border-bottom: 2px solid var(--theme-main-color)
}

.service-advertising {
	margin-top: 20px;
	border-radius: 8px;
	line-height: 1.45;
	background-image: linear-gradient(83deg, #43e97b, #38f9d7);
	box-shadow: 0 2px 10px 0 rgba(68, 68, 68, .5);
	padding: 20px;
	display: flex;
	align-items: center;
	justify-content: space-between
}
.scan-phone-container{
	margin:0 auto 12px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.scan-phone-container img{
	width:30px;
	height:30px;
	vertical-align: middle;
}
.scan-phone-container span{
	font-size:18px;
	margin-left:8px;
}

.service-advertising p {
	color: #000;
	font-size: 14px;
	font-weight: 500
}

.service-advertising a {
	color: #000;
	opacity: .5;
	font-size: 12px
}

.service-advertising a .iconfont {
	font-size: 12px
}

@media (max-width:768px) {
	.service {
		position: fixed;
		width: 320px;
		right: 50%;
		bottom: 0;
		margin-right: -160px
	}
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(50%)
	}

	to {
		opacity: 1;
		transform: translate(0)
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(50%)
	}

	to {
		opacity: 1;
		transform: translate(0)
	}
}

:root {
	--theme-main-color: #0795ff;
}







/* index  start */
.headline {
	width: 100%
}

.headline .title {
	font-size: 24px;
	font-weight: 500;
	letter-spacing: 1px;
	line-height: 1.35;
	color: #1e2c4d
}

.headline .title.modify {
	position: relative;
	padding-bottom: 16px
}

.headline .title.modify:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -40px;
	display: block;
	width: 80px;
	height: 5px;
	background-color: var(--theme-main-color)
}

.headline .title.color {
	color: var(--theme-main-color)
}

.headline .subtitle {
	margin-top: 8px;
	text-align: center
}

.headline.sm .title {
	font-size: 16px;
	letter-spacing: 1.2px
}

.headline.sm .title.modify {
	padding-bottom: 20px
}

.headline.sm .title.modify:after {
	margin-left: -20px;
	width: 40px
}

.headline.left,
.headline.left .subtitle,
.headline.left .title {
	text-align: left
}

.headline.center,
.headline.center .subtitle,
.headline.center .title {
	text-align: center
}

.headline.right,
.headline.right .subtitle,
.headline.right .title {
	text-align: right
}

.main-content {
	padding-left: 20px;
	padding-right: 20px
}

.main-content h2 {
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: 1px
}

.main-content p {
	margin-bottom: 30px
}

.main-content a.btn-md {
	padding-left: 1.4em;
	padding-right: 1.4em
}

@media (max-width:768px) {
	.main-content {
		padding-left: 0;
		padding-right: 0;
		text-align: center
	}
}

.figure-box {
	margin-left: auto;
	margin-right: auto
}

.logo-list {
	margin-top: 50px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap
}

.logo-list a {
	display: block;
	margin: 0 2.5% 60px;
	width: 15%
}

.logo-list img {
	margin: 0 auto
}

.logo-list:after {
	content: "";
	flex: auto
}

@media (max-width:768px) {
	.logo-list a {
		width: 45%
	}
}

.block-blog {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}

.block-blog .block-item {
	width: 33.3%;
	padding: 16px 24px;
	border-radius: 4px;
	margin-bottom: 10px;
}

.block-blog .block-item.highlight {
	/* background: #f2f8ff */
}

.block-blog .block-item .title {
	font-size: 16px;
	line-height: 20px;
	cursor: pointer;
	color: #0795ff;
	margin-bottom: 24px;
}

.block-blog .block-item .date {
	font-size: 12px;
	line-height: 17px;
	margin-bottom: 12px;
	color: grey
}

.block-blog .type-tag a {
	font-size: 12px;
	line-height: 17px;
	background-color: #fff;
	margin-right: 8px;
	padding: 3px 8px;
	border-radius: 5px;
	border: 1px solid #d6e6f9;
	color: #4d6786
}

.block-blog .more-blog-button {
	display: block;
	width: 124px;
	text-align: center;
	border-radius: 4px;
	border: 1px solid var(--theme-main-color);
	color: var(--theme-main-color);
	font-size: 14px;
	line-height: 32px;
	margin: 32px auto 0;
	cursor: pointer
}

@media (max-width:768px) {
	.block-blog {
		padding: 0 30px;
		flex-wrap: wrap
	}

	.block-blog .block-item {
		width: 100%;
		margin-bottom: 20px;
		background-color: #f2f8ff
	}
}

.block-list {
	/* 	display: flex;
		justify-content: space-between; */
	/*  width: calc((100% - 72px) /3);
		    float: left;
		    margin: 0 12px; */
}

.product-block-wrap .block-item {
	min-width:276px;

	padding: 24px;
	border-radius: 10px;
	background-color: #fff;
	box-shadow: 0 1px 4px 0 rgb(128 132 145 / 20%);
	margin-bottom: 35px;
	cursor: pointer;
	height: 256px;
	width: calc((100% - 72px) /3);
	float: left;
	margin: 0 12px 24px;
	transition:all .3s;
}

.product-block-wrap .block-item:hover {
	box-shadow: 0 6px 12px 0 rgb(0 0 0 / 10%);
}

.product-block-wrap .block-item:hover .title {
	/* color: #0795ff; */
}

.product-block-itme-header {
	display: flex;
	align-items: center;
	box-shadow: 0 1px 0 #ddd;
	padding-bottom: 10px;
	margin-bottom: 24px;
}


.product-block-wrap .block-item .icon {
	display: block;
	width: 50px;
	height: 50px
}

.product-block-wrap .block-item .title {
	font-size: 18px;
	font-weight: 600;
	color: #252b3a;
	margin-left: 12px;

}

.product-block-wrap .block-item .desc {
	font-size: 14px;
	color: #575d6c;
	line-height: 24px;
	justify-content: space-between;
    text-align: justify;

}

.product-block-wrap .block-item .more {
	margin-top: 10px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: flex-start
}

.product-block-wrap .block-item .more a {
	display: inline-block;
	padding: 8px 16px;
	border: 1px solid #0795ff;
	border-radius: 4px;
	margin-top: 24px;
}

.product-block-wrap .block-item .more .left-arrow {
	width: 17px;
	font-weight: 700;
	font-size: 14px;
	display: inline-block;
	transition: .3s;
	transform: translate3d(-50px, 0, 0);
	color: var(--theme-main-color)
}

.product-block-wrap .block-item .more .left-arrow-icon {
	height: 14px;
	transition: .3s;
	transform: translate3d(-50px, 0, 0)
}

.product-block-wrap .block-item .more .text {
	font-size: 14px;
	color: var(--theme-main-color);
	line-height: 16px;
	transition: .3s;
	transform: translate3d(-16px, 0, 0)
}

.product-block-wrap .block-item:hover .more .text {
	transform: translate3d(5px, 0, 0)
}

.product-block-wrap .block-item:hover .more .left-arrow,
.product-block-wrap .block-item:hover .more .left-arrow-icon {
	transform: translateZ(0)
}

.product-block-wrap .no-open-modal .modal-body {
	width: 200px;
	text-align: center
}

@media (max-width:768px) {
	.product-block-wrap {
		padding: 0 30px
	}

	.block-list {
		display: block;
	}

	.product-block-wrap .block-item {
		width: 100%
	}
}

@-webkit-keyframes colorSize1 {
	0% {
		transform: translateZ(0)
	}

	50% {
		transform: translate3d(40px, 0, 0)
	}

	to {
		transform: translateZ(0)
	}
}

@keyframes colorSize1 {
	0% {
		transform: translateZ(0)
	}

	50% {
		transform: translate3d(40px, 0, 0)
	}

	to {
		transform: translateZ(0)
	}
}

@-webkit-keyframes colorSize2 {
	0% {
		transform: translateZ(0)
	}

	50% {
		transform: translate3d(40px, 20px, 0)
	}

	to {
		transform: translateZ(0)
	}
}

@keyframes colorSize2 {
	0% {
		transform: translateZ(0)
	}

	50% {
		transform: translate3d(40px, 20px, 0)
	}

	to {
		transform: translateZ(0)
	}
}

@-webkit-keyframes colorSize3 {
	0% {
		transform: translateZ(0)
	}

	50% {
		transform: translate3d(0, 40px, 0)
	}

	to {
		transform: translateZ(0)
	}
}

@keyframes colorSize3 {
	0% {
		transform: translateZ(0)
	}

	50% {
		transform: translate3d(0, 40px, 0)
	}

	to {
		transform: translateZ(0)
	}
}

.home-wrap {
	position: relative
}

.home-wrap .color-block-wrap {
	overflow: hidden
}

.home-wrap .color-block-wrap,
.home-wrap .mask {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%
}

.home-wrap .mask {
	z-index: 2
}

.home-wrap .color-block,
.home-wrap .mask {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.home-wrap .color-block {
	position: absolute
}

.home-wrap .color1 {
	top: 0;
	right: 0;
	width: 99%;
	-webkit-animation: colorSize1 20s linear infinite normal;
	animation: colorSize1 20s linear infinite normal
}

.home-wrap .color2 {
	top: 1350px;
	left: 0;
	width: 320px
}

.home-wrap .color2,
.home-wrap .color3 {
	-webkit-animation: colorSize2 20s linear infinite normal;
	animation: colorSize2 20s linear infinite normal
}

.home-wrap .color3 {
	top: 2000px;
	right: 100px;
	width: 280px
}

.home-wrap .color4 {
	top: 2400px;
	left: 0;
	width: 170px;
	-webkit-animation: colorSize3 20s linear infinite normal;
	animation: colorSize3 20s linear infinite normal
}

.home-wrap .color5 {
	top: 3250px;
	right: 0;
	width: 320px;
	-webkit-animation: colorSize2 20s linear infinite normal;
	animation: colorSize2 20s linear infinite normal
}

.home-wrap .color6 {
	top: 3800px;
	left: 0;
	width: 150px;
	-webkit-animation: colorSize3 20s linear infinite normal;
	animation: colorSize3 20s linear infinite normal
}

.home-wrap .color7 {
	top: 4400px;
	right: 0;
	width: 240px;
	-webkit-animation: colorSize2 20s linear infinite normal;
	animation: colorSize2 20s linear infinite normal
}

.home {
	position: relative;
	z-index: 3;
	padding: 6px 15px 100px
}

.banner-container {
	height: 100%;
}

.banner-main {
	height: 540px;
	/* background-image:linear-gradient(170deg, #0795ff, #7853d9); */
	overflow: hidden;
	position: relative;
	z-index: 1;
	text-align: center;
	background: url(./bannerbg.png) no-repeat ;
	background-size: cover;
}

.banner-container {
	/* padding-top:180px; */
}

.banner-left {
	width: 100%%;
	/* margin-top:180px; */
}

.banner-right-container{
	width: 100%;
	    height: 100%;
	    position: absolute;
	    right: 0px;
	    z-index: 5;
	    top: 0;
}
.banner-rigth-icon{
	    padding: 20px 0;
	    height: 100%;
	    float: right;
		margin-right:-40px;
}
.banner-rigth-icon img {
	height: 100%;
}

@media (max-width:768px) {
	.banner-right-container{
		display: none;
	}
	
}



.home-banner .tryout-btn:hover {
	transform: scale(1.02);

}

.envelope {
	width: 100%;

	border: 1px solid #ddd;

}

.envelope .block-item {
	width: 25%;
	height: 150px;
	float: left;
	box-shadow: 1px 0 0 #ddd;
	display: inline-block;
	padding: 24px;

}


.envelope .envelope-title {
	padding-bottom: 16px;
	font-size: 16px;
	color: #0795ff;
}

.envelope .envelope-text {
	font-size: 14px;
	color: #333;

}

@media (max-width:768px) {
	.envelope .block-item {
		width: 50%;
		border-top: 1px solid #ddd;
	}
	
}




.home .home-banner {
	width: 60%;
	padding: 0 50px;
	overflow: hidden;
	position: relative;
	z-index: 8;
	text-align: center;

}

.home-banner-left {
	width: 50%;
	min-width:420px;
	margin: 140px auto;
}

.home .home-banner .home-banner-title {
	margin-bottom: 18px;
	font-weight: 600;
	font-size: 32px;
	line-height: 39px;
	letter-spacing: 1px;
	color: #333;
}

.home .home-banner .home-banner-desc {
	margin-bottom: 30px;
	letter-spacing: 1px;
	line-height: 24px;
	text-align: justify;
	font-size: 16px;
	color: #575d6c;
}

.home-banner-detail {
	text-align: center;
	font-size: 18px;
	color: #0795ff;
	letter-spacing: 1px;
}

.home .home-banner .home-banner-img {
	margin: 50px auto 0;
	width: 80%;
	min-height: 500px
}

.home .home-banner .home-banner-img .banner-img {
	display: block;
	width: 100%
}

.home .home-banner .home-banner-group {
	display: flex;
	align-items: center;
	justify-content: center
}

.home .home-banner .home-banner-group .btn {
	margin: 15px
}

.home .home-banner .home-banner-group .tryout-btn {
	width: 214px;
	height: 54px;
	line-height: 54px;
	border-radius: 10px;
	background-color: #0795ff;
	font-size: 18px;
	color: #fff;
	line-height: 49px;
	transition: transform .2s ease-in-out;
	cursor: pointer;
	border-radius: 30px;
	text-align: center;
	display: block;
	/* background-color: rgba(0,0,0,.2); */
	font-size: 18px;
	color: #fff;

	transition: transform .2s ease-in-out;
	cursor: pointer;
	margin-top: 24px;
}

.home .home-banner .home-banner-group .tryout-btn:hover {
	transform: scale(1.02);
	background-image: linear-gradient(170deg, #0795ff, #03a9f4);
}

.home .home-banner .home-banner-group .tryout-btn.en {
	width: 200px
}

.home .block-title-wrap {
	margin: 80px auto 50px;
	text-align: center
}

.home .block-title-wrap .block-title {
	display: inline-block;
	padding-bottom: 10px;
	font-size: 24px;
	font-weight: 700;
	color: #000;
	/* background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAMCAMAAACjm+hRAAAABGdBTUEAALGPC/xhBQAAAF1QTFRFAHP/AHf/AHX/AHP/AHT/AHX/AHP/AHb/AHb/AHT/AHX/AHX/AHb/AHX/AHT/AHb/AHX/AHT/AHX/AHj/AHb/AHX/AHT/AHT/AHX/AHX/AHD/AHD/AHT/AAAAAHX/V6uyjgAAAB50Uk5TkG9vUM/Pn1CvoK+Qf9+Aj+/vnyDfMHC/v2AgEEAAsybqVQAAAQRJREFUOMt9lOmCgyAMhLOnrlawIGfQ93/MWq0VlsT85WNmEg7wrU0zV8Yq771sIgdgku0KBBaYk1QelrWGDxIKfjlKRVrgfgA+kBluGwA7M9wqlXRa0DZRFcBQ23y+MgDDYKmw1ljmeIXMqy1zpJ9jAfIo+D4LWSmU7RIWW7uJHATkzF0FM0dj/cJVGwziFTDIFOfYlCEBTejYLc6adUvqJw4Y+6+ImOw3D4SI8GxNC1LFnc0HEpjsOeA/0kJsAOyMFrVCUxxjnWO0BaBrG6f3JWCYfwoEILC69BMzCMhV3pALSDwtDdOFxWbTUbPOTZ6Q6Jz7tRefxA7wH5EOvXNdX4Z8AE0yghC0qtKZAAAAAElFTkSuQmCC) repeat-x bottom; */
	background-size: auto 6px;
	letter-spacing: 1px;


}

.block-title-wrap p {
	color: #afabab;
	font-size: 17px;
	letter-spacing: 1px;
}

.purpose-img {
	width: 100%;

}

.purpose-img img {
	width: 100%;

}

.home .block-advantage {
	display: flex;
	justify-content: space-between
}

.home .block-advantage .block-item {
	width: 20%
}

.home .block-advantage .block-item .icon {
	display: block;
	width: 50px;
	height: 50px;
	margin-left: -3px
}

.home .block-advantage .block-item .title {
	font-size: 18px;
	font-weight: 700;
	color: #252b3a;
	margin: 13px 0
}

.home .block-advantage .block-item .desc {
	font-size: 14px;
	color: #575d6c;
	line-height: 24px
}

.home .block-customer {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	/* border-bottom: 1px solid #f1f1f1;
		border-right: 1px solid #f1f1f1 */
}

.home .block-customer .block-item {
	width: 16%;
	height: 80px;
	box-sizing: border-box;
	/* 	border-top: 1px solid #f1f1f1;
		border-left: 1px solid #f1f1f1; */
	display: flex;
	justify-content: center;
	align-items: center;
	-webkit-filter: grayscale(100%);

	filter: grayscale(100%);
}

.home .block-customer .block-item .icon {
	display: block;
	max-width: 100%;
	max-height: 100%;
	flex-shrink: 0 !important
}

.home .block-customer .block-item.style-2 .icon {
	max-width: none;
	max-height: 50%
}

.home .block-support,
.home .block-support .block-item {
	display: flex;
	justify-content: space-between
}

.home .block-support .block-item {
	width: 31%;
	padding: 32px;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 4px 20px rgba(0, 28, 60, .15);
	margin-bottom: 35px;
	align-items: flex-start
}

.home .block-support .block-item .title {
	font-size: 18px;
	font-weight: 700;
	color: #252b3a;
	margin: 0 0 10px
}

.home .block-support .block-item .desc {
	font-size: 14px;
	color: #575d6c;
	line-height: 24px
}

.home .block-support .block-item .button {
	padding: 6px 12px;
	border-radius: 4px;
	border: 1px solid var(--theme-main-color);
	color: var(--theme-main-color);
	font-size: 14px;
	line-height: 20px;
	margin-top: 20px;
	display: inline-block;
	cursor: pointer
}

.home .block-support .block-item .icon {
	display: block;
	width: 70px;
	height: 70px;
	margin-left: 20px
}

.home .block-case {
	display: flex;
	justify-content: space-between;
	align-items: top
}

.home .block-case .block-item {
	width: 49%
}

.home .block-case .block-header {
	padding: 16px;
	background-color: #f2f8ff;
	border-radius: 4px
}

.home .block-case .block-header .title {
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 6px;
	color: #000
}

.home .block-case .block-header .tag {
	display: inline-block;
	padding: 0 12px;
	line-height: 22px;
	background: #fff;
	border: 1px solid #d6e6f9;
	box-sizing: border-box;
	border-radius: 5px;
	color: #4d6786;
	font-size: 12px;
	margin-right: 10px
}

.home .block-case .block-ct {
	padding: 24px 16px
}

.home .block-case .pic {
	display: block;
	width: 100%;
	margin-bottom: 24px
}

.home .block-case .paragraph {
	color: #33455c;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 16px
}

@media (max-width:768px) {
	/* .home {
			padding: 80px 0 100px !important
		} */

	.home .home-banner {
		padding: 30px 30px 0
	}

	.home .home-banner .home-banner-img {
		width: calc(100% + 60px);
		margin-left: -30px;
		margin-right: -30px;
		min-height: 262px
	}

	.home .home-banner .home-banner-group {
		flex-direction: column
	}

	.home .block-advantage {
		padding: 0 30px;
		flex-wrap: wrap
	}

	.home .block-advantage .block-item {
		width: 100%;
		margin-bottom: 20px
	}

	.home .block-customer .block-item {
		width: 50%;
		height: 65px
	}

	.home .block-support {
		padding: 0 30px;
		flex-wrap: wrap
	}

	.home .block-support .block-item {
		width: 100%;
		margin-bottom: 20px
	}

	.home .block-case {
		flex-wrap: wrap
	}

	.home .block-case .block-item {
		width: 100%;
		margin-bottom: 20px
	}

	.color-block.color1 {
		top: 0;
		right: 0;
		width: 100%
	}

	.color-block.color2 {
		top: 800px;
		left: 0;
		width: 50%
	}

	.color-block.color3 {
		top: 3500px;
		right: 0;
		width: 50%
	}

	.color-block.color4 {
		top: 4300px;
		left: 0;
		width: 30%
	}

	.color-block.color5 {
		top: 6100px;
		right: 0;
		width: 50%
	}

	.color-block.color6 {
		top: 7000px;
		left: 0;
		width: 30%
	}

	.color-block.color7 {
		top: 8300px;
		right: -50px;
		width: 40%
	}

	.home .home-banner {
		width: auto;
		padding: 0 24px;
	}

	.home-banner-left {
		width:100%;
		min-width: auto;
	}

	.banner-right {
		display: none;
	}
}

/* index end */


/* 合作伙伴 */
.partner-box {
	/* background-color:#f1f2f3; */
}

.cumulative-container {
	background-color: #0088ff;
	padding-bottom: 50px;
}

.cumulative-list {}

.cumulative-item {
	text-align: center;
}

.cumulative-item h2 {

	font-size: 50px;
	font-weight: bold;
	color: rgba(255, 255, 255, .5);
	-webkit-box-reflect: below -15px -webkit-linear-gradient(transparent, transparent 56%, rgba(255, 255, 255, .3));
	margin-bottom: 10px;

}

.cumulative-item p {
	color: #fff;
	font-size: 14px;

}

.block-customer .comp-item {
	width: 30%;
}

.block-customer .comp-item .desc {
	margin-top: 16px;
}

media (max-width: 768px) {
	.block-customer {
		margin-bottom: 24px;
	}

	.block-customer .comp-item {
		width: 100%;
	}
}

* {
	margin: 0;
	padding: 0;
}

ul,
li {
	list-style: none;
}

/* 清除浮动 */
.distribution-status-container:after,
.purpose-container:after,
.doubt-gruid-container:after,
.introduction-contact-container:after,
.introduction-contact:after,
.product-block-wrap::after,
.distribution-status-mobile:after
{
	content: "";

	display: block;

	visibility: hidden;

	clear: both;
}

/* 红包派发 */
/* .distribution-status-container{
	min-width:1024px;
} */



*/
/* 
.distribution-icon{
	
	float: left;
margin:0 24px;
}

.distribution-icon div{
	
}

.distribution-status-mobile{
	
} */


.distribution-status-mobile {
	/* display: flex;
	justify-content: space-between; */

}

.distribution-wx,
.distribution-yyl {
	/* width:43%; */
	float: left;

	width: calc((100% - 150px)/2);
}


.wx-name,
.yyl-name {
	font-size: 20px;
	color: #252b3a;
	text-align: center;
	height: 40px;
	margin-bottom: 24px;
}

.distribution-item .distribution-icon {
	display: none;
}

.distribution-item {
	margin-bottom: 24px;
}

.distribution-icon-mac {
	width: 102px;
	height: 102px;
	float: left;
	margin: 0 24px;
}

.distribution-icon-mac div {
	margin-bottom: 24px;
}

.distribution-icon-mac img {
	width: 100%;
	height: 100%;
}

.distribution-item-block {
	/* width:calc(100vw - 200px); */
	border: 2px solid #0795ff;
	padding: 10px;
	border-radius: 10px;
	height: 102px;
	overflow: hidden;
}

.distribution-item-block h3 {
	font-size: 16px;
	color: #252b3a;
	margin-bottom: 4px;
	font-weight: 600;
}

.distribution-item-block p {
	font-size: 14px;
	color: #575d6c;
	line-height: 24px;
}

@media (max-width: 768px) {

	/* .distribution-status {
    padding: 0 30px;
	} */
	.distribution-status-mobile {
		display: block;
		padding: 0 12px;
	}

	.distribution-wx,
	.distribution-yyl {
		width: 100%;
	}

	.distribution-item .distribution-icon {
		display: block;
		width: 80px;
		height: 80px;
	}

	.distribution-item-block {
		padding: 4px;
		width: calc(100% - 92px);
		height: 80px;
	}

	.distribution-item-block h3 {
		margin-bottom: 0;
	}
	.distribution-item-block p {
		font-size: 13px;
		line-height: 16px;
		text-align: justify;
	}


	.distribution-yyl {
		margin-top: 60px;
	}

	.distribution-icon-mac {
		display: none;
	}
	
	.distribution-status-mobile .distribution-list .distribution-item{
		display: flex;
		justify-content: space-between; 
		margin-bottom: 24px;
	}
	.product-block-wrap .block-item{
		margin: 0 0 24px;
	}
}


/* 红包派发 */



/* 为什么选择摇摇啦 */
.purpose-list {
	display: flex;
	justify-content: space-between;
}

.purpose-item {
	width: 31%;
	/* padding:0 24px; */
	float: left;
}

.purpose-img {
	width: 112px;
	height: 112px;
	margin: 0 auto 8px;

}

.purpose-img img {
	width: 100%;
	height: 100%;
}

.purpose-list h3 {
	font-size: 16px;
	color: #252b3a;

	margin-bottom: 16px;
	font-weight: 600;
	text-align: center;

}

.purpose-list p {
	font-size: 16px;
	color: #252b3a;
	text-align: center;

}

.purpose-list li {
	position: relative;
	margin-bottom: 10px;
	font-size: 14px;
	color: #575d6c;
	line-height: 24px;
	list-style-type: disc;
}

.introduction-container .headline p {
	font-size: 20px;
	margin-top: 10px;
	color: #575d6c;

}





.purpose-list li::marker {
	color: #0795ff;
}

.purpose-list p:before {
	content: '';
	position: absolute;
	left: -24px;
	top: 8px;
	width: 6px;
	height: 6px;
	border-radius: 3px;
	background: #0795ff;
}

@media (max-width: 768px) {
	.purpose-container {
		padding: 0 30px;

	}

	.purpose-list {
		display: block;
	}

	.purpose-item {
		width: 100%;
		margin-bottom: 24px;
	}
}


/* 为什么选择摇摇啦 */


/* 疑问指南 */
.doubt-gruid-container {}

.doubt-gruid-list {
	display: flex;
	justify-content: space-between;
}

.doubt-item {
	width: 31%;
	float: left;
	/* padding:24px; */
}

.doubt-item:hover .doubt-title {
	background-image: linear-gradient(170deg, #0795ff, #48d1f9);
}

.doubt-title {
	font-size: 18px;
	color: #fff;
	margin-bottom: 24px;
	font-weight: 600;
	height: 50px;
	background-color: #0795ff;
	/* box-shadow:4px 4px 2px rgb(0 28 60 / 20%); */

	border-radius: 6px;
	line-height: 50px;
	padding: 0 15px;
	text-align: center;
	/* background-image: linear-gradient(170deg, #0795ff, #2196f3); */
}

.doubt-item-list {
	padding: 0 16px;
}

.doubt-item-list li {
	list-style: disc;
	margin-bottom: 10px;
	font-size: 14px;
	color: #575d6c;
	line-height: 24px;
}

.doubt-item-list li::marker {
	color: #0795ff;
}

.doubt-item>a {
	color: #0795ff;
	display: inline-block;
	margin-top: 12px;
}

@media (max-width: 768px) {
	.doubt-gruid-container {
		padding: 0 30px;
	}

	.doubt-gruid-list {
		display: block;

	}

	.doubt-item {
		width: 100%;
		margin-bottom: 24px;
	
	}
}


/* 疑问指南 */

/* 联系我们 */
.introduction-contact-container {
	width: 700px;
	margin: auto;
	/* padding-left:7%; */
}

.introduction-left,
.introduction-right {
	float: left;
	width: 280px;
	margin: auto;
	margin-left: 70px;

}

.introduction-left .consult-title {
	margin-bottom: 24px;
	display: flex;
	align-items: center;


}

.introduction-left .consult-title img {
	width: 40px;
	height: 40px;

}

.introduction-left .consult-text {
	font-size: 16px;
	color: #575d6c;
	margin-left: 16px;
}

.introduction-left .text-1,
.introduction-right .text-1 {



	font-size: 18px;
	color: #252b3a;

	font-weight: 600;
	letter-spacing: 1px;
	;
	margin-bottom: 10px;


}

.introduction-left .text-2,
.introduction-right .text-2 {
	font-size: 16px;
	color:#afabab;
	line-height: 18px;
	margin-bottom: 24px;
}

.introduction-right .qrcode {
	display: inline-block;
	vertical-align: top;
	width: 40%;
	height: 40%;
	max-width: 120px;
	margin-right: 16px;
	margin-bottom: 20px;
	border-radius: 4px;
}
@media (max-width: 768px){
		.introduction-contact-container{width:auto;}
}


.main-content {
	padding-top: 80px;
}
.develop-time-bg{
	width:80%;margin:10px auto;
	background-image:linear-gradient(120deg,#0091e8,#35cefb,#c9b9fe, #cda5ff,#0094ed,#35cefb);
}
.develop-time-img{
	width:100%;
}
.develop-time-list-top{
	 display: flex;
    justify-content: space-between;
    padding: 0 20%;
    margin: auto;
}
.develop-time-list-top .develop-time-item{
	width:calc(100% /2)
}
.develop-time-list-bottom{
	 display: flex;
    justify-content: space-between;
    padding: 0 8%;
    margin: auto;
}
.develop-time-list-bottom .develop-time-item{
	width:calc((100% - 40px) /3)
}
.develop-time-item{
	text-align: center;
}
.develop-time-item h3{
	font-size:24px;
	font-weight: 600;
}
.develop-time-title{
	font-size:14px;
}