.m-lh-32 {
    line-height: 32/@px-unit;
}

.m-lh-35 {
    line-height: 35/@px-unit;
}

.m-lh-40 {
    line-height: 40/@px-unit !important;
}

/* 鼠标的css */
/* 默认 箭头 */
.m-cursor-default {
    cursor: default !important;
}

/* 手形 */
.m-cursor-pointer {
    cursor: pointer !important;
}

/* 十字 */
.m-cursor-crosshair {
    cursor: crosshair !important;
}

/* 移动 */
.m-cursor-move {
    cursor: move !important;
}

/* 文本 */
.m-cursor-text {
    cursor: text !important;
}

/* 等待 沙漏 */
.m-cursor-wait {
    cursor: wait !important;
}

/* 帮助 一个问号或者气球 */
.m-cursor-help {
    cursor: help !important;
}

/* 禁用 */
.m-cursor-notAllowed {
    cursor: not-allowed !important;
}

.m-vertical-top {
    vertical-align: top !important;
}

.m-vertical-middle {
    vertical-align: middle !important;
}

.m-vertical-bottom {
    vertical-align: bottom !important;
}

.m-vertical-text-bottom {
    vertical-align: text-bottom !important;
}

.m-text-center {
    text-align: center;
}

.m-text-left {
    text-align: left;
}

.m-text-right {
    text-align: right;
}

.m-inline-block {
    display: inline-block;
}

.m-visibility-hidden {
    visibility: hidden !important;
}

.m-overflow-hidden {
    overflow: hidden !important;
}

.m-overflow-initial {
    overflow: initial !important;
}

.m-opacity-0 {
    opacity: 0;
}

.m-ws-nowrap {
    white-space: nowrap;
}

.m-text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}









/*各组件less引入主题然后赋值给自己的实际变量值*/
@btnNormalColorNo1: #1890ff; // primary 按钮正常状态颜色、图标/文字 Hover状态颜色
@btnHoverColorNo2: #40a9ff; // primary 按钮 hover颜色
@btnPressedColorNo3: #096dd9; //  primary 按钮 鼠标按下颜色
@titleColorNo4: #272727; // 二级导航文字颜色、表单/正文标题颜色、图标颜色
@textColorNo5: #272727; // 正文文字颜色
@formContentColorNo6: #565656; // 表单内容颜色（比如input输入内容的颜色）
@disableColorNo7: #8f8f8f; // 次要文字/提示性文字颜色、disabled的文字/图标颜色
@listBorderColorNo8: #e8e8e8; // 列表/表格 边框颜色、滑块等控件底色
@dividerColorNo9: #e8e8e8; // 分割线颜色
@inputBorderColorNo10: #d9d9d9; // 次按钮边框、输入框边框
@disableInputBgColorNo11: #f5f5f5; // 次按钮 disabled、input 的disabled 的背景色
@firstNavBgColorNo12: #001529; // 一级导航背景色
@secondNavBgColorNo13: #ffffff; // 二级导航背景色
@secondNavHoverColorNo14: #e6f7ff; // 表格的td的Hover、二级导航的hover
@contentBgColorNo15: #ffffff; // 内容背景色
@bodyBgColorNo16: #f0f2f5; // 最底层背景色
@homePageNo1: #ffffff; // 首页卡片颜色
@homePageNo2: #f0f2f5; // 首页背景颜色
@errorColorNo17: #f5222d; // 失败色
@warnColorNo18: #fcac15; // 警告色
@successColorNo19: #52c41a; // 成功色
@linkColorNo20: #1890ff; // 链接、其他提示颜色

/*该颜色和之后的项目一致，采用20基础色*/
@color-border: @listBorderColorNo8; //用于普通的边框颜色，灰
@border-normal: 1px solid @color-border; //常规边框, 灰色

/**三方库的变量需要如下用标签包裹起来**/
/**antd**/
@font-size-base: 12px;
@table-padding-vertical: 5px;
@table-padding-horizontal: 5px;
@text-color: @textColorNo5;
@primary-color: @btnNormalColorNo1;
/**antd**/

/*TabMenu一级导航*/
@topMenuTabActiveColor: #ffffff; //头部导航栏激活颜色
@topMenuTabColor: #a6adb4; // 头部导航栏未激活颜色
@tabArrowColor: @contentBgColorNo15; //头部箭头导航图标颜色
@tabArrowHoverColor: @btnNormalColorNo1; //头部箭头导航图标hover颜色
@tabCloseColor: @contentBgColorNo15; //头部导航关闭按钮颜色
@tabBackGroundColor: @firstNavBgColorNo12; //头部导航背景色
@tabMenuTabHoverColor: #ffffff; //头部导航栏hover颜色
@tabDividerColor: rgba(255, 255, 255, 0.2); //头部竖直分割线颜色

/*MenuView主页菜单*/
@MenuViewPageSwitch: #afc6e1; //主页菜单下的分页圆圈背景色
@MenuViewActivePageSwitch: @linkColorNo20; //主页菜单下的分页圆圈激活色
@MenuViewItemLineColor: #81b6fc; //主页菜单选项下划线颜色
@MenuViewBackGroundColor: @homePageNo1; //主页菜单背景色
@MenuViewItemMessageColor: @disableColorNo7; //主页菜单描述文字颜色
@MenuViewItemHoverColor: #ecf4ff; //主页菜单hover背景色
@MenuViewCarouselColor: #7db1ec; //主页菜单左右箭头背景色

/*sideMenu二级导航*/
@sideMenuBackGroundColor: @secondNavBgColorNo13; // 二级导航背景色
@sideMenuSelectedColor: #ecf4ff; //二级导航选中色

