@charset "utf-8";
/* 自定义主题并且将使用到的颜色字体大小等提取为变量便于更改 */

::-webkit-scrollbar {
	width: 12px;
	height: 12px;
}

::-webkit-scrollbar-thumb {
	background-color: rgba(0,0,0,.4);
	background-clip: padding-box;
	border: 3px solid transparent;
	border-radius: 6px;
}

::-webkit-scrollbar-track {
	background-color: transparent;
}

:root {
	--syzh-font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
	--syzh-font-size: 14px;
	--syzh-font-size-medium: 14px;
	--syzh-font-size-small: 13px;
	--syzh-font-size-mini: 12px;
	--syzh-border-radius: 4px;
	--syzh-icon-font-family: Verdana,Arial,Tahoma;
	--syzh-icon-background-color: #fff;
	--syzh-font-color: #606266;
	--syzh-primary-color: #409eff;
	--syzh-success-color: #67c23a;
	--syzh-info-color: #909399;
	--syzh-warning-color: #e6a23c;
	--syzh-danger-color: #f56c6c;
	--syzh-font-lighten-color: #797b80;
	--syzh-primary-lighten-color: #73b8ff;
	--syzh-success-lighten-color: #85cf60;
	--syzh-info-lighten-color: #abadb1;
	--syzh-warning-lighten-color: #ecb869;
	--syzh-danger-lighten-color: #f89c9c;
	--syzh-font-darken-color: #47494c;
	--syzh-primary-darken-color: #0d84ff;
	--syzh-success-darken-color: #529b2e;
	--syzh-info-darken-color: #767980;
	--syzh-warning-darken-color: #d48a1b;
	--syzh-danger-darken-color: #f23c3c;
	--syzh-font-disabled-color: #bfbfbf;
	--syzh-primary-disabled-color: #a6d2ff;
	--syzh-success-disabled-color: #a3db87;
	--syzh-info-disabled-color: #c5c7ca;
	--syzh-warning-disabled-color: #f2cd96;
	--syzh-danger-disabled-color: #fbcccc;
	--syzh-input-border-color: #dcdfe6;
	--syzh-input-disabled-color: #dcdfe6;
	--syzh-input-disabled-background-color: #f3f3f3;
	--syzh-input-placeholder-color: #c0c4cc;
	--syzh-table-popup-border-color: #dadce0;
	--syzh-table-header-font-color: #606266;
	--syzh-table-footer-font-color: #606266;
	--syzh-table-border-radius: 4px;
	--syzh-table-border-width: 1px;
	--syzh-table-border-color: #e8eaec;
	--syzh-table-resizable-line-color: #d9dddf;
	--syzh-table-resizable-drag-line-color: #409eff;
	--syzh-table-header-background-color: #f8f8f9;
	--syzh-table-body-background-color: #fff;
	--syzh-table-footer-background-color: #fff;
	--syzh-table-tree-node-line-color: #909399;
	--syzh-table-tree-node-line-style: dotted;
	--syzh-table-header-font-weight: 700;
	--syzh-table-row-height-default: 48px;
	--syzh-table-row-height-medium: 44px;
	--syzh-table-row-height-small: 40px;
	--syzh-table-row-height-mini: 36px;
	--syzh-table-row-line-height: 22px;
	--syzh-table-row-hover-background-color: #f5f7fa;
	--syzh-table-row-striped-background-color: #fafafa;
	--syzh-table-row-hover-striped-background-color: #f5f7fa;
	--syzh-table-row-radio-checked-background-color: #fff3e0;
	--syzh-table-row-hover-radio-checked-background-color: #ffebbc;
	--syzh-table-row-checkbox-checked-background-color: #fff3e0;
	--syzh-table-row-hover-checkbox-checked-background-color: #ffebbc;
	--syzh-table-row-current-background-color: #e6f7ff;
	--syzh-table-row-hover-current-background-color: #d7effb;
	--syzh-table-column-padding-default: 13px 0;
	--syzh-table-column-padding-medium: 11px 0;
	--syzh-table-column-padding-small: 9px 0;
	--syzh-table-column-padding-mini: 7px 0;
	--syzh-table-column-hover-background-color: #d7effb;
	--syzh-table-column-current-background-color: #e6f7ff;
	--syzh-table-column-icon-border-color: #c0c4cc;
	--syzh-table-column-icon-border-hover-color: #515a6e;
	--syzh-table-cell-placeholder-color: #c0c4cc;
	--syzh-table-cell-padding-left: 10px;
	--syzh-table-cell-padding-right: 10px;
	--syzh-table-cell-input-height-default: 42px;
	--syzh-table-cell-input-height-medium: 38px;
	--syzh-table-cell-input-height-small: 34px;
	--syzh-table-cell-input-height-mini: 30px;
	--syzh-table-cell-dirty-width: 5px;
	--syzh-table-cell-dirty-update-color: #f56c6c;
	--syzh-table-cell-dirty-insert-color: #19a15f;
	--syzh-table-cell-area-border-color: #409eff;
	--syzh-table-cell-area-border-width: 1px;
	--syzh-table-cell-main-area-extension-border-color: #fff;
	--syzh-table-cell-main-area-extension-background-color: #409eff;
	--syzh-table-cell-extend-area-border-width: 2px;
	--syzh-table-cell-copy-area-border-width: 3px;
	--syzh-table-cell-active-area-border-width: 2px;
	--syzh-table-cell-copy-area-border-color: #409eff;
	--syzh-table-cell-extend-area-border-color: #409eff;
	--syzh-table-cell-active-area-border-color: #409eff;
	--syzh-table-cell-area-background-color: rgba(64,158,255,.2);
	--syzh-table-checkbox-range-border-width: 1px;
	--syzh-table-checkbox-range-border-color: #006af1;
	--syzh-table-checkbox-range-background-color: rgba(50,128,252,.2);
	--syzh-table-fixed-left-scrolling-box-shadow: 8px 0px 10px -5px rgba(0,0,0,.12);
	--syzh-table-fixed-right-scrolling-box-shadow: -8px 0px 10px -5px rgba(0,0,0,.12);
	--syzh-table-filter-panel-background-color: #fff;
	--syzh-table-menu-item-width: 178px;
	--syzh-table-menu-background-color: #fff;
	--syzh-loading-color: #409eff;
	--syzh-loading-background-color: hsla(0,0%,100%,.5);
	--syzh-loading-z-index: 999;
	--syzh-table-validate-error-color: #f56c6c;
	--syzh-table-validate-tooltip-error-color: #fff;
	--syzh-table-validate-tooltip-error-background-color: #f56c6c;
	--syzh-grid-maximize-background-color: #fff;
	--syzh-toolbar-background-color: #fff;
	--syzh-toolbar-custom-active-background-color: #d9dadb;
	--syzh-toolbar-panel-background-color: #fff;
	--syzh-tooltip-dark-color: #fff;
	--syzh-tooltip-dark-background-color: #303133;
	--syzh-tooltip-light-background-color: #fff;
	--syzh-tooltip-validate-error-color: #fff;
	--syzh-tooltip-validate-error-background-color: #f56c6c;
	--syzh-pager-background-color: #fff;
	--syzh-pager-perfect-background-color: #fff;
	--syzh-pager-perfect-button-background-color: #f4f4f5;
	--syzh-modal-header-background-color: #f8f8f8;
	--syzh-modal-body-background-color: #fff;
	--syzh-modal-border-color: #ebeef5;
	--syzh-checkbox-font-size-default: 15px;
	--syzh-checkbox-font-size-medium: 14px;
	--syzh-checkbox-font-size-small: 13px;
	--syzh-checkbox-font-size-mini: 12px;
	--syzh-checkbox-checked-width: .32em;
	--syzh-checkbox-checked-height: .64em;
	--syzh-checkbox-indeterminate-width: .6em;
	--syzh-checkbox-indeterminate-height: 2px;
	--syzh-checkbox-border-width: 2px;
	--syzh-checkbox-border-radius: 2px;
	--syzh-checkbox-icon-background-color: #fff;
	--syzh-checkbox-checked-icon-border-color: #fff;
	--syzh-checkbox-indeterminate-icon-background-color: #fff;
	--syzh-radio-font-size-default: 15px;
	--syzh-radio-font-size-medium: 14px;
	--syzh-radio-font-size-small: 13px;
	--syzh-radio-font-size-mini: 12px;
	--syzh-radio-border-width: 2px;
	--syzh-radio-icon-background-color: #fff;
	--syzh-radio-checked-icon-background-color: #fff;
	--syzh-radio-indeterminate-icon-background-color: #fff;
	--syzh-radio-button-default-background-color: #fff;
	--syzh-button-max-width: 500px;
	--syzh-button-dropdown-panel-background-color: #fff;
	--syzh-button-height-default: 34px;
	--syzh-button-height-medium: 32px;
	--syzh-button-height-small: 30px;
	--syzh-button-height-mini: 28px;
	--syzh-button-round-border-radius-default: 17px;
	--syzh-button-round-border-radius-medium: 16px;
	--syzh-button-round-border-radius-small: 15px;
	--syzh-button-round-border-radius-mini: 14px;
	--syzh-input-background-color: #fff;
	--syzh-input-panel-background-color: #fff;
	--syzh-input-number-disabled-color: #e4e7ed;
	--syzh-input-date-festival-color: #999;
	--syzh-input-date-festival-important-color: #409eff;
	--syzh-input-date-notice-background-color: red;
	--syzh-input-date-picker-hover-background-color: #f2f6fc;
	--syzh-input-date-picker-selected-color: #fff;
	--syzh-input-date-time-confirm-button-color: #fff;
	--syzh-input-date-picker-festival-selected-color: #fff;
	--syzh-input-date-picker-notice-selected-background-color: #fff;
	--syzh-input-date-extra-color: #67c23a;
	--syzh-input-date-extra-important-color: #fd2222;
	--syzh-input-date-title-height-default: 30px;
	--syzh-input-date-title-height-medium: 29px;
	--syzh-input-date-title-height-small: 28px;
	--syzh-input-date-title-height-mini: 26px;
	--syzh-input-date-time-week-row-height-default: 38px;
	--syzh-input-date-time-week-row-height-medium: 36px;
	--syzh-input-date-time-week-row-height-small: 34px;
	--syzh-input-date-time-week-row-height-mini: 32px;
	--syzh-input-date-month-year-row-height-default: 48px;
	--syzh-input-date-month-year-row-height-medium: 46px;
	--syzh-input-date-month-year-row-height-small: 44px;
	--syzh-input-date-month-year-row-height-mini: 42px;
	--syzh-input-date-quarter-row-height-default: 60px;
	--syzh-input-date-quarter-row-height-medium: 58px;
	--syzh-input-date-quarter-row-height-small: 56px;
	--syzh-input-date-quarter-row-height-mini: 54px;
	--syzh-input-height-default: 34px;
	--syzh-input-height-medium: 32px;
	--syzh-input-height-small: 30px;
	--syzh-input-height-mini: 28px;
	--syzh-textarea-line-height: 1.5715;
	--syzh-textarea-background-color: #fff;
	--syzh-textarea-count-color: #999;
	--syzh-textarea-count-background-color: #fff;
	--syzh-textarea-count-error-color: #f56c6c;
	--syzh-form-item-min-height-default: 36px;
	--syzh-form-item-min-height-medium: 34px;
	--syzh-form-item-min-height-small: 32px;
	--syzh-form-item-min-height-mini: 30px;
	--syzh-form-background-color: #fff;
	--syzh-form-validate-error-color: #f56c6c;
	--syzh-form-validate-error-background-color: inherit;
	--syzh-select-option-height-default: 30px;
	--syzh-select-option-height-medium: 28px;
	--syzh-select-option-height-small: 26px;
	--syzh-select-option-height-mini: 24px;
	--syzh-select-option-hover-background-color: #f5f7fa;
	--syzh-select-panel-background-color: #fff;
	--syzh-select-empty-color: #c0c4cc;
	--syzh-optgroup-title-color: #909399;
	--syzh-switch-font-color: #fff;
	--syzh-switch-icon-background-color: #fff;
	--syzh-switch-open-background-color: #409eff;
	--syzh-switch-close-background-color: rgba(0,0,0,.35);
	--syzh-switch-disabled-background-color: rgba(0,0,0,.15);
	--syzh-pulldown-panel-background-color: #fff;
}

