@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: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: #FDFDFD;
}

/* 通用头部 */
.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(http://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);

  }
}
.right-fix img{
  width:122px;
  position:absolute;
  left:6%;
  z-index: 9;
}
.right-fix{
  width:126px;
  height:556px;
  padding:0 4px;
  text-align: center;
  position:fixed;
  right:4.5%;

  top:50%;
  margin-top:-288px;
  color:#fff;
  z-index: 9;
}
.right-fix ul{
  position: absolute;
  top:100px;
  width:100%;
  padding-top:46px;
  padding-bottom: 20px;
    background: #0A3F9C;
    border-radius: 70px;
}
.right-fix ul p{
  font-size:24px;
  padding-top:10px;
}
.right-fix li a{
  display: block;
  line-height: 59px;
  border-bottom:1px solid #2353A6;
  font-size:18px;
  color:#fff;
}
.right-fix li:last-child a{
  border:none;
}
.banner {
  position: relative;
  height:675px;
  color:#fff;
  background: url(../images/ban.jpg) top center no-repeat;
  margin-bottom: 96px;
}
.banner p{
  font-size:40px;
  padding-top:138px;
  padding-bottom: 60px;
  letter-spacing: 25px;
}
.banner h2 img{
  width:55%;
}
.banner span{
  font-size:30px;
  display: block;
  width:324px;
  height:50px;
  line-height: 47px;
  border:1px solid #FAFAFD;
  border-radius: 5px;
  text-align: center;

}
/*.title{
  font-size:44px;
  padding-bottom: 54px;
  text-align: center;
  margin-bottom: 60px;
  background: url(../images/arr.png) bottom center no-repeat;
}*/
.lead-wrap{
  width:1200px;
  padding:28px 0;
  margin:0 auto 70px;
  border:4px solid #C1A6FF;
  border-radius: 66px;
  box-shadow: 0px 2px 7px 0px rgba(196, 171, 253, 0.75);
}
.lead-wrap h3{
  margin-left:60px;
  width: 100px;
  margin-right:50px;
  font-size: 50px;

}
.panel{
  font-size:18px;
  margin-bottom: 50px;
}
.lead-wrap p{
  width:915px;
  line-height: 36px;
  font-size:20px;
}
.panel .title{
  text-align: center;
  font-size:42px;
  color:#01050e;
   padding-bottom: 10px;
   margin-bottom: 40px;
  overflow: hidden;
}
.panel .title span{
  font-size:50px;
  font-weight: 500;
 padding-bottom: 6px;
 margin-left:5px;
  border-bottom: 4px solid #664CC7;
}
.panel01 {
  margin-bottom: 60px;
}
.panel01 dl{
  width:370px;
  height:505px;
  float:left;
  position: relative;
  transition: all .3s;
}
.panel01 dl:hover{
  transform: scale(1.03);
}
.panel01 dl dd{
  text-align: center;
  width: 141px;
  height: 121px;
  padding-top:20px;
  border-radius: 50%;
  box-shadow: 0px 0px 16px 0px rgba(6, 0, 0, 0.06);
  font-size:24px;
  position: absolute;
  left:0;
  right:0;
  margin:0 auto;
  z-index: 2;
  background: #fff;
}
.panel01 dl dd p{
  padding-top:5px;
}
.panel01 dl:nth-child(2){
  margin:0 45px;
}
.panel01 dl dt{
  width: 370px;
  height: 425px;
  box-shadow: 0px 0px 21px 0px rgba(6, 0, 0, 0.08);
  border-radius: 12px;
  line-height: 38px;
  position: absolute;
  top:80px;
   background: #fff;
   padding:83px 41px 0;
   box-sizing: border-box;
}
.panel01 dt>a{
  border-radius: 5px;
  background-image: -moz-linear-gradient( 28deg, rgb(255,149,147) 0%, rgb(255,134,155) 51%, rgb(255,119,162) 100%);
  background-image: -webkit-linear-gradient( 28deg, rgb(255,149,147) 0%, rgb(255,134,155) 51%, rgb(255,119,162) 100%);
  background-image: -ms-linear-gradient( 28deg, rgb(255,149,147) 0%, rgb(255,134,155) 51%, rgb(255,119,162) 100%);
  box-shadow: 0px 5px 9px 0px rgba(255, 189, 206, 0.67);
  width: 166px;
  height: 56px;
  line-height: 56px;
  text-align: center;
  position: absolute;
  bottom:44px;
  left:0;
  right: 0;
  color:#fff;
  font-size:20px;
  margin:0 auto;
 
}
.panel02 .title{
  margin-bottom: 27px;
}

