kaiPingWeb/code/src/pages/D1BuildM/index.module.scss

.D1BuildM {
  position: relative;
  z-index: 40;
  background-size: 100% 100%;
  background-color: #fff;
  padding-top: 15px;

  :global {
    .D1top {
      width: 100%;
      height: 40px;
      padding: 0 15px;
      display: flex;

      .D1back {
        width: 40px;
        height: 40px;
      }
    }

    .D1topTab {
      width: calc(100% - 60px);
      margin-left: 20px;
      height: 40px;
      overflow-x: auto;

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

      .D1topTabMain {
        white-space: nowrap;
        display: inline-block;

        &>div {
          display: inline-block;
          height: 100%;
          line-height: 40px;
          margin-right: 15px;
          padding: 0 15px;
          color: var(--themeColor);
          font-size: 16px;
          border-radius: 20px;
        }

        .D1topRow {
          background-color: var(--themeColor2);
          font-weight: 700;
        }
      }
    }

    .D1list {
      width: 100%;
      height: calc(100% - 50px);
      margin-top: 10px;
      overflow-y: auto;
      padding-top: 40px;

      .D1row {
        width: 100%;
        height: 120px;
        padding: 0 5% 0 14%;
        max-width: 450px;
        margin: 0 auto 60px;
        position: relative;
        min-width: 340px;

        .D1row1 {
          width: 100%;
          height: 100%;
          background-size: 100% 100%;
          padding-left: 130px;
          display: flex;
          justify-content: center;
          flex-direction: column;
          color: var(--themeColor);

          &>div {
            font-size: 16px;
            font-weight: 700;
            margin-bottom: 6px;
          }

          &>p {
            opacity: .6;
          }
        }

        .D1row2 {
          width: 160px;
          height: 160px;
          height: calc(100% + 40px);
          position: absolute;
          z-index: 10;
          left: 15px;
          top: -20px;
          text-align: center;

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

  }
}