@import "projects/learner-center/src/style/variables";
:host ::ng-deep{
    .learner-center-course{
        position: relative;
        >.query-input{
            position: absolute;
            right: 15px;
            top: -42px;
            width: 266px;
            height: 34px;
            background: #fff;
            display: flex;
            border: 1px solid $line-color;
            padding: 0 15px;
            margin-right: 10px;
            input{
                width: 214px;
                border: 0;
                border: none;
                outline: none;
                padding-right: 10px;
            }
            i{
                font-size: 16px;
                color: #b3b3b5;
                cursor: pointer;
                margin-top: 4px;
            }
        }
        .filter-box{
            border-bottom: 1px solid #e7e7e7;
            height: 49px;
            width: 900px;
            margin: 0 auto;
            .filters-a{
                height: 100%;
                line-height: 49px;
                >span{
                    height: 100%;
                    display: inline-block;
                    margin-right: 28px;
                    cursor: pointer;
                    .divide-line{
                        color: #e3e3e3;
                    }
                    &:last-child{
                        margin-right: 0;
                    }
                }
            }
            .filters-b{
                height: 100%;
                line-height: 49px;
                >span{
                    height: 100%;
                    display: inline-block;
                    .name{
                        display: inline-block;
                        cursor: pointer;
                    }
                    .divide-line{
                        color: #e3e3e3;
                    }
                    &:last-child{
                        .divide-line{
                            display: none;
                        }
                    }
                }
            }
            .selected{
                border-bottom: 2px solid $primary-color;
                height: 49px !important;
                color: $primary-color;
            }
        }
        .list{
            padding: 26px 26px 8px;
            >lui-single-course-b{
                display: inline-block;
                margin-right: 30px;
                margin-bottom: 28px;
                &:nth-child(3n){
                    margin-right: 0;
                }
            }
        }

        .list-page{
            padding: 0px 0 40px;
        }
    }
}