.navigator {
    display: flex;
    justify-content: space-between;
    background: white;
    height: 100%;
    padding: 0 20px;
    .navigator-menu {
        border-bottom: none;
        .nav-page {
            font-size: 16px;
            border-bottom: none !important;
            .hover {
                ::after {
                    z-index: 1;
                    width: calc(~"100% - 8px");
                }
            }
            ::after {
                content: ' ';
                display: block;
                position: absolute;
                left: 0;
                right: 0;
                bottom: 0;
                width: 0;
                height: 2px;
                margin: -2px auto;
                box-shadow: inset 0 2px #1890ff;
                transition: width .25s cubic-bezier(0.31, 0.93, 1, 1);
            }
        }
        .ant-menu-item-selected {
            ::after {
                z-index: 1;
                width: calc(~"100% - 8px");
                box-shadow: inset 0 2px #1890ff;
            }
        }
        .ant-menu-item-active {
            ::after {
                width: calc(100% - 8px);
            }
        }
    }
    .navigator-right {
        .user-icon {
            margin: 0 5px 2px;
        }
        .user-name {
            cursor: pointer;
        }
    }
}