/* CSS Document */
html,body{height:100%;}
body{background:#000; color:#fff; position:relative; max-width:640px; margin:0 auto;}
ul{list-style:none;}
a{text-decoration:none; outline:none;}
*{margin:0; padding:0;}
.clear{float:none; clear:both;}
.bg{width:100%; display: block;}
.download .btn{
	position:absolute;
	right:9%;
	top:58%;
	width:35%;
	height:12%;
}
.header{
	position:fixed;
	top:0;
	z-index:5;
	max-width: 640px;
}
#tip1{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:99999;
	display:none;
	background:rgba(0,0,0,0.7);
}
#tip1 img{
	width:100%;
}
.text{ width:100%; font-size:18px; text-align:center; padding:10px 0; background:#000; color:#fff;}
.text p{margin:4px 0;}
@media screen and (max-width: 415px){
	.download .btn{
		position:absolute;
		right:9%;
		top:48%;
		width:35%;
		height:10%;
	}
	.text{
    	font-size: 12px;
    }
}

.top_info{ width:100%; font-size:18px; text-align:center; padding:10px 0; background:#000; color:#fff;}
.top_info p{margin:4px 0;}
@media screen and (max-width: 415px){
    .download .btn{
        position:absolute;
        right:9%;
        top:48%;
        width:35%;
        height:10%;
    }
    .top_info{
        font-size: 12px;
    }
}

.down{position:absolute;}
.down img{display: block;}
.header a.down{/*width:30.9%;*/ top:50%; right:2%;}
.downbtn{position:relative;}
.downbtn .down{top:0; left:50%;}
.btn2{/*width:42.6%;*/}
.down_side{width:29.2%; position:absolute; top:22.2%; right:3.9%;}
.down_side2{top:52.4%;}
.down_side3{top:83.1%;}
.down_side img{width:100%;}

.wrap{padding-bottom: 50px;}
.down-bottom{width: 100%; max-width: 640px; height: 40px; line-height: 40px; position: fixed; bottom: 0; left: 50%; transform: translate(-50%, 0); background: #f00; text-align: center; color: #fff;}