* {
	list-style: none;
	padding: 0;
	margin: 0;
	border: 0;
	outline: 0;
	text-decoration: none;
	background: transparent;
	font-family: arial, helvetica, sans-serif;
	font-size: 100%;
}

ul {
	margin: 0;
	padding: 0;
	display: block;
}

#particles-box {
	display: none;
}

div {
	display: block;
}

.pop-wrap {
	position: relative;
}

#header {
	position: fixed;
	top: 0px;
	left: 0px;
	/* width:100%; */
	height: 42px;
	text-align: center;
	backdrop-filter: saturate(180%) blur(6px);
	background-color: var(--header-background);

}

#header {
	display: block;
	padding: 0 0px;
	line-height: 20px;
	z-index: 10;
}

#header a {
	text-decoration: none;
}

#header #logo {
	height: auto;
	line-height: 42px;
	float: left;
}

#header #logo img {
	height: 30px;
	width: auto;
	vertical-align: 10px;
	padding-top: 6px;
}

#header #mobile-h {
	float: right;
	display: block;
	height: 40px;
	line-height: 40px;
}

#header #logo label {
	font-size: 22px;
	color: #f7c331;
	padding-left: 6px;
}

#header img {
	vertical-align: middle;
	width: 30%;
	float: left;
}

#header i {
	display: block;
	/* position: absolute; */
	float: right;
	font-size: 22px;
	color: #ffae27;
}

.iconfont {
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
}

#menu {
	float: right;
	padding-top: 2px;
}

#header #menu {
	position: absolute;
	right: 0;
	top: 42px;
	z-index: 100;
	width: 50%;
	height: auto;
	background-color: #395280;
	text-align: left;
	display: none;
}

#header #menu li {
	border-bottom: 1px solid #6892AB;
	float: none;
	font-size: 16px;
	padding-left: 20px;
	color: #395280;
	margin: 0 0px;
	width: 100%;
}

#header #menu a {
	color: #E2F0F7;
	display: inline-block;
	width: 100%;
}

#header #menu li a.active {
	border-bottom: 0px solid #F7C331;
	color: #EE9900;
}

#header #menu li a:hover {
	border-bottom: 0px solid #F7C331;
	color: #EE9900;
}

#header #logo img {
	height: 30px;
	width: auto;

}

#header #icon-face {
	display: block;
	padding-right: 20px;
}

.menu-button {
	display: none !important;
}

#popIcon {
	position: fixed;
	right: 0;
	bottom: 60px;
	z-index: 100000;
	width: 75px;
	height: 80px;
	background: url(../img/popIcon.png) center center no-repeat;
	background-size: 100% 100%;
	display: inline-block;
}

#popTips {
	display: none;
	position: absolute;
	top: 6px;
	left: 50px;
	height: 22px;
	min-width: 16px;
	padding: 0 3px;
	line-height: 20px;
	background: url(../img/popTip.png) center center no-repeat;
	border-radius: 10px;
	color: #fff;
	text-align: center;
	font-size: 12px;
}

.pop {
	animation-name: pop;
}

.animated {
	animation-duration: 0.2s;
	animation-fill-mode: both;
}

#banner {
	height: 340px;
	margin: 0 0 20px;
}

.btn-banner {
	display: none;
}
.index-banner ul li {
	width: 1000px;
	margin-left: -580px;
	height: 260px;

}
.purpose-play-left{
	width: 100%;
}
#purpose ul {
	margin-bottom: 0px;
}

.purpose-play-right{
	display: none !important;
}
.compose-showb{
	width: 100%;
}

.certification {}

.pro-banner {
	/* 	background-size: 100% ; */
	height: 180px;
}

.pro-banner-left {
	width: 80%;
}

.pro-banner-text .text1 {
	font-size: 16px !important;
	line-height: 20px !important;
	margin: 30px 0 10px 0;
}

.pro-banner-text .banner-text {
	font-size: 11px;
	line-height: 16px;
}

.leftbg {
	display: none;
}

.rightbg {
	display: none;
}

.control-line {
	display: none;


}


.container {
	width: 90%;
}

.contain {
	padding: 0 10px;
}

.index-banner-text {
	top: 50px;
	left: -70px;
	text-align: ;
	width: 100%;
}

