html,body,div,ul,li,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,form,input,textarea,th,td,select {
	margin: 0;
	padding: 0
}

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

html,body {
	background-color: #fff
}

html body {
	font-family: "PingFang SC",Helvetica,"HelveticaNeue-Bold","Helvetica Neue",Tahoma,Arial,sans-serif
}

body {
	font-family: "PingFang SC",Helvetica,"HelveticaNeue-Bold","Helvetica Neue",Tahoma,Arial,sans-serif;
	width: 100vw;
	overflow-x: hidden;
	overflow-y: auto
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal
}

ul,ol {
	padding: 0;
	margin: 0;
	list-style: none
}

input {
	-webkit-appearance: none
}

img {
	border: none;
	vertical-align: middle
}

a {
	text-decoration: none;
	color: #abadb1;
	-webkit-tap-highlight-color: transparent;
	-webkit-tap-highlight-color: rgba(0,0,0,0)
}

table {
	border-collapse: collapse;
	table-layout: fixed
}

input,textarea,button {
	outline: none;
	border: none
}

textarea {
	resize: none;
	overflow: auto
}

.lozad {
	opacity: 0
}

.lozad.loaded {
	opacity: 1
}

@media (max-width:768px) {
	body {
		max-width: 100vw
	}
}

.flex-center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.position-center {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

@font-face {
	font-family:"Roboto";font-style:normal;font-weight:normal;src:local("Roboto"),url("../fonts/Roboto-Bold.ttf") format("ttf")
}

@font-face {
	font-family:"DIN Alternate";font-style:normal;font-weight:normal;src:local("DIN Alternate"),url("../fonts/DINAlternate-Bold.woff") format("woff")
}

@font-face {
	font-family:"OPPOSans-M";font-style:normal;font-weight:normal;src:local("OPPOSans-M"),url("../fonts/OPPOSans-M.ttf") format("ttf"),url("../fonts/OPPOSans-M.woff") format("woff")
}

.animation_hover_btn {
	position: relative;
	overflow: hidden
}

.animation_hover_btn .animation_shape {
	display: none;
	position: absolute;
	width: 88px;
	height: 88px;
	border-radius: 50%;
	background: -webkit-radial-gradient(circle closest-side, rgba(101,244,255,0.56), transparent);
	background: -o-radial-gradient(circle closest-side, rgba(101,244,255,0.56), transparent);
	background: radial-gradient(circle closest-side, rgba(101,244,255,0.56), transparent);
	-webkit-filter: blur(10px);
	filter: blur(10px);
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	pointer-events: none
}

.color_hover_btn {
	position: relative
}

.color_hover_btn:hover {
	opacity: .8
}

.rotate {
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}
.rotate .down {
    -moz-transform:rotate(270deg);
    -webkit-transform:rotate(270deg);
    transform:rotate(270deg)
}

.icon1 {
	width: 1em;
	height: 1em;
	vertical-align: -0.15em;
	fill: currentColor;
	overflow: hidden
}

#aff-im-root .embed-icon {
	display: none
}

#aff-im-root .embed-icon-default {
	display: none
}

