[v-cloak] {
	display: none
}

:root {
	font-size: 110.4px
}

* {
	margin: 0;
	padding: 0
}

/*body {
	-webkit-tap-highlight-color: transparent;
	color: #666;
	background: #fff;
	line-height: 1.5;
	font-size: .14rem;
	word-break: break-all;
	font-family: "Microsoft YaHei",-apple-system,SF UI Text,Helvetica Neue,Helvetica,Arial,sans-serif
}*/

ul {
	list-style-type: none
}

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

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

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

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

.flex-1 {
	flex: 1
}

.m-0 {
	margin: 0rem !important
}

.p-0 {
	padding: 0rem !important
}

.mt-0 {
	margin-top: 0rem !important
}

.mr-0 {
	margin-right: 0rem !important
}

.mb-0 {
	margin-bottom: 0rem !important
}

.ml-0 {
	margin-left: 0rem !important
}

.pt-0 {
	padding-top: 0rem !important
}

.pr-0 {
	padding-right: 0rem !important
}

.pb-0 {
	padding-bottom: 0rem !important
}

.pl-0 {
	padding-left: 0rem !important
}

.mx-0 {
	margin-left: 0rem !important;
	margin-right: 0rem !important
}

.my-0 {
	margin-top: 0rem !important;
	margin-bottom: 0rem !important
}

.px-0 {
	padding-left: 0rem !important;
	padding-right: 0rem !important
}

.py-0 {
	padding-top: 0rem !important;
	padding-bottom: 0rem !important
}

.m-1 {
	margin: .05rem !important
}

.p-1 {
	padding: .05rem !important
}

.mt-1 {
	margin-top: .05rem !important
}

.mr-1 {
	margin-right: .05rem !important
}

.mb-1 {
	margin-bottom: .05rem !important
}

.ml-1 {
	margin-left: .05rem !important
}

.pt-1 {
	padding-top: .05rem !important
}

.pr-1 {
	padding-right: .05rem !important
}

.pb-1 {
	padding-bottom: .05rem !important
}

.pl-1 {
	padding-left: .05rem !important
}

.mx-1 {
	margin-left: .05rem !important;
	margin-right: .05rem !important
}

.my-1 {
	margin-top: .05rem !important;
	margin-bottom: .05rem !important
}

.px-1 {
	padding-left: .05rem !important;
	padding-right: .05rem !important
}

.py-1 {
	padding-top: .05rem !important;
	padding-bottom: .05rem !important
}

.m-2 {
	margin: .1rem !important
}

.p-2 {
	padding: .1rem !important
}

.mt-2 {
	margin-top: .1rem !important
}

.mr-2 {
	margin-right: .1rem !important
}

.mb-2 {
	margin-bottom: .1rem !important
}

.ml-2 {
	margin-left: .1rem !important
}

.pt-2 {
	padding-top: .1rem !important
}

.pr-2 {
	padding-right: .1rem !important
}

.pb-2 {
	padding-bottom: .1rem !important
}

.pl-2 {
	padding-left: .1rem !important
}

.mx-2 {
	margin-left: .1rem !important;
	margin-right: .1rem !important
}

.my-2 {
	margin-top: .1rem !important;
	margin-bottom: .1rem !important
}

.px-2 {
	padding-left: .1rem !important;
	padding-right: .1rem !important
}

.py-2 {
	padding-top: .1rem !important;
	padding-bottom: .1rem !important
}

.m-3 {
	margin: .15rem !important
}

.p-3 {
	padding: .15rem !important
}

.mt-3 {
	margin-top: .15rem !important
}

.mr-3 {
	margin-right: .15rem !important
}

.mb-3 {
	margin-bottom: .15rem !important
}

.ml-3 {
	margin-left: .15rem !important
}

.pt-3 {
	padding-top: .15rem !important
}

.pr-3 {
	padding-right: .15rem !important
}

.pb-3 {
	padding-bottom: .15rem !important
}

.pl-3 {
	padding-left: .15rem !important
}

.mx-3 {
	margin-left: .15rem !important;
	margin-right: .15rem !important
}

.my-3 {
	margin-top: .15rem !important;
	margin-bottom: .15rem !important
}

.px-3 {
	padding-left: .15rem !important;
	padding-right: .15rem !important
}

.py-3 {
	padding-top: .15rem !important;
	padding-bottom: .15rem !important
}

.m-4 {
	margin: .2rem !important
}

.p-4 {
	padding: .2rem !important
}

.mt-4 {
	margin-top: .2rem !important
}

.mr-4 {
	margin-right: .2rem !important
}

.mb-4 {
	margin-bottom: .2rem !important
}

.ml-4 {
	margin-left: .2rem !important
}

.pt-4 {
	padding-top: .2rem !important
}

.pr-4 {
	padding-right: .2rem !important
}

.pb-4 {
	padding-bottom: .2rem !important
}

.pl-4 {
	padding-left: .2rem !important
}

.mx-4 {
	margin-left: .2rem !important;
	margin-right: .2rem !important
}

.my-4 {
	margin-top: .2rem !important;
	margin-bottom: .2rem !important
}

.px-4 {
	padding-left: .2rem !important;
	padding-right: .2rem !important
}

.py-4 {
	padding-top: .2rem !important;
	padding-bottom: .2rem !important
}

.m-5 {
	margin: .25rem !important
}

.p-5 {
	padding: .25rem !important
}

.mt-5 {
	margin-top: .25rem !important
}

.mr-5 {
	margin-right: .25rem !important
}

.mb-5 {
	margin-bottom: .25rem !important
}

.ml-5 {
	margin-left: .25rem !important
}

.pt-5 {
	padding-top: .25rem !important
}

.pr-5 {
	padding-right: .25rem !important
}

.pb-5 {
	padding-bottom: .25rem !important
}

.pl-5 {
	padding-left: .25rem !important
}

.mx-5 {
	margin-left: .25rem !important;
	margin-right: .25rem !important
}

.my-5 {
	margin-top: .25rem !important;
	margin-bottom: .25rem !important
}

.px-5 {
	padding-left: .25rem !important;
	padding-right: .25rem !important
}

.py-5 {
	padding-top: .25rem !important;
	padding-bottom: .25rem !important
}

.m-6 {
	margin: .3rem !important
}

.p-6 {
	padding: .3rem !important
}

.mt-6 {
	margin-top: .3rem !important
}

.mr-6 {
	margin-right: .3rem !important
}

.mb-6 {
	margin-bottom: .3rem !important
}

.ml-6 {
	margin-left: .3rem !important
}

.pt-6 {
	padding-top: .3rem !important
}

.pr-6 {
	padding-right: .3rem !important
}

.pb-6 {
	padding-bottom: .3rem !important
}

.pl-6 {
	padding-left: .3rem !important
}

.mx-6 {
	margin-left: .3rem !important;
	margin-right: .3rem !important
}

.my-6 {
	margin-top: .3rem !important;
	margin-bottom: .3rem !important
}

.px-6 {
	padding-left: .3rem !important;
	padding-right: .3rem !important
}

.py-6 {
	padding-top: .3rem !important;
	padding-bottom: .3rem !important
}

.m-7 {
	margin: .35rem !important
}

.p-7 {
	padding: .35rem !important
}

.mt-7 {
	margin-top: .35rem !important
}

.mr-7 {
	margin-right: .35rem !important
}

.mb-7 {
	margin-bottom: .35rem !important
}

.ml-7 {
	margin-left: .35rem !important
}

.pt-7 {
	padding-top: .35rem !important
}

