body {
  background: #fff;
}

.contact-container {
  display: flex;
  flex-direction: column;
  min-height: 100vh;

  .container-main {
    flex: 1;
    padding: 2.5rem 0;

    .main-title {
      .title {
        color: #333;
        font-size: 2rem;
        font-weight: 600;
        line-height: 2.8125rem;
      }

      .subtitle {
        color: #999;
        font-size: 1rem;
        line-height: 1.375rem;
        text-transform: uppercase;
        margin-top: .25rem;
      }

      &::after {
        content: "";
        display: block;
        width: 3rem;
        height: .375rem;
        background: var(--main-color);
        margin-top: .25rem;
      }
    }

    .main-content {
      .item {
        .item-title {
          color: #333;
          font-size: 1rem;
          line-height: 1.375rem;
          margin-top: 2rem;
        }

        .item-cont {
          color: #333;
          font-size: 1.25rem;
          line-height: 1.75rem;
          font-weight: 600;
          margin-top: .75rem;
        }

        .item-code {
          margin-top: .875rem;
          width: auto;
          height: 7.5rem;
        }
      }
    }
  }

  // 适配手机端
  @media screen and (max-width: 767px) {
    .container-main {
      padding: 1.5rem 0;

      .main-title {
        .title {
          font-size: 1.125rem;
          line-height: 1.5rem;
        }

        .subtitle {
          font-size: .75rem;
          line-height: 1rem;
        }
      }

      .main-content {
        .item {
          .item-title {
            font-size: 1rem;
            line-height: 1.375rem;
            margin-top: 1rem;
          }

          .item-cont {
            font-size: 1rem;
            line-height: 1.375rem;
            margin-top: .75rem;
          }

          .item-code {
            margin-top: .75rem;
          }
        }
      }
    }
  }
}