html,body {
	overflow-x:hidden;
	width:100%;
	display:block;
	background-color:#fff
}
p,dd,dt,h2 {
	margin:0
}
html {
	font-size:62.5%
}
a {
	text-decoration:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0)
}
body {
	max-width:480px;
	margin:0 auto;
	overflow-x:hidden;
	overflow-y:auto;
	background:#fff
}
.wrap {
	width:100%;
	position:relative;
	overflow:visible
}
.wrap>div {
	position:absolute;
	left:0;
	top:0
}
.loading {
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	-webkit-transform:translate(-50%,-50%) translateZ(0);
	font-size:1.2rem;
	color:#4796ea;
	white-space:nowrap;
	text-align:center
}
.progress {
	width:80%;
	background:#282b34;
	margin:0 auto;
	border-radius:10px;
	margin-bottom:2%
}
.progress>div {
	background:#4796ea;
	width:0;
	height:6px;
	border-radius:10px
}
div.background {
	width:100%;
	overflow:visible;
	left:0;
	top:0;
	position:relative;
	-webkit-animation:animate-showbackground .7s ease-in-out;
	background-color:#070811
}
.f0 {
	font-size:0
}
div.background img {
	width:100%
}
@-webkit-keyframes animate-showbackground {
	0% {
	opacity:0
}
100% {
	opacity:1
}
}a.gameapp {
	width:35%;
	padding-bottom:10.4%;
	position:absolute;
	left:52%;
	top:82%
}
a.order {
	width:35%;
	padding-bottom:7.4%;
	position:absolute;
	left:13%;
	top:81%
}
#phone {
	background:#fff;
	width:35%;
	padding-bottom:.4%;
	position:absolute;
	left:26%;
	top:75.5%;
	border:0;
	color:#000
}
a.shequ {
	width:100%;
	padding-bottom:12.4%;
	position:absolute;
	left:0;
	top:0
}
a.join {
	width:100%;
	padding-bottom:10%;
	position:absolute;
	left:0;
	bottom:3%
}
a.link {
	width:90%;
	padding-bottom:1.4%;
	position:absolute;
	z-index:10;
	color:#000;
	font-size:1.5rem;
	text-decoration:underline
}
a.link1 {
	left:6%;
	top:3.4%
}
a.link2 {
	left:6%;
	top:6%
}
a.link3 {
	left:6%;
	top:9.2%
}
a.link4 {
	left:49%;
	top:12%
}
div.dbutton {
	width:74%;
	padding-bottom:17.4%;
	position:absolute;
	left:15%;
	top:30.5%;
	-webkit-animation:animate-dbutton 1s ease-in-out
}
@-webkit-keyframes animate-dbutton {
	0% {
	-webkit-transform:scale(5);
	opacity:0
}
90% {
	-webkit-transform:scale(5);
	opacity:0
}
100% {
	-webkit-transform:scale(1);
	opacity:1
}
}.dbutton a.app-dbtn {
	position:absolute;
	left:0;
	top:0;
	display:block;
	width:100%;
	height:100%;
	background:url(../img/btn.png) no-repeat;
	-webkit-background-size:100% auto;
	font-size:2.5rem;
	text-align:center;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-box-pack:center;
	color:#fff;
	font-weight:bold
}
.dbutton a.app-dbtn>* {
	display:none
}
.dbutton a.btn_download {
	background-position:0 0;
	-webkit-animation:animate-btn 2s ease-in-out infinite
}
@-webkit-keyframes animate-btn {
	0% {
	-webkit-transform:scale(1)
}
50% {
	-webkit-transform:scale(1.1)
}
100% {
	-webkit-transform:scale(1)
}
}.mask,.popup {
	display:none
}

.wrap>div {
	-webkit-background-size:100% auto;
}
.wrap-show>div {
	display:block
}
body {
	margin:0 auto;
	display:block;
	max-width:640px;
	min-width:320px
}
ul,li,p {
	margin:0;
	padding:0
}
img {
	width:100%;
	vertical-align:middle
}
a {
	text-decoration:none;
	outline:0;
	-webkit-tap-highlight-color:rgba(0,0,0,0)
}
a:hover {
	text-decoration:none
}
*,*:before {
	-webkit-box-sizing:border-box
}
.wrap {
	position:relative;
	z-index:1;
	margin-top:-1px
}


.textshow {
	margin:4%
}
.textshow p {
	font-size:1.3rem;
	color:#7a634a;
	line-height:1.5em
}
.video {
	width:92.7%;
	padding-bottom:45%;
	position:absolute;
	left:3.4%;
	top:70.4%
}
.video iframe {
	position:absolute;
	left:0;
	top:0
}
.input {
	width:92%;
	padding-bottom:55%;
	position:absolute;
	left:4%;
	top:43.5%;
	background:url(../img/btn.png) no-repeat;
	-webkit-background-size:100% auto
}
#phone {
	background:0;
	width:37%;
	position:absolute;
	left:22%;
	top:10%;
	border:0;
	color:#fff;
	height:20%;
	font-size:1.5rem
}
.btn {
	width:40%;
	padding-bottom:23.4%;
	position:absolute;
	right:0;
	top:0
}
.leftlx {position:absolute;left:6%;top:12%;width:48px;height:16%;border:0;border-radius:10px;background: #eee;}