:root {
    --znr-primary-color: #0076b9;
    --znr-primary-color-hover: #208fc7;
    --znr-primary-color-active: #005994;
    --znr-primary-color-outline: rgb(24, 144, 255, .3);

    --znr-primary-1: #e1f5fa;
    --znr-primary-2: #98d9ed;
    --znr-primary-3: #6cc1e0;
    --znr-primary-4: #44a8d4;
    --znr-primary-5: #208fc7;
    --znr-primary-6: #0076b9;
    --znr-primary-7: #005994;
    --znr-primary-8: #003e6e;
    --znr-primary-9: #002647;
    --znr-primary-10: #001121;

    --znr-success-color: #52c41a;
    --znr-success-color-hover: #73d13d;
    --znr-success-color-active: #389e0d;
    --znr-success-color-outline: rgba(82, 196, 26, .3);
    --znr-error-color: #ff4d4f;
    --znr-error-color-hover: #ff7875;
    --znr-error-color-active: #d9363e;
    --znr-error-color-outline: rgba(255, 77, 79, .3)
    --znr-warning-color: #faad14;
    --znr-warning-color-hover: #ffc53d;
    --znr-warning-color-active: #d48806;
    --znr-warning-color-outline: rgba(250, 173, 20, .3);
    --znr-info-color: #1890ff;

    --znr-black-title: #262626;
    --znr-black-primary-text: #262626;
    --znr-black-secondary-text: #8c8c8c;
    --znr-black-disable: #bfbfbf;
    --znr-black-border: #D9D9D9;
    --znr-black-divider: #F0F0F0;
    --znr-black-background: #F5F5F5;
    --znr-black-table-header: #FAFAFA;

    --znr-white-title: #D9D9D9;
    --znr-white-primary-text: #D9D9D9;
    --znr-white-secondary-text: #737373;
    --znr-white-disable: #4D4D4D;
    --znr-white-border: #333333;
    --znr-white-divider: #1F1F1F;
    --znr-white-background: #141414;
    --znr-white-table-header: #0A0A0A;

    --navbar-height: 40px;
    --navbar-menu-item-width: 88px;
    --sidebar-width: 144px;
}
* {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: grayscale;
}
body {
    color: var(--znr-black-title);
    font-size: 12px;
    font-family: arial, 'PingFang SC', "\5B8B\4F53", sans-serif;
    line-height: 1.5715;
    background-color: #fff;
}
input,textarea{font-size:12px;}
a {text-decoration:none;color: var(--znr-black-primary-text)}
.nr-unselect {user-select: none;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;}
input[disabled],input[readonly],textarea[disabled],textarea[readonly],select[disabled]{
    background:var(--znr-black-divider) !important;
    background-color: var(--znr-black-divider) !important;
    opacity: 1 !important;
    box-shadow: none !important;
}

