tieTa3D/src/pages/ALookPage/A2ZL/index.module.scss

.A2ZL {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 10px;
  padding: 15px 24px;
  :global {
    .lookZLBtn {
      text-align: end;
      margin-bottom: 10px;
      padding-right: 45px;
    }

    .lookZLBox {
      width: 100%;
      height: calc(100% - 42px);
      position: relative;
      overflow-y: auto;
      .lookTit {
        width: calc(100% - 30px);
        font-weight: 700;
        color: var(--themeColor);
        font-size: 18px;
        padding: 12px 0;
        border-top: 1px solid #ccc;
      }
      .lookTit {
        display: flex;
        width: 1000px;
        justify-content: space-between;
      }
    }

    .lookZLBoxAdd {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 100;
      width: 100%;
      height: 100%;
      padding: 50px;
      background-color: rgba(0, 0, 0, 0.6);
      border-radius: 10px;
      & > div {
        position: relative;
        width: 100%;
        height: 100%;
      }
    }
  }
}