.panel02-cont{
  
  box-shadow: 0px 0px 26px 0px rgba(6, 0, 0, 0.08);
  height: 699px;
  padding:0 50px;
  background:#fff url(../images/e.jpg) left bottom no-repeat;
}
.panel02-cont .left-text{
  width:376px;
  height:100%;
  font-size:16px;
  position: relative;
  margin-right:75px;
}
.panel02-cont .left-text p{
  line-height: 40px;
}
.panel02-cont h3{
  font-size:24px;
  padding-bottom: 25px;
  padding-top:78px;
}
.panel02-cont h2{
  color:#664cc7;
  font-size:20px;
  line-height: 40px;
  padding-top:40px;
}
.panel02-cont .left-text>img{
  position: absolute;
  right:0;
  bottom:40px;
}
.panel02-cont .right-questions{
  width:648px;
  padding-top:65px;
}
.list-question {
  margin-bottom: 30px;
}
.list-question p{
  font-size:16px;
  color:#01050e;
  margin-bottom: 20px;
  font-weight: 600;
}
.list-question ul{
  padding-left:24px;
}
.list-question li{
  float:left;
  font-size:16px;
  margin-right:35px;

}
.list-question li:last-child{
  margin-right:0;
}
.list-question li input{
  display: none;
}
.list-question li label{
  cursor: pointer;
}
.list-question li label::before{
  content: "\a0";
  display: inline-block;
  vertical-align: middle;
  width: 17px;
  height: 17px;
  margin-right: 8px;
  background: url(../images/ip.png) center no-repeat;
  background-size:17px 17px;
   
}
.list-question li input[type="radio"]:checked + label::before {
  background:url(../images/cip.png) no-repeat;
  background-size:100% 100%;
}
.form-wrap .tip{
  display: inline-block;
  width:130px;
  text-align:right;
  font-size:18px;
  color:#01050e;
  margin-right:24px;
  font-weight: 600;
}
.form-wrap{
  padding-top:10px;
  position: relative;
}
.form-wrap input{
  width:214px;
  height:34px;
  border-width: 1px;
  border-color: rgb(229, 229, 229);
  border-style: solid;
  background-color: rgb(255, 255, 255);
  border-radius: 50px;
  margin-bottom: 8px;
  font-size:18px;
  text-indent: 10px;
}
.form-wrap .submit-btn {
  border-radius: 8px;
  background-image: -moz-linear-gradient( 28deg, rgb(255,149,147) 0%, rgb(255,134,155) 51%, rgb(255,119,162) 100%);
  background-image: -webkit-linear-gradient( 28deg, rgb(255,149,147) 0%, rgb(255,134,155) 51%, rgb(255,119,162) 100%);
  background-image: -ms-linear-gradient( 28deg, rgb(255,149,147) 0%, rgb(255,134,155) 51%, rgb(255,119,162) 100%);
  box-shadow: 0px 5px 9px 0px rgba(255, 189, 206, 0.67);
  position: absolute;
  right:70px;
  top:22px;
  width: 136px;
  height: 104px;
  text-align: center;
  line-height: 104px;
  color:#fff;
  font-size:24px;
  font-weight:600;
  cursor: pointer;
}
.form-wrap .code input{
  width:150px;
}
.form-wrap .code{
  position: relative;
}

