.bg-img {
    position: fixed;
    width: 100%;
    height: 100%;
    background-image: url(//cdn-static-poster.huazhen2008.com/2008/wap_local_img/mybg.png);
    background-size: cover;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: 0;
    z-index: 1;
  }


  .header{
    position: relative;
    z-index: 2;
  }
  
  img {
    display: block;
  }
  
  .wid {
    position: relative;
    width: 7.28rem;
    height: 10.30667rem;
    background-image: url(//cdn-static-poster.huazhen2008.com/2008/wap_local_img/wap_main_BG.png);
    background-size: 100%;
  }
  .wid2 {
    position: relative;
    width: 7.28rem;
    height: 10.30667rem;
    background-image: url(//cdn-static-poster.huazhen2008.com/2008/wap_local_img/wap_main_BG2.png);
    background-size: 100%;
  }
  .wid3 {
    position: relative;
    width: 7.28rem;
    height: 10.30667rem;
    background-image: url(//cdn-static-poster.huazhen2008.com/2008/wap_local_img/wap_bd_BG.png);
    background-size: 100%;
  }
  
  .close_btn {
    position: absolute;
    right: 1rem;
    top: 3.8rem;
    width: 1.73333rem;
    height: 1.73333rem;
    background: transparent;
    z-index: 999;
  }
  
  .wid .w_txt {
    position: absolute;
    width: 100%;
    height: 0.73333rem;
    line-height: 0.73333rem;
    text-align: center;
    bottom: 2.82667rem;
    font-size: 0.4rem;
    color: #5525dd;
    background: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    /*display: flex;*/
    display: block;
    width: 100%;
    height: 2rem;
    line-height: 2rem;
    bottom: 2.2rem;
    border:none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
  }
  
  .wid a {
    display: block;
    width: 4rem;
    height: 0.93333rem;
    background: transparent;
    position: absolute;
    bottom: 0.8rem;
    left: 50%;
    margin-left: -2rem;
  }
  
  .wid .open_wx {
    display: block;
    width: 4rem;
    height: 0.93333rem;
    background: transparent;
    position: absolute;
    bottom: 0.8rem;
    left: 50%;
    margin-left: -2rem;
  }
  
  .wid img {
    width: 100%;
    height: 100%;
  }
  
  .wid2 .w_txt {
    position: absolute;
    width: 100%;
    height: 0.73333rem;
    line-height: 0.73333rem;
    text-align: center;
    bottom: 2.82667rem;
    font-size: 0.4rem;
    color: #5525dd;
    background: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    /*display: flex;*/
    display: block;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 2rem;
    line-height: 2rem;
    bottom: 2.2rem;
    border:none;
  }
  
  .wid2 a {
    display: block;
    width: 4rem;
    height: 0.93333rem;
    background: transparent;
    position: absolute;
    bottom: 0.8rem;
    left: 50%;
    margin-left: -2rem;
  }
  
  .wid2 .open_wx {
    display: block;
    width: 4rem;
    height: 0.93333rem;
    background: transparent;
    position: absolute;
    bottom: 0.8rem;
    left: 50%;
    margin-left: -2rem;
  }
  
  .wid2 img {
    width: 100%;
    height: 100%;
  }
  
  .wid3 .w_txt {
    position: absolute;
    width: 100%;
    height: 0.73333rem;
    line-height: 0.73333rem;
    text-align: center;
    bottom: 2.82667rem;
    font-size: 0.4rem;
    color: #5525dd;
    background: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    /*display: flex;*/
    display: block;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 2rem;
    line-height: 2rem;
    bottom: 2.2rem;
    border:none;
  }
  
  .wid3 a {
    display: block;
    width: 4rem;
    height: 0.93333rem;
    background: transparent;
    position: absolute;
    bottom: 0.8rem;
    left: 50%;
    margin-left: -2rem;
  }
  
  .wid3 .open_wx {
    display: block;
    width: 4rem;
    height: 0.93333rem;
    background: transparent;
    position: absolute;
    bottom: 0.8rem;
    left: 50%;
    margin-left: -2rem;
  }
  
  .wid3 img {
    width: 100%;
    height: 100%;
  }
  
  .logo {
    display: inline-block;
    width: 50%;
    font-size: 0.53333rem;
    color: #fff;
    font-style: normal;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
  }
  
  .goback {
    position: absolute;
    left: 0.26667rem;
    top: 0.26667rem;
    width: 0.73333rem;
    height: 0.73333rem;
    background: url(//cdn-static-poster.huazhen2008.com/2008/newStatic/home/img/toIndex.png) no-repeat center/100%;
  }
  
  .tocourse {
    position: absolute;
    right: 1.33333rem;
    top: 0.26667rem;
    width: 1.73333rem;
    font-size: 0;
    text-align: right;
  }
  
  .tocourse img {
    display: inline-block;
    /* width: 40%; */
    vertical-align: middle;
  }
  
  .tocourse a {
    display: inline-block;
    vertical-align: middle;
    font-size: 0.48rem;
    color: #fff;
  }
  
  .tocourse a i {
    font-style: initial;
    display: inline-block;
    vertical-align: middle;
  }
  
  .fm {
    width: 29%;
  }
  
  .main_div {
    position: relative;
  }
  
  .spr-div {
    background-image: url(//cdn-static-poster.huazhen2008.com/2008/newStatic/article/img/jingling_1.png);
    background-repeat: no-repeat;
    background-size: 13.33333rem 13.33333rem;
  }
  
  .spr_home {
    position: absolute;
    left: 0.26667rem;
    background-position: -2.6rem -1.86667rem;
    width: 2.64rem;
    height: 0.6rem;
    display: inline-block;
  }
  
  .spr_search_2 {
    background-position: -8.32rem -1.14667rem;
    width: 0.56rem;
    height: 0.56rem;
    margin: 0.07333rem -0.14rem;
    display: inline-block;
  }
  
  .spr_logo_2 {
    background-position: -6.72rem -1.17333rem;
    width: 1.12rem;
    height: 0.50667rem;
    margin: -0.12667rem 0rem;
    display: inline-block;
  }
  
  .spr_close {
    background-position: -6.08rem -0.36rem;
    width: 0.56rem;
    height: 0.56rem;
    margin: 0rem 0;
    display: inline-block;
    float: right;
  }
  
  .spr_search {
    background-position: -10.45333rem -0.13333rem;
    width: 0.82667rem;
    height: 0.66667rem;
    display: inline-block;
  }
  
  .spr_search {
    position: absolute;
    right: 0.26667rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .souDiv {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
  }
  
  .souCon {
    width: 80%;
    padding: 0.4rem;
    border-radius: 0.26667rem;
    margin: 1.33333rem auto;
    background: white;
  }
  
  .logored {
    display: inline-block;
    width: 2rem;
  }
  
  .souClose {
    float: right;
    width: 1rem;
  }
  
  .souInput {
    background: #eeeeee;
    border-radius: 40px;
    padding: 0.13333rem 0.4rem;
    font-size: 0;
    margin: 0.4rem 0;
  }
  
  .souInput input {
    display: inline-block;
    vertical-align: middle;
    width: 86%;
    border: none;
    font-size: 0.4rem;
    line-height: 0.64rem;
    background: #eeeeee;
    border-radius: 0;
    border-right: 1px solid #999999;
  }
  
  .souInput a {
    display: inline-block;
    vertical-align: middle;
    width: 8%;
    margin-left: 2%;
  }
  
  .souInput a img {
    display: block;
    width: 100%;
  }
  
  .souInput ._span {
    display: inline-block;
    vertical-align: middle;
    width: 8%;
    margin-left: 4%;
  }
  
  .souInput ._span img {
    display: block;
    width: 100%;
  }
  
  .souList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
  }
  
  .souList a {
    display: inline-block;
    width: 21%;
    font-size: 0.4rem;
    color: #999999;
    margin: 0.26667rem 0;
  }
  
  .hid{
    display: none !important;
  }