eyuwan/src/pages/A2layoutM/index.module.scss

.A2layout {
  width: 100%;
  height: 100%;
  background-color: #f5f5f5;
  background-image: url('../../assets/img/layout_bg_M.jpg');
  background-size: 100% 100%;
  :global {
    .layoutTitle {
      position: absolute;
      left: 50%;
      transform: translate(-50%, 0);
      top: 17%;
      width: 95%;
      height: 153px;
      background: url('../../assets/img/title_M.png') no-repeat center center;
      background-size: 100% 100%;
    }
    .siderBar {
      position: absolute;
      left: 50%;
      bottom: 20px;
      transform: translate(-50%, 0);
      width: 100%;
      height: 110px;
      display: flex;
      justify-content: center;
      gap: 10%;
      .detailPanel,
      .introPanel {
        width: 40%;
        height: 100px;
        text-align: center;
      }
    }
  }
}

@media screen and (max-width: 768px) {
  .A2layout {
    :global {
      .tabBar {
        width: 100%;
        .tabBtn {
          height: 70px;
          padding: 10px;
          line-height: 20px;
        }
      }
    }
  }
}