:root {
	--el-color-white: #ffffff;
	--el-color-black: #000000;
	--el-color-primary-rgb: 64, 158, 255;
	--el-color-success-rgb: 103, 194, 58;
	--el-color-warning-rgb: 230, 162, 60;
	--el-color-danger-rgb: 245, 108, 108;
	--el-color-error-rgb: 245, 108, 108;
	--el-color-info-rgb: 144, 147, 153;
	--el-font-size-extra-large: 20px;
	--el-font-size-large: 18px;
	--el-font-size-medium: 16px;
	--el-font-size-base: 14px;
	--el-font-size-small: 13px;
	--el-font-size-extra-small: 12px;
	--el-font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
	--el-font-weight-primary: 500;
	--el-font-line-height-primary: 24px;
	--el-index-normal: 1;
	--el-index-top: 1000;
	--el-index-popper: 2000;
	--el-border-radius-base: 4px;
	--el-border-radius-small: 2px;
	--el-border-radius-round: 20px;
	--el-border-radius-circle: 100%;
	--el-transition-duration: .3s;
	--el-transition-duration-fast: .2s;
	--el-transition-function-ease-in-out-bezier: cubic-bezier(.645, .045, .355, 1);
	--el-transition-function-fast-bezier: cubic-bezier(.23, 1, .32, 1);
	--el-transition-all: all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
	--el-transition-fade: opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);
	--el-transition-md-fade: transform var(--el-transition-duration) var(--el-transition-function-fast-bezier), opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);
	--el-transition-fade-linear: opacity var(--el-transition-duration-fast) linear;
	--el-transition-border: border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
	--el-transition-box-shadow: box-shadow var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
	--el-transition-color: color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
	--el-component-size-large: 40px;
	--el-component-size: 32px;
	--el-component-size-small: 24px;
}

