.dia_wrap,
.dia_msg,
.wx_wrap {
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	display: none;
	position: fixed;
	background: rgba(0,0,0,.6);
}
.dia_wrap>div,
.dia_msg>div,
.wx_wrap>div {
	position: absolute;
	top: 50%;
	left: 50%;
	display: none;
	transform: translate(-50%,-50%);
}
.close {
    position: absolute;
    right: 0.23rem;
    top: 0.19rem;
    cursor: pointer;
    width: 0.28rem;
}
.btn,
.tj_btn,
.login_btn,
.user_btn,
.lwj_btn,
.jt_btn,
.xy_btn {
	left: 50%;
	bottom: 0.41rem;
	width: 2.57rem;
	height: 0.74rem;
	color: #7b4836;
	font-size: 0.31rem;
	line-height: 0.74rem;
	text-align: center;
	position: absolute;
	transform: translateX(-50%);
	background: url(//static1.zuiyouxi.com/web/dhsg/images/old_reservation/btn.png) no-repeat;
	background-size: 100%;
}
.xy_btn {
	bottom: 0.65rem;
}
.dia_yy,
.dia_login,
.hw-layer-05 {
	width: 7.25rem;
	height: 5.34rem;
	background: url(//static1.zuiyouxi.com/web/dhsg/images/old_reservation/dia_yy.png) no-repeat;
	background-size: 100%;
}
.title {
	width: 100%;
	height: 0.56rem;
	margin: 0.48rem auto 0;
	background: url(//static1.zuiyouxi.com/web/dhsg/images/old_reservation/title.png) no-repeat center;
	background-size: auto 100%;
}
.dia_login .title {
	background: url(//static1.zuiyouxi.com/web/dhsg/images/old_reservation/login_title.png) no-repeat center;
	background-size: auto 100%;
}
.hw-layer-01 .title {
	background: url(//static1.zuiyouxi.com/web/dhsg/images/old_reservation/user_title.png) no-repeat center;
	background-size: auto 100%;
}
.hw-layer-02 .title {
	background: url(//static1.zuiyouxi.com/web/dhsg/images/old_reservation/old_title.png) no-repeat center;
    background-size: 95%;
}
.hw-layer-03 .title {
	margin-top: 0.76rem;
	background: url(//static1.zuiyouxi.com/web/dhsg/images/old_reservation/jt_title.png) no-repeat center;
	background-size: auto 100%;
}
.hw-layer-05 .title {
	margin-top: 0.76rem;
	background: url(//static1.zuiyouxi.com/web/dhsg/images/old_reservation/join_title.png) no-repeat center;
	background-size: auto 100%;
}
.dia_yy .select {
	width: 100%;
	font-size: 0;
	margin-top: 0.32rem;
	text-align: center;
}
.dia_yy .select>div {
	width: 1.47rem;
	height: 0.3rem;
	cursor: pointer;
	display: inline-block;
}
.dia_yy .select>div.ios {
	background: url(//static1.zuiyouxi.com/web/dhsg/images/old_reservation/ios.png) no-repeat center;
	background-size: auto 100%;
}
.dia_yy .select>div.andr {
	background: url(//static1.zuiyouxi.com/web/dhsg/images/old_reservation/andr.png) no-repeat center;
	background-size: auto 100%;
}
.dia_yy .select>div.ios.active {
	background: url(//static1.zuiyouxi.com/web/dhsg/images/old_reservation/ios-active.png) no-repeat center;
	background-size: auto 100%;
}
.dia_yy .select>div.andr.active {
	background: url(//static1.zuiyouxi.com/web/dhsg/images/old_reservation/andr-active.png) no-repeat center;
	background-size: auto 100%;
}
.dia_yy .yy_box,
.dia_login .login_box,
.hw-layer-05 .join_box {
	width: 5.59rem;
	height: 2.03rem;
	margin: 0 auto;
}
.dia_login .login_box {
	margin-top: 0.68rem;
}
.dia_login .login_btn {
	bottom: 0.78rem;
}
.hw-layer-05 .join_box {
	margin-top: 0.4rem;
}
.dia_yy .yy_box>div,
.dia_login .login_box>div,
.hw-layer-05 .join_box>div {
	width: 100%;
	height: 0.54rem;
	margin-top: 0.2rem;
}
.dia_yy .yy_box input,
.dia_login .login_box input,
.hw-layer-05 .join_box input {
	float: left;
	color: #fff;
	height: 0.54rem;
	border: none;
	outline: none;
	font-size: 0.22rem;
	padding-left: 0.4rem;
	background: #3c4568;
	box-sizing: border-box;
}
.hw-layer-05 .join_box .xy_title,
.hw-layer-05 .join_box .join_phone {
	float: none;
	display: block;
}
.yy_phone input,
.login_phone input,
.join_phone,
.xy_title {
	width: 100%;
	height: 100%;
}
.join_phone,
.xy_title {
	margin-top: 0.2rem;
}
.yy_img_code input,
.yy_img_code .verify, 
.yy_phone_code input,
.yy_phone_code .yy_button,
.login_phone_code .login_button,
.join_phone_code input,
.join_phone_code .join_button {
	float: left;
}
.yy_img_code input,
.yy_phone_code input,
.login_phone_code input,
.join_phone_code input {
	width: 4.1rem;
	float: left;
}
.yy_img_code .yy_verify,
.yy_phone_code .yy_button,
.login_phone_code .login_button,
.join_phone_code .join_button  {
    float: right;
	width: 1.29rem;
	height: 0.54rem;
	margin-left: 0.2rem;
}
.yy_phone_code .yy_button,
.login_phone_code .login_button,
.join_phone_code .join_button  {
	color: #7c4836;
	cursor: pointer;
	text-align: center;
	font-size: 0.18rem;
	line-height: 0.54rem;
	background: url(//static1.zuiyouxi.com/web/dhsg/images/old_reservation/button.png) no-repeat;
	background-size: 100%;
}

.dia_yy .yy_box.android{
	
}

.dia_yy .yy_box.iosappstor{
	height: 3.13rem;
	background: url(//static1.zuiyouxi.com/web/dhsg/images/old_reservation/phone/iosyybg.png) no-repeat top center;
	background-size: 100%;
	margin-top: 0.3rem;
	position: relative;
	display: none;
}

.dia_yy .appstorebtn {
    width: 1.1rem;
    height: 0.45rem;
    background: url(//static1.zuiyouxi.com/web/dhsg/images/site/phone/appstorebtn.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 68%;
    left: 10.6%;
}

.dia_yy .gwflbtn {
	display: block;
    width: 1.1rem;
    height: 0.35rem;
    background: url(//static1.zuiyouxi.com/web/dhsg/images/site/gwflbtn.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 68%;
    right: 10%;
}

.dia_msg .msg {
	width: 5.31rem;
    height: 3.16rem;
	background: url(//static1.zuiyouxi.com/web/dhsg/images/old_reservation/dia_yy.png) no-repeat;
	background-size: 100% 100%;
}
.dia_msg .msg .content {
    width: 100%;
    height: 100%;
    /* display: flex; */
    color: #3d2007;
    font-size: 0.2rem;
    margin-top: 0.9rem;
    text-align: center;
    padding: 0 0.2rem;
    box-sizing: border-box;
    /* align-items: center; */
    justify-content: center;
}
.hw-layer-01 {
	width: 7.22rem;
	height: 3.49rem;
	background: url(//static1.zuiyouxi.com/web/dhsg/images/old_reservation/dia_yy.png) no-repeat;
	background-size: 100% 100%;
}
.dia_user {
	width: 100%;
	margin: 0 auto;
}
.dia_user p{
	color: #3c4568;
	font-size: 0.21rem;
	margin-top: 0.22rem;
	margin-left: 1.8rem;
	margin-right: 0.1rem;
	padding-left: 0.45rem;
	vertical-align: middle;
	background: url(//static1.zuiyouxi.com/web/dhsg/images/old_reservation/radio1.png) no-repeat;
	background-size: auto 100%;
}
.dia_user p.active {
	background: url(//static1.zuiyouxi.com/web/dhsg/images/old_reservation/radio2.png) no-repeat;
	background-size: auto 100%;
}
.hw-layer-02 {
	width: 7.26rem;
	height: 5.36rem;
	background: url(//static1.zuiyouxi.com/web/dhsg/images/old_reservation/dia_yy.png) no-repeat;
	background-size: 100%;
}
.qutBox {
    width: 100%;
    height: 59%;
    font-size: 0.14rem;
    overflow: auto;
    margin-top: 0.25rem;
}
.qut {
    width: 100%;
    /*height: 69%;*/
    padding: 0 5%;
    color: #182144;
    font-weight: bold;
    box-sizing: border-box;
}
.qutBox h1 {
    width: 100%;
    min-height: 0.28rem;
    line-height: 0.28rem;
    font-size: 0.16rem;
    margin-bottom: 0.05rem;
    font-weight: bold;
}
.qutBox h1 span {
    display: inline-block;
    width: 0.3rem;
    height: 0.28rem;
    text-align: center;
    color: #182144;
    margin-right: 0.05rem;
    vertical-align: top;
}
.qutBox .qut>div {
    width: 100%;
    padding-left: 0.38rem;
    box-sizing: border-box;
}
.qutBox .qut>div p {
    /* height: 28px; */
    line-height: 0.33rem;
    margin: 0.04rem 0 0.04rem 0px;
    display: inline-block;
    /*min-width: 80%;*/
    margin-right: 2%;
}
.qut input[type=radio] {
    display: inline-block;
    width: 0.27rem;
    height: 0.28rem;
    background: url(//static1.zuiyouxi.com/web/dhsg/images/old_reservation/radio1.png) no-repeat top center;
    background-size: 100% auto;
    vertical-align: middle;
    margin-right: 0.05rem;
}
.qut input[type='radio']:checked {
    background: url(//static1.zuiyouxi.com/web/dhsg/images/old_reservation/radio2.png) no-repeat top center;
    background-size: 100% auto;
}
.qut input[type='radio']:checked+label, .qut input[type='checkbox']:checked+label {
    color: #182144;
}
.hw-layer-03,
.hw-layer-05 {
	width: 7.26rem;
	height: 4.24rem;
	background: url(//static1.zuiyouxi.com/web/dhsg/images/old_reservation/dia_yy.png) no-repeat;
	background-size: 100% 100%;
}
.hw-layer-03 .jt_title {
	width: 5.59rem;
	height: 0.54rem;
	border: none;
	outline: none;
	display: block;
	color: #ffffff;
	font-size: 0.24rem;
	margin: 0.56rem auto 0;
	background: #3c4568;
	text-align: center;
}
.hw-layer-04 {
	width: 7.26rem;
	height: 4.11rem;
	background: url(//static1.zuiyouxi.com/web/dhsg/images/old_reservation/dia_yy.png) no-repeat;
	background-size: 100% 100%;
}
.hw-layer-04 p {
	width: 4.86rem;
	height: 1.29rem;
	color: #4f2706;
	font-size: 0.3rem;
	text-align: center;
	margin: 1.08rem auto 0;
}
.hw-layer-04 .comfirm_btn {
	width: 100%;
	font-size: 0;
	height: 0.74rem;
	text-align: center;
}
.hw-layer-04 .comfirm_btn>a {
	width: 2.07rem;
	height: 0.61rem;
	color: #7b4836;
	font-size: 0.31rem;
	margin: 0 0.1rem;
	line-height: 0.61rem;
	text-align: center;
	display: inline-block;
	background: url(//static1.zuiyouxi.com/web/dhsg/images/old_reservation/btn.png) no-repeat;
	background-size: 100%;
}
.hw-layer-06 {
	width: 7.25rem;
	height: 4.11rem;
	background: url(//static1.zuiyouxi.com/web/dhsg/images/old_reservation/share_box.png) no-repeat;
	background-size: 100% 100%;
}
.share_title {
    top: 2.03rem;
    left: 0.26rem;
	width: 5.31rem;
	height: 0.53rem;
	font-size: 0.17rem;
	text-align: center;
    line-height: 0.53rem;
	position: absolute;
}
.share_btn {
	top: 2.03rem;
    right: 0.26rem;
	width: 1.42rem;
	height: 0.52rem;
	position: absolute;
}
.hw-layer-07 {
	top: 16% !important;
	width: 7.24rem;
	height: 2.94rem;
	background: url(//static1.zuiyouxi.com/web/dhsg/images/old_reservation/phone/hw-layer-07-2.png) no-repeat;
	background-size: 100%;
}
.hw-layer-07.wx {
	background: url(//static1.zuiyouxi.com/web/dhsg/images/old_reservation/phone/hw-layer-07.png) no-repeat;
	background-size: 100%;
}