#footer {
      min-height: 577px;
      background: #2a2d32;
      color: #6c7075;
      font-size: 14px;
    }

    #footer a {
      text-decoration: none;
    }

    #footer .content {
      width: 1200px;
      margin: 0 auto;
      padding-bottom: 10px;
    }

    #footer .top {
      height: 90px;
      border-bottom: 1px solid #383b40;
      min-width: 1205px;
      background: url("https://cdn.smsbao.com/style/images/footer.png");
    }

    #footer .top p {
      color: #bcc2cc;
      font-size: 22px;
      display: block;
      margin-left: 140px;
      padding-top: 32px;
    }

    #footer .info {
      min-height: 252px;
      border-bottom: 1px solid #383b40;
    }

    #footer .info ul {
      margin: 0 auto;
    }

    #footer .footer-nav {
      display: grid;
      grid-template-columns: 1.15fr 1fr 1.08fr 1fr 1.1fr;
      gap: 34px;
      width: 100%;
      padding-top: 22px;
      list-style: none;
    }

    #footer .footer-group {
      min-width: 0;
      margin-left: 0;
      float: none;
    }

    #footer .footer-group .title {
      margin-bottom: 18px;
      color: #dce7f3;
      font-size: 18px;
      font-weight: 600;
    }

    #footer .footer-links {
      display: grid;
      gap: 8px;
      padding-top: 0;
      list-style: none;
    }

    #footer .footer-links li {
      width: auto !important;
      margin: 0 !important;
      float: none !important;
    }

    #footer .footer-links li a {
      display: inline-flex;
      max-width: 100%;
      align-items: center;
      color: #9ca8b5;
      font-size: 14px;
      line-height: 20px;
      text-decoration: none;
      transition: color 150ms ease;
    }

    #footer .footer-links li a:hover {
      color: #26ad60;
    }

    #footer .footer-product-links {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
    }

    #footer .footer-product-links li a {
      display: inline-flex;
      min-width: 110px;
      height: 34px;
      align-items: center;
      justify-content: center;
      border-radius: 6px;
      background: rgb(255 255 255 / 0.04);
      color: #9ca8b5;
      padding: 0 10px;
      text-align: center;
      font-size: 14px;
      line-height: 20px;
      white-space: nowrap;
    }

    #footer .footer-product-links li a:hover {
      color: #26ad60;
      background: rgb(38 173 96 / 0.14);
    }

    #footer .footer-mail {
      margin-top: 14px;
      color: #9ca8b5;
      font-size: 14px;
      line-height: 22px;
    }

    #footer .footer-mail span {
      display: block;
      color: #9ca8b5;
    }

    #footer .footer-mail a {
      color: #9ca8b5;
    }

    #footer .footer-mail a:hover {
      color: #26ad60;
    }

    #footer .footer-follow {
      margin-top: 18px;
    }

    #footer .footer-subtitle {
      margin-bottom: 10px;
      color: #dce7f3;
      font-size: 15px;
      line-height: 20px;
      font-weight: 600;
    }

    #footer .wx-code {
      width: 120px;
      height: 120px;
      background: #fff;
      border-radius: 5px;
      margin-top: 0;
    }

    #footer .wx-code img {
      width: 120px;
      height: 120px;
      border-radius: 5px;
    }

    #footer .link {
      margin: 0 auto;
    }

    #footer .footer-bottom {
      color: #6f7c8b;
      font-size: 14px;
    }

    #footer .link .zt {
      margin-top: 14px;
      font-size: 14px;
      color: #6f7c8b;
      clear: both;
      margin-bottom: 10px;
      overflow: hidden;
    }

    #footer .link .zt li {
      float: left;
      font-size: 14px;
      margin-right: 20px;
      line-height: 25px;
    }

    #footer .link .zt li a {
      color: #7f8d9c !important;
    }

    #footer .link .zt li a:hover {
      color: #26ad60 !important;
    }

    #footer .link span,
    #footer .footer-bottom p {
      color: #6f7c8b;
      line-height: 20px;
    }

    #footer .footer-bottom a {
      color: #7f8d9c;
      text-decoration: none;
    }

    #footer .footer-bottom a:hover {
      color: #26ad60;
    }

    #footer .footer-copyright {
      margin: 6px 0 4px;
    }

    #footer .footer-legal {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 6px 8px;
      margin: 0;
    }

    #footer .ba_bc img {
      display: inline-block;
      vertical-align: middle;
      margin-right: 6px;
      width: 20px;
      height: 20px;
    }

    #footer .cl {
      clear: both;
    }