@charset "UTF-8";

*{margin:0px;padding:0px;}
body,html,a,img,div,form,select,input,ul,ol,ul,li,h1,h2,h3,h4,h5,h6,dd,dl,dt,p,label,em,span{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0);}
html,body{width:100%;height:100%;}
i{font-style:normal;}
.cf:after{content:".";visibility:hidden;clear:both;height:0;width:100%;display:block;}
body{font-size:100%;font-family:"Helvetica Neue", Helvetica, STHeiTi,'Microsoft YaHei', sans-serif;}
ol,li{list-style:none;}
a{color:#000000;text-decoration: none;}
a[title='站长统计']{
  display: none !important;
}
.m-body {
  min-width: 320px;
  max-width: 720px;
  margin: 0 auto;
  padding-bottom: 12%;
  color: #000;
  font-size: 1.19rem;
  letter-spacing: 1px;
}
::-webkit-input-placeholder {
    
    color: #bebfc5;
}
.ft16{font-size: 0.682594rem;}
.ft20{font-size: 0.853242rem;}
.ft22{font-size: 0.938567rem;}
.ft24{font-size: 1.023891rem;}
.ft26{font-size: 1.109215rem;}
.ft28{font-size: 1.194539rem;}
.ft30{font-size: 1.279863rem;}
.ft32{font-size: 1.365188rem;}
.ft34{font-size: 1.450512rem;}
.ftw{font-weight: bold;}
.pink{color: #ee2174;}
.white{color: white;}
.gray3{color: #808080;}
.gray2{color: #999;}
.gray1{color: #bebfc5;}
.tac{ text-align: center; }
.tar{ text-align: right; }
.tal{ text-align: left; }
.tline{text-decoration: line-through;}
.tudline{text-decoration: underline;}
.col-1{ width: .99%; }
.col-2{ width: 19.99%; }
.col-3{ width: 29.99%; }
.col-4{ width: 39.99%; }
.col-5{ width: 49.99%; }
.col-6{ width: 59.99%; }
.col-7{ width: 69.99%; }
.col-8{ width: 79.99%; }
.col-9{ width: 89.99%; }
.auto{margin:0 auto;}
.relative{position:relative;}
.absolute{position: absolute;}
.fixed{position:fixed;}
.flex{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.block{display: block;}
.none{display: none;}
.inline-block{display: inline-block;}
.fl{float: left;}
.fr{float: right;}
.border{border:0.042662rem solid #D9D9D9;}
.boder_t_line{border-top: 0.042662rem solid #D9D9D9; }
.boder_l_line{border-left: 0.042662rem solid #D9D9D9; }
.boder_r_line{border-right: 0.042662rem solid #D9D9D9; }
.boder_b_line{border-bottom: 0.042662rem solid #D9D9D9; }
.active_b_line{border-bottom: 0.085324rem solid #ee2174;}
.boder_b_daline{border-bottom: 0.042662rem dashed #D9D9D9; }
.boder_t{border-top: 0.85rem solid #f4f4f4; }
.boder_b{border-bottom: 0.85rem solid #f4f4f4; }
.big_btn{
  width: 100vw;
  height: 4.180887rem;
  font-size: 1.279863rem;
  line-height: 4.180887rem;
  border-radius: 0 !important;
}
.mid_btn{
  display: inline-block;
  padding: 0.4rem 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; 
}
.pink_btn{
  color: white;
  text-align: center;
  border-radius: 0.17rem;
  background-color: #ed2a74;
}
.black_btn{
  color: white;
  text-align: center;
  background-color: #333;
}
.gray_btn{
  color: #808080;
  text-align: center;
  border: 0.042662rem solid #767374;
  background-color: white;
}
.pink_white_btn{
  width: 12.030717rem;
  height: 2.8157rem;
  color: #ee2174;
  text-align: center;
  line-height: 2.8157rem;
  border: 0.042662rem solid #ee2174;
  border-radius: 0.170648rem;
  background-color: white;
}
.padding_all{
  padding: 1.279863rem;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
}
.padding_t_b{
  padding: 1.279863rem 0;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
}
.padding_l_r{
  padding: 0 1.279863rem;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
}
.fixed_t{
  position: fixed;
  top: 0px;
  left: 0px;
  border-radius: 0 !important;
  z-index: 99;
}
.fixed_b{
  position: fixed;
  bottom: 0px;
  left: 0px;
  border-radius: 0 !important;
  z-index: 99;
}
.bgwhite{background-color: white;}
.bgpink{background-color: #ee2174;}
.boxsize{-webkit-box-sizing: border-box;box-sizing: border-box;}
.radius40{border-radius: 1.706485rem;}


.pop{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
  z-index: 1000;
}
.header{
    width: 100%;
    height: 45px;
    color: #535353;
    width: 100%;
    height: 44px;
    position: relative;
    position: fixed;
    top: 0px;
    background-color: #fff;
    border-bottom: 0.042662rem solid #e2e2e2;
    max-width: 720px;
    min-width: 320px;
    z-index: 98;
    text-align: center;
    line-height: 44px;
    font-size:20px;
}
.header a{color:#ee2375;text-decoration: none;}
.header .header-icon-l{position: absolute;left: 0;width: 50px;height: 50px}
.header .header-icon-l img{width:25px;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.header .header-icon-r{position: absolute;right: 0;width: 45px;height: 45px}
.header .header-icon-r img{width: 25px;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.header .header-icon-r.close img{width: 20px;}
.header #toggle{padding: 3% 5.7815% 0 0;}
.header-ul{position: fixed;top: 0px;margin-top: 3rem;}
.m-body-cont{overflow: hidden;}
.banner img,.goods-ul li img{width:100%;}
.goods-ul{overflow: hidden;width: 100%;margin: 10px -1% 10px 3%;}
.goods-ul li{text-align: center;width: 46%;margin-right: 1%;display: inline-block;background-color: #fff;margin-bottom: 5px;padding-bottom: 8px;}
.goods-ul li p{font-size: 12px;color: #4e4e4e;}
.goods-ul li p span{color:#ff4666;}

.contact-footer-ul{padding: 10px 3%;background-color: #fff;overflow: hidden;font-size: 1.5rem;}
.contact-footer-ul li{float:left;width: 33%;text-align: center;color:#9a9a9a;font-size:12px;}
.contact-footer-ul li a{display: block;}
.contact-footer-ul li img{width: 77%;}
.ves{text-align: center;margin-top: 13px;color: #9a9a9a;font-size: 12px;margin-bottom: 20px;}
.service-time {background:#fff;color: #969696;margin-top:2.25rem;padding:16px 10px;font-size: 1.5rem;}


.nav-ul{overflow: hidden;padding:10px 3%;}
.nav-ul li{float:left;width:25%;text-align: center;}
.nav-ul li img{width:100%;}
.nav{border-top:1px solid #e2e2e2;background-color:#fff;padding-bottom: 145px;margin-bottom: 10px;}
.nav ul li{padding:10px 0px;border-bottom:1px solid #e2e2e2;padding-left:3%;}
.nav ul li a{font-size:14px;color:#9a9a9a;text-decoration: none;display: block;}
#nav{display: none;}


.tip-wrap{z-index:999;position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0, 0, 0, 0.3);display:none;width:100%;height:100%;}
.cont-wrap{display:table-cell;vertical-align:middle;border-radius: 10px;-webkit-border-radius: 10px;}
.cont{background:#fff;width:80%;max-width:512px;margin:0 auto;color:#FFF;font-size:15px;text-align:center;border-radius:5px;color:#000;}
.cont p{padding:25px 0;border-bottom:0.042662rem solid #e2e2e2;}
.ok-cancel-wrap{overflow: hidden;}
.ok-cancel-wrap .tip-cancel,.ok-cancel-wrap .tip-ok,.copybtn{padding:10px 0px;cursor: pointer;}
.tip-cancel{
    display: inline-block;
    width: 50%;
    float: left;
    border-right: 0.042662rem solid #e2e2e2;
}
.tip-ok,.copybtn{
    float:right;
    width: 49%;
}
.tip-close{line-height:40px;cursor: pointer;}
.loading{width:20px;margin-right:10px;vertical-align:middle;display:none;}
.loadingTip{display:none;}
.loadingTip .cont{background: #FFF;}
.loadingTip .loading{display: inline-block;margin: 20px 0 0 0;}
.loadingTip p{color: #565656;border: none;}

.error-tip{
    position: absolute;
    bottom: 10%;
    left: 50%;
    color: #fff;
    background-color: rgba(0,0,0,0.7);
    width: 100px;
    padding: 5px;
    margin-left: -55px;
    font-size: 14px;
    text-align: center;
    display: none;
}



.app-download{position: fixed;left: 0px;right: 0px;bottom: -4px;z-index:1;}
.app-download img{width:100%;}


.navbar-header {position: absolute;top: 0;left: 0;width: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;z-index: 99;}
.navbar-header .logo {display:block;width: 26.25%;margin: 4.5% 0 0 5.5%;float: left;background-image: url('../image/logo1.png');background-size: 100%;background-repeat: no-repeat;-webkit-transition: all 0.3s;transition: all 0.3s;}
.navbar-header .logo img {visibility: hidden;}
.navbar-header .navbar-toggle {width: 6.875%;padding: 5.3125% 5.7815% 0 0;float: right;}
.navbar-header .logo img{width: 100%;}
.navbar-header .navbar-toggle img{width: 100%;}
.navbar-header .navbar-ul {display:none;width: 100%;border-top: 1px solid #e2e2e2;overflow: hidden;}
.navbar-header .nav-item {opacity: 0;margin:0 auto;background-color: #fff;}
.navbar-header .nav-item {line-height: 50px; border-bottom: 1px solid #e2e2e2;font-size: 100%;padding-left: 15px;font-size: 1.4rem;}
.navbar-header .nav-item a {text-decoration: none;color: #535353;display: block;}
.header-right{float: right;margin-right: 1.5rem;}
.header-left{float: left;margin-left: 1.5rem;}
.goback{
    position: absolute;
    left: 1.5rem;
    width: 1rem;
}
.goback img{
    width: 100%;
    vertical-align: middle;
}


#toggle {display: block;width: 28px;height: 30px;padding: 5.3125% 5.7815% 0 0;float: right;}
#toggle span:after,
#toggle span:before {content: "";position: absolute;left: 0;top: -9px;}
#toggle span:after{top: 9px;}
#toggle span {position: relative;display: block;margin-top: 9px;}
#toggle span,
#toggle span:after,
#toggle span:before {
  width: 100%;height: 3px;
  background-color: #e92076;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  border-radius: 2px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
}
#toggle.on span {background-color: transparent;}
#toggle.on span:before {
  transform: rotate(45deg) translate(5px, 5px);
  -webkit-transform: rotate(45deg) translate(5px, 5px);
  -moz-transform: rotate(45deg) translate(5px, 5px);
  -o-transform: rotate(45deg) translate(5px, 5px);
  background-color: #e92076;
}
#toggle.on span:after {
  transform: rotate(-45deg) translate(7px, -8px);
  -webkit-transform: rotate(-45deg) translate(7px, -8px);
  -moz-transform: rotate(-45deg) translate(7px, -8px);
  -o-transform: rotate(-45deg) translate(7px, -8px);
  background-color: #e92076;
}
#toggle.on + #menu {opacity: 1;visibility: visible;}
.sale-header #toggle{
    position: absolute;
    right: 0;
    top: 0;
}
.navbar-box{
    display: none;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.5);
}
.navbar-header.on .navbar-head {background-color: #fff;}
.navbar-header.on .navbar-ul {display: block;}
.navbar-header.on .navbar-ul .nav-item{
  -webkit-animation: fadeinNav 0.2s;
  animation: fadeinNav 0.2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.navbar-header.on .navbar-head .logo {background-image: url('../image/logo1.png');}

.navbar-header .navbar-ul .nav-item:nth-child(1) {animation-delay:.1s;-webkit-animation-delay:.1s;-moz-animation-delay:.1s;-o-animation-delay:.1s}
.navbar-header .navbar-ul .nav-item:nth-child(2) {animation-delay:.12s;-webkit-animation-delay:.12s;-moz-animation-delay:.12s;-o-animation-delay:.12s}
.navbar-header .navbar-ul .nav-item:nth-child(3) {animation-delay:.14s;-webkit-animation-delay:.14s;-moz-animation-delay:.14s;-o-animation-delay:.14s}
.navbar-header .navbar-ul .nav-item:nth-child(4) {animation-delay:.16s;-webkit-animation-delay:.16s;-moz-animation-delay:.16s;-o-animation-delay:.16s}
.navbar-header .navbar-ul .nav-item:nth-child(5) {animation-delay:.18s;-webkit-animation-delay:.18s;-moz-animation-delay:.18s;-o-animation-delay:.18s}
.navbar-header .navbar-ul .nav-item:nth-child(6) {animation-delay:.2s;-webkit-animation-delay:.2s;-moz-animation-delay:.2s;-o-animation-delay:.2s}
.navbar-header .navbar-ul .nav-item:nth-child(7) {animation-delay:.22s;-webkit-animation-delay:.22s;-moz-animation-delay:.22s;-o-animation-delay:.22s}

@-webkit-keyframes fadeinNav {
  from {
    opacity: 0.3;
    width: 96%;
  }
  to {
    opacity: 1;
    width: 100%;
  }
}
@keyframes fadeinNav {
  from {
    opacity: 0.3;
    width: 96%;
  }
  to {
    opacity: 1;
    width: 100%;
  }
}

.header .left-icon{
    display: inline-block;
    width: 30px;
    padding-left: 15px;
    height: 70%;
    color: #FFF;
    margin-top: 3px;
    position: absolute;
    left: 0px;

}
.left-icon .loa{
    color:#f44d6c;text-decoration: none;line-height: 27px;
}
.header .right-icon{
    
    width: 30px;
    padding-right: 15px;
    height: 70%;
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 14px;
    font-size: 13px;
}
.header .right-icon i{font-size:14px;}
.header .right-icon a{
    color:#ff498c;
    text-decoration: none;
}
.icon-link{
    position:relative;
}
.header-label{
    position: absolute;
    top: -16px;
    font-size: 15px;
    background-color: red;
    right: -5px;
    padding: 0px 6px;
    border-radius: 24px;
    color: #fff;
}
.header  img{
    width:25px;
}
.title{
    -webkit-flex: 1;
    -webkit-box-flex: 1;
    text-align: center;
    line-height: 45px;
    font-size: 1.5rem;
    display: block;
}
.perfectinfo{
    position: absolute;
    right: 1.5rem;
    top: 0rem;
    font-size: 1.3rem;
}

.cou_progress div{
  width: 33vw !important;
}
.ta_progress div {
    display: inline-block;
    width: 49vw !important;
    font-size: 1.2rem;
    text-align: center;
}
.ta_progress div span{
    display: inline-block;
    padding: 0.7rem 1rem;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
}
.ta_progress .active-nav span{
    border-bottom: 3px solid #E82076;
}
.active-nav{
    color: #E82076;
}

.list_title{
    padding: 1.279863rem;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
}
.list_title span{
    position: relative;
    font-size: 1.28rem;
    padding-left: 0.85rem;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
}
.list_title span:after{
    position: absolute;
    content: '';
    left: 0px;
    top: 0.2rem;
    width: 0.26rem;
    height: 1.28rem;
    background-color: #ee2174;
}

.none_data{
  text-align: center;
}
.none_data img{
  width: 13rem;
  margin: 9.47099rem auto 1.194539rem;
}
.none_data a{
  display: block;
}

.class_title{
  padding: 2.346416rem 1.919795rem 1.791809rem;
}
.class_title p{
  margin-bottom: 0.426621rem;
}