.A1info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #5f5244;
  // background: linear-gradient(#584735, #dfd4bb);
  z-index: 100;
  overflow: hidden;
  :global {
    .A1Dclose {
      position: absolute;
      top: 15px;
      right: 15px;
      z-index: 100;
      width: 40px;
    }
    .A1Dtop {
      width: 100%;
      height: 60%;
      transition: all 0.3s;
      iframe {
        width: 100%;
        height: 100%;
      }
    }
    .A1Dmain {
      width: 100%;
      height: calc(40% + 15px);
      position: absolute;
      bottom: 0;
      transition: all 0.3s;
      left: 0;
      background-color: #f8f3e7;
      background-position: 0 100%;
      background-size: 100% auto;
      background-repeat: no-repeat;
      border-radius: 20px 20px 0 0;
      z-index: 11;
      padding: 30px 30px 0px;

      .A1Dtit {
        color: #5b472e;
        height: 100px;
        border-bottom: 1px #5b472e dashed;
        margin-bottom: 20px;
        & > H1 {
          font-size: 20px;
          font-weight: 700;
        }
        & > P {
          margin-top: 5px;
          color: #b2a896;
          & > span {
            font-weight: 700;
          }
        }
      }

      .A1Dtxt {
        height: calc(100% - 120px);
        width: calc(100% + 15px);
        padding-right: 15px;
        overflow-y: auto;
        padding-bottom: 10px;
        p {
          text-indent: 2em;
          color: #5b472e;
          line-height: 22px;
          margin-bottom: 5px;
        }
      }

      .A1Dopen {
        width: 40px;
        height: 76px;
        border-radius: 6px;
        background-color: #e5c88e;
        position: absolute;
        top: -15px;
        right: 40px;
        z-index: 10;
        color: #fff;
        .anticon {
          display: block;
          font-weight: 700;
          font-size: 24px;
        }
        & > p {
          text-align: center;
        }
      }
    }
    // 点击收起
    .A1DHide {
      position: absolute;
      bottom: 0;
      right: 20px;
      display: flex;
      flex-direction: column;
      align-items: center;
      z-index: 10;
      padding-top: 15px;
      & > div {
        margin-bottom: 20px;
      }
      & > img {
        width: 40px;
      }
      .A1DHbtn {
        width: 40px;
        height: 30px;
        background-color: #e5c88e;
        border-radius: 5px;
        text-align: center;
        margin: 0;
        .anticon {
          padding-top: 3px;
          color: #fff;
          font-weight: 700;
          font-size: 24px;
        }
      }
    }

    .A1DshowTitle {
      position: absolute;
      z-index: 15;
      top: 15px;
      width: calc(100% - 100px);
      left: 10%;
      text-align: center;
      font-size: 20px;
      color: #efdbac;
      font-weight: 700;
    }
  }
}

// 展开状态
.A1infoOpen {
  :global {
    .A1Dtop {
      width: 100%;
      height: 100%;
    }
    .A1Dmain {
      bottom: -100vh;
    }
  }
}
