@charset "UTF-8";
/* ================================ */
/* 触屏版卖车样式类型		    	*/
/* Author:			快快二手车系统 	*/
/* Copyright:		www.youmumu.com	*/
/* Create Date:		Jun-08-2016		*/
/* Retrofit Date:	Jul-30-2016		*/
/* ================================ */
.mainA, .mainA .apic { width: 100%; display: block; }

.main-wrap { padding: .48rem .346667rem 1rem; }

.main-wrap .deal { font-size: 0.875rem; color: #1b1b1b; margin-bottom: 1.5rem; }

.main-wrap .deal .num { display: inline-block; margin-right: 0.1875rem; font-size: 1.5rem; color: #f85d00; }

.sell-box { overflow: hidden; position: relative; margin-bottom: 0.75rem; }

.sell-box.fixed { position: fixed; z-index: 2; right: 1.25rem; top: 6.25rem; left: 1.25rem; margin-bottom: 0; }

.sell-box .ipt { display: block; width: 90%; line-height: 1.375rem; font-size: 1rem; color: #1b1b1b; outline: 0; background-color: #fafafa; padding: 1rem 0 1rem 1rem; border: 1px solid #e5e5e5; border-right: 0; border-radius: 0.125rem; -webkit-appearance: none; }

.sell-box .iBtn { position: absolute; top: 0; right: 0; display: inline-block; width: 6.25rem; line-height: 1.375rem; font-size: 1rem; color: #fff; text-align: center; background-color: #f85d00; padding: 1rem 0; border: 1px solid #f85d00; border-radius: 0 0.125rem 0.125rem 0; }

.sell-btn .btn { display: block; line-height: 3.125rem; font-size: 0.9375rem; color: #f85d00; text-align: center; background-color: #fff; border: 1px solid #f85d00; border-radius: 0.125rem; }

.main-title { padding: 0 1.25rem; line-height: 2.8125rem; font-size: 1.3125rem; color: #1b1b1b; position: relative; }

.main-title:before { content: ""; position: absolute; bottom: 0; left: 1.25rem; width: 2.0625rem; height: 0.1875rem; background-color: #f85d00; }

.price { padding: 1.25rem 1.25rem 2.8125rem; }

.price .pic { display: block; width: 16.25rem; }

.price .sTxt { display: block; font-size: 0.9375rem; color: #1b1b1b; margin-top: 1.25rem; }

.price .sTxt:before { content: ""; display: inline-block; width: 0.875rem; height: 0.875rem; vertical-align: -0.125rem; background: url(../images/ic-check.png) no-repeat; background-size: 100% 100%; margin: 0.375rem 0.375rem 0.375rem 0; }

.turn { box-shadow: 0 -10px 20px #efefef; margin-top: 1.875rem; }

.price .price-car { padding: 1.25rem 1.25rem 0; background: url(../images/split-dashed-line.png) no-repeat; background-size: 100%; margin-top: 0; box-shadow: 0 -10px 20px #efefef; }

.price-car .car-top .pop { font-size: 0; margin-bottom: 1rem; }

.price-car .car-top .city { display: inline-block; line-height: 1rem; font-size: 0.625rem; color: #f85d00; padding: 0.25rem 0.375rem 0; border-radius: 0.125rem; border: 1px solid #f85d00; }

.price-car .car-top .name { font-size: 0.75rem; color: #f85d00; vertical-align: -0.125rem; margin-left: 0.375rem; }

.price-car .car-top .car-pic { width: 6.25rem; margin-right: 0.75rem; }

.price-car .car-top .car-pic img { width: 100%; }

.price-car .car-top .car-name { display: -webkit-box; line-height: 1.5rem; font-size: 1.125rem; color: #1e1e1e; word-break: break-all; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.price-car .car-top .car-time { font-size: 0.75rem; color: #999; }

.car-deal { padding: 1.25rem 0 2.625rem; }

.car-deal .pic { display: block; width: 7.875rem; margin-left: 1.25rem; }

.car-deal .deal-pic { width: 100%; display: block; }

.safe { padding: 1.25rem 0 2.625rem; }

.car-deal .pic { display: block; width: 7.875rem; margin-left: 1.25rem; }

.car-deal .deal-pic { display: block; width: 100%; }

.Error { position: fixed; z-index: 9; width: 100%; left: 0; top: 50%; text-align: center; display: none; }

.t-error { display: inline-block; font-size: 0.875rem; color: #fff; background: rgba(0, 0, 0, 0.6); border-radius: 0.125rem; margin: 0 auto; padding: 1rem 1.5rem; }

/*预约卖车*/
.fuwu { width: 100%; display: block; background: url("../images/fuwu_bg.jpg") no-repeat; background-size: 100%; padding: 2.25rem 0 1.625rem; }

.fuwu img { display: block; width: 100%; }

.fuwu .title { font-size: 1.5rem; color: #f85d00; font-weight: bold; text-align: center; padding-bottom: 0.875rem; margin: 0 auto; }

.fuwu .txt { font-size: 0; text-align: center; }

.fuwu .txt .t1 { display: inline-block; font-size: 0.875rem; color: #585858; font-weight: 300; text-align: center; font-family: PingFangSC; }

.fuwu .txt .t2:after { content: ""; display: inline-block; width: 1.25rem; height: 0.5rem; background: url("../images/fuwu-arrow.png") no-repeat; background-size: 100%; margin: 0 0.3125rem; }

.from-wrap { width: 100%; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; background: #fff; margin-top: .2rem; box-shadow: #999 0 0 .3125rem; padding: 0 .4rem .506667rem; border-radius: 4px;}

.from-wrap .row { border-bottom: 1px solid #f1f1f1; height: 1.253333rem; overflow: hidden; position: relative; /*margin: 0 rem(15);*/ }

.from-wrap .row .title { font-size: .32rem; color: #1B1B1B; line-height: 1.253333rem; float: left;width: 25%; }

.from-wrap .row .ipt-box { display: block; padding: 0 0.3125rem 0 0; font-size: .32rem; color: #1B1B1B; margin: 0 0 0 1.2rem; line-height: 1.253333rem; height: 1.253333rem;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 60%;  -webkit-tap-highlight-color: transparent; border: 0; }

.from-wrap .row .unit { float: right; line-height: 1.253333rem; font-size: .32rem; color: #585858; }

.submit-btn { display: block; line-height: 1.053333rem; text-align: center; font-size: .373333rem; color: #fff; background: #22aa38; margin: .48rem auto 0; width: 4.64rem; border-radius: .15625rem;}
.header-back {
    position: fixed;
    width: 100%;
    height: 1.066667rem;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    left: 0;
    right: 0;
    top: 0;
    box-shadow: .133333rem 0 .4rem #999999;
    /* background-color: #fff; */
    z-index: 9;
    background: url('../images/backbg.jpg') no-repeat;
    background-size: 100% 100%;
}
.header-back-btn {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding-left: .36rem;
}
.header-back-btn img {
    display: block;
    width: .2rem;
    height: .36rem;
    margin-right: .32rem;
}
.header-back-btn p {
    font-size: .44rem;
	letter-spacing: 1px;
	color: #595757;
}
.showlist {
    padding: 0 .346667rem;
    margin-top: 1.2rem;
}
.showlist h3 {
    font-size: .466667rem;
	color: #000000;
    margin-bottom: .453333rem;
}
.main-wrap h3 {
    font-size: .466667rem;
	color: #000000;
    margin-bottom: .453333rem;
}
.main-wrap h3 span {
    font-size: .253333rem;
	color: #d9dada;
    margin-left: .186667rem;
}
.showlist h3 span {
    font-size: .253333rem;
	color: #d9dada;
    margin-left: .186667rem;
}
.showlist ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}
.showlist ul li {
    width: 4.48rem;
    margin-bottom: .626667rem;
}
.showlist ul li {
    text-align: center;
}
.showlist ul li img {
    width: 100%;
    height: 4.48rem;
    background-color: #999;
}
.showlist ul li p {
    text-align: center;
}
.showlist ul li p:nth-child(2) {
    font-size: .32rem;
	letter-spacing: .026667rem;
	color: #595757;
    margin-top: .453333rem;
    margin-bottom: .16rem;
}
.showlist ul li p:nth-child(3) {
    font-size: .226667rem;
	letter-spacing: 1px;
	color: #b2b2b3;
}
.myfooter {
    background-color: #ececec;
}
.myfooter .footer-nav {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-size: .32rem;
	letter-spacing: 1px;
	color: #000000;
    padding-top: .466667rem;
    margin-bottom: .466667rem;
    padding-left: .6rem;
    padding-right: .6rem;
}
.myfooter .footer-nav a {
    color: #000000;
}
.footer-address {
    text-align: center;
    font-size: .253333rem;
	letter-spacing: 2px;
	color: #595757;
    padding-bottom: .6rem;
}
.footer-address span {
    color: #22aa38;
}
.touming {
    margin-top: .666667rem;
    margin-bottom: 1.5rem;
}
.touming h3 {
    font-size: .466667rem;
	color: #000000;
    margin-bottom: .453333rem;
    padding-left: .333333rem;
}
.touming h3 span {
    font-size: .253333rem;
	color: #d9dada;
    margin-left: .186667rem;
}
.touming img {
    display: block;
    width: 100%;
}

.zhongjie p {
    font-size: .32rem;
	letter-spacing: 1px;
	color: #595757;
    text-align: center;
   
}
.zhongjie img {
    display: block;
    width: 3.933333rem;
    margin: .773333rem auto 0;
}
.zhongjie-l {
    font-size: .32rem;
	letter-spacing: 1px;
	color: #595757;
    padding-top: .613333rem;
    padding-bottom: .533333rem;
    background-color: #f4f4f4;
    width: 92.8%;
    margin: 0 auto;
    border-radius: 4px;
}
.zhongjie-l p {
    display: flex;
    align-items: center;
}
.zhongjie-l span {
    font-size: .773333rem;
	letter-spacing: .053333rem;
	color: #9c9d9d;
    margin-left: .586667rem;
    margin-right: .653333rem;
}
.zhongjie-l p:first-child {
    margin-bottom: .826667rem;
}
.zhongjie .smalltxt {
    text-align: center;
    font-size: .213333rem;
	letter-spacing: 1px;
	color: #b2b2b3;
    margin-top: .48rem;
}
.mainA {
    margin-top: 1.746667rem;
}
.xingxing {
    position: relative;
}
.xingxing:after {
    content: "*";
    color: red;
    position: absolute;
    font-size: .6rem;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.imgsub {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.15625rem;
}
.imgsub div {
    width: 21.6%;
}
.imgsub div img {
    display: block;
    width: 100%;
}
#imginput,#imginput2,#imginput3,#imginput4 {
    display: none;
}
.imgsub div {
    box-shadow: #999 0 0 .3125rem;
    
}

.pic-wrapper{ display: flex;  flex-direction: row; align-items: center;justify-content: space-between;margin-bottom: .48rem;}
.pic-wrapper .box{width: 21.6%;}
.pic-wrapper .pic-item{  width:100%; box-shadow: 0 0 5px rgba(0,0,0,.2); border-radius: 6px; text-align: center; color: #595757; }
.pic-wrapper .pic-item .pic{width:100%; height: 2.32rem;border-radius:4px;}
.pic-wrapper .pic-item .info{position: relative;}
.pic-wrapper .pic-item .btn{padding:8px 0 4px; text-align: center;}
.pic-wrapper .pic-item .btn img{width: 20px;height: 20px; }
.pic-wrapper .pic-item .btn input{
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    border: 0;height: 100%;
    width: 100%;
    font-size: .75rem;
    
}
.pic-wrapper .pic-item .title{ padding:0 0 12px; font-size: .32rem;}
/* .from-wrap{
    box-shadow: 0 0 5px rgba(0,0,0,.2); border-radius: 6px; 
    margin:20px 10px;
    padding:10px;
} */
.sell-btn{ margin:10px; }
/* 底部悬浮 */
footer {
    height: 1.573333rem;
    box-shadow: 0px 1px 15px #666;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-left: 0.266667rem;
    padding-right: 0.266667rem;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 999;
  }
  footer a {
    display: block;
  }
  footer a:nth-child(1) {
    width: 1.346667rem;
  }
  footer a:nth-child(2) {
    width: 3.613333rem;
  }
  footer a:nth-child(3) {
    width: 3.613333rem;
    position: relative;
  }
  footer a img {
    display: block;
    width: 100%;
  }
  .zmr {
    display: block;
    width: 8.76rem;
    margin: 0.08rem auto 0.093333rem;
  }
  .gif {
    width: 0.6rem;
    height: 0.6rem;
    position: absolute;
    top: 0.24rem;
    left: 0.45rem;
    animation: d 10s infinite;
  }
  @keyframes d {
    0% {
      transform: rotate(10deg);
    }
    5% {
      transform: rotate(-20deg);
    }
    10% {
      transform: rotate(20deg);
    }
    15% {
      transform: rotate(-20deg);
    }
    20% {
      transform: rotate(20deg);
    }
    25% {
      transform: rotate(-20deg);
    }
    30% {
      transform: rotate(10deg);
    }
    100% {
      transform: rotate(0);
    }
  }
  .hide_box {
    z-index: 999;
    filter: alpha(opacity=50);
    background: #666;
    opacity: 0.5;
    -moz-opacity: 0.5;
    left: 0;
    top: 0;
    height: 99%;
    width: 100%;
    position: fixed;
    display: none;
  }
  .shang_box {
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    width: 80%;
    /* height: 540px; */
    padding: 10px 10px 15px;
    background-color: #fff;
    border-radius: 10px;
    position: fixed;
    z-index: 1000;
    /* left: 50%; */
    /* top: 50%; */
    /* margin-left: -280px; */
    /* margin-top: -280px; */
    border: 1px dotted #dedede;
    display: none;
    text-align: center;
  }
  .shang_box img {
    border: none;
    border-width: 0;
  }
  .dashang {
    display: block;
    width: 100px;
    margin: 5px auto;
    height: 25px;
    line-height: 25px;
    padding: 10px;
    background-color: #E74851;
    color: #fff;
    text-align: center;
    text-decoration: none;
    border-radius: 10px;
    font-weight: bold;
    font-size: 16px;
    transition: all 0.3s;
  }
  .dashang:hover {
    opacity: 0.8;
    padding: 15px;
    font-size: 18px;
  }
  .shang_close {
    float: right;
    display: inline-block;
  }
  .shang_logo {
    display: block;
    text-align: center;
    margin: 20px auto;
  }
  .shang_tit {
    width: 100%;
    text-align: center;
    line-height: 66px;
    color: #a3a3a3;
    font-size: 16px;
    background: url('../img/cy-reward-title-bg.jpg');
    font-family: 'Microsoft YaHei';
    margin-top: 7px;
    margin-right: 2px;
  }
  .shang_tit p {
    color: #a3a3a3;
    text-align: center;
    font-size: 16px;
  }
  .shang_payimg {
    width: 100%;
    padding: 10px;
    text-align: center;
    /* border: 6px solid #EA5F00; */
    margin: 0 auto;
    border-radius: 3px;
    /* height: 140px; */
  }
  .shang_payimg img {
    border: 4px solid #EA5F00;
    text-align: center;
    width: 140px;
    height: 140px;
  }
  .pay_explain {
    text-align: center;
    margin: 10px auto;
    font-size: 17px;
    color: #545454;
  }
  .pay_explain1 {
    text-align: center;
    margin: 10px auto;
    font-size: 90%;
    color: #545454;
  }
  .radiobox {
    margin-left: 0.8rem;
    width: 16px;
    height: 16px;
    background: url('../img/radio2.jpg');
    display: block;
    float: left;
    margin-top: 5px;
  }
  .checked .radiobox {
    background: url('../img/radio1.jpg');
  }
  .shang_payselect {
    text-align: center;
    margin: 0 auto;
    margin-top: 1rem;
    cursor: pointer;
    height: 60px;
    width: 280px;
  }
  .shang_payselect .pay_item {
    display: inline-block;
    margin-top: 1rem;
    float: left;
    width: 100%;
  }
  .shang_info {
    clear: both;
  }
  .shang_info p,
  .shang_info a {
    color: #C3C3C3;
    text-align: center;
    font-size: 12px;
    text-decoration: none;
    line-height: 2em;
    margin-top: 2rem;
  }
  .pay_logo {
    float: left;
    margin-left: 0.5rem;
  }
  /*报名代码*/
  .add {
      width: 38px;
      height: 38px;
      font-size: 12px;
      border-radius: 50%;
      line-height: 40px;
      text-align: center;
      -webkit-background-size: 100% 100%;
      background-size: 100% 100%;
      opacity: 0.6;
      position: fixed;
      color: white;
      right: 2%;
      bottom: 23%;
      z-index: 9999999999999999;
  }
  .add img {
    display: block;
    width: 100%;
  }
  .copybox {
    border: 1px dashed #FF0000;
    padding: 10px 0;
    border-radius: 5px;
  }
  .copybox button {
    border: 1px solid #dc122c !important;
    border-radius: 5px;
    font-size: 16px;
    width: 80%;
    background: #dc122c;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
    padding: 8px 30px;
    color: white;
    display: inline-block;
    margin: 0 auto;
  }
  .u-projbtm {
    position: fixed;
    bottom: -2px;
    z-index: 999;
    width: 100%;
  }
  .u-projbtm .sidebtn {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    height: 45px;
    background: url(../images/bg_projbtm.png) no-repeat;
    background-size: 100%;
  }
  .u-projbtm .sidebtn a {
    display: block;
    box-sizing: border-box;
    width: 150px;
    height: 45px;
    padding-left: 68.5px;
    font-size: 16px;
    line-height: 45px;
    color: #fff;
    text-decoration: none;
  }
  .u-projbtm .sidebtn a:last-child {
    padding-left: 60px;
  }
  .u-projbtm .midbtn {
    position: absolute;
    bottom: 32%;
    left: 44.8%;
    margin-left: -0.65rem;
    box-sizing: border-box;
    width: 60px;
    height: 60px;
    padding: 12.5px;
    border-radius: 50%;
    /* box-shadow: 0 0.1rem 0.16rem 0 rgba(249,50,126,.5); */
    background: black;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    text-decoration: none;
  }
  .fzcg {
    color: #fff;
    font-size: 18px;
    background-color: #000;
    border-radius: 5px;
    position: fixed;
    top: 45%;
    left: 0;
    right: 0;
    display: none;
    margin: 0 auto;
    width: 200px;
    /* height: 50px; */
    /* line-height: 50px; */
    text-align: center;
    z-index: 9999999999999999999999999999999999;
    animation: fzshow 3s;
    padding: 10px 0px;
  }
  @keyframes fzshow {
    0% {
      opacity: 0;
    }
    60% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  .zkx-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    height: 1.746667rem;
    padding-left: .466667rem;
    box-shadow: 0px -5px 19px 1px rgba(0, 0, 0, 0.54);
    z-index: 999;
    background-color: #fff;
    background: url('../images/header-bg.jpg') no-repeat;
    background-size: 100% 100%;
  }
  .zkx-header .logo {
    width: 5.466667rem;
  }
  /* .zkx-header .nav {
    width: 2.36rem;
    height: 1.333333rem;
    background-color: #b82420;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-left: 0.266667rem;
    padding-right: 0.266667rem;
    color: #fff;
    font-size: 0.48rem;
  } */
  /* .zkx-header form {
    width: 4.333333rem;
    height: 0.833333rem;
    border-radius: 0.066667rem;
    border: solid 1px #c7c2c2;
  }
  .zkx-header form .form {
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .zkx-header form .form .search-keyword {
    width: 3.42rem;
    height: 0.69rem;
    border: 0;
    outline: 0;
    padding: 0;
    box-sizing: border-box;
    padding-left: 0.133333rem;
  }
  .zkx-header form .form .search-submit {
    width: 0.8rem;
    background: url('../images/search.png') no-repeat center;
    background-size: 0.64rem 0.453333rem;
    border: 0;
    outline: 0;
  } */
  .header-search {
    position: absolute;
    width: .586667rem;
    height: .586667rem;
    right: 2.013333rem;
    top: .586667rem;
  }
  .header-search img {
    display: block;
    width: 100%;
  }
  .navPhone {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    transform: translate(-100%, 0);
    -webkit-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    -moz-transform: translate(-100%, 0);
    -o-transform: translate(-100%, 0);
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
  }
  .navPhone .navMenuList {
    margin: 0;
    height: 100%;
    background: #fff;
  }
  .navPhone .navMenuList a {
    margin: 0;
    color: #fff;
  }
  .navPhone .navMenuList .leftMenuList {
    height: 100%;
    width: 80%;
    background: #333;
    overflow: scroll;
  }
  .navPhone .navMenuList .leftMenuList > .logo {
    padding: 5% 10%;
  }
  .navPhone .navMenuList .leftMenuList > .logo img {
    width: 6rem;
  }
  .navPhone .navMenuList .leftMenuList > .item a {
    border-bottom: 1px solid #eeeeee;
    padding: 0 10%;
    display: block;
    /* height: 2rem; */
    line-height: 1rem;
    font-size: .4rem;
  }
  .navPhone .navMenuList .item.DownIcon .top {
    border-bottom: 1px solid #eeeeee;
    background: url(../images/navPhoneIcon_07.png) no-repeat 94% center;
    background-size: 0.2rem;
  }
  .navPhone .navMenuList .item.DownIcon .top > a {
    display: inline-block;
    border: none;
  }
  .navPhone .DownMenuList {
    text-indent: 0.2rem;
  }
  .navPhone.current {
    display: block;
  }
  .navPhone.current {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
  }
  .NyPcNav .navMenuList a {
    color: #fff;
  }
  .navPhoneIcon {
    position: fixed;
    right: .36rem;
    top: .586667rem;
    z-index: 9999;
  }
  
  .navPhoneIcon.current span {
    background-color: #000;
  }
  .navPhoneIcon span {
    display: block;
    height: 0.1rem;
    width: 0.7rem;
    background: #fff;
    margin: 0 0 .133333rem;
    transition: transform 1s;
    -webkit-transition: transform 1s;
    -moz-transition: transform 1s;
    -o-transition: transform 1s;
  }
  .navPhoneIcon.current span:nth-of-type(1) {
    transform: translate(0, .05rem) rotate(45deg);
    -webkit-transform: translate(0, .05rem) rotate(45deg);
    -moz-transform: translate(0, .05rem) rotate(45deg);
    -ms-transform: translate(0, .05rem) rotate(45deg);
    -o-transform: translate(0, .05rem) rotate(45deg);
  }
  .navPhoneIcon.current span:nth-of-type(3) {
    transform: translate(0, -.42rem) rotate(-45deg);
    -webkit-transform: translate(0, -.42rem) rotate(-45deg);
    -moz-transform: translate(0, -.42rem) rotate(-45deg);
    -ms-transform: translate(0, -.42rem) rotate(-45deg);
    -o-transform: translate(0, -.42rem) rotate(-45deg);
  }
  .navPhoneIcon.current span:nth-of-type(2) {
    opacity: 0;
  }
  .navPhone {
    z-index: 9999;
  }
  .navPhoneIcon {
    z-index: 9999;
  }
  @media only screen and (min-width: 320px) and (max-width: 1199px) {
    .navPhoneIcon {
      display: block;
    }
  }
  .zctc {
    display: none;
    position: fixed;
    width: 8.133333rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: #fff;
    padding: .906667rem 0;
    box-shadow: 0px 0px 10px #ccc;
    z-index: 99999;
  }
  .actc-close {
    position: absolute;
    width: .533333rem;
    top: -.266667rem;
    right: -.266667rem;
  }
  /* .zctc .zctc-bgimg {
    display: block;
    width: 100%;
  } */
  .zctc-tle {
    text-align: center;
    font-size: .64rem;
    font-weight: bold;
    margin-bottom: .4rem;
    
  }
  .zctc form {
    padding: 0 .533333rem;
  }
  .zctc form input {
    display: block;
    width: 100%;
    height: .586667rem;
    margin-bottom: .4rem;
    padding: 0;
  }
  .zctc form a {
    display: block;
    background-color: #22aa38;
    color: #ffffff;
    height: .866667rem;
    line-height: .866667rem;
    text-align: center;
    font-size: .4rem;
  }
  #formtip {
    display: none;
    padding: 10px 15px;
    background-color: rgba(0, 0, 0, 0.3);
    color: #fff;
    font-size: 18px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 999999;
    border-radius: 5px;
  }