@charset "gb2312";
/* CSS Document */
body { font-family:"Hiragino Sans GB","MicroSoft YaHei",Arial,sans-serif; overflow-x: hidden;color:#333;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, select, textarea, th, td { margin: 0; padding: 0; }
img { border:none; max-width:100%; }
a { color:#0d0d0d; text-decoration:none;}
a,area { blur:expression(this.onFocus=this.blur()) }
ul, li{ list-style:none;}
table { border-collapse:collapse;border-spacing:0; max-width:100%;}
input { outline:0;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
:focus { outline: none; }
input::focus-inner { padding:0;border:0;}

.fl { float:left;} .fr { float:right;}
.clearfix:after {  display: block;  content: '';  clear: both; }
.clearfix { zoom: 1;}
.clear { height:0; width:100%; font-size:1px; line-height:0; visibility:hidden; overflow:hidden;}
.Width { width:1200px; margin:0 auto;position: relative;}
.hide { display:none;} .onlymob { display:none;}
.pointer { cursor:pointer;}
.ml480 { margin-left:620px; }
body{
  background: #F7F4F8;
  color:#222;
}

/* 通用头部 */
.ht_top {width: 100%;background: #fafafa url(https://www.huatu.com/z/topfooter/images/nav_bg.gif) repeat-x 0 0;line-height: 41px;overflow: hidden;}
.ht_top .zt_top { width: 1070px;height: 41px;margin: 0 auto;}
.ht_top h1 { float:left;}
.ht_top h1 a {float: left;width: 131px;height: 40px;overflow: hidden;text-indent: -100em;background: url(//www.huatu.com/z/topfooter/images/logo.gif) no-repeat; font-size:12px;}
.ht_top .topnav {float: right; color:#0d0d0d; font-size:12px;}
.ht_top .topnav a {padding:0 8px;}
.ht_top .topnav a:hover { color:#e4393c; text-decoration:underline;}
@keyframes myscale{
  0%{
    transform: scale(1,1);
  }
  50%{
    transform: scale(1.03,1.03);
  }
  100%{
    transform: scale(1,1);
  }
}
/*右侧选悬浮样式结束*/
.banner {
  position: relative;
  height:598px;
  color:#fff;
  background:url(../images/ban.jpg) top center no-repeat;
  margin-bottom: 10px;
  text-align: center;
  padding-top:99px;
  box-sizing: border-box;
  margin-bottom:188px;
}
.banner img{
   margin-bottom: 40px;
}
.banner .txt{
  border-radius: 20px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 9px 29px 0px rgba(153, 153, 153, 0.09);
  display:table-cell;
  vertical-align:middle;
  text-align:center;
  height: 195px;
  color: rgb(51, 51, 51);
  font-size: 27px;
  line-height: 1.704;
  padding:0 60px;
  box-sizing: border-box;

}
.banner strong{
  font-weight:normal;
  color:#FF492C;
  padding:0 3px;
  background:url(../images/bar.png) center no-repeat;
  background-size: 100%;
}
.free-zl dl{
  float:left;
  width: 383px;
  height:402px;
  text-align: center;
  border-radius: 20px;
  float:left;
  background-color:#fff;
  box-sizing: border-box;
  overflow:hidden;
}
.free-zl .main-cont dl:nth-child(2){
  margin:0 24px 86px;
}
.free-zl dl dd{
  padding-top:52px;
  margin-bottom: 40px;
  animation: myscale 1.5s infinite;
}
.free-zl dl p{
  font-size: 30px;
  line-height: 1.533;
 
}
.free-zl dl span{
  color: rgb(102, 102, 102);
  line-height: 2.091;
  font-size: 22px;
}
.title {
  margin-bottom: 40px;
}
.title h3 {
  font-size:50px;
  text-align: center;
}
.qusetions-box{
  border-radius: 25px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 9px 29px 0px rgba(153, 153, 153, 0.09);
  padding:55px;
  box-sizing: border-box;
  margin-bottom: 54px;
  overflow:hidden;
}
.qusetions-box h4 {
  font-size: 30px;
  font-weight:normal;
  margin-bottom: 36px;
}
.listUl li{
  border-bottom: 1px solid #E4E4E4;
  padding-bottom: 27px;
  margin-bottom: 48px;
  overflow:hidden;
}
.listSelec{
  font-size: 22px;
  color: rgb(102, 102, 102);
  line-height: 2.636;
  margin-bottom: 33px;
  height:24px;
  line-height: 24px;
}

.inpuWp{
  display:inline-block;
}
input[type="radio"] + label::before,
input[type="checkbox"] + label::before {
  content: "\a0"; /*不换行空格*/
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height:24px;
  margin-right:18px;
  border-radius: 50%;
  border: 2px solid #C9C9C9;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="radio"] + label,
input[type="checkbox"] + label{
  cursor: pointer;
}
input[type="radio"]:checked + label::before,
input[type="checkbox"]:checked + label::before {
    background:url(../images/checked.png) no-repeat;
    background-size:100% 100%;
    border:none;
}
input[type="radio"],
input[type="checkbox"]{
  display: none;
}
.listUl li .bar{
  width:314px;
  height: 10px;
  background-color: rgb(153, 153, 153,.2);
  border-radius: 10px;
  display:inline-block;
  margin-left:5px;
  position: relative;
  opacity: 0;
}
.listUl li .rbar{
  position: absolute;
  top: 0;
  left: 0;
  background-color:#FF4A2C;
  /*width: 10%;*/
  height: 100%;
  border-radius: 10px;
}


.btn-box{
  text-align: center;
}
.btn-box .btn{
  display: inline-block;
  font-size: 25px;
  color:#fff;
  width: 257px;
  height: 72px;
  line-height: 72px;
  border-radius: 50px;
  margin:0 8px;

}

.btn-box .btn1{
  background-color: #FF4A2C;
 
}
.btn-box .result-btn{
  background-color: #00CEF9;
  cursor: pointer;
}

/*专题上预约样式*/
.masker{
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:#000;
  opacity:0.5;
  z-index:8;
  display: none;
}
.form-wrap{
  position:fixed;
  left:0;
  right:0;
  top:0;
  bottom:0;
  margin:auto;
  height:552px;
  z-index: 9;
  text-align: center;
  width: 537px;
  display: none;
}
.form-wrap #closeBtn{
  position: absolute;
  right:0;
  top:0;
}
.form-box{
  border-radius: 8px;
  background-color: rgb(255, 255, 255);
  width:100%;
  height: 505px;
  position: absolute;
  top:47px;
}
.form-box .sm-title{
  font-size: 26px;
  color: rgb(51, 51, 51);
  line-height: 1.462;
  padding-top:37px;
  margin-bottom: 30px;
}

.infor-wrap {
  margin-bottom: 10px;
  position: relative;
  font-size: 20px;
  overflow:hidden;
}
.form-box select,.form-box  input{
  border-style: solid;
  border-width: 1px;
  border-color: rgb(178, 178, 178);
  border-radius: 8px;
  background-color: rgb(255, 255, 255);
  opacity: 0.71;
  width: 236px;
  height: 63px;
  /*appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url(../images/sj.png) no-repeat 90% center;*/
  text-indent: 20px;
  font-size: 20px;
}

.form-box input{
 width: 481px;
 background:none;

}
.form-box  #PhoneCode {
  width: 304px;
}
.form-box #fs{
  border-style: solid;
  border-width: 1px;
  border-color: rgb(254, 136, 143);
  border-radius: 8px;
  background-color: rgb(254, 136, 143);
  color:#fff;
  text-indent: 0;
  width: 168px;
  text-align: center;
  opacity: 1;
  cursor: pointer;
}
.form-box .button{
  background-color: rgb(252, 76, 54);
  border-radius: 50px;
  width: 245px;
  height: 69px;
  line-height: 69px
  color:#fff;
  opacity: 1;
  border:none;
  color:#fff;
  font-size: 26px;
  text-indent: 0;
  text-align: center;
  margin-top:30px;
  cursor: pointer;
}
.form-box .button:hover,
.form-box #fs:hover{
  background-color: #FF7230;
}

#closeBtn{
  position: absolute;
  right:15px;
  top:15px;
  cursor: pointer;
}
/*专题预约样式结束*/


/* 通用底部*/
	.footer {
	position: relative;
	padding:30px 0;
	background-color: rgb(214, 25, 42);
	text-align: center;
}
.footer p {
	line-height: 26px;
	color:#fff;
	font-size:14px;
	position: relative;
}
.footer p a {
	color: #fff;
	font-size:14px;
}
.footer p span {
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px
}

.m-footer {
  display: none;
}



@media screen and (max-width:1080px){
  .onlymob { display:block;}
  html{ font-size:20px; }
  body { font: 0.7rem/1.2rem "Hiragino Sans GB","\5FAE\8F6F\96C5\9ED1","\9ED1\4F53",Arial,sans-serif; width: 18.75rem; margin: 0 auto; overflow-x: hidden;
    background-size: 200% 24rem; }
  html,body{  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .Width {  width: 96%;  }
 
  /* 隐藏元素 */
  .ht_top .topnav a:nth-child(n+2) ,
  .footer p,
  .pc,
  .onlypc,
  .ht_top .topnav
  ,.right-fix
  {  display: none;  }
  .mob{
    display: block;
  }
  

  /* 通用头部 */
  .ht_top { line-height: 2.5rem; height:2.5rem; background-size:auto 100%; }
  .ht_top .zt_top { width:17.5rem; height:2.5rem; }
  .ht_top h1 a { height:2.5rem; width:7.5rem; background: url(https://www.huatu.com/images/2015css/images/mob_logo.png) no-repeat center; background-size:100%; }
  .ht_top .topnav { font-size:0.8rem; text-indent:-1000rem;}
  .ht_top .topnav a { padding:0 0 0 0.3rem; text-indent: 0; float: right; }
  
  .banner { 
    height: 11rem;
    background-size: 150% 100%;
    margin-bottom: 4.5rem;
    padding-top:2.5rem;
  }
  .banner img{
    width: 92%;
    margin-bottom:.5rem;
  }
  .banner .txt{
    padding:.5rem 1rem;
    font-size:.7rem;
    height:auto;
    border-radius: 5px;
    line-height: 1.4;
  }
  .title h3{
    font-size:1rem;
  }
  .title img{
    width:1.35rem;
  }
  .title{
    margin-bottom: 1.5rem;
  }
  .free-zl dl,.free-zl .main-cont dl:nth-child(2){
    width:31%;
    margin:0 1.1% 1.5rem;
    border-radius: 5px;
    height:9rem;
  }
  .free-zl dl dd{
    padding-top:1rem;
    margin-bottom:0;
  }
  .free-zl dl p{
    font-size:.85rem;
  }
  .free-zl dd img{
    width:4rem;
    height:4rem;
  }
  .free-zl dl span{
    font-size:.65rem;
    line-height: 1.4;
    display: block;
  }
  .qusetions-box{
    padding:1rem .5rem;
    border-radius: 10px;
    margin-bottom: 1.5rem;
  }
  .qusetions-box h4{
    font-size:.8rem;
    margin-bottom: .5rem;
  }

  .listSelec{
    font-size:.7rem;
    height:auto;
    line-height: 1rem;
    margin-bottom: .5rem;
  }
  .inpuWp{
    position: relative;
    padding-left:1rem;
  }
  input[type="radio"] + label::before, 
  input[type="checkbox"] + label::before{
    width:.75rem;
    height:.75rem;
    margin-right: .25rem;
    position:absolute;
    left:0;
    top:.1rem;
  }
  .listUl li .bar{
    width:90%;
    height: 0.35rem;
    margin-left:5%;
    display: none;
    margin-top:.5rem;
  }
  .listUl li{
    padding-bottom: .5rem;
    margin-bottom: 1rem;
  }
  .btn-box .btn {
    font-size: .8rem;
    width: 7.5rem;
    height: 2rem;
    line-height: 2rem;
    margin: 0 1%;
  }
  .form-wrap{
    width: 96%;
    height:18rem;
   
  }
  .form-box {
    height:16rem;
    top:1.85rem;
  }
  .form-box .sm-title{
    font-size:1rem;
    padding-top:1rem;
    margin-bottom: .5rem;
  }
  .form-wrap #closeBtn{
    width:1.5rem;
  }
  
  .form-box input,.form-box select{
    width:16rem;
    height:2rem;
    font-size:.65rem;
  }
  .form-box select{
    background-size: .85rem .4rem;
  }
  .form-box select,
  .form-box #PhoneCode,
  .form-box #fs{
    width:44%;
  }

  .infor-wrap{
    height: 2.5rem;
    margin-bottom: 0;
  }
  .form-box .button{
    width:8rem;
    height:2rem;
    line-height: 2rem;
    font-size:.8rem;
    border-radius: 2rem;
    margin-top:.75rem;
  }
 
  /* 通用底部*/
.footer {
	/*height:3rem;*/
	padding:0;
	margin-top: 1rem;
	overflow:hidden;
}
.footer p {
	display: none;
}
.m-footer {
    display: block;
    color: #fff;
    text-align: center;
    height: 32rem;
    width: 100%;
    font-size: 0.7rem;
    line-height: 2.5rem;
    background-color: rgb(214, 25, 42);
  }	
}