.index-banner-text p {
	width: 100%;
	margin-top: 40px;
	line-height: 16px !important;
	padding-left: 400px;
	margin-left:30px;
	color: #FFFFFF;
}

.text1 {

	height: auto;
	font-size: 22px;
	font-weight: 400;
}

.text2 {
	font-size: 12px;
	margin-top: 0 !important;
}

.text3 {
	font-size: 12px;
	margin-top: 0 !important;
}

.index {
	margin-top: -120px;
}

.index-intro h1 {
	font-size: 18px;
	margin-top: 10px;
}

.index-intro h2 {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 40px;
}

#purpose {
	/* margin: -10px; */
}

.purpose-p p {
	font-size: 12px;
}

.purpose-u li {
	width: 33%;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 20px;
}

.turnoff1 {
	display: none;
	height: 80px;
}
.turn1 {
	height: 80px;
}

.purpose-u img: {
	margin-bottom: 0;
	padding: 0;
}

.purpose-play {
	height: auto;

}

.b-contact__form p {
	text-align: center !important;
}


.contact-b{
	width:100%;}


.lunbo {
	height: 300px;

}

.lunbo img {
	width: 80%
}

.p1 {
	margin-top: -20px;
	padding-top: 0 !important;
	margin-bottom: 20px;
	margin-right: 5px;
}

.p2 {
	margin-top: 10px;
	padding-top: 0 !important;
}

.p3 {

	padding-top: 0 !important;
}

.p4 {
	margin-top: 30px;
	padding-top: 0 !important;
}

.product-p {
	margin: 0;
	/* padding: 10px 10px 20px; */
}

.product-p-c p {
	font-size: 11px !important;
	line-height: 20px !important;
	margin-bottom: 10px;
}

.product-p-p1 p {
	margin-top: 0px;
}

.purpose-p {
	padding: 10px 0px 10px;
	margin: 0 auto;
}

.purpose-p p {}

#purpose p {
	font-size: 11px;
}

.purpose-p i {
	font-size: 30px;

}

.pro-item-title {
	margin: 20px 0;
}

.pro-item-title li {
	font-size: 14px;
	line-height: 28px;
	width: 24%;
	height: 28px;
	margin-top: 5px;
}

.text-item-title {
	width: auto;
}

.item-content-inner {
	padding-top: 30px;
}

.product-item h3 {
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 10px;
}

.image-item {
	width: auto;
}

.image-item1 {
	width: auto;
}


#compose {
	margin-top: 20px;
	padding: 10px 0 0 0;
}

.compose-img img {
	width: 100%;
}

.compose-pc {
	display: none;
}

.compose-iphone {
	display: block;

}
.online-tab {
	position: relative;
	width: 100%;
	bottom: -170px;
	justify-content: center;
}
.tab-pro-list li a {
	
	font-size: 18px;
	color: silver;
}
#content {
	margin-top: 60px;
}

#content ul li {
	width: 50%;
}

.content-pop {
	margin-left: 10px;
	margin-right: 10px;
}


#product ul li {
	width: 100%;
	background-color: rgb(243, 249, 253);
}

.product-u li {
	width: 47%;
}

.content-title {
	font-size: 16px;
}

.content-pop p {
	font-size: 11px;
	text-align: left;
}

#pop-show {
	margin-top: 0;
}
.pop-show-pro{
	padding:20px 20px 40px 30px ;
}
#show {
	background-color: rgb(243, 249, 253);
}
.pop-wrap{
	bottom: 0px;
}

.pro-box {
	padding: 0;
	margin: 20px;
}

.pro-hot img {
	width: 20px;
}

.pro-title img {
	width: 20px;
}

.pro-title {
	line-height: 20px;
	font-size: 16px;
}

#product p {
	font-size: 12px;
	line-height: 20px;
	text-align: left;
}

.pro-foot {
	display: none;
}

#footer {
	height: auto;
}

.foot-container {
	display: none;
}


.pop_warming {
	display: none;
}

.register {
	display: block;
	/* position: relative; */
	background-color: #395280;
	height: auto;
	padding-top: 40px;
	padding-bottom: 20px;
	text-align: left;
}

.register img {
	width: 100%;
}

