.videoWrap {
  display: flex;
  flex-direction: row;
  margin-bottom: 12px;
  .videoImgWrapImg {
    width: 220px;
    height: 124px;
    margin-right: 10px;
    max-width: 220px!important;
  }
  .videoImgWrap {
    cursor: pointer;
    position: relative;
    .player {
      position: absolute;
      width: 32px;
      height: 32px;
      left: 50%;
      top: 50%;
      margin-left: -16px;
      margin-top: -16px;
    }
  }
  .courseInfo {
    padding-top: 7px;
    h4 {
      font-size: 17px;
      font-weight: 600;
      color: #333;
      line-height: 28px;
      margin-bottom: 6px;
    }
    .courseDetial {
      font-size: 16px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #666666;
      line-height: 25px;
      display: -webkit-box;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-line-clamp: 4;
      -webkit-box-orient: vertical;
    }
  }
}
.scanTxt {
  span {
    color: var(--el-color-primary);
  }
}
.videoWrap {
  :global {
    .el-dialog {
      --el-dialog-width: 440px !important;
      --el-dialog-bg-color: transparent !important;
    }
    .el-dialog__header,
    .el-dialog__body {
      padding: 0;
    }
    --el-border-color-light: transparent !important;
    .el-tabs {
      --el-tabs-header-height: 35px !important;
    }

    .el-tabs__content {
      overflow: inherit;
    }

    .el-tabs__item {
      @apply text-lg !important;
      --el-text-color-primary: #666 !important;
    }
  }
}

.scanTxt {
  span {
    color: var(--el-color-primary);
  }
}

.iconClose {
  background: url('../images/icon_close.png') no-repeat center;
  background-size: 100%;
}
