@media (max-width: 750px) {
  /* contact us */
  .contact-us {
    height: 6.37rem;
  }
  .contact-us .first-div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 3.17rem;
    font-family: "AlibabaSans-Medium";
    font-size: 0.35rem;
    color: #ffffff;
    line-height: 0.53rem;
    text-align: center;
    background-image: url("../img/bg-contact-us.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;

    img {
      width: 0.2rem;
      margin-right: 0.06rem;
    }

    div {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 2.3rem;
      height: 0.45rem;
      margin-top: 0.4rem;
      font-size: 0.2rem;
      font-family: "ArialMT";
      line-height: 0.43rem;
      color: #2b2d8b;
      border-radius: 0.22rem;
      background-color: #ffffff;
    }
  }

  .contact-us .second-div {
    height: 3.2rem;
    padding: 0.63rem 0 0 0;
    text-align: center;
    color: #000;
    background-color: #ffffff;
  }
  .contact-us .title {
    font-weight: 600;
    font-size: 0.39rem;
    color: #3151b0;

    img {
      width: 0.26rem;
    }
  }

  .contact-us .text {
    margin-top: 0.3rem;
    color: #656565;
    font-size: 0.22rem;
  }

  .contact-us .email-input {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0.2rem 0 0rem 0;
    padding-left: 0.1rem;
    font-family: "ArialMT";

    .input-box {
      width: 2.62rem;
      height: 0.46rem;
      border: 1px solid #3660d8;
      padding: 0;
      border-radius: 0.3rem;
      padding-left: 0.2rem;
      font-size: 0.24rem;
      line-height: 0.46rem;
      input {
        width: 80%;
        border: none;
      }
    }

    .input-div {
      border: 1px solid #9db5fa;
      height: 0.6rem;
      border-radius: 0.3rem;
      padding: 0;
    }

    .sub-btn {
      margin-left: 0.28rem;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 1.43rem;
      height: 0.45rem;
      color: #ffffff;
      font-size: 0.2rem;
      font-family: "ArialMT";
      border-radius: 0.3rem;
      background-color: #3f5ed0;
    }
  }

  .contact-us .checkbox {
    margin-top: 0.2rem;
    display: flex;
    justify-content: center;
    align-items: center;

    label {
      color: #000;
      font-size: 0.2rem;
    }
  }

  .contact-us .checkbox > div {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0.1rem;
  }

  /* footer */
  footer {
    padding: 0.43rem 0.23rem 0.43rem 0.19rem;
    color: #ffffff;
    box-sizing: border-box;
    background-color: #131c34;

    .company {
      margin-bottom: 0.4rem;

      .bottom-logo {
        img {
          width: 2.03rem;
          height: 0.5rem;
        }
      }

      .bottom-icon {
        display: flex;
        justify-content: end;
        align-items: center;
        .we-chart {
          position: relative;
        }
        .wechat-code {
          display: none;
          position: absolute;
          width: 1.5rem;
          height: 1.5rem;
          top: 1rem;
          right: 0;
          margin: 0;
          padding: 0;
        }
        img {
          height: 0.45rem;
          margin-left: 0.32rem;
        }
        .wechat-code img {
          width: 1.5rem;
          height: 1.5rem;
        }
      }

      p {
        text-align: center;
      }
    }

    .title {
      font-size: 0.25rem;
      font-family: "AlibabaSans-Medium";
    }

    .brands {
      margin: 0.4rem 0;
      font-size: 0.25rem;

      > ul {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0.4rem 0;

        li {
          flex: 33%;
          font-size: 0.23rem;
          img {
            margin-left: 0.05rem;
            width: 0.24rem;
          }
        }
      }
    }

    .footer-comtainer {
      box-sizing: border-box;
      display: flex;
      justify-content: center;
      align-items: start;
      flex-wrap: wrap;
      width: 100%;

      .footer-item {
        flex: 33%;
        margin-bottom: 0.12rem;

        p {
          margin-bottom: 0.4rem;
          font-family: "AlibabaSans-Medium";
          font-size: 0.21rem;
          line-height: 0.3rem;
        }

        ul {
          display: flex;
          align-items: start;
          justify-content: start;
          flex-direction: column;

          li {
            color: #eaeaea;
            font-family: "AlibabaSans-Regular";
            font-size: 0.19rem;
            line-height: 0.23rem;
            margin-bottom: 0.25rem;

            img {
              margin-left: 0.08rem;
            }
          }

          .first {
            margin-bottom: 0.1rem;
            font-family: "AlibabaSans-Medium";
            font-size: 0.16rem;
            line-height: 0.3rem;
          }
        }

        a {
          color: #9ca3af;
        }
      }
    }

    .footer-copy-rights {
      span {
        display: inline-block;
        margin-right: 0.1rem;
        color: #868686;
        font-family: "ArialMT";
        font-size: 0.16rem;

        a {
          color: #868686;
          font-family: "ArialMT";
          font-size: 0.16rem;
        }
      }
    }
  }
}

