.f-list-nav{
    height: 100%;
    min-height: 200px;
    .f-list-nav-in{
        position: relative;
        height: 100%;
        background-color: #fff;
        box-shadow: 1px 1px 8px 0 rgba(0,28,64,0.08);
    }
    .f-list-nav-main{
        display: flex;
        flex-direction: column;
        height: 100%;
        overflow-x: hidden;
        .f-list-nav-footer,.f-list-nav-header{
            flex-shrink: 0;
        }
        .f-list-nav-content{
            // flex: 1 1 0;
            flex-grow: 1;
            flex-shrink: 1;
            flex-basis: 0;
            overflow-y: auto;  
        }
        .f-list-nav-header{
            .f-list-nav-title{
                padding: 1rem 3rem 1rem 2.5rem;
                line-height: 1.375rem;
                font-size: 1rem;
                color: #000;
                border-bottom: 1px solid #E9E9E9;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
        }
    }
    &.f-list-nav-left{
        padding-right: 0.375rem;
       
    }
    &.f-list-nav-right{
        padding-left: 0.375rem;        
    }
    &.f-list-nav-top{
        width:100%;
        min-height:auto;
    }
    &.f-list-nav-bottom{
        width:100%;
        min-height: auto;
    }
}