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

.C1ArchitecM {
  background-size: 100% 100%;
  position: relative;

  :global {
    .C1Aguang {
      z-index: 20;
      pointer-events: none;
      position: absolute;
      top: -10%;
      left: 0;
      width: 100%;
      height: 80%;

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

    .C1Aname {
      position: absolute;
      z-index: 30;
      top: 8%;
      font-size: 24px;
      font-weight: 700;
      letter-spacing: 2px;
      padding-bottom: 30px;
      pointer-events: none;
      text-align: center;
      color: var(--themeColor);
      width: 100%;

      &>img {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 60%;
        height: 16px;
      }
    }

    .C1bs {
      position: absolute;
      z-index: 3;
      right: 10px;
      top: 20px;
      background-image: url('../../assets/img/tab3//btn_cunluo.png');
      background-size: 100% 100%;
      width: 50px;
      text-align: center;
      padding: 16px 5px;

      &>img {
        display: inline-block;
        padding: 10px 0 5px;
        width: 20px;

        &:nth-of-type(2) {
          padding: 5px 0 10px;
        }
      }

      .C1noneImg {
        opacity: .3;
        pointer-events: none;
      }

      &>div {
        height: calc(100% - 100px);
        display: flex;
        flex-direction: column;
        font-size: 14px;
        color: var(--themeColor2);
        text-shadow: 1px 1px black;
        padding: 0 10px;
      }
    }

    .C1bsLong {
      background-image: url('../../assets/img/tab3//btn_cunluo2.png');

    }

    // 轮播图

    .C1Amain {
      position: absolute;
      bottom: 16%;
      height: calc(76% - 80px);
      width: 100%;
      z-index: 40;

      .mySwiper {
        width: 100%;
        height: 70%;
        position: relative;

        .C1AmainBac {
          position: absolute;
          top: 100px;
          left: 0;
          width: 100%;
          height: calc(100% - 100px);
          background-color: #655b53;
          background-size: 100% 100%;
        }

        .swiper-wrapper {
          height: 100%;
          position: relative;
          z-index: 3;

          .swiper-slide {
            position: relative;
            height: calc(100% - 100px);
            text-align: center;
            top: 100px;

            img {
              transition: all .3s;
              position: absolute;
              bottom: 0;
              left: 50%;
              transform: translateX(-50%);
              // width: 100%;
              height: 100%;
              // object-fit: fill;

            }
          }

          .swiper-slideBig {

            // transform: scale(1.4);
            // top: 52px;
            &>img {
              height: calc(100% + 100px);
              max-height: 150%;
              max-width: 150%;
            }

            // height: calc(100% - 10px);
          }
        }
      }

      // 底部介绍
      .C1Atxt {
        width: 100%;
        height: 30%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 5px 20px;

        &>div {
          max-width: 100%;
          max-height: 100%;
          overflow-y: auto;
          padding-right: 4px;
          color: var(--themeColor);
          letter-spacing: 2px;
        }
      }
    }


  }
}