html {
	font-size: 10px
}

body {
	background-color: #643F79;
	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: 64%;
	left: 15%;
	width: 70%;
	height: 1.1rem;
	background-image: url("../img/789croreclub-btn.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	animation: rotate 1s linear infinite;
}

 .container .interduce {
    background-color: #461B5E;
    padding: 1px 1px;
    margin: 16px 16px;
    margin-top: 0%;
    border-radius: 10px;
    border-color: #CEAAED;
    border-style: solid;
    border-width: 1.5px;
    cursor: pointer;
    
				}

                 .top {
					width: 100%;
					padding-top: 10px;
					padding-left: 10px;
					padding-right: 10px;
					box-sizing: border-box;
				}

				.top h2 {
					font-size: 22px;
					text-align: left;
					font-family: Myriad Pro;
					font-weight: bold;
					color: #FEC124;
				}

				.top p {
					font-size: 14px;
					font-family: Alibaba Sans Thai;
					font-weight: 500;
					color: #ffffff;
					line-height: 22px;
					margin-top: 10px;
				}
				
		        .top img {
                   width: 110px;
                   height: auto;
                   float: right;
                    }
				

.container .footer{
	position: absolute;
	background-color: #461B5E;
	width: 100%;
	height: 1.7rem;
	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) ;
}
}