.lui-syllabus{
    padding: 20px 0;
    .lui-syllabus-chapter{
        .chapter-title{
            padding: 0 0 20px;
            font-size: 16px;
            color: $title-color;
            display: flex;
            span{
                flex: 1;
                display: flex;
            }
            i{
            cursor: pointer;
            padding-right: 25px;
            }
        }
        .chapter-sections{
            padding-left: 20px;
            overflow: hidden;
        }
    
    }

    .lui-syllabus-section{
        display: flex;
        line-height: 28px;
        padding: 13px 20px;
        cursor: pointer;
        margin-bottom: 10px;
        background: #f6f6f6;
        font-size: 14px;
        color: $title-color;
        &.type-doc{
            .section-le{
                .sec-ico{
                    color: $assist-color;
                }
            }
            .section-ri{
                .ant-progress-circle-path{
                    stroke:$assist-color;
                }
            }
        }
        &.type-other{
            .section-le{
                .sec-ico{
                    color: $secondary-color;
                }
            }
            .section-ri{
                .ant-progress-circle-path{
                    stroke:$secondary-color;
                }
            }
        }
        &.type-scorm{
            .section-le{
                .sec-ico{
                    color: $success-color;
                }
            }
            .section-ri{
                .ant-progress-circle-path{
                    stroke:$success-color;
                }
            }
        }
        &.type-video{
            .section-le{
                .sec-ico{
                    color: $primary-color;
                }
            }
        }
        &:hover,&.active{
            color: $primary-color !important;
            .section-le{
                .sec-ico{
                    background: $primary-color;
                    color: #fff;
                }
            }
        }
        .section-le{
            flex: 1;
            min-width: 0;
            display: flex;
            .sec-ico{
                width: 28px;
                height: 28px;
                line-height: 28px;
                background: #fff;
                margin-right: 10px;
                border: 1px solid $line-color;
                border-radius: 1px;
                color: $primary-color;
                text-align: center;
                i{
                    font-size: 16px;
                }
                &.inactive{
                    color: #ddd;
                    background: #fff;
                }
            }
            .sec-title{
                flex: 1;
                min-width: 0;
                display: flex;
                &.inactive{
                    color: #ddd;
                }
            }
        }
        .section-ri{
            padding-left: 15px;
            text-align: right;
            .sec-txt{
                padding-right: 20px;
            }
            .ant-progress-circle-trail{
                stroke:#dddddd;
            }
            .ant-progress-circle-path{
                stroke:$primary-color;
            }
        }
    }
    // 播放页大纲样式
    &.player-syllabus{
        .lui-syllabus-chapter{
            .chapter-title{
                color: #fff;
            }
        }
        .lui-syllabus-section{
            background: none;
            color: #f6f6f6;
            .sec-txt{
                display: none;
            }
        }
        .lui-default-box .default span{
            color: #fff;
        }
    }
}