.panel03{
  margin-bottom: 90px;
}
.panel03 .title{
  margin-bottom: 10px;
}
.panel03-cont{
  height:660px;
  font-size:14px;
  color:#01050e;
  background: url(../images/zlfx.png) center no-repeat;
  position: relative;
}
.panel03-cont .text-box{
  position: absolute;
   border-radius: 8px;
   background: #fff;
   box-shadow: 0px 0px 26px 0px rgba(6, 0, 0, 0.08);
   padding:24px;
   box-sizing: border-box;
   cursor: pointer;
}
.panel03-cont .text-box:hover{
  background: #FF9593;
  color:#fff;
 
}
.panel03-cont .text-box p{
  line-height: 24px;
}
.panel03-cont .text01{
  width: 394px;
  height: 240px;
  left:36px;
  top:45px;
}
.panel03-cont .text02{
  width: 394px;
  height: 240px;
  left: 79px;
  top: 450px;
}
.panel03-cont .text03{
  width: 470px;
  height: 138px;
   right: 105px;
  top: 34px;
}
.panel03-cont .text04{
  width: 386px;
  right: 38px;
  top: 240px;
  height: 158px;
}
.panel03-cont .text05{
  width: 413px;
  height: 167px;
  right: 74px;
  top: 480px;

}
.panel04-left-cont{
  width:650px;
}
.panel04-left-cont .list-cont{
  width: 216px;
  height: 230px;
  background: url(../images/tbg002.png) center no-repeat;
   background-size: 100%;
  float:left;
  font-size:16px;
  position: relative;
}
.panel04-left-cont .list-cont01,
.panel04-left-cont .list-cont02,
.panel04-left-cont .list-cont03{
   background: url(../images/tbg003.png) no-repeat;
   background-size: 100%;
}
.panel04-left-cont .intr-text p{
  padding-left:50px;
}
.panel04-left-cont .num{
  width:46px;
  height:46px;
  text-align: center;
  line-height: 46px;
  border-radius: 50%;
  color:#fff;
  position: absolute;
  left:0;
  right:0;
  margin:0 auto;
  font-size:24px;
}
.panel04-left-cont .sm-title{
  padding-top:58px;
  font-size:22px;
  color:#01050e;
  text-align: center;
  font-weight: 600;
  margin-bottom: 3px;
}

.panel04-left-cont .list-cont04{
  margin-left:100px;
  margin-right:10px;
}
.panel04-right-cont{
  width:514px;
  height:445px;
  margin-left:20px;
}
.panel04 .title{
  margin-bottom: 70px;
}
.panel05 h3{
  font-size:30px;
  color:#0f0f0f;
  margin-bottom: 48px;
  padding-left:20px;
  background: url(../images/border.png) left center no-repeat;
}
.panel05-left-cont{
  width:555px;
  margin-right:35px;
}
.panel05 .list-tab-cont{
  display: none;
}
.panel05 .list-tab-cont.on{
  display: block;
}
.left-tab-menu{
  width:180px;
  margin-right:20px;
}
.left-tab-menu li{
  height: 60px;
  line-height: 60px;
  text-align: center;
  margin-bottom: 15px;
  border-radius: 5px;
  font-size:22px;
  background: #F3EDFA;
  cursor: pointer;
}
.left-tab-menu li.on{
   color:#fff;
   background-image: -moz-linear-gradient( -3deg, rgb(136,101,255) 0%, rgb(164,103,240) 100%);
  background-image: -webkit-linear-gradient( -3deg, rgb(136,101,255) 0%, rgb(164,103,240) 100%);
  background-image: -ms-linear-gradient( -3deg, rgb(136,101,255) 0%, rgb(164,103,240) 100%);
}
.left-tab-cont{
  width:350px;
}
.left-tab-cont a{
  line-height: 40px;
  display:block;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color:#0f0f0f;
  font-size:18px;
}
.panel05-right-cont{
  width:610px;
}
.panel05-right-cont .list-tab-menu{
  font-size:24px;
  padding:0 15px;
  margin-right:60px;
}
.panel05-right-cont .list-tab-menu.on{
  padding-bottom: 14px;
  border-bottom:2px solid #664CC7;
  color:#664CC7;
}
.panel05-right-cont .list-tab-menu:last-child{
  margin-right:0;
}
.panel05-right-cont .tab-menu{
  border-bottom:1px solid #DCDCDC;
  padding-bottom: 15px;
  margin-bottom: 30px;
}
.panel05-right-cont li a{
  background-color:#fff;
  box-shadow: 0px 0px 15.84px 0.16px rgba(237, 232, 236, 0.75);
  float:left;
  width: 83px;
  height: 40px;
  border-radius: 20px;
  text-align: center;
  font-size:16px;
  margin:0 3px 10px;
  line-height: 40px;
}
.panel05-right-cont li a:hover{
  color: #fff;
   background-image: -moz-linear-gradient( 28deg, rgb(255,149,147) 0%, rgb(255,134,155) 51%, rgb(255,119,162) 100%);
  background-image: -webkit-linear-gradient( 28deg, rgb(255,149,147) 0%, rgb(255,134,155) 51%, rgb(255,119,162) 100%);
  background-image: -ms-linear-gradient( 28deg, rgb(255,149,147) 0%, rgb(255,134,155) 51%, rgb(255,119,162) 100%);
  box-shadow: 0px 1px 7px 0px rgba(255, 123, 160, 0.75);
}
.panel05{
  margin-bottom: 80px;
}
.panel06 .title{
  margin-bottom: 65px;
}
.panel06-cont dl{
  float:left;
  width:266px;
  font-size:16px;
  margin-right:33px;
  transition: all .3s;
}
.panel06-cont dl:hover{
  transform: scale(1.05);
}
.panel06-cont dl:last-child{
  margin-right:0;
}
.panel06-cont dt p{
  line-height: 26px;
  margin-bottom: 13px;
  text-align: center;
}
.panel06-cont dl dd{
  width:136px;
  height:213px;
  margin:0 auto 25px; 
}
.panel06-cont dl dd img{
  width:100%;
  height:100%;
}
.panel06{
  margin-bottom: 0;
}
.panel06-cont dl dt a{
  background-image: -moz-linear-gradient( 28deg, rgb(255,149,147) 0%, rgb(255,134,155) 51%, rgb(255,119,162) 100%);
  background-image: -webkit-linear-gradient( 28deg, rgb(255,149,147) 0%, rgb(255,134,155) 51%, rgb(255,119,162) 100%);
  background-image: -ms-linear-gradient( 28deg, rgb(255,149,147) 0%, rgb(255,134,155) 51%, rgb(255,119,162) 100%);
  width: 130px;
  height: 49px;
  text-align: center;
  line-height: 49px;
  border-radius: 35px;
  display: block;
  color:#fff;
  font-size:18px;
  margin:0 auto;
}
.bg-box{
  background: url(../images/bbg01.jpg) center no-repeat;
  background-size:100% 100%;
  padding-bottom: 264px;
  overflow: hidden;
}