.flex-row-between {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.flex-row-start {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.flex-row-center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.f-r-c {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media (min-width:768px) {
	header {
		width: 100%;
		height: 64px;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 500;
    	transition: 0.5s;
		backdrop-filter: blur(10px);
		background: rgba(255,255,255,0.12)
	}

	header div {
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}

	header .img {
		width: 100%;
		height: 100%;
		display: block
	}

	header.activity_header {
		border-bottom: unset
	}

	header .nav_box_pc {
		width: 1180px;
		min-width: 840px;
		height: 100%;
		margin: 0 auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	header .nav_box_pc .left_wrap,header .nav_box_pc .login_wrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	header .nav_box_pc .logo_wrap {
		-ms-flex-item-align: center;
		align-self: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		margin-right: 44px
	}

	header .nav_box_pc .logo {
		display: inline-block;
		height: 100%
	}

	header .nav_box_pc .logo img {
		width: 88px;
		height: 33px
	}

	header .nav_box_pc .white_img {
		display: none
	}

	header .nav_box_pc .header_btn {
		width: 126px;
		height: 34px;
		-ms-flex-item-align: center;
		align-self: center;
		border: 1px solid rgba(255,255,255,0.39);
		margin-left: 45px;
		font-size: 14px;
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	header .nav_box_pc .header_btn span {
		color: #ffffff;
		-ms-flex-item-align: center;
		align-self: center
	}

	header .nav_box_pc .header_btn .icon {
		margin-right: 10px
	}

	header .nav_box_pc .show_language {
		display: none
	}

	header .nav_box_pc .product_nav_mob {
		display: none
	}

	header .nav_box_pc .nav_wrap {
		height: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start
	}

	header .nav_box_pc .nav_wrap .nav_item {
		-ms-flex-item-align: center;
		align-self: center;
		position: relative;
		padding: 20px 12px;
		color: rgb(17, 31, 51);
		cursor: pointer;
		font-size: 15px;
		line-height: 20px;
		font-weight: 500
	}

	header .nav_box_pc .nav_wrap .nav_item .hover_detector {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		z-index: 2
	}

	header .nav_box_pc .nav_wrap .nav_item:first-child {
		margin-left: 0
	}

	header .nav_box_pc .nav_wrap .nav_item .line {
		position: absolute;
		width: 0;
		height: 2px;
		background-color: #165DFF;
		bottom: -1px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		-webkit-transition: width .3s linear;
		-o-transition: width .3s linear;
		transition: width .3s linear
	}

	header .nav_box_pc .nav_wrap .nav_item:hover {
		color: #165DFF
	}

	header .nav_box_pc .nav_wrap .nav_item:hover .line_short {
		width: 34px
	}

	header .nav_box_pc .nav_wrap .nav_item:hover .line_long {
		width: 68px
	}

	header .nav_box_pc .nav_wrap .nav_item:hover .line_longer {
		width: 80px
	}

	header .nav_box_pc .nav_wrap .nav_item a {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%
	}

	header .nav_box_pc .nav_wrap .nav_active {
		color: #165DFF;
		font-weight: 600
	}

	header .nav_box_pc .nav_wrap .more_icon {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
		font-size: 10px;
		line-height: 20px
	}

	header .nav_box_pc .nav_wrap .page_product .product_wrap {
		display: none;
		width: 1197px;
	    padding-top: 0px;
	    padding-left:20px;
	    position: absolute;

	    left: -260px;
    	transform: translateY(43px);
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;

		top: 21px;
		background-color: #fff;
		box-shadow: 0 4px 16px 0 #10182814;
		transition: 0.5s;
	}

	header .nav_box_pc .nav_wrap .page_product .more_product_module {
		margin: 0 auto;
		width: 100%;
		max-width: 1140px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	header .nav_box_pc .nav_wrap .page_product .more_product_item {
		padding: 24px 0 32px
	}

	header .nav_box_pc .nav_wrap .page_product .more_product_item+.more_product_item {
		border-left: 1px solid #e5e6eb
	}

	header .nav_box_pc .nav_wrap .page_product .more_product_item .item_title {
		width: 100%;
		font-size: 15px;
		line-height: 24px;
		font-weight: 500;
		color: #1d2129
	}

	header .nav_box_pc .nav_wrap .page_product .start_product {
		width: calc(100% - 600px);
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1
	}

	header .nav_box_pc .nav_wrap .page_product .pro_product {
		-ms-flex-negative: 0;
		flex-shrink: 0;
		padding-left: 48px;
		width: 600px
	}

	header .nav_box_pc .nav_wrap .page_product .small_card.card_wrap {
		padding: 16px 18px;
	}

	header .nav_box_pc .nav_wrap .page_product .small_card .card_title {
		padding: 0
	}

	header .nav_box_pc .nav_wrap .page_product .small_card .sub_title {
		padding-bottom: 0;
		margin-top: 4px
	}

	header .nav_box_pc .nav_wrap .page_product .small_card .card_list_wrap {
		gap: 12px
	}

	header .nav_box_pc .nav_wrap .page_product .card_module_wrap {
		margin-top: 20px;
		width: 100%
	}

	header .nav_box_pc .nav_wrap .page_product .module_title {
		width: 100%;
		font-size: 14px;
		line-height: 22px;
		font-weight: 500;
		color: #4e5969
	}

	header .nav_box_pc .nav_wrap .page_product .card_list_wrap {
		margin-top: 12px;
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		border-radius: 8px;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		gap: 16px
	}

	header .nav_box_pc .nav_wrap .page_product .card_wrap {
		position: relative;
		width: 245px;
		background-color:hsla(0,0%,100%,.5);
		box-sizing: border-box;
		padding-top: 0px;  
	    padding-right: 9px;  
	    padding-bottom: 0px;  
	    padding-left: 14px;
		border-radius: 10px;
	}

	header .nav_box_pc .nav_wrap .page_product .card_wrap:hover {
		background-color: #f3effb;
	}

	header .nav_box_pc .nav_wrap .page_product .card_wrap:hover .card_title {
		color: #165DFF
	}

	header .nav_box_pc .nav_wrap .page_product .hot_tag,header .nav_box_pc .nav_wrap .page_product .new_tag {
		position: absolute;
		top: -8px;
		right: -8px;
		padding: 2px 4px;
		border-radius: 6px 4px 6px 0;
		background-color: #f53f3f;
		color: #fff;
		font-size: 12px;
		line-height: 18px;
		font-weight: 500
	}

	header .nav_box_pc .nav_wrap .page_product .new_tag {
		background-color: #ff7d01
	}

	header .nav_box_pc .nav_wrap .page_product .card_title {
		padding: 16px 0;
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		color: #1d2129;
		font-size: 14px;
		line-height: 20px;
		font-weight: 500
	}

	header .nav_box_pc .nav_wrap .page_product .sub_title {
		padding-left: 28px;
		padding-bottom: 12px;
		margin-top: -6px;
		width: 100%;
		font-size: 13px;
		line-height: 20px;
		font-weight: 400;
		color: #4e5969
	}

	header .nav_box_pc .nav_wrap .page_product .card_icon {
		width: 20px;
		height: 20px
	}

	header .nav_box_pc .nav_wrap .page_product .title_text {
		margin-left: 8px
	}

	header .nav_box_pc .nav_wrap .page_product .title_tip {
		margin-left: 6px;
		-ms-flex-item-align: end;
		align-self: flex-end;
		color: #4e5969;
		font-size: 13px;
		line-height: 20px;
		font-weight: 400
	}

	header .nav_box_pc .nav_wrap .page_product .card_content {
		border-top: 1px solid #f2f3f5;
		width: 100%;
		padding: 16px 6px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		color: #1d2129;
		white-space: nowrap;
		font-size: 14px;
		line-height: 22px;
		font-weight: 400
	}

	header .nav_box_pc .nav_wrap .page_product .des_text {
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
		font-size: 14px;
		line-height: 22px;
		font-weight: 400
	}

	header .nav_box_pc .nav_wrap .page_developers .developers_wrap {
		display: none;
		/*width: 100%;
		position: fixed;*/
		top: 21px;
		left: 0;

		width: 1197px;
	    padding-top: 0px;
	    padding-left:20px;
	    position: absolute;

	    left: -466px;
    	transform: translateY(43px);
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;

		background-color: #fff;
		transition: height .2s ease-in-out;
		-webkit-box-shadow: 0 8px 16px 0 rgba(144,144,144,0.1);
		box-shadow: 0 8px 16px 0 rgba(144,144,144,0.1);
		transition: 0.4s;
   	}

	header .nav_box_pc .nav_wrap .page_developers .more_developers_module {
		margin: 0 auto;
		width: 100%;
		max-width: 1180px;
		padding: 24px 144px 48px
	}

	header .nav_box_pc .nav_wrap .page_developers .more_developers_title {
		width: 100%;
		font-size: 16px;
		line-height: 24px;
		font-weight: 500;
		color: #1d2129
	}

	header .nav_box_pc .nav_wrap .page_developers .more_developers_list_wrap {
		margin-top: 20px;
		width: 100%;
		display: grid;
		grid-template-columns: 248px 248px 248px;
		gap: 32px 24px
	}

	header .nav_box_pc .nav_wrap .page_developers .more_developers_item {
		position: relative;
		width: 100%;
		padding: 15px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		color: #1d2129;
		gap: 12px;
		border: 1px solid #fff;
		border-radius: 8px;
		background-color: #fff;
		#box-shadow: 0 4px 16px 0 #f7f7f7;
   		transition: font-size .2s,background-color .2s;
	}

	header .nav_box_pc .nav_wrap .page_developers .more_developers_item:hover {
		border-radius: 8px;
		color:#000;
		background-color:#f3effb;
		border: 1px solid #f3effb;
		/*box-shadow: 0 4px 16px 0 #dddddd;*/
	}

	header .nav_box_pc .nav_wrap .page_developers .more_developers_item .more_developers_icon {
		width: 28px;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		color: transparent;
		object-fit: contain;
        max-width: 100%;
        max-height: 24px;
	}

	header .nav_box_pc .nav_wrap .page_developers .more_developers_item .more_developers_text_wrap {
		width: calc(100% - 100px);
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1
	}

	header .nav_box_pc .nav_wrap .page_developers .more_developers_item .more_developers_text_wrap:hover {
		background: #f3effb;
		width: calc(100% - 100px);
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1
	}

	header .nav_box_pc .nav_wrap .page_developers .more_developers_item .more_developers_text {
		width: 100%;
		font-size: 14px;
		line-height: 22px;
		font-weight: 500
	}

	header .nav_box_pc .nav_wrap .page_developers .more_developers_item .link {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: block
	}

	header .nav_box_pc .nav_wrap .page_developers .more_developers_item:hover,header .nav_box_pc .nav_wrap .page_developers .more_developers_item.active {
		color: #165dff
	}

	header .nav_box_pc .nav_wrap .page_developers .more_developers_item:hover .icon,header .nav_box_pc .nav_wrap .page_developers .more_developers_item.active .icon {
		color: #165dff
	}	

	header .nav_box_pc .nav_wrap .page_solution .solution_wrap {
		display: none;
		top: 21px;

		width: 1197px;
	    padding-top: 0px;
	    padding-left:20px;
	    position: absolute;

	    left: -363px;
    	transform: translateY(43px);
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		/*top: 64px;
		left: 0;*/
		background-color: #fff;
		transition: all .3s;
		-webkit-box-shadow: 0 8px 16px 0 rgba(144,144,144,0.1);
		box-shadow: 0 8px 16px 0 rgba(144,144,144,0.1);
		cursor: auto;
		box-shadow: 0 4px 16px 0 #10182814;
		transition: 0.4s;
	}

	header .nav_box_pc .nav_wrap .page_solution .more_solution_module {
		margin: 0 auto;
		width: 100%;
		max-width: 1180px;
		padding: 24px 144px 48px
	}

	header .nav_box_pc .nav_wrap .page_solution .more_solution_title {
		width: 100%;
		font-size: 16px;
		line-height: 24px;
		font-weight: 500;
		color: #1d2129
	}

	header .nav_box_pc .nav_wrap .page_solution .more_solution_list_wrap {
		margin-top: 20px;
		width: 100%;
		display: grid;
		grid-template-columns: 248px 248px 248px;
		gap: 32px 24px
	}

	header .nav_box_pc .nav_wrap .page_solution .more_solution_item {
		position: relative;
		width: 100%;
		padding: 10px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		color: #1d2129;
		gap: 12px;
		border: 1px solid #fff;
		border-radius: 8px;
		background-color: #fff;
		box-shadow: 0 4px 16px 0 #fff;
	}

	header .nav_box_pc .nav_wrap .page_solution .more_solution_item:hover {
		background-color: #f3effb;
	}

	header .nav_box_pc .nav_wrap .page_solution .more_solution_item .more_solution_icon {
		width: 40px;
		height: 40px;
		-ms-flex-negative: 0;
		flex-shrink: 0
	}

	header .nav_box_pc .nav_wrap .page_solution .more_solution_item .more_solution_icon img {
		-webkit-transition:all 0.4s ease-in-out;
		transition:all 0.4s ease-in-out;
	}

	header .nav_box_pc .nav_wrap .page_solution .more_solution_item:hover .more_solution_icon img {
		-webkit-transform:scale(-1) rotate(180deg);
		-ms-transform:scale(-1) rotate(180deg);
		transform:scale(-1) rotate(180deg)
	}

	header .nav_box_pc .nav_wrap .page_solution .more_solution_item .more_solution_text_wrap {
		width: calc(100% - 100px);
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1
	}

	header .nav_box_pc .nav_wrap .page_solution .more_solution_item .more_solution_text {
		width: 100%;
		font-size: 14px;
		line-height: 22px;
		font-weight: 500
	}

	header .nav_box_pc .nav_wrap .page_solution .more_solution_item .more_solution_tip {
		margin-top: 2px;
		width: 100%;
		font-size: 12px;
		line-height: 20px;
		font-weight: 400;
		color: #86909c
	}

	header .nav_box_pc .nav_wrap .page_solution .more_solution_item .link {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: block
	}

	header .nav_box_pc .nav_wrap .page_solution .more_solution_item:hover,header .nav_box_pc .nav_wrap .page_solution .more_solution_item.active {
		color: #165dff
	}

	header .nav_box_pc .nav_wrap .page_solution .more_solution_item:hover .icon,header .nav_box_pc .nav_wrap .page_solution .more_solution_item.active .icon {
		color: #165dff
	}

	header .nav_box_pc .nav_wrap .page_case .img {
		width: 100%;
		height: 100%;
		display: block
	}

	header .nav_box_pc .nav_wrap .page_case .case_wrap {
		display: none;
		width: 100%;
		position: fixed;
		top: 64px;
		left: 0;
		background-color: #fff;
		-webkit-box-shadow: 0 8px 16px 0 rgba(144,144,144,0.1);
		box-shadow: 0 8px 16px 0 rgba(144,144,144,0.1)
	}

	header .nav_box_pc .nav_wrap .page_case .case_content {
		margin: 0 auto;
		width: 100%;
		max-width: 1180px;
		padding: 24px 32px
	}

	header .nav_box_pc .nav_wrap .page_case .case_title {
		width: 100%;
		color: #1d2129;
		font-size: 16px;
		line-height: 24px;
		font-weight: 500
	}

	header .nav_box_pc .nav_wrap .page_case .case_list_wrap {
		margin-top: 20px;
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	header .nav_box_pc .nav_wrap .page_case .case_item {
		width: 180px;
		height: 76px;
		position: relative;
		z-index: 0;
		overflow: hidden;
		border-radius: 4px;
		display: block;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	header .nav_box_pc .nav_wrap .page_case .case_item+.case_item {
		margin-left: 16px
	}

	header .nav_box_pc .nav_wrap .page_case .case_item .case_bg {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%
	}

	header .nav_box_pc .nav_wrap .page_case .case_item .item_title {
		position: relative;
		z-index: 1;
		width: 100%;
		text-align: center;
		color: #fff;
		font-size: 16px;
		line-height: 24px;
		font-weight: 500
	}

	header .nav_box_pc .nav_wrap .page_download .download_wrap {
		display: none;
		width: 100%;
		position: fixed;
		top: 64px;
		left: 0;
		background-color: #fff;
		-webkit-box-shadow: 0 8px 16px 0 rgba(144,144,144,0.1);
		box-shadow: 0 8px 16px 0 rgba(144,144,144,0.1);
		cursor: auto
	}

	header .nav_box_pc .nav_wrap .page_download .more_download_module {
		margin: 0 auto;
		width: 100%;
		max-width: 1180px;
		padding: 24px 144px 48px
	}

	header .nav_box_pc .nav_wrap .page_download .more_download_title {
		width: 100%;
		font-size: 16px;
		line-height: 24px;
		font-weight: 500;
		color: #1d2129
	}

	header .nav_box_pc .nav_wrap .page_download .more_download_list_wrap {
		margin-top: 16px;
		width: 100%;
		display: grid;
		grid-template-columns: 260px 260px 260px;
		gap: 32px 24px
	}

	header .nav_box_pc .nav_wrap .page_download .hot_tag,header .nav_box_pc .nav_wrap .page_download .new_tag {
		position: absolute;
		top: -8px;
		right: -8px;
		padding: 2px 4px;
		border-radius: 6px 4px 6px 0;
		background-color: #f53f3f;
		color: #fff;
		font-size: 12px;
		line-height: 18px;
		font-weight: 500
	}

	header .nav_box_pc .nav_wrap .page_download .more_download_item {
		position: relative;
		width: 100%;
		border: 1px solid #f2f3f5;
		border-radius: 4px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 0 20px
	}

	header .nav_box_pc .nav_wrap .page_download .more_download_item .link {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: block
	}

	header .nav_box_pc .nav_wrap .page_download .more_download_item:hover .app_name,header .nav_box_pc .nav_wrap .page_download .more_download_item.active .app_name {
		color: #165dff
	}

	header .nav_box_pc .nav_wrap .page_download .more_download_item:hover {
		-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.1);
		box-shadow: 0 2px 5px rgba(0,0,0,0.1)
	}

	header .nav_box_pc .nav_wrap .page_download .more_download_item .more_download_card_top {
		width: 100%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 16px 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		gap: 8px
	}

	header .nav_box_pc .nav_wrap .page_download .more_download_item .app_logo {
		width: 20px;
		height: 20px;
		border-radius: 4px;
		overflow: hidden
	}

	header .nav_box_pc .nav_wrap .page_download .more_download_item .app_name {
		color: #1d2129;
		font-size: 14px;
		line-height: 22px;
		font-weight: 500
	}

	header .nav_box_pc .nav_wrap .page_download .more_download_item .recommend_tag {
		background-image: -webkit-linear-gradient(233.26deg, #2ec3fb 0%, #165dff 100%);
		background-image: -o-linear-gradient(233.26deg, #2ec3fb 0%, #165dff 100%);
		background-image: linear-gradient(216.74deg, #2ec3fb 0%, #165dff 100%);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		border-radius: 20px;
		padding: 2px 12px;
		font-size: 12px;
		line-height: 18px;
		font-weight: 500;
		color: #fff
	}

	header .nav_box_pc .nav_wrap .page_download .more_download_item .more_download_card_bottom {
		width: 100%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 16px 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 16px;
		border-top: 1px solid #f2f3f5
	}

	header .nav_box_pc .nav_wrap .page_download .more_download_item .card_tag {
		color: #4e5969;
		font-size: 13px;
		line-height: 20px;
		font-weight: 500
	}

	header .nav_box_pc .nav_wrap .page_about .about_wrap {
		display: none;
		width: 100%;
		position: fixed;
		top: 64px;
		left: 0;
		background-color: #fff;
		-webkit-box-shadow: 0 8px 16px 0 rgba(144,144,144,0.1);
		box-shadow: 0 8px 16px 0 rgba(144,144,144,0.1);
		cursor: auto
	}

	header .nav_box_pc .nav_wrap .page_about .more_about_module {
		margin: 0 auto;
		width: 100%;
		max-width: 1180px;
		padding: 24px 144px 48px
	}

	header .nav_box_pc .nav_wrap .page_about .more_about_list_wrap {
		margin-top: 20px;
		width: 100%;
		display: grid;
		grid-template-columns: 260px 260px 260px;
		gap: 16px
	}

	header .nav_box_pc .nav_wrap .page_about .more_about_item {
		position: relative;
		width: 100%;
		color: #1d2129;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 16px
	}

	header .nav_box_pc .nav_wrap .page_about .more_about_item .more_about_bg {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: -1
	}

	header .nav_box_pc .nav_wrap .page_about .more_about_item .more_about_text_wrap {
		width: 100%;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1
	}

	header .nav_box_pc .nav_wrap .page_about .more_about_item .more_about_text {
		width: 100%;
		font-size: 16px;
		line-height: 24px;
		font-weight: 500
	}

	header .nav_box_pc .nav_wrap .page_about .more_about_item .more_about_tip {
		margin-top: 4px;
		width: 100%;
		font-size: 14px;
		line-height: 22px;
		font-weight: 400;
		color: #4e5969
	}

	header .nav_box_pc .nav_wrap .page_about .more_about_item .link {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: block
	}

	header .nav_box_pc .nav_wrap .page_about .more_about_item:hover,header .nav_box_pc .nav_wrap .page_about .more_about_item.active {
		color: #165dff
	}

	header .nav_box_pc .nav_wrap .page_about .more_about_item:hover .icon,header .nav_box_pc .nav_wrap .page_about .more_about_item.active .icon {
		color: #165dff
	}

	header .nav_box_pc .login_wrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		height: 100%;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		font-size: 16px
	}

	header .nav_box_pc .login_wrap .register {
		width: 100px;
		height: 40px;
		background-color: #165DFF;
		line-height: 40px;
		text-align: center;
		font-size: 14px;
		letter-spacing: 1px;
		border-radius: 20px;
		font-weight: 500
	}

	header .nav_box_pc .login_wrap .register a {
		width: 100%;
		height: 100%;
		display: block;
		color: #FFFFFF
	}

	header .nav_box_pc .login_wrap .register:hover {
		background: -webkit-gradient(linear, left top, right top, from(#165DFF), to(#1688FF));
		background: -webkit-linear-gradient(left, #165DFF 0%, #1688FF 100%);
		background: -o-linear-gradient(left, #165DFF 0%, #1688FF 100%);
		background: linear-gradient(90deg, #165DFF 0%, #1688FF 100%)
	}

	header .nav_box_pc .login_wrap .login {
		width: 100px;
		height: 40px;
		line-height: 38px;
		padding: 0 35px;
		position: relative;
		border-radius: 20px;
		font-size: 14px;
		color: #1D2129;
		cursor: pointer;
		font-weight: 500;
	}

	header .nav_box_pc .login_wrap .login a {
		width: 100%;
		height: 100%;
		display: block;
		color: #1D2129
	}

	header .nav_box_pc .login_wrap .login:hover {
		color: #165DFF
	}

	header .nav_box_pc .login_wrap .login .product_login_wrap {
		position: absolute;
		top: 100%;
		right: 0;
		width: 240px;
		background-color: #fff;
		-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.1);
		box-shadow: 0 2px 5px rgba(0,0,0,0.1);
		padding: 12px;
		display: none;
		cursor: auto
	}

	header .nav_box_pc .login_wrap .login .product_login_item {
		padding: 12px 8px;
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		border-radius: 4px
	}

	header .nav_box_pc .login_wrap .login .product_login_item.bg {
		padding: 12px 16px;
		background-repeat: no-repeat;
		background-size: 100% 100%
	}

	header .nav_box_pc .login_wrap .login .product_login_item.bg:hover {
		-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.08);
		box-shadow: 0 2px 4px rgba(0,0,0,0.08)
	}

	header .nav_box_pc .login_wrap .login .product_login_item+.product_login_item {
		margin-top: 8px
	}

	header .nav_box_pc .login_wrap .login .product_login_item:hover {
		background-color: #f7f8fa
	}

	header .nav_box_pc .login_wrap .login .product_content {
		width: calc(100% - 40px);
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1
	}

	header .nav_box_pc .login_wrap .login .product_icon {
		margin-right: 12px;
		width: 40px;
		height: 40px;
		-ms-flex-negative: 0;
		flex-shrink: 0
	}

	header .nav_box_pc .login_wrap .login .content_title {
		width: 100%;
		color: #1d2129;
		font-size: 14px;
		line-height: 22px;
		font-weight: 500
	}

	header .nav_box_pc .login_wrap .login .content_tip {
		width: 100%;
		color: #4e5969;
		font-size: 12px;
		line-height: 18px;
		font-weight: 400
	}

	header .nav_box_pc .login_wrap .tel_number {
		font-weight: 600;
		font-size: 18px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		font-family: "DIN Alternate";
		background-color: #daeefa;
		padding: 6px;
		border-radius: 20px;
		padding-right:15px
	}

	header .nav_box_pc .login_wrap .tel_number img {
		margin-right: 12px;
		width: 30px;
		height: 30px
	}

	header .nav_box_pc .login_wrap .hasLogin {
		display: none;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	header .nav_box_pc .login_wrap .unLogin {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	header .nav_box_pc .login_wrap .userInfo {
		margin: 0 20px;
		position: relative;
		width: 52px;
		height: 52px;
		border-radius: 50%;
		cursor: pointer;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	header .nav_box_pc .login_wrap .userInfo .userInfoImage {
		width: 38px;
		height: 38px;
		border-radius: 50%
	}

	header .nav_box_pc .login_wrap .userInfo .userInfoList {
		display: none;
		cursor: auto;
		background-color: #fff;
		position: absolute;
		left: -154px;
		top: 52px;
		padding: 24px 16px;
		width: 320px;
		border-radius: 4px;
		border: 1px solid #E5E6EB;
		-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
		box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1)
	}

	header .nav_box_pc .login_wrap .userInfo .userInfoList .userInfoDetail {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding-bottom: 16px;
		border-bottom: 1px solid #E5E6EB
	}

	header .nav_box_pc .login_wrap .userInfo .userInfoList .userInfoDetail .avatar {
		width: 48px;
		height: 48px;
		border-radius: 50%;
		overflow: hidden;
		margin-right: 16px
	}

	header .nav_box_pc .login_wrap .userInfo .userInfoList .userInfoDetail .userInfoDetailText {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		overflow: hidden
	}

	header .nav_box_pc .login_wrap .userInfo .userInfoList .userInfoDetail .userInfoDetailText .nickname {
		color: #1D2129;
		font-size: 16px;
		font-weight: 500;
		line-height: 24px;
		overflow: hidden;
		white-space: nowrap;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis
	}

	header .nav_box_pc .login_wrap .userInfo .userInfoList .userInfoDetail .userInfoDetailText .mobPhone {
		color: #86909C;
		font-size: 14px;
		line-height: 22px
	}

	header .nav_box_pc .login_wrap .userInfo .userInfoList .userInfoHandle {
		margin-top: 16px
	}

	header .nav_box_pc .login_wrap .userInfo .userInfoList .userInfoHandleItem {
		height: 42px;
		padding: 0 8px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		cursor: pointer
	}

	header .nav_box_pc .login_wrap .userInfo .userInfoList .userInfoHandleItem:hover {
		background-color: #f7f8fa
	}

	header .nav_box_pc .login_wrap .userInfo .userInfoList .userInfoHandleItem+.userInfoHandleItem {
		margin-top: 4px
	}

	header .nav_box_pc .login_wrap .userInfo .userInfoList .userInfoHandleItem .userInfoHandleItemLeft {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	header .nav_box_pc .login_wrap .userInfo .userInfoList .userInfoHandleItem .userInfoHandleItemLeft .userInfoHandleItemText {
		color: #1D2129;
		font-size: 14px;
		line-height: 22px
	}

	header .nav_box_pc .login_wrap .userInfo .userInfoList .userInfoHandleItem .userInfoHandleItemLeft .notCertified {
		display: none;
		height: 22px;
		border-radius: 2px;
		margin-left: 8px;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 0 6px;
		background-color: #F2F3F5;
		color: #86909C;
		font-size: 12px;
		font-weight: 500;
		line-height: 18px
	}

	header .nav_box_pc .login_wrap .userInfo .userInfoList .userInfoHandleItem .userInfoHandleItemLeft .notCertified .icon1 {
		font-size: 12px;
		margin-right: 4px
	}

	header .nav_box_pc .login_wrap .userInfo .userInfoList .userInfoHandleItem .userInfoHandleItemLeft .certified {
		height: 22px;
		border-radius: 2px;
		margin-left: 8px;
		display: none;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 0 6px;
		background-color: #E8FFEA;
		color: #00B42A;
		font-size: 12px;
		font-weight: 500;
		line-height: 18px
	}

	header .nav_box_pc .login_wrap .userInfo .userInfoList .userInfoHandleItem .userInfoHandleItemLeft .certified .icon1 {
		font-size: 12px;
		margin-right: 4px
	}

	header .nav_box_pc .login_wrap .userInfo .userInfoList .logout {
		cursor: pointer;
		margin-top: 16px;
		height: 44px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		border: 1px solid #E5E6EB;
		font-size: 14px;
		font-weight: normal;
		color: #000
	}

	header .nav_box_mob {
		display: none
	}

	.white {
		backdrop-filter: blur(25.6000003815px);
    	background: hsla(0, 0%, 100%, .502);
		-webkit-transition: all .1s;
		-o-transition: all .1s;
		transition: all .1s;
	}

	.color_white {
		-webkit-transition: none;
		-o-transition: none;
		transition: none;
		backdrop-filter: blur(5px);
		background: rgba(0,0,0,0.14);
		border-bottom: 1px solid #2138a179
	}

	.color_white .nav_box_pc .left_wrap .nav_wrap .nav_item {
		color: #ffffff;
		opacity: .8
	}

	.color_white .nav_box_pc .left_wrap .nav_wrap .nav_item .line {
		background-color: #ffffff
	}

	.color_white .nav_box_pc .left_wrap .nav_wrap .nav_item:hover {
		opacity: 1
	}

	.color_white .nav_box_pc .left_wrap .nav_wrap .nav_item:hover .line {
		background-color: #ffffff
	}

	.color_white .nav_box_pc .left_wrap .nav_wrap .nav_active {
		opacity: 1
	}

	.color_white .nav_box_pc .white_img {
		display: block;
		opacity: 1
	}

	.color_white .nav_box_pc .black_img {
		display: none
	}

	.color_white .nav_box_pc .login_wrap .tel_number {
		color: #ffffff
	}

	.color_white .nav_box_pc .login_wrap .login a {
		color: #ffffff;
		opacity: .8
	}

	.color_white .nav_box_pc .login_wrap .login:hover a {
		color: #ffffff;
		opacity: 1
	}

	.color_white .nav_box_pc .login_wrap .register {
		background-color: #ffffff
	}

	.color_white .nav_box_pc .login_wrap .register a {
		color: #165DFF
	}

	.color_white .nav_box_pc .login_wrap .register:hover {
		background: rgba(255,255,255,0.94)
	}

	header:not(.header_two):not(.color_white):hover {
		background: #FFFFFF
	}
}

@media (min-width:1440px) {
	header .nav_box_pc {
		width: 1148px; 
	}
}

@media (max-width:768px) {
	header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 13.6vw;
		padding: 3.6vw 4.26666667vw;
		-webkit-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear;
		backdrop-filter: blur(1.33333333vw);
		background: rgba(255,255,255,0.12);
		z-index: 500
	}

	header.activity_header {
		border-bottom: unset
	}

	header .nav_box_pc {
		display: none
	}

	header .nav_box_mob {
		width: 100%;
		height: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	header .logo_wrap {
		height: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	header .logo_wrap .logo {
		display: inline-block;
		height: 6.4vw
	}

	header .logo_wrap .logo img {
		height: 100%
	}

	header .logo_wrap .logo .white_img {
		display: none
	}

	header .header_btn {
		margin-left: 4.8vw;
		-ms-flex-item-align: center;
		align-self: center;
		width: 20.66666667vw;
		height: 4.53333333vw;
		border: solid .13333333vw rgba(255,255,255,0.39);
		cursor: pointer;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	header .header_btn span {
		font-size: 2.66666667vw;
		color: #ffffff;
		-ms-flex-item-align: center;
		align-self: center
	}

	header .header_btn .icon {
		font-size: 2vw;
		margin-right: 1.06666667vw
	}

	header .header_btn1 {
		margin-left: 4.66666667vw;
		width: 20.66666667vw;
		height: 5.06666667vw;
		line-height: 5.06666667vw;
		position: relative;
		border: solid .13333333vw rgba(255,255,255,0.39);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	header .header_btn1 .product_nav_mob_click {
		width: 100%;
		height: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	header .header_btn1 span {
		font-size: 2.66666667vw;
		color: #ffffff;
		-ms-flex-item-align: center;
		align-self: center
	}

	header .header_btn1 .icon {
		font-size: 1.6vw;
		margin-left: .4vw;
		display: inline-block;
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg)
	}

	header .header_btn1 .product_nav_mob_div {
		display: none;
		position: absolute;
		top: 5.33333333vw;
		left: 0
	}

	header .header_btn1 .product_nav_mob_div .listWrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		background-color: #fff;
		width: 69.86666667vw;
		padding: 1.73333333vw 1.73333333vw 2.8vw;
		border-radius: .8vw
	}

	header .header_btn1 .product_nav_mob_div .listWrap .ulWrap {
		background-color: #fff;
		width: 20vw
	}

	header .header_btn1 .product_nav_mob_div .listWrap .ulWrap .liTab {
		margin-bottom: 2.66666667vw;
		color: #5D6574;
		font-weight: normal;
		font-size: 3.2vw
	}

	header .header_btn1 .product_nav_mob_div .listWrap .ulWrap .liTab .liTabImg {
		display: inline-block;
		width: 4.8vw;
		height: auto;
		vertical-align: text-bottom
	}

	header .header_btn1 .product_nav_mob_div .listWrap .ulWrap .liItem {
		width: 100%;
		height: 5.33333333vw;
		border-radius: .53333333vw;
		line-height: 5.33333333vw;
		color: #5D6574;
		font-weight: normal;
		font-size: 3.2vw;
		text-align: center;
		position: relative;
		background-color: rgba(44,110,255,0.04);
		margin-bottom: 2.66666667vw;
		overflow: hidden
	}

	header .header_btn1 .product_nav_mob_div .listWrap .ulWrap .liItem:hover {
		color: #fff;
		background-color: #2c6eff
	}

	header .header_btn1 .product_nav_mob_div .listWrap .ulWrap .liItem a {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%
	}

	header .show_language {
		display: none
	}

	header .product_nav_mob {
		display: block
	}

	header .nav_wrap_mob {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	header .user_icon {
		-ms-flex-item-align: center;
		align-self: center;
		width: 6.66666667vw;
		height: 6.66666667vw;
		padding-top: .66666667vw;
		margin-right: 2.66666667vw;
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	header .user_icon .is_logged {
		width: 5.33333333vw;
		height: 5.33333333vw
	}

	header .user_icon .white_img {
		display: none
	}

	header .user_icon .user_mob {
		position: fixed;
		top: 0;
		left: 0;
		background-color: #ffffff;
		width: 100vw;
		font-size: 3.73333333vw;
		z-index: 501;
		display: none
	}

	header .user_icon .user_mob .items {
		width: 100%;
		height: 14.13333333vw;
		border-bottom: .13333333vw solid #eaeef5;
		padding: 4.26666667vw;
		position: relative
	}

	header .user_icon .user_mob .items a {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%
	}

	header .user_icon .user_mob .img_item {
		height: 13.6vw;
		padding: 3.6vw 4.26666667vw;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	header .user_icon .user_mob .img_item .logo_img {
		height: 6.4vw
	}

	header .user_icon .user_mob .img_item .close_icon {
		width: 5.33333333vw;
		height: 5.33333333vw
	}

	header .user_icon .user_mob .account_center {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	header .user_icon .user_mob .account_center .tag {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	header .user_icon .user_mob .account_center .tag img {
		width: 4.26666667vw;
		height: 4.26666667vw
	}

	header .user_icon .user_mob .account_center .tag span {
		margin-left: 1.6vw
	}

	header .user_icon .user_mob .account_center .realized_tag {
		color: #165DFF
	}

	header .user_icon .user_mob .account_center .unrealized_tag {
		color: #86909C
	}

	header .user_icon .user_mob .login_box {
		height: 24.8vw;
		padding: 6.4vw 5.33333333vw;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	header .user_icon .user_mob .login_box .btn {
		width: 42vw;
		height: 12vw;
		border-radius: 1.06666667vw;
		border: .26666667vw solid #165DFF;
		text-align: center;
		line-height: 12vw;
		position: relative
	}

	header .user_icon .user_mob .login_box .btn a {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0
	}

	header .user_icon .user_mob .login_box .login {
		background: #165DFF;
		color: #FFFFFF
	}

	header .user_icon .user_mob .login_box .mob-register-btn {
		color: #165DFF
	}

	header .nav_icon {
		-ms-flex-item-align: center;
		align-self: center;
		width: 6.66666667vw;
		height: 6.66666667vw;
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	header .nav_icon .icon {
		-ms-flex-item-align: center;
		align-self: center;
		font-size: 5.33333333vw;
		color: #000000
	}

	header .nav_icon .nav_mob {
		position: fixed;
		top: 0;
		left: 0;
		background-color: transparent;
		width: 100vw;
		font-size: 3.73333333vw;
		z-index: 501;
		display: none
	}

	header .nav_icon .nav_mob .img_item {
		height: 13.6vw;
		padding: 3.6vw 4.26666667vw;
		background: #FFFFFF;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		border-bottom: 1px solid #F2F3F5
	}

	header .nav_icon .nav_mob .img_item .logo_img {
		height: 6.4vw
	}

	header .nav_icon .nav_mob .img_item .close_icon {
		width: 5.33333333vw;
		height: 5.33333333vw
	}

	header .nav_icon .nav_mob .nav_active {
		color: #2c6eff
	}

	header .nav_icon .nav_mob .menusBox {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		height: 137.6vw
	}

	header .nav_icon .nav_mob .menusBox .leftMenu {
		width: 28vw;
		background: #F7F7F8;
		padding-right: .8vw;
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}

	header .nav_icon .nav_mob .menusBox .leftMenu .item_menu {
		height: 12.8vw;
		padding: 0 4.267vw;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		font-size: 3.467vw;
		font-family: PingFangSC-Regular,PingFang SC;
		font-weight: 400;
		color: #1D2129;
		line-height: 12.8vw;
		position: relative;
		border-radius: 1.067vw;
		overflow: hidden
	}

	header .nav_icon .nav_mob .menusBox .leftMenu .item_menu.nav_active {
		color: #165dff
	}

	header .nav_icon .nav_mob .menusBox .leftMenu .active {
		color: #165DFF;
		background: #FFFFFF
	}

	header .nav_icon .nav_mob .menusBox .leftMenu .active:after {
		content: "";
		position: absolute;
		top: 4.667vw;
		left: 0;
		width: .533vw;
		height: 3.733vw;
		background: #165DFF
	}

	header .nav_icon .nav_mob .menusBox .rightMenu {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		background: #FFFFFF;
		overflow-y: scroll
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .menu_content {
		width: 100%;
		display: none
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .menu_content.active {
		display: block
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .item_menu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height: 12.8vw;
		padding: 0 4.267vw 0 6.4vw;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-box-shadow: inset 0 -0.26666667vw 0 #f2f3f5;
		box-shadow: inset 0 -0.26666667vw 0 #f2f3f5
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .item_menu .text {
		font-size: 3.733vw;
		font-family: PingFangSC-Semibold,PingFang SC;
		font-weight: 600;
		color: #1D2129;
		line-height: 5.867vw
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .item_menu .icon {
		width: 3.733vw;
		height: 3.733vw;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .item_menu .icon img {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .item_menu.active+.enterpriseLive {
		display: block
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .item_menu.active .icon {
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg)
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .enterpriseLive {
		width: 100%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		display: none
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .enterpriseLive.show {
		display: block
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .enterpriseLive .liveTitle {
		width: 100%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding-left: 6.4vw;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .enterpriseLive .liveTitle .icon {
		width: 5.333vw;
		height: 5.333vw;
		margin-right: 3.2vw;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .enterpriseLive .liveTitle .icon img {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .enterpriseLive .liveTitle .title {
		font-family: PingFangSC-Medium,PingFang SC;
		color: #1d2129;
		font-size: 3.73333333vw;
		line-height: 4.8vw;
		font-weight: 500
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .enterpriseLive .liveTitle .title_tip {
		margin-left: 2.13333333vw;
		color: #86909c;
		font-size: 3.2vw;
		line-height: 4.26666667vw;
		font-weight: 400
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .enterpriseLive .sub_title {
		margin-top: 1.33333333vw;
		padding-left: 14.933vw;
		width: 100%;
		font-size: 3.73333333vw;
		line-height: 5.86666667vw;
		font-weight: 400;
		color: #4e5969
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .enterpriseLive .card_list_wrap {
		padding: 5.33333333vw 0;
		width: 100%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		position: relative
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .enterpriseLive .card_list_wrap+.card_list_wrap::after {
		content: '';
		position: absolute;
		top: 0;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: calc(100% - 12.8vw);
		border-top: .26666667vw solid #f2f3f5
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .enterpriseLive .card_list_wrap .card_link {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .enterpriseLive .list {
		width: 100%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 4.26666667vw 12vw 0 14.933vw;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-flow: wrap;
		flex-flow: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		gap: 4.26666667vw 5.33333333vw
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .enterpriseLive .list .item {
		font-size: 3.733vw;
		font-family: PingFangSC-Regular,PingFang SC;
		font-weight: 400;
		color: #4E5969;
		line-height: 5.867vw
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .enterpriseLive+.item_menu {
		border-top: .26666667vw solid #f2f3f5
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .isUnfold {
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg)
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .serveBox {
		margin-bottom: 10.667vw
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .serveBox .serve_item {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin: 6.4vw 0 0 0
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .serveBox .serve_item .icon {
		width: 9.6vw;
		height: 9.6vw;
		border-radius: 1.6vw;
		overflow: hidden;
		margin: 0 3.2vw 0 6.4vw
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .serveBox .serve_item .icon img {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .serveBox .serve_item .text {
		font-size: 3.733vw;
		font-family: PingFangSC-Regular,PingFang SC;
		font-weight: 400;
		color: #4E5969;
		line-height: 5.867vw
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .serveBox .serve_item:nth-child(1) {
		margin-top: 5.333vw
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .more_solution_list_wrap {
		width: 100%
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .more_solution_item {
		position: relative;
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-shadow: inset 0 -0.26666667vw 0 #f2f3f5;
		box-shadow: inset 0 -0.26666667vw 0 #f2f3f5;
		padding: 5.33333333vw 4.26666667vw;
		color: #1d2129;
		gap: 4.26666667vw
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .more_solution_item.active {
		color: #165dff
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .more_solution_item .img {
		width: 100%;
		height: 100%;
		display: block
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .more_solution_item+.more_product_item {
		border-top: .26666667vw solid #f2f3f5
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .more_solution_item .more_solution_icon {
		width: 7.46666667vw;
		height: 7.46666667vw;
		-ms-flex-negative: 0;
		flex-shrink: 0
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .more_solution_item .more_solution_text_wrap {
		width: calc(100% - 32vw);
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column nowrap;
		flex-flow: column nowrap
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .more_solution_item .more_solution_text {
		width: 100%;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		font-size: 3.73333333vw;
		line-height: 5.86666667vw;
		font-weight: 600
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .more_solution_item .more_solution_tip {
		margin-top: .53333333vw;
		width: 100%;
		color: #86909c;
		font-size: 3.2vw;
		line-height: 5.33333333vw;
		font-weight: 400
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .more_solution_item .more_solution_arrow_icon {
		-ms-flex-negative: 0;
		flex-shrink: 0;
		width: 1.6vw;
		height: 3.73333333vw;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .more_solution_item .more_solution_arrow_icon .icon {
		font-size: 3.2vw;
		line-height: 3.73333333vw;
		font-weight: 400
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .more_solution_item .link {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .more_case_wrap {
		width: 100%;
		padding: 4.26666667vw 6.4vw
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .more_case_title {
		width: 100%;
		color: #1d2129;
		font-size: 3.73333333vw;
		line-height: 5.86666667vw;
		font-weight: 600
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .more_case_list_wrap {
		margin-top: 2.66666667vw;
		width: 100%
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .more_case_list_wrap .img {
		width: 100%;
		height: 100%;
		display: block
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .more_case_list_wrap .case_item {
		width: 61.33333333vw;
		height: 16vw;
		position: relative;
		z-index: 0;
		overflow: hidden;
		border-radius: 1.06666667vw;
		display: block;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .more_case_list_wrap .case_item .img {
		-o-object-fit: cover;
		object-fit: cover
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .more_case_list_wrap .case_item+.case_item {
		margin-top: 3.2vw
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .more_case_list_wrap .case_item .case_bg {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .more_case_list_wrap .case_item .item_title {
		position: relative;
		z-index: 1;
		width: 100%;
		text-align: center;
		color: #fff;
		font-size: 3.73333333vw;
		line-height: 4.8vw;
		font-weight: 500
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .more_about_list_wrap {
		width: 100%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 16px 24px
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .more_about_item {
		position: relative;
		width: 100%;
		-webkit-box-shadow: inset 0 -0.26666667vw 0 #f2f3f5;
		box-shadow: inset 0 -0.26666667vw 0 #f2f3f5;
		padding: 5.6vw 4.26666667vw 5.6vw 6.4vw;
		color: #1d2129;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 4.26666667vw;
		z-index: 1
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .more_about_item.active {
		color: #165dff
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .more_about_item .img {
		width: 100%;
		height: 100%;
		display: block
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .more_about_item+.more_product_item {
		border-top: .26666667vw solid #f2f3f5
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .more_about_item+.more_about_item {
		margin-top: 3.2vw
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .more_about_item .more_about_bg {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: -1
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .more_about_item .more_about_text_wrap {
		width: 100%;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .more_about_item .more_about_text {
		width: 100%;
		font-size: 3.73333333vw;
		line-height: 5.86666667vw;
		font-weight: 600
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .more_about_item .more_about_tip {
		margin-top: 1.06666667vw;
		width: 100%;
		font-size: 3.2vw;
		line-height: 4.8vw;
		font-weight: 400;
		color: #4e5969
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .more_about_item .link {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .more_download_list_wrap {
		width: 100%
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .more_download_list_wrap .img {
		width: 100%;
		height: 100%;
		display: block
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .more_download_item {
		position: relative;
		width: 100%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 5.33333333vw 6.4vw
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .more_download_item+.more_download_item {
		border-top: .26666667vw solid #f2f3f5
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .more_download_item .link {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: block
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .more_download_item:hover .app_name,header .nav_icon .nav_mob .menusBox .rightMenu .more_download_item.active .app_name {
		color: #165dff
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .more_download_item .more_download_card_top {
		width: 100%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		gap: 3.2vw
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .more_download_item .app_logo {
		width: 5.33333333vw;
		height: 5.33333333vw;
		border-radius: 1.06666667vw;
		overflow: hidden
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .more_download_item .app_name {
		color: #1d2129;
		font-size: 3.73333333vw;
		line-height: 5.33333333vw;
		font-weight: 500
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .more_download_item .recommend_tag {
		background-image: -webkit-linear-gradient(233.26deg, #2ec3fb 0%, #165dff 100%);
		background-image: -o-linear-gradient(233.26deg, #2ec3fb 0%, #165dff 100%);
		background-image: linear-gradient(216.74deg, #2ec3fb 0%, #165dff 100%);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		border-radius: 5.33333333vw;
		padding: .53333333vw 2.66666667vw;
		font-size: 3.2vw;
		line-height: 4.26666667vw;
		font-weight: 500;
		color: #fff
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .more_download_item .more_download_card_bottom {
		margin-top: 4.26666667vw;
		width: 100%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding-left: 8.53333333vw;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 4.8vw
	}

	header .nav_icon .nav_mob .menusBox .rightMenu .more_download_item .card_tag {
		min-width: 20vw;
		color: #4e5969;
		font-size: 13px;
		line-height: 20px;
		font-weight: 500
	}

	.white {
		background-color: rgba(255,255,255,0.8)
	}

	.white .header_btn1 {
		border: solid .13333333vw #2c6eff
	}

	.white .header_btn1 span {
		color: #2c6eff
	}

	.color_white {
		-webkit-transition: none;
		-o-transition: none;
		transition: none;
		backdrop-filter: blur(.66666667vw);
		background: #1b19783a;
		border-bottom: .13333333vw solid #2138a179
	}

	.color_white .nav_box_mob .white_img {
		display: block !important
	}

	.color_white .nav_box_mob .black_img {
		display: none !important
	}

	.color_white .nav_box_mob .user_icon .is_logged {
		display: none
	}

	.color_white .nav_box_mob .user_icon .white_img {
		display: block
	}

	.color_white .nav_box_mob .nav_icon .icon {
		color: #ffffff
	}

	.mask {
		display: none;
		background-color: rgba(0,0,0,0.7);
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 499
	}
}

.flex-row-between {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.flex-row-start {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.flex-row-center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

@media (min-width:768px) {
	.header {
		width: 100%;
		height: 81px;
		position: fixed;
		top: 0;
		left: 0;
		-webkit-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear;
		z-index: 500
	}

	.header .nav_box_pc {
		width: 1200px;
		height: 100%;
		margin: 0 auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	.header .nav_box_pc .logo_wrap {
		-ms-flex-item-align: center;
		align-self: center;
		height: 52px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start
	}

	.header .nav_box_pc .logo {
		display: inline-block;
		height: 100%
	}

	.header .nav_box_pc .logo img {
		height: 100%
	}

	.header .nav_box_pc .header_btn {
		width: 126px;
		height: 34px;
		-ms-flex-item-align: center;
		align-self: center;
		border: 1px solid rgba(255,255,255,0.39);
		margin-left: 45px;
		font-size: 14px;
		position: relative;
		cursor: pointer;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.header .nav_box_pc .header_btn span {
		color: #ffffff;
		-ms-flex-item-align: center;
		align-self: center
	}

	.header .nav_box_pc .header_btn .icon {
		margin-right: 10px
	}

	.header .nav_box_pc .show_language {
		display: none
	}

	.header .nav_box_pc .product_nav_mob {
		display: none
	}

	.header .nav_box_pc .more_product_wrap {
		position: absolute;
		top: 34px;
		width: 145px;
		padding: 15px 0;
		display: none
	}

	.header .nav_box_pc .more_product_wrap .triangle {
		position: absolute;
		top: 5px;
		right: 30px;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		width: 20px;
		height: 20px;
		background-color: white;
		border-left: 1px solid rgba(0,0,0,0.1);
		border-top: 1px solid rgba(0,0,0,0.1)
	}

	.header .nav_box_pc .more_product_wrap .more_product_list {
		width: 100%;
		padding: 10px 10px;
		-webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
		box-shadow: 0 3px 10px rgba(0,0,0,0.1);
		background-color: #ffffff
	}

	.header .nav_box_pc .more_product_wrap .more_product_list li {
		width: 100%;
		height: 54px;
		border-top: 1px solid #eeeeee;
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start
	}

	.header .nav_box_pc .more_product_wrap .more_product_list li:first-child {
		border-top: 0
	}

	.header .nav_box_pc .more_product_wrap .more_product_list li a {
		position: absolute;
		display: block;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%
	}

	.header .nav_box_pc .more_product_wrap .more_product_list li:hover {
		color: #3F7BFF
	}

	.header .nav_box_pc .more_product_wrap .more_product_list .product_logo {
		margin: 0 10px;
		-ms-flex-item-align: center;
		align-self: center;
		width: 21px;
		height: 21px
	}

	.header .nav_box_pc .more_product_wrap .more_product_list .product_logo img {
		width: 100%;
		height: 100%
	}

	.header .nav_box_pc .more_product_wrap .more_product_list .product_text {
		-ms-flex-item-align: center;
		align-self: center
	}

	.header .nav_box_pc .nav_wrap {
		height: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.header .nav_box_pc .nav_wrap .nav_item {
		-ms-flex-item-align: center;
		align-self: center;
		position: relative;
		padding: 0 5px;
		margin-left: 40px;
		color: #ffffff;
		cursor: pointer
	}

	.header .nav_box_pc .nav_wrap .nav_item:first-child {
		margin-left: 0
	}

	.header .nav_box_pc .nav_wrap .nav_item .line {
		position: absolute;
		width: 0;
		height: 3px;
		background-color: #ffffff;
		bottom: -12px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		-webkit-transition: width .3s linear;
		-o-transition: width .3s linear;
		transition: width .3s linear
	}

	.header .nav_box_pc .nav_wrap .nav_item:hover .line {
		width: 42px
	}

	.header .nav_box_pc .nav_wrap .nav_item a {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%
	}

	.header .nav_box_pc .nav_wrap .nav_active {
		font-weight: 600
	}

	.header .nav_box_pc .nav_wrap .nav_active .line {
		width: 42px
	}

	.header .nav_box_pc .nav_wrap .page_product {
		position: relative
	}

	.header .nav_box_pc .nav_wrap .page_product .product_wrap {
		display: none;
		position: absolute;
		top: 45px;
		left: 0;
		background-color: #fff;
		border-radius: 1px;
		padding: 14px 20px 12px;
	}

	.header .nav_box_pc .nav_wrap .page_product .product_wrap .productLink {
		width: 100%;
		display: block;
		color: #333333;
		font-size: 14px;
		white-space: nowrap;
		font-weight: normal;
		padding-bottom: 16px
	}

	.header .nav_box_pc .nav_wrap .page_product .product_wrap .productLink .icon {
		position: relative;
		top: 2px;
		left: 5px
	}

	.header .nav_box_pc .nav_wrap .page_product .product_wrap .listWrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap
	}

	.header .nav_box_pc .nav_wrap .page_product .product_wrap .listWrap .ulWrap {
		width: 102px;
		margin-left: 40px
	}

	.header .nav_box_pc .nav_wrap .page_product .product_wrap .listWrap .ulWrap:nth-child(1) {
		margin-left: 0
	}

	.header .nav_box_pc .nav_wrap .page_product .product_wrap .listWrap .ulWrap .liTab {
		margin-bottom: 15px;
		color: #5D6574;
		font-weight: normal;
		font-size: 14px
	}

	.header .nav_box_pc .nav_wrap .page_product .product_wrap .listWrap .ulWrap .liTab .liTabImg {
		display: inline-block;
		width: 20px;
		height: auto;
		margin-right: 9px;
		vertical-align: text-bottom
	}

	.header .nav_box_pc .nav_wrap .page_product .product_wrap .listWrap .ulWrap .liItem {
		width: 100%;
		height: 28px;
		border-radius: 2px;
		line-height: 28px;
		color: #5D6574;
		font-weight: normal;
		font-size: 14px;
		text-align: center;
		position: relative;
		background-color: rgba(44,110,255,0.04);
		margin-bottom: 12px
	}

	.header .nav_box_pc .nav_wrap .page_product .product_wrap .listWrap .ulWrap .liItem:hover {
		color: #fff;
		background-color: #2c6eff
	}

	.header .nav_box_pc .nav_wrap .login {
		width: 58px;
		height: 32px;
		font-size: 14px;
		margin-left: 38px;
		line-height: 32px;
		text-align: center;
		border-radius: 2px;
		border: solid 1px #fff;
		cursor: pointer;
		color: #fff
	}

	.header .nav_box_pc .nav_wrap .login a {
		width: 100%;
		height: 100%;
		display: block;
		font-weight: 500;
		color: #fff;
		font-size: 14px
	}

	.header .nav_box_pc .nav_wrap .login:hover {
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
		background-color: rgba(255,255,255,0.1);
		border: solid 1px #fff
	}

	.header .nav_box_pc .nav_wrap .login:hover a {
		color: #fff
	}

	.header .nav_box_pc .nav_wrap .logout {
		margin-left: 55px;
		cursor: pointer;
		position: relative
	}

	.header .nav_box_pc .nav_wrap .logout .head_photo {
		height: 40px;
		width: 40px;
		border-radius: 50%
	}

	.header .nav_box_pc .nav_wrap .logout a {
		display: none;
		position: absolute;
		right: 0;
		bottom: -47px;
		width: 96px;
		height: 40px;
		background-color: #ffffff;
		border-radius: 2px;
		color: #5d6574;
		line-height: 40px;
		font-size: 14px;
		text-align: center
	}

	.header .nav_box_pc .nav_wrap .logout a:hover {
		color: #FA9D5F
	}

	.header .nav_box_pc .nav_wrap .register-btn {
		position: relative;
		left: 14px
	}

	.header .nav_box_pc .nav_wrap .register-btn a {
		width: 88px;
		height: 32px;
		border-radius: 2px;
		background-color: #fff;
		display: inline-block;
		vertical-align: top;
		line-height: 32px;
		text-align: center;
		color: #0D238C;
		font-size: 14px;
		font-weight: 500;
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s
	}

	.header .nav_box_pc .nav_wrap .register-btn a:hover {
		background-color: #eee
	}

	.header .nav_box_pc .nav_wrap .enter-admin {
		position: relative;
		left: 14px
	}

	.header .nav_box_pc .nav_wrap .enter-admin a {
		width: 88px;
		height: 32px;
		border-radius: 2px;
		background-color: #ffffff;
		display: inline-block;
		line-height: 32px;
		text-align: center;
		color: #0D238C;
		font-size: 14px;
		font-weight: 500;
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s
	}

	.header .nav_box_pc .nav_wrap .enter-admin a:hover {
		background-color: #eee
	}

	.header .nav_box_mob {
		display: none
	}

	.black {
		background-color: #252b3a
	}
}

@media (max-width:768px) {
	.header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 11.6vw;
		padding: 2.4vw 3.33333333vw;
		-webkit-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear;
		z-index: 500;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	.header .nav_box_pc {
		display: none
	}

	.header .nav_box_mob {
		width: 100%;
		height: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	.header .logo_wrap {
		height: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start
	}

	.header .logo_wrap .logo {
		display: inline-block;
		height: 100%
	}

	.header .logo_wrap .logo img {
		height: 100%
	}

	.header .header_btn {
		margin-left: 4.8vw;
		-ms-flex-item-align: center;
		align-self: center;
		width: 20.66666667vw;
		height: 4.53333333vw;
		border: solid 1px rgba(255,255,255,0.39);
		cursor: pointer;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.header .header_btn span {
		font-size: 2.66666667vw;
		color: #ffffff;
		-ms-flex-item-align: center;
		align-self: center
	}

	.header .header_btn .icon {
		font-size: 2vw;
		margin-right: 1.06666667vw
	}

	.header .header_btn1 {
		margin-left: 4.66666667vw;
		width: 20.66666667vw;
		height: 5.06666667vw;
		line-height: 5.06666667vw;
		position: relative;
		border: solid 1px rgba(255,255,255,0.39);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.header .header_btn1 .product_nav_mob_click {
		width: 100%;
		height: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.header .header_btn1 span {
		font-size: 2.66666667vw;
		color: #ffffff;
		-ms-flex-item-align: center;
		align-self: center
	}

	.header .header_btn1 .icon {
		font-size: 1.6vw;
		margin-left: .4vw;
		display: inline-block;
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg)
	}

	.header .header_btn1 .product_nav_mob_div {
		display: none;
		position: absolute;
		top: 5.33333333vw;
		left: 0
	}

	.header .header_btn1 .product_nav_mob_div .listWrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		background-color: #fff;
		width: 69.86666667vw;
		padding: 1.73333333vw 1.73333333vw 2.8vw;
		border-radius: .8vw
	}

	.header .header_btn1 .product_nav_mob_div .listWrap .ulWrap {
		background-color: #fff;
		width: 20vw
	}

	.header .header_btn1 .product_nav_mob_div .listWrap .ulWrap .liTab {
		margin-bottom: 2.66666667vw;
		color: #5D6574;
		font-weight: normal;
		font-size: 3.2vw
	}

	.header .header_btn1 .product_nav_mob_div .listWrap .ulWrap .liTab .liTabImg {
		display: inline-block;
		width: 4.8vw;
		height: auto;
		vertical-align: text-bottom
	}

	.header .header_btn1 .product_nav_mob_div .listWrap .ulWrap .liItem {
		width: 100%;
		height: 5.33333333vw;
		border-radius: .53333333vw;
		line-height: 5.33333333vw;
		color: #5D6574;
		font-weight: normal;
		font-size: 3.2vw;
		text-align: center;
		position: relative;
		background-color: rgba(44,110,255,0.04);
		margin-bottom: 2.66666667vw;
		overflow: hidden
	}

	.header .header_btn1 .product_nav_mob_div .listWrap .ulWrap .liItem:hover {
		color: #fff;
		background-color: #2c6eff
	}

	.header .header_btn1 .product_nav_mob_div .listWrap .ulWrap .liItem a {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%
	}

	.header .show_language {
		display: none
	}

	.header .product_nav_mob {
		display: block
	}

	.header .nav_icon {
		-ms-flex-item-align: center;
		align-self: center;
		width: 6.66666667vw;
		height: 6.66666667vw;
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.header .nav_icon .icon {
		-ms-flex-item-align: center;
		align-self: center;
		font-size: 5.33333333vw;
		color: #ffffff
	}

	.header .nav_icon .nav_mob {
		position: absolute;
		top: 7.33333333vw;
		right: 0;
		background-color: rgba(0,0,0,0.8);
		width: 33.06666667vw;
		border-radius: .13333333vw;
		font-size: 3.2vw;
		padding: 4vw 4.53333333vw;
		display: none
	}

	.header .nav_icon .nav_mob .items {
		font-size: 3.2vw;
		height: 7.2vw;
		line-height: 7.2vw;
		width: 100%;
		padding-left: 3.73333333vw;
		text-align: left;
		margin-bottom: 6px;
		color: #ffffff;
		position: relative
	}

	.header .nav_icon .nav_mob .items a {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%
	}

	.header .nav_icon .nav_mob .nav_active {
		color: #2c6eff
	}

	.header .nav_icon .nav_mob .mob-enter-admin a {
		width: 24vw;
		height: 7.2vw;
		background-color: #2c6eff;
		border-radius: .26666667vw;
		font-size: 3.2vw;
		line-height: 7.2vw;
		text-align: center;
		color: #ffffff;
		padding-left: 0;
		display: inline-block
	}

	.header .nav_icon .nav_mob .mob-register-btn a {
		width: 24vw;
		height: 7.2vw;
		background-color: #2c6eff;
		border-radius: .26666667vw;
		font-size: 3.2vw;
		line-height: 7.2vw;
		text-align: center;
		color: #ffffff;
		padding-left: 0;
		display: inline-block
	}

	.header .nav_btn {
		height: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.header .nav_btn .login {
		padding: 0 2vw;
		height: 5.86666667vw;
		font-size: 3.2vw;
		margin-left: 5.06666667vw;
		line-height: 5.86666667vw;
		text-align: center;
		border-radius: 1px;
		border: solid 1px #fff;
		cursor: pointer;
		color: #fff
	}

	.header .nav_btn .login a {
		width: 100%;
		height: 100%;
		display: block;
		color: #fff;
		font-size: 3.2vw
	}

	.header .nav_btn .logout {
		font-size: 3.2vw;
		height: 5.86666667vw;
		line-height: 5.86666667vw;
		padding: 0 2vw;
		color: #ffffff;
		border: solid 1px #fff;
		position: relative
	}

	.header .nav_btn .logout a {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%
	}

	.header .nav_btn .mob-enter-admin {
		margin-left: 5.06666667vw;
		font-size: 3.2vw;
		height: 5.86666667vw;
		line-height: 5.86666667vw;
		padding: 0 2vw;
		color: #ffffff;
		border: solid 1px #fff;
		position: relative
	}

	.header .nav_btn .mob-enter-admin a {
		color: #ffffff;
		line-height: 5.86666667vw;
		font-size: 3.2vw
	}

	.black {
		background-color: #252b3a
	}
}

@media (min-width:768px) {
	#footer {
		width: 100%;
		background-color: #1e2fa7
	}

	#footer div {
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}

	#footer .img {
		width: 100%;
		height: 100%;
		display: block
	}

	#footer.index_footer {
		padding-bottom: 88px
	}

	#footer .gray_line {
		width: 100%;
		height: 1px;
		background: rgba(255,255,255,0.1)
	}

	#footer .foot_tab {
		width: 1180px;
		margin: 0 auto;
		padding: 0 46px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	#footer .foot_tab .tab_item {
		padding: 28px 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		color: #fff
	}

	#footer .foot_tab .tab_item img {
		height: 32px;
		width: 32px;
		margin-right: 12px
	}

	#footer .foot_tab .active {
		color: #1D2129
	}

	#footer .foot_box {
		width: 1180px;
		margin: 0 auto;
		padding: 65px 0 74px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	#footer .foot_box .footer_logo {
		width: 107px;
		height: 40px
	}

	#footer .foot_box .footer_logo_wrap {
		-ms-flex-negative: 0;
		flex-shrink: 0
	}

	#footer .foot_box .footer_qrcode {
		margin-top: 40px;
		width: 108px;
		height: 108px;
		padding: 11px;
		background-color: #fff
	}

	#footer .foot_box .footer_btn {
		margin-top: 16px;
		width: 108px;
		height: 40px;
		text-align: center;
		font-size: 16px;
		line-height: 40px;
		font-weight: 500;
		background-image: -webkit-linear-gradient(233.26deg, #2eaffb 0%, #165dff 60%, #165dff 100%);
		background-image: -o-linear-gradient(233.26deg, #2eaffb 0%, #165dff 60%, #165dff 100%);
		background-image: linear-gradient(216.74deg, #2eaffb 0%, #165dff 60%, #165dff 100%);
		border-radius: 4px;
		color: #fff;
		cursor: pointer
	}

	#footer .foot_box .footer_message {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	#footer .foot_box .item_title {
		text-align: left;
		color: #fff;
		font-size: 16px;
		line-height: 24px;
		font-weight: 600
	}

	#footer .foot_box .item_content {
		margin-top: 16px;
		color: rgba(255,255,255,0.6);
		font-size: 14px;
		line-height: 22px;
		font-weight: 400;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column wrap;
		flex-flow: column wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: start
	}

	#footer .foot_box .item_content .item_link {
		color: rgba(255,255,255,0.6);
		display: block;
		font-size: 14px;
		line-height: 22px;
		font-weight: 400;
		-webkit-transition: color .3s linear;
		-o-transition: color .3s linear;
		transition: color .3s linear
	}

	#footer .foot_box .item_content .item_link:hover {
		color: #fff;
		transition: 0.3s;
		margin-left: 1px;
	}

	#footer .foot_box .item_content .item_link+.item_link {
		margin-top: 20px
	}

	#footer .foot_box .item_content .item_row {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		font-size: 14px;
		line-height: 22px;
		font-weight: 400;
		color: rgba(255,255,255,0.6);
		white-space: nowrap;
		-webkit-transition: color .3s linear;
		-o-transition: color .3s linear;
		transition: color .3s linear
	}

	#footer .foot_box .item_content .item_row.row_btn {
		cursor: pointer
	}

	#footer .foot_box .item_content .item_row .icon {
		width: 16px;
		height: 16px;
		opacity: .85;
		-webkit-transition: opacity .3s linear;
		-o-transition: opacity .3s linear;
		transition: opacity .3s linear;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		font-size: 16px
	}

	#footer .foot_box .item_content .item_row .title {
		padding: 0 4px 0 9px
	}

	#footer .foot_box .item_content .item_row .tip {
		color: rgba(255,255,255,0.5);
		-webkit-transition: -webkit-transform .3s linear;
		transition: -webkit-transform .3s linear;
		-o-transition: transform .3s linear;
		transition: transform .3s linear;
		transition: transform .3s linear, -webkit-transform .3s linear
	}

	#footer .foot_box .item_content .item_row+.item_row {
		margin-top: 20px
	}

	#footer .foot_box .item_content .item_row:hover {
		color: #fff;
		transition: 0.5s;
		margin-left: 1px;
	}

	#footer .foot_box .item_content .item_row:hover .tip {
		color: rgba(255,255,255,0.8)
		margin-left: 5px;
	}

	#footer .foot_box .item_content .item_row:hover .icon {
		opacity: 1
	}

	#footer .foot_box .item_content .item_row.more .title {
		padding: 0
	}

	#footer .foot_box .item_content .item_row.more.is_show .icon {
		-webkit-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg)
	}

	#footer .foot_box .item_content .item_row.more .icon {
		padding-top: 2px;
		font-size: 10px;
		-webkit-transition: -webkit-transform .3s linear;
		transition: -webkit-transform .3s linear;
		-o-transition: transform .3s linear;
		transition: transform .3s linear;
		transition: transform .3s linear, -webkit-transform .3s linear
	}

	#footer .foot_box .item_content .item_row.city_list {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	#footer .foot_box .item_content .item_row .city_bar {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	#footer .foot_box .item_content .item_row .city_bar+.city_bar {
		margin-top: 6px
	}

	#footer .foot_box .item_content .item_row .bar_item {
		position: relative
	}

	#footer .foot_box .item_content .item_row .bar_item+.bar_item {
		margin-left: 20px
	}

	#footer .foot_box .item_content .item_row .bar_item+.bar_item::before {
		content: '';
		position: absolute;
		top: 50%;
		left: -10px;
		width: 1px;
		height: 10px;
		background-color: #c9cdd4;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%)
	}

	#footer .foot_box .item_content .more_content {
		margin-top: 20px;
		display: none
	}

	#footer .foot_box .footer_contact .item_content .item_row {
		font-family: 'OPPOSans-M'
	}

	#footer .foot_box .footer_contact .item_content .item_row:hover {
		color: unset
	}

	#footer .foot_box .footer_qrcode_wrap {
		width: 235px
	}

	#footer .foot_box .footer_qrcode_wrap .qrcode_wrap {
		padding-top: 31px;
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	#footer .foot_box .footer_qrcode_wrap .qrcode {
		width: 108px;
		height: 108px
	}

	#footer .foot_box .footer_qrcode_wrap .qrcode img {
		width: 100%;
		height: 100%
	}

	#footer .foot_box .footer_qrcode_wrap .qrcode_text {
		margin-top: 15px;
		width: 100%;
		text-align: center;
		font-size: 14px;
		color: #ffffff
	}

	#footer .footer_mob {
		display: none
	}

	#top_tips {
		position: fixed;
		top: 80px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 180px;
		border-radius: 25px;
		height: 50px;
		background-color: rgba(0,0,0,0.6);
		color: #ffffff;
		text-align: center;
		line-height: 50px;
		z-index: 999;
		display: none
	}
}

@media (max-width:768px) {
	#footer {
		width: 100%;
		background-color: #040b1f
	}

	#footer div {
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}

	#footer .img {
		width: 100%;
		height: 100%;
		display: block
	}

	#footer.index_footer {
		padding-bottom: 14.4vw
	}

	#footer .footer_pc {
		display: none
	}

	#footer .footer_mob {
		width: 100%
	}

	#footer .footer_message {
		width: 100%
	}

	#footer .item_title {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		padding: 4vw 5.33333333vw;
		font-size: 4.26666667vw;
		line-height: 5.33333333vw;
		font-weight: 500;
		color: #fff;
		-webkit-box-shadow: inset 0 -0.13333333vw 0 rgba(255,255,255,0.1);
		box-shadow: inset 0 -0.13333333vw 0 rgba(255,255,255,0.1)
	}

	#footer .item_title .icon {
		width: 4.26666667vw;
		height: 4.26666667vw;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		font-size: 2.66666667vw;
		-webkit-transition: -webkit-transform .3s linear;
		transition: -webkit-transform .3s linear;
		-o-transition: transform .3s linear;
		transition: transform .3s linear;
		transition: transform .3s linear, -webkit-transform .3s linear
	}

	#footer .item_title.show_content .icon {
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg)
	}

	#footer .item_content {
		display: none;
		width: 100%;
		padding: 5.33333333vw
	}

	#footer .item_content .item_content_flex {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		gap: 5.33333333vw 8.53333333vw
	}

	#footer .item_content .item_link {
		display: block;
		color: rgba(255,255,255,0.6);
		font-size: 3.46666667vw;
		line-height: 4.53333333vw;
		font-weight: 500
	}

	#footer .item_content .item_row {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		font-size: 3.46666667vw;
		line-height: 4.53333333vw;
		font-weight: 500;
		color: rgba(255,255,255,0.6);
		white-space: nowrap
	}

	#footer .item_content .item_row .icon {
		width: 4.26666667vw;
		height: 4.26666667vw;
		display: none;
		font-size: 4.26666667vw
	}

	#footer .item_content .item_row .tip {
		color: rgba(255,255,255,0.6);
		display: none
	}

	#footer .footer_gray_line {
		background-color: rgba(229,230,235,0.1);
		width: 100%;
		height: .26666667vw
	}

	#footer .footer_contact {
		width: 100%;
		padding: 1.06666667vw 5.33333333vw 7.46666667vw
	}

	#footer .footer_contact .contact_title {
		width: 100%;
		padding: 4.26666667vw 0;
		font-size: 4.26666667vw;
		line-height: 5.33333333vw;
		font-weight: 500;
		color: #fff
	}

	#footer .footer_contact .contact_content {
		width: 100%
	}

	#footer .footer_contact .contact_content .item_row {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		font-size: 3.46666667vw;
		line-height: 4.53333333vw;
		font-weight: 500;
		color: rgba(255,255,255,0.6);
		white-space: nowrap
	}

	#footer .footer_contact .contact_content .item_row+.item_row {
		margin-top: 4.26666667vw
	}

	#footer .footer_contact .contact_content .item_row.city_list {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	#footer .footer_contact .contact_content .item_row .city_bar {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	#footer .footer_contact .contact_content .item_row .city_bar+.city_bar {
		margin-top: 4.26666667vw
	}

	#footer .footer_contact .contact_content .item_row .bar_item {
		position: relative
	}

	#footer .footer_contact .contact_content .item_row .bar_item+.bar_item {
		margin-left: 6.4vw
	}

	#footer .footer_contact .contact_content .item_row .bar_item+.bar_item::before {
		content: '';
		position: absolute;
		top: 50%;
		left: -3.2vw;
		width: 1px;
		height: 2.13333333vw;
		background-color: #c9cdd4;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%)
	}

	#footer .footer_contact .contact_content .footer_qrcode {
		margin-top: 5.33333333vw;
		width: 22.4vw;
		height: 22.4vw;
		padding: 1.06666667vw;
		background-color: #fff
	}

	#footer .footer_contact .contact_content .footer_btn {
		margin-top: 4.8vw;
		width: 23.46666667vw;
		height: 9.06666667vw;
		border-radius: 1.06666667vw;
		background-image: -webkit-linear-gradient(233.26deg, #2eaffb 0%, #165dff 60%, #165dff 100%);
		background-image: -o-linear-gradient(233.26deg, #2eaffb 0%, #165dff 60%, #165dff 100%);
		background-image: linear-gradient(216.74deg, #2eaffb 0%, #165dff 60%, #165dff 100%);
		font-size: 3.73333333vw;
		line-height: 9.06666667vw;
		font-weight: 400;
		text-align: center;
		color: #fff
	}

	#top_tips {
		position: fixed;
		top: 10.66666667vw;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 40vw;
		border-radius: 4vw;
		-webkit-animation: fadIn .6s linear;
		animation: fadIn .6s linear;
		height: 8vw;
		background-color: rgba(0,0,0,0.6);
		color: #ffffff;
		text-align: center;
		line-height: 8vw;
		z-index: 999;
		font-size: 3.33333333vw;
		display: none
	}
}

@-webkit-keyframes fadIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes fadIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

.copyright_bar_wrap {
	width: 100%;
	font-size: 13px;
	line-height: 22px;
	color: rgba(255,255,255,0.6);
	font-weight: 500
}

.copyright_bar_wrap .img {
	width: 100%;
	height: 100%;
	display: block
}

.copyright_bar_wrap a {
	color: inherit
}

.copyright_bar_wrap .pc {
	display: block
}

.copyright_bar_wrap .mob {
	display: none
}

.copyright_bar_wrap .copyright_bar_content {
	margin: 0 auto;
	width: 100%;
	max-width: 1180px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 23px 0
}

.copyright_bar_wrap .record_wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 8px
}

.copyright_bar_wrap .record_police {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 8px
}

.copyright_bar_wrap .record_icon {
	width: 24px;
	height: 24px
}

.copyright_bar_wrap .copyright_wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 8px
}

.copyright_bar_wrap .copyright_text {
	white-space: nowrap
}

.copyright_bar_wrap .agreement_wrap {
	padding-left: 4px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 8px
}

@media screen and (max-width:750px) {
	.copyright_bar_wrap {
		font-size: 3.2vw;
		line-height: 4.26666667vw
	}

	.copyright_bar_wrap a:hover {
		color: inherit
	}

	.copyright_bar_wrap .pc {
		display: none
	}

	.copyright_bar_wrap .mob {
		display: block
	}

	.copyright_bar_wrap .copyright_bar_content {
		padding: 4.8vw 2.66666667vw 5.33333333vw 5.33333333vw;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column nowrap;
		flex-flow: column nowrap;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}

	.copyright_bar_wrap .record_wrap {
		width: 100%;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column nowrap;
		flex-flow: column nowrap;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		gap: 3.2vw
	}

	.copyright_bar_wrap .record_police {
		gap: 1.06666667vw
	}

	.copyright_bar_wrap .record_icon {
		width: 3.2vw;
		height: 3.2vw
	}

	.copyright_bar_wrap .copyright_wrap {
		margin-top: 3.2vw;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-flow: column-reverse nowrap;
		flex-flow: column-reverse nowrap;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		gap: 3.2vw
	}

	.copyright_bar_wrap .agreement_wrap {
		padding-left: 0
	}
}

.contact_us {
	width: 100%;
	background-color: #f8faff;
	position: relative
}

.contact_us .contact_big {
	position: absolute;
	top: 78px;
	right: -99px;
	width: 348px;
	height: 345px
}

.contact_us .contact_big img {
	width: 100%;
	height: 100%
}

.contact_us .contact_small {
	position: absolute;
	top: 424px;
	left: 82px;
	width: 169px;
	height: 167px
}

.contact_us .contact_small img {
	width: 100%;
	height: 100%
}

.contact_us .contact_content {
	width: 1180px;
	height: 100%;
	margin: 0 auto;
	position: relative
}

.contact_us .form_wrap {
	width: 582px;
	height: 100%;
	margin: 0 auto;
	padding: 80px 0 100px
}

.contact_us .form_wrap .form_title {
	width: 100%;
	text-align: center;
	font-size: 26px;
	color: #333333
}

.contact_us .form_wrap .form_text {
	width: 100%;
	padding-top: 20px;
	text-align: center;
	font-size: 14px;
	color: #5d6574
}

.contact_us .form_wrap .form_tel {
	width: 100%;
	padding-top: 15px;
	text-align: center;
	font-size: 20px;
	color: #5d6574
}

.contact_us .form_wrap .form_input {
	padding-top: 24px;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative
}

.contact_us .form_wrap .form_input .input_tips {
	-ms-flex-item-align: center;
	align-self: center;
	position: relative;
	font-size: 18px;
	color: #5d6574
}

.contact_us .form_wrap .form_input .input_tips::after {
	position: absolute;
	content: '*';
	color: #f53f3f;
	font-size: 18px;
	right: -10px;
	top: 0px
}

.contact_us .form_wrap .form_input .input {
	padding: 0px 16px;
	width: 519px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #333333;
	border: solid 1px #dee7fd
}

.contact_us .form_wrap .form_input .input::-webkit-input-placeholder {
	line-height: 40px;
	font-size: 14px;
	color: #a7a7a7
}

.contact_us .form_wrap .form_input .input::-moz-placeholder {
	line-height: 40px;
	font-size: 14px;
	color: #a7a7a7
}

.contact_us .form_wrap .form_input .input:-moz-placeholder {
	line-height: 40px;
	font-size: 14px;
	color: #a7a7a7
}

.contact_us .form_wrap .form_input .input:-ms-input-placeholder {
	line-height: 40px;
	font-size: 14px;
	color: #a7a7a7
}

.contact_us .form_wrap .form_input .error_text {
	position: absolute;
	width: 100%;
	font-size: 12px;
	top: 100%;
	height: 20px;
	line-height: 20px;
	text-indent: 63px;
	color: red;
	text-align: left;
	display: none
}

.contact_us .form_wrap .error .error_text {
	display: block
}

.contact_us .form_wrap .need .input_tips {
	-ms-flex-item-align: auto;
	align-self: auto;
	margin-top: 6px
}

.contact_us .form_wrap .need .textarea {
	height: 189px
}

.contact_us .form_wrap .form_input_first {
	padding-top: 42px
}

.contact_us .form_wrap .form_submit {
	width: 519px;
	height: 56px;
	background-color: #3f7bff;
	border-radius: 2px;
	line-height: 56px;
	text-align: center;
	font-size: 20px;
	color: #ffffff;
	cursor: pointer
}

.contact_us .form_wrap .form_submit:hover {
	background-color: #413FFF
}

@media (max-width:768px) {
	.contact_us {
		width: 100%;
		height: 108.53333333vw;
		background-color: #f8faff
	}

	.contact_us .contact_content {
		width: 100%;
		height: 100%
	}

	.contact_us .contact_big {
		display: none
	}

	.contact_us .contact_small {
		display: none
	}

	.contact_us .form_wrap {
		padding: 9.33333333vw 10.13333333vw 0;
		width: 100%;
		text-align: center;
		line-height: 5.73333333vw
	}

	.contact_us .form_wrap .form_title {
		font-size: 4.53333333vw;
		margin-bottom: 2.66666667vw
	}

	.contact_us .form_wrap .form_text {
		padding: 0;
		font-size: 2.93333333vw;
		display: inline;
		color: #838383
	}

	.contact_us .form_wrap .form_tel {
		font-size: 2.93333333vw;
		display: inline;
		color: #838383
	}

	.contact_us .form_wrap .form_input {
		padding-top: 4vw
	}

	.contact_us .form_wrap .form_input .input_tips {
		font-size: 2.93333333vw;
		color: #5e5e5e
	}

	.contact_us .form_wrap .form_input .input_tips::after {
		position: absolute;
		content: '*';
		color: #f53f3f;
		font-size: 2.93333333vw;
		right: -2.66666667vw;
		top: 0px
	}

	.contact_us .form_wrap .form_input .input {
		width: 69.2vw;
		height: 6.66666667vw;
		padding: 0 2.13333333vw;
		line-height: 6.66666667vw;
		font-size: 2.66666667vw;
		color: #333333
	}

	.contact_us .form_wrap .form_input .input::-webkit-input-placeholder {
		line-height: 6.66666667vw;
		font-size: 2.66666667vw;
		color: #a7a7a7
	}

	.contact_us .form_wrap .form_input .input::-moz-placeholder {
		line-height: 6.66666667vw;
		font-size: 2.66666667vw;
		color: #a7a7a7
	}

	.contact_us .form_wrap .form_input .input:-moz-placeholder {
		line-height: 6.66666667vw;
		font-size: 2.66666667vw;
		color: #a7a7a7
	}

	.contact_us .form_wrap .form_input .input:-ms-input-placeholder {
		line-height: 6.66666667vw;
		font-size: 2.66666667vw;
		color: #a7a7a7
	}

	.contact_us .form_wrap .form_input .error_text {
		font-size: 1.6vw;
		height: 2.66666667vw;
		line-height: 2.66666667vw;
		text-indent: 10.66666667vw
	}

	.contact_us .form_wrap .need .input_tips {
		-ms-flex-item-align: auto;
		align-self: auto;
		margin-top: 1.06666667vw
	}

	.contact_us .form_wrap .need .textarea {
		height: 25.2vw
	}

	.contact_us .form_wrap .form_input_first {
		padding-top: 9.33333333vw
	}

	.contact_us .form_wrap .form_submit {
		width: 69.2vw;
		height: 7.46666667vw;
		background-color: #3f7bff;
		border-radius: .26666667vw;
		line-height: 7.46666667vw;
		text-align: center;
		font-size: 2.93333333vw;
		color: #ffffff
	}
}

@media (min-width:768px) {
	.slider_wrap {
		position: fixed;
		right: 12px;
		bottom: 100px;
		width: 52px;
		height: 376px;
		z-index: 200
	}

	.slider_wrap .consultation {
		width: 100%;
		position: relative;
		cursor: pointer
	}

	.slider_wrap .consultation img {
		width: 100%
	}

	.slider_wrap .consultation .head_icon {
		position: absolute;
		width: 44px;
		height: 44px;
		top: 4px;
		left: 4px;
		border: 1px solid #ffffffc7;
		border-radius: 50%
	}

	.slider_wrap .consultation .head_icon img {
		width: 100%;
		height: 100%;
		-webkit-animation: sildercustom 1s linear infinite;
		animation: sildercustom 1s linear infinite
	}

	.slider_wrap .consultation .head_container {
		width: 44px;
		height: 44px;
		position: absolute;
		top: 4px;
		left: 4px;
		border: 1px solid #9FB6FF;
		border-radius: 50%;
		-webkit-animation: borderSlide 1s linear infinite;
		animation: borderSlide 1s linear infinite
	}

	.slider_wrap .contact_us {
		width: 100%;
		height: 136px;
		border-radius: 26px;
		background: #FFFFFF;
		-webkit-box-shadow: 0 4px 10px 0 rgba(199,201,214,0.32);
		box-shadow: 0 4px 10px 0 rgba(199,201,214,0.32);
		padding: 20px 0;
		margin: 12px 0 16px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column nowrap;
		flex-flow: column nowrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.slider_wrap .contact_us .slider_icon {
		width: 24px;
		height: 44px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column nowrap;
		flex-flow: column nowrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		position: relative;
		cursor: pointer
	}

	.slider_wrap .contact_us .slider_icon img {
		width: 20px;
		height: 20px;
		margin: 2px
	}

	.slider_wrap .contact_us .slider_icon .active_icon {
		display: none
	}

	.slider_wrap .contact_us .slider_icon .tel_txt,.slider_wrap .contact_us .slider_icon .wx_txt {
		font-size: 12px;
		color: #4E5969
	}

	.slider_wrap .contact_us .slider_icon:hover img {
		display: none
	}

	.slider_wrap .contact_us .slider_icon:hover .active_icon {
		display: block
	}

	.slider_wrap .contact_us .slider_icon:hover .tel_txt,.slider_wrap .contact_us .slider_icon:hover .wx_txt {
		color: #165DFF
	}

	.slider_wrap .contact_us .slider_tel {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start
	}

	.slider_wrap .contact_us .slider_tel .slider_tel_box {
		position: absolute;
		top: -10%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		right: 50px;
		width: 220px;
		height: 100px;
		padding: 24px 0 24px 24px;
		z-index: 201;
		background: #FFFFFF;
		border-radius: 4px;
		-webkit-box-shadow: 0 4px 10px 0 rgba(199,201,214,0.32);
		box-shadow: 0 4px 10px 0 rgba(199,201,214,0.32);
		display: none;
		font-family: "Roboto"
	}

	.slider_wrap .contact_us .slider_tel .slider_tel_box .triangle {
		position: absolute;
		right: -5px;
		top: 80%;
		-webkit-transform: translateY(-50%) rotate(-45deg);
		-ms-transform: translateY(-50%) rotate(-45deg);
		transform: translateY(-50%) rotate(-45deg);
		width: 10px;
		height: 10px;
		background: #FFFFFF
	}

	.slider_wrap .contact_us .slider_tel .slider_tel_box .tel_number {
		font-size: 20px;
		color: #165DFF;
		height: 28px;
		font-weight: 600;
		padding: 11px;
		line-height: 28px;
	}

	.slider_wrap .contact_us .slider_tel .slider_tel_box .online_time {
		font-size: 12px;
		color: #4E5969;
		margin-top: 8px
	}

	.slider_wrap .contact_us .slider_tel:hover .slider_tel_box {
		z-index: 202
	}

	.slider_wrap .contact_us .slider_wx {
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end
	}

	.slider_wrap .contact_us .slider_wx .slider_wx_box {
		position: absolute;
		top: -40%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		right: 50px;
		width: 148px;
		height: 160px;
		padding: 16px 24px 16px 20px;
		z-index: 201;
		background: #FFFFFF;
		border-radius: 4px;
		-webkit-box-shadow: 0 4px 10px 0 rgba(199,201,214,0.32);
		box-shadow: 0 4px 10px 0 rgba(199,201,214,0.32);
		font-family: "Roboto";
		display: none
	}

	.slider_wrap .contact_us .slider_wx .slider_wx_box .triangle {
		position: absolute;
		right: -5px;
		top: 80%;
		-webkit-transform: translateY(-50%) rotate(-45deg);
		-ms-transform: translateY(-50%) rotate(-45deg);
		transform: translateY(-50%) rotate(-45deg);
		width: 10px;
		height: 10px;
		background: #FFFFFF
	}

	.slider_wrap .contact_us .slider_wx .slider_wx_box .qrcode_pic {
		width: 104px;
		height: 104px
	}

	.slider_wrap .contact_us .slider_wx .slider_wx_box .qrcode_pic img {
		width: 100%;
		height: 100%
	}

	.slider_wrap .contact_us .slider_wx .slider_wx_box .code_txt {
		font-size: 14px;
		color: #4E5969;
		text-align: center
	}

	.slider_wrap .contact_us .slider_wx:hover .slider_wx_box {
		z-index: 202
	}

	.slider_wrap .contact_us .slider_wx:hover .slider_wx_box img {
		display: block
	}

	.slider_wrap .back_top {
		width: 100%;
		height: 52px;
		border-radius: 50%;
		background: #FFFFFF;
		-webkit-box-shadow: 0 4px 10px 0 rgba(199,201,214,0.32);
		box-shadow: 0 4px 10px 0 rgba(199,201,214,0.32);
		position: relative;
		cursor: pointer
	}

	.slider_wrap .back_top img {
		width: 24px;
		height: 24px;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -12px;
		margin-top: -12px
	}

	.slider_wrap .back_top .active_icon {
		display: none
	}

	.slider_wrap .back_top:hover img {
		display: none
	}

	.slider_wrap .back_top:hover .active_icon {
		display: block
	}

	.slider_wrap .mob {
		display: none
	}

	.slider_wrap a {
		position: absolute;
		display: block;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 0
	}

	.contact_us_box {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 999;
		background-color: rgba(0,0,0,0.6);
		display: none
	}

	.contact_us_box .contact_content {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 645px;
		height: 665px;
		background-color: #ffffff;
		border-radius: 6px;
		text-align: center
	}

	.contact_us_box .close_wrap {
		position: absolute;
		top: 30px;
		right: 30px;
		width: 30px;
		height: 30px;
		cursor: pointer
	}

	.contact_us_box .close_wrap .icon {
		color: #e5e5e5;
		font-size: 30px
	}

	.contact_us_box .contact_title {
		padding-top: 45px;
		font-size: 28px;
		color: #333333
	}

	.contact_us_box .contact_text {
		padding-top: 23px;
		font-size: 16px;
		color: #5e5e5e
	}

	.contact_us_box .contact_tel {
		padding-top: 25px;
		font-size: 18px;
		color: #5e5e5e
	}

	.contact_us_box .form_input {
		margin: 20px auto 0;
		width: 529px;
		height: 48px;
		position: relative
	}

	.contact_us_box .form_input .input {
		width: 100%;
		height: 100%;
		padding-left: 17px;
		line-height: 48px;
		font-size: 16px;
		color: #333333;
		border: solid 1px #dddddd
	}

	.contact_us_box .form_input .input::-webkit-input-placeholder {
		font-size: 16px;
		color: #B3B3B3
	}

	.contact_us_box .form_input .input:-moz-placeholder {
		font-size: 16px;
		color: #B3B3B3
	}

	.contact_us_box .form_input .input::-moz-placeholder {
		font-size: 16px;
		color: #B3B3B3
	}

	.contact_us_box .form_input .input::-ms-input-placeholder {
		font-size: 16px;
		color: #B3B3B3
	}

	.contact_us_box .form_input .error_text {
		position: absolute;
		width: 100%;
		font-size: 12px;
		top: 100%;
		height: 20px;
		line-height: 20px;
		color: red;
		text-align: left;
		display: none
	}

	.contact_us_box .error .error_text {
		display: block
	}

	.contact_us_box .textarea {
		height: 154px
	}

	.contact_us_box .form_submit {
		margin: 35px auto 0;
		width: 529px;
		height: 63px;
		line-height: 63px;
		text-align: center;
		color: #ffffff;
		font-size: 20px;
		background-color: #3f7bff;
		border-radius: 2px;
		cursor: pointer
	}

	.contact_us_box .form_input_first {
		margin-top: 50px
	}
}

@media (min-width:768px) and (max-width:1440px) {
	.slider_wrap {
		right: 12px
	}
}

@media (max-width:768px) {
	.slider_wrap {
		position: fixed;
		bottom: 42.66666667vw;
		right: 4.26666667vw;
		width: 10.66666667vw;
		height: auto;
		z-index: 200
	}

	.slider_wrap .slider_item {
		display: none
	}

	.slider_wrap .mob {
		display: block;
		width: 100%;
		position: relative
	}

	.slider_wrap .mob .item_content {
		width: 100%
	}

	.slider_wrap .mob .item_content .consultation_mob {
		width: 100%;
		height: 34.66666667vw
	}

	.slider_wrap .mob .item_content .consultation_mob img {
		width: 100%;
		height: 100%
	}

	.slider_wrap .mob .item_content .consultation_mob .head_icon_mob {
		position: absolute;
		width: 8vw;
		height: 8vw;
		top: 1.33333333vw;
		left: 1.33333333vw;
		border: .13333333vw solid #ffffffc7;
		border-radius: 50%
	}

	.slider_wrap .mob .item_content .consultation_mob .head_icon_mob img {
		width: 100%;
		height: 100%;
		-webkit-animation: sildercustom 1s linear infinite;
		animation: sildercustom 1s linear infinite
	}

	.slider_wrap .mob .item_content .consultation_mob .head_container_mob {
		width: 8vw;
		height: 8vw;
		position: absolute;
		top: 1.33333333vw;
		left: 1.33333333vw;
		border: .13333333vw solid #9FB6FF;
		border-radius: 50%;
		-webkit-animation: borderSlide 1s linear infinite;
		animation: borderSlide 1s linear infinite
	}

	.slider_wrap .mob .item_content .consult_tel {
		width: 10.66666667vw;
		height: 10.66666667vw;
		margin-top: 3.2vw;
		border-radius: 50%;
		background: #FFFFFF;
		-webkit-box-shadow: 0 .53333333vw 1.33333333vw 0 #d3d6e39c;
		box-shadow: 0 .53333333vw 1.33333333vw 0 #d3d6e39c;
		position: relative
	}

	.slider_wrap .mob .item_content .consult_tel img {
		width: 5.33333333vw;
		height: 5.33333333vw;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -2.66666667vw;
		margin-top: -2.66666667vw
	}

	.slider_wrap .mob .item_content .consult_tel .active_icon {
		display: none
	}

	.slider_wrap .mob .item_content .consult_tel_active {
		background: #165DFF
	}

	.slider_wrap .mob .item_content .consult_tel_active img {
		display: none
	}

	.slider_wrap .mob .item_content .consult_tel_active .active_icon {
		display: block
	}

	.slider_wrap .mob_consult_box {
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		right: 14.93333333vw;
		width: 42.4vw;
		height: 80vw;
		padding: 4.26666667vw;
		z-index: 201;
		background: #FFFFFF;
		border-radius: 1.06666667vw;
		-webkit-box-shadow: 0 .53333333vw 1.33333333vw 0 #C7C9D6;
		box-shadow: 0 .53333333vw 1.33333333vw 0 #C7C9D6;
		font-family: "Roboto";
		display: none
	}

	.slider_wrap .mob_consult_box .triangle {
		position: absolute;
		right: -0.8vw;
		top: 73%;
		-webkit-transform: translateY(-50%) rotate(-45deg);
		-ms-transform: translateY(-50%) rotate(-45deg);
		transform: translateY(-50%) rotate(-45deg);
		width: 1.6vw;
		height: 1.6vw;
		background: #FFFFFF
	}

	.slider_wrap .mob_consult_box .consult_item {
		height: 5.6vw;
		line-height: 5.6vw;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.slider_wrap .mob_consult_box .consult_item img {
		width: 4.26666667vw;
		height: 4.26666667vw
	}

	.slider_wrap .mob_consult_box .consult_item span {
		font-size: 3.73333333vw;
		margin-left: 1.6vw
	}

	.slider_wrap .mob_consult_box .wx_consult {
		position: relative;
		top: 10px
	}

	.slider_wrap .mob_consult_box .tel_number {
		font-size: 4.8vw;
		font-weight: 600;
		color: #165DFF;
		height: 8vw;
		line-height: 8vw;
		margin: 3.2vw 0 1.06666667vw;
		position: relative
	}

	.slider_wrap .mob_consult_box .tel_number a {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		color: #165DFF
	}

	.slider_wrap .mob_consult_box .online_time {
		font-size: 3.2vw;
		color: #4E5969;
		margin-bottom: 5.33333333vw
	}

	.slider_wrap .mob_consult_box .qrcode_pic {
		width: 33.86666667vw;
		height: 33.86666667vw;
		margin-top: 4vw;
		background: #F9FBFF
	}

	.slider_wrap .mob_consult_box .qrcode_pic img {
		width: 100%;
		height: 100%;
		margin-top: 0
	}

	.contact_us_box {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 999;
		background-color: rgba(0,0,0,0.6);
		display: none
	}

	.contact_us_box .contact_content {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 88.93333333vw;
		padding: 5.86666667vw 0 8.66666667vw;
		background-color: #ffffff;
		border-radius: 1.33333333vw;
		text-align: center
	}

	.contact_us_box .close_wrap {
		position: absolute;
		top: 5.86666667vw;
		right: 5.86666667vw;
		width: 4.53333333vw;
		height: 4.53333333vw;
		cursor: pointer
	}

	.contact_us_box .close_wrap .icon {
		color: #e5e5e5;
		font-size: 4.53333333vw
	}

	.contact_us_box .contact_title {
		font-size: 4.53333333vw;
		color: #333333
	}

	.contact_us_box .contact_text {
		padding-top: 5.06666667vw;
		font-size: 3.46666667vw;
		color: #5e5e5e
	}

	.contact_us_box .contact_tel {
		padding-top: 3.86666667vw;
		font-size: 3.2vw;
		color: #5e5e5e
	}

	.contact_us_box .form_input {
		margin: 5.33333333vw auto 0;
		width: 70.53333333vw;
		height: 7.73333333vw;
		position: relative
	}

	.contact_us_box .form_input .input {
		width: 100%;
		height: 100%;
		padding-left: 2.26666667vw;
		line-height: 7.73333333vw;
		font-size: 2.93333333vw;
		color: #333333;
		border: solid .13333333vw #dddddd
	}

	.contact_us_box .form_input .input::-webkit-input-placeholder {
		font-size: 2.93333333vw;
		color: #A7A7A7
	}

	.contact_us_box .form_input .input:-moz-placeholder {
		font-size: 2.93333333vw;
		color: #A7A7A7
	}

	.contact_us_box .form_input .input::-moz-placeholder {
		font-size: 2.93333333vw;
		color: #A7A7A7
	}

	.contact_us_box .form_input .input::-ms-input-placeholder {
		font-size: 2.93333333vw;
		color: #A7A7A7
	}

	.contact_us_box .form_input .error_text {
		position: absolute;
		width: 100%;
		font-size: 2.13333333vw;
		top: 100%;
		height: 4vw;
		line-height: 4vw;
		color: red;
		text-align: left;
		display: none
	}

	.contact_us_box .error .error_text {
		display: block
	}

	.contact_us_box .textarea {
		height: 20.53333333vw
	}

	.contact_us_box .form_submit {
		margin: 7.06666667vw auto 0;
		width: 70.53333333vw;
		height: 9.46666667vw;
		line-height: 9.46666667vw;
		text-align: center;
		color: #ffffff;
		font-size: 4vw;
		background-color: #3f7bff;
		border-radius: .26666667vw;
		cursor: pointer
	}

	.contact_us_box .form_input_first {
		margin-top: 8.93333333vw
	}
}

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

	50% {
		-webkit-transform: scale(.8);
		transform: scale(.8)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

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

	50% {
		-webkit-transform: scale(.8);
		transform: scale(.8)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

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

	100% {
		opacity: .5;
		-webkit-transform: scale(1.4);
		transform: scale(1.4)
	}
}

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

	100% {
		opacity: .5;
		-webkit-transform: scale(1.4);
		transform: scale(1.4)
	}
}

.activity_top_bar_wrap {
	height: 61px
}

.activity_top_bar_wrap:not(.hide)+.page_header {
	top: 61px
}

#activity_top_bar {
	position: fixed;
	top: 0;
	width: 100%;
	height: 61px;
	background-color: #4169FE;
	cursor: pointer;
	z-index: 100
}

#activity_top_bar .top_banner {
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: auto;
	height: 100%;
	margin: 0 auto;
	display: block
}

#activity_top_bar .close_banner_btn {
	position: absolute;
	top: 0;
	right: 0;
	width: 26px;
	height: 26px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 13px 0 13px 13px;
	background-color: rgba(0,0,0,0.33)
}

#activity_top_bar .close_banner_btn .icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 10px;
	color: #fff
}

#activity_top_bar .pc {
	display: block
}

#activity_top_bar .mob {
	display: none
}

#activity_slider_box {
	position: fixed;
	right: 10px;
	bottom: 600px;
	z-index: 50
}

#activity_slider_box .pc {
	display: block
}

#activity_slider_box .mob {
	display: none
}

#activity_slider_box .slider {
	position: relative;
	display: block;
	width: 75px;
	cursor: pointer
}

#activity_slider_box .img {
	width: 100%;
	display: block
}

#activity_box {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,0.4);
	display: none;
	z-index: 1000
}

#activity_box .pc {
	display: block
}

#activity_box .mob {
	display: none
}

#activity_box .img {
	width: 100%;
	display: block
}

#activity_box .link {
	display: block;
	text-decoration: none;
	color: inherit
}

#activity_box .activity_box_content {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 400px;
	-webkit-transform: translate(-50%, -55%);
	-ms-transform: translate(-50%, -55%);
	transform: translate(-50%, -55%)
}

#activity_box .activity_box_content .banner_bg {
	width: 100%
}

#activity_box .activity_box_content .banner_btn {
	position: absolute;
	left: 50%;
	bottom: 140px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 320px
}

#activity_box .activity_box_content .draw_link {
	position: absolute;
	left: 50%;
	bottom: 0;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 350px;
	height: 100px
}

#activity_box .activity_box_content .close_icon {
	position: absolute;
	right: 0;
	top: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	color: white;
	z-index: 99;
	cursor: pointer
}

#activity_box .activity_box_content .close_icon .icon {
	-ms-flex-item-align: center;
	align-self: center
}

#activity_box .activity_box_content .box_btn {
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 242px;
	height: 64px
}

#activity_box .activity_box_content .btn_wrap {
	width: 100%;
	height: 100%;
	cursor: pointer
}

#activity_box .activity_box_content .btn_content {
	position: absolute;
	bottom: calc(100% + 8px);
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 120px;
	height: 120px;
	display: none;
	padding: 16px;
	border-radius: 16px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #fff
}

#activity_box .activity_box_content .btn_content .img {
	width: 100%;
	height: 100%;
	display: block
}

#activity_box .activity_box_content .btn_content::after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -4px;
	-webkit-transform: translateX(-50%) rotate(45deg);
	-ms-transform: translateX(-50%) rotate(45deg);
	transform: translateX(-50%) rotate(45deg);
	width: 8px;
	height: 8px;
	background-color: #fff
}

@media screen and (max-width:768px) {
	.activity_top_bar_wrap {
		height: 38px
	}

	.activity_top_bar_wrap:not(.hide)+.page_header {
		top: 38px
	}

	#activity_top_bar {
		height: 38px
	}

	#activity_top_bar .top_banner {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}

	#activity_top_bar .close_banner_btn {
		width: 16px;
		height: 16px
	}

	#activity_top_bar .close_banner_btn .icon {
		font-size: 8px
	}

	#activity_top_bar .pc {
		display: none
	}

	#activity_top_bar .mob {
		display: block
	}

	#activity_slider_box {
		position: fixed;
		bottom: 85.33333333vw;
		right: 1.33333333vw
	}

	#activity_slider_box .slider {
		width: 20vw
	}

	#activity_box .pc {
		display: none
	}

	#activity_box .mob {
		display: block
	}

	#activity_box .activity_box_content {
		width: 100%
	}

	#activity_box .activity_box_content .close_icon {
		right: 50%;
		top: calc(100% + 15px);
		-webkit-transform: translateX(50%);
		-ms-transform: translateX(50%);
		transform: translateX(50%)
	}

	#activity_box .activity_box_content .banner_btn {
		position: absolute;
		left: 50%;
		bottom: 32vw;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 73.33333333vw
	}

	#activity_box .activity_box_content .draw_link {
		position: absolute;
		left: 50%;
		bottom: 0;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 80vw;
		height: 22.13333333vw
	}
}