.pr-7 {
	padding-right: .35rem !important
}

.pb-7 {
	padding-bottom: .35rem !important
}

.pl-7 {
	padding-left: .35rem !important
}

.mx-7 {
	margin-left: .35rem !important;
	margin-right: .35rem !important
}

.my-7 {
	margin-top: .35rem !important;
	margin-bottom: .35rem !important
}

.px-7 {
	padding-left: .35rem !important;
	padding-right: .35rem !important
}

.py-7 {
	padding-top: .35rem !important;
	padding-bottom: .35rem !important
}

.m-8 {
	margin: .4rem !important
}

.p-8 {
	padding: .4rem !important
}

.mt-8 {
	margin-top: .4rem !important
}

.mr-8 {
	margin-right: .4rem !important
}

.mb-8 {
	margin-bottom: .4rem !important
}

.ml-8 {
	margin-left: .4rem !important
}

.pt-8 {
	padding-top: .4rem !important
}

.pr-8 {
	padding-right: .4rem !important
}

.pb-8 {
	padding-bottom: .4rem !important
}

.pl-8 {
	padding-left: .4rem !important
}

.mx-8 {
	margin-left: .4rem !important;
	margin-right: .4rem !important
}

.my-8 {
	margin-top: .4rem !important;
	margin-bottom: .4rem !important
}

.px-8 {
	padding-left: .4rem !important;
	padding-right: .4rem !important
}

.py-8 {
	padding-top: .4rem !important;
	padding-bottom: .4rem !important
}

.m-9 {
	margin: .45rem !important
}

.p-9 {
	padding: .45rem !important
}

.mt-9 {
	margin-top: .45rem !important
}

.mr-9 {
	margin-right: .45rem !important
}

.mb-9 {
	margin-bottom: .45rem !important
}

.ml-9 {
	margin-left: .45rem !important
}

.pt-9 {
	padding-top: .45rem !important
}

.pr-9 {
	padding-right: .45rem !important
}

.pb-9 {
	padding-bottom: .45rem !important
}

.pl-9 {
	padding-left: .45rem !important
}

.mx-9 {
	margin-left: .45rem !important;
	margin-right: .45rem !important
}

.my-9 {
	margin-top: .45rem !important;
	margin-bottom: .45rem !important
}

.px-9 {
	padding-left: .45rem !important;
	padding-right: .45rem !important
}

.py-9 {
	padding-top: .45rem !important;
	padding-bottom: .45rem !important
}

.m-10 {
	margin: .5rem !important
}

.p-10 {
	padding: .5rem !important
}

.mt-10 {
	margin-top: .5rem !important
}

.mr-10 {
	margin-right: .5rem !important
}

.mb-10 {
	margin-bottom: .5rem !important
}

.ml-10 {
	margin-left: .5rem !important
}

.pt-10 {
	padding-top: .5rem !important
}

.pr-10 {
	padding-right: .5rem !important
}

.pb-10 {
	padding-bottom: .5rem !important
}

.pl-10 {
	padding-left: .5rem !important
}

.mx-10 {
	margin-left: .5rem !important;
	margin-right: .5rem !important
}

.my-10 {
	margin-top: .5rem !important;
	margin-bottom: .5rem !important
}

.px-10 {
	padding-left: .5rem !important;
	padding-right: .5rem !important
}

.py-10 {
	padding-top: .5rem !important;
	padding-bottom: .5rem !important
}

.text-left {
	text-align: left
}

.text-center {
	text-align: center
}

.text-right {
	text-align: right
}

.text-nowrap {
	white-space: nowrap
}

.color-primary {
	color: #0486FE
}

.content {
	position: relative;
	margin: auto;
	width: 12rem
}

::-webkit-scrollbar {
	display: none
}

.nav-bar {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 4;
	transition: all .3s
}

.nav-bar .content {
	position: relative;
	z-index: 2
}

.nav-bar .content .logo {
	display: flex;
	align-items: center;
	height: .4rem;
	font-size: .24rem;
	color: #fff
}

.nav-bar .content .logo .icon {
	margin-right: 10px;
	display: block;
	width: .4rem;
	height: .4rem;
	background: url("../assets/icon/logo.png") no-repeat;
	background-size: 100% auto
}

.nav-bar .content .menu {
	margin-right: -.2rem
}

.nav-bar .content .menu>li {
	padding: 0 .2rem
}

.nav-bar .content .menu>li .link {
	position: relative;
	height: .7rem;
	line-height: .7rem;
	display: block;
	color: #fff;
	transition: all .3s;
	box-sizing: border-box
}

.nav-bar .content .menu>li .link.active:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: .2rem;
	height: .02rem;
	background: #fff
}

.nav-bar .bg {
	opacity: 0;
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff
}

.nav-bar.bg {
	box-shadow: 0 0.05rem 0.1rem rgba(0,0,0,0.1)
}

.nav-bar.bg .content .logo {
	color: #0486FE
}

.nav-bar.bg .content .logo .icon {
	color: #0486FE;
	background-position-y: 100%
}

.nav-bar.bg .menu>li .link {
	color: #333
}

.nav-bar.bg .menu>li .link.active:after {
	background: #0486FE
}