:root {
	color-scheme: light;
	--el-color-white: #ffffff;
	--el-color-black: #000000;
	--el-color-primary: #409eff;
	--el-color-primary-light-3: #79bbff;
	--el-color-primary-light-5: #a0cfff;
	--el-color-primary-light-7: #c6e2ff;
	--el-color-primary-light-8: #d9ecff;
	--el-color-primary-light-9: #ecf5ff;
	--el-color-primary-dark-2: #337ecc;
	--el-color-success: #67c23a;
	--el-color-success-light-3: #95d475;
	--el-color-success-light-5: #b3e19d;
	--el-color-success-light-7: #d1edc4;
	--el-color-success-light-8: #e1f3d8;
	--el-color-success-light-9: #f0f9eb;
	--el-color-success-dark-2: #529b2e;
	--el-color-warning: #e6a23c;
	--el-color-warning-light-3: #eebe77;
	--el-color-warning-light-5: #f3d19e;
	--el-color-warning-light-7: #f8e3c5;
	--el-color-warning-light-8: #faecd8;
	--el-color-warning-light-9: #fdf6ec;
	--el-color-warning-dark-2: #b88230;
	--el-color-danger: #f56c6c;
	--el-color-danger-light-3: #f89898;
	--el-color-danger-light-5: #fab6b6;
	--el-color-danger-light-7: #fcd3d3;
	--el-color-danger-light-8: #fde2e2;
	--el-color-danger-light-9: #fef0f0;
	--el-color-danger-dark-2: #c45656;
	--el-color-error: #f56c6c;
	--el-color-error-light-3: #f89898;
	--el-color-error-light-5: #fab6b6;
	--el-color-error-light-7: #fcd3d3;
	--el-color-error-light-8: #fde2e2;
	--el-color-error-light-9: #fef0f0;
	--el-color-error-dark-2: #c45656;
	--el-color-info: #909399;
	--el-color-info-light-3: #b1b3b8;
	--el-color-info-light-5: #c8c9cc;
	--el-color-info-light-7: #dedfe0;
	--el-color-info-light-8: #e9e9eb;
	--el-color-info-light-9: #f4f4f5;
	--el-color-info-dark-2: #73767a;
	--el-bg-color: #ffffff;
	--el-bg-color-page: #f2f3f5;
	--el-bg-color-overlay: #ffffff;
	--el-text-color-primary: #303133;
	--el-text-color-regular: #606266;
	--el-text-color-secondary: #909399;
	--el-text-color-placeholder: #a8abb2;
	--el-text-color-disabled: #c0c4cc;
	--el-border-color: #dcdfe6;
	--el-border-color-light: #e4e7ed;
	--el-border-color-lighter: #ebeef5;
	--el-border-color-extra-light: #f2f6fc;
	--el-border-color-dark: #d4d7de;
	--el-border-color-darker: #cdd0d6;
	--el-fill-color: #f0f2f5;
	--el-fill-color-light: #f5f7fa;
	--el-fill-color-lighter: #fafafa;
	--el-fill-color-extra-light: #fafcff;
	--el-fill-color-dark: #ebedf0;
	--el-fill-color-darker: #e6e8eb;
	--el-fill-color-blank: #ffffff;
	--el-box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, .04), 0px 8px 20px rgba(0, 0, 0, .08);
	--el-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, .12);
	--el-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, .12);
	--el-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, .08), 0px 12px 32px rgba(0, 0, 0, .12), 0px 8px 16px -8px rgba(0, 0, 0, .16);
	--el-disabled-bg-color: var(--el-fill-color-light);
	--el-disabled-text-color: var(--el-text-color-placeholder);
	--el-disabled-border-color: var(--el-border-color-light);
	--el-overlay-color: rgba(0, 0, 0, .8);
	--el-overlay-color-light: rgba(0, 0, 0, .7);
	--el-overlay-color-lighter: rgba(0, 0, 0, .5);
	--el-mask-color: rgba(255, 255, 255, .9);
	--el-mask-color-extra-light: rgba(255, 255, 255, .3);
	--el-border-width: 1px;
	--el-border-style: solid;
	--el-border-color-hover: var(--el-text-color-disabled);
	--el-border: var(--el-border-width) var(--el-border-style) var(--el-border-color);
	--el-svg-monochrome-grey: var(--el-border-color);
}

