@charset "utf-8";
body {color: #000;font-size: 14px;background-color:#fff;}
*{margin:0;padding:0;}
ol, ul, li, dd, dl, dt {list-style: outside none none;}
em, i {font-style: normal;}
*:focus{outline:0;}
a{cursor:pointer;text-decoration:none; color:#4c4c4c;}
a:hover,a:active{text-decoration:none; color:#5298ff}
img {border:0;}
.clearfix:after{content:".";display:block;clear:both;height:0;overflow:hidden;visibility:hidden;}
.general { margin: 0 auto;max-width: 1140px;width:100%}
.float-left {float: left;}
.float-right {float:right;}
.nobg{background:transparent!important;}
html,body{min-height:100%;}

.bg_c{
	background:#04c368 url(../images/bg_bl.png) no-repeat center bottom;
	background-size:100% auto;
}
.container{
	display: block;
	max-width:993px;
	width:90%;
	
	position: relative;
	overflow: hidden;
	margin:0 auto;
	min-height:100%;
}

.iphone_box{
	width:36.2%;
	float:left;
	position: relative;
	margin-top:10%;
}
.iphone_box .inne_box{
	padding-bottom:211.108%;
	height:0;
	width:100%;
	overflow: hidden;
}
.iphone_box .inne_box .pages{
	width: 92%;
	    display: block;
	    margin: auto;
	    margin-top: 18%;
}
.iphone_img{
	width:100%;
	position: relative;
	top:0;
}

.inf_box{
	margin-top:11.1%;
	float:right;
	width:50.5%;
	padding-bottom:5%;
	
}
.appdesc_title {
        display: block;
        width: 100%;
        font-size: 1.6em;
        text-align: left;
        color: #fff;
		font-weight: 500;
}
.app_desc_sub_title{
	    font-size: .6em;
	    margin-top: 28px;
	    line-height: 40px;
	    color: #fff;
}
.app_desc_synopsis{
	margin-top:30%;
	font-size: .43em;
	color:#fff;
	text-indent: .3em;
}
.r_box{
	
}
.b_box{
	overflow: hidden;
	padding-top:8%;
}
.sub_left_box{
	width:54.618%;
	float:left;
}
.sub_left_box .btn{
	display: inline-block;
	width:100%;
	height:0;
	overflow: hidden;
	padding-bottom:25.609%;
	margin-bottom:6%;
}
.sub_left_box .btn:hover{
	opacity: .8;
}
.sub_left_box .btn.Android{
	background:url(../images/Android_download.png) no-repeat center;
	background-size:100% auto;
}
.sub_left_box .btn.ios{
	background:url(../images/Ios_download.png) no-repeat center;
	background-size:100% auto;
}
.sub_right_box{
	float:right;
	width:34.831%;
	margin-right:7%;
}
/* .rqcode_box{
	margin-top:-9%;
} */
.rqcode_box .code{
	width: 87%;
	display: block;
	margin:auto;
}
.code_text{
	color:#fff;
	text-align: center;
	font-size:.3em;
	margin-top:8px;
}
.warp_title,.warp_desc_sub_title{
	display: none;
	
}



@media screen and (max-width:640px){
	body,html{background:#fff;}
	.iphone_box{
		display: block;
		margin:auto;
		float:none;
		width:73%;
	}
	.warp_title{
		display: block;
		margin-top:10%;
		width:90%;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:3%;
		font-size: 1.6em;
		color: #fff;
		text-align: center;
	}
	.warp_desc_sub_title{
		display: block;
		text-align: center;
		color:#fff;
		font-size:.9em;
		margin-bottom:5%;
	}
	.sub_right_box,.appdesc_title,.app_desc_sub_title,.app_desc_synopsis{
		display: none;
	}
	.r_box{
		float: none;
		width:55%;
		margin:0 auto;
		padding:0;
	}
	
	.inf_box{
		background:none;
		display: block;
		float: none;
		margin-top:0;
		width:100%;
	}
	.sub_left_box{
		width:100%;
	}
}