@import "projects/mobile-center/src/style/variables";
.lib-my-collect{
    .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;
                &:last-of-type{
                    &:after{
                        display: none;
                    }
                }
                &:after{
                    content: '';
                    position: absolute;
                    width: 1px;
                    height: .40rem;
                    background: $line-color;
                    right: 0;
                    top: .22rem;
                }
                .outer{
                    padding: .20rem;
                    display: inline-block;
                    border-bottom:.04rem solid #fff;
                    color: $title-color;
                    &.active{
                        border-bottom: .04rem solid $primary-color;
                        color: $primary-color;
                    }
                }
            }
        }
    }
}
.collect-list{
    background: #fff;
    padding-bottom: 1.1rem;
}
:host ::ng-deep{
    .collect-edit{
        position: fixed;
        top: .25rem;
        right: .30rem;
        font-size: .32rem;
        color: #fff;
        z-index: 200;
    }
    .search-area {
        background: #fafafb;
        display: flex;
        overflow: hidden;
        padding: .20rem 0.30rem;
        border-bottom: 1px solid $line-color;
        .search {
            flex: 1;
        }
        .filter {
            display: flex;
            align-items: center;
            text-align: right;
            padding-left: .30rem;
            font-size: .30rem;
            i{
                font-size: .30rem;
                color: #888;
            }
        }
    }
    .message-bot{
        width: 100%;
        height: 1.10rem;
        position: fixed;
        left: 0;
        bottom: 0;
        border-top: 1px solid $line-color;
        display: flex;
        align-items: center;
        background: #fff;
        z-index: 99;
        span{
            flex: 1;
            font-size: .32rem;
            text-align: center;
            &.span-red{
                color: $error-color;
            }
        }
    }
}