@media only screen and (max-width: 820px) {
  .bg-body {
    height: auto; }
    .bg-body .bg1,
    .bg-body .bg2,
    .bg-body .bg3 {
      display: none; }
    .bg-body .header_wrap {
      display: none; }
      .bg-body .header_wrap .top_content {
        display: none; }
    .bg-body .head-right-pop,
    .bg-body .wap-header {
      display: flex; }
    .bg-body .login-box {
      display: block;
      padding: 0; }
      .bg-body .login-box > .login-box-left {
        display: none; }
      .bg-body .login-box > .login-box-right {
        width: 100%; }
        .bg-body .login-box > .login-box-right > .right-top {
          width: 100%; }
        .bg-body .login-box > .login-box-right .g_a_login {
          display: block !important;
          width: 100% !important;
          margin-bottom: 10px; }
          .bg-body .login-box > .login-box-right .g_a_login iframe {
            width: 100% !important; }
            .bg-body .login-box > .login-box-right .g_a_login iframe div {
              width: 100% !important; }
          .bg-body .login-box > .login-box-right .g_a_login .nsm7Bb-HzV7m-LgbsSe {
            width: 100% !important;
            max-width: 100% !important;
            font-size: 18px;
            margin-right: 0 !important; }

  .otherLogin {
    flex-direction: column; }
    .otherLogin .g_id_signin {
      display: block !important;
      width: 100%;
      margin-bottom: 10px; }
      .otherLogin .g_id_signin .nsm7Bb-HzV7m-LgbsSe {
        width: 100% !important;
        max-width: none;
        font-size: 18px;
        margin-right: 0 !important; } }