html {
	font-size: 10px
}

body {
	background-color: #fff;
	margin: 0;
	padding: 0;
	font-family: "Microsoft YaHei"
}


.container {
	position: relative;
	max-width: 720px;
	margin: 0 auto;
	z-index: 0;
}
	
.container .downBtn{
	position: absolute;
	top: 33%;
	left: 11%;
	width: 80%;
	height: 1.1rem;
	background-image: url("../img/btn_download.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	animation: rotate 1s linear infinite;
}


.container .footer{
	position: absolute;
	background-color: #1D215D;
	width: 100%;
	height: 1.5rem;
	color: #ffffff;
}

.footer p{
	padding: 0;
	margin: 0;
}

@keyframes rotate {
0% {
transform: translateY(0) ;
}
25% {
transform: translateY(10px);
}
50% {
transform: translateY(10px) scale(1.1, 0.9);

}
75% {
ransform: translateY(10px) ;
}
100% {
transform: translateY(0) ;
}
}