.foot-bar {
	background: linear-gradient(134deg, #33b6f2 0%, #0486fe 100%);
	color: #fff
}

.foot-bar .f-s1 {
	display: flex;
	justify-content: space-between;
	padding: .6rem 0;
	border-bottom: solid 1px #fff
}

.foot-bar .f-s1 .p1 {
	font-size: .18rem;
	padding-bottom: .2rem
}

.foot-bar .f-s1 .p2 {
	padding-top: .2rem;
	font-size: .14rem
}

.foot-bar .f-s1 .qrcode {
	display: block;
	width: 1.6rem;
	height: 1.6rem;
	background: #fff
}

.foot-bar .f-s2 {
	padding: .3rem 0;
	text-align: center;
	font-size: .14rem
}

.part-common .p-s1 {
	background: #f2f2f3;
	padding: .95rem 0
}

.part-common .p-s1 .title {
	font-size: .24rem;
	text-align: center
}

.part-common .p-s1 .item-wrap {
	margin-top: .5rem;
	display: flex;
	align-items: center;
	justify-content: center
}

.part-common .p-s1 .item-wrap .item {
	margin: 0 .8rem;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column
}

.part-common .p-s1 .item-wrap .item .icon {
	width: 1.42rem;
	height: 1.42rem
}

.part-common .p-s1 .item-wrap .item .icon img {
	display: block;
	width: 100%;
	height: 100%
}

.part-common .p-s1 .item-wrap .item .p1 {
	padding: .1rem 0 0;
	font-size: .18rem
}

.part-common .p-s1 .item-wrap .item .p2 {
	color: #888
}

.part-common .p-s2 {
	position: relative;
	padding: .95rem 0 2.45rem
}

.part-common .p-s2 .content {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column
}

.part-common .p-s2 .content .p1 {
	font-size: .24rem;
	color: #0486FE
}

.part-common .p-s2 .content .p2 {
	padding: .35rem 0;
	color: #888;
	white-space: pre-line
}

.part-common .p-s2 .content .btn {
	display: block;
	background-color: #2b3e68;
	box-shadow: 0 0.12rem 0.2rem 0 rgba(43,62,104,0.2);
	width: 1.8rem;
	height: .48rem;
	line-height: .48rem;
	border-radius: .48rem;
	color: #fff;
	font-size: .16rem;
	text-align: center
}

@keyframes fade-in {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

.go-top {
	position: fixed;
	bottom: .15rem;
	right: .15rem;
	width: .5rem;
	height: .5rem;
	z-index: 5;
	background: rgba(255,255,255,0.9) url("../assets/icon/icon-01.png") center no-repeat;
	background-size: auto 80%;
	outline: none;
	border: solid 1px #e5e5e5;
	border-radius: .04rem;
	box-shadow: 0 0 0.05rem rgba(0,0,0,0.1);
	cursor: pointer
}

.contact-us-float .b1 {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: 680px
}

.contact-us-float .b1 .item {
	margin-bottom: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #20a1f7;
	box-shadow: 0 5px 5px rgba(0,0,0,0.2);
	color: #fff;
	line-height: 1.1;
	text-align: center;
	transition: all .3s;
	cursor: pointer
}

.contact-us-float .b1 .item .icon {
	display: block;
	width: 20px;
	height: 20px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	transition: all .3s
}

.contact-us-float .b1 .item .icon.icon-1 {
	background-image: url("../assets/icon/icon-02-1.png")
}

.contact-us-float .b1 .item .icon.icon-2 {
	background-image: url("../assets/icon/icon-02-2.png")
}

.contact-us-float .b1 .item .p1 {
	display: none;
	transition: all .3s;
	cursor: pointer
}

.contact-us-float .b1 .item:hover .icon {
	display: none
}

.contact-us-float .b1 .item:hover .p1 {
	display: block
}

.contact-us-float .b2 {
	position: fixed;
	bottom: 15px;
	right: 25px
}

.contact-us-float .b2 .el-card {
	position: relative
}

.contact-us-float .b2 .el-card .close {
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #999
}

.contact-us-float .b2 .el-card .p1 {
	margin-top: 5px;
	text-align: center;
	font-size: 12px;
	color: #999
}

@media (max-width: 1470px) {
	.contact-us-float .b1 {
		left: auto;
		margin-left: auto;
		right: 25px
	}
}

@media (max-width: 640px) {
	.contact-us-float .b1,.contact-us-float .b2 {
		display: none
	}
}

.s-title {
	font-size: .3rem;
	color: #333;
	text-align: center
}

.s-title .sm {
	margin-top: .1rem;
	color: #606266;
	font-size: .16rem
}

.home {
	position: relative
}

.home .s1 {
	background: linear-gradient(134deg, #33b6f2, #0486fe)
}

.home .s1 .swiper-slide {
	box-sizing: border-box
}

.home .s1 .swiper-pagination {
	bottom: .2rem
}

.home .s1 .swiper-pagination .swiper-pagination-bullet {
	background: #fff;
	opacity: 1;
	transition: all .3s
}

.home .s1 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: .24rem;
	border-radius: .04rem
}

.home .s1 .b1 {
	color: #fff;
	font-size: .16rem
}

.home .s1 .b1 .content {
	padding-top: .7rem;
	height: 5rem;
	display: flex;
	align-items: center;
	justify-content: space-around;
	box-sizing: border-box
}

.home .s1 .b1 .p1 span {
	margin-right: .1rem;
	font-size: .36rem
}

.home .s1 .b1 .p2 {
	margin-top: .15rem
}

.home .s1 .b1 .p3 {
	margin-top: .5rem
}

.home .s1 .b1 .p3 .p3-1 {
	margin-bottom: .07rem;
	font-size: .12rem
}

.home .s1 .b1 .p3 .p3-2 {
	display: flex;
	align-items: center
}

.home .s1 .b1 .p3 .p3-2 .btn {
	margin-right: .2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1.26rem;
	height: .42rem;
	background: #fff;
	border-radius: .04rem;
	color: #2CAFF3;
	border: solid 1px #fff;
	font-size: .18rem
}

.home .s1 .b1 .p3 .p3-2 .btn.btn-o {
	background: none;
	color: #fff
}

.home .s1 .b1 .p3 .p3-2 .btn:hover {
	opacity: .95
}

.home .s1 .b1 .p3 .p3-2 .btn:active {
	opacity: .9
}

.home .s1 .b1 .img {
	position: relative;
	bottom: -.26rem;
	display: block;
	width: 3.3rem
}

.home .s2 {
	padding: .45rem 0
}

.home .s2 .content {
	display: flex;
	align-items: center;
	justify-content: space-around
}

.home .s2 .s2-1 .p1 span {
	font-size: .24rem;
	color: #333
}

.home .s2 .s2-1 .p2 {
	margin-top: .2rem;
	width: 6rem
}

.home .s2 .s2-1 .p3 {
	margin-top: .2rem;
	display: flex;
	align-items: center
}

.home .s2 .s2-1 .p3 .btn {
	margin-right: .2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1.26rem;
	height: .42rem;
	background: linear-gradient(134deg, #33b6f2 0%, #0486fe 100%);
	border-radius: .04rem;
	font-size: .18rem;
	color: #fff;
	border: solid 1px #0486FE
}

.home .s2 .s2-1 .p3 .btn.btn-o {
	background: none;
	color: #0486FE
}

.home .s2 .s2-1 .p3 .btn:hover {
	opacity: .95
}

.home .s2 .s2-1 .p3 .btn:active {
	opacity: .9
}

.home .s2 .s2-2 {
	color: #333;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column
}

.home .s2 .s2-2 .p2 {
	margin: .03rem 0;
	width: 1.3rem
}

.home .s2 .s2-2 .p2 img {
	display: block;
	width: 100%
}

.home .s2 .s2-2 .p3 {
	font-size: .12rem
}

.home .s3 {
	position: relative;
	padding: .45rem 0;
	background: url("../assets/page-1/bg.png") center bottom no-repeat;
	background-size: cover;
	overflow: hidden
}

.home .s3 .item-wrap {
	position: relative;
	margin: .3rem auto 0 auto;
	width: 11rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	z-index: 1
}

.home .s3 .item-wrap .item {
	display: flex;
	justify-content: flex-start;
	text-align: right;
	width: 50%;
	height: 2rem;
	white-space: pre-line
}

.home .s3 .item-wrap .item .wrap {
	display: flex;
	cursor: pointer
}

.home .s3 .item-wrap .item .wrap .text {
	width: 2.45rem;
	line-height: .2rem
}

.home .s3 .item-wrap .item .wrap .p1 {
	margin-bottom: .1rem;
	font-size: .18rem;
	color: #333
}

.home .s3 .item-wrap .item .wrap .p2 {
	text-align: left
}

.home .s3 .item-wrap .item .wrap .p3 {
	opacity: 0;
	transition: all .3s;
	text-align: left
}

.home .s3 .item-wrap .item .wrap .icon {
	position: relative;
	margin: 0 .25rem;
	width: .98rem;
	height: .98rem
}

.home .s3 .item-wrap .item .wrap .icon img {
	display: block;
	width: 100%
}

.home .s3 .item-wrap .item .wrap.active .p2 {
	color: #0486FE
}

.home .s3 .item-wrap .item .wrap.active .p3 {
	opacity: 1
}

.home .s3 .item-wrap .item .wrap.active .icon:after {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	content: "";
	width: 1.2rem;
	height: 1.2rem;
	background: url("../assets/page-1/pic-3.png") center no-repeat;
	background-size: 100% auto
}

.home .s3 .item-wrap .item:nth-child(even) {
	justify-content: flex-end;
	text-align: left
}

.home .s3 .item-wrap .item:nth-child(even) .wrap>div:first-child {
	order: 2
}

.home .s3 .item-wrap .item-img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 3.4rem;
	margin-top: -.5rem;
	transform: translate(-50%, -50%)
}

.home .s3 .item-wrap .item-img img {
	display: block;
	width: 100%;
	transition: all .3s
}

.home .s4 .item {
	position: relative
}

.home .s4 .item .bg {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 3.2rem
}

.home .s4 .item .bg img {
	display: block;
	height: 4rem
}

.home .s4 .item .wrap {
	height: 4rem;
	position: relative;
	white-space: pre-line;
	z-index: 2
}

.home .s4 .item .wrap .text {
	margin-left: 55%
}

.home .s4 .item .wrap .p1 {
	margin-bottom: .1rem;
	font-size: .24rem;
	color: #333
}

.home .s4 .item .wrap .p2 {
	margin-bottom: .2rem;
	color: #0486FE
}

.home .s4 .item .wrap .p3 {
	margin-bottom: .2rem
}

.home .s4 .item .wrap .p4 .btn {
	display: block;
	width: 1.28rem;
	height: .44rem;
	line-height: .44rem;
	text-align: center;
	font-size: .18rem;
	color: #fff;
	background: linear-gradient(134deg, #33b6f2 0%, #0486fe 100%);
	border-radius: .04rem
}

.home .s4 .swiper-pagination {
	bottom: .2rem
}

.home .s4 .swiper-pagination .swiper-pagination-bullet {
	background: #fff;
	opacity: 1;
	transition: all .3s;
	border: solid 0.01rem #0486FE
}

.home .s4 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #0486FE;
	border-radius: .04rem
}

.home .s5 {
	padding-top: .2rem;
	padding-bottom: .45rem
}

.home .s5 .title {
	text-align: center
}

.home .s5 .title span {
	position: relative;
	display: inline-block;
	width: 1.6rem;
	height: .5rem;
	line-height: .5rem;
	background: #fff;
	box-shadow: 0 0.02rem 0.04rem 0 rgba(0,0,0,0.12);
	border-radius: .02rem;
	font-size: .24rem
}

.home .s5 .title span:before,.home .s5 .title span:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 100%;
	margin-left: .2rem;
	width: 5.2rem;
	height: .02rem;
	background: #f6f6f6
}

.home .s5 .title span:after {
	left: auto;
	right: 100%;
	margin-left: auto;
	margin-right: .2rem
}

.home .s5 .s5-1 {
	margin-top: .4rem;
	display: flex;
	align-items: center;
	justify-content: center
}

.home .s5 .tabs {
	margin-right: .8rem
}

.home .s5 .tabs .item {
	margin: .25rem 0;
	display: block;
	height: .4rem;
	line-height: .4rem;
	font-size: .26rem;
	white-space: nowrap
}

.home .s5 .tabs .item.active {
	color: #0486FE
}

.home .s5 .list {
	display: flex;
	align-items: center;
	justify-content: center
}

.home .s5 .list .item {
	margin: 0 .35rem;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column
}

.home .s5 .list .item .img {
	width: 2.16rem
}

.home .s5 .list .item .img img {
	display: block;
	width: 100%
}

.home .s5 .list .item .p1 {
	margin-top: .3rem;
	color: #333;
	font-size: .18rem
}

.home .s5 .list .item .p2 {
	margin-top: .07rem;
	font-size: .16rem
}

.home .s6 {
	padding: .45rem 0;
	background: #F8FBFF
}

.home .s6 .tabs {
	margin: .1rem auto 0 auto;
	display: flex;
	width: 1.64rem;
	background: #fff;
	border-radius: .04rem;
	overflow: hidden
}

.home .s6 .tabs .item {
	display: block;
	flex: 1;
	width: 80px;
	height: .32rem;
	line-height: .32rem;
	text-align: center;
	border: solid 1px #D9D9D9
}

.home .s6 .tabs .item:first-child {
	border-radius: .04rem 0 0 .04rem
}

.home .s6 .tabs .item:last-child {
	border-radius: 0 .04rem .04rem 0
}

.home .s6 .tabs .item.active {
	color: #0486FE;
	border-color: #0486FE
}

.home .s6 .swiper-slide {
	position: relative;
	cursor: pointer
}

.home .s6 .swiper1 .swiper-wrapper {
	padding: .45rem 0
}

.home .s6 .swiper1 .swiper-slide:after {
	content: "";
	position: absolute;
	top: .2rem;
	right: .45rem;
	width: .4rem;
	height: .4rem;
	background: url("../assets/page-1/pic-6.png") center no-repeat;
	background-size: contain
}

.home .s6 .swiper1 .item-wrap {
	margin: 0 -.15rem;
	width: 6.8rem;
	padding: .3rem .5rem;
	background: #fff;
	box-shadow: 0 0.1rem 0.2rem 0 rgba(0,0,0,0.08);
	border-radius: .05rem;
	box-sizing: border-box
}

.home .s6 .swiper1 .item-wrap .img-box {
	margin-right: .2rem;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	overflow: hidden;
	box-shadow: 0 0.1rem 0.2rem 0 rgba(0,0,0,0.08)
}

.home .s6 .swiper1 .item-wrap .img-box img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.home .s6 .swiper1 .item-wrap .p1 {
	color: #333;
	font-size: .24rem
}

.home .s6 .swiper1 .item-wrap .p2 {
	color: #999
}

.home .s6 .swiper1 .item-wrap .p3 {
	margin-top: .35rem;
	color: #333
}

.home .s6 .swiper1 .swiper-slide:not(.swiper-slide-active) {
	transform: scale(0.8);
	opacity: .5
}

.home .s6 .swiper2 {
	margin: auto;
	width: 3.2rem
}

.home .s6 .swiper2 .img-box {
	width: .72rem;
	height: .72rem;
	border-radius: 50%;
	overflow: hidden
}

.home .s6 .swiper2 .img-box img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.home .s6 .swiper2 .swiper-slide:not(.swiper-slide-active) {
	transform: scale(0.8);
	opacity: .5
}

.home .s6 .swiper2 .swiper-slide-active .img-box {
	border: solid 0.02rem #0486FE
}

.home .s7 {
	padding: .45rem 0;
	position: relative
}

.home .s7:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 3.65rem;
	background: linear-gradient(360deg, #33b6f2 0%, #0486fe 100%)
}

.home .s7>* {
	position: relative;
	z-index: 3
}

.home .s7 .s-title {
	color: #fff
}

.home .s7 .s-title:after {
	margin: .15rem auto;
	content: "";
	display: block;
	width: .5rem;
	height: .04rem;
	background: #fff;
	border-radius: 2px
}

.home .s7 .item-wrap {
	margin-top: .4rem;
	display: flex;
	flex-wrap: wrap
}

.home .s7 .item-wrap .item {
	position: relative;
	padding: .4rem 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 20%;
	background: #fff;
	cursor: pointer
}

.home .s7 .item-wrap .item:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: solid 1px #f1f1f1;
	box-sizing: border-box
}

