.videoWrap {
  display: flex;
  flex-direction: row;
  padding: 20px 0;
  border-bottom: 1px solid #e7e6e6;
  &:nth-last-child(1){
    border-bottom: none;
  }
  &:hover {
    background-color: #f4f4f4;
  }
  .videoImgWrapImg {
    width: 208px;
    height: 116px;
    margin-right: 10px;
    border-radius: 10px;
    overflow: hidden;
    max-width: 208px !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: 18px;
      font-weight: 600;
      color: #333;
      line-height: 25px;
      margin-bottom: 4px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 352px;
    }
    .courseDetial {
      font-size: 14px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #666666;
      line-height: 25px;
      // height: 56px;
      display: -webkit-box;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      line-height: 24px;
      // margin-bottom: 5px;
    }
    .courseDetialTime {
      font-size: 14px;
      font-weight: 400;
      color: #ff6422;
      line-height: 28px;
      display: flex;
      flex-direction: row;
      align-items: center;
      img {
        width: 16px;
        height: 16px;
        margin-right: 10px;
      }
      // span {
      //   margin-right: px;
      // }
    }
    .gotoSaduntWrap {
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
    }
    .gotoSadunt {
      font-size: 16px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #ffffff;
      line-height: 36px;
      padding: 0 25px;
      background: #00BF9B;
      border-radius: 19px;
      width: 98px;
      display: flex;
      margin-top: 10px;
      cursor: pointer;
      &:active {
        opacity: .9;
      }
    }
  }
}
.scanTxt {
  span {
    color: var(--el-color-primary);
  }
}
.videoWrap {
  width: 100%;
  :global {
    .el-dialog {
      --el-dialog-width: 440px !important;
      --el-dialog-bg-color: transparent !important;
      border-radius: 10px;
      overflow: hidden;
    }
    .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;
    }
  }
}

.registerSuccessBg {
  background: url('@/views/login/images/register_popup_bg.png') no-repeat left
    top;
  background-size: 128px;
}

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

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