.up-common-tabs{
    font-family: Helvetica Neue,Tahoma,PingFang SC,Hiragino Sans GB,Microsoft YaHei,STHeitiSC,sans-serif;
    position: relative;
    height: 100%;
    vertical-align: top;
    .common-tab-bottom{
        position: absolute;
        border-radius: 2px;
        width: 24px;
        left: 0;
        height: 3px;
        background-color: #1687d9;
        bottom: 0;
        transition: left .3s cubic-bezier(.51,1.74,0,.78),width .3s cubic-bezier(.51,1.74,0,.78);
    }
    .show-tabs {
        display: inline-block;
        vertical-align: top;
        overflow: hidden;
        height: 40px;
    }
    .dropdown-tabs {
        position: relative;
        display: inline-block;
        vertical-align: top;
        .dropDownTabsBtn {
            display: inline-block;
            width: 28px;
            height: 30px;
            line-height: 30px;
            border-radius: 2px;
            vertical-align: top;
            text-align: center;
            color: #3E4E59;
            margin: 5px 10px;
            font-weight: bold;
            &:hover {
                box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
                cursor: pointer;
            }
            &.active {
                position: relative;
                &::after {
                    content: '';
                    position: absolute;
                    left: 50%;
                    bottom: -5px;
                    margin-left: -9px;
                    width: 18px;
                    height: 3px;
                    border-radius: 3px;
                    background-color: #1687d9 !important;
                }
            }
            &.open {
                background-color: #F5F8FA;
            }
        }
    
        &-list {
            position: absolute;
            right: 10px;
            width: 170px;
            background-color: #fff;
            border-radius: 3px;
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
            z-index: 1;
            overflow: hidden;
            &-item {
                line-height: 30px;
                text-indent: 15px;
                color: #0A131A;
                &:hover, &.active {
                    background-color: #F5F8FA;
                    cursor: pointer;
                }
            }
        }
    }
}
.common-tab-item{
    display: inline-block;
    .item-title{
        position: relative;
        font-family: Helvetica Neue,Tahoma,PingFang SC,Hiragino Sans GB,Microsoft YaHei,STHeitiSC,sans-serif;
        font-size: 14px;
        line-height: 40px;
        cursor: pointer;
        float: left;
        padding: 0 11px;
        max-width: 120px;
        height: 40px;
        color: #3e4e59;
        text-align: center;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        &::after {
            content: '';
            position: absolute;
            left: 50%;
            bottom: 0;
            margin-left: -9px;
            width: 18px;
            height: 3px;
            border-radius: 3px;
            
        }
        &:hover {
            &::after {
                background-color: #96D0FA;
            }
        }
    }
    .item-choosed{
        color: #005999;;        
        &::after {
            background-color: #1687d9 !important;
        }
    }  
    
}