@import "projects/mobile-center/src/style/variables";
.lib-my-archives{
    .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;
                    }
                }
            }
        }
    }
}
.archives-list{
    background: #fff;
}
.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;
        }
    }
}