fineui/dist/resource.css

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(32, 38, 59, 0.05);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d20263b,endColorstr=#0d20263b);
  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(32, 38, 59, 0.3);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d20263b,endColorstr=#4d20263b);
}
div::-webkit-scrollbar-thumb:hover,
textarea::-webkit-scrollbar-thumb:hover {
  background-color: rgba(32, 38, 59, 0.7);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b320263b,endColorstr=#b320263b);
}
.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 0 0;
}
.bi-theme-dark .ztree li ul.line {
  background: url('images/1x/icon/dark/tree_vertical_line_1.png') repeat-y 0 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;
  -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: #e65251;
}
.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: "\e70d";
  color: inherit;
}
.row-pre-page-h-font:hover .b-font:before,
.row-pre-page-h-font.hover .b-font:before {
  content: "\e70d";
  color: inherit;
}
.row-pre-page-h-font.disabled .b-font:before {
  content: "\e70d";
  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: "\e70c";
  color: inherit;
}
.row-next-page-h-font:hover .b-font:before,
.row-next-page-h-font.hover .b-font:before {
  content: "\e70c";
  color: inherit;
}
.row-next-page-h-font.disabled .b-font:before {
  content: "\e70c";
  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: "\e70a";
  color: inherit;
}
.column-pre-page-h-font:hover .b-font:before,
.column-pre-page-h-font.hover .b-font:before {
  content: "\e70a";
  color: inherit;
}
.column-pre-page-h-font.disabled .b-font:before {
  content: "\e70a";
  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: "\e70b";
  color: inherit;
}
.column-next-page-h-font:hover .b-font:before,
.column-next-page-h-font.hover .b-font:before {
  content: "\e70b";
  color: inherit;
}
.column-next-page-h-font.disabled .b-font:before {
  content: "\e70b";
  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;
}