@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;}
ul,li,imga,a{list-style:none;}
body{min-width: 320px;height: 100%;;max-width: 1024px;margin:0 auto; font: normal 100% "Microsoft YaHei"; overflow-x:hidden;}
body{
  background:#f8f8f8;
}
.top-logo{
	width: 26%;
	margin:0 auto;
}
.download{
	margin:0 auto;
}
h1{
	width:100%;
	margin-top: 10px;
}
.top-logo>p{
	font-size: 14px;
	color:#888888;
	margin-top:4px;
}
.top-logo>h1>img{
	width:100%;
}
.download{
	width:100%;
	margin:0 auto;
	color:#4b4b4b;
	margin-top:1em;
}
.section{
	width: 78%;
	margin:0 auto;
	padding: 20px 30px;
	border:1px solid #e6e6e6;
	border-radius:8px;
	background:#FFF;
	overflow:hidden;
	margin-top:0.8em;
}
img,p{
	text-align:center;
	display:block;
}
.download img{
	width:64%;
}
.section:focus{
	border:1px solid #22af6e;
}
a:link,a:visited{
	color:#4B4B4B;
	text-decoration:none;
}
a{
	display:block;
}
.hint{
	width:100%;
	height:100%;
	background:#6bca81;
	overflow:hidden;
}
.hint-android-top,.hint-android-bottom,.hint-iOS-top,.hint-iOS-bottom{
	height:50%;
}
.hint-android-top img,.hint-android-bottom img,.hint-iOS-top img,.hint-iOS-bottom img{
	width:60%;
  
}
.hint-android-bottom,.hint-iOS-bottom{
	margin-bottom:5%;
}
.hint-android-bottom img{
	margin-left:26%;
}
.hint-iOS-bottom img{
	margin-left:21%;
}