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

    .lui-ugc-syllabus-section{
        display: flex;
        padding: .20rem;
        cursor: pointer;
        margin-bottom: .20rem;
        background: #f6f6f6;
        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{
                background: #fff;
                margin-right: .20rem;
                border: 1px solid $line-color;
                border-radius: 1px;
                color: $primary-color;
                text-align: center;
                width: .40rem;
                height: .38rem;
                text-align: center;
                display: table;
                margin-top: .10rem;
                i{
                    font-size: .24rem;
                }
            }
            .sec-title{
                flex: 1;
                min-width: 0;
                line-height: 2;
                font-size: .30rem;
            }
        }
        .section-ri{
            padding-left: .15rem;
            text-align: right;
            .sec-txt{
                padding-right: .20rem;
                line-height: 2;
                font-size: .30rem;
            }
            .ant-progress-circle-trail{
                stroke:#dddddd;
            }
            .ant-progress-circle-path{
                stroke:$primary-color;
            }
        }
    }
    // 播放页大纲样式
    &.player-syllabus{
        .lui-ugc-syllabus-chapter{
            .chapter-title{
                color: #fff;
            }
        }
        .lui-ugc-syllabus-section{
            background: none;
            color: #f6f6f6;
            .sec-txt{
                display: none;
            }
        }
        .lui-default-box .default span{
            color: #fff;
        }
    }
}