#footer {
	background-color: inherit;
}

.register ul {
	display: none;
}

.register .reg_form {
	/*  display: inline-block; */
	width: 80%;
	background-color: inherit;
	padding: 15px 10px;
	border-radius: 3px;
	vertical-align: middle;
	margin: 10px auto;
	font-style: inherit;
	position: relative;
	right: 0;
	border: none;
	height: 400px;
}

.foot-contain {
	height: 490px;
	display: none;
}

.copyright {
	height: auto;


}

.footer-title {
	display: block;
	padding: 20px 0px;
	position: relative;
	line-height: 24px;
	/* margin-top: 20px; */
	/* border-bottom: 1px solid #9E9E9E; */
	text-align: center;
	color: #fbb519;
	background-image: url(../img/footer_mobie.png);
	background-size: cover;
	padding-bottom: 20px;
	background-color: #2f3542;
	height: 240px;
}

.footer-title p {
	margin: 10px;
	font-size: 11px;
}

.footer-title ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.clear {
	clear: both;
}

.footer-title a {
	display: inline;
	margin: 10px;
	vertical-align: sub;

	color: #e2f0f7;
}

.form-content {
	clear: both;
	padding: 2px 0;
	position: relative;
	overflow: hidden;

}

.form-content label {
	display: block;
	float: left;
	width: 27%;
	text-align: right;
	padding-right: 1%;
	padding-top: 4%;
	line-height: 0.7rem;
	color: #FFFFFF;
	font: 14px/100% Arial, Helvetica, sans-serif;
}

.form-content input {
	width: 55%;
	padding: 5px 0.05333rem;
	border: 1px #9E9E9E solid;
	float: left;
	color: #FFFFFF;
	margin-left: 8px;
	margin-top: 4px;
	/* height: 0.7rem; */
	font-size: 14px/100%;
	-webkit-box-sizing: border-box;
	height: auto;
}

ul.openTip {
	clear: both;
	display: none;
	list-style: none;
	margin: 0;
	padding: 0.1rem 0 0.1rem 20%;
	color: #999999;
	font-size: 10px;
}

ul.openTip li {
	padding: 0;
	margin: 0;
	line-height: 0.8rem;
}

.sa-lab {
	font: 14px/100% Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 10px 2px;

}

.sa-lab span {
	display: inline-block;
	width: 32%;
	padding: 0;
	font: 14px/100% Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

.but-orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
}

.button {
	display: inline-block;
	vertical-align: baseline;
	margin: 20px 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	border-radius: .5em;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}

.cert {
	display: none;
}

.footer-title {}

.footer-title img {
	width: 20%;
	margin-top: 20px;

}

.copyright p {
	line-height: 16px;
	font-size: 10px;
	padding: 0px 10px;
	height: auto;
	/* border-top: 1px solid #9e9e9e; */
}

.footer-mobile {
	position: relative;
	display: block;
	margin: 22px 0;
	width: 33.33%;
	float: ;

}

.footer-mobile li {

	font-size: 11px;
	text-align: center !important;
}

.footer-right li {
	text-align: right !important;
}

.ours-fl {
	width: 100%;
}

.ours-pur-left img {
	display: none;
}

.ours-compa p {
	width: auto;
	font-size: 12px;
	line-height: 20px;
	padding: 10px;
	float: inherit;
}

.index-down {
	position: relative;
}
.down {
	position: relative;
}
.down-item {
	width: 50%;
	margin: 0;
	border: none;

}
.indexdown-item {
	width: 50%;
	margin: 0;
	border: none;

}

.top-down img {
	padding: 8px;
}

.down-btn {
	font-size: 12px;
	height: 30px;
	line-height: 30px;
}

.win_down-btn {
	font-size: 12px;
	height: 30px;
	line-height: 30px;
}

.top-down {
	height: auto;
}

.main-cont {
	width: auto;

}

.mid h3 {
	font-size: 12px;
	margin: 15px 0px 5px 0px;
}

.down .info {
	font-size: 10px;
}

.service-left {
	width: auto;
	background-color: #F6F7F7;
	padding: 20px;
	float: inherit;
	display: none;
}

#help-menu {
	width: 100%;
	position: relative !important;
	top: 0;
	bottom: 0;
}

