yangZhou_liuChaoShiKe/code/src/pages/A3liuChao2/index.module.scss

.A3liuChao2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  overflow: auto;

  :global {
    .A3box2 {
      width: 100%;
      height: 2120px;
      background-size: 100% 100%;
      padding-top: 112px;
      padding-top: 270px;

      .A3tit2 {
        display: flex;
        justify-content: center;

        &>img {
          width: 170px;
          height: 465px;
        }

        &>div {
          display: flex;
          align-items: center;
          margin-left: 42px;
          width: 677px;
          font-size: 24px;
          line-height: 36px;
          letter-spacing: 4px;
        }
      }

      .A3zhou2 {
        position: relative;
        background-size: 100% 100%;
        margin: 434px 0 122px 185px;
        width: 1229px;
        height: 671px;
        padding-top: 167px;

        .A3Ztop {
          width: 215px;
          height: auto;
          position: absolute;
          top: -114px;
          left: 106px;
        }

        .A3Ztxt {
          width: 650px;
          height: 460px;
          margin-left: 215px;
          overflow-y: auto;

          &>P {
            color: #170C07;
            font-size: 24px;
            line-height: 36px;
            margin-bottom: 30px;
            letter-spacing: 2px;
            font-family: 'kai';
          }

        }

        .A3Zimg {
          position: absolute;
          top: -46px;
          right: -330px;
          width: 616px;
          height: 800px;

          &>img {
            width: 100%;
            height: 710px;
            display: block;
            margin-bottom: 26px;
          }

          .A3ZimgBtn {
            padding: 0 60px;
            height: 64px;
            display: flex;
            align-items: center;

            &>img {
              pointer-events: auto;
              cursor: pointer;
              width: 64px;
              height: 64px;
              animation: yunShan 2s infinite linear;
            }

            .A3ZimgBtnNo {
              pointer-events: none;
              animation: none;
              opacity: 0.5;
            }

            &>p {
              font-size: 24px;
              width: calc(100% - 128px);
              padding: 0 5px;
              text-align: center;
            }
          }

          .A3ZimgBtn2 {
            &>img {
              opacity: 0 !important;
            }
          }
        }

      }

      .A3ZdiTxt {
        margin-top: 140px;
        font-size: 24px;
        line-height: 36px;
        width: 1423px;
        margin: 0 auto;
        letter-spacing: 1px;
      }

    }
  }
}