.B2myz {
  background-image: url('../../assets/img/notice/bg03.jpg');
  background-size: 100% 100%;
  :global {
    .B2main {
      height: calc(100% - 100px);
      padding: 24px 18px;
      overflow-y: auto;
      .B2row {
        height: 510px;
        background-image: url('../../assets/img/my/listBg.png');
        background-size: 100% 100%;
        margin-bottom: 30px;
        padding: 5px 27px 27px;
        font-size: 16px;
        position: relative;
        .B2row1 {
          position: relative;
          border-bottom: 2px dashed #bebebe;
          position: relative;
          height: 103px;
          display: flex;
          flex-direction: column;
          justify-content: space-around;
          & > p {
            width: 90%;
            line-height: 18px;
            margin-bottom: 0px;
            span {
              font-weight: 700;
              color: var(--themeColor2);
            }
          }
          .B2row1Sta {
            position: absolute;
            top: 0;
            right: 0;
            border: 1px solid black;
            padding: 0 10px;
            height: 40px;
            line-height: 38px;
            border-radius: 20px;
          }
          .B2row1StaHe {
            color: var(--themeColor2);
            border-color: var(--themeColor2);
          }
        }
        .B2row2Box {
          height: 315px;
          overflow-y: auto;
          .B2row2 {
            margin-top: 10px;

            .B2row2_1 {
              font-size: 16px;
              color: var(--themeColor);
              font-weight: 700;
            }
            & > p {
              margin-top: 2px;
              word-wrap: break-word;
            }
          }
          .B2row2T {
            .B2row2Tdesc {
              margin-top: 2px;
              display: flex;

              .B2row2Tdesc1 {
                width: 80px;
              }
              .B2row2Tdesc2 {
                width: calc(100% - 80px);
                word-wrap: break-word;
                white-space: pre-wrap;
              }
            }
          }
        }

        // 撤回预约、生成二维码
        .B2rowCheBox {
          position: absolute;
          bottom: 30px;
          left: 0;
          display: flex;
          justify-content: center;
          width: 100%;
        }
        .B2rowChe {
          background-color: var(--themeColor);
          color: #fff;
          height: 40px;
          line-height: 40px;
          padding: 0 15px;
          border-radius: 20px;
        }
        .B2rowCodeBtn {
          margin-left: 20px;
          width: 150px;
          text-align: center;
          background-color: var(--themeColor2);
        }
      }

      .B2No {
        width: 100%;
        height: 80%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        & > img {
          width: 150px;
          height: auto;
        }
        & > p {
          margin-top: 15px;
          font-size: 20px;
          color: var(--themeColor);
        }
      }

      .B2dian {
        font-size: 18px;
        text-align: center;
      }
    }
    .B2codeBox {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.8);
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      .ant-qrcode {
        background-color: #fff !important;
      }
      .anticon-close-circle {
        color: #fff;
        font-size: 40px;
        margin-top: 80px;
      }
    }
  }
}
