.pen {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 501;
}

.open {
  display: block;
}

.whiteboard {
  background: #fff !important;
}

.hide {
  display: none;
}

.iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

.dely {
  opacity: 0;
}

.rightItem {
  position: absolute;
  right: 30px;
  bottom: 0;
  bottom: constant(safe-area-inset-bottom);
  bottom: env(safe-area-inset-bottom);
  height: 78Px;
  display: flex;
  justify-content: center;
  align-items: center;

  svg {
    width: 28Px;
    height: 28Px;
  }

  // position: absolute;
  // top: 40px;
  // left: 40px;
  // width: 187px;
  // height: 65px;
  // cursor: pointer;
  // transition: all 0.5s;

  // img {
  //   width: 100%;
  //   height: 100%;
  //   -moz-user-select: none;
  //   /* 火狐浏览器 */
  //   -webkit-user-drag: none;
  //   /* 谷歌、Safari和Opera浏览器 */
  //   -webkit-user-select: none;
  //   /* 谷歌、Safari和Opera浏览器 */
  //   -ms-user-select: none;
  //   /* IE10+浏览器 */
  //   user-select: none;
  //   /* 通用 */
  //   -webkit-touch-callout: none;
  //   /* iOS Safari */
  // }

}

.img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
}


.removeVisiable {
  width: 432px;

  :global {
    .n-card-header {
      font-size: max(22px, 16Px);
    }
  }

  .studentRemove {
    padding: 20px 40px 0;

    p {
      font-size: max(18px, 14Px);
      color: #777777;
      line-height: 30px;
      text-align: center;

      span {
        color: #EA4132;
      }
    }
  }

  .btnGroupModal {
    padding: 32px 0;

    :global {
      .n-button {
        height: 47px;
        min-width: 156px;
      }
    }
  }
}