/*login 登录*/
@loginForgetPasswordHoverColor: #ffffff; // 登录忘记密码按钮hover色
@loginIconColor: @btnHoverColorNo2; // 登录图标颜色

/*页面相关*/
@font-size-normal: 12rem; //字体大小（px）+单位,用于后面计算rem
/*换肤相关颜色*/
@skin-black: #001529;
@skin-blue: #1890ff;

/*字体基准*/
@base-rem-size: 14px;

// html基础字体大小，页面rem基准值
html,
body {
    font-size: @base-rem-size;
}

// 4K屏幕使用两倍大小 使用屏幕分辨率，不是浏览器宽 正常4K分辨率是3840X2160
@media screen and (min-device-width: 3000px) {
    html,
    body {
        font-size: 2 * @base-rem-size;
    }
}
/** 
 * 页面长度使用规则
 * 1.禁止使用px和rem作为单位，包括border的宽度
 * 2.使用 px/@px-unit 换算成rem：比如常规分辨率下是100px，在less中写100/@px-unit
 * 
*/
@px-unit: 14rem;

/*设备列表tag颜色*/
@tagOnlinebg: rgba(39, 208, 90, 0.1);
@tagOnlineborder: rgba(39, 208, 90, 0.35);
@tagOnlineColor: #27d05a;
@tagOfflinebg: rgba(197, 205, 214, 0.2);
@tagOfflineborder: #c5cdd6;
@tagOfflineColor: #4e5c6b;
@tagSwitchbg: rgba(28, 121, 244, 0.1);
@tagSwitchColor: #1c79f4;
@tagSwitchborder: rgba(28, 121, 244, 0.35);
@tagSwitchAlarmbg: rgba(233, 70, 58, 0.1);
@tagSwitchAlarmColor: #e9463a;
@tagSwitchAlarmborder: rgba(233, 70, 58, 0.35);
@tagSwitchWarnbg: rgba(248, 120, 45, 0.1);
@tagSwitchWarnColor: #f8782d;
@tagSwitchWarnborder: rgba(248, 120, 45, 0.35);

._PasswordCheck_ {
    // UI组件特有的CSS，
    padding-top: inherit; //为了不eslint告警写一个
}



._SysSet_ {
    // 页面组件特有的CSS，
    // UI组件的样式在UI组件组内内部
    // 不同通用样式存放在 style/common.less中
    padding-top: inherit; //为了不eslint告警写一个
}

.DeviceManager {
    background: url('/static/media/DeviceManager.25825749.png');
}

.UserManager {
    background: url('/static/media/UserManager.2bd52db3.png');
}

.AccessManager {
    background: url('/static/media/AccessManager.4c553759.png');
}

.AccessSetting {
    background: url('/static/media/AccessSetting.7981621e.png');
}

.Log {
    background: url('/static/media/Log.7d160747.png');
}

.System {
    background: url('/static/media/System.46f727e2.png');
}

.LawInformation {
    background: url('/static/media/LawInformation.c01d878b.png');
}

.Security{
    background: url('/static/media/Security.f962ed13.png');
}




.ant-menu-item:hover .anticon, .ant-menu-item-selected .anticon {
    color: #1890ff;
}
#attackDefense, #baseServices, #https, #legalInfo{
    .anticon {
        vertical-align: -3px;
    }
}


/**三方库的变量需要如下用标签包裹起来**/
/**antd**/
@text-color:@textColorNo5;
@primary-color: @btnNormalColorNo1;
/**antd**/

/*TabMenu一级导航*/
@tabBackGroundColor:@firstNavBgColorNo12;//头部导航背景色


.ant-form-item-label {
    text-align: left;
    > label {
        width: 90%;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        display: inline-block;
        line-height: 32px;
    }
    > label::after {
        content: '';
    }
}
.ant-pagination {
    position: relative;
    .ant-pagination-total-text {
        position: absolute;
        left: 0;
    }
}
.fn-widp100 {
    width: 100%;
}
.fn-textcenter {
    text-align: center;
}
.ant-tree-node-content-wrapper {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}
.ant-tree-treenode {
    width: 100%;
}
.ant-table{
    .ant-table-body {
        overflow-y: auto!important;
    }
    ::-webkit-scrollbar {
        width: 10px;
        min-width: 10px;
        border-color: '#e8e8e8';
        border-top: 0;
        border-right: 0;
        background-color: #efefef;
    }
    ::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
        box-shadow: inset 0 0 6px rgba(0,0,0,0);
        border-radius: 0px;
    }
    ::-webkit-scrollbar-thumb {
        border-radius: 0px;
        background: #8f8f8f;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
        box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
    }
    ::-webkit-scrollbar-thumb:hover{
        background: #272727;
    }
    ::-webkit-scrollbar-thumb:active{
        background: #8f8f8f;
    }
    ::-webkit-scrollbar-thumb:window-inactive {
        background: rgba(0, 0, 0, 0.2);
    }
}
::-webkit-scrollbar {
    width: 10px !important;
    height: 10px !important;
    background: #ffffff;
    cursor: pointer;
}
::-webkit-scrollbar-button, ::-webkit-scrollbar-corner {
    display: none;
}
::-webkit-scrollbar-thumb:hover, ::-webkit-scrollbar-thumb:active {
    background: rgba(0, 0, 0, 0.25) !important;
    background-clip: border-box;
}
::-webkit-scrollbar-thumb {
    border-radius: 2px !important;
    border-style: dashed;
    border-color: transparent;
    border-top-width: 2px;
    border-right-width: 0;
    border-bottom-width: 2px;
    border-left-width: 4px;
    background-color: rgba(0, 0, 0, 0.15) !important;
    background-clip: padding-box;
}