body{
	
	width:100%;
	overflow:hidden;
	
}



.hide{ display:none;}

.page{
	width:100%;
	height:100%;
	position:absolute;
	font-size:100px;
	text-align:center;
}

.page .wrap{
	height:500px;
}

.page-1-1{ background-color:#083846;}
.page-2-1{ background-color:#9261BF;}
.page-2-2{ background-color:#9261BF;}
.page-3-1{ background-color:#F3533C;}
.page-3-2{ background-color:#F3533C;}
.page-4-1{ background-color:#FFBF50;}
.page-4-2{ background-color:#FFBF50;}
.page-5-1{ background-color:#083846;}

.page-current{
	z-index:1;
}

.page-1-1 .img_1 {
	height:auto;/*width:248px;*/
	width:340px;
	position:absolute;
	left:50%;
	top:1%;
	margin-left:-170px;
}
.page-1-1 .img_2 {
	height:auto;
	width:320px;
	position:absolute;
	left:50%;
	top:22%;
	margin-left:-160px;
}
.page-1-1 .img_3 {
	height:auto;width:240px;
	/*position:absolute;
	left:34%;
	top:45%;*/
}
#page1-pt {
	width:240px; position:absolute; left:50%;top:45%;	margin-left:-60px;
}
.page-1-1 .img_4 {
	height:auto;width:25px;
	position:absolute;
	left:50%;
	top:93%;
	margin-left:-12px;
}
.page-2-1 .img_1 {
	height:auto;width:300px;
	position:absolute;
	left:50%;
	top:2%;
	margin-left:-150px;
	z-index:2;
}
.page-2-1 .img_2 {
	height:auto;width:320px;
	position:absolute;
	left:50%;
	top:20%;
	margin-left:-160px;
}
.page-2-1 .img_3 {
	height:auto;width:220px;
	/*position:absolute;
	left:38%;
	top:45%;*/
}
#page2-pt {
	width:220px; position:absolute; left:50%;top:44%;	margin-left:-50px;
}
.page-2-1 .img_4 {
	height:auto;width:20px;
	position:absolute;
	left:50%;
	top:87%;
	margin-left:-10px;
}
.page-2-1 .img_5 {
	height:auto;width:142px;
	position:absolute;
	left:50%;
	top:82%;
	margin-left:-71px;
}
.page-2-1 .img_6 {
	height:auto;width:25px;
	position:absolute;
	left:50%;
	top:92%;
	margin-left:-12px;
}
.page-2-1 .img_7 {
	height:auto;width:248px;
	position:absolute;
	left:50%;
	top:8%;
	margin-left:-110px;
}
.page-2-2 .img_1 {
	height:auto;width:293px;
	position:absolute;
	left:50%;
	top:5%;
	margin-left:-146px;
}
.page-2-2 .img_2 {
	height:auto;width:260px;
	position:absolute;
	left:50%;
	top:75%;
	margin-left:-130px;
}
.page-2-2 .img_3 {
	height:auto;width:20px;
	position:absolute;
	left:50%;
	top:87%;
	margin-left:-10px;
}
.page-2-2 .img_6 {
	height:auto;width:25px;
	position:absolute;
	left:50%;
	top:92%;
	margin-left:-12px;
}
.page-3-1 .img_1 {
	height:auto;width:300px;
	position:absolute;
	left:50%;
	top:0;
	margin-left:-150px;
	z-index:2;
}
.page-3-1 .img_2 {
	height:auto;width:320px;
	position:absolute;
	left:50%;
	top:25%;
	margin-left:-160px;
}
.page-3-1 .img_3 {
	height:auto;width:220px;
	/*position:absolute;
	left:38%;
	top:45%;*/
}
#page3-pt { width:220px; position:absolute; left:50%; top:45%; margin-left:-45px;  }
.page-3-1 .img_4 {
	height:auto;width:20px;
	position:absolute;
	left:50%;
	top:87%;
	margin-left:-10px;
}
.page-3-1 .img_6 {
	height:auto;width:25px;
	position:absolute;
	left:50%;
	top:92%;
	margin-left:-12px;
}

.page-4-1 .img_1 {
	height:auto;width:240px;
	position:absolute;
	left:50%;
	top:10%;
	margin-left:-120px;
	z-index:2;
}


.page-4-1 .img_2 {
	width:100px;height:100px;border:none;
}
.page-4-1 .img_3 {
	height:auto;width:100px;

}
#qr-code li { width:102px; height:102px; float:left;  }
#qr-code { height:102px; width:224px;position:absolute; left:50%; margin-left:-112px; top:65%; }
.page-1-1 { background:#3bc546; }
/*.page-1-1 {background:url(../img/01/app_01_bg.png) no-repeat; background-position:50% 0; background-size:cover;-webkit-background-size:cover; }*/
/*.page-2-1 {background:url(../img/02/app_02_bg.png) no-repeat;  background-size:cover; background-position:50% 0;-webkit-background-size:cover;}
.page-3-1 {background:url(../img/03/app_03_bg.png) no-repeat;  background-size:cover;background-position:50% 0;-webkit-background-size:cover;}*/
.page-2-1 { background:#fe794e; }
.page-3-1 { background:#8a4eff; }
.page-4-1 { background:url(../images/UyidaMobile/04/app_04_bg.png) no-repeat; background-position:50% 0;  background-size:cover; -webkit-background-size:cover; }