@media (min-width: 750px) {
  /* contact us */
  .contact-us {
    text-align: center;
    font-size: 26px;
    padding: 10px;
    background-color: #fff;
  }
  .contact-us .first-div {
    border-radius: 20px;
    color: #ffffff;
    text-align: center;
    height: 325px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-image: url("../img/bg-contact-us.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;

    img {
      margin-right: 10px;
    }

    div {
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #ffffff;
      color: #2b2d8c;
      width: 210px;
      height: 50px;
      border-radius: 25px;
      margin-top: 40px;
      font-size: 20px;
    }
  }
  .contact-us .second-div {
    padding: 40px 0;

    .title {
      font-weight: 500;
      font-size: 34px;
      color: #3252b0;
    }

    .text {
      color: #666666;
      font-size: 18px;
      margin: 24px 0 0 0;
    }

    .email-input {
      display: flex;
      justify-content: center;
      align-items: center;
      padding-left: 0.1rem;
      margin-top: 30px;

      .input-box {
        position: relative;
        font-size: 18px;
        width: 300px;
        border: 1px solid #000;
        height: 50px;
        padding: 0;
        border-radius: 25px;
        padding-left: 20px;
        margin-right: 33px;
      }

      .input-box input {
        width: 80%;
        border: none;
      }

      .input-box input:focus {
        outline: none;
      }

      .sub-btn {
        font-size: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #ffffff;
        padding: 0 0.2rem;
        width: 160px;
        height: 50px;
        border-radius: 25px;
        background-color: #3f5ed0;
      }
    }

    .checkbox {
      height: 60px;
      line-height: 60px;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 20px;

      :deep(.el-checkbox__input.is-checked .el-checkbox__inner::after) {
        border-color: #3660d8;
      }

      :deep(.el-checkbox__inner) {
        width: 15px;
        height: 15px;
        background-color: #ffffff;
        border-color: #3660d8;

        &::after {
          border: 2px solid transparent;
          border-left: 0;
          border-top: 0;
          height: 10px;
          left: 5px;
          top: -1px (45deg) scaleY(0);
        }
      }

      :deep(.el-checkbox__label) {
        color: #000;
        font-size: 20px;
      }
    }

    .checkbox {
      display: flex;
      flex-direction: row;
    }
    .checkbox input[type="checkbox"] {
      display: none;
    }
    .checkbox label {
      color: #000;
      position: relative;
      padding-left: 30px;
      margin-bottom: 10px;
      margin-right: 20px;
      cursor: pointer;
      user-select: none;
      font-size: 20px;
    }
    .checkbox label::before {
      content: "";
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 15px;
      height: 15px;
      border: 1px solid #000;
      border-radius: 2px;
      background-color: #fff;
      transition: all 0.3s;
    }
    .checkbox input[type="checkbox"]:checked + label::before {
      background-color: #409eff;
      border-color: #409eff;
    }
    .checkbox input[type="checkbox"]:checked + label::after {
      content: "";
      position: absolute;
      left: 5px;
      top: 50%;
      transform: translateY(-50%) rotate(45deg);
      width: 5px;
      height: 10px;
      border: solid #fff;
      border-width: 0 2px 2px 0;
    }
  }

  /* footer */
  footer {
    background-color: #131c34;
    width: 100%;
    min-width: 1280px;
    background-color: #131c34;
    color: #ffffff;
    padding: 20px 0;
    box-sizing: border-box;
  }

  .company {
    box-sizing: border-box;
    padding: 0 45px;
  }
  .bottom-logo img {
    width: 128px;
    height: 32px;
  }
  footer .bottom-icon {
    position: relative;
  }
  footer .bottom-icon img {
    width: 27px;
    height: 27px;
    margin-left: 17px;
  }
  .wechat-code {
    display: none;
    position: absolute;
    top: 68px;
    right: 39px;
    margin: 0 !important;
    width: 100px !important;
    height: 100px !important;
  }
  .wechat-code img {
    width: 100% !important;
    height: 100% !important;
  }
  .we-chart:hover .wechat-code {
    display: block;
  }
  .brands {
    font-size: 20px;
    font-family: "AlibabaSans-Medium";
  }

  .footer-comtainer {
    padding: 0 45px;
    display: flex;
    justify-content: center;
    align-items: start;
    flex-wrap: wrap;
    margin-top: 38px;
  }
  footer .first {
    margin-top: 38px;
  }
  footer .footer-item {
    flex: 1;
    margin-bottom: 86px;
  }
  footer .footer-item p {
    font-size: 19px;
    margin-bottom: 38px;
  }

  footer .footer-item ul {
    display: flex;
    align-items: start;
    justify-content: start;
    flex-direction: column;
  }

  .footer-item ul:first-child li {
    font-size: 17px;
  }

  .footer-item ul li {
    margin-right: 31px;
    font-size: 14px;
    line-height: 40px;
  }

  .footer-item a {
    color: #9ca3af;
  }
  .footer-copy-rights {
    margin-top: 80px;
    padding: 0 45px;
    color: #868686;
    font-family: "ArialMT";
    font-size: 12px;

    span {
      display: inline-block;
      margin-right: 15px;

      a {
        color: #868686;
        font-family: "ArialMT";
        font-size: 12px;
      }
    }
  }
}
.input-box input:focus-visible {
  outline: none;
}