.contact_wrap {
	width: 100%;
	padding: 72px 0;
	position: relative
}

.contact_wrap .f-r-c {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.contact_wrap .contact_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1
}

.contact_wrap .contact_title {
	width: 100%;
	text-align: center;
	font-size: 36px;
	line-height: 44px;
	font-weight: 500
}

.contact_wrap .contact_title.pc_title {
	display: block
}

.contact_wrap .contact_title.mob_title {
	display: none
}

.contact_wrap .contact_title_tip {
	margin-top: 20px;
	width: 100%;
	text-align: center;
	color: #86909c;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400
}

.contact_wrap .link {
	padding-left: 8px;
	display: block;
	color: #165dff;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.contact_wrap .link .icon {
	margin-left: 2px;
	font-size: 12px
}

.contact_wrap .contact_content {
	margin: 60px auto 0;
	width: 100%;
	max-width: 1180px
}

.contact_wrap .phone_bar_wrap {
	margin: 0 auto;
	width: 440px;
	height: 50px;
	padding: 4px;
	border-radius: 6px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: rgba(255,255,255,0.99);
	backdrop-filter: blur(100px);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative
}

.contact_wrap .error_tip {
	position: absolute;
	top: 100%;
	left: 0;
	color: red;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	display: none
}

.contact_wrap .phone {
	width: calc(100% - 120px);
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	padding: 8px 12px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 400
}

