@charset "utf-8";
/* CSS Document */
body {
  max-width: 100%; height: auto !important; overflow-x: hidden;
  background: #fff;
  color:#333; font: 18px/36px "Hiragino Sans GB", "MicroSoft YaHei", Arial, sans-serif; }
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: #333; text-decoration: none; }
a:hover { color: #e4393c; text-decoration: none; }
a , area { blr: expression(this.onFocus=this.blur()); }
ul , ol , li { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; max-width: 100%; }
input , :focus { outline: 0; }
input[type="button"] , input[type="submit"] , input[type="reset"] { -webkit-appearance: none; font-family:"Hiragino Sans GB", "MicroSoft YaHei", Arial, sans-serif ; }
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%; overflow: hidden; font-size: 1px; line-height: 0; visibility: hidden; }
.Width { width: 1200px; margin: 0 auto; }
.hide , .onlymob { display: none; }

/* 通用头部 */
.ht_top {
  position: relative; width: 100%; overflow: hidden; z-index: 2;
  background: #fafafa url(https://www.huatu.com/z/topfooter/images/nav_bg.gif) repeat-x 0 0;
  line-height: 41px;
}
.ht_top h1 {
  float: left;
}
.ht_top h1 a {
  float: left; width: 131px; height: 40px; overflow: hidden;
  background: url(https://www.huatu.com/z/topfooter/images/logo.gif) no-repeat;
  font-size: 12px; text-indent: -100em;
}
.ht_top .topnav {
  float: right;
  font-size: 12px;
}
.ht_top .topnav a {
  padding: 0 8px;
}

.banner { 
  position: relative; height:440px; padding-top:85px; box-sizing: border-box;
  background: url(https://nx.huatu.com/zt/2021skbkjh/images/banner_bg.png) no-repeat top;
  text-align: center;
}
.banner h3 {
  position: relative;
  color: #D8DBFF; font-size:30px; font-weight:400; line-height: 60px;
}
.banner h2 {
  position: relative;
  margin: 0px 0 50px;
  color: #fff; font-size:110px; line-height: 160px; 
  text-shadow:0 12px 0 rgba(255,255,255,.15), 
  0 5px 0 rgba(255,255,255,.3),
  -2px 32px 40px rgba(0,31,25,.18);
}
.banner h4 {
  position: relative; width: 555px; height: 74px; margin:0 auto;
  background: #1342f5;
  background: linear-gradient(50deg, #0073f4 , #1342f5);
  border-radius: 74px;
  color: #fff; font-size:40px; font-weight:400; line-height: 74px;
}
.banner h4:before ,
.banner h4:after {
  position: absolute; top:50%;
  content: " "; display: block; width: 10px; height: 10px; margin-top: -8px;
  border:3px solid #fff; border-radius: 100%;
}
.banner h4:before { left:35px; }
.banner h4:after { right:35px; }

/* 预约 */
.orderBox {
  padding:50px 0; margin: 110px auto 125px;
  background: #fff; box-shadow: 0 5px 30px rgba(0, 0, 51, .15); border-radius: 20px;
}
.list-div {
  position: relative; width:580px; margin:0 auto 10px;
}
.list-div label {
  float:left; width:150px; margin-right:10px;
  color: #ab161c; font-size:24px; line-height: 60px; text-align: center;
}
.fr{
  float:right;
  width: 420px;
  height: 60px;
}


.list-div input,
.list-div select {
  float:left; width:420px; height:60px; box-sizing: border-box;
  background: #fff; border:1px solid #e7e7e7; border-radius: 5px;
  outline: none;
  font-size:20px; text-indent: 1em; vertical-align: middle;
}
.ds{
  width: 205px !important;
}
#select{
  float: right;
}
.list-div input {
  box-shadow:0 0 1000px #fff inset;
  font-family:"Hiragino Sans GB", "MicroSoft YaHei", Arial, sans-serif ;
}
.list-div #PhoneCode {
  width: 235px;
}
.list-div .fs { 
  float:right; width: 172px; cursor: pointer;
  background: #21c9d5;
  background: linear-gradient(146deg, #ab161c , #ab161c, #ab161c, #ab161c) no-repeat left top;
  background-size: 220%;
  border: none;
  box-shadow:0 0 1000px transparent inset;
  color: #fff; font-size: 22px; text-align: center; text-indent: 0;
  transition:background .3s;
}
.list-div .fs:hover {
  opacity: .9;
  background-position: right bottom;
}
.yuyueBtn {
  display: block; width:470px; height:76px; margin:50px 0 0 420px ; cursor: pointer;
  background: #21c9d5;
  background: linear-gradient(146deg, #ab161c , #ab161c, #ab161c, #ab161c) no-repeat left top;
  background-size: 220%;
  border: none;
  border-radius: 20px;
  box-shadow: -1px 8px 15px 1px rgba(33, 71, 143, .15);
  color:#fff; font-size:32px; line-height:76px; text-align: center;
  transition:background .3s;
}
.yuyueBtn:hover {
  opacity: .9;
  background-position: right bottom;
}

.bg02 {
  position: relative; padding: 75px 0 170px;
  background: #ed121b;
}
.pic21 {
  position: absolute; left:50%; top:-135px; pointer-events: none;
  width: 361px; height: 135px; margin-left: 210px;
  background: url(../images/pic02.png) no-repeat top;
}
.pic22 {
  position: absolute; left:50%; bottom: 20px; pointer-events: none;
  width: 600px; height: 600px; margin-left: 534px;
  background: #0e46fb;
  background: linear-gradient( 0, #0e46fb , transparent);
  border-radius: 100%;
  opacity: .5;
}
.title {
  color: #fff; font-size: 50px; font-weight: 400; line-height: 50px; text-align: center;
}
.title:before ,
.title:after {
  content: " "; display: inline-block; width: 50px; height: 50px; margin:0 30px; vertical-align: top;
  background: url(../images/pic01.png) no-repeat center;
}
.box02 {
  position: relative; padding:60px 31px 50px; margin-top:60px; z-index: 1; box-sizing: border-box;
  background: #fff;
  box-shadow: 0 5px 30px rgba(0, 0, 51, .15);
  border-radius: 20px;
}
/* .box02 li {
  width: 335px; margin:0 auto;
  text-align: center;
}
.box02 li img {
  display: block; width: 234px; height: 234px; margin: 0 auto;
  transition: .5s ease-out;
}
.box02 li p {
  font-size: 26px;
}
.box02 li:hover img {
  transform: scale(1.02);
} */

/* 通用底部 */
.footer { 
  clear: both; position: relative; padding: 30px 0;
  background: #333;
  text-align: center;
}
.footer p { position: relative; z-index: 2; color:#fff; font-size: 16px; line-height: 30px; }
.footer p span { padding: 0 5px; }
.footer p a { color:#fff; }
/*address*/
.box02 {}

.box02 .tabBox {
	float: left;
	width: 720px;
	border-right: 1px solid #e3e3e3;
	margin-top: 20px;
}

.box02 .tabTit {
	border-bottom: none;
}

.box02 .tabTit li {
	float: left;
	height: 40px;
	padding: 0 20px;
	margin-right: 6px;
	margin-bottom: 10px;
	cursor: pointer;
	background: #ab161c;
	border-radius: 40px;
	color: #fff;
	font-size: 18px;
	line-height: 40px;
	text-align: center;
}

.box02 .tabTit li:hover,
.box02 .tabTit li.on {
	background: #ab161c;
}

.box02 .tabCon {
	height: 135px;
	margin-top: 15px;
	margin-left: 20px;
}

.box02 .tabCon .con p {
	color: #000000;
}

.box02 .codeBox {
	float: right;
	width: 193px;
	padding-top: 20px;
	font-size: 16px;
	text-align: center;
	margin-top: 0px;
}

.box02 .codeBox img {
	display: block;
	width: 180px;
	height: 180px;
	margin: 0 auto 10px;
}

.box02 .codeBox p,
.box02 .tabCon p {
	color: #000000;
}
.yuyue-border {
  float: left;
  height: 60px;
}

.yuyue-border .nc-container #nc_1_wrapper,
.yuyue-border .nc-container.tb-login #nc_1_wrapper{
width: 420px;
}

.yuyue-border .nc_scale {
height: 60px;
}

.yuyue-border .nc-container .nc_scale span {
width: 60px;
height: 60px;
line-height: 60px;
box-sizing: border-box;
}

.yuyue-border .nc_iconfont,
.yuyue-border .nc-container .nc_scale .scale_text {
font-size: 20px;
}
@media only all and (max-width:1200px) {
  .yuyue-border .nc_scale {
    height: 2rem;
  }

  .yuyue-border {
    height: 2rem;
    width: 10.75rem;
  }
  /* .yuyue-border .nc-container #nc_1_wrapper,
  .yuyue-border .nc-container.tb-login #nc_1_wrapper{
  width: 10.75rem;
  } */
  .yuyue-border ._nc .stage1 {
    padding: 0;
  }

  .yuyue-border ._nc .stage1 .slider {
    left: 0;
    right: 0;
    height: 2rem;
  }

  .yuyue-border ._nc .stage1 .track div,
  .yuyue-border ._nc .stage1 .label {
    height: 2rem;
    line-height: 2rem;
  }

  .yuyue-border ._nc .stage1 .button {
    width:2rem;
    height: 2rem;
  }

  .yuyue-border ._nc .icon-slide-arrow,
  .yuyue-border ._nc .icon-ok {
    font-size: .75rem;
  }
  .yuyue-border .nc_iconfont,
  .yuyue-border .nc-container .nc_scale .scale_text {
  font-size: .75rem;
  }
  .yuyue-border ._nc .icon {
    width: .7rem;
    height: .7rem;
  }
  .ds{
    width: 5.3rem !important;
  }
	/*address*/
	.box02 {}

	.box02 .tabBox {
		float: none;
		width: 16rem;
		margin: 1rem auto .5rem;
		border-right: none;
	}

	.box02 .tabTit li {
		height: 1.5rem;
		padding: 0 .6rem;
		margin-right: .25rem;
		margin-bottom: .25rem;
		border-radius: .25rem;
		font-size: .65rem;
		line-height: 1.5rem;
	}

	.box02 .tabCon {
		height: 4rem;
		margin-top: .5rem;
		margin-left: 0;
		font-size: .65rem;
		line-height: 1rem;
		padding-bottom: 0;
	}

	.box02 .codeBox {
		float: right;
		width: 50%;
		padding-top: 0;
		font-size: .7rem;
		margin-top: .2rem;
	}

	.box02 .codeBox img {
		width: 6rem;
		height: 6rem;
		margin-bottom: .25rem;
	}

  .onlymob { display: block; }
  html { font-size: 20px; }
  body { 
	  overflow-x: hidden;
    max-width: 18.75rem;
    font-size: .7rem; line-height: 1.2rem;
  }
  html , body { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .Width { width: 17.5rem; }

  /* 隐藏元素 */
  .ht_top .topnav a:nth-child(n+2),
  .pc , .onlypc { display: none; }

  /* 通用头部 */
  .ht_top { height: 2.5rem; background-size: auto 100%; line-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 / contain; }
  .ht_top .topnav { font-size: .8rem; text-indent: -1000rem; }
  .ht_top .topnav a { padding: 0 0 0 0.3rem; text-indent: 0; float: right; word-break: keep-all; }
  
  .banner { height:9rem; padding-top:1.25rem; background-size: auto 100%; }
  .banner h3 { font-size: .8rem; line-height: 1.2rem; }
  .banner h2 {
    margin: 0rem 0 .75rem;
    font-size:1.8rem; line-height: 3.4rem; 
    text-shadow:0 .3rem 0 rgba(255,255,255,.15), 
    0 .15rem 0 rgba(255,255,255,.3),
    -.1rem .5rem .75rem rgba(0,31,25,.18);
  }
  .banner h4 { width: 10rem; height: 1.6rem; font-size:.75rem; line-height:1.6rem; }
  .banner h4:before ,
  .banner h4:after { width: .3rem; height: .3rem; margin-top: -.25rem; border-width: .1rem; }
  .banner h4:before { left: .75rem; }
  .banner h4:after { right: .75rem; }
  
  /* 预约 */
  .orderBox { 
    padding:1rem 0; margin: 1.5rem auto;
    box-shadow: 0 .1rem .75rem rgba(0, 0, 51, .15); border-radius: .5rem;
  }
  .list-div {  width:16rem; margin-bottom: .5rem; }
  .list-div label {
    width:4.5rem; margin-right:.25rem;
    font-size:.75rem; line-height: 2rem;
  }
  .list-div input,
  .list-div select {
    width: 10.75rem; height:2rem;
    border-radius: .25rem; font-size:.75rem; text-indent: .5em;
  }
  .list-div #PhoneCode {
    width: 5.5rem;
  }
  .list-div .fs {
    width: 5rem;
    font-size: .7rem;
  }
  .yuyueBtn {
    width:12.75rem; height:2.2rem; margin-top:1rem; margin-left: 3.75rem;
    border-radius: .25rem;
    font-size:.9rem; line-height:2.2rem;
  }
  
  .bg02 { padding: 1.5rem 0 2rem; }
  .pic21 { 
    top:-2rem;
    width: 5rem; height: 2rem; margin-left: 2rem;
    background-size: 100%;
  }
  .pic22 {
    bottom: .5rem;
    width: 5rem; height: 5rem; margin-left: 7rem;
  }
  .title { font-size: 1.25rem; line-height: 1.4rem; }
  .title:before ,
  .title:after {
    width: 1.4rem; height: 1.4rem; margin:0 .25rem;
    background-size: .85rem;
  }
  .box02 {
    padding:1.5rem 1.5rem .5rem; margin-top:1.25rem;
    box-shadow: 0 .1rem .5rem rgba(0, 0, 51, .15);
    border-radius: .5rem;
  }

 
  /* 通用底部 */
  .m-footer { background: #333; color:#fff; font-size: .7rem; line-height: 2.4rem; text-align: center; height: 3.5rem;}
 
}