body, h1, p, ul, ol, li,input{ margin: 0;padding: 0;}
html{height: 100%;position: relative;}
body{font-size: 12px;font-family: 'Microsoft Yahei';color: #fff;overflow: hidden;height: 100%;background: rgba(0,0,0,.9);}
body{ 
	overflow: scroll;
      /*  max-width: 600px;*/
 
	-webkit-overflow-scrolling: touch;

    }
a:hover,a:visited{text-decoration:none;}
a {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}


.wincon{width: 60%;margin: 0 auto;margin-top: 30%;display: block;}
.wincon a{margin-bottom: 5%;float: left;}
.wincon a img{width: 100%;border-radius: .75rem;}
.wincon p{display: inline-block;font-size: .75rem;line-height: 180%;}
.contain{
	/*background: url(../images/dbg.jpg) no-repeat 50% 50%;
    background-size: cover;*/
   /* background: #000;*/
    position: relative;
/*    width: 100%;*/
    height: 100%;
    top: 0;
    left: 0;
    overflow: scroll;
    transform: translateZ(0)
    
	 max-width: 640px;
	 margin: 0 auto;
	float: left;
}
.contain div{
		float: left;
	width: 100%;
	 max-width: 640px;
}
.dbgpic{width: 100%;}
.contain h2{text-align: center;display: block;color: #d2a400;}
.logo{display: block;
	text-align: center;
	padding-top: 22%;
	padding-bottom: 2%;
}
.logo img{
	width: 50%;
}
.slogen{
	text-align: center;
	padding-top: 2%;
}
.slogen img{
	width: 80%;
}
.download{
	position: absolute;
	top: 25%;left: 50%;
	margin-left: -50%;
	text-align: center;
	padding-top: 62%;
	padding-bottom: 10%;
}
.download img{
	width: 50%;
}
.download a:last-child{
	width: 100%;
	float: left;
	padding-top: 4%;
}
.contain .cooperation{
	width: 94%;
	text-align: right;
	padding-top: 2%;
	padding-bottom: 20%;

	
}
.cooperation{
	position: relative;
}
.btn01{
	position: absolute;
	top: 2%;
	right: 17%;
	display: block;
	width: 40px;
	height: 20px;
	
}
.btn02{
	position: absolute;
	top: 2%;
	right: 0%;
	display: block;
	width: 40px;
	height: 20px;
	
}
.cooperation img{
	width: 30%;
}
.tishi{
	width: 100%;
	float: left;
}
.tishi span{
	display: inline-block;
	width: 100%;
	text-align: center;
	padding-bottom: 30px;
}
.jiantou{
	width: 10%; 
	margin-right: 24px;
	float: right;
}

.tipscon{width: 100%; overflow: scroll;transform: translateZ(0)max-width: 640px;margin: 0 auto;text-align: center;margin-top: 10%;}
.tipscon p{line-height: 2rem;color: #dab151;font-size: 1rem;}
.tipscon img{width: 80%;}
.tips{position: absolute;top: 78%;left: 50%;margin-left: -37%;width: 60%;}
.tips a{width: 45%;margin-left: 5%;line-height: 2rem;color: #dab151;font-size: 1rem;text-decoration-line: none;}


@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone5 */
	.tips{top: 78%;left: 50%;margin-left: -38%;width: 60%;}
	.tips a{width: 45%;margin-left: 5%;line-height: 2rem;color: #dab151;font-size: .75rem;}

}


@media (device-height:667px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone6 */
	.tips{top: 78%;left: 50%;margin-left: -40%;width: 60%;}
}

@media (device-height:736px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone6 Plus */
    .tips{top: 78%;left: 50%;margin-left: -39%;width: 60%;}
}


@media only screen and (device-width: 360px) and (device-height: 640px) {/* 兼容Galaxy s5 */
	.tips{top: 78%;left: 50%;margin-left: -39%;width: 60%;}
}

/*  samsang s8*/
@media only screen and (device-width: 360px) and (device-height: 740px) {
   .download{padding-top: 72%;}
   .tips{top: 78%;left: 50%;margin-left: -40%;width: 60%;}
}



/*  iphone 12mini*/
@media only screen and (device-width: 360px) and (device-height: 780px)and (-webkit-device-pixel-ratio: 3){
  .download{padding-top: 62%;}
  .tips{top: 68%;left: 50%;margin-left: -41%;width: 60%;}
}

/* iPhoneX、iPhoneXS*/
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3){
	.download{padding-top: 62%;}
  .tips{top: 68%;left: 50%;margin-left: -41%;width: 60%;}
}

/*  iphone 12pro*/
@media only screen and (device-width: 390px) and (device-height: 844px)and (-webkit-device-pixel-ratio: 3){
	.download{padding-top: 62%;}
  .tips{top: 68%;left: 50%;margin-left: -38%;width: 60%;}
}
/*   samsang s20*/
@media only screen and (device-width: 412px) and (device-height: 915px){
  .download{padding-top: 62%;}
  .tips{top: 68%;left: 50%;margin-left: -28%;width: 60%;}
}

/*  iphone x/xs/11pro max*/
@media only screen and (device-width: 414px) and (device-height: 896px)and (-webkit-device-pixel-ratio: 3){
  .download{padding-top: 62%;}
  .tips{top: 68%;left: 50%;margin-left: -39%;width: 60%;}
}

/* Pixel*/
@media only screen and (device-width: 393px) and (device-height: 851px) {
	.download{padding-top: 62%;}
  .tips{top: 84%;left: 50%;margin-left: -39%;width: 60%;}
}
@media (min-width: 859px){
	.tips{top: 84%;left: 50%;margin-left: -27%;width: 60%;}
	 .download{top: 30%;}
    body{max-width: 640px;}
   .contain{
    height: 100%;
    top: 0;
    left: 50%;
 
	 max-width: 640px;
	 margin: 0 auto;
}

}