footer {
      position: relative;
      z-index: 10;
      padding-left: var(--w1200);
      display: flex;
    }

    .footer1 {
      width: 660px;
      padding-top: 120px;
      display: flex;
      flex-wrap: wrap;
    }



    .FtItem {
      width: 300px;
      display: flex;
      flex-direction: column;
    }

    .FtItem h1 {
      font-size: 18px;
      margin-bottom: 15px;
      font-weight: bold;
      color: #fff;
    }

    .FtItem a {
      font-size: 14px;
      line-height: 2;
      color: #fff;
      opacity: 0.7;
    }

    .FtItem .desc {
      font-size: 14px;
      line-height: 2;
      color: #fff;
      opacity: 0.7;
    }

    .FtItem .icon0 {
      margin-top: 15px;
      display: flex;
      grid-gap: 20px;
    }

    .FtItem .icon0 img {
      width: 25px;
    }

    .footer2 {
      width: calc(100% - 660px);
      background: var(--color);
      padding-top: 160px;
      padding-left: 75px;
      padding-right: var(--w1200);
      margin-top: -45px;
      position: relative;
    }

    .footer2::after {
      content: "";
      display: block;
      width: 25px;
      height: 45px;
      background: url(/assets/images/icon2.png) no-repeat center;
      background-size: 100% 100%;
      position: absolute;
      top: 0;
      left: -25px;
    }

    .footer2 h1 {
      font-size: 28px;
      font-weight: bold;
      color: #fff;
      margin-bottom: 15px;
    }

    .footer2 form {
      display: flex;
      flex-wrap: wrap;
      flex-direction: column;
      grid-gap: 15px;
    }

    .footer2 input {
      width: 100%;
      max-width: 360px;
      font-size: 14px;
      height: 35px;
      padding-left: 15px;
      border-radius: 4px;
    }

    .footer2 textarea {
      width: 100%;
      max-width: 360px;
      padding-top: 10px;
      padding-left: 15px;
      border-radius: 4px;
    }

    .footer2 .codeBox {
      width: 100%;
      max-width: 360px;
    }

    .footer2 .codeBox img {
      height: 35px;
    }

    .footer2 .input4 {
      background: #972e28;
      font-size: 14px;
      border-radius: 4px;
      color: #fff;
      width: 175px;
      height: 35px;
    }


    /* 备案 */
    /* 备案 */
    .dibu {
      opacity: 0.7;
      margin-top: 145px;
      padding: 15px 0;
      padding-right: 60px;
      border-top: 1px solid #ccc;
      position: relative;
      z-index: 3;
      width: 100%;
    }

    .dibu,
    .dibu * {
      color: #ccc;
      font-size: 14px;
      line-height: 2;
    }


    @media (max-width: 460px) {

      .dibu,
      .dibu * {
        line-height: 1.5;
      }
    }




    @media (max-width: 1200px) {
      .footer1 {
        width: 40%;
        padding-top: 60px;
        padding-right: 30px;
      }

      .FtItem {
        margin-bottom: 45px;
      }

      .dibu {
        margin-top: 0;
      }

      .footer2 {
        width: 60%;
        padding-left: 30px;
      }
    }

    @media (max-width: 720px) {
      footer {
        padding-left: var(--w1200);
        padding-right: var(--w1200);
        position: relative;
        display: flex;
        flex-direction: column-reverse;
      }

      .footer2 {
        width: 100%;
        padding-left: 30px;
        padding-top: 60px;
        padding-bottom: 45px;
        padding-right: 30px;
      }

      .footer2 h1 {
        font-size: 24px;
      }

      .footer2 textarea,
      .footer2 .codeBox,
      .footer2 input {
        width: 100%;
        max-width: 100%;
      }

      .footer1 {
        width: 100%;
        padding-top: 60px;
        padding-right: 0px;
      }
    }

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