.contact_wrap .bar_btn {
	margin-left: 8px;
	position: relative;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	cursor: pointer;
	width: 112px;
	height: 42px;
	background-image: -webkit-linear-gradient(233.26deg, #2ec3fb 0%, #165dff 100%);
	background-image: -o-linear-gradient(233.26deg, #2ec3fb 0%, #165dff 100%);
	background-image: linear-gradient(216.74deg, #2ec3fb 0%, #165dff 100%);
	color: #fff;
	font-size: 16px;
	line-height: 42px;
	font-weight: 400;
	text-align: center;
	border-radius: 4px
}

@media screen and (max-width:768px) {
	.contact_wrap {
		padding: 11.73333333vw 0 12.8vw
	}

	.contact_wrap .contact_title {
		width: 100%;
		text-align: center;
		font-size: 5.6vw;
		line-height: 6.66666667vw;
		font-weight: 600;
		word-wrap: break-word;
		word-break: keep-all;
		padding: 0 26.66666667vw
	}

	.contact_wrap .contact_title.pc_title {
		display: none
	}

	.contact_wrap .contact_title.mob_title {
		display: block
	}

	.contact_wrap .contact_title_tip {
		display: block;
		padding: 0 5.33333333vw;
		word-wrap: break-word;
		word-break: keep-all;
		font-size: 3.46666667vw;
		line-height: 5.33333333vw;
		font-weight: 400;
		color: #1d2129
	}

	.contact_wrap .tip_text {
		display: inline
	}

	.contact_wrap .link {
		padding-left: 0;
		color: #165dff;
		cursor: pointer;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		font-weight: 700
	}

	.contact_wrap .contact_content {
		margin-top: 12.8vw;
		max-width: 100%
	}

	.contact_wrap .phone_bar_wrap {
		width: 100%;
		height: auto;
		padding: 0 8.53333333vw;
		border-radius: 0;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		background-color: transparent;
		backdrop-filter: unset;
		display: block
	}

	.contact_wrap .phone {
		width: 100%;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		-ms-flex-negative: 1;
		flex-shrink: 1;
		padding: 3.6vw 3.2vw;
		background-color: #fff;
		border-radius: 1.06666667vw;
		font-size: 3.46666667vw;
		line-height: 4.53333333vw;
		font-weight: 400
	}

	.contact_wrap .bar_btn {
		margin-top: 4.26666667vw;
		margin-left: 0;
		cursor: pointer;
		width: 100%;
		height: 11.73333333vw;
		background-image: -webkit-linear-gradient(233.26deg, #2ec3fb 0%, #165dff 100%);
		background-image: -o-linear-gradient(233.26deg, #2ec3fb 0%, #165dff 100%);
		background-image: linear-gradient(216.74deg, #2ec3fb 0%, #165dff 100%);
		text-align: center;
		border-radius: 1.06666667vw;
		font-size: 3.73333333vw;
		line-height: 11.73333333vw;
		font-weight: 400
	}
}

@-webkit-keyframes enter {
	0% {
		top: 20px;
		opacity: 0
	}

	100% {
		top: 40px;
		opacity: 1
	}
}

@keyframes enter {
	0% {
		top: 20px;
		opacity: 0
	}

	100% {
		top: 40px;
		opacity: 1
	}
}

@-webkit-keyframes enterToast {
	0% {
		top: 49%;
		opacity: 0
	}

	100% {
		top: 50%;
		opacity: 1
	}
}

@keyframes enterToast {
	0% {
		top: 49%;
		opacity: 0
	}

	100% {
		top: 50%;
		opacity: 1
	}
}

.message_box {
	position: fixed;
	top: 40px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	padding: 10px 16px;
	border-radius: 4px;
	border: 1px solid #ebeef5;
	background-color: #edf2fc;
	z-index: 2001;
	color: #909399;
	display: none;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-animation: enter .3s linear forwards;
	animation: enter .3s linear forwards
}

.message_box .message_icon {
	margin-right: 10px;
	width: 20px;
	height: 20px;
	color: inherit;
	fill: currentColor;
	display: none
}

.message_box .box_text {
	font-size: 14px;
	white-space: nowrap
}

.message_box .info_icon {
	display: block
}

.message_box.info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.message_box.info .info_icon {
	display: block
}

.message_box.success {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background-color: #f0f9eb;
	border-color: #e1f3d8;
	color: #67c23a
}

.message_box.success .info_icon {
	display: none
}

.message_box.success .success_icon {
	display: block
}

.message_box.error {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background-color: #fef0f0;
	border-color: #fde2e2;
	color: #f56c6c
}

.message_box.error .info_icon {
	display: none
}

.message_box.error .error_icon {
	display: block
}

.message_box.toast {
	-webkit-animation: enterToast .3s linear forwards;
	animation: enterToast .3s linear forwards;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border: 0;
	background-color: rgba(0,0,0,0.8);
	color: #ffffff
}

.message_box.toast .info_icon {
	display: none
}

.book_dialog {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 500
}

.book_dialog .book_marsk {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.51);
	z-index: 500
}

.book_dialog .shape {
	display: none;
	position: absolute;
	width: 88px;
	height: 88px;
	border-radius: 50%;
	background: -webkit-radial-gradient(circle closest-side, rgba(101,244,255,0.56), transparent);
	background: -o-radial-gradient(circle closest-side, rgba(101,244,255,0.56), transparent);
	background: radial-gradient(circle closest-side, rgba(101,244,255,0.56), transparent);
	-webkit-filter: blur(10px);
	filter: blur(10px);
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	pointer-events: none
}

.book_dialog .book_dialog_content {
	display: block;
	opacity: 0;
	-webkit-transition: opacity .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 360px;
	height: 298px;
	margin: auto;
	padding: 40px 32px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #fff;
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 8px;
	z-index: 600
}

.book_dialog .book_dialog_content .book_dialog_close {
	position: absolute;
	top: 20px;
	right: 20px;
	cursor: pointer
}

.book_dialog .book_dialog_content .book_dialog_close i {
	font-size: 14px;
	color: #4E5969
}

.book_dialog .book_dialog_content .book_dialog_title {
	font-size: 22px;
	font-weight: 500;
	color: #1D2129;
	line-height: 30px;
	text-align: center
}

.book_dialog .book_dialog_content .book_dialog_form {
	margin-top: 40px
}

.book_dialog .book_dialog_content .book_dialog_form .form_item .form_label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.book_dialog .book_dialog_content .book_dialog_form .form_item .form_label .form_star {
	font-size: 14px;
	font-weight: 400;
	color: #F53F3F;
	line-height: 20px
}

.book_dialog .book_dialog_content .book_dialog_form .form_item .form_label .label_text {
	font-size: 14px;
	font-weight: 400;
	color: #1D2129;
	line-height: 20px
}

.book_dialog .book_dialog_content .book_dialog_form .form_item .form_input {
	margin-top: 8px;
	position: relative
}

.book_dialog .book_dialog_content .book_dialog_form .form_item .form_input .input_text {
	width: 100%;
	padding: 13px;
	border: 1px solid #E5E6EB;
	outline: none;
	line-height: 1;
	font-weight: 400;
	font-size: 14px;
	color: #1D2129;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 4px
}

.book_dialog .book_dialog_content .book_dialog_form .form_item .form_input .input_text::-webkit-input-placeholder {
	color: rgba(134,144,156,0.5)
}

.book_dialog .book_dialog_content .book_dialog_form .form_item .form_input .input_text::-moz-placeholder {
	color: rgba(134,144,156,0.5)
}

.book_dialog .book_dialog_content .book_dialog_form .form_item .form_input .input_text::-ms-input-placeholder {
	color: rgba(134,144,156,0.5)
}

.book_dialog .book_dialog_content .book_dialog_form .form_item .form_input .input_text::placeholder {
	color: rgba(134,144,156,0.5)
}

.book_dialog .book_dialog_content .book_dialog_form .form_item .form_input .error_msg {
	font-size: 12px;
	font-weight: 400;
	color: #F53F3F;
	line-height: 20px;
	margin-top: 8px
}

.book_dialog .book_dialog_content .book_dialog_form .form_item .form_input .error_msg.name_error_msg {
	display: none
}

.book_dialog .book_dialog_content .book_dialog_form .form_item .form_input .error_msg.phone_error_msg {
	display: none;
	left: 11px
}

.book_dialog .book_dialog_content .book_dialog_form .form_item+.form_item {
	margin-top: 20px
}

.book_dialog .book_dialog_content .book_dialog_form .book_form_btn {
	position: relative;
	margin-top: 32px;
	width: 100%;
	height: 44px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: -webkit-linear-gradient(225deg, #2EC3FB 0%, #165DFF 100%);
	background: -o-linear-gradient(225deg, #2EC3FB 0%, #165DFF 100%);
	background: linear-gradient(225deg, #2EC3FB 0%, #165DFF 100%);
	border-radius: 4px;
	font-size: 14px;
	font-weight: 500;
	color: #FFFFFF;
	overflow: hidden;
	cursor: pointer
}

.book_dialog .book_popup_content {
	display: none
}

.book_dialog .book_dialog_success {
	display: none;
	opacity: 0;
	-webkit-transition: opacity .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 360px;
	height: 320px;
	padding: 0 24px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #fff;
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 8px;
	z-index: 600
}

.book_dialog .book_dialog_success .book_dialog_close {
	position: absolute;
	top: 20px;
	right: 20px;
	cursor: pointer
}

.book_dialog .book_dialog_success .book_dialog_close i {
	font-size: 14px;
	color: #4E5969
}

.book_dialog .book_dialog_success .book_success_top {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.book_dialog .book_dialog_success .book_success_top .success_icon {
	margin-top: 48px;
	width: 68px;
	height: 68px
}

.book_dialog .book_dialog_success .book_success_top .success_icon svg {
	width: 68px;
	height: 68px
}

.book_dialog .book_dialog_success .book_success_top .book_success_title {
	margin-top: 20px;
	font-size: 22px;
	font-weight: 500;
	color: #1D2129;
	line-height: 30px
}

.book_dialog .book_dialog_success .book_success_top .book_success_tips {
	font-size: 14px;
	font-weight: 400;
	color: #86909C;
	line-height: 20px;
	margin-top: 8px
}

.book_dialog .book_dialog_success .book_success_bottom {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 36px
}

.book_dialog .book_dialog_success .book_success_bottom .book_phone {
	font-size: 20px;
	font-family: DIN-Bold,DIN;
	font-weight: bold;
	color: #165DFF;
	line-height: 24px
}

.book_dialog .book_dialog_success .book_success_bottom .book_phone_tips {
	font-size: 14px;
	font-weight: 400;
	color: #86909C;
	line-height: 20px;
	margin-top: 8px
}

.book_dialog.active .book_dialog_content {
	display: none
}

.book_dialog.active .book_dialog_success {
	display: block
}

@media screen and (max-width:750px) {
	.book_dialog .book_dialog_content {
		display: none
	}

	.book_dialog .book_popup_content {
		display: block;
		width: 100%;
		height: 67.2vw;
		position: fixed;
		left: 0;
		bottom: 0;
		background-size: 100% auto;
		background-position: center center;
		background-repeat: no-repeat;
		border-radius: 2.13333333vw 2.13333333vw 0 0;
		-webkit-transform: translateY(100%);
		-ms-transform: translateY(100%);
		transform: translateY(100%);
		-webkit-transition: -webkit-transform .3s ease-out;
		transition: -webkit-transform .3s ease-out;
		-o-transition: transform .3s ease-out;
		transition: transform .3s ease-out;
		transition: transform .3s ease-out, -webkit-transform .3s ease-out;
		z-index: 600
	}

	.book_dialog .book_popup_content .book_dialog_close {
		position: absolute;
		top: 4.26666667vw;
		right: 4.26666667vw
	}

	.book_dialog .book_popup_content .book_dialog_close i {
		font-size: 3.73333333vw;
		color: #4E5969
	}

	.book_dialog .book_popup_content .book_dialog_title {
		font-size: 16px;
		font-weight: 500;
		color: #1D2129;
		line-height: 5.86666667vw;
		text-align: center;
		padding: 4.26666667vw 0
	}

	.book_dialog .book_popup_content .book_dialog_form {
		width: 100%;
		margin-top: 4.26666667vw;
		padding: 0 6.4vw;
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}

	.book_dialog .book_popup_content .book_dialog_form .form_item .form_label {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.book_dialog .book_popup_content .book_dialog_form .form_item .form_label .form_star {
		font-size: 14px;
		font-weight: 400;
		color: #F53F3F;
		line-height: 5.33333333vw
	}

	.book_dialog .book_popup_content .book_dialog_form .form_item .form_label .label_text {
		font-size: 14px;
		font-weight: 400;
		color: #1D2129;
		line-height: 5.33333333vw
	}

	.book_dialog .book_popup_content .book_dialog_form .form_item .form_input {
		margin-top: 2.13333333vw;
		position: relative
	}

	.book_dialog .book_popup_content .book_dialog_form .form_item .form_input .input_text {
		width: 100%;
		padding: 3.46666667vw 3.2vw;
		border: .26666667vw solid #E5E6EB;
		outline: none;
		line-height: 1;
		font-weight: 400;
		font-size: 14px;
		color: #1D2129;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		border-radius: 1.06666667vw
	}

	.book_dialog .book_popup_content .book_dialog_form .form_item .form_input .input_text::-webkit-input-placeholder {
		color: rgba(134,144,156,0.5)
	}

	.book_dialog .book_popup_content .book_dialog_form .form_item .form_input .input_text::-moz-placeholder {
		color: rgba(134,144,156,0.5)
	}

	.book_dialog .book_popup_content .book_dialog_form .form_item .form_input .input_text::-ms-input-placeholder {
		color: rgba(134,144,156,0.5)
	}

	.book_dialog .book_popup_content .book_dialog_form .form_item .form_input .input_text::placeholder {
		color: rgba(134,144,156,0.5)
	}

	.book_dialog .book_popup_content .book_dialog_form .form_item .form_input .error_msg {
		position: absolute;
		top: 11.46666667vw;
		left: 0;
		font-size: 10px;
		font-weight: 400;
		color: #F53F3F;
		line-height: 4.8vw
	}

	.book_dialog .book_popup_content .book_dialog_form .form_item .form_input .error_msg.name_error_msg {
		display: none
	}

	.book_dialog .book_popup_content .book_dialog_form .form_item .form_input .error_msg.phone_error_msg {
		display: none;
		left: 0
	}

	.book_dialog .book_popup_content .book_dialog_form .form_item+.form_item {
		margin-top: 5.33333333vw
	}

	.book_dialog .book_popup_content .book_dialog_form .book_form_btn {
		position: relative;
		margin-top: 8.53333333vw;
		width: 100%;
		height: 11.73333333vw;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		background: -webkit-linear-gradient(225deg, #2EC3FB 0%, #165DFF 100%);
		background: -o-linear-gradient(225deg, #2EC3FB 0%, #165DFF 100%);
		background: linear-gradient(225deg, #2EC3FB 0%, #165DFF 100%);
		border-radius: 1.06666667vw;
		font-size: 16px;
		font-weight: 500;
		color: #FFFFFF;
		overflow: hidden;
		cursor: pointer
	}

	.book_dialog .book_popup_content.open {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}

	.book_dialog .book_dialog_success {
		width: 78.66666667vw;
		height: 80.53333333vw;
		padding: 0;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		border: 2.13333333vw
	}

	.book_dialog .book_dialog_success .book_dialog_close {
		top: 5.33333333vw;
		right: 5.33333333vw
	}

	.book_dialog .book_dialog_success .book_dialog_close i {
		font-size: 3.73333333vw
	}

	.book_dialog .book_dialog_success .book_success_top {
		border-bottom: unset
	}

	.book_dialog .book_dialog_success .book_success_top .success_icon {
		margin-top: 13.33333333vw;
		width: 16vw;
		height: 16vw
	}

	.book_dialog .book_dialog_success .book_success_top .success_icon svg {
		width: 16vw;
		height: 16vw
	}

	.book_dialog .book_dialog_success .book_success_top .book_success_title {
		margin-top: 4.26666667vw;
		line-height: 8vw
	}

	.book_dialog .book_dialog_success .book_success_top .book_success_tips {
		line-height: 5.33333333vw;
		margin-top: 2.13333333vw
	}

	.book_dialog .book_dialog_success .book_success_bottom {
		margin-top: 10.66666667vw
	}

	.book_dialog .book_dialog_success .book_success_bottom .book_phone {
		font-size: 20px;
		line-height: 6.4vw
	}

	.book_dialog .book_dialog_success .book_success_bottom .book_phone_tips {
		line-height: 5.33333333vw;
		margin-top: 1.06666667vw
	}
}

.f-r-c {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.try_dialog_wrap {
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 1999;
	background-color: rgba(0,0,0,0.6);
	display: none
}

.try_dialog_wrap div {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.try_dialog_wrap .book_dialog_content {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 640px;
	height: 584px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #fff;
	border-radius: 12px;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	background-repeat: no-repeat;
	background-size: 100% 100%
}

.try_dialog_wrap .close_icon {
	position: absolute;
	top: 20px;
	right: 24px;
	width: 24px;
	height: 24px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 20px;
	cursor: pointer
}

.try_dialog_wrap .close_icon .icon {
	font-size: inherit;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.try_dialog_wrap .dialog_form_wrap {
	width: 100%;
	display: none;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column nowrap;
	flex-flow: column nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 40px 0
}

.try_dialog_wrap .dialog_form_wrap.show {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.try_dialog_wrap .dialog_title {
	width: 100%;
	text-align: center;
	font-size: 22px;
	line-height: 30px;
	font-weight: 500;
	color: #1d2129
}

.try_dialog_wrap .dialog_tip {
	margin-top: 16px;
	width: 560px;
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	color: #4e5969
}

.try_dialog_wrap .dialog_form {
	margin-top: 40px;
	width: 528px
}

.try_dialog_wrap .form_item {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color: #1d2129
}

.try_dialog_wrap .form_item+.form_item {
	margin-top: 12px
}

.try_dialog_wrap .form_label {
	width: 90px;
	height: 48px;
	line-height: 48px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	font-weight: 500
}

.try_dialog_wrap .form_label.required {
	position: relative
}

.try_dialog_wrap .form_label.required::after {
	content: '*';
	color: red
}

.try_dialog_wrap .form_input_wrap {
	width: calc(100% - 70px);
	position: relative
}

.try_dialog_wrap .form_input {
	display: block;
	width: 100%;
	height: 48px;
	padding: 0 12px;
	border-radius: 4px;
	background-color: #fff;
	border: 1px solid #e5e6eb;
	font-size: inherit
}

.try_dialog_wrap .form_input::-webkit-input-placeholder {
	font-size: inherit
}

.try_dialog_wrap .form_input::-moz-placeholder {
	font-size: inherit
}

.try_dialog_wrap .form_input::-ms-input-placeholder {
	font-size: inherit
}

.try_dialog_wrap .form_input::placeholder {
	font-size: inherit
}

.try_dialog_wrap .form_textarea {
	display: block;
	width: 100%;
	height: 160px;
	background-color: transparent;
	font-size: inherit
}

.try_dialog_wrap .form_textarea::-webkit-scrollbar {
	display: none
}

.try_dialog_wrap .form_textarea::-webkit-input-placeholder {
	font-size: inherit
}

.try_dialog_wrap .form_textarea::-moz-placeholder {
	font-size: inherit
}

.try_dialog_wrap .form_textarea::-ms-input-placeholder {
	font-size: inherit
}

.try_dialog_wrap .form_textarea::placeholder {
	font-size: inherit
}

.try_dialog_wrap .text_chart_num {
	position: absolute;
	right: 12px;
	bottom: 8px;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color: #86909c
}

.try_dialog_wrap .form_textarea_wrap {
	position: relative;
	width: 100%;
	padding: 8px 12px 28px;
	border-radius: 4px;
	background-color: #fff;
	border: 1px solid #e5e6eb
}

.try_dialog_wrap .form_btn_wrap {
	margin-top: 40px;
	width: 100%
}

.try_dialog_wrap .form_btn {
	width: 100%;
	height: 56px;
	background-color: #165dff;
	border-radius: 4px;
	text-align: center;
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	line-height: 56px;
	font-weight: 400
}

.try_dialog_wrap .error_tip {
	width: 100%;
	font-size: 12px;
	line-height: 18px;
	font-weight: 400;
	color: red;
	display: none
}

.try_dialog_wrap .dialog_success_wrap {
	width: 100%;
	display: none;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column nowrap;
	flex-flow: column nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 140px 0
}

.try_dialog_wrap .dialog_success_wrap.show {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.try_dialog_wrap .success_icon {
	width: 56px;
	height: 56px
}

.try_dialog_wrap .success_title {
	margin-top: 20px;
	width: 100%;
	text-align: center;
	font-size: 24px;
	line-height: 32px;
	font-weight: 500;
	color: #1d2129
}

.try_dialog_wrap .success_tip {
	margin-top: 20px;
	width: 100%;
	text-align: center;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color: #4e5969;
	padding: 0 150px
}

.try_dialog_wrap .success_qrcode_wrap {
	margin-top: 40px;
	width: 200px;
	height: 200px
}

.try_dialog_wrap .qrcode_tip {
	margin-top: 20px;
	width: 100%;
	text-align: center;
	color: #4e5969;
	font-size: 14px;
	line-height: 22px;
	font-weight: 400
}

.try_dialog_wrap .download_dialog_title {
	display: none
}

.try_dialog_wrap .download_dialog_tip {
	display: none
}

.try_dialog_wrap.download_dialog .dialog_title {
	display: none
}

.try_dialog_wrap.download_dialog .dialog_title.download_dialog_title {
	display: block
}

.try_dialog_wrap.download_dialog .dialog_tip {
	display: none
}

.try_dialog_wrap.download_dialog .dialog_tip.download_dialog_tip {
	display: block;
	text-align: center
}

@media screen and (max-width:750px) {
	.try_dialog_wrap .book_dialog_content {
		top: auto;
		left: 0;
		bottom: 0;
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
		width: 100%;
		height: 160vw;
		border-radius: 0;
		padding: 0 6.4vw
	}

	.try_dialog_wrap .close_icon {
		top: 4.26666667vw;
		right: 4.26666667vw;
		width: 5.33333333vw;
		height: 5.33333333vw;
		font-size: 3.2vw;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.try_dialog_wrap .dialog_form_wrap {
		padding: 8.53333333vw 0
	}

	.try_dialog_wrap .dialog_title {
		font-size: 5.86666667vw;
		line-height: 8vw;
		font-weight: 500
	}

	.try_dialog_wrap .dialog_tip {
		margin-top: 4.26666667vw;
		width: 100%;
		font-size: 3.73333333vw;
		line-height: 6.4vw;
		font-weight: 400
	}

	.try_dialog_wrap .dialog_form {
		margin-top: 6.4vw;
		width: 100%
	}

	.try_dialog_wrap .form_item {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		font-size: 3.73333333vw;
		line-height: 5.86666667vw;
		font-weight: 400
	}

	.try_dialog_wrap .form_item+.form_item {
		margin-top: 6.4vw
	}

	.try_dialog_wrap .form_label {
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
		line-height: 6.4vw;
		white-space: nowrap
	}

	.try_dialog_wrap .form_input_wrap {
		margin-top: 2.13333333vw;
		width: 100%
	}

	.try_dialog_wrap .form_input {
		height: 10.66666667vw;
		padding: 0 3.2vw;
		border-radius: 1.06666667vw
	}

	.try_dialog_wrap .form_textarea {
		height: 100%
	}

	.try_dialog_wrap .text_chart_num {
		right: 3.2vw;
		bottom: 2.13333333vw;
		font-size: 3.2vw;
		line-height: 4.26666667vw;
		font-weight: 400
	}

	.try_dialog_wrap .form_textarea_wrap {
		height: 32vw;
		padding: 3.2vw 3.2vw 8.53333333vw;
		border-radius: 4px;
		background-color: #fff;
		border: 1px solid #e5e6eb
	}

	.try_dialog_wrap .form_btn_wrap {
		margin-top: 8.53333333vw
	}

	.try_dialog_wrap .form_btn {
		height: 10.66666667vw;
		border-radius: 1.06666667vw;
		font-size: 3.73333333vw;
		line-height: 10.66666667vw;
		font-weight: 400
	}

	.try_dialog_wrap .error_tip {
		font-size: 3.2vw;
		line-height: 4.8vw;
		font-weight: 400
	}

	.try_dialog_wrap .dialog_success_wrap {
		padding: 42.66666667vw 0
	}

	.try_dialog_wrap .success_icon {
		width: 14.93333333vw;
		height: 14.93333333vw
	}

	.try_dialog_wrap .success_title {
		margin-top: 5.33333333vw;
		font-size: 6.4vw;
		line-height: 8.53333333vw;
		font-weight: 500
	}

	.try_dialog_wrap .success_tip {
		margin-top: 4.26666667vw;
		padding: 0 2.66666667vw;
		font-size: 3.73333333vw;
		line-height: 6.4vw;
		font-weight: 400
	}

	.try_dialog_wrap .success_qrcode_wrap {
		margin-top: 12.8vw;
		width: 53.33333333vw;
		height: 53.33333333vw
	}

	.try_dialog_wrap .qrcode_tip {
		margin-top: 5.33333333vw;
		font-size: 3.73333333vw;
		line-height: 5.86666667vw;
		font-weight: 400
	}
}