:root {
	--el-popup-modal-bg-color: var(--el-color-black);
	--el-popup-modal-opacity: .5;
}

:root {
	--el-loading-spinner-size: 42px;
	--el-loading-fullscreen-spinner-size: 50px;
}

:root {
	--el-menu-active-color: var(--el-color-primary);
	--el-menu-text-color: var(--el-text-color-primary);
	--el-menu-hover-text-color: var(--el-color-primary);
	--el-menu-bg-color: var(--el-fill-color-blank);
	--el-menu-hover-bg-color: var(--el-color-primary-light-9);
	--el-menu-item-height: 56px;
	--el-menu-sub-item-height: calc(var(--el-menu-item-height) - 6px);
	--el-menu-horizontal-sub-item-height: 36px;
	--el-menu-item-font-size: var(--el-font-size-base);
	--el-menu-item-hover-fill: var(--el-color-primary-light-9);
	--el-menu-border-color: var(--el-border-color);
	--el-menu-base-level-padding: 20px;
	--el-menu-level-padding: 20px;
	--el-menu-icon-width: 24px;
}

:root {
	--g-app-width: 1400px;
	--g-header-width: 100%;
	--g-header-height: 58px;
	--g-main-sidebar-width: 90px;
	--g-sub-sidebar-width: 200px;
	--g-sub-sidebar-collapse-width: 64px;
	--g-sidebar-logo-height: 50px;
	--g-tabbar-height: 40px;
	--g-tabbar-tab-max-width: 160px;
	--g-tabbar-tab-min-width: 0px;
	--g-main-sidebar-actual-width: 0px;
	--g-sub-sidebar-actual-width: 200px;
	--g-html-body-background-color: #f5f7f9;
}

