@charset "utf-8";
/* 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: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: #DBF9EE;
  background: linear-gradient(to right,#f4eaea,#f4eaea);
  color: rgb(51, 51, 51);

}
html,body{
  overflow:auto;
}

/* 通用头部 */
.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(https://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 movef{
  0%{
    transform: translateX(-10px);
  }
  100%{
    transform: translateX(10px);

  }
}
@keyframes moves{
  0%{
    transform: translateX(25px);
  }
  100%{
    transform: translateX(-25px);

  }
}


.ht_ycxf{
  width: 120px;
  height:auto;
  background: #1AAE7D;
  position: fixed;
  right:0px;
  top:28%;
  text-align: center;
  padding-top:12px;
  box-sizing: border-box;
  border-radius: 3px;
  z-index: 9999;
}
.ht_ycxf li a{
  background-color: rgb(255, 255, 255);
  width: 100px;
  height: 99px;
  margin:0 auto 8px;
  color:#000;
   box-sizing: border-box;
   cursor: pointer;
   display: block;
}

.ht_ycxf li.htzf_ycxf1 a{
  padding-top:68px;
  background:#fff url("https://www.walldrift.com/zt/gxqkzyml/images/icon11.png") center 18px no-repeat;
}
.ht_ycxf li.htzf_ycxf1:hover a{
  background:#FF6567 url("https://www.walldrift.com/zt/gxqkzyml/images/icon1.png") center 18px no-repeat;
}
.ht_ycxf li.htzf_ycxf1:hover a,
.ht_ycxf li.httel_ycxf1:hover a,
.ht_ycxf li.htqq_ycxf1:hover a{
  color:#fff;
}

.ht_ycxf li.httel_ycxf1 a{
  padding-top:68px;
  background:#fff url("https://www.walldrift.com/zt/gxqkzyml/images/icon2.png") center 22px no-repeat;
}
.ht_ycxf li.httel_ycxf1:hover a{
  background:#FF6567 url("https://www.walldrift.com/zt/gxqkzyml/images/icon22.png") center 22px no-repeat;
}
.ht_ycxf li.htqq_ycxf1 a{
 height:116px;
 padding-top:5px;
}
.ht_ycxf li.htqq_ycxf1:hover a{
  background:#FF6567;
}
.ht_ycxf li.htqq_ycxf1 p{
  margin-top:-3px;
}

/*电话咨询*/
.fixed_r {
  position: fixed;
  width: 180px;
  height: auto;
  right: 0px;
  top:10%;
  z-index: 9999;
  text-align: center;
  font-size: 14px;
  border-radius: 3px;
  display: none;
  padding-top:18px;
}
.ul-box{
  background:#1AAE7D;
  padding-top:40px;
   padding-bottom: 40px;
   margin-top:-33px;
}
.fixed_r ul{
  border-radius: 3px;
  background-color: rgb(255, 255, 255);
  width: 164px;
  height: 501px;
  margin:0 auto;
  padding-top:15px;
  box-sizing: border-box;
}
.fixed_r ul a{
  display: block;
  margin-bottom: 13px;
  line-height: 1;
  overflow:hidden;
}
.fixrul span{
  float: left;
  width:45px;
  text-align: right;
   height:100%;
}
.fixrul p{
  float:left;
  height:100%;
}
.fixedtop {
  position: absolute;
  width: 31px;
  height: 24px;
  bottom: 10px;
  left: 50%;
  margin-left: -15.5px;
  cursor: pointer;
  background: url("https://www.walldrift.com/zt/gxqkzyml/images/top2.png") no-repeat;
  background-size:100% 100%;

}
.fixed_r .close {
  position: absolute;
  width: 36px;
  height: 36px;
  top: 0px;
  right:0px;
  cursor: pointer;
  background: url("https://www.walldrift.com/zt/gxqkzyml/images/close.png") no-repeat;
  background-size:100% 100%;
}

.toplink{
  width:97px;
  height:66px;
  background: url("https://www.walldrift.com/zt/gxqkzyml/images/top.png") no-repeat;
  background-size:100% 100%;
  font-size: 20px;
  text-align: center;
  line-height: 66px;
  margin:0 auto;
  position: relative;
  background-size:100% 100%;
}
.toplink a{
  display:inline-block;
  color:#fff;
}


