html body {
	margin: 0;
    padding: 0;
    cursor:pointer;
    text-align: center;
	max-height: 999999px; 
	font-size:20px;
	
}

.main {
	background: url(../image/bg.jpg)no-repeat;
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	position: absolute;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../image/bg.jpg',sizingMethod='scale');
}

.bg {
	   
}

.gamelogo {
	margin-top:5%;
	margin-left:6%;
	float:right;
	width:65%;
  
}

.banner {
	position: absolute;
	  
    width: 80%;
	top:12%;
        display:block;
}

.hero {
	position: absolute;
	 width: 100%;
	 left:0%;
	 bottom:0%;
	 z-index:998;
}

.redp {
	position: absolute;
	width: 40%;
	right:5%;
	top:3%;
}

.mianfei {
       position: absolute;
	   float:right;
        width: 35%;
        left:63%;
		top:73%;
        display:block;
       
        z-index:1000;  

}

.zi {
	position: absolute;
        width: 100%;
        left:0%;
		top:67%;
        display:block;
        margin: auto;   
        z-index:999;    
	
}

.footer {
	background:url(../image/footer.png)no-repeat;
	background-size:100% 100%;
	margin-top:10%;
	margin:0px;
	padding:0px;
	width:100%;
	height:35%;
	min-height:220px;
        position: fixed; 
        bottom: 0; 
	z-index:2000;
       
}

.gameicon {
	float:left;
	position:absolute;
	bottom:0;
	width:13%;
	padding-left:3%;
	padding-bottom:2%;
}

.gameiconimg {

	width:100%;	
}

.gamecontent {
	position:absolute;
	bottom:0;
	float:left;
	text-align:left;
	color:#000000;
	padding-left:20%;
	padding-bottom:3%;
}

.gametitle {
	font-size:1.2rem;
	color:#686868;
}

.gamedesc {
	color:#686868;
	font-size:1rem;
}
.download {
	float:right;
	position:absolute;
	bottom:0;
	right:0;
	width:40%;
	padding-right:3%;
	padding-bottom:2%;
}

.downloadbtn {
	width:100%;
}

.download_info {
	padding-top:35%;
	font-size:15px;
	color:#686868;
}

.weixin_mask {
		position: fixed;
		left: 0px;
		top: 0px;
		right: 0px;
		bottom: 0px;
		display: none;
		background: rgba(255, 255, 255, 1);
		z-index:2999;
}

.weixin_tips {
	width:100%;
	margin-left:0%;
	z-index:3000;
}

.footer_bg {
	width:100%;
	bottom:0;
	position: absolute;
}

.wx_footer_bg {
	width:100%;
	bottom:0;
	position: absolute;
}

.wx_footer_icon {
	bottom:0;
	position: absolute;
	padding-left:38%;
	padding-bottom:5%;
	color:#FFFFFF;
}

.container {
        padding: 0px;
        margin:0px;
  margin-left: auto;
  margin-right: auto;
}

.animated-slow {
    -webkit-animation-duration: 1.8s;
    animation-duration: 1.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.free {
	position:absolute;
	top:5%;
	left:0;
	width:45%;
}


@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg);
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg);
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg);
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg);
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

#gamelist{  


}  

#gamelist ul{  
    list-style: none;  
    width:4000px;  
    left:0;  
    top:16%;  
    position: absolute;  
    -webkit-animation:scoll 15s linear 0s infinite;  
}  

#gamelist ul li{  
    float:left;  
   	margin:0;
	padding:0;
	font-size: 0;
	display:inline-block;
	width:100px;
	height:100px;
}

#gamelist img {
	font-size: 0;
	margin:0;
	padding:0;
	width:100%;
}

@-webkit-keyframes scoll{  
    from{  
        left:0;  
    }  
    to{  
        left:-400px;  
    }  
}