input[disabled]:hover,input[readonly]:hover,
textarea[disabled]:hover,textarea[readonly]:hover,
select[disabled]:hover,.input[disabled]:focus,
input[readonly]:focus,
textarea[disabled]:focus,textarea[readonly]:focus,
select[disabled]:focus {
    border-color: #d9d9d9 !important;
    border-right-width: 1px !important;
}
input.dialog{height:0; height:0; font-size:0; line-height:0; border:none;display:none}
.center {text-align: center;}.left {text-align: left;}.right {text-align: right;}
/* 遮罩层 */
.loadmask {z-index: 1000000;position: absolute;top:0;left:0;background-color: rgb(255,255,255, 0.5);border-radius: 3px;width: 100%;height: 100%;zoom: 1;cursor:wait;}
.loadmask-msg {z-index: 1000001;position: absolute;top: 0;left: 0;border:2px solid #ccc;background: #efefef;padding:6px;border-radius: 2px;}
.masked {overflow: hidden !important;}
.masked-relative {position: relative !important;}
.masked-hidden {visibility: hidden !important;}
code {margin: 0 1px;padding: 1px 2px;font-size: .9em;color: #c7254e;background: #f9f2f4;border: 1px solid #f0f0f0;border-radius: 3px;box-sizing: border-box;}
.noscroll{overflow: hidden;}
.clearfix:after {content: ' ';display: block;height: 0;clear: both;}

/*树外围样式*/
ul.category {background: var(--znr-black-background);width:210px;height:100vh;overflow:auto;}

/* 工具栏 */
.nr-toolbar.visible{visibility:visible}
.nr-toolbar,
.nr-tree-toolbar,
.nr-pagebar{
    height:30px;
    padding:2px;
    border-bottom:1px solid var(--znr-black-border);
    box-sizing:border-box;
    background-color:var(--znr-black-background);
    overflow:hidden;
    background-image:-webkit-linear-gradient(top,#ffffff,var(--znr-black-background));
}
.nr-toolbar.detail{border-top:1px solid #ccc;border-bottom:0}
.nr-toolbar.noborder{border:0 none}
a.nr-button{display:inline-block;padding:3px 0;line-height: 16.5px;border-radius:3px;border-width:1px;border-style:solid;border-color:transparent;background-color:transparent}
a.nr-button span.nr-button-text{display:block;border:0;box-sizing:border-box;padding:0 3px}
div.separator{display:inline;font-size:12px;overflow:hidden;width:2px;line-height:0;margin:0 2px 0 0;height:14px;border-left:solid 1px var(--znr-black-disable);border-right: solid 1px #fff;}
div.menu-shadow{position:absolute;border-radius:3px;background:#ccc;-moz-box-shadow:2px 2px 3px #ccc;-webkit-box-shadow:2px 2px 3px #ccc;box-shadow:2px 2px 3px #ccc;}
.nr-button-downarrow{border-color:#242424 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;right:3px;width:0}
a.nr-button:not(.toolbar-btn-disabled):hover,
a.menubutton:not(.toolbar-btn-disabled):focus{
    border-color:var(--znr-primary-3);
    background-color:var(--znr-primary-1);
    background-image:-webkit-linear-gradient(top,var(--znr-primary-1),var(--znr-primary-1) 48%,var(--znr-primary-2) 52%,var(--znr-primary-2));
    background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,var(--znr-primary-1)),color-stop(48%,var(--znr-primary-1)),color-stop(52%,var(--znr-primary-2)),color-stop(100%,var(--znr-primary-2)));
}
a.toolbar-btn-disabled,div.toolbar-btn-disabled{cursor:not-allowed;opacity:.5;color:#ccc}
a.menubutton{position: relative;padding-right: 10px;}
div.menu{width:140px;z-index:2000;background:var(--znr-black-background);position:fixed;margin:0;padding:2px;border-radius: 3px;border:1px solid var(--znr-black-border);overflow:hidden;box-sizing:border-box}
div.menu .menu-line{left:24px;border-left:solid 1px var(--znr-black-disable);background-color:white;width:2px;position:absolute;top:0;z-index:0;height:100%;overflow:hidden;box-sizing:border-box}
div.menu .menu-item{border-color:transparent;border-width:1px;border-style:solid;position:relative;margin:0;padding:1px;overflow:hidden;white-space:nowrap;cursor:pointer;height:24px;user-select:none;box-sizing:border-box;line-height:20px}
div.menu .menu-item:hover{
    background-image:none;
    background-color:var(--znr-primary-1);
    background-image:-webkit-linear-gradient(top,var(--znr-primary-1),var(--znr-primary-1) 48%,var(--znr-primary-2) 52%,var(--znr-primary-2));
    background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,var(--znr-primary-1)),color-stop(48%,var(--znr-primary-1)),color-stop(52%,var(--znr-primary-2)),color-stop(100%,var(--znr-primary-2)));
    border-color:var(--znr-primary-3);
    border-radius:3px;
    border-width:1px;
    border-style:solid
}
div.menu .menu-item .menu-text {height: 20px;line-height: 20px;float: left;padding-left: 28px;}
div.menu .menu-item .menu-icon {position: absolute;width: 16px;height: 16px;left: 3px;top: 50%;margin-top: -8px;}
div.menu .menu-separator {border-top: 1px solid #E0E0E0;border-bottom: 1px solid #fff;margin:1px 2px;font-size: 1px;}
div.legend{position:relative;left:26px;top:14px;font-size:14px;padding:4px;text-align:center;background-color:#fff;width:200px;}
div.fieldset{width:100%;padding:20px 0 5px 0;border-top:#C2D1D8 1px solid}

/*水洗标字体*/
@font-face {
    font-family: washing;
    font-style: normal;
    font-weight: normal;
    src: url('../font/washing.woff2') format('woff2'), url('../font/washing.woff') format('woff'), url('../font/washing.otf') format('truetype');
}
.mask {position: absolute; top: 0px; filter: alpha(opacity=60); background-color: #ddd;z-index: 1002; left: 0px;opacity:0.5; -moz-opacity:0.5;width:100%;height:100%;display:none}
.pointer {user-select:none;cursor: pointer;}
div.btn{background:#f6f6f6; padding:6px 12px 0 12px; height:30px;line-height:30px}

input.button {
    height:24px;
    padding:0 8px;
    margin:0;
    display: inline-block;
    border-radius: 2px;
    text-align: center;
    line-height: 24px;
    letter-spacing:2px;
    width: auto;
    overflow: visible;
    color: #FFF;
    background: rgb(180, 180, 180);
    border: 0;
    cursor: pointer;
}

input.button:focus { box-shadow: 0 0 0 2px rgb(180, 180, 180, .4); }
input.button[disabled] { cursor: not-allowed; color:#666; background:#DDD; border: solid 1px #999; filter:alpha(opacity=50); opacity:.5; box-shadow:none; text-shadow: none;}
input.highlight {background: var(--znr-primary-5);}
input.highlight:focus { box-shadow: 0 0 0 2px var(--znr-primary-color-outline); }
input.button:not([disabled]):hover {background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1));}
input.button:not([disabled]):active {background-image: linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2));}

.ac-serial,
.ac-code,
.ac-name {
    overflow: hidden;
    float:left;
    padding: 0 2px 0 0;
    white-space:nowrap;
}
.ac-serial{width: 20px;text-align: center;border-right: 1px dotted var(--znr-color-border);}
.ac-code{width: 80px;}
.ac-name{width: 100px;}
select{vertical-align:bottom;padding:2px;height: 26px;line-height: 26px;display: inline-block;margin-bottom:0;border: 1px solid #d0d0d0;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;-khtml-border-radius: 0;}

.nb{border:0 none}
.nbl{border-left:0 none}
.nbr{border-right:0 none}
.nbt{border-top:0 none}
.nbb{border-bottom:0 none}

/* input::-moz-selection {color: white;text-shadow: none;background: var(--znr-primary-5);}
input::selection {color: white;text-shadow: none;background: var(--znr-primary-5);} */
button,textarea,span,input,select,a,td,div{outline: none;}

/* placeholder 样式 */
.must::-webkit-input-placeholder {color: #f44336;}
.must:-moz-placeholder {color: #f44336;}
.must::-moz-placeholder {color: #f44336;}
.must:-ms-input-placeholder {color: #f44336;}

/* 对话框样式 */
.aui_outer { text-align:left; border-radius: 3px; overflow: hidden;}
table.aui_border, table.aui_dialog { border:0; margin:0; border-collapse:collapse; width:auto; }
.aui_nw, .aui_n, .aui_ne, .aui_w, .aui_c, .aui_e, .aui_sw, .aui_s, .aui_se, .aui_header, .aui_tdIcon, .aui_main, .aui_footer { padding:0; }
.aui_title { overflow:hidden; text-overflow: ellipsis; }
.aui_state_noTitle .aui_title { display:none; }
.aui_close { display: table-cell; vertical-align: middle;position:absolute; text-decoration:none; outline:none; cursor:pointer; }
.aui_close:hover { text-decoration:none; }
.aui_main { background:#FFF;text-align:center; min-width:9em;min-width:0\9/*IE8 BUG*/; }
.aui_content { *zoom:1; *display:inline; text-align:left; border:none 0; }
.aui_content.aui_state_full { display:block; width:100%; margin:0; padding:0!important; height:100%; }
.aui_loading {z-index: 100;position: absolute;top:0;left:0;background-color: rgb(255,255,255, 0.4);border-radius: 3px;width: 100%;height: 100%;zoom: 1;cursor:wait;}
.aui_loading_message {z-index: 20001;position: absolute;top: 0;left: 0;border:2px solid #ccc;background: #efefef;padding:6px;border-radius: 2px;}
.aui_icon { vertical-align: middle;display: none; }
.aui_icon div { margin:0 0 0 10px; background-position: center center; background-repeat:no-repeat; display: block;}
.aui_buttons { padding:5px; text-align:right; white-space:nowrap; }
.aui_buttons button::-moz-focus-inner { border:none; }
.aui_buttons button {margin:0 0 0 10px;padding: 5px 10px; font-size: 1em;color:#FFF; cursor: pointer; width: auto; overflow: visible; display: inline-block;text-align: center; white-space: nowrap; vertical-align: middle;border: 0; border-radius: 2px;outline:0 none;-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;-o-user-select: none; user-select: none;background: rgb(180, 180, 180);}
.aui_buttons button:focus {box-shadow: 0 0 0 2px rgb(180, 180, 180, .4);}
.aui_buttons button[disabled] {color:#ccc; cursor: not-allowed;opacity: 0.65; filter: alpha(opacity=65);-webkit-box-shadow: none; box-shadow: none;}
.aui_buttons button.ok {background: var(--znr-primary-color);}
.aui_buttons button.ok:focus {box-shadow: 0 0 0 2px var(--znr-primary-color-outline);}
.aui_buttons button.keep {background: var(--znr-primary-5);}
.aui_buttons button.keep:focus {box-shadow: 0 0 0 2px rgb(89, 126, 247,.3);}
.aui_buttons button.cancel {background: rgb(180, 180, 180);}
.aui_buttons button.cancel:focus {box-shadow: 0 0 0 2px rgb(180, 180, 180, .4);}
.aui_buttons button:hover {background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1));}
.aui_buttons button:active {background-image: linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2));}
.aui_buttons {border-top:solid 1px var(--znr-black-border);}

.aui_nw, .aui_n, .aui_ne, .aui_w, .aui_e, .aui_sw, .aui_s, .aui_se { background:#000; opacity:0.5; }
.aui_titleBar { position:relative; height:100%; }
.aui_title { height:30px; line-height:30px; padding:0 28px 0 10px;background-color: var(--znr-primary-6);; color:#fff; border-bottom:1px solid var(--znr-primary-6);; }
.aui_close {box-sizing: border-box; padding: 0; top:4px; right:3px; width:21px; height:21px; font-size:18px; line-height:20px; color:#fff; text-align:center; font-family: Helvetica, STHeiti; }
.aui_close:hover { background:rgb(0, 0, 0, .2); color:#FFF; border-radius: 3px}
.aui_state_focus .aui_content { color:#000; }
.aui_footer {background:#FFF;}
.aui_state_drag {opacity:0.6}
.aui_state_drag .aui_inner {background:#FFF;}
.aui_state_drag .aui_main,
.aui_state_drag .aui_footer,
.aui_state_drag .aui_content{visibility:hidden}
.aui_state_drag .aui_title{background-color: #FFF;border-bottom: 1px solid #FFF;}
.aui_state_noTitle .aui_nw, .aui_state_noTitle .aui_ne, .aui_state_noTitle .aui_sw, .aui_state_noTitle .aui_se { width:5px; height:5px; }
.aui_state_noTitle .aui_inner { border:1px solid #ccc; background:#FFF; }
.aui_state_noTitle .aui_outer { border:none 0; box-shadow:none; }
.aui_state_noTitle .aui_titleBar { bottom:0; _bottom:0; _margin-top:0; }
.aui_state_noTitle .aui_close { top:0; right:0; text-indent:0; color:#214FA3; background:none; }
.aui_state_noTitle .aui_close:hover, .aui_state_noTitle .aui_close:active { text-decoration:none; color:#E54028; }
.aui_state_noTitle .aui_dialog { box-shadow: none; }