@media (max-width: 992px) {
  .app-main .el-card {
    margin: 16px 14px !important;
  }
  .el-dialog {
    width: 92% !important;
    max-width: 92%;
  }
  .wechat-agreement-dialog {
    width: 92% !important;
  }
}

@media (max-width: 768px) {
  .app-main .el-card {
    margin: 12px 8px !important;
  }
  .app-main .el-card__body {
    padding: 12px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .app-main .el-card .el-row .el-col[class*="el-col-"] {
    width: 100%;
  }

  .app-main .el-form--inline .el-form-item {
    display: block;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .app-main .el-form--inline .el-form-item__label {
    display: block;
    float: none;
    text-align: left;
    padding: 0 0 6px;
  }
  .app-main .el-form--inline .el-form-item__content {
    margin-left: 0 !important;
  }
  .app-main .el-form--inline .el-form-item__content {
    display: block;
    width: 100%;
  }
  .app-main .el-form--inline .el-input {
    width: 100%;
  }
  .app-main .el-form--inline .el-button {
    margin-bottom: 8px;
  }

  .app-main .el-table {
    min-width: 1080px;
  }

  .app-main .el-pagination {
    white-space: normal;
    text-align: left;
  }
}

@media (max-width: 480px) {
  .wechat-login-container {
    padding: 0 12px;
    box-sizing: border-box;
  }
  .wechat-login-card {
    width: 92vw;
    padding: 10px;
  }
  .wechat-glass-effect {
    padding: 24px 18px;
  }
}