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: 31%;
	left: 15%;
	width: 70%;
	height: 1.1rem;
	background-image: url("../img/teen-patti-refer-earn-btn.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	animation: rotate 1s linear infinite;
}

.container .description{
   	position: absolute;
   	bottom: -1%;
       font-size: 0.23rem;
       text-align: center;
       color: #fcbe44;
}

.container .footer{
	position: absolute;
	background-color: #2F1044;
	width: 100%;
	height: 0.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) ;
}
}