:root {
	--g-box-shadow-color: rgb(0 0 0 / 12%);
}

:root {
	--mx-menu-backgroud: #fff;
	--mx-menu-hover-backgroud: #f1f1f1;
	--mx-menu-active-backgroud: #dfdfdf;
	--mx-menu-open-backgroud: #f1f1f1;
	--mx-menu-open-hover-backgroud: #f1f1f1;
	--mx-menu-divider: #f0f0f0;
	--mx-menu-text: #2e2e2e;
	--mx-menu-hover-text: #2e2e2e;
	--mx-menu-active-text: #2e2e2e;
	--mx-menu-open-text: #2e2e2e;
	--mx-menu-open-hover-text: #2e2e2e;
	--mx-menu-disabled-text: #c9c8c8;
	--mx-menu-icon-size: 16px;
	--mx-menu-shadow-color: rgba(0,0,0,.1);
	--mx-menu-backgroud-radius: 10px;
	--mx-menu-shortcut-backgroud: #ebebeb;
	--mx-menu-shortcut-backgroud-hover: #ebebeb;
	--mx-menu-shortcut-backgroud-active: #ebebeb;
	--mx-menu-shortcut-backgroud-open: #ebebeb;
	--mx-menu-shortcut-backgroud-disabled: #fdfdfd;
	--mx-menu-shortcut-text: #424242;
	--mx-menu-shortcut-text-hover: #424242;
	--mx-menu-shortcut-text-active: #424242;
	--mx-menu-shortcut-text-open: #424242;
	--mx-menu-shortcut-text-disabled: #a5a5a5;
	--mx-menu-focus-color: #0085f1;
	--mx-menu-placeholder-width: 24px;
}

