/* ------------------- default ------------------- */
html,body{
	overflow-x:hidden;
	overflow-y:scroll;
}

img{
	position: absolute;
}

.hide{display: none;}
.show{display: block;}
.bg{width: 100%;left: 0rem;top: 0rem;}
.bgb{width: 100%;left: 0rem;bottom: 0rem;}
.main{position: absolute;width: 100%;height: 100%;left: 0%;top: 0%;overflow: hidden;}
.mainb{position: absolute;width: 100%;height: 100%;left: 0%;bottom: 0%;overflow: hidden;}
.black{position: absolute;width: 100%;height: 100%;left: 0%;top: 0%;background: #000;opacity: 0.5;}
.music{right: 0.1rem;top: 0.1rem;width: 0.4rem;}

/* Cross screen */
#hp{display: none;z-index: 999;}
.hp_bg{position: absolute;width: 100%;height: 100%;left: 0%;top:0%;background: #000;z-index: 999;}
.hp_text{position: absolute;width: 60%;left: 20%;top:75%;z-index: 999;}
.hp_phone{position: absolute;width: 16%;left: 42%;top:29%;z-index: 999;}

#sp{display: none;z-index: 999;}
.sp_ts{position: absolute;z-index: 999;}

/* -------------------- pages --------------------- */
.wait{width: 10%;left: 45%;top: 45%;}
.normalPage{width: 7.5rem;height: 12rem;margin-top: -6rem;left: 0rem;top: 50%;position: absolute;}
.touch{width: 1rem;height: 1rem;position: absolute;border: 0px solid red;}
input{position: absolute;width: 2rem;height: 0.6rem;font-size: 0.25rem;color: #000;background: transparent;border: 0px solid red;}
canvas{position: absolute;left: 0;top: 0;}

/* p1 */
.p1_ren{left: 0rem;bottom: -0.23rem;}
.logo1{left: 0.52rem;top: 0.3rem;}
.logo2{right: 0.52rem;top: 0.41rem;}
.p1_pc{right: 0rem;bottom: 3.17rem;display: none;}
.p1_slogan1{left: 2.85rem;top: 1.73rem;display: none;}
.p1_slogan2{left: 3.885rem;top: 1.3rem;display: none;}
.p1_slogan35{left: 2rem;top: 2.05rem;display: none;}
.p1_slogan6{top: 2.9rem;right: 0.42rem;display: none;}
.p1_text13{right: 0.37rem;bottom: 1.6rem;display: none;}
.p1_ms{bottom: 0.85rem;display: none;}
.p1_ms_arrow{bottom: 0.26rem;display: none;}

/* p2 */
.p2_bg{left: 0rem;top: 0.84rem;}
.p2_tt_13{top: 2.3rem;left: 0.7rem;display: none;}
.p2_textb1{left: 0.467rem;top: 3.78rem;display: none;}
.p2_text0{left: 0.467rem;top: 3.78rem;display: none;}
.p2_text13{top: 5.71rem;left: 0.98rem;display: none;}
.p2_text45{top: 8.6rem;left: 2rem;display: none;}
.p2_ms_arrow{bottom: 0.1rem;display: none;}
.p2_icon{right: 0.39rem;bottom: 0.22rem;}

/* p3 */
.p3_bg1{left: 0rem;top: 0rem;}
.p3_bg2{left: 0rem;top: 3.31rem;}
.p3_logo{top: 0.399rem;}
.p3_text12{top: 2.065rem;display: none;}
.p3_text3{top: 6.09rem;display: none;}
.p3_icon1{top: 7.53rem;left: 1.799rem;width: 1.379rem;height: 1.869rem;display: none;}
.p3_icon2{top: 7.53rem;right: 1.799rem;width: 1.379rem;height: 1.869rem;display: none;}
.p3_text45{top: 10.85rem;left: 0.46rem;display: none;}

/* keep */
.kf{overflow: hidden;}
.keep_intro{left: 0.42rem;top: 4.6rem;width: 6.62rem;height: 4rem;}
.keep_intro_self{top: 3rem;left: 0.42rem;}
.keep_tiao{right: 0.35rem;width: 0.05rem;}
.keep_btn{width: 7.56rem;height: 1.54rem;left: 0rem;bottom: 0rem;}
.keep_back{width: 0.5rem;height: 0.5rem;left: 0.1rem;top: 0.1rem;}
.keep_icon{right: 0.45rem;top: 0.75rem;}
.xz_intro{left: 0.42rem;top: 4.1rem;width: 6.62rem;height: 4rem;}
.xz_intro_self{top: 2.4rem;left: 0.42rem;}
.xz_back{width: 0.5rem;height: 0.5rem;left: 0.1rem;top: 0.1rem;}
.xz_btn{width: 7.56rem;height: 1.54rem;left: 0rem;bottom: 0rem;}

/* p5 */
.p5_upload{top: 4rem;width: 3.58rem;height: 3.27rem;left: 1.96rem;}
#p5_upload{opacity: 0;background: transparent;}
.upload_back{left: 0.5rem;width: 0.5rem;top: 1.2rem;}
.edit_sex_bg{bottom: 0.72rem;}
.edit_nan{right: 2.2rem;width: 1.5rem;height: 1.5rem;bottom: 0.35rem;}
.edit_nv{right: 0.5rem;width: 1.5rem;height: 1.5rem;bottom: 0.35rem;}
.edit_name{left: 2.3rem;bottom: 0.86rem;width: 2.7rem;height: 0.5rem;}
.edit_back{left: 0.5rem;width: 0.5rem;top: 1.2rem;}
.edit_btn{left: 4.5rem;bottom: 0.6rem;}

/* begin */
.begin_start{bottom: 0.3rem;}
.begin_start_touch{bottom: 0.3rem;height: 1rem;left: 0rem;width: 7.5rem;}

/* hb */
.create_hand{top: 9.94rem;left: 5.72rem;}
.create_ts_text{top: 8.93rem;left: 3.8rem;transform:rotate(0deg);-webkit-transform:rotate(0deg);}
.xz_alert{left: 50%;top: 50%;margin-left: -2.48rem;margin-top: -1.28rem;}