@import "projects/mobile-center/src/style/variables";
.lib-my-train{
    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-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;
                    }
                }
            }
        }
    }
    .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;
            }
        }
    }
}