.video-course-watch-data {
    .watcher {
        display: flex;
        &__type {
            margin-left: 8px;
           &.WE_CHAT {
             color:rgba(28, 172, 27, 1);
           } 
           &.WORK_WE_CHAT {
               color: rgba(41, 102, 255, 1);
           }
        }
    }
    .filter-box {
        display: flex;
        margin-bottom: 4px;
        .watcher-name {
            margin-right: 40px;
        }
    }

    .course-detail {
        display: flex;
        align-items: center;
        margin-bottom: 16px;
        .detail__line {
            width: 4px;
            height: 12px;
            background-image: linear-gradient(#2966ff 83.5%, #0acca4 16.5%);
            margin-right: 8px;
        }
        .detail__name {
            width: 880px;
            height: 26px;
            font-size: 19px;
            font-family: PingFangSC-Medium, PingFang SC;
            font-weight: 500;
            color: #333333;
            line-height: 26px;
        }
    }
}