:root [data-theme=default] {
	--g-theme-color: var(--el-color-primary);
	--g-app-bg: var(--el-bg-color);
	--g-main-bg: var(--el-bg-color-page);
	--g-border-color: var(--el-border-color-lighter);

	/* 顶部菜单 */
	/*--g-header-bg: #409eff;
	--g-header-color: #fff;
	--g-header-menu-color: #fff;
	--g-header-menu-hover-color: #fff;
	--g-header-menu-hover-bg: #334067;
	--g-header-menu-active-color: #fff;
	--g-header-menu-active-bg: #334067;*/
	--g-header-bg: #fff;
	--g-header-color: #409eff;
	--g-header-menu-color: #303133;
	--g-header-menu-hover-color: #409eff;
	--g-header-menu-hover-bg: #fff;
	--g-header-menu-active-color: #409eff;
	--g-header-menu-active-bg: #334067;

	/* 左侧导航菜单 */
	--g-sub-sidebar-bg: #fff;
	--g-sub-sidebar-border-color: #dcdfe6;
	--g-sub-sidebar-logo-bg: #222b45;
	--g-sub-sidebar-logo-color: #fff;
	--g-sub-sidebar-menu-bg: #e8e8e8;
	--g-sub-sidebar-menu-color: var(--el-text-color-primary);
	--g-sub-sidebar-menu-hover-color: var(--el-text-color-primary);
	--g-sub-sidebar-menu-hover-bg: #e1e1e1;
	--g-sub-sidebar-menu-active-color: #1890ff;
	--g-sub-sidebar-menu-active-bg: #e6f7ff;

	/**/
	--g-badge-bg: var(--el-color-danger);
	--g-badge-color: #fff;
	--g-badge-border-color: #fff;
	--g-tabbar-bg: var(--el-bg-color-page);
	--g-tabbar-dividers-bg: var(--el-border-color-darker);
	--g-tabbar-tab-color: var(--el-text-color-placeholder);
	--g-tabbar-tab-hover-color: var(--el-text-color-placeholder);
	--g-tabbar-tab-hover-bg: var(--el-fill-color-lighter);
	--g-tabbar-tab-active-color: var(--el-text-color-regular);
	--g-tabbar-tab-active-bg: var(--el-bg-color);
	--g-toolbar-bg: var(--el-bg-color);
	--g-nprogress-color: var(--el-color-primary);
}

html, body {
	height: 100%;
	color: var(--syzh-text-color-primary);
	background-color: var(--g-html-body-background-color);
}

#app,
.layout{
	height: 100%;
}

#app-main {
	height: 100%;
	margin: 0 auto;
	transition: var(--el-transition-all);
}

[data-app-width-mode=adaption] #app-main {
	width: 100%;
}

/* start 顶部 */

.navbar-fixed-top {
	background-color: var(--g-header-bg);
	-webkit-transition: var(--el-transition-all);
	-moz-transition: var(--el-transition-all);
	-ms-transition: var(--el-transition-all);
	-o-transition: var(--el-transition-all);
	transition: var(--el-transition-all);
}

.navbar-fixed-top:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background-color: var(--el-border-color);
}

.navbar-fixed-top .navbar-nav .icon-menu,
.navbar-fixed-top .user-account,
.navbar-fixed-top .user-account .user-name {
	color: var(--g-header-menu-color);
}

.navbar-fixed-top .admin-title {
	color: var(--el-color-primary);
}

.navbar-fixed-top .lay-mid {
	background-color: var(--g-header-menu-color);
}

.user-account .dropdown .dropdown-menu a {
	color: var(--el-text-color-regular);
}

/* end 顶部 */


/* start 左侧导航菜单 */

#left-sidebar {
	top: var(--g-header-height);
	width: var(--g-sub-sidebar-width);
}

.main-menu-wrap {
	width: var(--g-sub-sidebar-width);
	border-right-color: var(--g-sub-sidebar-border-color);
}