.qa_list .content {
	display: none;
}

.search-box {
	padding-top: 30px;
}

.form-help {
	width: 300px;
}

.search-box .form-help form {
	width: 300px;
	height: 40px;
	line-height: 40px;
	font-size: 12px;
	margin: 0;
}

.button-help {
	width: 40px;
	height: 30px;
	font-size: 26px;
}

.search-box .text-help {
	width: auto;
	line-height: 30px;
	margin: 0;
}

.search-box .text1 {
	margin: 10px 0;
}

.left-box {
	background-color: #F6F7F7;
}

.left-box li {
	line-height: 56px;
	font-size: 16px;
	height: 60px;
	margin: 10px 0;
	background-color: #FFFFFF;

}

.service-left {
	position: relative;
}


.service-right {
	padding-left: 0;
	width: 100%;
}

.service-right .qa_list {
	width: 100% !important;
}

.qa_list-mobie {
	position: absolute;
	display: inherit;
}

.banner-land {
	padding: 40px 0px;
}

.lreg-img {
	position: absolute;
}

.sig-form {
	width: auto;
	right: auto;
}

.reg_form {
	padding-top: 20px;
	width: auto;
	right: auto;
	position: relative;
}

.login_form {
	width: auto;
	right: auto;
	position: relative;
}

.case-pc {
	display: none;
}

.case-mobie {
	display: block;
}

.case-purp {
	margin-top: 0;
}

.case-pur h1 {
	font-size: 16px !important;
	margin-top: 20px !important;
}

.case-pur h2 {
	font-size: 12px;
	line-height: 20px;
}

#case5 img {
	margin-bottom: 0px;
}

#case4 img {
	margin-bottom: 0;
}

#case3 img {
	margin-bottom: 0;
}

#case2 img {
	margin-bottom: 0;
}

#case6 img {
	margin-bottom: 60px;
}

.pop_box {
	right: 0 !important;
	display: block;
}

.dropdown {
	width: 40%;
	right: 0;
}

.pro-active {
	margin: 0px 0px !important;
}

.ppp {
	height: 22px !important;
	width: 22px !important;
}

.pro-content-inner {
	width: initial;
}

.pro-vip-purpose li {

	margin: 0px 0px;
}

.free-img-left {
	width: 80%;
	margin: 0 auto;
	padding: 40px 0;
}

.pro-vip-purpose img {
	width: 80%;
	margin: 0 auto;
}

.free-text {
	margin: 0 auto;
	width: 100%;
}

.pro-vip-purpose-text {
	width: 90%;
	margin: 0 auto;
	float: none;

}

.pro-vip-purpose li {
	width: 100%;
}

.free-img {
	width: 80%;
	margin: 0 auto;
}
.contact-bu {
	width: 120px;
	margin: 0 auto;
}
.tab-pro-list li a{
	font-size: 14px;
}
.tab-pro-list{
	width: 100%;
	line-height: 60px;
	height: 60px;
}
.wetchat-title{
	padding-top: 0;
}
.wc-text{
	padding-top: 0;
	width: 60%;
} 
.wechat-right{
	width: 40%;
}
.wc-text h3{
	font-size: 18px;
	padding: 8px 0 8px 0;
}
.wc-text p{
	font-size: 10px;
	line-height: 1.2;
}
.public-wc a{
	font-size: 12px;
}
.wc-regist h3{
	font-size: 14px;
	padding: 8px 0 8px 0;
}
.wc-text h3{
	font-size: 14px;
}
.contact-wc a{
	font-size: 12px;
}
.contact-wc{
	padding: 4px 6px;
}
.wetchat-banner{
	
}
.wc-show img{
	width: 100%;
	margin: 0px;
}
.b-contact__right img{
	margin: 0 auto;
	width: 100%;
}
.b-contact__form {
	margin: 10px 0;
}
.b-contact__right{
margin-top: -20px;
}
.regist-wc{
height: 100px;
	
}
.contact-bu{
	padding: 0;
	font-size: 12px;
}
.b-contact__form p {
	line-height: 16px!important;
	font-size: 10px!important;
}
.contact-row{
	padding: 10px 0 0 0;
	
}
.wc-show-text-mobile{
	display: block;
}