@charset "utf-8";
/* CSS Document */
 /* 0注册 */
.zc-box{ width:100%; border-bottom:.1rem #eaeaea solid;}
.zc-box dt{ width:18%; padding-left:4%; float:left; line-height:6rem; font-weight:normal; font-size:1.5rem;}
.zc-box dd{ width:78%;float:left; font-size:1.5rem;}
.zc-box dd input{ width:100%; border:none; height:6rem; line-height:6rem; font-size:1.5rem; margin-left:1rem;}
.zc-box dd .hq{ width:36%; height:3.2rem; float:left; margin-top:1.4rem; color:#fff;border-radius:1.6rem;border:none;line-height:3.2rem; text-align:center; background:#fe5454; box-shadow:0 .24rem .5rem rgba(254,126,126,0.6);}
.zc-btn{ width:56%; font-size:1.5rem; margin-left:22%; height:4.2rem; line-height:4.2rem; text-align:center;border-radius:2.1rem; background:#fe5454; border:none; color:#fff; font-size:1.5rem; margin-top:4rem; box-shadow:0 .24rem .5rem rgba(254,126,126,0.6);}
 
 
/*1首页*/
.search-box{ width:100%; background:#fe5454; padding:1rem 0;}
.search-box i{ width:12%; float:left; margin-top:.5rem;}
.search-box img{ width:1.8rem; height:1.8rem; display:block; margin:0 auto;}
.search-box input{ width:76%; height:2.8rem; background:#FFF; border-radius:1.4rem; text-indent:.6rem; border:none; float:left;}
.down-box{ width:28%;  background-color:#fe5454; background-image:url(../images/bg-line.jpg); background-repeat:repeat-x; position:absolute; top:4.8rem; left:0;}
.down-box li{ width:100%; text-align:center; line-height:4rem; color:#fff; font-size:1.5rem; border-bottom:.1rem #fff solid;}

.section_box{ width:100%; margin-top:1.2rem;}
.section_box dl{ width:46%; background:#FFF; margin-left:2.6%; float:left; margin-bottom:1rem;}
.section_box dl dt{ padding:0 1rem;}
.section_box dl dt img{ width:100%;}
.pro_name{ height:1.4rem;line-height:1.4rem;margin-left:.8rem; overflow:hidden;text-overflow:ellipsis; white-space:nowrap; color:#121212;}
.pro_sales{ line-height:1.2rem; color:#888;margin-left:.8rem; margin-top:1rem;}
.pro_info{height:2.2rem; margin-top:.2rem; margin-left:.5rem; margin-bottom:.8rem;}
.pro_info span{ float:left;}
.pro_info .shopping_btn{ width:2.2rem; height:2.2rem; float:right; margin-right:.9rem; border-radius:50%;}
.pro_info .shopping_btn img{ width:100%; border-radius:50%; box-shadow:0 .24rem .5rem rgba(254,126,126,0.6);}
.pro_info .price{ color:#fd3d3d; height:1.6rem; line-height:1.6rem;padding-top:.5rem;}


/* 5个人中心 */
.header_box{ width:100%; background:url(images/user-bg.jpg) no-repeat; background-size:120%;overflow:hidden;}
.userimg{ width:16%; border-radius:50%; border:.4rem #fff solid; margin:0 auto; margin-top:2rem;}
.userimg img{ width:100%;display:block;}
.user_name{ display:block;margin:0 auto; text-align:center; line-height:2.4rem; color:#FFF; margin-top:.8rem;}

.money-box{ width:100%; background:#FFF;}
.money-box dl{ float:left; width:40%; margin-left:4%; padding:2rem 0;}
.money-box dl dt{ width:100%; font-size:1.1rem; color:#828282; line-height:1.2rem;}
.money-box dl dd{ width:100%; font-size:2rem; color:#fe5454; line-height:2rem; margin-top:.8rem;}
.money-box i{ float:right; width:18%; height:2.6rem; border-radius:1.3rem; line-height:2.6rem; border:.1rem #fe5454 solid; margin-top:2.6rem; text-align:center; font-size:1.2rem;}
.money-box .rbtn1{ background:#fe5454; color:#fff; margin-right:6%; box-shadow:0 .24rem .5rem rgba(254,126,126,0.6);}
.money-box .rbtn2{ color:#fe5454; margin-right:4%;}

.spread-box{ width:100%; background:#FFF;}
.spread-box dl{ width:92%; margin:0 auto; height:6rem; border-bottom:.1rem #eaeaea solid;}
.spread-box dt{ width:1.8em; height:1.8rem; float:left; margin-top:2.1rem;}
.spread-box dt img{ width:100%;}
.spread-box dd{float:left; font-size:1.5rem; line-height:6rem; margin-left:2rem;}
.spread-box .R-arrow{float:right; width:.7rem; height:1.1rem; margin-top:2.3rem; background:url(../images/R-arrow.png) no-repeat; background-size:100%;}



/*入住需求调查*/
select::-ms-expand{ display: none; }
select{
     appearance:none;  
    -moz-appearance:none;  
    -webkit-appearance:none;
     background: url("arrow.png") no-repeat scroll right center transparent;
     padding-right: 14px;
}
option::-ms-expand{ display: none; }
option{
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari 和 Chrome */
    appearance:none;
}
.main-box3{ 
	width:100%;position: absolute;
	background:#f8f8f8;
    overflow: auto;
    overflow-x: hidden;
	top:0; bottom:0;}
.explain{ width:92%; margin:0 auto; padding:1.4rem 0;}
.explain p{ width:100%; text-indent:1.5rem; font-size:1.4rem; line-height:2rem; padding:.4rem 0; color:#6c6c6c;}
.explain p a{color:#fe5454;}
.main{ width:100%;}
.main dl{ width:100%; background:#fff; margin-bottom:1rem;}
.main dt{ width:96%; padding-left:4%; border-bottom:.1rem #eaeaea solid; line-height:4.5rem; font-size:1.5rem;}
.main dd{ width:100%; border-bottom:.1rem #eaeaea solid; line-height:5.5rem; font-size:1.5rem;}
.main dd span{ float:left; width:38%; margin-left:5%;}
.main dd input{ float:right; width:51%; height:5.5rem; text-align:right; font-size:1.5rem;margin-right:5%; border:none; line-height:5.5rem;}
.main dd select{ float:right;width:22%; height:4.5rem; margin-top:.5rem; border:none;background: url("../images/up-btn.png") no-repeat; background-size:1.3rem .7rem; background-position:right center; margin-right:5%;outline: none; color:#8c8c8c;}
.main dd .selected{ }
.main dd select:nth-of-type(2){margin-left:10px}
.main dd .selected .op{ width:100%; border:none;height:4rem!important;}
.main dd .hobby{ width:92%; margin:1rem auto;}
	/*单选框*/
.main dd label {cursor:pointer; float:left;width:22%; margin:.5rem 0; margin-left:2%; }  
.main dd label i {font-size:14px;font-style:normal;display:inline-block;vertical-align:middle;}  
.main dd .inputo[type="radio"] {display:none;}  
.main dd .inputo[type="radio"] + i {width:100%; height:2.6rem; border-radius:1.5rem; line-height:2.6rem; text-align:center;display:inline-block;border:.1rem #ccc solid; color:#424242;}  
.main dd .inputo[type="radio"]:checked + i {width:100%; height:2.6rem; border-radius:1.5rem; line-height:2.6rem; text-align:center;display:inline-block;border:.1rem #fe5454 solid; color:#fe5454; background:#ffeeee;}
.main dd .inputo[type="checkbox"] {display:none;}  
.main dd .inputo[type="checkbox"] + i {width:100%; height:2.6rem; border-radius:1.5rem; line-height:2.6rem; text-align:center;display:inline-block;border:.1rem #ccc solid; color:#424242;}  
.main dd .inputo[type="checkbox"]:checked + i {width:100%; height:2.6rem; border-radius:1.5rem; line-height:2.6rem; text-align:center;display:inline-block;border:.1rem #fe5454 solid; color:#fe5454; background:#ffeeee;}

.maint{ width:100%;}
.maint dl{ width:100%; background:#fff; margin-bottom:1rem;}
.maint dt{ width:92%; padding:1rem 4%; border-bottom:.1rem #eaeaea solid; line-height:2.1rem; font-size:1.5rem;}
.maint dd{ width:100%;border-bottom:.1rem #eaeaea solid; line-height:5rem; font-size:1.5rem;}
.maint dd span{ float:left; width:38%; margin-left:5%;}
.maint p{ width:90%; margin:.8rem auto; text-indent:1.5rem; color:#fe5454; line-height:1.8rem; font-size:1.3rem;}
.maint dd select{ float:right;width:20%; height:4.5rem; margin-top:.5rem; border:none;background: url("../images/up-btn.png") no-repeat; background-size:1.3rem .7rem; background-position:right center; margin-right:5%;outline: none; color:#8c8c8c;}
.maint dd .selected{ }
.maint dd select:nth-of-type(2){margin-left:10px}
.maint dd .selected .op{ width:100%; border:none;line-height:4rem!important;}
.labelt { margin-top: 1rem;width:90%;line-height: 2.5rem;min-height:3.5rem; display:block;cursor:pointer; margin-left:5%;}  
.labelt i {font-size:1.5rem;font-style:normal;display:inline-block;width:2rem;height:2rem;text-align:center;line-height:1.5rem;vertical-align:middle;border:#ccc .1rem solid;}  
.labelt input[type="radio"] {display:none;}  
.labelt input[type="radio"] + i {border-radius:50%;}  
.labelt input[type="radio"]:checked + i {background:url(../images/xz-ok.png); background-size:100%; background-position:center; border:.1rem #fe5454 solid;}
.labelt input[type="checkbox"] {display:none;}  
.labelt input[type="checkbox"] + i {border-radius:50%;}  
.labelt input[type="checkbox"]:checked + i {background:url(../images/xz-ok.png); background-size:100%; background-position:center; border:.1rem #fe5454 solid;}  
.labeltf{ float:left; width:40%;}
.ok-btn{width:56%; font-size:1.5rem; margin-left:22%; height:4.2rem; line-height:4.2rem; text-align:center;border-radius:2.1rem; background:#fe5454; border:none; color:#fff; margin-top:4rem; box-shadow:0 .24rem .5rem rgba(254,126,126,0.6); margin-bottom:4rem;}

/*关键事项告知*/
.papert{ width:100%; font-size:1.8rem; font-weight:800; color:#fe5454; line-height:6rem; text-align:center;}
.papers-cont{ width:90%; margin:0 auto; padding-bottom:12rem;}
.papers-cont p{ width:100%; font-size:1.5rem; line-height:1.9rem; padding:.2rem;}
.next-btn{ width:100%; height:10.5rem;position:fixed; bottom:0; left:0; background:#fff; border-top:.1rem #eaeaea solid;}
.next-btn span{ width:80%; height:4rem; background:#fe5454; box-shadow:0 .24rem .5rem rgba(254,126,126,0.6); border-radius:2.1rem; text-align:center; line-height:4rem; color:#FFF; margin-left:10%;}
.xz-yuedu{ width:76%; height:4.5rem; margin-left:12%;}
.xz-yuedu label {font-size:1.6rem;cursor:pointer;line-height:5rem; font-size:1.5rem; color:#6c6c6c;}  
.xz-yuedu label i {display:inline-block;width:1.5rem;height:1.5rem;text-align:center;vertical-align:middle; border-radius:50%; border:.1rem #6c6c6c solid;}  
.xz-yuedu .sex-box[type="checkbox"]:checked + i {background:url(../images/xz-ok.png); background-size:1.5rem; background-position:center; border:.1rem #fe5454 solid;} 


/*申请成功*/
.applysuccess{ width:100%; padding:3rem 0;}
.applysuccess span{ width:4rem; height:4rem; border-radius:50%; display:block; margin:0 auto;}
.applysuccess span img{ width:100%;}
.applysuccess p{ width:92%; text-align:center; color:#fe5454; font-size:1.8rem; margin:0 auto;font-weight:800; margin-top:1.5rem;}
.code-box{ width:100%;}
.code-box dl{ width:84%; margin:0 auto; border:.1rem #e0e0e0 solid;}
.code-box dt{ width:100%;}
.code-box dt img{ width:100%;}
.code-box dd{ width:100%; text-align:center; font-size:1.4rem; line-height:1.8rem; padding:.8rem 0 1.8rem 0;}



/*确认函*/
.num{ width:90%; margin:0 auto; text-align:right; font-size:1.3rem; line-height:1.3rem; margin-top:1rem; color:#8c8c8c;}
.bot-btn{ width:100%;position:fixed; bottom:0; left:0; background:#fff; border-top:.1rem #eaeaea solid;}
.bb-box{ width:90%; margin:1.5rem auto;}
.bb-box span{ width:25%; height:3rem;background:#fe5454; box-shadow:0 .24rem .5rem rgba(254,126,126,0.6); border-radius:1.8rem; text-align:center; line-height:3rem; color:#FFF; margin-left:7%; font-size:1.6rem; float:left;}

/*预约入住*/
.reserve-info{ width:100%;}
.reserve-info dl{ width:100%; background:#FFF; border-bottom:.1rem #e0e0e0 solid; font-size:1.5rem;}
.reserve-info dt{ width:30%; margin-left:4%; line-height:5.4rem; float:left;}
.reserve-info dd{ width:66%;float:left;}
.reserve-info dd input{ width:90%; border:none; height:5.4rem;line-height: 4rem;font-size: 15px;}
.reserve-info dd .hq{ width:37%; height:3.2rem; float:left; margin-top:1.4rem; color:#fff;border-radius:1.6rem;border:none;line-height:3.2rem; text-align:center; background:#fe5454; box-shadow:0 .24rem .5rem rgba(254,126,126,0.6);}
.qd-btn{ width:40%; height:3rem;background:#fe5454; box-shadow:0 .24rem .5rem rgba(254,126,126,0.6); border-radius:1.8rem; text-align:center; line-height:3rem; color:#FFF;font-size:1.4rem; margin:0 auto; margin-bottom:2rem;}

.reserve-info dd select{ float:left;width:90%; height:4.5rem; margin-top:.5rem;font-size:14px; border:none;background: url("../images/up-btn.png") no-repeat; background-size:1.3rem .7rem; background-position:right center; margin-right:5%;outline: none;}
.reserve-info dd .selected{ }
.reserve-info dd select:nth-of-type(2){margin-left:10px}
.reserve-info dd .selected .op{ width:100%; border:none;line-height:4rem!important;}


/*预约参观*/
.ques{ width:100%; font-size:1.7rem; font-weight:700; text-align:center; margin-top:13rem; margin-bottom:4rem;}
/*单选框*/
.quesans label {cursor:pointer; width:25%; display:block; height:4rem; margin:0 auto; }  
.quesans label i {font-size:14px;font-style:normal;display:inline-block;vertical-align:middle;}  
.quesans .inputo[type="radio"] {display:none;}  
.quesans .inputo[type="radio"] + i {width:100%; height:3rem; border-radius:1.5rem; line-height:3rem; text-align:center;display:inline-block;border:.1rem #fe5454 solid; color:#fe5454; margin:0 auto;}  
.quesans .inputo[type="radio"]:checked + i {width:100%; height:3rem; border-radius:1.5rem; line-height:3rem; text-align:center;display:inline-block;border:.1rem #fe5454 solid; color:#fff; background:#fe5454;box-shadow:0 .24rem .5rem rgba(254,126,126,0.6);}
.quesans span{ width:28%; height:3rem; border-radius:1.5rem; line-height:3rem; text-align:center;display:inline-block;border:.1rem #fe5454 solid; color:#fff; background:#fe5454;box-shadow:0 .24rem .5rem rgba(254,126,126,0.6); display:block; margin:0 auto;}

.reserve-info p{ width:90%; font-size:1.4rem; line-height:3rem; color:#fe5454; margin:0 auto;}
	/*黑色幕布*/
.Blackbg{ width:100%; height:100%; background:rgba(0,0,0,0.5);position:fixed; top:0; left:0; z-index:89}
.xgtime-box{ width:72%; background:#fff; position:fixed; top:15rem; left:14%; border-radius:.8rem; z-index:90}
.xgtime-box i{ width:4rem; height:4rem; border-rasiu:50%; margin:2rem auto;}
.xgtime-box p{ width:90%; margin:0 auto; text-align:center; font-size:1.5rem; line-height:1.8rem; margin-bottom:2rem;}
.xgtime-btn{ width:90%; margin:1.5rem auto;}
.xgtime-btn span{ width:39%; height:3rem;background:#fe5454; box-shadow:0 .24rem .5rem rgba(254,126,126,0.6); border-radius:1.8rem; text-align:center; line-height:3rem; color:#FFF; margin-left:7%; font-size:1.4rem; float:left;}