.main-menu-wrap,
.layui-nav.layui-nav-tree.layui-bg-white,
.layui-nav-tree.layui-bg-white .layui-nav-item a:hover,
.layui-bg-white .layui-nav-itemed > .layui-nav-child {
	background-color: var(--g-sub-sidebar-bg);
}

.layui-bg-white .layui-nav-itemed > a,
.layui-nav.layui-bg-white .layui-nav-item a,
.layui-nav.layui-bg-white .layui-nav-item a:hover,
.layui-nav-tree.layui-bg-white .layui-nav-title a,
.layui-nav-tree.layui-bg-white .layui-nav-title a:hover {
	color: var(--g-sub-sidebar-menu-color) !important;
}

.layui-nav.layui-bg-white .layui-nav-item.active > a,
.layui-nav.layui-bg-white .layui-nav-item.active > a:hover,
.layui-nav.layui-bg-white .layui-nav-item a:hover {
	color: var(--g-sub-sidebar-menu-active-color) !important;
}

.layui-nav-tree.layui-bg-white .layui-nav-child dd.layui-this,
.layui-nav-tree.layui-bg-white .layui-this {
	background-color: var(--g-sub-sidebar-menu-active-bg);
}

.layui-nav-tree.layui-bg-white .layui-nav-child dd.layui-this a,
.layui-nav-tree.layui-bg-white .layui-this > a,
.layui-nav-tree.layui-bg-white .layui-this > a:hover {
	background-color: var(--g-sub-sidebar-menu-active-bg);
	color: var(--g-sub-sidebar-menu-active-color) !important;
}

.layui-nav-tree.layui-bg-white .layui-nav-item a:hover:before {
	background-color: var(--g-sub-sidebar-menu-active-color)
}

/* end 左侧导航菜单 */


/* start wrapper */

.wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	transition: padding-top .3s;
}

.navbar-fixed-top:not(.header-leave-active)+.wrapper {
	padding-top: var(--g-header-height);
	box-sizing: border-box;
}

.wrapper .main-container {
	display: flex;
	flex-direction: column;
	min-height: 100%;
	margin-left: calc(var(--g-main-sidebar-actual-width) + var(--g-sub-sidebar-actual-width));
	background-color: var(--g-main-bg);
	box-shadow: -1px 0 0 0 var(--g-border-color),1px 0 0 0 var(--g-border-color);
	transition: margin-left .3s,background-color .3s,var(--el-transition-box-shadow);
}

.admin-pagetabs {
	top: var(--g-header-height);
	left: var(--g-sub-sidebar-width);
}

.wrapper .main-container .main {
	height: 100%;
	flex: auto;
	position: relative;
	overflow: hidden;
	transition: .3s;
}

.wrapper .main-container .admin-pagetabs+.main {
	margin: var(--g-tabbar-height) 0 0;
}

.admin-pagetabs .layui-tab .tab {
	max-width: var(--g-tabbar-tab-max-width);
	min-width: var(--g-tabbar-tab-min-width);
}

#main-body, .main-body {
	top: 0;
	left: 0;
}

/* end wrapper */


/* start 表单 */

.layui-input,
.layui-textarea {
	--el-input-text-color: var(--el-text-color-regular);
	--el-input-border: var(--el-border);
	--el-input-hover-border: var(--el-border-color-hover);
	--el-input-focus-border: var(--el-color-primary);
	--el-input-transparent-border: 0 0 0 1px transparent inset;
	--el-input-border-color: var(--el-border-color);
	--el-input-border-radius: var(--el-border-radius-base);
	--el-input-bg-color: var(--el-fill-color-blank);
	--el-input-icon-color: var(--el-text-color-placeholder);
	--el-input-placeholder-color: var(--el-text-color-placeholder);
	--el-input-hover-border-color: var(--el-border-color-hover);
	--el-input-clear-hover-color: var(--el-text-color-secondary);
	--el-input-focus-border-color: var(--el-color-primary);
	--el-input-width: 100%;

	/*transition: var(--el-transition-box-shadow);*/
	background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
	border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
	/*transform: translateZ(0);*/
	transition: var(--el-transition-all);
	box-shadow: 0 0 0 0px var(--el-input-border-color, var(--el-border-color)) inset;
}

.layui-input:hover,
.layui-textarea:hover {
	border-color: transparent !important;
	box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset;
}

.layui-input:focus,
.layui-textarea:focus {
	border-color: transparent !important;
	background-color: var(--el-input-bg-color) !important;
	box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
}

