@media only screen and (max-device-width:450px) {

  body,
  html {
    min-width: 100%;
  }

  .head-logo {
    width: 100%;
  }

  .head-logo {
    text-align: center;
  }

  .head-logo img {
    margin: 0 auto;
    float: none;
  }

  .main-head {
    height: 153px;
  }

  .head-logo {
    padding: 6px 0;
  }

  .main-login {
    margin: 0;
  }

  .main-login {
    width: 100%;
  }

  .login-form {
    position: static;
    float: none;
    width: 100%;
    height: 670px;
  }

  #tabs {
    position: static;
  }

  .main-footer {
    position: static;
    /* top: 1390px; */

  }

  .bg-tb {
    display: none;
  }

  .login-bg {
    position: static;
    top: 676px;
    width: 100%;
    float: none;
  }

  #tabs li {
    width: 50%;
  }


  .login-qt {
    width: 100%;
    margin: 0 auto;
    float: none;
  }

  .tabulous_active {
    width: 100% !important;
    background-size: cover !important;
  }

  #tabs li a {
    width: 100%;
  }

  .label-form {
    width: 100%;
  }

  .qt-label span {
    font-size: 13px;
  }

  .qt-label {
    width: 45%;
    margin: 2%;
  }

  .label-input {
    width: 358px;
  }

  .wz {
    width: 91%;
    margin: 0;
    padding: 0 16px;
  }

  .wx {
    width: 100%;
  }

  .label-input input {
    width: 73%;
  }

  .logo {
    width: 100%;
    margin-top: 6px;
    font-size: 20px;
    text-align: center;
  }

  .mh {
    width: 100%;
    text-align: center;
    float: left;
  }

  .s {
    display: none;
  }

  .qt {
    overflow: hidden;
    width: 100%;
  }

  .login-bg {
    height: auto;
  }

  .wz {
    float: none;
    height: auto;
  }

  .login-qt {
    height: auto;
  }

  .qt-label-active {
    width: 45%;
  }

  .qt-label span {
    margin-left: 12px;
  }

  .qt-label-active span {
    margin-left: 0;
    float: none;
    font-size: 15px;
  }

 .wx {
		display: none;
	}
}