html { height: 100%; overflow: hidden; } body { position: absolute; width: 100%; height: 100%; margin: 0; padding: 0; top: 0; left: 0; background-repeat: repeat; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; color: #3d4d66; font: normal 12px "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Heiti, "黑体", sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none; -kthml-user-focus: normal; -moz-user-focus: normal; -moz-outline: 0 none; outline: 0 none; } div::-webkit-scrollbar, textarea::-webkit-scrollbar { -webkit-appearance: none; background-color: rgba(61, 77, 102, 0.05); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d3d4d66,endColorstr=#0d3d4d66); width: 6px; height: 6px; } div::-webkit-scrollbar-thumb, textarea::-webkit-scrollbar-thumb { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-color: rgba(61, 77, 102, 0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d3d4d66,endColorstr=#4d3d4d66); } div::-webkit-scrollbar-thumb:hover, textarea::-webkit-scrollbar-thumb:hover { background-color: rgba(61, 77, 102, 0.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b33d4d66,endColorstr=#b33d4d66); } .bi-theme-dark div::-webkit-scrollbar, .bi-theme-dark textarea::-webkit-scrollbar { -webkit-appearance: none; background-color: rgba(255, 255, 255, 0.05); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dffffff,endColorstr=#0dffffff); width: 6px; height: 6px; } .bi-theme-dark div::-webkit-scrollbar-thumb, .bi-theme-dark textarea::-webkit-scrollbar-thumb { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-color: rgba(255, 255, 255, 0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4dffffff,endColorstr=#4dffffff); } .bi-theme-dark div::-webkit-scrollbar-thumb:hover, .bi-theme-dark textarea::-webkit-scrollbar-thumb:hover { background-color: rgba(255, 255, 255, 0.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3ffffff,endColorstr=#b3ffffff); } .bi-farbtastic .wheel { background: url('images/1x/background/wheel.png') no-repeat center center; } .bi-farbtastic .overlay { background: url('images/1x/background/mask.png') no-repeat center center; } .bi-farbtastic .marker { background: url('images/1x/background/marker.png') no-repeat center center; } .bi-display-tree .ztree li span.button.switch.center_open { background: url('images/1x/icon/tree_vertical_line_3.png') no-repeat center center; } .bi-display-tree .ztree li span.button.switch.roots_open { background: url('images/1x/icon/tree_vertical_line_2.png') no-repeat center center; } .bi-display-tree .ztree li span.button.switch.bottom_open { background: url('images/1x/icon/tree_vertical_line_4.png') no-repeat center center; } .ztree li ul.line { background: url('images/1x/icon/tree_vertical_line_1.png') repeat-y 1px 0; } .bi-theme-dark .ztree li ul.line { background: url('images/1x/icon/dark/tree_vertical_line_1.png') repeat-y 1px 0; } .ztree li span.button.chk.checkbox_false_full { background: url('images/2x/icon/check_box_normal.png') no-repeat center center; background-size: contain; } .ztree li span.button.chk.checkbox_false_full_focus { background: url('images/2x/icon/check_box_normal.png') no-repeat center center; background-size: contain; } .ztree li span.button.chk.checkbox_false_part { background: url('images/2x/icon/check_box_normal.png') no-repeat center center; background-size: contain; } .ztree li span.button.chk.checkbox_false_part_focus { background: url('images/2x/icon/half_selected.png') no-repeat center center; background-size: contain; } .ztree li span.button.chk.checkbox_true_full { background: url('images/2x/icon/check_box_active.png') no-repeat center center; background-size: contain; } .ztree li span.button.chk.checkbox_true_full_focus { background: url('images/2x/icon/check_box_active.png') no-repeat center center; background-size: contain; } .ztree li span.button.chk.checkbox_true_part { background: url('images/2x/icon/half_selected.png') no-repeat center center; background-size: contain; } .ztree li span.button.chk.checkbox_true_part_focus { background: url('images/2x/icon/half_selected.png') no-repeat center center; background-size: contain; } .ztree.hack li span.button.chk.checkbox_false_full { background: url('images/1x/icon/check_box_normal.png') no-repeat center center; } .ztree.hack li span.button.chk.checkbox_false_full_focus { background: url('images/1x/icon/check_box_normal.png') no-repeat center center; } .ztree.hack li span.button.chk.checkbox_false_part { background: url('images/1x/icon/check_box_normal.png') no-repeat center center; } .ztree.hack li span.button.chk.checkbox_false_part_focus { background: url('images/1x/icon/half_selected.png') no-repeat center center; } .ztree.hack li span.button.chk.checkbox_true_full { background: url('images/1x/icon/check_box_active.png') no-repeat center center; } .ztree.hack li span.button.chk.checkbox_true_full_focus { background: url('images/1x/icon/check_box_active.png') no-repeat center center; } .ztree.hack li span.button.chk.checkbox_true_part { background: url('images/1x/icon/half_selected.png') no-repeat center center; } .ztree.hack li span.button.chk.checkbox_true_part_focus { background: url('images/1x/icon/half_selected.png') no-repeat center center; } .ztree li span.button.root_open { background: url('images/1x/icon/tree_expand_1.png') no-repeat center center; } .bi-theme-dark .ztree li span.button.root_open { background: url('images/1x/icon/dark/tree_expand_1.png') no-repeat center center; } .ztree li span.button.root_close { background: url('images/1x/icon/tree_collapse_1.png') no-repeat center center; } .bi-theme-dark .ztree li span.button.root_close { background: url('images/1x/icon/dark/tree_collapse_1.png') no-repeat center center; } .ztree li span.button.roots_open { background: url('images/1x/icon/tree_expand_2.png') no-repeat center center; } .bi-theme-dark .ztree li span.button.roots_open { background: url('images/1x/icon/dark/tree_expand_2.png') no-repeat center center; } .ztree li span.button.roots_close { background: url('images/1x/icon/tree_collapse_2.png') no-repeat center center; } .bi-theme-dark .ztree li span.button.roots_close { background: url('images/1x/icon/dark/tree_collapse_2.png') no-repeat center center; } .ztree li span.button.center_open { background: url('images/1x/icon/tree_expand_3.png') no-repeat center center; } .bi-theme-dark .ztree li span.button.center_open { background: url('images/1x/icon/dark/tree_expand_3.png') no-repeat center center; } .ztree li span.button.center_close { background: url('images/1x/icon/tree_collapse_3.png') no-repeat center center; } .bi-theme-dark .ztree li span.button.center_close { background: url('images/1x/icon/dark/tree_collapse_3.png') no-repeat center center; } .ztree li span.button.bottom_open { background: url('images/1x/icon/tree_expand_4.png') no-repeat center center; } .bi-theme-dark .ztree li span.button.bottom_open { background: url('images/1x/icon/dark/tree_expand_4.png') no-repeat center center; } .ztree li span.button.bottom_close { background: url('images/1x/icon/tree_collapse_4.png') no-repeat center center; } .bi-theme-dark .ztree li span.button.bottom_close { background: url('images/1x/icon/dark/tree_collapse_4.png') no-repeat center center; } .ztree li span.button.roots_docu { background: url('images/1x/icon/tree_vertical_line_2.png') no-repeat center center; } .bi-theme-dark .ztree li span.button.roots_docu { background: url('images/1x/icon/dark/tree_vertical_line_2.png') no-repeat center center; } .ztree li span.button.center_docu { background: url('images/1x/icon/tree_vertical_line_3.png') no-repeat center center; } .bi-theme-dark .ztree li span.button.center_docu { background: url('images/1x/icon/dark/tree_vertical_line_3.png') no-repeat center center; } .ztree li span.button.bottom_docu { background: url('images/1x/icon/tree_vertical_line_4.png') no-repeat center center; } .bi-theme-dark .ztree li span.button.bottom_docu { background: url('images/1x/icon/dark/tree_vertical_line_4.png') no-repeat center center; } .ztree li span.button.ico_loading { background: url('images/1x/icon/loading.gif') no-repeat center center; } .base-line-conn-background { background: url('images/1x/icon/tree_vertical_line_1.png') repeat-y 0 0; } .bi-theme-dark .base-line-conn-background { background: url('images/1x/icon/dark/tree_vertical_line_1.png') repeat-y 0 0; } .first-line-conn-background { background: url('images/1x/icon/tree_vertical_line_2.png') no-repeat center center; } .bi-theme-dark .first-line-conn-background { background: url('images/1x/icon/dark/tree_vertical_line_2.png') no-repeat center center; } .mid-line-conn-background { background: url('images/1x/icon/tree_vertical_line_3.png') no-repeat center center; } .bi-theme-dark .mid-line-conn-background { background: url('images/1x/icon/dark/tree_vertical_line_3.png') no-repeat center center; } .last-line-conn-background { background: url('images/1x/icon/tree_vertical_line_4.png') no-repeat center center; } .bi-theme-dark .last-line-conn-background { background: url('images/1x/icon/dark/tree_vertical_line_4.png') no-repeat center center; } .loading-background { background: url('images/2x/icon/loading.gif') no-repeat center center; background-size: contain; } .auto-color-background { background: url('images/2x/background/auto_color.png') no-repeat center center; background-size: contain; } .auto-color-normal-background { background: url('images/2x/background/auto_color_normal.png') no-repeat center center; background-size: contain; } .auto-color-normal-disabled-background { background: url('images/2x/background/auto_color_normal_disable.png') no-repeat center center; background-size: contain; } .trans-color-background { background: url('images/2x/background/trans_normal.png') no-repeat center center; background-size: contain; } .trans-color-disabled-background { background: url('images/2x/background/trans_disable.png') no-repeat center center; background-size: contain; } .auto-color-background.hack { background: url('images/1x/background/auto_color.png') no-repeat center center; } .auto-color-normal-background.hack { background: url('images/1x/background/auto_color_normal.png') no-repeat center center; } .auto-color-normal-disabled-background.hack { background: url('images/1x/background/auto_color_normal_disable.png') no-repeat center center; } .trans-color-background.hack { background: url('images/1x/background/trans_normal.png') no-repeat center center; } .trans-color-disabled-background.hack { background: url('images/1x/background/trans_disable.png') no-repeat center center; } @font-face { font-family: "fineui"; src: url('font/iconfont.eot'); src: url('font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('font/iconfont.woff') format('woff'), /* chrome、firefox */ url('font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('font/iconfont.svg#svgFontName') format('svg'); /* iOS 4.1- */ } .b-font { font-family: 'fineui'; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } .close-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .close-font .b-font:before { content: "\e6d0"; color: inherit; } .close-font.disabled .b-font:before { content: "\e6d0"; color: inherit; } .close-h-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .close-h-font .b-font:before { content: "\e6d0"; color: inherit; } .close-h-font:hover .b-font:before, .close-h-font.hover .b-font:before { content: "\e6d0"; color: inherit; } .close-h-font.disabled .b-font:before { content: "\e6d0"; color: inherit; } .close-ha-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .close-ha-font .b-font:before { content: "\e6d0"; color: inherit; } .close-ha-font:hover .b-font:before, .close-ha-font.hover .b-font:before { content: "\e6d0"; color: inherit; } .close-ha-font:active .b-font:before, .close-ha-font.active .b-font:before { content: "\e6d0"; color: #3f8ce8; } .close-ha-font.disabled .b-font:before { content: "\e6d0"; color: inherit; } .circle-close-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .circle-close-font .b-font:before { content: "\e6d5"; color: inherit; } .circle-close-font.disabled .b-font:before { content: "\e6d5"; color: inherit; } .search-close-h-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .search-close-h-font .b-font:before { content: "\e6d0"; color: inherit; } .search-close-h-font:hover .b-font:before, .search-close-h-font.hover .b-font:before { content: "\e6d0"; color: #ff4949; } .search-close-h-font.disabled .b-font:before { content: "\e6d0"; color: inherit; } .pre-page-h-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .pre-page-h-font .b-font:before { content: "\e70d"; color: inherit; } .pre-page-h-font:hover .b-font:before, .pre-page-h-font.hover .b-font:before { content: "\e70d"; color: inherit; } .pre-page-h-font.disabled .b-font:before { content: "\e70d"; color: inherit; } .next-page-h-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .next-page-h-font .b-font:before { content: "\e70c"; color: inherit; } .next-page-h-font:hover .b-font:before, .next-page-h-font.hover .b-font:before { content: "\e70c"; color: inherit; } .next-page-h-font.disabled .b-font:before { content: "\e70c"; color: inherit; } .search-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .search-font .b-font:before { content: "\e6dc"; color: inherit; } .search-font.disabled .b-font:before { content: "\e6dc"; color: inherit; } .date-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .date-font .b-font:before { content: "\e733"; color: inherit; } .date-font.disabled .b-font:before { content: "\e733"; color: inherit; } .time-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .time-font .b-font:before { content: "\e6b1"; color: inherit; } .time-font.disabled .b-font:before { content: "\e6b1"; color: inherit; } .date-change-h-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .date-change-h-font .b-font:before { content: "\e72f"; color: inherit; } .date-change-h-font:hover .b-font:before, .date-change-h-font.hover .b-font:before { content: "\e72f"; color: inherit; } .date-change-h-font.disabled .b-font:before { content: "\e72f"; color: inherit; } .dot-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .dot-font .b-font:before { content: "\e762"; color: #232e40; } .dot-font.disabled .b-font:before { content: "\e762"; color: #232e40; } .dot-h-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .dot-h-font .b-font:before { content: "\e762"; color: #232e40; } .dot-h-font:hover .b-font:before, .dot-h-font.hover .b-font:before { content: "\e762"; color: inherit; } .dot-h-font.disabled .b-font:before { content: "\e762"; color: #232e40; } .dot-ha-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .dot-ha-font .b-font:before { content: "\e762"; color: #ffffff; } .dot-ha-font:hover .b-font:before, .dot-ha-font.hover .b-font:before { content: "\e762"; color: #999999; } .dot-ha-font:active .b-font:before, .dot-ha-font.active .b-font:before { content: "\e762"; color: #232e40; } .dot-ha-font.disabled .b-font:before { content: "\e762"; color: #ffffff; } .dot-e-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .dot-e-font .b-font:before { content: "\e762"; color: transparent; } .dot-e-font:hover .b-font:before, .dot-e-font.hover .b-font:before { content: "\e762"; color: rgba(54, 133, 242, 0.06); } .dot-e-font:active .b-font:before { content: "\e762"; color: #3685f2; } .dot-e-font.active .b-font:before { content: "\e762"; color: #3685f2; } .dot-e-font.disabled .b-font:before { content: "\e762"; color: transparent; } .pull-right-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .pull-right-font .b-font:before { content: "\e70c"; color: inherit; } .pull-right-font.disabled .b-font:before { content: "\e70c"; color: inherit; } .pull-right-h-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .pull-right-h-font .b-font:before { content: "\e70c"; color: inherit; } .pull-right-h-font:hover .b-font:before, .pull-right-h-font.hover .b-font:before { content: "\e70c"; color: inherit; } .pull-right-h-font.disabled .b-font:before { content: "\e70c"; color: inherit; } .pull-right-ha-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .pull-right-ha-font .b-font:before { content: "\e70c"; color: inherit; } .pull-right-ha-font:hover .b-font:before, .pull-right-ha-font.hover .b-font:before { content: "\e70c"; color: inherit; } .pull-right-ha-font:active .b-font:before, .pull-right-ha-font.active .b-font:before { content: "\e70c"; color: #3f8ce8; } .pull-right-ha-font.disabled .b-font:before { content: "\e70c"; color: inherit; } .pull-right-e-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .pull-right-e-font .b-font:before { content: "\e70c"; color: inherit; } .pull-right-e-font:hover .b-font:before, .pull-right-e-font.hover .b-font:before { content: "\e70c"; color: inherit; } .pull-right-e-font:active .b-font:before { content: "\e70c"; color: #3f8ce8; } .pull-right-e-font.active .b-font:before { content: "\e70c"; color: #3f8ce8; } .pull-right-e-font.disabled .b-font:before { content: "\e70c"; color: inherit; } .copy-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .copy-font .b-font:before { content: "\e6bd"; color: inherit; } .copy-font.disabled .b-font:before { content: "\e6bd"; color: inherit; } .copy-h-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .copy-h-font .b-font:before { content: "\e6bd"; color: #232e40; } .copy-h-font:hover .b-font:before, .copy-h-font.hover .b-font:before { content: "\e6bd"; color: inherit; } .copy-h-font.disabled .b-font:before { content: "\e6bd"; color: #232e40; } .copy-ha-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .copy-ha-font .b-font:before { content: "\e6bd"; color: inherit; } .copy-ha-font:hover .b-font:before, .copy-ha-font.hover .b-font:before { content: "\e6bd"; color: inherit; } .copy-ha-font:active .b-font:before, .copy-ha-font.active .b-font:before { content: "\e6bd"; color: #3f8ce8; } .copy-ha-font.disabled .b-font:before { content: "\e6bd"; color: inherit; } .copy-e-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .copy-e-font .b-font:before { content: "\e6bd"; color: inherit; } .copy-e-font:hover .b-font:before, .copy-e-font.hover .b-font:before { content: "\e6bd"; color: inherit; } .copy-e-font:active .b-font:before { content: "\e6bd"; color: #3f8ce8; } .copy-e-font.active .b-font:before { content: "\e6bd"; color: #3f8ce8; } .copy-e-font.disabled .b-font:before { content: "\e6bd"; color: inherit; } .check-mark-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .check-mark-font .b-font:before { content: "\e6cf"; color: inherit; } .check-mark-font.disabled .b-font:before { content: "\e6cf"; color: inherit; } .check-mark-h-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .check-mark-h-font .b-font:before { content: "\e6cf"; color: inherit; } .check-mark-h-font:hover .b-font:before, .check-mark-h-font.hover .b-font:before { content: "\e6cf"; color: inherit; } .check-mark-h-font.disabled .b-font:before { content: "\e6cf"; color: inherit; } .check-mark-ha-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .check-mark-ha-font .b-font:before { content: "\e6cf"; color: inherit; } .check-mark-ha-font:hover .b-font:before, .check-mark-ha-font.hover .b-font:before { content: "\e6cf"; color: inherit; } .check-mark-ha-font:active .b-font:before, .check-mark-ha-font.active .b-font:before { content: "\e6cf"; color: #3f8ce8; } .check-mark-ha-font.disabled .b-font:before { content: "\e6cf"; color: inherit; } .check-mark-e-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .check-mark-e-font .b-font:before { content: "\e6cf"; color: inherit; } .check-mark-e-font:hover .b-font:before, .check-mark-e-font.hover .b-font:before { content: "\e6cf"; color: inherit; } .check-mark-e-font:active .b-font:before { content: "\e6cf"; color: #3f8ce8; } .check-mark-e-font.active .b-font:before { content: "\e6cf"; color: #3f8ce8; } .check-mark-e-font.disabled .b-font:before { content: "\e6cf"; color: inherit; } /** dashboard组件/控件 下拉列表图标字体 ~end~**/ .row-pre-page-h-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .row-pre-page-h-font .b-font:before { content: "\e6d9"; color: inherit; } .row-pre-page-h-font:hover .b-font:before, .row-pre-page-h-font.hover .b-font:before { content: "\e6d9"; color: inherit; } .row-pre-page-h-font.disabled .b-font:before { content: "\e6d9"; color: inherit; } .row-next-page-h-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .row-next-page-h-font .b-font:before { content: "\e6d8"; color: inherit; } .row-next-page-h-font:hover .b-font:before, .row-next-page-h-font.hover .b-font:before { content: "\e6d8"; color: inherit; } .row-next-page-h-font.disabled .b-font:before { content: "\e6d8"; color: inherit; } .column-pre-page-h-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .column-pre-page-h-font .b-font:before { content: "\e6d6"; color: inherit; } .column-pre-page-h-font:hover .b-font:before, .column-pre-page-h-font.hover .b-font:before { content: "\e6d6"; color: inherit; } .column-pre-page-h-font.disabled .b-font:before { content: "\e6d6"; color: inherit; } .column-next-page-h-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .column-next-page-h-font .b-font:before { content: "\e6d7"; color: inherit; } .column-next-page-h-font:hover .b-font:before, .column-next-page-h-font.hover .b-font:before { content: "\e6d7"; color: inherit; } .column-next-page-h-font.disabled .b-font:before { content: "\e6d7"; color: inherit; } .expander-right-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .expander-right-font .b-font:before { content: "\e6d8"; color: inherit; } .expander-right-font.disabled .b-font:before { content: "\e6d8"; color: inherit; } .expander-down-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .expander-down-font .b-font:before { content: "\e6d7"; color: inherit; } .expander-down-font.disabled .b-font:before { content: "\e6d7"; color: inherit; } .solid-triangle-top-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .solid-triangle-top-font .b-font:before { content: "\e6d6"; color: inherit; } .solid-triangle-top-font:hover .b-font:before, .solid-triangle-top-font.hover .b-font:before { content: "\e6d6"; color: inherit; } .solid-triangle-top-font.disabled .b-font:before { content: "\e6d6"; color: inherit; } .solid-triangle-bottom-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .solid-triangle-bottom-font .b-font:before { content: "\e6d7"; color: inherit; } .solid-triangle-bottom-font:hover .b-font:before, .solid-triangle-bottom-font.hover .b-font:before { content: "\e6d7"; color: inherit; } .solid-triangle-bottom-font.disabled .b-font:before { content: "\e6d7"; color: inherit; } .trigger-triangle-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .trigger-triangle-font .b-font:before { content: "\e64e"; color: inherit; } .trigger-triangle-font.disabled .b-font:before { content: "\e64e"; color: inherit; } .pull-up-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .pull-up-font .b-font:before { content: "\e70a"; color: inherit; } .pull-up-font.disabled .b-font:before { content: "\e70a"; color: inherit; } .pull-down-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .pull-down-font .b-font:before { content: "\e70b"; color: inherit; } .pull-down-font.disabled .b-font:before { content: "\e70b"; color: inherit; } .pull-down-h-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .pull-down-h-font .b-font:before { content: "\e70b"; color: #647185; } .pull-down-h-font:hover .b-font:before, .pull-down-h-font.hover .b-font:before { content: "\e70b"; color: inherit; } .pull-down-h-font.disabled .b-font:before { content: "\e70b"; color: #647185; } .pull-down-ha-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .pull-down-ha-font .b-font:before { content: "\e70b"; color: #647185; } .pull-down-ha-font:hover .b-font:before, .pull-down-ha-font.hover .b-font:before { content: "\e70b"; color: inherit; } .pull-down-ha-font:active .b-font:before, .pull-down-ha-font.active .b-font:before { content: "\e70b"; color: #3f8ce8; } .pull-down-ha-font.disabled .b-font:before { content: "\e70b"; color: #647185; } .check-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .check-font .b-font:before { content: "\e6cf"; color: #3685f2; } .check-font.disabled .b-font:before { content: "\e6cf"; color: #3685f2; } .item-check-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .item-check-font .b-font:before { content: "\e6cf"; color: #ffffff; } .item-check-font:hover .b-font:before, .item-check-font.hover .b-font:before { content: "\e6cf"; color: #999999; } .item-check-font:active .b-font:before, .item-check-font.active .b-font:before { content: "\e6cf"; color: #3f8ce8; } .item-check-font.disabled .b-font:before { content: "\e6cf"; color: #ffffff; } .primary-key-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .primary-key-font .b-font:before { content: "\e740"; color: inherit; } .primary-key-font:hover .b-font:before, .primary-key-font.hover .b-font:before { content: "\e740"; color: inherit; } .primary-key-font.disabled .b-font:before { content: "\e740"; color: inherit; } .drag-tag-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .drag-tag-font .b-font:before { content: "\e6d0"; color: #faaa39; } .drag-tag-font.disabled .b-font:before { content: "\e6d0"; color: #faaa39; } .less-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .less-font .b-font:before { content: "\e75e"; color: inherit; } .less-font.disabled .b-font:before { content: "\e75e"; color: inherit; } .less-equal-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .less-equal-font .b-font:before { content: "\e761"; color: inherit; } .less-equal-font.disabled .b-font:before { content: "\e761"; color: inherit; } .text-bold-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .text-bold-font .b-font:before { content: "\e697"; color: inherit; } .text-bold-font.disabled .b-font:before { content: "\e697"; color: inherit; } .text-italic-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .text-italic-font .b-font:before { content: "\e69d"; color: inherit; } .text-italic-font.disabled .b-font:before { content: "\e69d"; color: inherit; } .text-underline-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .text-underline-font .b-font:before { content: "\e69c"; color: inherit; } .text-underline-font.disabled .b-font:before { content: "\e69c"; color: inherit; } .text-color-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .text-color-font .b-font:before { content: "\e698"; color: inherit; } .text-color-font.disabled .b-font:before { content: "\e698"; color: inherit; } .text-background-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .text-background-font .b-font:before { content: "\e699"; color: inherit; } .text-background-font.disabled .b-font:before { content: "\e699"; color: inherit; } .text-color-underline-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .text-color-underline-font .b-font:before { content: "\e69a"; color: inherit; } .text-color-underline-font.disabled .b-font:before { content: "\e69a"; color: inherit; } .text-align-left-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .text-align-left-font .b-font:before { content: "\e6ca"; color: inherit; } .text-align-left-font.disabled .b-font:before { content: "\e6ca"; color: inherit; } .text-align-center-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .text-align-center-font .b-font:before { content: "\e6bf"; color: inherit; } .text-align-center-font.disabled .b-font:before { content: "\e6bf"; color: inherit; } .text-align-right-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .text-align-right-font .b-font:before { content: "\e6c8"; color: inherit; } .text-align-right-font.disabled .b-font:before { content: "\e6c8"; color: inherit; } .toast-error-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .toast-error-font .b-font:before { content: "\e757"; color: inherit; } .toast-error-font.disabled .b-font:before { content: "\e757"; color: inherit; } .toast-success-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .toast-success-font .b-font:before { content: "\e756"; color: inherit; } .toast-success-font.disabled .b-font:before { content: "\e756"; color: inherit; } .toast-warning-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .toast-warning-font .b-font:before { content: "\e755"; color: inherit; } .toast-warning-font.disabled .b-font:before { content: "\e755"; color: inherit; } .toast-message-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .toast-message-font .b-font:before { content: "\e74b"; color: inherit; } .toast-message-font.disabled .b-font:before { content: "\e74b"; color: inherit; } .text-add-tip-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .text-add-tip-font .b-font:before { content: "\e6dd"; color: #13cd66; } .text-add-tip-font.disabled .b-font:before { content: "\e6dd"; color: #13cd66; } .add-up-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .add-up-font .b-font:before { content: "\e70a"; color: inherit; } .add-up-font.disabled .b-font:before { content: "\e70a"; color: inherit; } .minus-down-font .b-font { *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = ''); } .minus-down-font .b-font:before { content: "\e70b"; color: inherit; } .minus-down-font.disabled .b-font:before { content: "\e70b"; color: inherit; } .tree-collapse-icon-type1 .x-icon { display: block; background: url('images/2x/icon/tree_collapse_1.png') no-repeat center center; background-size: contain; } .tree-collapse-icon-type1 .x-icon.hack { background: url('images/1x/icon/tree_collapse_1.png') no-repeat center center; } .tree-collapse-icon-type2 .x-icon { display: block; background: url('images/2x/icon/tree_collapse_2.png') no-repeat center center; background-size: contain; } .tree-collapse-icon-type2 .x-icon.hack { background: url('images/1x/icon/tree_collapse_2.png') no-repeat center center; } .tree-collapse-icon-type3 .x-icon { display: block; background: url('images/2x/icon/tree_collapse_3.png') no-repeat center center; background-size: contain; } .tree-collapse-icon-type3 .x-icon.hack { background: url('images/1x/icon/tree_collapse_3.png') no-repeat center center; } .tree-collapse-icon-type4 .x-icon { display: block; background: url('images/2x/icon/tree_collapse_4.png') no-repeat center center; background-size: contain; } .tree-collapse-icon-type4 .x-icon.hack { background: url('images/1x/icon/tree_collapse_4.png') no-repeat center center; } .tree-expand-icon-type1 .x-icon { display: block; background: url('images/2x/icon/tree_expand_1.png') no-repeat center center; background-size: contain; } .tree-expand-icon-type1 .x-icon.hack { background: url('images/1x/icon/tree_expand_1.png') no-repeat center center; } .tree-expand-icon-type2 .x-icon { display: block; background: url('images/2x/icon/tree_expand_2.png') no-repeat center center; background-size: contain; } .tree-expand-icon-type2 .x-icon.hack { background: url('images/1x/icon/tree_expand_2.png') no-repeat center center; } .tree-expand-icon-type3 .x-icon { display: block; background: url('images/2x/icon/tree_expand_3.png') no-repeat center center; background-size: contain; } .tree-expand-icon-type3 .x-icon.hack { background: url('images/1x/icon/tree_expand_3.png') no-repeat center center; } .tree-expand-icon-type4 .x-icon { display: block; background: url('images/2x/icon/tree_expand_4.png') no-repeat center center; background-size: contain; } .tree-expand-icon-type4 .x-icon.hack { background: url('images/1x/icon/tree_expand_4.png') no-repeat center center; } .tree-vertical-line-type2 .x-icon { display: block; background: url('images/2x/icon/tree_vertical_line_2.png') no-repeat center center; background-size: contain; } .tree-vertical-line-type2 .x-icon.hack { background: url('images/1x/icon/tree_vertical_line_2.png') no-repeat center center; } .tree-vertical-line-type3 .x-icon { display: block; background: url('images/2x/icon/tree_vertical_line_3.png') no-repeat center center; background-size: contain; } .tree-vertical-line-type3 .x-icon.hack { background: url('images/1x/icon/tree_vertical_line_3.png') no-repeat center center; } .tree-vertical-line-type4 .x-icon { display: block; background: url('images/2x/icon/tree_vertical_line_4.png') no-repeat center center; background-size: contain; } .tree-vertical-line-type4 .x-icon.hack { background: url('images/1x/icon/tree_vertical_line_4.png') no-repeat center center; } .bi-theme-dark .tree-collapse-icon-type1 .x-icon { display: block; background: url('images/2x/icon/dark/tree_collapse_1.png') no-repeat center center; background-size: contain; } .bi-theme-dark .tree-collapse-icon-type1 .x-icon.hack { background: url('images/1x/icon/dark/tree_collapse_1.png') no-repeat center center; } .bi-theme-dark .tree-collapse-icon-type2 .x-icon { display: block; background: url('images/2x/icon/dark/tree_collapse_2.png') no-repeat center center; background-size: contain; } .bi-theme-dark .tree-collapse-icon-type2 .x-icon.hack { background: url('images/1x/icon/dark/tree_collapse_2.png') no-repeat center center; } .bi-theme-dark .tree-collapse-icon-type3 .x-icon { display: block; background: url('images/2x/icon/dark/tree_collapse_3.png') no-repeat center center; background-size: contain; } .bi-theme-dark .tree-collapse-icon-type3 .x-icon.hack { background: url('images/1x/icon/dark/tree_collapse_3.png') no-repeat center center; } .bi-theme-dark .tree-collapse-icon-type4 .x-icon { display: block; background: url('images/2x/icon/dark/tree_collapse_4.png') no-repeat center center; background-size: contain; } .bi-theme-dark .tree-collapse-icon-type4 .x-icon.hack { background: url('images/1x/icon/dark/tree_collapse_4.png') no-repeat center center; } .bi-theme-dark .tree-expand-icon-type1 .x-icon { display: block; background: url('images/2x/icon/dark/tree_expand_1.png') no-repeat center center; background-size: contain; } .bi-theme-dark .tree-expand-icon-type1 .x-icon.hack { background: url('images/1x/icon/dark/tree_expand_1.png') no-repeat center center; } .bi-theme-dark .tree-expand-icon-type2 .x-icon { display: block; background: url('images/2x/icon/dark/tree_expand_2.png') no-repeat center center; background-size: contain; } .bi-theme-dark .tree-expand-icon-type2 .x-icon.hack { background: url('images/1x/icon/dark/tree_expand_2.png') no-repeat center center; } .bi-theme-dark .tree-expand-icon-type3 .x-icon { display: block; background: url('images/2x/icon/dark/tree_expand_3.png') no-repeat center center; background-size: contain; } .bi-theme-dark .tree-expand-icon-type3 .x-icon.hack { background: url('images/1x/icon/dark/tree_expand_3.png') no-repeat center center; } .bi-theme-dark .tree-expand-icon-type4 .x-icon { display: block; background: url('images/2x/icon/dark/tree_expand_4.png') no-repeat center center; background-size: contain; } .bi-theme-dark .tree-expand-icon-type4 .x-icon.hack { background: url('images/1x/icon/dark/tree_expand_4.png') no-repeat center center; } .bi-theme-dark .tree-vertical-line-type2 .x-icon { display: block; background: url('images/2x/icon/dark/tree_vertical_line_2.png') no-repeat center center; background-size: contain; } .bi-theme-dark .tree-vertical-line-type2 .x-icon.hack { background: url('images/1x/icon/dark/tree_vertical_line_2.png') no-repeat center center; } .bi-theme-dark .tree-vertical-line-type3 .x-icon { display: block; background: url('images/2x/icon/dark/tree_vertical_line_3.png') no-repeat center center; background-size: contain; } .bi-theme-dark .tree-vertical-line-type3 .x-icon.hack { background: url('images/1x/icon/dark/tree_vertical_line_3.png') no-repeat center center; } .bi-theme-dark .tree-vertical-line-type4 .x-icon { display: block; background: url('images/2x/icon/dark/tree_vertical_line_4.png') no-repeat center center; background-size: contain; } .bi-theme-dark .tree-vertical-line-type4 .x-icon.hack { background: url('images/1x/icon/dark/tree_vertical_line_4.png') no-repeat center center; } .check-box-icon .x-icon { display: block; background: url('images/2x/icon/check_box_normal.png') no-repeat center center; background-size: contain; } .check-box-icon .x-icon.hack { background: url('images/1x/icon/check_box_normal.png') no-repeat center center; } .check-box-icon:hover .x-icon, .check-box-icon.hover .x-icon { display: block; background: url('images/2x/icon/check_box_normal.png') no-repeat center center; background-size: contain; } .check-box-icon:hover .x-icon.hack, .check-box-icon.hover .x-icon.hack { background: url('images/1x/icon/check_box_normal.png') no-repeat center center; } .check-box-icon:active .x-icon { display: block; background: url('images/2x/icon/check_box_normal.png') no-repeat center center; background-size: contain; } .check-box-icon:active .x-icon.hack { background: url('images/1x/icon/check_box_normal.png') no-repeat center center; } .check-box-icon.active .x-icon { display: block; background: url('images/2x/icon/check_box_active.png') no-repeat center center; background-size: contain; } .check-box-icon.active .x-icon.hack { background: url('images/1x/icon/check_box_active.png') no-repeat center center; } .check-box-icon.disabled .x-icon { display: block; background: url('images/2x/icon/check_box_disable.png') no-repeat center center; background-size: contain; } .check-box-icon.disabled .x-icon.hack { background: url('images/1x/icon/check_box_disable.png') no-repeat center center; } .check-box-icon.disabled.active .x-icon { display: block; background: url('images/2x/icon/check_box_disable2.png') no-repeat center center; background-size: contain; } .check-box-icon.disabled.active .x-icon.hack { background: url('images/1x/icon/check_box_disable2.png') no-repeat center center; } .radio-icon .x-icon { display: block; background: url('images/2x/icon/radio_normal.png') no-repeat center center; background-size: contain; } .radio-icon .x-icon.hack { background: url('images/1x/icon/radio_normal.png') no-repeat center center; } .radio-icon:hover .x-icon, .radio-icon.hover .x-icon { display: block; background: url('images/2x/icon/radio_normal.png') no-repeat center center; background-size: contain; } .radio-icon:hover .x-icon.hack, .radio-icon.hover .x-icon.hack { background: url('images/1x/icon/radio_normal.png') no-repeat center center; } .radio-icon:active .x-icon { display: block; background: url('images/2x/icon/radio_normal.png') no-repeat center center; background-size: contain; } .radio-icon:active .x-icon.hack { background: url('images/1x/icon/radio_normal.png') no-repeat center center; } .radio-icon.active .x-icon { display: block; background: url('images/2x/icon/radio_active.png') no-repeat center center; background-size: contain; } .radio-icon.active .x-icon.hack { background: url('images/1x/icon/radio_active.png') no-repeat center center; } .radio-icon.disabled .x-icon { display: block; background: url('images/2x/icon/radio_disable.png') no-repeat center center; background-size: contain; } .radio-icon.disabled .x-icon.hack { background: url('images/1x/icon/radio_disable.png') no-repeat center center; } .radio-icon.disabled.active .x-icon { display: block; background: url('images/2x/icon/radio_disable2.png') no-repeat center center; background-size: contain; } .radio-icon.disabled.active .x-icon.hack { background: url('images/1x/icon/radio_disable2.png') no-repeat center center; } .check-half-select-icon .x-icon { display: block; background: url('images/2x/icon/half_selected.png') no-repeat center center; background-size: contain; } .check-half-select-icon .x-icon.hack { background: url('images/1x/icon/half_selected.png') no-repeat center center; } .check-half-select-icon.disabled .x-icon { display: block; background: url('images/2x/icon/half_selected_disable.png') no-repeat center center; background-size: contain; } .check-half-select-icon.disabled .x-icon.hack { background: url('images/1x/icon/half_selected_disable.png') no-repeat center center; } .slider-icon .x-icon { display: block; background: url('images/2x/icon/slider_normal_small.png') no-repeat center center; background-size: contain; } .slider-icon .x-icon.hack { background: url('images/1x/icon/slider_normal_small.png') no-repeat center center; } .slider-icon:hover .x-icon, .slider-icon.hover .x-icon { display: block; background: url('images/2x/icon/slider_active_small.png') no-repeat center center; background-size: contain; } .slider-icon:hover .x-icon.hack, .slider-icon.hover .x-icon.hack { background: url('images/1x/icon/slider_active_small.png') no-repeat center center; } .slider-icon.disabled .x-icon { display: block; background: url('images/2x/icon/slider_normal_small.png') no-repeat center center; background-size: contain; } .slider-icon.disabled .x-icon.hack { background: url('images/1x/icon/slider_normal_small.png') no-repeat center center; } .auto-color-icon .x-icon { display: block; background: url('images/2x/icon/auto_normal.png') no-repeat center center; background-size: contain; } .auto-color-icon .x-icon.hack { background: url('images/1x/icon/auto_normal.png') no-repeat center center; } .auto-color-icon.active .x-icon { display: block; background: url('images/2x/icon/auto_select.png') no-repeat center center; background-size: contain; } .auto-color-icon.active .x-icon.hack { background: url('images/1x/icon/auto_select.png') no-repeat center center; } .auto-color-icon.disabled .x-icon { display: block; background: url('images/2x/icon/auto_disable.png') no-repeat center center; background-size: contain; } .auto-color-icon.disabled .x-icon.hack { background: url('images/1x/icon/auto_disable.png') no-repeat center center; } .trans-color-icon .x-icon { display: block; background: url('images/2x/icon/trans_normal.png') no-repeat center center; background-size: contain; } .trans-color-icon .x-icon.hack { background: url('images/1x/icon/trans_normal.png') no-repeat center center; } .trans-color-icon.active .x-icon { display: block; background: url('images/2x/icon/trans_select.png') no-repeat center center; background-size: contain; } .trans-color-icon.active .x-icon.hack { background: url('images/1x/icon/trans_select.png') no-repeat center center; } .trans-color-icon.disabled .x-icon { display: block; background: url('images/2x/icon/trans_disable.png') no-repeat center center; background-size: contain; } .trans-color-icon.disabled .x-icon.hack { background: url('images/1x/icon/trans_disable.png') no-repeat center center; } .icon-size-12 .b-font { font-size: 12px; } .icon-size-16 .b-font { font-size: 16px; } .icon-size-24 .b-font { font-size: 24px; } .icon-size-40 .b-font { font-size: 40px; } .icon-size-50 .b-font { font-size: 50px; } .icon-size-70 .b-font { font-size: 70px; }