*{
      margin:0;
      padding: 0;
  }
  .nuit{
      width: 100%;
      position: relative;
     /* background: #f00;*/
  }
  .nuit ul{
        display: table;
      list-style: none;
      height: .9rem;
      line-height: .9rem;
      /* padding-left: 10px; */
      /* position: absolute; */
      /* right: 0; */
      /* top: 0; */
      width: 94%;
      margin: 0 auto;
      overflow: hidden;
      white-space: nowrap;
      overflow-x: scroll;
      /*margin-top: .5rem;*/
  }
  .nuit ul li{
    flex: auto;
    display: inline-block;
    display: table-cell;
    text-align: center;
    font-size: .3rem;
    padding-left: 3.2%;
    padding-right: 3.2%;

  }
  .nuit ul li a{
      text-decoration: none;
      /*color:white;*/
  }
  .nuith ul{
      list-style: none;
      height: .8rem;
      line-height: .8rem;
      width: 94%;
      margin: 0 auto;
      overflow: hidden;
      white-space: nowrap;
      display: table;
  }
  .nuith ul li{
         display: table-cell;
      text-align: center;
      margin-left: 1%;
      font-size: .3rem;
      padding-left: 3%;
      padding-right: 3%;
  }
  .nuiht ul li a{
      text-decoration: none;
      /*color:white;*/
  }

  .search_nuit{
      width: 100%;
      height: .8rem;
      position: relative;
     /* background: #f00;*/
  }
  .search_nuit ul{
      list-style:none;
      /*height: .8rem;*/
      line-height: .8rem;
      /*padding-left: 10px;*/
      position: absolute;
      right: 0;
      top: 0;
      width: 98%;
      overflow: hidden;
      white-space: nowrap;
      overflow-x: scroll;
  }
  .search_nuit ul li{
       display: inline-block;
      /* float: left; */
      /*height: .8rem;*/
      text-align: center;
      margin-left: 1%;
      /*line-height: .8rem;*/
      padding-left: 2%;
      padding-right: 2%;
  }
  .search_nuit ul li a{
      text-decoration: none;
      /*color:white;*/
  }
  .btn{
      text-align: center;
      line-height: .8rem;
  }
    html, body {
      position: relative;
      width:100%;
      height: 100%;
      -webkit-overflow-scrolling: touch;
      position:static
    }
    body {
      background: #eee;
      
      font-family: PingFangSC-Regular, sans-serif;
      font-size: 14px;
      color:#000;
      margin: 0;
      padding: 0;
       overflow:auto;   /* 用于 android4+，或其他设备  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;*/
     -webkit-overflow-scrolling:touch;   
     
  position: fixed;  /* 固定定位 */
  left: 0;
  top: 0;
  position:static

    }
    #app{
        -webkit-overflow-scrolling: touch;
        position:static
      }
    .swiper-container {
      width: 100%;
      height: 4rem;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      height:4rem;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      background: #fff;
      color: #fff;
      font-size: .9rem;
    }
    #footer{
      width: 100%;
      height:.92rem;
      position: fixed;
      bottom: 0;
      background-color: #f2f2f2;
      z-index: 9999;
    }
    #footer li{
    background-color: #f2f2f2;
    height:.92rem;
    line-height: 0;
    }
     #footer li img{
     
      height:44%;
      margin: 0 auto;
      margin-top: 6%;
     }
     #footer li span{
      display: inline-block;
      margin-top: 4%;
      font-size: .2rem;
     }
    .biao{
         width: 100%;
        /* height: 2.5rem; */
        /* margin-left: 3.5%; */
        border-top: 10px solid #f6f6f6;
        border-bottom: 10px solid #f6f6f6;
        /* box-shadow: 0px 0px 10px #999; */
        /*position: absolute;*/
        /* margin-top: 2%; */
        background: #fff;
        z-index: 999 !important;
    }
    .biao ul li{
      width: 33.33333333333333333%;
      height: 1.2rem;
      float: left;
      text-align: center;
      margin-top: 0.1rem;
     /* line-height: 1.25rem; */
    }
    .biao ul li img{
      height:60%;
      /*width:25%;*/
      margin: 0 auto;
      margin-top:4%;
    }
     .biao ul li p{
      display: inline-block;
      width:100%;
      height:20%;
      text-align: center;
      margin-top: 4%;
      color: #505050;
      font-size: .26rem;
     }
    .tui{
        padding: 7% 5%;
        padding-bottom: 3%;
        color: #838383;
    }
    .rexiao{
      padding: 7% 5%;
      /*padding-top: 3%;*/
      padding-bottom: 3%;
      color: #838383;
     /* border-bottom: 1px solid #dddddd;*/
       border-top: 10px solid #f6f6f6;
      /*background-color: #f2f2f2;*/
    }
    .wen{
      width: 100%;

        height: 3.7rem;
        overflow: hidden;
    /*  border-bottom: 5px solid #EEEEEE;*/
    }
    .wen ul{
     width: 100%;
    height: 4rem;
    /* margin: 0 auto; */
    /* overflow-x: scroll; */
    
     overflow: hidden; 
    overflow-x: auto;
    white-space: nowrap;
    }
    .wen ul li{
     display: inline-block;
     vertical-align:top;
    width: 27%;
     /*height:200px; */
    text-align: center;
    margin: 0.35rem 0.09rem;
    font-size: .3rem;
    margin-top: 4%;
    /* float: left; */
    
    }

     .wen ul li img{
      width: 100%;
      height: 2.1rem;
      /*margin-bottom: 4%;*/
      margin-top: 0%;

     }
     .wen ul li span{
       white-space: normal;
       overflow:hidden; 
       text-overflow:ellipsis;
       display:-webkit-inline-box; 
       -webkit-box-orient:vertical;
       -webkit-line-clamp:2; 
       color:#656565;

	   width:88%;
       text-align:left;
       margin-top:8%;
       font-size: .26rem;
     }
     .cp_img{
      width: 100%;
      padding-bottom: .2rem;
      overflow:hidden;
     }
     .cp_img li:nth-child(odd){
      width: 49%;
      height: 3rem;
      float: left;
      margin-right: 2%;
      margin-top: 2%;
     }
     .cp_img li:nth-child(even){
      width: 49%;
      height: 3rem;
      float: left;
      margin-right: 0%;
      margin-top: 2%;
     }
     .cp_img li img{
      width: 100%;
      height: 100%;
     }
     .searchBox{
      width: 70%;
      height: .6rem;
      position: absolute;
      top: 2%;
      left: 15%;
     /* background-color: #fff;*/
      z-index: 999;
     }
     .searchBox span{
      display: inline-block;
      width:85%;
      height: 100%;
      background-color:#fff;
      opacity: .3;
      z-index: 999;
     }
     .searchBox div{
      width: .4rem;
    height: .4rem;
    margin-top: .1rem;
    /* background-color: #fff; */
    opacity: .6;
    z-index: 999;
    float: right;
    margin-right: .1rem;
     }
     #SearchBar{
      width: 100%;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: #fff;
      z-index: 9999999999;  
      overflow-y:auto ;
      display: none; 
      transition: all .5s ease; 
     }
    
    .container_top{
      width: 100%;
      background-color: #fff;
      overflow: hidden;
      margin: 0 auto;
     
    }
     .container {
        height: .7rem;
        line-height: .7rem;
        width: 92%;
        margin: 0 auto;
        margin-top: 5%;

    }
    .container span{
      display: inline-block;
      float: right;
      font-size: .35rem;
    }
    .parent {
        position: relative;
    }
    .search {
        width: 75%;
        height: .7rem;
        border-radius: .3rem;
        outline: none;
        border: 1px solid #ccc;
        padding-left: 3%;
        position: absolute;
        background-color: #f2f2f2;
    }
    .btn {
        height: 35px;
        width: 35px;
        position: absolute;
       /* background: url("images/topbar.png") no-repeat -2px -99px;*/
        top: 6px;
        left: 285px;
        border: none;
        outline: none;
        cursor: pointer;
    }
    .hotSearch{
      width: 100%;
      overflow: hidden;
    }
    .hot_top{    
        display: inline-block;
        font-size: .35rem;
        margin-top: 3%;
        margin-left: 3%;
    }
    .hot_show{
        width: 98%;
        padding-top: 1%;
        padding-left: 3%;
        padding-bottom: 3%;
        overflow: hidden;
    }
    .hot_show li{
      padding:2.5%;
      background-color: #f2f2f2;
      border: 1px solid #ccc;
      float: left;
      margin-top: 3%;
      border-radius: 8px;
      margin-right: .15rem;
    }
    .history_S{
      width: 100%;
      overflow: hidden;
      margin-bottom:2%;
    }
    .history_S li{
       padding:2%;
    }
    .history_S li span{
       display: inline-block;
       margin-left: 2%;
    }
    .img_left{
        height: 100%;
        padding: 0;
        margin: 0;
        float: left;
        margin-top: 1%;
     }
    .img_right{
       width:4%;
      /*  height: 100%;
*/
        padding: 0;
        margin: 0;
        float: right;
        margin-top: 1%;
     }
    .jiange{
      width: 100%;
      height: .2rem;
      background-color: #f2f2f2;
    }
    .clear_history{
      width: 100%;
      height: .5rem;
      line-height: .5rem;
      text-align: center;
    }
    .search_showBox{
      display:none;
    }
    .Search_content{
      width: 100%;
      overflow: hidden;
      color:blue;
      display:none;
    }
    .Search_content ul{
      width: 100%;
      padding:2%;
    }
    .Search_content ul li{
     height: .6rem;
     line-height: .6rem;
     margin-top: 1%;
    }
     .Search_content ul li span{
       display: inline-block;
      margin-left: 2%;
      margin-top: .7%;
  } 
     .img_le{
       height: 70%;
          padding: 0;
          margin: 0;
          float: left;
          margin-top: 2%;
      }
    .img_ri{
       height: 53%;
      padding: 0;
      margin: 0;
      float: right;
      margin-top: 2%;
     }
     .tj_img{
      width: 10%;
      height: .8rem;
     }
     .tj_img img{
      width:100%;
      height: 100%;
     }
     .search_nuit_tj_img{
      width: 10%;
      height: .8rem;
     }
     .search_nuit_tj_img img{
      width:100%;
      height: 93%;
     }
     /*tab切换样式*/
     #tipWindow{
      display: none;
     }
    .helth_center{
      width: 100%;
      /*background: red;*/
      position: relative;
      overflow-y: auto;
    }
    .helth_center li{
      width: 100%;
    /* height: 100%;*/
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      display: none;
    }
    .helthy_box{
      width:98%;
      margin: 0 auto;
      background-color: #fff;
      border-top: 10px solid #f6f6f6;
    }
    .helthy_box  img{
      width:100%;
    }
    
    .helthy_img{
      width: 100%;
      height:4rem;
    }
    .helthy_span{
      display: inline-block;
      color:rgb(49,49,49);
       padding-top:3%;
      padding-left:3%;
      padding-right:2%;
       width: 100%;
        word-break: break-all;
    }
    .helthy_p{
      display: inline-block;
      color:rgb(107,107,107);
       padding-top:2%;
      padding-left:3%;
      padding-right:2%;
      padding-bottom: 2%;
       width: 100%;
      word-break: break-all;
    }

    .neis {
      /*height: 3.8rem;*/
      width: 100%;
      /*padding: 0.2rem;*/
      position: relative;
      margin-bottom: .3rem;
    
    }
    .neiss {
     /* height: 3.8rem;*/
      width: 100%;
      padding: 0.2rem 0.25rem 0.2rem 0.2rem;
      position: relative;
        }

    .tu {
      width: 26%;
      height: 2.3rem;
      position: absolute;
      overflow: hidden;
      border-radius: 7px;
    
    }

    .tu img {
      width: 100%;
      height: 100%;
    }

    .name {
        width: 73%;
        position: absolute;
        left: 30%;
        line-height: .4rem;
        padding-right: .2rem;
        position: relative;
    }

    .name h2 {
          font-size: 0.3rem;
      font-weight: 500;
      font-weight: bold;
      color:#2c2c2c;
      padding-right: 2.5%;
      /*    height: .8rem;
*/
    }

    .name h3 {
     color: #666;
      width: 100%;
      font-size: 0.24rem;
      margin-top: 0.13rem;
      margin-bottom: 0.1rem;
      line-height: .37rem;
      padding-right: 2.5%;
    }

    .name .p {
   /* position: absolute;
    top: 2.85rem;
*/
    margin-top: 3%;

    }

    .name p i {
      font-size: 0.4rem;
      color: #f87774;
    }

    .name .tb {
    width: 1.5rem;
    float: right;
    margin-top: -11%;
    height: 0.51rem;
    text-align: center;
    line-height: 0.51rem;
    background: #f87774;
    color: #fff;
    border-radius: 6px;
    font-size: 0.2rem;
}
     .search_show{
      height: 2.5rem;
      width: 100%;
      padding: 0.2rem;
      position: relative;
    }

    .search_show_tu {
      width: 30%;
      height: 87%;
      position: absolute;
      overflow: hidden;
      border-radius: 7px;
      background: #fdc848;
    }

    .search_show_tu img {
      width: 100%;
      height: 100%;
    }

    .search_show_name {
      position: absolute;
      left: 36%;
    }

    .search_show_name h2 {
      font-size: 0.29rem;
      font-weight: 500;
    }

    .search_show_name h3 {
      color: #666;
      width: 79%;
      font-size: 0.23rem;
      margin-top: 0.1rem;
    }

    .search_show_name p {
      position: absolute;
      top: 2.15rem;
    }

    .search_show_name p i {
      font-size: 0.4rem;
      color: #da8986;
    }

    .search_show_name .search_show_tb {
     position: absolute;
    top: 1.6rem;
    right: 0.3rem;
    width: 1.65rem;
    height: 0.5rem;
    text-align: center;
    line-height: 0.55rem;
    background: #f77872;
    color: #fff;
    border-radius: 10px;
    font-size: 0.2rem;
    }

    .jiazai {
      width: 96%;
    margin: 0 auto;
      text-align: center;
      font-size: .26rem;
      color: #999;
      height: 1.1rem;
      line-height: 1.1rem;
      display: block;
    }
     .jiazai_g {
      width:96%;
      margin-top: .1rem;
      text-align: center;
      font-size: .26rem;
      color: #999;
      height: 1.1rem;
      line-height: 1.1rem;
      display: block;
      position: fixed;
      left:2%;
      bottom: 0rem;
      background:#fff;
    }

    .searchLoding{
          margin-top: .05rem;
      text-align: center;
      font-size: .26rem;
      color: #999;
      line-height: .4rem;
      display: block;
      margin-bottom: 1rem;
    }
    .helth_loding{
      width: 98%;
      margin: 0 auto;
      margin-top: 10px;
      text-align: center;
      font-size: .26rem;
      color: #999;
      height: 1.1rem;
      line-height: 1.1rem;
      display: block;
     
     
      }
      .helth_loding_G{
          width: 98%;
      margin-top: .1rem;
      text-align: center;
      font-size: .26rem;
      color: #999;
      height: 1.1rem;
      line-height: 1.1rem;
      display: block;
    
      position: fixed;
      left: 2%;
      bottom: 0rem;
     
      }
    .lie {
      margin-top: 2rem;
    }

    .lie ul li {
      height: 1.2rem;
      line-height: .45rem;
      padding: 0.4rem;
    }



    .nuit {
      width: 100%;
      position: relative;
      background: #fff;
      border-bottom: 1px solid #e1e1e1;
 
    }
     .nuith{
         width: 100%;
      height: .8rem;
      position: relative;
      line-height: .8rem;
      background: #fff; 
      border-bottom: 1px solid #e1e1e1;
    }
  .helthy_in{
    /*border-top: 1px solid #e1e1e1;*/
  }
    .tops{
      width: 100%;
      height: 3rem;
      border:1px solid red;
      background:url("../../images/UI/bowen.png");
      background-size:100% 100%; 
    }
    .portrait{
      width: 1rem;
      height: 1rem;
      border-radius: 50%;
      background-color: #ccc;
      position: absolute;
      top: 0.47rem;
      left: 0.7rem;
      background-size: cover;
    }
    .username{
      color: #fff;
      position: absolute;
      font-size: 0.28rem;
      left: 1.35rem;
      top: 50%;
      margin-top: -0.2rem;
      display: inline-block;
      white-space: nowrap;
    }
    .jifen{
        width: 1.9rem;
      height: 0.5rem;
      line-height: 0.51rem;
      position: absolute;
      top: 50%;
      left: 4.5rem;
      margin-top: -0.2rem;
      color: #fff;
      background: #fe9d2c;
      text-align: center;
      border-radius: 18px;
    }
    .dao{
     width: 94%;
    height: 2rem;
    margin-left: 3%;
    border: 1px solid #EEEEEE;
    box-shadow: 1px 1px 1px 1px #EEEEEE;
    position: absolute;
    margin-top: -5%;
    background: #fff;
    z-index: 2 !important;
    border-radius: 8px;
    }
    .dao ul li{
      width: 25%;
      height: 2rem;
      float: left;
      text-align: center;
      line-height: .78rem;
    }
    .dao ul li img{
         width: 100%;

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    }
    .lie{
      margin-top:2rem;
    }
    .lie ul li{
      height: 1.2rem;
      line-height: .45rem;
      padding: 0.4rem;
      border-bottom: 1px solid #e0e0e0;
    }
    .lie ul li .span {
      width: 0.2rem;
      height: 0.35rem;
      position: absolute;
      right: 0.4rem;
      background: url(../../images/UI/userUI_jiao.jpg) 10% 40% no-repeat;
      background-size: 100% 100%;
    }
  .lie ul li .spimg{
    width: .38rem;
      height: .38rem;
      display: -webkit-inline-box;
      margin-right:0.25rem;
  }
  .lie ul li .zi{
   display: inline-block;
    height: .35rem;
    line-height: .4rem;
    color: #666;
    position: absolute; 
    font-size: .3rem;
   
  }
  .lie ul li .xinxi{
    background: url(../../images/UI/wodexinxi_gr.png) 10% 40% no-repeat;
    background-size: 100% 100%;
  }
  .lie ul li .smsh{
    background: url(../../images/UI/smsh.png) 10% 40% no-repeat;
    background-size: 100% 100%;
  }
    .lie ul li .xinxibiangeng{
    background: url(../../images/UI/xinxibiangeng_gr.png) 10% 40% no-repeat;
    background-size: 100% 100%;
  }
  .lie ul li .tuibao{
    background: url(../../images/UI/tuibao_gr.png) 10% 40% no-repeat;
    background-size: 100% 100%;
  }
  .lie ul li .shisuan{
    background: url(../../images/UI/shisuan_gr.png) 10% 40% no-repeat;
    background-size: 100% 100%;
  }
  .lie ul li .receiveMoneyIcon{
    background: url(../../images/UI/receiveMoneyIcon.png) 10% 40% no-repeat;
    background-size: 100% 100%;
  }
  .lie ul li .personalPolicy {
    background: url(../../images/UI/personalPolicy_gr.png) 10% 40% no-repeat;
    background-size: 100% 100%;
  }
  .lie ul li .lipei{
    background: url(../../images/UI/lipei_gr.png) 10% 40% no-repeat;
    background-size: 100% 100%;
  }
  .lie ul li .huif{
    background: url(../../images/UI/zaixianhuifang_gr.png) 10% 40% no-repeat;
    background-size: 100% 100%;
  }
  .xjbf{
    background: url(../../images/UI/xjbfa.png) 10% 40% no-repeat;
      background-size: 100% 100%;
 }
 .qtimg{
  background: url(../../images/UI/qtxtb.png) 10% 40% no-repeat;
 background-size: 100% 100%;
}
  .lie ul li .fa{
    background: url(../../images/UI/dianzifapiao_gr.png) 10% 40% no-repeat;
    background-size: 100% 100%;
  }
  .lie ul li .daili{
    background: url(../../images/UI/daliren_gr.png) 10% 40% no-repeat;
    background-size: 100% 100%;
  }
 .slide .buchong li{
  	  height: 1.2rem;
      line-height: .35rem!important;
      padding: 0.4rem;
      border-bottom: 1px solid #e0e0e0;
  }
    .bannerImg{
      width: 100%;
      height:100%;
      border-radius: .3rem;
      background-color: #fff;
    }
    .bannerImg img{
      width: 100%;
      height: 100%;
      border-radius: .3rem;
    }
    .shere{
         position: absolute;
        /* top: -71%; */
        /* left: 6.35rem; */
        right: 0%;
        bottom: 128%;
        width: 0.55rem;
        height: 0.55rem;
        text-align: center;
        line-height: 0.6rem;
        background: #fff;
        /* box-shadow: 1px 1px 1px 1px #cccccc; */
        border-radius: 50%;
        background: url(../../images/UI/fenxianga.png) 50% 50% no-repeat;
        background-size: 70% 70%;
    }
   
      .xk{
      display: -webkit-inline-box;
      color: #f87774;
      border: 1px solid #f87774;
      border-radius: 4px;
      padding-left: 0.13rem;
      height: .34rem;
      padding-right: .13rem;
      margin-right: 0.1rem;
      font-size: 0.19rem;
      height: .34rem;
      line-height: .34rem;
    }
  
      .rexiao .span{
           width: 0.2rem;
          height: 0.47rem;
          position: absolute;
          /* top: 0; */
          right: 0.4rem;
          background: url(../../images/UI/userUI_jiao.jpg) 10% 56% no-repeat;
          background-size: 70% 62%;
      }
      .tui .span{
        width: 0.2rem;
        height: 0.47rem;
        position: absolute;
        /* top: 0; */
        right: 0.4rem;
        background: url(../../images/UI/userUI_jiao.jpg) 10% 56% no-repeat;
        background-size: 70% 62%;
      }
      #ones{
        overflow-y:aoto;
        }
        .sUl::-webkit-scrollbar {
        display: none;
      }
      .ulS::-webkit-scrollbar {
        display: none;
      }
      .searchUl::-webkit-scrollbar {
        display: none;
      }
      .buchong li{
        padding-left:.8rem!important;
        }
       .tab-nav-item.tab-active:before{
         background-color: transparent;
        }

        #adsorbBox {
       width: 1.5rem;
       height:.8rem;
       position: absolute;
       top:100px;
       left:0;
       z-index:99999!important;
       text-align:center;
       display:none;
     }
     #adsorbB{
        width:100%;
      
        position: fixed;
        top:0;
        left:0;
        z-index: 9999!important;
     }
     
