@media (max-width: 768px) {
  .sign {
    padding: 0 20px 30px 20px;
    float: none;
  }
  h1 {
    padding-top: 30px!important;
  }
  .logo {
    margin: 0 auto;
    width: 120px;
    height: 39px;
    padding-top: 58px;
  }
  .logo img {
    display: inline-block;
    width: 120px;
    height: 39px;
  }
  .log_bg {
    display: none;
  }
  .sign {
    display: block;
    width: 323px;
    height: auto;
    margin: 0 auto;
    margin-top: 100px;
  }
  .sign .wexin {
    margin-top: 20px;
  }
  .sign .number {
    width: 280px;
  }
  .sign .sign p {
    padding-bottom: 20px!important;
  }
  .mob_sign {
    border-radius: 4px;
    background: #fff;
    width: 323px;
    height: 342px;
    margin: 0 auto;
    margin-top: 100px;
  }
  .mob_sign h2 {
    text-align: center;
  }
  .mob_sign h2 img {
    display: inline-block;
    margin-top: 103px;
    width: 85px;
    height: 70px;
  }
  .mob_sign .mob_wechat {
    margin-left: 45px;
    margin-top: 70px;
    width: 232px;
    height: 40px;
    background: #0dc288;
    border-radius: 2px;
    border: none;
    font-size: 14px;
    color: #fff;
  }
  .mob_sign p {
    font-size: 12px;
    color: #999;
    text-align: center;
    margin-top: 20px;
  }
  .mob_sign p a {
    color: #3F6D84;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .mob_sign {
    display: none;
  }
}
@media (min-width: 993px) {
  margin-top: 200px!important;
  
  .mob_sign {
    display: none;
  }
}