Chengzhebei/src/pages/A2yblm/components/Intro/index.module.scss

.Intro {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0 20px;
  background: url(../../../../assets/img/intro_bg.png) no-repeat center center;
  background-size: 100% 100%;
  padding-top: 30px;
  overflow-y: auto;

  &::-webkit-scrollbar {
    width: 0px;
  }

  :global {
    .titleLogo {
      width: 120px;
      height: 60px;

      & > img {
        height: 100%;
        object-fit: contain;
      }
    }

    .info {
      width: 100%;
      height: fit-content;
      display: flex;
      gap: 10px;
      color: #fff;

      &:last-child {
        margin-bottom: 15px;
      }

      .label {
        position: relative;
        height: fit-content;
        font-size: 16px;
        font-weight: bold;
        white-space: nowrap;
        width: 40px;

        &::after {
          content: '';
          width: 28px;
          height: 4px;
          position: absolute;
          z-index: -1;
          top: 50%;
          left: 50%;
          transform: translate(-57%, 147%);
          background-color: rgba(124, 75, 54, 1);
        }
      }

      .content {
        width: calc(100% - 40px);
        color: rgba(255, 255, 255, 1);
        font-size: 16px;
        text-align: justify;
      }
    }
  }
}

// --------英文版-----
.IntroEn {
  :global {
    .titleLogo {
      width: auto;
      height: 24px;
    }
    .info {
      .label {
        width: 84px;
        text-align: center;
      }

      .content {
        width: calc(100% - 84px);
        text-align: start;
      }
    }
  }
}