.home .s7 .item-wrap .item .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	height: .6rem
}

.home .s7 .item-wrap .item .icon img {
	display: block;
	max-height: 100%
}

.home .s7 .item-wrap .item .p1 {
	margin-top: .4rem
}

.home .s7 .item-wrap .item:hover {
	background: #f9f9f9
}

.product-function .s1 {
	background: linear-gradient(134deg, #33b6f2 0%, #0486fe 100%)
}

.product-function .s1 .swiper-slide {
	box-sizing: border-box
}

.product-function .s1 .swiper-pagination {
	bottom: .2rem
}

.product-function .s1 .swiper-pagination .swiper-pagination-bullet {
	background: #fff;
	opacity: 1;
	transition: all .3s
}

.product-function .s1 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: .24rem;
	border-radius: .04rem
}

.product-function .s2 {
	/*position: sticky;
	top: .69rem;*/
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f6f6f6;
	box-shadow: 0 0.02rem 0.02rem 0 rgba(0,0,0,0.12);
	z-index: 3
}

.product-function .s2 .item {
	padding: 0 .2rem;
	position: relative;
	display: block;
	height: .8rem;
	line-height: .8rem;
	text-align: center;
	font-size: .18rem
}

.product-function .s2 .item.active {
	color: #0486FE
}

