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:185px;
	position:absolute;
	left:50%;
	top:62%;
	margin-left:-92px;
}
.page-1-1 .img_3 {
	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 {
	width:260px;
	/*height:auto;width:260px;
	position:absolute;
	left:30%;
	top:40%;*/
	/*margin-left:-120px;*/
}
#page2-pt {
	width:260px;position:absolute; left:50%; top:43%; margin-left:-80px;
}
.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:2%;
	margin-left:-150px;
	z-index:2;
}
.page-3-1 .img_2 {
	height:auto;width:320px;
	position:absolute;
	left:50%;
	top:20%;
	margin-left:-160px;
}
.page-3-1 .img_3 {
	height:auto;width:220px;
	/*
	position:absolute;
	left:35%;
	top:40%;
	/*margin-left:-55px;*/
}
#page3-pt { width:220px; position:absolute;left:50%; top:40%; margin-left:-50px; }
.page-3-1 .img_4 {
	height:auto;width:20px;
	position:absolute;
	left:50%;
	top:87%;
	margin-left:-10px;
}
.page-3-1 .img_5 {
	height:auto;width:142px;
	position:absolute;
	left:50%;
	top:82%;
	margin-left:-71px;
}
.page-3-1 .img_6 {
	height:auto;width:25px;
	position:absolute;
	left:50%;
	top:92%;
	margin-left:-12px;
}
.page-3-1 .img_7 {
	height:auto;width:248px;
	position:absolute;
	left:50%;
	top:43%;
	margin-left:-124px;
}
.page-3-2 .img_1 {
	height:auto;width:296px;
	position:absolute;
	left:50%;
	top:5%;
	margin-left:-148px;
}
.page-3-2 .img_2 {
	height:auto;width:260px;
	position:absolute;
	left:50%;
	top:75%;
	margin-left:-130px;
}
.page-3-2 .img_3 {
	height:auto;width:20px;
	position:absolute;
	left:50%;
	top:87%;
	margin-left:-10px;
}
.page-3-2 .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:4%;
	margin-left:-120px;
	z-index:2;
}
.page-4-1 .img_2 {
	height:auto;width:230px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-115px;
}
.page-4-1 .img_3 {
	height:auto;width:100px;
}
.page-4-1 .img_4 {
	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-4-1 .img_4 {
	height:auto;width:20px;
	position:absolute;
	left:50%;
	top:87%;
	margin-left:-10px;
}
.page-4-1 .img_5 {
	height:auto;width:142px;
	position:absolute;
	left:50%;
	top:82%;
	margin-left:-71px;
}
.page-4-1 .img_6 {
	height:auto;width:25px;
	position:absolute;
	left:50%;
	top:92%;
	margin-left:-12px;
}
.page-4-1 .img_7 {
	height:auto;width:271px;
	position:absolute;
	left:50%;
	top:33%;
	margin-left:-135px;
}
.page-4-1 .img_8 {
	height:auto;width:169px;
	position:absolute;
	left:50%;
	top:75%;
	margin-left:-84px;
}
.page-4-2 .img_1 {
	height:auto;width:298px;
	position:absolute;
	left:50%;
	top:5%;
	margin-left:-149px;
}
.page-4-2 .img_2 {
	height:auto;width:260px;
	position:absolute;
	left:50%;
	top:75%;
	margin-left:-130px;
}
.page-4-2 .img_3 {
	height:auto;width:20px;
	position:absolute;
	left:50%;
	top:87%;
	margin-left:-10px;
}
.page-4-2 .img_6 {
	height:auto;width:25px;
	position:absolute;
	left:50%;
	top:92%;
	margin-left:-12px;
}
.page-5-1 .img_1 {
	height:auto;width:280px;
	position:absolute;
	left:50%;
	top:20%;
	margin-left:-140px;
}
.page-5-1 .img_2 {
	height:auto;width:260px;
	position:absolute;
	left:50%;
	top:67%;
	margin-left:-130px;
}
*/
.page-1-1 {background:url(../images/UyidaMobile/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:#4da2ff; }
.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; }