.cardPreview {
  width: 920px;
  overflow: hidden;

  :global {
    .n-card__content {
      height: 517px;
      border-radius: 0 0 16px 16px !important;
      overflow: hidden;
    }

    .n-card-header__main {
      max-width: 60%;
      margin: 0 auto;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  }
}
:global{
  .cardPreviewBoxClass_drag .bom_drag{
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    >div{
      background: url("@/views/attend-class/image/leftBom.png") no-repeat !important;
      background-size: 100% 100% !important;
      &:last-child{
        background: url("@/views/attend-class/image/rightBom.png") no-repeat !important;
        background-size: 100% 100% !important;
      }
    }
  }
}
.maxCard {
  width: 1200px;

  .pptBox {
    height: 700px;
  }
}

.cardLarge {
  position: relative;
  width: 1360px;

  .musicPreview {
    height: 82vh;

  }

  // height: calc(85vh - var(--modal-lesson-tab-height) - 151.171875px - 12px);

  .instrumentGroup {
    height: 82vh;
  }
}
.classCard{
  width: 1200px;
  .musicPreview {
    height: 70vh;

  }
  .instrumentGroup {
    height: 70vh;
  }
}
