html,body{
	width: 100%;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
}
input{
	background:none;
	outline:none;  
	border:none;
}
#getCode{
	border: none;
	outline: none;
	width: 84%;
	height: 100%;
	font-size: .2rem;
	border-left: 0.02rem solid #C8C8C8;
	background-color: transparent;
	border-radius: 0;
	text-align: center;
	padding: 0 0.1rem;
	height: .4rem;
	letter-spacing: .03rem;
}
.btn-btn{
	display: flex;
	justify-content: space-between;
}
.common-checkIn-detail{
	width: 94%;
	height: .5rem;
	border: .03rem solid #548BFF;
	font-family: 'wenliangF';
	font-size: .24rem;
	padding-left: .2rem;
	letter-spacing: .03rem;
	/* -webkit-text-fill-color: #505050; */
}
::-webkit-input-placeholder { /* WebKit browsers */
color: #C8C8C8;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #C8C8C8;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #C8C8C8;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #C8C8C8;
}
img{
	margin: 0;
	padding: 0;
}
.ubuilding{
	background-color: transparent;
}
select{
	background:none;
	outline:none;  
}
.building-option{
	width: 300px !important;
}
.select-build,.select-floor,.select-room, .select-bed,.select-stime,.select-etime{
    /*去掉默认的下拉三角*/
    appearance:none;  
    -moz-appearance:none;  
    -webkit-appearance:none;
    /*添加下拉三角图标*/
   background: url("../imgs/down.png") no-repeat right center transparent;
   background-position: 4rem 0.2rem;
   background-size: .21rem .12rem;
   color: #505050;
}
input[type=radio][name=userInfoGender] {
width: .24rem;
height: .24rem;
appearance: none;
position: relative;
outline: none;
border: none;
}
input[type=radio][name=userInfoGender]:before {
content: '';
width: .24rem;
height: .24rem;
border: 0.03rem solid #C8C8C8;
display: inline-block;
border-radius: 50%;
vertical-align: middle;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
input[type=radio][name=userInfoGender]:checked:before {
content: '';
width: .24rem;
height: .24rem;
border: 0.03rem solid #c8c8c8;
display: inline-block;
border-radius: 50%;
vertical-align: middle;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
input[type=radio][name=userInfoGender]:checked:after {
content: '';
width: .2rem;
height: .2rem;
text-align: center;
background: #548BFF;
border-radius: 50%;
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.container{
	width: 100%;
	background-color: #FFBE0D;
	background-image: url(../imgs/hbg3.png);
	background-repeat: no-repeat;
	background-size: contain;
}
.header-detailFont-head img{
	width: 1.06rem;
	height: 0.52rem;
	margin-left: .3rem;
	margin-top: .3rem;
}
.header-detailFont-left{
	padding-top: .16rem;
	padding-left: 0.96rem;
}
.header-detailFont-left img{
	width: .16rem;
	height: 1.13rem;
	background-color: #F9D3D4;
}
.header-detailFont-top{
	margin-top: -.45rem;
}
.header-detailFont-top img{
	width: 1.42rem;
	height: .8rem;
	margin-top: .8rem;
	margin-left: 4.8rem;
}
.header-detailFont-bottom{
	margin-top: 3.1rem;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.header-detailFont-bottom img:nth-child(1){
	width: 5.8rem;
	height: 0.78rem;
}
.header-detailFont-bottom img:nth-child(2){
	width: 5.56rem;
	height: 0.25rem;
	margin-top: .1rem;
	background-color: #F9D3D4;
}
.main{
	width: 84%;
	margin: 0 auto;
	margin-top: .3rem;
}
.personal-info{
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	height: 5.46rem;
	background-color: #FFF7E6;
	border-radius: 0.2rem;
}
.personal-info-content{
	height: 100%;
	display: flex;
	justify-content: space-evenly;
	flex-direction: column;
	align-items: center;
	
}
.checkIn-info-content{
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-evenly;
}
.del-name,.del-idCard,.del-mobile,.selectGender{
	width: 80%;
	border-bottom: .04rem solid #C8C8C8;
	font-size: .32rem;
	font-family: 'wenliangF';
	letter-spacing: .03rem;
	color: #505050;
}
.commonFont{
	font-size: .24rem;
	font-family: 'wenliangF';
	letter-spacing: 0.03rem;
}
.detailWords{
	color: #C8C8C8;
	letter-spacing: .03rem;
	font-size: 0.24rem;
}
.uname{
	height: .6rem;
	background-image:url(../imgs/H5-2-03.png) ;
	background-size: 0.46rem 0.46rem;
	background-position: 0.05rem 0.08rem;
	background-repeat: no-repeat;
	font-size: 0.24rem;
	padding-left: .7rem;
	color: #505050;
	/* -webkit-text-fill-color: #505050; */
}

.uIdCard{
	height: .6rem;
	background-image:url(../imgs/H5-2-04.png) ;
	background-size: 0.46rem 0.46rem;
	background-position: 0.05rem 0.08rem;
	background-repeat: no-repeat;
	padding-left: .7rem;
	font-size: 0.24rem;
	color: #505050;
	/* -webkit-text-fill-color: #505050; */
}

.umobile{
	height: .6rem;
	background-image:url(../imgs/H5-2-06.png) ;
	background-size: 0.46rem 0.46rem;
	background-position: 0.05rem 0.08rem;
	background-repeat: no-repeat;
	padding-left: .7rem;
	font-size: 0.24rem;
	color: #505050;
	/* -webkit-text-fill-color: #505050; */
}

.ugender{
	height: .6rem;
	line-height: .6rem;
	background-image:url(../imgs/H5-2-05.png) ;
	background-size: 0.46rem 0.46rem;
	background-position: 0.05rem 0.08rem;
	background-repeat: no-repeat;
	font-size: 0.24rem;
	display: flex;
}
.ugender[placeholder]{
	padding-left: 0.7rem;
}
.radio-select{
	display: flex;
	flex: 1;
	justify-content: flex-end;
	margin-right: .1rem;
}
.selectGender_male label{
	height: .3rem;
	width: .3rem;
	line-height: .3rem;
	text-align: center;
}
.selectGender_female label{
	height: .3rem;
	width: .3rem;
	line-height: .3rem;
	text-align: center;
}
.selectGender_male{
	width: 0.6rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.selectGender_female{
	width: 0.6rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-left: .2rem;
}
.detailWords{
	padding-left: 0.68rem;
}
.del{
	display: none;
	width: .4rem;
	height: .4rem;
	line-height: .4rem;
	background: url("../imgs/del.png") right;
	background-repeat: no-repeat;
	background-size: .3rem, .3rem;
	position: absolute;
	left: 81%;
	transform: translate(-50%, 6%);
}
.checkIn-info{
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	margin-top: 0.4rem;
	height: 6.5rem;
	background-color: #FFF7E6;
	border-radius: 0.26rem;
}
.checkIn-info-content{
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-evenly;
}
.icon-building{
	display: inline;
	background: url(../imgs/H5-2-07.png) no-repeat right;
	background-size: 0.4rem 0.4rem;
	background-position: 0.05rem 0.05rem;
	width: 0.6rem;
	height: 0.56rem;
}

.icon-floor{
	display: inline;
	background: url(../imgs/H5-2-08.png) no-repeat right;
	background-size: 0.4rem 0.4rem;
	background-position: 0.05rem 0.05rem;
	width: 0.6rem;
	height: 0.56rem;
}
.icon-room{
	display: inline;
	background: url(../imgs/H5-2-02.png) no-repeat right;
	background-size: 0.4rem 0.4rem;
	background-position: 0.05rem 0.05rem;
	width: 0.6rem;
	height: 0.56rem;
}
.icon-bed{
	display: inline;
	background: url(../imgs/H5-2-09.png) no-repeat right;
	background-size: 0.4rem 0.4rem;
	background-position: 0.05rem 0.05rem;
	width: 0.6rem;
	height: 0.56rem;
}
.icon-stime{
	position: absolute;
	background: url(../imgs/H5-2-10.png) no-repeat;
	background-size: 0.4rem 0.4rem;
	background-position: 0.05rem 0.05rem;
	width: 0.6rem;
	height: 0.56rem;
}
.icon-etime{
	position: absolute;
	display: inline;
	background: url(../imgs/H5-2-11.png) no-repeat right;
	background-size: 0.4rem 0.4rem;
	background-position: 0.05rem 0.05rem;
	width: 0.6rem;
	height: 0.56rem;
}
.icon-discount{
	position: absolute;
	display: inline;
	background: url(../imgs/icon-discount.png) no-repeat;
	background-size: 0.3rem 0.3rem;
	background-position: 0.1rem 0.1rem;
	width: 0.6rem;
	height: 0.56rem;
}
.pay-info{
	width: 95%;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	color: #505050;
	height: 4.8rem;
	margin: 0 auto;
}
.price{
	font-style: normal;
	font-size: .24rem;
	line-height: .65rem;
	font-weight: 600;
	position: absolute;
	left: .6rem;
}
.pay-info-deposit,.pay-info-AccommodationFees,.pay-info-payment,.pay-info-days{
	height: 0.65rem;
	border-bottom: 0.04rem solid #505050;
	display: flex;
	position: relative;
}

.pay-info-promotion-code{
	background-color: #FFF7E6;
	display: flex;
	height: .65rem;
	font-size: .24rem;
	font-weight: 500;
	letter-spacing: .02rem;
	border-radius: .1rem;
}
.label-promotion-code-detail{
	font-size: .24rem;
	font-weight: 600; 
	width: 1.2rem; 
	height: .65rem; 
	line-height: .65rem;
	text-align: center;
}
.unit{
	font-style: normal;
	font-size: .24rem;
	line-height: .65rem;
	font-weight: 600;
	color: #505050;
	position: absolute;
	left: 4.2rem;
}
#deposit,#AccommodationFees,#payment,#discount,#days{
	width: 1.6rem;
	height: .65rem;
	line-height: .65rem;
	font-size: .28rem;
	position: absolute;
	left: 4.4rem;
	font-weight: 600;
	font-size: .3rem;
	text-align: center;
	color: #505050 !important;
	opacity: 1;
	/* -webkit-text-fill-color: #505050; */
}
.udeposit{
	background-image:url(../imgs/H5-2-12.png) ;
	background-size: 0.42rem 0.42rem;
	background-position: 0.05rem 0.05rem;
	background-repeat: no-repeat;
	font-size: 0.28rem;
	font-family: "wenliangF";
	padding-left: .6rem;
	font-weight: 800;
}
.uAccommodationFees{
	background-image:url(../imgs/H5-2-13.png) ;
	background-size: 0.42rem 0.42rem;
	background-position: 0.05rem 0.05rem;
	background-repeat: no-repeat;
	font-size: 0.28rem;
	font-family: "wenliangF";
	padding-left: .6rem;
	font-weight: 800;
}
.upayment{
	background-image:url(../imgs/H5-2-14.png) ;
	background-size: 0.42rem 0.42rem;
	background-position: 0.05rem 0.05rem;
	background-repeat: no-repeat;
	font-size: 0.28rem;
	font-family: "wenliangF";
	padding-left: .6rem;
	font-weight: 800;
}
.udays{
	background-image:url(../imgs/H5-2-11.png); 
	background-size: 0.42rem 0.42rem;
	background-position: 0.05rem 0.05rem;
	background-repeat: no-repeat;
	font-size: 0.28rem;
	font-family: "wenliangF";
	padding-left: .6rem;
	font-weight: 800;
}
.comfire-info-btn{
	height: 2rem;
}
#comfire{
	color: #fff;
	letter-spacing: .26rem;
}
input[type=button],input[type=submit] {-webkit-appearance: none;}
#comfire{
	width: 100%;
	height: .8rem !important;
	line-height: .8rem;
	text-align: center;
	background-color: #5442EB !important;
	margin:  0 auto;
	border-radius: 0.1rem !important;
	color: #fff;
	font-size: 0.32rem;
	letter-spacing: 0.26rem;
	font-family: "wenliangF";
}
/* input:disabled{
  background-color : #fff;   //修改默认灰色样式
  color: #505050;      
  opacity:1; // 默认的不透明级别为0.3
  -webkit-text-fill-color:#505050; //字体颜色安卓与IOS适配  
  -webkit-opacity:1;   // 不透明级别安卓与IOS适配 
  opacity:1; 
} */
input:disabled{
  color: #505050;      
  opacity:1;
  -webkit-text-fill-color:#505050;
  -webkit-opacity:1;
  opacity:1; 
}