#headh5{
	background-repeat: no-repeat;
   background-position: top;
}

#commonbottom{
   position: absolute;
   right: 0px;
   bottom: 0px;
}

.p3logo{
   position: absolute;
   left: 40px;
   top: 41px;
   z-index: 21;
 }
 

#p1start {
 position: absolute;
 left: 100px;
 top: 1320px;
 width: 550px;
 height: 90px;
 z-index: 9;
 border-radius: 30px;
 /* background-color: #FFF; */
 color: #004239;
 text-align: center;
 line-height: 90px;
 font-size: 36px;
 opacity: 0.9;
}


.headselimg{
   margin-right: 16px;
   border: solid  3px;
   border-radius: 12px;
   width: 180px;
   height: 180px;
   background-color: #FFF;
}



#p2box {
 background-image: url("../images/p2box.png");
 position: absolute;
 left: 172px;
 top: 250px;
 width: 406px;
 height: 406px;
 z-index: 21;
}

#p2boxguide {
 background-image: url("../images/clicktip.png");
 position: absolute;
 left: 240px;
 top: 350px;
 width: 300px;
 height: 300px;
 z-index: 201;
   visibility: hidden;
 pointer-events: none;
}

#p3right {
 background-image: url("../images/p3right.png");
 position: absolute;
 left: 624px;
 top: 634px;
 width: 75px;
 height: 75px;
 z-index: 37;
}
#p3left {
 background-image: url("../images/p3left.png");
 position: absolute;
 left: 50px;
 top: 634px;
 width: 75px;
 height: 75px;
 z-index: 36;
}
#p3btn {
 background-image: url("../images/p3btn.png");
 position: absolute;
 left: 205px;
 top: 1060px;
 width: 340px;
 height: 82px;
 z-index: 35;
}


#page3-swiper-wrapper {
 width: 360px;
 height: 360px;
   position: absolute;
   top: 490px;
   left: 195px;
}

#page3-swiper-wrapper .swiper-container {
 width: 100%;
 height: 100%;
}


#page3-swiper-wrapper .swiper-slide {
 text-align: center;
 display: -webkit-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
 -webkit-justify-content: center;
	 -ms-flex-pack: center;
		 justify-content: center;
 -webkit-box-align: center;
 -webkit-align-items: center;
	 -ms-flex-align: center;
		 align-items: center;
}

#page3-swiper-wrapper .swiper-slide img {
 height: 100%;
}



#upimg{
   position: absolute;
   display: none;
 left: 214px;
 top: 509px;
 width: 323px;
 height: 323px;	
   z-index: 999;
   pointer-events: none;
}

#loadingdiv{
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0,0,0,0.70);
   z-index: 99999;
   display: none;
}

#p3tips{
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0,0,0,0.70);
   z-index: 99999;
}

#p3tipsimg{
   position: absolute;
   left: 50%;
   top: 300px;
   margin-left: -255px;
   pointer-events: none;
}


#p3tipsbtn {
 position: absolute;
 left: 250px;
 top: 1110px;
pointer-events: none;
}



#loadinggif{
   position: absolute;
   left: 50%;
   top: 50%;
   margin-left: -16px;
   margin-top: -16px;
}

#p3pop{
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0,0,0,0.80);
   z-index: 99999;
   display: none;
}

#p3popbg{
   position: absolute;
   left: 50%;
   top: 50%;
   margin-left: -226.5px;
   margin-top: -312px;
   width: 453px;
   height: 624px;
}


#p3img{
 position: absolute;
 left: 50px;
 top: 117px;
 width: 360px;
 height: 360px;
}




#p3popclose{
   position: absolute;
   left: 390px;
   top: 98px;
   width: 42px;
}


#figtip{
   position: absolute;
   left: 50%;
   top: 50%;
   margin-left: -50px;
   margin-top: -48px;
   z-index: 9999;
   pointer-events: none;
   visibility:hidden;
}


#boxtip {
  position: absolute;
 left: 136px;
 top: 707px;
 width: 478px;
 height: 44px;
 z-index: 32;
   line-height: 44px;
   text-align: center;
   color: #000;
   font-size: 40px;
   
}


#selarea{
   position: absolute;
   left: 25px;
   top: 830px;
   width: 700px;
   height: 210px;
   overflow-y: hidden;
   overflow-x: scroll;
}

#selinner{
   display: flex;
   flex-direction: row;
   height: 180px;
}

.selboxhide{
	 opacity: 0;
}
.selboxshow{
	 opacity: 1;
}

.selbox {
 background-image: url("../images/selbox.png");
 position: absolute;
 width: 113px;
 height: 113px;
 z-index: 70;
}

#sel1 {
 left: 43px;
 top: 36px;
}
#sel2 {
 left: 179px;
 top: 36px;
}
#sel3 {
 left: 318px;
 top: 36px;
}
#sel4 {
 left: 456px;
 top: 37px;
}
#sel5 {
 left: 592px;
 top: 36px;
}


#touchbox{
   position: absolute;
   left: 120px;
   top: 269px;
   width: 510px;
   height: 510px;
   overflow: hidden;
}



#coverpic{
   position: absolute;
   left: -1px;
   top: -1px;
   width: 512px;
   z-index: 100;
   height: 512px;
}


#upedpic{
   position: absolute;
   left: 0;
   top: 0;
   z-index: 20;
}

#endtxt {
 background-image: url("../images/endtxt.png");
 position: absolute;
 left: 174px;
 top: 1060px;
 width: 402px;
 height: 32px;
 z-index: 19;
}

.p3btns{
   background-color: #FFF;
   border-radius: 30px;
   width: 250px;
   height: 73px;
   z-index: 70;
   line-height: 73px;
   text-align: center;
   font-size: 24px;
   color: #000;
   font-weight: bold;
	top: 1190px;
}

#p3tipstxt{
   position: absolute;
   left: 60px;
   background-color: #FFF;
   border-radius: 30px;
   width: 350px;
   height: 60px;
   z-index: 70;
   line-height: 60px;
   text-align: center;
   font-size: 24px;
   color: #004239;
   font-weight: bold;
   top: 590px;
   pointer-events: none;
}

#p3btn2 {
 position: absolute;
 left: 407px;



}
#p3btn1 {
 position: absolute;
 left: 96px;
}

.selboxborder0{
   border-color: #858583;
}
.selboxshow{
   border-color: #066a38;
}

#headh5page1{
   background-image: url("../images/homebg.jpg?60");
   background-repeat: no-repeat;
   background-size: cover;
}

#selareatip{
   position: absolute;
   top: 1080px;
   height: 80px;
   font-size: 36px;
   color: #000;
   text-align: center;
   left: 0px;
   width: 100%;
}

#uname{
   position: absolute;
   left: 240px;
   top: 670px;
   z-index: 99998;
   width: 160px;
   height: 40px;
   color: #000;
   font-size: 26px;
   line-height: 40px;
   border: none;
   background: transparent;
   font-weight: bold;
   text-align: right;
   display: none;
}

#unamewei{
   position: absolute;
   left: 405px;
   top: 670px;
   z-index: 99998;
   width: 80px;
   height: 40px;
   color: #000;
   font-size: 26px;
   line-height: 40px;
   border: none;
   background: transparent;
   font-weight: bold;
   text-align: left;
   display: none;
}

#headh5page2{
   background-image: url(../images/bg.jpg);
}
#headh5page3{
   background-image: url(../images/bg.jpg);
}