*{
	padding: 0;
	margin: 0;
	font-size: 0;
}
.mobile-wrap {
	position: relative;
	min-height: 100vh;
	width: 100%;
	float: left;
	background: url('../img/backimg.png') top center no-repeat;
	background-size: 100% 100% ;
	padding-top: 1.5rem;
	box-sizing: border-box;
}
.headTop{
	width: 100%;
	position: fixed;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
}
.headTop img{
	width: 100%;
}
.title{
	width: 80%;
	display: block;
	margin: auto;
}
.pople{
	width: 88%;
	display: block;
	margin: auto;
}
.box{
	width: 3rem;
	height: 3rem;
	display: block;
	margin:  auto;
	position: relative;
	top: -1.8rem;
	border: 1px solid #89dbfb;
	padding: 0.12rem;
	box-sizing: border-box;
}
.box img{
	width: 100%;
	height: 100%;
	border: 1px solid #22c0fd;
}
.text{
	width: 3.2rem;
	display: block;
	margin: auto;
	position: relative;
	top: -1.6rem;
}
.downLoad{
	width: 100%;
	position: fixed;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
}
.intro{
	width: 100%;
}
.downBtn{
	width: 1.88rem;
	height: 0.77rem;
	position: absolute;
	top: 50%;
	right:  .15rem;
	transform: translateY(-50%);
	-webkit-animation: myfirst 1s infinite;
	animation: myfirst 1s infinite
}
@-webkit-keyframes myfirst {
	from {
		transform:translateY(-50%) scale(1)
	}

	50% {
		transform:translateY(-50%) scale(.9)
	}

	to {
		transform:translateY(-50%) scale(1)
	}
}

@keyframes myfirst {
	from {
		transform:translateY(-50%) scale(1)
	}

	50% {
		transform:translateY(-50%) scale(.9)
	}

	to {
		transform:translateY(-50%) scale(1)
	}
}