.layui-form-danger+.layui-form-select .layui-input,
.layui-form-danger:focus {
	border-color: var(--el-color-danger) !important;
	box-shadow: 0 0 0 3px rgba(255, 87, 34, .08) !important;
}

.layui-form.has-colon .layui-form-label:after {
	color: var(--syzh-text-color-primary);
}

.layui-form-select {
	color: var(--el-text-color-regular);
}

.layui-form-select dl dd:hover {
	background-color: var(--el-fill-color-light);
}

.layui-form-select dl dd.layui-this {
	background-color: var(--el-fill-color-light);
	color: var(--el-color-primary);
}

.layui-laydate .layui-laydate-content .layui-this,
.layui-laydate .layui-this, .layui-laydate .layui-this>div {
	background-color: var(--syzh-input-date-picker-selected-color) !important;
	font-weight: 700;
	color: var(--el-color-primary) !important;
}

.layui-form-radio:hover *,
.layui-form-radioed,
.layui-form-radioed>i {
	color: var(--el-color-primary);
}

.layui-laydate-linkage .layui-laydate-content td.laydate-selected > div {
	background-color: var(--el-color-primary) !important;
	color: var(--el-color-white) !important;
}

.layui-laydate-linkage .layui-laydate-content td.laydate-selected.laydate-day-next > div {
	background-color: #f8f8f8 !important;
	color: var(--el-text-color-regular) !important;
}

.layui-laydate-content td.laydate-day-now:after {
	height: 38px;
}

.layui-laydate-footer span:first-child.layui-laydate-preview,
.layui-laydate-footer span.layui-laydate-preview {
	color: var(--el-color-info) !important;
}

.laydate-time-list>li:hover {
	color: var(--el-text-color-primary) !important;
}

.layui-laydate-content td.laydate-day-now:after {
	border-color: var(--el-color-primary);
}

.layui-laydate-content td.laydate-day-now {
	color: var(--el-color-primary);
}

/* end 表单*/

/* start 表格 */
.dialog-fade-enter-active {
	animation: modal-fade-in var(--el-transition-duration)
}

.dialog-fade-enter-active .el-overlay-dialog {
	animation: dialog-fade-in var(--el-transition-duration)
}

.dialog-fade-leave-active {
	animation: modal-fade-out var(--el-transition-duration)
}

.dialog-fade-leave-active .el-overlay-dialog {
	animation: dialog-fade-out var(--el-transition-duration)
}

@keyframes dialog-fade-in {
	0% {
		transform: translate3d(0,-20px,0);
		opacity: 0
	}

	to {
		transform: translateZ(0);
		opacity: 1
	}
}

@keyframes dialog-fade-out {
	0% {
		transform: translateZ(0);
		opacity: 1
	}

	to {
		transform: translate3d(0,-20px,0);
		opacity: 0
	}
}

@keyframes modal-fade-in {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes modal-fade-out {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}
/* end 表格 */


/* start 其他组件 */

.layui-tab .layui-tab-title li {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.layui-tab .tabbar-enter-active {
	transition: all .3s;
}

.layui-tab .tabbar-enter-to {
	/*opacity: 0;*/
	transform: translateY(40px)
}

.layui-tab .tabbar-leave-to {
	/*opacity: 0;*/
	transform: translateY(40px)
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
	background: var(--el-color-primary);
}

.layui-laypage input:focus,
.layui-laypage select:focus {
	border-color: var(--el-color-primary) !important;
}

.layui-laypage a:hover {
	color: var(--el-color-primary);
}

.layui-form-checkbox[lay-skin=primary]>.layui-icon-indeterminate {
	border-color: var(--el-color-primary) !important;
}

.layui-form-checked[lay-skin="primary"] i {
	border-color: var(--el-color-primary) !important;
	background-color: var(--el-color-primary) !important;
}

.layui-btn-normal {
	background-color: var(--el-color-primary) !important;
}

.transition-mode .mode.mode-slide-right {
	animation: transition-mode-slide-right 1.8s infinite
}

@keyframes transition-mode-slide-right {
	0% {
		opacity: 1
	}

	30% {
		opacity: 0;
		transform: translate(30%)
	}

	35% {
		opacity: 0;
		transform: translate(-30%)
	}

	to {
		opacity: 1
	}
}

/* end 其他组件 */