* {
	margin: 0;
	padding: 0;
}

b,
h1,
h2,
h3,
h4,
h5,
h6,
strong {
	font-weight: 400;
}

body {
	font-size: 0.26rem;
	line-height: 1;
	-webkit-user-select: none;
	-webkit-text-size-adjust: 100% !important;
	text-size-adjust: 100% !important;
	-moz-text-size-adjust: 100% !important;
}

::-webkit-scrollbar {
	width: 0;
	height: 0;
}

* {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

a {
	text-decoration: none;
	color: #333;
	outline: 0;
}

img {
	border: none;
	vertical-align: middle;
	max-width: 100%;
}

body,
html {
	width: 100%;
	height: 100%;
}

html {
	background-image: url(../image/bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

/*  */
@-webkit-keyframes shake {
	10% {
		transform: rotate(8deg);
	}

	20% {
		transform: rotate(-8deg);
	}

	30% {
		transform: rotate(4deg);
	}

	40% {
		transform: rotate(-4deg);
	}

	50%,
	100% {
		transform: rotate(0deg);
	}
}

@keyframes zoom80 {

	0%,
	100% {
		transform: scale(1);
	}

	50% {
		transform: scale3d(.8, .8, .8);
	}
}

@keyframes zoom90 {

	0%,
	100% {
		transform: scale(1.15);
	}

	50% {
		transform: scale3d(1, 1, 1);
	}
}

@keyframes zoom95 {

	0%,
	100% {
		transform: scale(1.05);
	}

	50% {
		transform: scale3d(.95, .95, .95);
	}
}

@keyframes floating {
	0% {
		transform: translateX(0);
	}

	20% {
		transform: translateX(-30px);
	}

	40% {
		transform: translateX(15px);
	}

	60% {
		transform: translateX(-10px);
	}

	100% {
		transform: translateX(0);
	}
}


@keyframes bzoom {

	0%,
	100% {
		transform: scale(0.95);
	}

	50% {
		transform: scale(1.05);
	}
}

.bzoom {
	-webkit-animation: bzoom 2s infinite;
	animation: bzoom 2s infinite;
}

.zoom80 {
	-webkit-animation: zoom80 1.5s linear infinite;
	animation: zoom80 1.5s linear infinite;
}

.zoom90 {
	-webkit-animation: zoom90 1.5s linear infinite;
	animation: zoom90 1.5s linear infinite;
}

.zoom95 {
	-webkit-animation: zoom95 1s linear infinite;
	animation: zoom95 1s linear infinite;
}

.shake {
	display: inline-block;
	animation: shake 1s 0.15s linear infinite;
	-moz-animation: shake 1s 0.15s linear infinite;
	-webkit-animation: shake 1s 0.15s linear infinite;
	-o-animation: shake 1s 0.15s linear infinite;
}

.floating {
	animation: floating 1.5s ease-in-out infinite;
	-moz-animation: floating 1.5s ease-in-out infinite;
	-webkit-animation: floating 1.5s ease-in-out infinite;
	-o-animation: floating 1.5s ease-in-out infinite;
}

/*  */
.mobile-wrap {
	position: relative;
	min-height: 100vh;
	width: 100%;
	float: left;
	padding-bottom: 0.45rem;
	overflow-x: hidden;
	background-image: linear-gradient(179deg, #a3ccf0 0%, #d3e7f8 100%);
}

/*  */
.header {
	width: 100%;
	height: 1.55rem;
	max-width: 750px;
	padding: .15rem .3rem;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: fixed;
	left: 50%;
	top: 0%;
	transform: translate(-50%, 0%);
	z-index: 99;
	background-image: linear-gradient(90deg,
			#015eea 0%,
			#00c0fa 100%);
	gap: 0.5rem;
}

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

/*  */
.header1 {
	width: 100%;
	height: 1.55rem;
	max-width: 750px;
	box-sizing: border-box;
	position: fixed;
	left: 50%;
	top: 0%;
	transform: translate(-50%, 0%);
	z-index: 99;
	background-image: url(../images/sfsew_dfsdf.png);
	background-size: 100% 100%;
}

/*  */
.main {
	margin: 1.55rem 0 0.7rem 0;
	text-align: center;
}

.banner {
	position: relative;
}

.pao1 {
	position: absolute;
	width: 1.8rem;
	top: 0.3rem;
	left: 0.3rem;
}

.pao2 {
	position: absolute;
	width: 1.3rem;
	top: 0.44rem;
	right: 0.48rem;
}

.yao {
	background-color: #fff;
	margin: 0.35rem 0.35rem;
	border-radius: 0.2rem;
	padding-bottom: 0.2rem;
}

.yao .kefuzx {
	margin: auto;
	text-align: center;
}

.yao .kefuzx img {
	width: 5.8rem;
	margin-top: -0.33rem;
}

.flex {
	display: flex;
	align-items: flex-start;
	padding: 0.3rem 0.3rem 0.1rem 0.3rem;
	gap: 0.1rem;
}

.flex1 {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.yao .flex .logo {
	width: 1.7rem;
}

.yao .flex .flex1 .bi {
	font-size: 0.7rem;
	line-height: 0.8rem;
	font-weight: 600;
	color: #000000;
}

.yao .flex .flex1 .qiidv {
	background-image: linear-gradient(90deg,
			#6717cd 0%,
			#2871fa 100%),
		linear-gradient(#ffffff,
			#ffffff);
	border-radius: 5px;
	padding: 0.1rem 0.1rem 0.15rem 0.1rem;
	margin-top: 0.05rem;
}

.yao .flex .flex1 .qiidv p {
	font-size: 0.4rem;
	line-height: 0.45rem;
	color: #ffffff;
}

.yao .flex .flex1 .qiidv p .qiid {
	color: #fff000;
}

.yao .tip {
	font-size: 0.38rem;
	line-height: 0.5rem;
	color: #ff0000;
}

.fix-service {
	position: fixed;
	right: 50%;
	margin-right: -3.75rem;
	top: 40%;
	margin-top: -.96rem;
	z-index: 101;
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
}

.fix-service img {
	width: 1.3rem;
}

.mask {
    position: absolute;
    top: 0;
    width: 100%;
    background-color: #3b33455c;
    z-index: 100;
    overflow: scroll;
	display: none;
}
.ab1 {
    position: absolute;
    top: 1.5rem;
    right: 0.55rem;
    font-size: 0.28rem;
    width: 0.92rem;
    background-color: #fff;
}

.ab2 {
    position: absolute;
    top: 4.43rem;
    right: 2.3rem;
    font-size: 0.24rem;
}

.ab3 {
    position: absolute;
    top: 11.35rem;
    left: 0.8rem;
    font-size: 0.24rem;
}