/* 通用底部 */
.footer { 
  clear:both;
  text-align: center;
  padding:90px 0;
  position: relative;
    background: url(../images/fbg.jpg) left top no-repeat;
  background-size:100% 100%;
  overflow: hidden;
  margin-top:-2px;
}
.footer p {line-height: 26px; color:#fff; font-size:16px;position: relative;z-index: 2;}
.footer p a {color: #fff; font-size:16px;}
.footer p span {padding: 0 5px; }
.panel03-cont .text-box h3{
  display: none;
}
/*验证码*/
.verificationCode img{
    width: 105px;
    height: 40px;
    position: absolute;
    right: 225px;
    top: -4px;
}
@media screen and (max-width: 1600px){
  .right-fix{
    right:1%;
  }
}
@media screen and (max-width:1366px){
  .right-fix{
    right:0%;
    width:100px;
  }
  .right-fix img{
    width:95px;
    top:30px;
  }
}
.masker{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:#000;
	opacity:0.5;
	z-index:8;
	display:none;
}
.yuyue-form{
	width:470px;
	height:285px;
	padding-top:50px;
	border-radius:10px;
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	top:0;
	z-index:9;
	margin:auto;
	background:#fff;
	display:none;
}
.yuyue-form input {
    width: 408px;
    height: 44px;
    text-indent: 20px;
    border: 1px solid #E3E3E3;
    font-size: 16px;
    color: #333;
    box-sizing: border-box;
    border-radius: 5px;
    display: block;
}
.inp-wrap {
    height: 44px;
    margin-bottom: 13px;
    line-height: 44px;
    margin-left: 31px;
    position: relative;
}
.ver-code button {
    position: absolute;
    right: 32px;
    top: 1px;
    height: 42px;
    width: 108px;
    border: none;
    background: #FE7700;
    line-height: 42px;
    text-align: center;
    color: #fff;
    border-radius: 0px 5px 5px 0px;
}
.order-btn {
  border-radius: 25px;
  background-image: -moz-linear-gradient( 0deg, rgb(253,125,35) 0%, rgb(250,98,32) 51%, rgb(247,71,29) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(253,125,35) 0%, rgb(250,98,32) 51%, rgb(247,71,29) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(253,125,35) 0%, rgb(250,98,32) 51%, rgb(247,71,29) 100%);
  border-radius: 35px;
  margin:25px auto 0;
  width: 272px;
  height: 50px;
  line-height: 50px;
  color:#fff;
  font-size:22px;
  text-align:center;
}
#closeBtn {
    position: absolute;
    right: 15px;
    top: 15px;
}
@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%;  }
  .ml480 { margin-left:0; }
  /* 隐藏元素 */
  .ht_top .topnav a:nth-child(n+2) ,
  .footer p ,
  .pc,
  .onlypc,
  .banner .bg-text div:nth-child(9)
  ,.banner .bg-text div:nth-child(10),
  .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; }
  .yuyue-form {
	width: 96%;
	height: 12rem;

  }
  .yuyue-form input, .ver-code {
		width: 16rem;
		height: 2rem;
		font-size: .65rem;
	}
	.inp-wrap {
		margin-left: 5.75%;
		height: 2.1rem;
	}
  .ver-code button {
		height: 1.9rem;
		right:0;
	}
  .order-btn {
		width: 11rem;
		height: 1.75rem;
		line-height: 1.75rem;
		font-size: .75rem;
		border-radius: 2rem;
	}
  .banner { 
    height:11rem; 
    background-size:cover;
    margin-bottom: 1.5rem;
  }
  .banner p {
    font-size: 1rem;
    padding-top:1.5rem;
    padding-bottom: .75rem;
    letter-spacing: 3px;
  }
  .banner h2{
    margin-bottom: .5rem;
    margin-left:-.25rem;
  }
  .banner h2 img{
    width:60%;
  }
  .lead-wrap{
    width:96%;
    border-radius: 15px;
    border-width: 2px;
    padding:.25rem 0 .5rem;
    margin-bottom: 1.5rem;
  }
  .lead-wrap h3{
    float:none!important;
    width:100%;
    text-align: center;
    margin:0 0 .25rem;
    font-size:1.2rem;
  }
  .lead-wrap p{
    width:100%;
    line-height: 1rem;
    font-size:.65rem;
    float:none!important;
    padding:0 .5rem;
    box-sizing: border-box;
  }
  .panel .title {
    padding-bottom:5px;
    font-size: 1rem;
    margin-bottom: 1.25rem;
  
  }
  .panel .title span{
    font-size:1.25rem;
    padding-bottom: 0;
  }
  .panel01 dl {
    width: 100%;
    height: 18rem;
  }
  .panel01 dl dt{
    width:100%;
    height:18rem;
    padding:8rem 1rem 0;
    font-size:.75rem;
    line-height: 1.2rem;
    top:0;
  }
  .panel01 dl:nth-child(2),.panel01 dl{
    margin:0 auto 1rem;
  }
  .panel01 dl dd{
    width:6rem;
    height:5rem;
    padding-top:1rem;
    font-size:1rem;
    top:1rem;
  }
  .panel01 dl dd img{
    width:30%;
  }
  .panel01 dt>a{
    font-size:1.2rem;
    bottom:1rem;
  }
  .panel01{
    margin-bottom: .5rem;
  }
  .panel02-cont{
    height:auto;
    padding:0 1rem 1rem;
    background: none;
  }
  .panel02-cont .left-text p{
    line-height: 1.2rem;
  }
  .panel02-cont .left-text{
    width:100%;
    font-size:.7rem;
  }
  .panel02-cont .left-text>img{
    width:25%;
    bottom:-.5rem;
  }
  .panel02-cont h2{
    font-size:.85rem;
    line-height: 1.5rem;
    padding-top:1rem;
  }
  .panel02-cont h3{
    font-size:1.2rem;
    padding:1rem 0;
  }
  .panel02-cont .right-questions{
    width:100%;
    padding-top:1rem;
  }
  .list-question{
    margin-bottom: .5rem;
  }
  .list-question p{
    font-size:.75rem;
    margin-bottom: .25rem;
  }
  .list-question li{
    font-size: .65rem;
    margin-bottom: .25rem;
    float:none;
  }
  .bg-box{
    background: none;
    padding-bottom: 1rem;
  }
  .form-wrap .tip{
    width:3rem;
    font-size:.75rem;
    margin-right:.5rem;
  }
  .form-wrap input{
    width:10rem;
    height:1.25rem;
    line-height: 1.25rem;
    font-size:.75rem;
    margin-bottom: .5rem;
  }
  .form-wrap .submit-btn{
    width:7rem;
    height:2rem;
    line-height: 2rem;
    font-size: 1rem;
    right:0;
    top:.75rem;
    border-radius:50px;
    position: relative;
    margin:0 auto 1rem;
  }
  .form-wrap .code input{

    width:4.5rem;
  }
  .form-wrap .code img{
    width:4.5rem;
    height:1.5rem;
    right:3rem;
    top:0rem;
  }
  .panel03-cont{
    background: none;
    height:auto;
    overflow: hidden;
  }
  .panel03{
    margin-bottom: .5rem;
  }
  .panel03-cont .text-box p{
    font-size:.65rem;
    line-height: 1rem;
  }
  .panel03-cont .text-box{
    width:96%;
    height:auto;
    position: relative;
    left:2%;
    right:0;
    top:0;
    padding:1rem;
    margin-bottom: 1rem;
    background: #9374FE;
    color:#fff;
  }
  .panel03-cont .text-box h3{
    text-align: center;
    margin-bottom: .5rem;
    display: block;
  }
  .panel04-left-cont{
    width:100%;
    margin-bottom: 1rem;
  }
  .panel04{
    margin-bottom: 0;
  }
  .panel04-left-cont .list-cont{
    width:5.5rem;
    height:7.25rem;
    padding-top:.5rem;
    background:#fff;
    box-shadow: 0px 0px 30px #ddd;
    margin:0 .25rem .75rem;
    border-radius: 5px;
  }
  .panel04-left-cont .list-cont04{
    margin-left:2.25rem;
    margin-right:2.25rem;
  }
  .panel04-left-cont .num{
    width:1.5rem;
    height:1.5rem;
    line-height: 1.5rem;
    font-size:.75rem;

  }
  .panel04-left-cont .sm-title{
    padding-top:1.85rem;
    font-size:.75rem;
  }
  .panel04-left-cont .intr-text p{
    padding:0 .15rem;
    font-size:.65rem;
    line-height: 1.4;
  }
  .panel04-right-cont,.panel04-right-cont>div{
    width:100%!important;
    margin:0;
    height:15rem!important;
  }
  
  .panel04-right-cont canvas{
    width:98%!important;
    height:15rem!important;
    left:3%!important;
  }

  .panel05-left-cont{
    width:100%;
    margin-right:0;
    margin-bottom: 1rem;
  }
  .panel05 h3{
    font-size: 1rem;
    margin-bottom: 1rem;
  }
  .left-tab-menu{
    width:5rem;
    margin-right:.5rem;
  }
  .left-tab-menu li{
    height:2rem;
    line-height: 2rem;
    font-size:.75rem;
    margin-bottom: .5rem;
  }
  .left-tab-cont{
    width:12rem;
  }
  .left-tab-cont a{
    font-size:.75rem;
    line-height: 1.3rem;
  }
  .panel05-right-cont,.panel05-right-cont .right-tab-cont{
    width:100%;
  }
  .panel05-right-cont .tab-menu{
    width:100%;
    padding-bottom: 6px;
  }
  .panel05-right-cont .list-tab-menu.on{
    padding-bottom: 7px;
  }
  .panel05-right-cont .list-tab-menu{
    font-size:.8rem;
    margin-right:1.2rem;
    padding:0;
  }
  .panel05-right-cont li a {
    width:4rem;
    font-size:.65rem;
    height: 2rem;
    line-height: 1.2;
    padding-top:.35rem;
    margin:0 .25rem .5rem;
  }
  .panel05{
    margin-bottom: 1.5rem;
  }
  .panel06-cont dl{
    width:50%;
    margin-right:0;
    margin-bottom: 1rem;
  }
  .panel06-cont dl dd{
    width:6rem;
    height:9rem;
    margin-bottom: .5rem;
  }
  .panel06-cont dt p{
    font-size:.65rem;
    line-height: 1rem;
    padding:0 1rem;
    margin-bottom: .5rem;
  }
  .panel06-cont dl dt a{
    width:5rem;
    height:1.5rem;
    line-height: 1.5rem;
    font-size:.75rem;
  }
  /* 通用底部 */
  .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; }

  .mobfixnav { bottom:.5rem; right:.5rem; }
  .mobfixnav a { width:3rem; height:1.6rem; padding:.7rem 0;
    font-size: .6rem; line-height:.8rem;  }
}
/****/

/*canvas{
  width: 100%;
  height: 100%;
}
#code_img {
  width: 76px;
  height: 40px;
  cursor: pointer;
  vertical-align: top;
}
*/