.pre_kefushou{
  position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.39);
    z-index: 99999999999!important;
    display: none;
}
.pre_kefulist{
    width: 100%;
    overflow: hidden;
    position: fixed;
    height: 0;
    bottom: 0rem;
    color: rgb(146, 146, 146);
    z-index: 9999;
    background: #fff;
  
}
.pre_kefulist li{
    width: 100%;
    height: .8rem;
    text-align: center;
    line-height: .8rem;
}
.pre_kefulist li a{
  font-size: 0.5rem;
    color: #c93733;
    font-weight: 600;
}
.pre_kefulist li span{
  font-size: 0.38rem;
    color: black;
    font-weight: 800;
}
.pre_position{
  display: none;
}

.back_top{
  position: fixed;
    right: .3rem;
    bottom: 1rem;
    z-index: 9999;
    display: none;
    font-size: 0;
    border-radius: 0.1rem;
    width: .7rem;
    height: .7rem;
}
.back_top img{
  width:100%;
  height:100%;
}
.shouye_bottom{
  width:100%;
  height:2rem;
  padding-top: .5rem;
  margin-top:10px;
  text-align:center;
  background: #f6f6f6;
}
.shouye_bottom span{
  display:block;
  margin-top: .1rem;
  color: #838383;
  font-size:.2rem;
  }
    .tabClass{
        font-size: 0.35rem!important;
    font-weight: 800;
    background: url(../../images/UI/chexked_ui.png) 50% 73% no-repeat;
    background-size: 101% 20%;
      }
       .activeSS{
        font-size: 0.35rem!important;
    font-weight: 800;
    background: url(../../images/UI/chexked_ui.png) 50% 73% no-repeat;
    background-size: 101% 20%;
    }
    #progress{
           position:fixed;
            height: 3px;
            background:#3fbd3f;
            transition:opacity 500ms ;
    }
    #progress.done {
            display:none !important;
        }
    #progress span {
        position:absolute;
        height:2px;
        -webkit-border-radius:100%;
        opacity:1;
        width:150px;
        right:-10px;
        -webkit-animation:pulse 2s ease-out 0s infinite;
        z-index: 99999999;
    }
    @-webkit-keyframes pulse {
      30% {
          opacity:.6
      }
      60% {
          opacity:0;
      }
      100% {
          opacity:.6
      }
  }
  .zhe{
    position: fixed;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 10000;
  }
    .modal{
      background: #fff;
    }
    .tiao{
      position: fixed;
      top: 10%;
      left: 0;
      height: 0.1rem;
      background: red;
      -webkit-transition: all 60000ms ;
      transition:  all 60000ms ;
      z-index:999999999;
    }
    #share_Show{
        width:100%;
        height:100%;
        position: fixed;
        top:0;
        left:0;
        background:rgba(51,51,51,.9);
        z-index: 99999;
        display:none;
      }
       #share_Show  img{
        width:100%;       
       }
       .sb_back{
        width:70%;
        height:.6rem;
        line-height:.6rem;
        border:1px solid #fff;
        color:#fff;
        margin: 0 auto;
        margin-top: 6%;
        text-align: center;
       }
       .swiper-container{
         width: 94%;
          height: 4rem;
          margin: 3%;
          border-radius: .3rem;
          overflow: hidden;
          background: #fff;
       }
       .yangshia{
              display: inline-block;
            width: 35%;
            font-weight: bold;
            padding-left: 2%;
            background: url(../../images/UI/tuoyuan.png) 86% 100% no-repeat;
            background-size: 100% 50%;
            font-size: .4rem;
            color: #403D3A;
       }
       .jiaojiao{
          display: block;
          padding-right: .3rem;
          font-size: .27rem;
          background: url(../../images/UI/userUI_jiao.jpg) 100% 60% no-repeat;
          background-size: 20% 75%;
          margin-top: 20%;
       }
       .gb_img{
          width: 90%;
          margin: 0 auto;
          overflow: hidden;
          margin-top: 3%;
         margin-bottom: .5rem;
       }
      
       .gb_img li{
          width: 44%;
          float: left;
          border-radius: 36%;
         
       }
       .gb_img li img{
          width: 100%;
          float: left;
          border-radius: 6%;

       }
        #gb_imgFirst{
            width: 52%;
            /*height: 4.25rem;*/
            margin-right: 4%;
       }
       #gb_imgFirst img{
          width: 100%;
          height: 100%;
       }
       .ulScroll::-webkit-scrollbar {
            width: 0px!important;     
            height: 0px!important;
            opacity: 0!important;
            background-color: red;
        }