//分组菜单 头部菜单的样式
.menu_top_bar {
    height: 38px;
    line-height: 38px;
    padding-left: 8px;
    font-weight: 500;
    color: @gray-dark;
    cursor: pointer;
    border-right: 1px solid @border-color-base;
    font-size: 15px;
}


.go-simple-menu {
    width: 100%;
    height: 100%;
    color: @gray-dark;
    font-weight: 500;

    .left-layout {
        width: 220px;
        float: left;
        border-right: 1px solid @border-color-base;

        .menu-list .p-menu {
            height: 40px;
            line-height: 40px;
            cursor: pointer;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            //菜单图标的样式
            i {
                font-size: 18px;
                color: @gray-dark;
                margin-left: 15px;
            }

            //菜单图标样式
            .menu_span {
                display: inline-block;
                float: right;
                margin-right: 12px;

                .menu_icon {

                }
            }

        }

        .menu-list .p-menu span {
            display: inline-block;
            margin-left: 6px;
        }


        .portalSet {
            //主菜单样式
            .p-menu {
                &:hover {
                    background-color: @menu-hover-color;
                }

                //选中状态
                &.p-menu-choose {
                    background-color: @menu-active-color;
                    color: @whiteFFF;

                    i {
                        color: @whiteFFF;
                    }
                }
            }

            //二级菜单的样式
            .sub_menu_ul {
                width: 100%;
                transition: all .2s ease-in-out;

                //二级菜单项的样式
                .sub_menu_item {
                    height: 40px;
                    line-height: 40px;
                    background: #EAEDF1;
                    cursor: pointer;
                    display: flex;
                    //菜单前面的点点
                    .dot {
                        width: 4px;
                        height: 4px;
                        background: #6B7289;
                        float: left;
                        margin-left: 21px;
                        margin-top: 18px;
                        border-radius: 100%;
                    }

                    //菜单图标
                    .icon_menu {
                        display: inline-block;
                        margin-left: 10px;
                    }

                    //菜单名称
                    .item_title {
                        display: inline-block;
                        margin-left: 10px;
                        font-size: 13px;
                    }

                    //选中状态
                    &.p-menu-choose {
                        background-color: rgba(30, 129, 229, .7);
                        color: @whiteFFF;

                        i {
                            color: @whiteFFF;
                        }

                        .dot {
                            background: @whiteFFF;
                        }
                    }

                }
            }
        }
    }

    .right-layout {
        margin-left: 220px;
        width: auto;
    }
}