.product-function .s2 .item.active:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: .2rem;
	height: .02rem;
	background: #0486FE
}

.product-function .s3 {
	padding: .45rem 0 0
}

.product-function .s3 .s-title {
	position: relative
}

.product-function .s3 .s-title span {
	position: relative;
	z-index: 1;
	display: inline-block;
	padding: 0 .3rem;
	background: #fff
}

.product-function .s3 .s-title:after {
	<!--content: "";-->
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50%, -50%);
	height: .02rem;
	background: #e5e5e5
}

.product-function .s3 .item-wrap {
	margin-top: .4rem;
	display: flex;
	flex-wrap: wrap
}

.product-function .s3 .item-wrap .item {
	padding: 0 .3rem;
	width: 25%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	box-sizing: border-box;
	text-align: center
}

.product-function .s3 .item-wrap .item .icon {
	width: .48rem;
	height: .48rem
}

.product-function .s3 .item-wrap .item .icon img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain
}

.product-function .s3 .item-wrap .item .p1 {
	padding: .05rem 0;
	color: #333;
	font-size: .18rem
}

.product-function .s3 .item-wrap .item .p2 {
	margin-top: .05rem;
	color: #666;
	height: 1rem
}

.product-function .s4 {
	padding: .45rem 0;
	background: #F8FBFF
}

.product-function .s4 .item-wrap {
	position: relative;
	padding: 1.5rem 0;
	display: flex;
	flex-wrap: wrap
}

.product-function .s4 .item-wrap .item {
	width: 50%;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	cursor: pointer
}

.product-function .s4 .item-wrap .item .wrap {
	margin-bottom: .45rem;
	display: flex;
	align-items: center;
	font-size: .16rem
}

.product-function .s4 .item-wrap .item .num {
	margin: 0 .15rem;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: .32rem;
	height: .32rem;
	text-align: center;
	line-height: .3rem;
	border-radius: 50%;
	color: #D9D9D9;
	border: .01rem solid #D9D9D9;
	transition: all .3s
}

.product-function .s4 .item-wrap .item .num:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-top: .07rem;
	transform: translateX(-50%);
	height: .34rem;
	width: .01rem;
	background: #D9D9D9;
	transition: all .3s
}

.product-function .s4 .item-wrap .item .num .icon-check {
	position: relative;
	top: -.03rem;
	display: block;
	width: .12rem;
	height: .05rem;
	border-left: solid .02rem #D9D9D9;
	border-bottom: solid .02rem #D9D9D9;
	transform: rotate(-45deg)
}

.product-function .s4 .item-wrap .item:nth-child(1) {
	order: 1;
	justify-content: flex-end
}

.product-function .s4 .item-wrap .item:nth-child(1) .wrap>div:first-child {
	order: 2
}

.product-function .s4 .item-wrap .item:nth-child(2) {
	order: 3;
	justify-content: flex-end
}

.product-function .s4 .item-wrap .item:nth-child(2) .wrap>div:first-child {
	order: 2
}

.product-function .s4 .item-wrap .item:nth-child(3) {
	order: 5;
	justify-content: flex-end
}

.product-function .s4 .item-wrap .item:nth-child(3) .wrap>div:first-child {
	order: 2
}

.product-function .s4 .item-wrap .item:nth-child(3) .num:after {
	display: none
}

.product-function .s4 .item-wrap .item:nth-child(4) {
	order: 2
}

.product-function .s4 .item-wrap .item:nth-child(5) {
	order: 4
}

.product-function .s4 .item-wrap .item:nth-child(6) {
	order: 6
}

.product-function .s4 .item-wrap .item:nth-child(6) .num:after {
	display: none
}

.product-function .s4 .item-wrap .item:nth-child(-n+3) .wrap {
	padding-right: 1.5rem
}

.product-function .s4 .item-wrap .item:nth-child(n+4) .wrap {
	padding-left: 1.5rem
}

.product-function .s4 .item-wrap .item.active .num {
	border-color: #0486FE;
	background: #0486FE;
	color: #fff
}

.product-function .s4 .item-wrap .item.active .num:after {
	background: #0486FE
}

.product-function .s4 .item-wrap .item.active .num .icon-check {
	border-color: #fff
}

.product-function .s4 .item-wrap .item-img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 2.16rem;
	transform: translate(-50%, -50%)
}

.product-function .s4 .item-wrap .item-img img {
	display: block;
	width: 100%
}

.product-function .s5 {
	padding: .45rem 0
}

.product-function .s5 .item-wrap {
	margin-top: .45rem;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center
}

.product-function .s5 .item-wrap .item {
	display: flex;
	align-items: center;
	box-sizing: border-box;
	cursor: pointer
}

.product-function .s5 .item-wrap .item .wrap {
	margin-bottom: .45rem;
	display: flex;
	align-items: center;
	font-size: .16rem
}

.product-function .s5 .item-wrap .item .num {
	margin: 0 .15rem;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: .32rem;
	height: .32rem;
	text-align: center;
	line-height: .3rem;
	border-radius: 50%;
	color: #D9D9D9;
	border: .01rem solid #D9D9D9;
	transition: all .3s
}

.product-function .s5 .item-wrap .item .num:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-top: .07rem;
	transform: translateX(-50%);
	height: .34rem;
	width: .01rem;
	background: #D9D9D9;
	transition: all .3s
}

.product-function .s5 .item-wrap .item .num .icon-check {
	position: relative;
	top: -.03rem;
	display: block;
	width: .12rem;
	height: .05rem;
	border-left: solid .02rem #D9D9D9;
	border-bottom: solid .02rem #D9D9D9;
	transform: rotate(-45deg)
}

.product-function .s5 .item-wrap .item:last-child .wrap {
	margin-bottom: 0
}

.product-function .s5 .item-wrap .item:last-child .num:after {
	display: none
}

.product-function .s5 .item-wrap .item.active .num {
	border-color: #0486FE;
	background: #0486FE;
	color: #fff
}

.product-function .s5 .item-wrap .item.active .num:after {
	background: #0486FE
}

.product-function .s5 .item-wrap .item.active .num .icon-check {
	border-color: #fff
}

.product-function .s5 .item-wrap .item-img {
	margin-right: .7rem;
	width: 2.16rem
}

.product-function .s5 .item-wrap .item-img img {
	display: block;
	width: 100%
}

