.video-course-detail {
    .box {
        .course-detail {
            display: flex;
            border-bottom: 2px solid #E8E8E8;
            padding-bottom: 24px;
            &__img {
                margin-right: 24px;
                width: 300px;
                height: 170px;
                background: #FFFFFF;
                border-radius: 4px;
                img {
                    width: 300px;
                    height: 170px; 
                    border-radius: 4px;

                }
            }
            &__info {
                display: flex;
                flex-direction: column;
                .info__title {
                    width: 680px;
                    height: 28px;
                    font-size: 20px;
                    font-family: PingFangSC-Medium, PingFang SC;
                    font-weight: 500;
                    color: #333333;
                    line-height: 28px;
                    margin-bottom: 16px;
                }
               .info__category, .info__chapterNum {
                width: 100%;
                height: 20px;
                font-size: 14px;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: #333333;
                line-height: 20px;
                margin-bottom: 10px;
            }
        }

    }

    .course-chapter {
        padding-top: 24px;
        &__total {
            width: 100%;
            height: 20px;
            font-size: 14px;
            font-family: PingFangSC-Medium, PingFang SC;
            font-weight: 500;
            color: #333333;
            line-height: 20px;
            margin-bottom: 24px;
        }
        &__list {
            .course-ware {
                display: flex;
                height: 20px;
                font-size: 14px;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: #666666;
                line-height: 20px; 
                margin-bottom: 28px;
                cursor: pointer;
                &:hover {
                    color: #2966FF; 
                }
            &__index {
                width: 20px;
            }
            &__img {
                width: 20px;
                height: 20px;
                margin-left: 16px;
                margin-right: 8px; 
            }
            &__name {
                width: 700px;
            }
            
    }
}
}
}
}