footer {
      position: relative;
      z-index: 10;
      background: var(--color);
      padding-top: 60px;
    }

    footer .container {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
    }

    footer h1 {
      font-size: 14px;
      color: #fdd428;
      margin-bottom: 15px;
    }

    .footerConract p {
      font-weight: bold;
      font-size: 14px;
      color: rgba(255, 255, 255, 0.77);
      margin-bottom: 15px;
    }

    .footerConract .desc {
      font-size: 14px;
      color: rgba(255, 255, 255, 0.77);
    }

    .footerNav {
      width: 100px;
      display: flex;
      flex-direction: column;
    }

    .footerNav a {
      color: rgba(255, 255, 255, 0.63);
      font-size: 14px;
    }

    footer .ewm {
      width: 200px;
    }

    footer form {
      width: 300px;
    }

    footer form input {
      width: 100%;
      height: 26px;
      padding-left: 5px;
      border: #ccc 1px solid;
      background: #fff0;
      margin-bottom: 10px;
    }

    footer form textarea {
      width: 100%;
      height: 50px;
      border: #ccc 1px solid;
      padding-left: 5px;
      background: #fff0;
      margin-bottom: 10px;
    }

    footer form .codeBox {
      width: 100%;
      height: 26px;
      margin-bottom: 10px;
    }

    footer form .codeBox input {
      padding-left: 5px;
      border: #ccc 1px solid;
      background: #fff0;
    }

    footer form .codeBox img {
      width: 100px;
      height: 26px;
      background: #fff;
    }

    footer form .input4 {
      width: 100px;
      height: 26px;
      background: #fff;
    }

    @media (max-width:1200px) {}

    @media (max-width:720px) {}

    @media (max-width: 460px) {}

    /* 备案 */
    /* 备案 */
    .footer {
      padding: 60px 0 15px;
      background: var(--color);
      position: relative;
      z-index: 3;
      width: 100%;
    }

    .footer * {
      color: #8d8d8d !important;
      font-size: 14px;
      line-height: 1.5;
      text-align: center;
    }

    .footer .container {
      padding-bottom: 20px;

    }




    @media (max-width: 1200px) {
      footer form {
        display: none;
      }

      footer .ewm {
        display: none;
      }

      .footerNav {
        display: none;
      }

      .footerConract {
        width: 100%;
      }

      .footerConract * {
        text-align: center;
      }
    }