.multi-group .s1 {
	/*margin-top: .7rem;*/
	background: linear-gradient(134deg, #33b6f2 0%, #0486fe 100%);
	color: #fff
}

.multi-group .s1 .content {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 3rem
}

.multi-group .s1 .text {
	width: 5.31rem
}

.multi-group .s1 .text .p1 {
	font-size: .32rem
}

.multi-group .s1 .text .p2 {
	margin-top: .15rem;
	font-size: .16rem
}

.multi-group .s1 .text .p3 {
	margin-top: .15rem;
	font-size: .12rem
}

.multi-group .s1 .qrcode {
	margin-left: 1.42rem;
	width: 1.1rem
}

.multi-group .s1 .qrcode img {
	display: block;
	width: 100%
}

.multi-group .s1 .qrcode .p1 {
	margin-top: .2rem;
	width: 1.13rem;
	height: .32rem;
	line-height: .32rem;
	background: #fff;
	border-radius: .32rem;
	text-align: center;
	color: #0486FE
}

.multi-group .s2 {
	padding: .45rem
}

.multi-group .s2 .tb-wrap {
	margin: auto;
	width: 11rem;
	box-shadow: 0 0.02rem 0.04rem 0 rgba(48,49,51,0.24);
	border-radius: .04rem;
	overflow: hidden
}

.multi-group .s2 .tb-wrap .tb {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0
}

.multi-group .s2 .tb-wrap .tb caption {
	height: .7rem;
	line-height: .7rem;
	font-size: .3rem;
	color: #fff;
	background: linear-gradient(134deg, #33b6f2 0%, #0486fe 100%)
}

.multi-group .s2 .tb-wrap .tb td {
	padding: .15rem .3rem;
	font-size: .18rem;
	box-sizing: border-box
}

.multi-group .s2 .tb-wrap .tb td.w1 {
	width: 3rem;
	text-align: right;
	border-right: solid .01rem #F6F6F6;
	font-size: .22rem;
	color: #333
}

.multi-group .s2 .tb-wrap .tb tr:first-child td {
	padding-top: .3rem
}

.multi-group .s2 .tb-wrap .tb tr:last-child td {
	padding-bottom: .3rem
}

.multi-group .s3 {
	padding: .45rem;
	background: #F8FBFF
}

.multi-group .s3 .item-wrap {
	margin-top: .45rem;
	display: flex;
	align-items: center;
	justify-content: center
}

.multi-group .s3 .item-wrap .item {
	margin: 0 .35rem;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column
}

.multi-group .s3 .item-wrap .item .img {
	width: 2.16rem
}

.multi-group .s3 .item-wrap .item .img img {
	display: block;
	width: 100%
}

.multi-group .s3 .item-wrap .item .p1 {
	margin-top: .3rem;
	color: #333;
	font-size: .18rem
}

.multi-group .s3 .item-wrap .item .p2 {
	max-width: 2.4rem;
	margin-top: .07rem;
	font-size: .16rem;
	text-align: center
}

.multi-group .s3 .btn-box {
	margin-top: .45rem;
	display: flex;
	align-items: center;
	justify-content: center
}

.multi-group .s3 .btn-box .btn {
	margin: 0 .15rem;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1.26rem;
	height: .42rem;
	background: linear-gradient(134deg, #33b6f2 0%, #0486fe 100%);
	border-radius: .04rem;
	font-size: .18rem;
	color: #fff;
	border: solid 1px #0486FE
}

.multi-group .s3 .btn-box .btn.btn-o {
	background: none;
	color: #0486FE
}

.multi-group .s3 .btn-box .btn:hover {
	opacity: .95
}

.multi-group .s3 .btn-box .btn:active {
	opacity: .9
}

.vip-manager .s1 {
	margin-top: .7rem;
	background: linear-gradient(134deg, #33b6f2 0%, #0486fe 100%);
	color: #fff
}

.vip-manager .s1 .content {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	height: 3rem;
	text-align: center
}

.vip-manager .s1 .p1 {
	font-size: .32rem
}

.vip-manager .s1 .p2 {
	margin-top: .2rem;
	font-size: .16rem
}

.vip-manager .s1 .p3 {
	margin-top: .23rem;
	font-size: .12rem
}

.vip-manager .s1 .p4 {
	margin-top: .35rem;
	display: flex;
	align-items: center;
	justify-content: center
}

.vip-manager .s1 .btn {
	margin: 0 .1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1.26rem;
	height: .42rem;
	background: #fff;
	border-radius: .04rem;
	color: #2CAFF3;
	border: solid 1px #fff;
	font-size: .18rem
}

.vip-manager .s1 .btn.btn-o {
	background: none;
	color: #fff
}

.vip-manager .s1 .btn:hover {
	opacity: .95
}

.vip-manager .s1 .btn:active {
	opacity: .9
}

.vip-manager .s2 {
	padding: .45rem;
	background: #F8FBFF
}

.vip-manager .s2 .item-wrap {
	margin-top: .45rem;
	display: flex;
	align-items: center;
	justify-content: center
}

.vip-manager .s2 .item-wrap .item {
	margin: 0 .35rem;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column
}

.vip-manager .s2 .item-wrap .item .img {
	width: 2.16rem
}

.vip-manager .s2 .item-wrap .item .img img {
	display: block;
	width: 100%
}

.vip-manager .s2 .item-wrap .item .p1 {
	margin-top: .3rem;
	color: #333;
	font-size: .18rem
}

.vip-manager .s2 .item-wrap .item .p2 {
	max-width: 2.4rem;
	margin-top: .07rem;
	font-size: .16rem;
	text-align: center
}

.vip-manager .s2 .btn-box {
	margin-top: .45rem;
	display: flex;
	align-items: center;
	justify-content: center
}

.vip-manager .s2 .btn-box .btn {
	margin: 0 .15rem;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1.26rem;
	height: .42rem;
	background: linear-gradient(134deg, #33b6f2 0%, #0486fe 100%);
	border-radius: .04rem;
	font-size: .18rem;
	color: #fff;
	border: solid 1px #0486FE
}

.vip-manager .s2 .btn-box .btn.btn-o {
	background: none;
	color: #0486FE
}

.vip-manager .s2 .btn-box .btn:hover {
	opacity: .95
}

.vip-manager .s2 .btn-box .btn:active {
	opacity: .9
}

.try-videos {
	padding-top: .7rem
}

.try-videos .s1 {
	position: sticky;
	top: .69rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f6f6f6;
	box-shadow: 0 0.02rem 0.02rem 0 rgba(0,0,0,0.12);
	z-index: 1
}

.try-videos .s1 .item {
	padding: 0 .2rem;
	position: relative;
	display: block;
	height: .8rem;
	line-height: .8rem;
	text-align: center;
	font-size: .18rem
}

.try-videos .s1 .item.active {
	color: #0486FE
}

.try-videos .s1 .item.active:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: .2rem;
	height: .02rem;
	background: #0486FE
}

.try-videos .s2 {
	padding: .45rem 0
}

.try-videos .s2 .tags {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: .1rem
}

.try-videos .s2 .tags .item {
	margin-right: .15rem;
	margin-bottom: .15rem;
	cursor: pointer
}

.try-videos .s2 .tags .item input {
	display: none
}

.try-videos .s2 .tags .item span {
	display: block;
	width: 1.03rem;
	height: .44rem;
	line-height: .44rem;
	border-radius: .04rem;
	text-align: center;
	font-size: .18rem;
	border: 0.01rem solid #1f1f22
}

.try-videos .s2 .tags .item input:checked+span {
	background: #0486FE;
	color: #fff;
	border-color: #0486FE
}

.try-videos .s2 .item-wrap {
	margin: -.1rem;
	display: flex;
	flex-wrap: wrap
}

.try-videos .s2 .item-wrap .item {
	width: 50%
}

.try-videos .s2 .item-wrap .item .wrap {
	margin: .1rem;
	padding: .2rem;
	display: flex;
	box-shadow: 0 0.02rem 0.08rem 0 rgba(0,0,0,0.06);
	transition: all .3s;
	cursor: pointer
}

.try-videos .s2 .item-wrap .item .wrap:hover {
	box-shadow: 0 0.02rem 0.08rem 0 rgba(0,0,0,0.2);
	transform: translateY(-0.05rem)
}

.try-videos .s2 .item-wrap .item .wrap .img-box {
	margin-right: .15rem;
	width: 2.6rem;
	height: 1.48rem
}

.try-videos .s2 .item-wrap .item .wrap .img-box img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.try-videos .s2 .item-wrap .item .wrap .b1 {
	display: flex;
	flex-direction: column;
	justify-content: space-between
}

.try-videos .s2 .item-wrap .item .wrap .b1 .p1 {
	font-size: .16rem;
	color: #333;
	height: .44rem;
	line-height: .22rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.try-videos .s2 .item-wrap .item .wrap .b1 .p2 {
	margin-top: .1rem;
	color: #999;
	height: .4rem;
	line-height: .2rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.try-videos .s2 .item-wrap .item .wrap .b1 .p3 {
	font-size: .12rem;
	color: #999;
	font-family: Arial
}

.try-videos .s2 .item-wrap .item .wrap .b1 .p3 .icon-eye {
	position: relative;
	top: -.015rem;
	margin-right: .05rem;
	display: inline-block;
	width: .15rem;
	height: .15rem;
	background: url("../assets/page-5/icon-1.png") center no-repeat;
	background-size: contain;
	vertical-align: middle
}

.try-videos .s3 {
	padding: .45rem 0
}

.try-videos .s3 .item-wrap {
	margin: -.1rem;
	display: flex;
	flex-wrap: wrap
}

.try-videos .s3 .item-wrap .item {
	width: 33.33%
}

.try-videos .s3 .item-wrap .item .wrap {
	margin: .1rem;
	box-shadow: 0 0.02rem 0.08rem 0 rgba(0,0,0,0.06);
	transition: all .3s;
	cursor: pointer
}

.try-videos .s3 .item-wrap .item .wrap:hover {
	box-shadow: 0 0.02rem 0.08rem 0 rgba(0,0,0,0.2);
	transform: translateY(-0.05rem)
}

.try-videos .s3 .item-wrap .item .wrap .img-box {
	position: relative;
	height: 2.14rem;
	overflow: hidden;
	border-radius: .03rem
}

.try-videos .s3 .item-wrap .item .wrap .img-box img,.try-videos .s3 .item-wrap .item .wrap .img-box video {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.try-videos .s3 .item-wrap .item .wrap .p1 {
	padding: .12rem
}

.try-videos .s3 .item-wrap .item .wrap .p1 .p1-1 {
	height: .66rem;
	line-height: .33rem;
	font-size: .24rem;
	color: #333;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.try-videos .details {
	padding: .45rem
}

.try-videos .details .p1 {
	font-size: .3rem;
	font-weight: bold;
	text-align: center;
	color: #333
}

.try-videos .details .p2 {
	margin-top: .15rem;
	margin-bottom: .45rem;
	text-align: center;
	font-size: .14rem;
	color: #999
}

.try-videos .details .p3 {
	font-size: .16rem;
	line-height: 1.6
}

.try-videos .details .p3 img {
	margin: .15rem 0;
	max-width: 100%
}

.contact-us .s1 {
	margin-top: .7rem;
	background: url("../assets/page-6/pic-1.png") center no-repeat;
	background-size: cover
}

.contact-us .s1 .content {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	height: 3rem
}

.contact-us .s1 .content .p1 {
	font-size: .36rem;
	color: #fff
}

.contact-us .s1 .content .p2 {
	margin-top: .15rem;
	width: 2.6rem;
	height: .5rem;
	line-height: .5rem;
	text-align: center;
	background: #0486FE;
	border-radius: .25rem;
	color: #fff;
	font-size: .24rem
}

.contact-us .s2 {
	padding: .45rem 0
}

.contact-us .s2 .text {
	margin-top: .2rem;
	white-space: pre-line;
	font-size: .18rem
}

.contact-us .s2 .img-list {
	margin: .4rem -.1rem -.1rem;
	display: flex;
	align-items: center;
	justify-content: center
}

.contact-us .s2 .img-list .item {
	width: 33.33%
}

.contact-us .s2 .img-list .item .wrap {
	margin: .1rem
}

.contact-us .s2 .img-list .item .wrap img {
	display: block;
	width: 100%
}

.contact-us .s3 {
	padding: .45rem 0 0 0
}

.contact-us .s3 .text {
	margin-top: .2rem;
	text-align: center;
	font-size: .18rem
}

.contact-us .s3 .text p {
	margin-bottom: .15rem
}

.contact-us .map {
	margin-top: .4rem;
	width: 100%;
	height: 3rem
}

.hide {
	display: none
}

@media (max-width: 640px) {
	.m-hide {
		opacity: 0;
		pointer-events: none
	}

	.m-show {
		opacity: 1
	}

	:root {
		font-size: calc(100vw/5)
	}

	#app {
		overflow: hidden
	}

	* {
		box-sizing: border-box
	}

	.content {
		width: 100%;
		box-sizing: border-box
	}

	.nav-bar {
		padding: 0 .15rem;
		display: flex;
		align-items: center;
		height: .7rem;
		box-sizing: border-box;
		z-index: 5
	}

	.nav-bar .content {
		position: unset
	}

	.nav-bar .btn-more {
		display: flex;
		align-items: center;
		justify-content: center;
		height: .4rem;
		width: .4rem
	}

	.nav-bar .btn-more i {
		position: relative;
		display: block;
		width: .3rem;
		height: .05rem;
		background: #fff;
		border-radius: .02rem
	}

	.nav-bar .btn-more i:before,.nav-bar .btn-more i:after {
		content: "";
		position: absolute;
		top: -.1rem;
		left: 0;
		width: 100%;
		height: .05rem;
		background: #fff;
		border-radius: .02rem
	}

	.nav-bar .btn-more i:after {
		top: auto;
		bottom: -.1rem
	}

	.nav-bar.bg .btn-more i {
		background: #999
	}

	.nav-bar.bg .btn-more i:before,.nav-bar.bg .btn-more i:after {
		background: #999
	}

	.nav-bar .menu {
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		width: 100%;
		display: block;
		background: rgba(255,255,255,0.98);
		box-shadow: 0 0.05rem 0.05rem rgba(0,0,0,0.1)
	}

	.nav-bar .menu>li {
		width: 100%;
		padding: 0;
		text-align: center
	}

	.nav-bar .menu>li .link {
		color: #333 !important;
		white-space: nowrap;
		font-size: .18rem
	}

	.nav-bar .menu>li .link.active {
		color: #0486FE !important
	}

	.s-title {
		font-size: .24rem
	}

	.home .s1 .b1 {
		padding-left: .2rem
	}

	.home .s1 .b1 .content {
		height: 4.4rem
	}

	.home .s1 .b1 .p1 span {
		display: block
	}

	.home .s1 .b1 .img {
		margin-right: -.9rem;
		width: 2.6rem
	}

	.home .s2 .content {
		padding: 0 .2rem;
		flex-direction: column
	}

	.home .s2 .content .s2-1 {
		margin-bottom: .3rem;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		text-align: center
	}

	.home .s2 .content .s2-1 .p1 span {
		display: block
	}

	.home .s2 .s2-1 .p2 {
		width: auto
	}

	.home .s3 .item-wrap {
		width: auto
	}

	.home .s3 .item-wrap .item-img {
		display: none
	}

	.home .s3 .item-wrap .item {
		padding: .2rem;
		width: 100%;
		height: auto;
		justify-content: flex-end;
		text-align: left;
		border-top: solid 1px #f1f1f1;
		line-height: 1.6
	}

	.home .s3 .item-wrap .item .wrap>div:first-child {
		order: 3 !important
	}

	.home .s3 .item-wrap .item .wrap {
		width: 100%;
		justify-content: flex-start;
		align-items: center
	}

	.home .s3 .item-wrap .item .wrap>div:first-child {
		flex: 1
	}

	.home .s3 .item-wrap .item .wrap .text {
		width: auto;
		text-align: left
	}

	.home .s3 .item-wrap .item .wrap .p3 {
		display: none
	}

	.home .s3 .item-wrap .item .wrap.active .p3 {
		display: block;
		opacity: 1
	}

	.home .s3 .item-wrap .item .wrap .icon {
		margin-left: 0
	}

	.home .s3:after {
		display: none
	}

	.home .s4 {
		padding-top: .45rem
	}

	.home .s4 .s-title {
		margin-bottom: .25rem
	}

	.home .s4 .item .bg {
		display: none
	}

	.home .s4 .item {
		background: #f5f5f5
	}

	.home .s4 .item .wrap {
		height: 3.5rem
	}

	.home .s4 .item .wrap .text {
		margin: auto;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		text-align: center
	}

	.home .s5 .s5-1 {
		margin-top: 0;
		flex-direction: column
	}

	.home .s5 .s5-1 .tabs {
		margin: 0;
		display: flex;
		align-items: center;
		justify-content: center
	}

	.home .s5 .s5-1 .tabs .item {
		padding: 0 .15rem
	}

	.home .s5 .list {
		align-items: flex-start
	}

	.home .s5 .list .item {
		margin: 0 .05rem
	}

	.home .s5 .list .item .img {
		width: 1.5rem
	}

	.home .s5 .list .item .p2 {
		width: 1.5rem;
		text-align: center
	}

	.home .s6 .swiper1 .item-wrap {
		width: 90%
	}

	.home .s7 .item-wrap .item {
		padding: .15rem;
		width: 25%
	}

	.home .s7 .item-wrap .item .icon {
		width: .4rem
	}

	.home .s7 .item-wrap .item .icon img {
		max-width: 100%
	}

	.home .s7 .item-wrap .item .p1 {
		margin-top: .05rem
	}

	.foot-bar .f-s1 {
		justify-content: space-around;
		align-items: center;
		flex-wrap: wrap;
		text-align: center
	}

	.foot-bar .f-s1 .foot-bar .s1 .p1 {
		margin-bottom: .1rem
	}

	.foot-bar .f-s1 .p2 {
		padding-top: .1rem
	}

	.foot-bar .f-s1>div:nth-child(3) {
		margin-top: .55rem
	}

	.foot-bar .f-s1>div:nth-child(3) .flex {
		flex-direction: column;
		text-align: center
	}

	.foot-bar .f-s1>div:nth-child(3) .pl-4 {
		padding: 0 !important;
		width: 100%
	}

	.foot-bar .f-s1 .text-center {
		margin-top: .55rem;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		width: 100%
	}

	.foot-bar .f-s2 {
		padding: .3rem
	}

	.product-function .s3 .item-wrap .item {
		width: 50%
	}

	.product-function .s3 .item-wrap .item .p2 {
		height: 1.2rem
	}

	.product-function .s4 .item-wrap .item {
		width: 100%
	}

	.product-function .s4 .item-wrap .item:nth-child(1) {
		order: 1;
		justify-content: flex-start
	}

	.product-function .s4 .item-wrap .item:nth-child(1) .wrap>div:first-child {
		order: 0
	}

	.product-function .s4 .item-wrap .item:nth-child(2) {
		order: 2;
		justify-content: flex-start
	}

	.product-function .s4 .item-wrap .item:nth-child(2) .wrap>div:first-child {
		order: 0
	}

	.product-function .s4 .item-wrap .item:nth-child(3) {
		order: 3;
		justify-content: flex-start
	}

	.product-function .s4 .item-wrap .item:nth-child(3) .wrap>div:first-child {
		order: 0
	}

	.product-function .s4 .item-wrap .item:nth-child(3) .num:after {
		display: block
	}

	.product-function .s4 .item-wrap .item:nth-child(4) {
		order: 4
	}

	.product-function .s4 .item-wrap .item:nth-child(5) {
		order: 5
	}

	.product-function .s4 .item-wrap .item:nth-child(6) {
		order: 6
	}

	.product-function .s4 .item-wrap .item:nth-child(6) .num:after {
		display: none
	}

	.product-function .s4 .item-wrap .item:nth-child(-n+3) .wrap {
		padding-right: 0
	}

	.product-function .s4 .item-wrap .item:nth-child(n+4) .wrap {
		padding-left: 0
	}

	.product-function .s4 .item-wrap {
		padding: .45rem 0 0
	}

	.product-function .s4 .item-wrap .item-img {
		left: auto;
		top: .9rem;
		right: .2rem;
		width: 1.8rem;
		transform: translate(0, 0)
	}

	.product-function .s5 .s-title .sm {
		margin: auto;
		width: 85%;
		text-align: center
	}

	.product-function .s5 .item-wrap {
		padding: 0 .2rem
	}

	.product-function .s5 .item-wrap .item-img {
		width: 1.8rem;
		margin-right: 0
	}

	.multi-group .s1 .content {
		height: auto;
		padding: .3rem;
		flex-direction: column;
		text-align: center
	}

	.multi-group .s1 .text {
		width: auto
	}

	.multi-group .s1 .qrcode {
		margin: .25rem 0 0
	}

	.multi-group .s2 {
		padding: .2rem
	}

	.multi-group .s2 .tb-wrap {
		width: auto
	}

	.multi-group .s2 .tb-wrap .tb td.w1 {
		width: auto;
		white-space: nowrap;
		font-size: .18rem
	}

	.multi-group .s3 .item-wrap {
		align-items: flex-start
	}

	.multi-group .s3 .item-wrap .item {
		margin: 0 .05rem
	}

	.multi-group .s3 .item-wrap .item .img {
		width: 1.5rem
	}

	.multi-group .s3 .item-wrap .item .p2 {
		width: 1.5rem;
		text-align: center
	}

	.vip-manager .s1 {
		padding: 0 .2rem
	}

	.vip-manager .s2 .item-wrap {
		align-items: flex-start
	}

	.vip-manager .s2 .item-wrap .item {
		margin: 0 .05rem
	}

	.vip-manager .s2 .item-wrap .item .img {
		width: 1.5rem
	}

	.vip-manager .s2 .item-wrap .item .p2 {
		width: 1.5rem;
		text-align: center
	}

	.try-videos .s3 .item-wrap {
		padding: 0 .2rem
	}

	.try-videos .s3 .item-wrap .item {
		width: 50%
	}

	.try-videos .s3 .item-wrap .item .wrap .p1 .p1-1 {
		font-size: .18rem;
		height: .44rem;
		line-height: .22rem
	}

	.try-videos .s2 .item-wrap .item {
		width: 100%
	}

	.try-videos .s2 .item-wrap .item .wrap .img-box {
		width: 1.48rem
	}

	.try-videos .s2 .tags {
		padding-left: .2rem
	}

	.el-message-box {
		width: 3.2rem !important
	}

	.el-message-box .el-message-box__title {
		font-size: .18rem !important
	}

	.el-dialog {
		width: 4.5rem !important
	}

	.try-videos .s2 {
		padding: .45rem .2rem
	}

	.try-videos .details {
		padding: .45rem .2rem
	}

	.contact-us .s2 .text {
		padding: 0 .2rem
	}
}