*{
	text-align: center;
	margin:0 auto;
	padding: 0;
	font-family: "微软雅黑";
}
body,html{
	width: 100%;
	height: 100%;
	background: #fff;
}
.max{
    width: 100%;
    height: 100%;
}
.headertop{
	height: 67%;
	width: 100%;
    background: url(../img/main.png) no-repeat center top;
    background-size:100%;	
    float: left;
}
.btn{
	width: 90%;
	height: 30%;
	
 
}

.iosbtn, .andbtn{
    width: 100%;
    float: left;
    margin: 30px 0px 0px;
	height: 3em;
}




 @media screen and (min-width:600px){
  
.iosbtn, .andbtn{

	height: 3em;
}	
 .headertop{
	height: 67%;
	width: 100%;
    background: url(../img/main.png) no-repeat center top;
    background-size:contain;	
    float: left;
}	
 
 	
 }
 @media screen and (max-width:380px){
  
.iosbtn, .andbtn{

	height: 2.6em;
}	
.iosbtn, .andbtn{
 
    margin: 20px 0px 0px;
 
}
 
 	
 } 
  
 

.iosbtn{
	background:url(../img/ios.png) no-repeat center center;
	background-size: contain;
}
.andbtn{
	background:url(../img/and.png) no-repeat center center;
	background-size: contain;
}
.mask{
	width: 100%;
	height: 100%;
	background: url(../img/mask.png) repeat 0 0;
	position: absolute;
	z-index: 4;
	top: 0;
	left: 0;
	display: none;
}
.tip{
	background: url(../img/tip.png) no-repeat center center;
	background-position-y: 90px;
	background-size: 25%;
	width: 100%;
	height: 100%;
	
}
 @media screen and (max-width:600px){
 .tip{
	background-size:80%;
	
}

	
 }