/*右侧选悬浮样式结束*/
.banner {
  position: relative;
  background: url("https://www.walldrift.com/zt/gxqkzyml/images/yz.png") top center no-repeat;
  height:700px
}
.banner h4{
  font-size: 38px;
  color:#111;
  text-align: center;
  padding-top:155px;
  padding-bottom: 43px;
  font-weight:bold ;
}
.banner h2{
  text-align: center;
  margin-bottom: 89px;
}
.form-box .list-infor{
  float:left;
  position: relative;
  margin-bottom: 33px;
}
.form-box .list-infor.major-box{
  margin-bottom: 0;
}
.form-box .list-infor.cxBtn-box{
  margin-bottom: 28px;
}
.form-box input,.form-box select{
  width:424px;
  height:53px;
  border:0px solid #D2D2D2;
  border-radius: 5px;
  text-indent: 34px;
  font-size: 18px;
  color: rgb(51, 51, 51);
}
.form-box select{

  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;

  background:#fff url("https://www.walldrift.com/zt/gxqkzyml/images/arr.png") 94% center no-repeat;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:#333;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#333;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#333;opacity:1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:#333;opacity:1;
}
.form-box select#year,
.form-box select#grade

{
  width:348px;
}
.form-box input#major{
   width:346px;
}
.form-box input#name{
  width:346px;
  margin-right:40px;
}
.form-box input#tel{
  width:204px;
  margin-right:15px;
}
.form-box input#vcode{
  width:183px;
  margin-right:58px;
}
.form-box input#get-vcode{
  width: 107px;
  height: 56px;
  background: #FE7877;
  color:#fff;
  text-align: center;
  line-height: 56px;
  border-radius: 35px;
  position: absolute;
  top:0;
  right:35px;
  text-indent: 0;
  cursor: pointer;
  border:none;
}
.item_check {
  position: absolute;
  top: 2px;
  right: 8px;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
  width:120px;
  height: 41px;
  background: url("https://www.walldrift.com/zt/gxqkzyml/images/check_btn.png") no-repeat center;
  padding-left: 54px;
  line-height: 41px;
  transition: all 0.2s;
  background-size:100% 100%;
  box-sizing: border-box;
}
.item_check.active{
  background:url("https://www.walldrift.com/zt/gxqkzyml/images/check_btn1.png") no-repeat center;
  background-size:100% 100%;
  padding-left:20px;
}

.item_check span {
  display: block;
  width: 35px;
  height: 35px;
  background: url("https://www.walldrift.com/zt/gxqkzyml/images/circle.png") no-repeat center center;
  position: absolute;
  left: 2px;
  top: 2px;
  transition: all 0.2s;
}
.item_check.active span{
  left:85px;
}

