group.scss

.common-scss-group {
    width: 240px;
    position: fixed;
    left: initial;
    z-index: 3;
    @include eo-height(100%, 79px);
    .title-ul {
        @include eo-line(50px);
        padding: 0 10px;
        background-color: #fff;
        border-radius: 3px 0 0 0;
        border-bottom: 1px solid #d9d9d9;
        .common-btn {
            @include eo-line(32px);
            font-size: $BUTTON_FONT_SIZE;
            display: inline-block;
            vertical-align: middle;
        }
        .default-btn {
            border-style: solid;
            border-width: 1px;
            margin-left: 5px;
            border-radius: 3px;
        }
    }
    .group-ul {
        border-radius: 3px 0 0 3px;
        @include eo-height(100%, 51px);
        position: absolute;
        width: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        
    }
    .group-li {
        overflow: hidden;
        font-size: 12px;
        @include eo-line(40px);
        padding-left:10px;
        cursor: pointer;
        .group-name {
            max-width: calc(100% - 62px);
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            cursor: pointer;
        }
        .active {
            display: inline-flex;
            float: right;
        }
        .icon-iosgengduo {
            display: inline-block;
            padding-right: 10px;
        }
        .iconfont {
            float: left;
            margin-right: 5px;
            cursor: pointer;
            line-height: 41px;
            font-size: 18px;
        }

        .group-function {
            position: absolute;
            right: 10px;
            border-style: solid;
            border-width: 1px;
            border-radius: 3px;
            z-index: 2;
            li {
                font-weight: initial;
                cursor: pointer;
                padding: 0 20px;
            }
        }
    }
}