@import "projects/mobile-center/src/style/variables";
.lib-my-course{
    background: #fff;
    .tab-box{
        position: relative;
        .tab-list{
            background: #fff;
            display: flex;
            .tab-item{
                flex: 1;
                text-align: center;
                font-size: .30rem;
                padding: 0 .20rem;
                border-bottom: .02rem solid $line-color;
                position: relative;
                &:nth-of-type(4){
                    &:after{
                        display: none;
                    }
                }
                &:after{
                    content: '';
                    position: absolute;
                    width: 1px;
                    height: .40rem;
                    background: $line-color;
                    right: 0;
                    top: .22rem;
                }
                .outer{
                    padding: .20rem 0;
                    border-bottom:.04rem solid #fff;
                    color: $title-color;
                    &.active{
                        border-bottom: .04rem solid $primary-color;
                        color: $primary-color;
                    }
                }
            }
        }
    }
    .search-area {
        background: #fafafb;
        display: flex;
        overflow: hidden;
        padding: .20rem 0.30rem;
        border-top: 1px solid $line-color;
        margin-top: .20rem;
        border-bottom: 1px solid $line-color;
        .search {
            flex: 1;
            min-width: 0;
        }
        .sea-select{
            width: 1.8rem;
            margin-left: .20rem;
        }
    }
    .course-list{
        .course-one{
            margin-top: .20rem;
        }
    }
}
:host ::ng-deep{
    .lib-my-course{
        .sea-select{
            .ant-select-selection{
                background: #f3f3f6;
                font-size: .28rem !important;
                height: .68rem;
                border: 1px solid $line-color;
                box-shadow: none !important;
            }
        }
    }
    .ant-select-selection__rendered{
        line-height: 2.3;
    }
}