.form-box select#diqu{
  margin:0 40px;
}
.form-box .tip{
  font-size: 14px;
  padding-top:15px;
  padding-left:28px;
}
.cxBtn{
  background: linear-gradient(to right,#fc5d49 , #fd812c);
  box-shadow: 0px 0px 18px 0px rgba(40, 130, 104, 0.31);
  text-align: center;
  width: 150px;
  height: 44px;
  line-height: 40px;
  border-radius: 50px;
  color:#fff;
  font-size: 20px;
  margin:0 auto;
  cursor: pointer;
  border:1px #fff solid;
}
.cxBtn:hover{
  background: linear-gradient(to right,#fd812c , #fc5d49);
}
.tip2-txt{
  text-align: center;
  font-size: 14px;
  margin-bottom: 34px;
  color:#111;
}


.table-box table{
  font-size: 16px;
  text-align: center;
  margin-bottom: 40px;

}
.table-box td{
  padding:20px 1px;
  background: #fff;
  border-right:1px solid #fc6046;
  border-bottom:1px solid #fc6046;

}
.table-box td:nth-child(1){
   border-left:1px solid #fc6046;
}
.table-box th{
  font-size: 20px;
  color:#fff;
  padding:22px 0;
  font-weight:normal;

}
.table-box th:nth-child(1){
  background: #009874;
  background: linear-gradient(90deg,#fd812c, #fd812c);
  border-radius: 10px 0 0 0;
}
.table-box th:nth-child(2){
  background: #009874;
  background: linear-gradient(90deg,#fc5d49, #fc5d49);
}
.table-box th:nth-child(3){
  background: #009874;
  background: linear-gradient(90deg,#fd812c, #fd812c);
}
.table-box th:nth-child(4){
  background: #009874;
  background: linear-gradient(90deg,#fc5d49, #fc5d49);
}
.table-box th:nth-child(5){
  background: #009874;
  background: linear-gradient(90deg,#fd812c, #fd812c);
}
.table-box th:nth-child(6){
  background: #009874;
  background: linear-gradient(90deg,#fc5d49, #fc5d49);
}
.table-box th:nth-child(7){
  background: #009874;
  background: linear-gradient(90deg,#fd812c, #fd812c);
}
.table-box th:nth-child(8){
  background: #009874;
  background: linear-gradient(90deg,#fc5d49, #fc5d49);
}
.table-box th:nth-child(9){
  background: #009874;
  background: linear-gradient(90deg,#fd812c, #fd812c);
}
.table-box th:nth-child(10){
  background: #009874;
  background: linear-gradient(90deg,#fc5d49, #fc5d49);
  border-radius: 0 10px 0 0;

}
.erm-box{
  text-align: center;
  font-size: 24px;
  margin-bottom: 40px;
}
.erm-box p{
  padding-top:12px;
}
.img-box{
  padding-top:40px;
  text-align: center;
  padding-bottom: 168px;
  background: url("https://www.walldrift.com/zt/gxqkzyml/images/fbg.png") bottom center no-repeat;
  overflow:hidden;
  background-size:cover;
}

.masker{
  background-color: rgb(51, 51, 51);
  opacity: 0.561;
 /*  width: 984px;
  height: 537px;*/
  position: fixed;
  top:0;
  right:0;
  bottom:0;
  left: 0;
  margin:auto;
}
.masker-cont-box {
  border-radius: 5px;
  background-color: rgb(26, 176, 137);
  position: fixed;
  top:0;
  right:0;
  bottom:0;
  left: 0;
  margin:auto;
  text-align: center;
  width: 470px;
  height: 270px;
  padding-top:10px;
}

.masker-cont {
  border-radius: 5px;
  background-color: rgb(255, 255, 255);
  width: 453px;
  height: 262px;
  margin:0 auto;
}

.masker-cont h3{
  font-size: 26px;
  color: rgb(27, 176, 138);
  padding-top:80px;
  padding-bottom: 20px;
}
.masker-cont p{
  font-size: 20px;
  color: rgb(254, 79, 79);
}
#closeBtn{
  position:absolute;
  right:-14px;
  top:-14px;
  cursor: pointer;
}

/* 通用底部 */
/* 通用底部 */
.footer {

  position: relative;
  padding: 30px 0;
  background: #000;
  text-align: center;
  
}
.footer p {
  position: relative;
  z-index: 2;
  color: #fff;
  font-size: 14px;
  line-height: 26px;
}
.footer p a {
  color: #fff;
  font-size: 14px;
}
.footer p span { padding: 0 5px; }

.user-box {
	background: rgba(255, 0, 0, 0.4);
    border-radius: 45px;
    width: 900px;
    margin: 0 auto;
    overflow: hidden;
    box-sizing: border-box;
    padding-left: 28px;
	padding-top:20px;
	padding-bottom:-20px;
}

.user-box .user-item {
	width: 150px;
	height: 44px;
	float: left;
	margin-bottom: 15px;
	background: #fff;
	margin: 0 6px;
	position: relative;
	border-radius: 22px;
}
.user-box .user-item.user-item-3 {
	width: 230px;
	border-radius: 22px;
	color: #9a9a9a;
	padding-left: 16px;
}
.user-box .user-item.user-item-3 select {
	width: 234px;
	background: none;
	margin: 0!important;
}
.user-box .user-item.user-item-3  {
	width: 230px;
	border-radius: 22px;
	color: #9a9a9a;
	padding-left: 16px;
}
.user-box .user-item.user-item-3  select{
	width: 234px;
	background: none;
	margin: 0!important;
}

.user-box .user-item.user-item-1 {
	width: 400px;
	border-radius: 22px;
	color: #9a9a9a;
	padding-left: 16px;
}

.user-box .user-item.user-item-1 input {
	width: 234px;
	background: none;
	margin: 0!important;
}
.user-box .user-item.user-item-2 {
    background: none;
    border: 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: 100%; margin: 0 auto;
    background: #fff;
    overflow-x: hidden;}
  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_ycxf{
    display: none;
  }



  /* 通用头部 */
  .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 {
   background: url("https://www.walldrift.com/zt/gxqkzyml/images/myz.png") top center no-repeat;
    background-size:cover;
	height:30rem;
  }
  .banner h4{
    padding-top:4.75rem;
    padding-bottom: 1.25rem;
	line-height: 32px;
	font-size:32px;
  }
  .banner img{
    width:94%;
  }
  .banner h2{
    margin-bottom: 2rem;
  }
  .form-box .list-infor{
    float: none;
    width:90%;
    margin-bottom: .25rem;
  }
  .form-box input,
  .form-box select,
  .form-box select#year,
  .form-box select#grade,
  .form-box input#name,
  .form-box input#tel{
    width:100%;
    height: 1.75rem;
    margin-left:5%;
    margin-right:5%;
    font-size:.65rem;
    text-indent:.5rem;
  }
  .form-box select{
    background-size:.75rem .55rem;
  }
  .form-box input#vcode{
    width:55%;
    margin-right:0;
    margin-right:10%;
  }
  .form-box input#get-vcode{
    width:40%;
    right:-10%;
    height:1.75rem;
    line-height: 1.75rem;
    border-radius: 5px;
  }
  .form-box input#major{
    width:90%;
  }
  .item_check{
    top:.05rem;
    height:1.88rem;
    line-height: 1.88rem;
    width:5rem;
    right: 0%;
    font-size: .65rem;
    padding-left:2rem;
  }
  .item_check span{
    width:1.25rem;
    height: 1.25rem;
    top:.2rem;
    background-size:100% 100%;
  }
  .item_check.active span {
    left:73%;
  }
  .form-box .tip{
    margin-bottom: 15px;
    font-size:.6rem;
  }
  .form-box .list-infor.cxBtn-box{
    margin-bottom: 20px;
  }
  .tip2-txt{
    margin-bottom: 20px;
  }
  .cxBtn{
    height: 2rem;
    line-height: 2rem;
    font-size:.85rem;
    width:14rem;
	margin-left:0rem;
  }
  .form-box select#diqu{
    margin-left:5%;
  }
  .table-box table{
    margin-bottom: 1rem;
  }
  .table-box th,
  .table-box td{
    font-size:.65rem;
    line-height: 1.2;
    padding:.15rem 0;
  }
  .table-box th:nth-child(1){
    border-radius: 5px 0 0 0;
  }
  .table-box th:nth-child(10){
    border-radius: 0 5px 0 0;
  }
  .erm-box{
    font-size:.7rem;
    margin-bottom: 1rem;
  }
  .erm-box img{
    width:7rem;
    height:7rem;
  }
  .erm-box p{
    padding-top: 0;
  }
  .masker{
    width:auto;
    height:auto;

  }
  .masker-cont-box{
    width:86%;
    height: 9rem;
    padding-top:.5rem;
    box-sizing: border-box;

  }
  .masker-cont{
    width:95%;
    height:8rem;
  }
  #closeBtn{
    width:1.6rem;
    height:1.6rem;
    right:-.3rem;
    top:-.8rem;
  }
  .masker-cont h3{
    font-size:1rem;
    padding-top:2rem;
    padding-bottom: 1.5rem;
  }
  .masker-cont p{
    font-size:.85rem;
  }
  .img-box{
    padding:2rem 0;
        background: url("https://www.walldrift.com/zt/gxqkzyml/images/mfbg.jpg") bottom center no-repeat;
        background-size:cover;
  }
  .img-box img{
    width:84%;
  }

  /* 通用底部 */
  .footer { height:2.1rem; padding:0;  overflow:hidden; position:relative; }
  .footer p { display: none;}
  .footer:before { color:#fff; position:absolute; left:0; top:0; display:block; content:"华图教育集团版权所有";
    width: 100%; height:2.1rem; padding:0; overflow:hidden;
    line-height:2.1rem; font-size:0.7rem; text-align: center;
  }
  
  
  .user-box {
    width: 17rem;
    margin: 0 auto;
}

.user-box .user-item {
    /* height: 0.8rem; */
    width: 100%;
    margin-bottom: 0.35rem;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    background: #fff;
    border: 2px solid #999;
    border-radius: 0.45rem;
}
.user-box .user-item.user-item-3 {
    position: relative;
    font-size: .3rem;
	width:13rem;
	margin-bottom:1rem;
}

.user-box .user-item.user-item-1 {
    position: relative;
    font-size: .3rem;
	width:13rem;
	margin-bottom:1rem;
}
.user-box .user-item.user-item-2 {
    background: none;
    border: none;
}

.user-box .user-item.user-item-2 button {
    background: #f4c014;
    height: 0.85rem;
    line-height: 0.85rem;
    width: 100%;
    border-radius: 0.3rem;
    cursor: pointer;
    color: #fff;
    font-size: 0.32rem;
}
}