html,body{
margin: 0px;
padding: 0px;
}


#page1{position:absolute;background:url(img/1.jpg) no-repeat;background-size:100% 100%;top:0px;width:100%;height:100%}
#page1111{background:url(img/1.jpg) center bottom no-repeat;background-size:100% 100%;height:100%}
#page2{background:url(img/2.jpg) center bottom no-repeat;background-size:100% 100%;height:100%}
#page3{background:url(img/3.jpg) center bottom no-repeat;background-size:100% 100%;height:100%}
#page4{background:url(img/bg5.jpg) center bottom no-repeat;background-size:100% 100%;height:100%}
#page5{background:url(img/5.jpg) center bottom no-repeat;background-size:100% 100%;height:100%}
#page6{background:url(img/6.jpg) center bottom no-repeat;background-size:100% 100%;height:100%}
#page7{background:url(img/7.jpg) center bottom no-repeat;background-size:100% 100%;height:100%}
#page77{background:url(img/6.jpg) center bottom no-repeat;background-size:100% 100%;height:100%}
#page8{background:url(img/6.jpg) center bottom no-repeat;background-size:100% 100%;height:100%}
#page501{background:url(img/8.jpg) center bottom no-repeat;background-size:100% 100%;height:100%}
#page502{background:url(img/8.jpg) center bottom no-repeat;background-size:100% 100%;height:100%}


#codeDiv,#prizecodeDiv{
	background:url(img/codebg.png) 0 0px no-repeat;
	background-color: #22BBDD;
	border-radius:15px;
	position:absolute;
	width:80%;
	top:48%;
	left:10%;
	font-family:微软雅黑;color:#FFFFFF;font-size:18px;
	text-align:center;

}

.nextbtn2{position:absolute;bottom:30px;left:50%;transform:translate(-50%,-50%)}
.nextbtn {position:absolute;bottom:30px;left:0;right:0;}

.rotateOut{-webkit-animation:rotateOut 1s .2s ease;-moz-animation:rotateOut 1s .2s ease both}
@-webkit-keyframes rotateOut
{
0%{-webkit-transform:rotate(0);opacity:1}
100%{-webkit-transform:rotate(-90deg);opacity:1}
}

.scaleDouble{-webkit-animation:scaleDouble 1s}
@-webkit-keyframes scaleDouble
{
0%{-webkit-transform:scale(1);}
30%{-webkit-transform:scale(0.8);}
50%{-webkit-transform:scale(1.2);}
100%{-webkit-transform:scale(1);}
}

.rightLog{
	-webkit-animation:rightLog 1s linear 0.0s;
	width:30%;
	position:absolute;
	right:0;
	top:10px;}
@-webkit-keyframes rightLog
{
0%{-webkit-transform:translate(0,-20px);}
50%{-webkit-transform:translate(0,50px);}
100%{-webkit-transform:translate(0,0px);}
}

.centerLog{
	width:80%;
	position:absolute;
	left:10%;
	bottom:50%;
	-webkit-animation:centerLog 1s linear 0.0s}
@-webkit-keyframes centerLog
{
0%{-webkit-transform:translate(-250px) rotate(-90deg);}
80%{-webkit-transform:translate(20px) rotate(-270deg);}
100%{-webkit-transform:translate(0px) rotate(-360deg);}
}

.centerLog2{
	width:80%;
	position:absolute;
	left:10%;
	bottom:50%;
	-webkit-animation:centerLog2 1s linear 0.0s}
@-webkit-keyframes centerLog2
{
0%{-webkit-transform:scale(0.8);}
80%{-webkit-transform:scale(1.2);}
100%{-webkit-transform:scale(1);}
}

.title31{
	width:30%;
	position:absolute;
	left:0%;
	top:10%;		
}

.title32{
	width:30%;
	position:absolute;
	left:0%;
	top:30%;		
}

.leftSlide{
	-webkit-animation:leftSlide 1s linear 0.0s}
@-webkit-keyframes leftSlide
{
0%{-webkit-transform:translate(-250px) }
80%{-webkit-transform:translate(20px) }
100%{-webkit-transform:translate(0px) }
}

.content31{
	position:absolute;
	top:18%;		
	width:80%;
}

.content32{
	position:absolute;
	top:38%;		
	width:80%;
}

.rightSlide{
	-webkit-animation:rightSlide 1s linear 0.0s}
@-webkit-keyframes rightSlide
{
	0%{right:0%}
	60%{right:50% }
	100%{right:15% }
}

.infoinput{
	position:absolute;
	top:25%;		
	width:100%;
}

.spa1
{
	position:absolute;
	top:30%;		
	width:50%;
	left:50%;
	
	transform:translate(-50%,-50%);
	
}

.spa2
{
	position:absolute;
	bottom:25%;		
	width:50%;
	left:50%;
	transform:translate(-50%,-50%);
	
}

.goback{
	width:5%;
	position:absolute;
	left:2%;
	top:2%;		
}

.title{
	width:90%;
	position:absolute;
	left:5%;
	top:2%;		
}

.reMai{
	width:35%;
	position:absolute;
	left:8%;
	bottom:4%;		
}

.myOrder{
	width:35%;
	position:absolute;
	left:55%;
	bottom:4%;		
}


.xinKehu{
	position:absolute;	
	width:100%;
	left:0%;
	top:45%;
}


.laoKehu{
	position: absolute;
	width: 90%;
	left: 7%;
	top: 40%;
}

.dijia{
	position:absolute;	
	width:80%;
	left:5%;
	top:62%;
}

.topSlide{
	position:absolute;	
	width:100%;
	left:0%;
	top:50%;	
	-webkit-animation:topSlide 1s linear 0.0s}
@-webkit-keyframes topSlide
{
	0%{top:0%}
	60%{top:35% }
	100%{top:50% }
}

.bottomSlide{
	position:absolute;	
	width:100%;
	left:0%;
	bottom:20%;	
	-webkit-animation:bottomSlide 1s linear 0.0s}
@-webkit-keyframes bottomSlide
{
	0%{bottom:0%}
	60%{bottom:30% }
	100%{bottom:25% }
}

.win
{
	position:absolute;
	top:45%;		
	width:80%;
	left:50%;
	transform:translate(-50%,-50%);
	
}

.topSlide2{
	position:absolute;	
	width:80%;
	left:10%;
	top:40%;	
	-webkit-animation:topSlide2 1s linear 0.0s}
@-webkit-keyframes topSlide2
{
	0%{top:0%}
	60%{top:55% }
	100%{top:40% }
}