/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
@font-face {
  font-family: 'bi';
  src: url('font/iconfont.eot'), /* 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: "bi";
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
html,
button,
input,
select,
textarea,
* {
  font-family: "Microsoft YaHei", "Hiragino Sans GB W3";
}
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: #666666;
  font: normal 12px "Microsoft YaHei", "Hiragino Sans GB W3";
  -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(102, 102, 102, 0.05);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d666666,endColorstr=#0d666666);
  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(102, 102, 102, 0.3);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d666666,endColorstr=#4d666666);
}
div::-webkit-scrollbar-thumb:hover,
textarea::-webkit-scrollbar-thumb:hover {
  background-color: rgba(102, 102, 102, 0.7);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3666666,endColorstr=#b3666666);
}
.bi-theme-dark div::-webkit-scrollbar,
.bi-theme-dark textarea::-webkit-scrollbar {
  -webkit-appearance: none;
  background-color: rgba(204, 204, 204, 0.05);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dcccccc,endColorstr=#0dcccccc);
  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(204, 204, 204, 0.3);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4dcccccc,endColorstr=#4dcccccc);
}
.bi-theme-dark div::-webkit-scrollbar-thumb:hover,
.bi-theme-dark textarea::-webkit-scrollbar-thumb:hover {
  background-color: rgba(204, 204, 204, 0.7);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3cccccc,endColorstr=#b3cccccc);
}
.base-line-conn-background {
  background: url('icon/tree-vertical-line-1.png') repeat-y 0 0;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-1.png');
  _background: none;
}
.bi-theme-dark .base-line-conn-background {
  background: url('icon/dark/tree-vertical-line-1.png') repeat-y 0 0;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-vertical-line-1.png');
  _background: none;
}
.first-line-conn-background {
  background: url('icon/tree-vertical-line-2.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-2.png');
  _background: none;
}
.bi-theme-dark .first-line-conn-background {
  background: url('icon/dark/tree-vertical-line-2.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-vertical-line-2.png');
  _background: none;
}
.mid-line-conn-background {
  background: url('icon/tree-vertical-line-3.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-3.png');
  _background: none;
}
.bi-theme-dark .mid-line-conn-background {
  background: url('icon/dark/tree-vertical-line-3.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-vertical-line-3.png');
  _background: none;
}
.last-line-conn-background {
  background: url('icon/tree-vertical-line-4.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-4.png');
  _background: none;
}
.bi-theme-dark .last-line-conn-background {
  background: url('icon/dark/tree-vertical-line-4.png') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-vertical-line-4.png');
  _background: none;
}
.loading-background {
  background: url('icon/loading.gif') no-repeat center center;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/loading.gif');
  _background: none;
}
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.close-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe600');
}
.close-font .b-font:before {
  content: "\e600";
  color: inherit;
}
.close-font.native .b-font:before,
.close-font.disabled .b-font:before {
  content: "\e600";
  color: inherit;
}
.close-h-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe600');
}
.close-h-font .b-font:before {
  content: "\e600";
  color: inherit;
}
.close-h-font:hover .b-font:before,
.close-h-font:focus .b-font:before,
.close-h-font.hover .b-font:before {
  content: "\e600";
  color: inherit;
}
.close-h-font.native .b-font:before,
.close-h-font.disabled .b-font:before {
  content: "\e600";
  color: inherit;
}
.close-ha-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe600');
}
.close-ha-font .b-font:before {
  content: "\e600";
  color: inherit;
}
.close-ha-font:hover .b-font:before,
.close-ha-font:focus .b-font:before,
.close-ha-font.hover .b-font:before {
  content: "\e600";
  color: inherit;
}
.close-ha-font:active .b-font:before,
.close-ha-font.active .b-font:before {
  content: "\e600";
  color: #3f8ce8;
}
.close-ha-font.native .b-font:before,
.close-ha-font.disabled .b-font:before {
  content: "\e600";
  color: inherit;
}
.search-close-h-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe600');
}
.search-close-h-font .b-font:before {
  content: "\e600";
  color: inherit;
}
.search-close-h-font:hover .b-font:before,
.search-close-h-font:focus .b-font:before,
.search-close-h-font.hover .b-font:before {
  content: "\e600";
  color: #e85050;
}
.search-close-h-font.native .b-font:before,
.search-close-h-font.disabled .b-font:before {
  content: "\e600";
  color: inherit;
}
.pre-page-h-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe601');
}
.pre-page-h-font .b-font:before {
  content: "\e601";
  color: inherit;
}
.pre-page-h-font:hover .b-font:before,
.pre-page-h-font:focus .b-font:before,
.pre-page-h-font.hover .b-font:before {
  content: "\e601";
  color: inherit;
}
.pre-page-h-font.native .b-font:before,
.pre-page-h-font.disabled .b-font:before {
  content: "\e601";
  color: inherit;
}
.next-page-h-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe602');
}
.next-page-h-font .b-font:before {
  content: "\e602";
  color: inherit;
}
.next-page-h-font:hover .b-font:before,
.next-page-h-font:focus .b-font:before,
.next-page-h-font.hover .b-font:before {
  content: "\e602";
  color: inherit;
}
.next-page-h-font.native .b-font:before,
.next-page-h-font.disabled .b-font:before {
  content: "\e602";
  color: inherit;
}
.search-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe604');
}
.search-font .b-font:before {
  content: "\e604";
  color: inherit;
}
.search-font.native .b-font:before,
.search-font.disabled .b-font:before {
  content: "\e604";
  color: inherit;
}
.dot-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe606');
}
.dot-font .b-font:before {
  content: "\e606";
  color: #1a1a1a;
}
.dot-font.native .b-font:before,
.dot-font.disabled .b-font:before {
  content: "\e606";
  color: #1a1a1a;
}
.dot-h-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe606');
}
.dot-h-font .b-font:before {
  content: "\e606";
  color: #1a1a1a;
}
.dot-h-font:hover .b-font:before,
.dot-h-font:focus .b-font:before,
.dot-h-font.hover .b-font:before {
  content: "\e606";
  color: inherit;
}
.dot-h-font.native .b-font:before,
.dot-h-font.disabled .b-font:before {
  content: "\e606";
  color: #1a1a1a;
}
.dot-ha-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe606');
}
.dot-ha-font .b-font:before {
  content: "\e606";
  color: #ffffff;
}
.dot-ha-font:hover .b-font:before,
.dot-ha-font:focus .b-font:before,
.dot-ha-font.hover .b-font:before {
  content: "\e606";
  color: #999999;
}
.dot-ha-font:active .b-font:before,
.dot-ha-font.active .b-font:before {
  content: "\e606";
  color: #1a1a1a;
}
.dot-ha-font.native .b-font:before,
.dot-ha-font.disabled .b-font:before {
  content: "\e606";
  color: #ffffff;
}
.dot-e-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe606');
}
.dot-e-font .b-font:before {
  content: "\e606";
  color: #ffffff;
}
.dot-e-font:hover .b-font:before,
.dot-e-font:focus .b-font:before,
.dot-e-font.hover .b-font:before {
  content: "\e606";
  color: #999999;
}
.dot-e-font.active .b-font:before {
  content: "\e606";
  color: #1a1a1a;
}
.dot-e-font:active .b-font:before {
  content: "\e606";
  color: #3f8ce8;
}
.dot-e-font.native .b-font:before,
.dot-e-font.disabled .b-font:before {
  content: "\e606";
  color: #ffffff;
}
.pull-right-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe607');
}
.pull-right-font .b-font:before {
  content: "\e607";
  color: inherit;
}
.pull-right-font.native .b-font:before,
.pull-right-font.disabled .b-font:before {
  content: "\e607";
  color: inherit;
}
.pull-right-h-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe607');
}
.pull-right-h-font .b-font:before {
  content: "\e607";
  color: inherit;
}
.pull-right-h-font:hover .b-font:before,
.pull-right-h-font:focus .b-font:before,
.pull-right-h-font.hover .b-font:before {
  content: "\e607";
  color: inherit;
}
.pull-right-h-font.native .b-font:before,
.pull-right-h-font.disabled .b-font:before {
  content: "\e607";
  color: inherit;
}
.pull-right-ha-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe607');
}
.pull-right-ha-font .b-font:before {
  content: "\e607";
  color: inherit;
}
.pull-right-ha-font:hover .b-font:before,
.pull-right-ha-font:focus .b-font:before,
.pull-right-ha-font.hover .b-font:before {
  content: "\e607";
  color: inherit;
}
.pull-right-ha-font:active .b-font:before,
.pull-right-ha-font.active .b-font:before {
  content: "\e607";
  color: #3f8ce8;
}
.pull-right-ha-font.native .b-font:before,
.pull-right-ha-font.disabled .b-font:before {
  content: "\e607";
  color: inherit;
}
.pull-right-e-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe607');
}
.pull-right-e-font .b-font:before {
  content: "\e607";
  color: inherit;
}
.pull-right-e-font:hover .b-font:before,
.pull-right-e-font:focus .b-font:before,
.pull-right-e-font.hover .b-font:before {
  content: "\e607";
  color: inherit;
}
.pull-right-e-font.active .b-font:before {
  content: "\e607";
  color: #3f8ce8;
}
.pull-right-e-font:active .b-font:before {
  content: "\e607";
  color: #3f8ce8;
}
.pull-right-e-font.native .b-font:before,
.pull-right-e-font.disabled .b-font:before {
  content: "\e607";
  color: inherit;
}
.copy-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe610');
}
.copy-font .b-font:before {
  content: "\e610";
  color: inherit;
}
.copy-font.native .b-font:before,
.copy-font.disabled .b-font:before {
  content: "\e610";
  color: inherit;
}
.copy-h-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe610');
}
.copy-h-font .b-font:before {
  content: "\e610";
  color: #1a1a1a;
}
.copy-h-font:hover .b-font:before,
.copy-h-font:focus .b-font:before,
.copy-h-font.hover .b-font:before {
  content: "\e610";
  color: inherit;
}
.copy-h-font.native .b-font:before,
.copy-h-font.disabled .b-font:before {
  content: "\e610";
  color: #1a1a1a;
}
.copy-ha-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe610');
}
.copy-ha-font .b-font:before {
  content: "\e610";
  color: inherit;
}
.copy-ha-font:hover .b-font:before,
.copy-ha-font:focus .b-font:before,
.copy-ha-font.hover .b-font:before {
  content: "\e610";
  color: inherit;
}
.copy-ha-font:active .b-font:before,
.copy-ha-font.active .b-font:before {
  content: "\e610";
  color: #3f8ce8;
}
.copy-ha-font.native .b-font:before,
.copy-ha-font.disabled .b-font:before {
  content: "\e610";
  color: inherit;
}
.copy-e-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe610');
}
.copy-e-font .b-font:before {
  content: "\e610";
  color: inherit;
}
.copy-e-font:hover .b-font:before,
.copy-e-font:focus .b-font:before,
.copy-e-font.hover .b-font:before {
  content: "\e610";
  color: inherit;
}
.copy-e-font.active .b-font:before {
  content: "\e610";
  color: #3f8ce8;
}
.copy-e-font:active .b-font:before {
  content: "\e610";
  color: #3f8ce8;
}
.copy-e-font.native .b-font:before,
.copy-e-font.disabled .b-font:before {
  content: "\e610";
  color: inherit;
}
.check-mark-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe611');
}
.check-mark-font .b-font:before {
  content: "\e611";
  color: inherit;
}
.check-mark-font.native .b-font:before,
.check-mark-font.disabled .b-font:before {
  content: "\e611";
  color: inherit;
}
.check-mark-h-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe611');
}
.check-mark-h-font .b-font:before {
  content: "\e611";
  color: inherit;
}
.check-mark-h-font:hover .b-font:before,
.check-mark-h-font:focus .b-font:before,
.check-mark-h-font.hover .b-font:before {
  content: "\e611";
  color: inherit;
}
.check-mark-h-font.native .b-font:before,
.check-mark-h-font.disabled .b-font:before {
  content: "\e611";
  color: inherit;
}
.check-mark-ha-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe611');
}
.check-mark-ha-font .b-font:before {
  content: "\e611";
  color: inherit;
}
.check-mark-ha-font:hover .b-font:before,
.check-mark-ha-font:focus .b-font:before,
.check-mark-ha-font.hover .b-font:before {
  content: "\e611";
  color: inherit;
}
.check-mark-ha-font:active .b-font:before,
.check-mark-ha-font.active .b-font:before {
  content: "\e611";
  color: #3f8ce8;
}
.check-mark-ha-font.native .b-font:before,
.check-mark-ha-font.disabled .b-font:before {
  content: "\e611";
  color: inherit;
}
.check-mark-e-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe611');
}
.check-mark-e-font .b-font:before {
  content: "\e611";
  color: inherit;
}
.check-mark-e-font:hover .b-font:before,
.check-mark-e-font:focus .b-font:before,
.check-mark-e-font.hover .b-font:before {
  content: "\e611";
  color: inherit;
}
.check-mark-e-font.active .b-font:before {
  content: "\e611";
  color: #3f8ce8;
}
.check-mark-e-font:active .b-font:before {
  content: "\e611";
  color: #3f8ce8;
}
.check-mark-e-font.native .b-font:before,
.check-mark-e-font.disabled .b-font:before {
  content: "\e611";
  color: inherit;
}
/** dashboard组件/控件 下拉列表图标字体 ~end~**/
.tree-node-triangle-expand-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe608');
}
.tree-node-triangle-expand-font .b-font:before {
  content: "\e608";
  color: inherit;
}
.tree-node-triangle-expand-font.native .b-font:before,
.tree-node-triangle-expand-font.disabled .b-font:before {
  content: "\e608";
  color: inherit;
}
.tree-node-triangle-collapse-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe607');
}
.tree-node-triangle-collapse-font .b-font:before {
  content: "\e607";
  color: inherit;
}
.tree-node-triangle-collapse-font.native .b-font:before,
.tree-node-triangle-collapse-font.disabled .b-font:before {
  content: "\e607";
  color: inherit;
}
.row-pre-page-h-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe6be');
}
.row-pre-page-h-font .b-font:before {
  content: "\e6be";
  color: inherit;
}
.row-pre-page-h-font:hover .b-font:before,
.row-pre-page-h-font:focus .b-font:before,
.row-pre-page-h-font.hover .b-font:before {
  content: "\e6be";
  color: inherit;
}
.row-pre-page-h-font.native .b-font:before,
.row-pre-page-h-font.disabled .b-font:before {
  content: "\e6be";
  color: inherit;
}
.row-next-page-h-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe6bd');
}
.row-next-page-h-font .b-font:before {
  content: "\e6bd";
  color: inherit;
}
.row-next-page-h-font:hover .b-font:before,
.row-next-page-h-font:focus .b-font:before,
.row-next-page-h-font.hover .b-font:before {
  content: "\e6bd";
  color: inherit;
}
.row-next-page-h-font.native .b-font:before,
.row-next-page-h-font.disabled .b-font:before {
  content: "\e6bd";
  color: inherit;
}
.column-pre-page-h-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe6bc');
}
.column-pre-page-h-font .b-font:before {
  content: "\e6bc";
  color: inherit;
}
.column-pre-page-h-font:hover .b-font:before,
.column-pre-page-h-font:focus .b-font:before,
.column-pre-page-h-font.hover .b-font:before {
  content: "\e6bc";
  color: inherit;
}
.column-pre-page-h-font.native .b-font:before,
.column-pre-page-h-font.disabled .b-font:before {
  content: "\e6bc";
  color: inherit;
}
.column-next-page-h-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe6bb');
}
.column-next-page-h-font .b-font:before {
  content: "\e6bb";
  color: inherit;
}
.column-next-page-h-font:hover .b-font:before,
.column-next-page-h-font:focus .b-font:before,
.column-next-page-h-font.hover .b-font:before {
  content: "\e6bb";
  color: inherit;
}
.column-next-page-h-font.native .b-font:before,
.column-next-page-h-font.disabled .b-font:before {
  content: "\e6bb";
  color: inherit;
}
.trigger-triangle-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe66a');
}
.trigger-triangle-font .b-font:before {
  content: "\e66a";
  color: #999999;
}
.trigger-triangle-font:hover .b-font:before,
.trigger-triangle-font:focus .b-font:before,
.trigger-triangle-font.hover .b-font:before {
  content: "\e66a";
  color: #999999;
}
.trigger-triangle-font:active .b-font:before,
.trigger-triangle-font.active .b-font:before {
  content: "\e66a";
  color: #3f8ce8;
}
.trigger-triangle-font.native .b-font:before,
.trigger-triangle-font.disabled .b-font:before {
  content: "\e66a";
  color: #999999;
}
.pull-down-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe608');
}
.pull-down-font .b-font:before {
  content: "\e608";
  color: inherit;
}
.pull-down-font.native .b-font:before,
.pull-down-font.disabled .b-font:before {
  content: "\e608";
  color: inherit;
}
.pull-down-h-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe608');
}
.pull-down-h-font .b-font:before {
  content: "\e608";
  color: inherit;
}
.pull-down-h-font:hover .b-font:before,
.pull-down-h-font:focus .b-font:before,
.pull-down-h-font.hover .b-font:before {
  content: "\e608";
  color: inherit;
}
.pull-down-h-font.native .b-font:before,
.pull-down-h-font.disabled .b-font:before {
  content: "\e608";
  color: inherit;
}
.pull-down-ha-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe608');
}
.pull-down-ha-font .b-font:before {
  content: "\e608";
  color: inherit;
}
.pull-down-ha-font:hover .b-font:before,
.pull-down-ha-font:focus .b-font:before,
.pull-down-ha-font.hover .b-font:before {
  content: "\e608";
  color: inherit;
}
.pull-down-ha-font:active .b-font:before,
.pull-down-ha-font.active .b-font:before {
  content: "\e608";
  color: #3f8ce8;
}
.pull-down-ha-font.native .b-font:before,
.pull-down-ha-font.disabled .b-font:before {
  content: "\e608";
  color: inherit;
}
.check-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe611');
}
.check-font .b-font:before {
  content: "\e611";
  color: #3f8ce8;
}
.check-font.native .b-font:before,
.check-font.disabled .b-font:before {
  content: "\e611";
  color: #3f8ce8;
}
.item-check-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe611');
}
.item-check-font .b-font:before {
  content: "\e611";
  color: #ffffff;
}
.item-check-font:hover .b-font:before,
.item-check-font:focus .b-font:before,
.item-check-font.hover .b-font:before {
  content: "\e611";
  color: #999999;
}
.item-check-font:active .b-font:before,
.item-check-font.active .b-font:before {
  content: "\e611";
  color: #3f8ce8;
}
.item-check-font.native .b-font:before,
.item-check-font.disabled .b-font:before {
  content: "\e611";
  color: #ffffff;
}
.primary-key-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
}
.primary-key-font .b-font:before {
  content: "\e67d;";
  color: inherit;
}
.primary-key-font:hover .b-font:before,
.primary-key-font:focus .b-font:before,
.primary-key-font.hover .b-font:before {
  content: "\e67d;";
  color: inherit;
}
.primary-key-font.native .b-font:before,
.primary-key-font.disabled .b-font:before {
  content: "\e67d;";
  color: inherit;
}
.drag-tag-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#xe600');
}
.drag-tag-font .b-font:before {
  content: "\e600";
  color: #f07d0a;
}
.drag-tag-font.native .b-font:before,
.drag-tag-font.disabled .b-font:before {
  content: "\e600";
  color: #f07d0a;
}
.tree-collapse-icon-type1 .x-icon,
.tree-collapse-icon-type1:hover .x-icon,
.tree-collapse-icon-type1:active .x-icon {
  display: block;
  background: url('icon/tree-collapse-1.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-1.png');
  _background: none;
}
.tree-collapse-icon-type1.native .x-icon,
.tree-collapse-icon-type1.disabled .x-icon {
  display: block;
  background: url('icon/tree-collapse-1.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-1.png');
  _background: none;
}
.tree-collapse-icon-type2 .x-icon,
.tree-collapse-icon-type2:hover .x-icon,
.tree-collapse-icon-type2:active .x-icon {
  display: block;
  background: url('icon/tree-collapse-2.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-2.png');
  _background: none;
}
.tree-collapse-icon-type2.native .x-icon,
.tree-collapse-icon-type2.disabled .x-icon {
  display: block;
  background: url('icon/tree-collapse-2.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-2.png');
  _background: none;
}
.tree-collapse-icon-type3 .x-icon,
.tree-collapse-icon-type3:hover .x-icon,
.tree-collapse-icon-type3:active .x-icon {
  display: block;
  background: url('icon/tree-collapse-3.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-3.png');
  _background: none;
}
.tree-collapse-icon-type3.native .x-icon,
.tree-collapse-icon-type3.disabled .x-icon {
  display: block;
  background: url('icon/tree-collapse-3.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-3.png');
  _background: none;
}
.tree-collapse-icon-type4 .x-icon,
.tree-collapse-icon-type4:hover .x-icon,
.tree-collapse-icon-type4:active .x-icon {
  display: block;
  background: url('icon/tree-collapse-4.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-4.png');
  _background: none;
}
.tree-collapse-icon-type4.native .x-icon,
.tree-collapse-icon-type4.disabled .x-icon {
  display: block;
  background: url('icon/tree-collapse-4.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-collapse-4.png');
  _background: none;
}
.tree-expand-icon-type1 .x-icon,
.tree-expand-icon-type1:hover .x-icon,
.tree-expand-icon-type1:active .x-icon {
  display: block;
  background: url('icon/tree-expand-1.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-1.png');
  _background: none;
}
.tree-expand-icon-type1.native .x-icon,
.tree-expand-icon-type1.disabled .x-icon {
  display: block;
  background: url('icon/tree-expand-1.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-1.png');
  _background: none;
}
.tree-expand-icon-type2 .x-icon,
.tree-expand-icon-type2:hover .x-icon,
.tree-expand-icon-type2:active .x-icon {
  display: block;
  background: url('icon/tree-expand-2.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-2.png');
  _background: none;
}
.tree-expand-icon-type2.native .x-icon,
.tree-expand-icon-type2.disabled .x-icon {
  display: block;
  background: url('icon/tree-expand-2.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-2.png');
  _background: none;
}
.tree-expand-icon-type3 .x-icon,
.tree-expand-icon-type3:hover .x-icon,
.tree-expand-icon-type3:active .x-icon {
  display: block;
  background: url('icon/tree-expand-3.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-3.png');
  _background: none;
}
.tree-expand-icon-type3.native .x-icon,
.tree-expand-icon-type3.disabled .x-icon {
  display: block;
  background: url('icon/tree-expand-3.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-3.png');
  _background: none;
}
.tree-expand-icon-type4 .x-icon,
.tree-expand-icon-type4:hover .x-icon,
.tree-expand-icon-type4:active .x-icon {
  display: block;
  background: url('icon/tree-expand-4.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-4.png');
  _background: none;
}
.tree-expand-icon-type4.native .x-icon,
.tree-expand-icon-type4.disabled .x-icon {
  display: block;
  background: url('icon/tree-expand-4.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-expand-4.png');
  _background: none;
}
.tree-vertical-line-type2 .x-icon,
.tree-vertical-line-type2:hover .x-icon,
.tree-vertical-line-type2:active .x-icon {
  display: block;
  background: url('icon/tree-vertical-line-2.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-2.png');
  _background: none;
}
.tree-vertical-line-type2.native .x-icon,
.tree-vertical-line-type2.disabled .x-icon {
  display: block;
  background: url('icon/tree-vertical-line-2.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-2.png');
  _background: none;
}
.tree-vertical-line-type3 .x-icon,
.tree-vertical-line-type3:hover .x-icon,
.tree-vertical-line-type3:active .x-icon {
  display: block;
  background: url('icon/tree-vertical-line-3.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-3.png');
  _background: none;
}
.tree-vertical-line-type3.native .x-icon,
.tree-vertical-line-type3.disabled .x-icon {
  display: block;
  background: url('icon/tree-vertical-line-3.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-3.png');
  _background: none;
}
.tree-vertical-line-type4 .x-icon,
.tree-vertical-line-type4:hover .x-icon,
.tree-vertical-line-type4:active .x-icon {
  display: block;
  background: url('icon/tree-vertical-line-4.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-4.png');
  _background: none;
}
.tree-vertical-line-type4.native .x-icon,
.tree-vertical-line-type4.disabled .x-icon {
  display: block;
  background: url('icon/tree-vertical-line-4.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-4.png');
  _background: none;
}
.bi-theme-dark .tree-collapse-icon-type1 .x-icon,
.bi-theme-dark .tree-collapse-icon-type1:hover .x-icon,
.bi-theme-dark .tree-collapse-icon-type1:active .x-icon {
  display: block;
  background: url('icon/dark/tree-collapse-1.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-1.png');
  _background: none;
}
.bi-theme-dark .tree-collapse-icon-type1.native .x-icon,
.bi-theme-dark .tree-collapse-icon-type1.disabled .x-icon {
  display: block;
  background: url('icon/dark/tree-collapse-1.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-1.png');
  _background: none;
}
.bi-theme-dark .tree-collapse-icon-type2 .x-icon,
.bi-theme-dark .tree-collapse-icon-type2:hover .x-icon,
.bi-theme-dark .tree-collapse-icon-type2:active .x-icon {
  display: block;
  background: url('icon/dark/tree-collapse-2.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-2.png');
  _background: none;
}
.bi-theme-dark .tree-collapse-icon-type2.native .x-icon,
.bi-theme-dark .tree-collapse-icon-type2.disabled .x-icon {
  display: block;
  background: url('icon/dark/tree-collapse-2.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-2.png');
  _background: none;
}
.bi-theme-dark .tree-collapse-icon-type3 .x-icon,
.bi-theme-dark .tree-collapse-icon-type3:hover .x-icon,
.bi-theme-dark .tree-collapse-icon-type3:active .x-icon {
  display: block;
  background: url('icon/dark/tree-collapse-3.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-3.png');
  _background: none;
}
.bi-theme-dark .tree-collapse-icon-type3.native .x-icon,
.bi-theme-dark .tree-collapse-icon-type3.disabled .x-icon {
  display: block;
  background: url('icon/dark/tree-collapse-3.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-3.png');
  _background: none;
}
.bi-theme-dark .tree-collapse-icon-type4 .x-icon,
.bi-theme-dark .tree-collapse-icon-type4:hover .x-icon,
.bi-theme-dark .tree-collapse-icon-type4:active .x-icon {
  display: block;
  background: url('icon/dark/tree-collapse-4.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-4.png');
  _background: none;
}
.bi-theme-dark .tree-collapse-icon-type4.native .x-icon,
.bi-theme-dark .tree-collapse-icon-type4.disabled .x-icon {
  display: block;
  background: url('icon/dark/tree-collapse-4.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-collapse-4.png');
  _background: none;
}
.bi-theme-dark .tree-expand-icon-type1 .x-icon,
.bi-theme-dark .tree-expand-icon-type1:hover .x-icon,
.bi-theme-dark .tree-expand-icon-type1:active .x-icon {
  display: block;
  background: url('icon/dark/tree-expand-1.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-1.png');
  _background: none;
}
.bi-theme-dark .tree-expand-icon-type1.native .x-icon,
.bi-theme-dark .tree-expand-icon-type1.disabled .x-icon {
  display: block;
  background: url('icon/dark/tree-expand-1.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-1.png');
  _background: none;
}
.bi-theme-dark .tree-expand-icon-type2 .x-icon,
.bi-theme-dark .tree-expand-icon-type2:hover .x-icon,
.bi-theme-dark .tree-expand-icon-type2:active .x-icon {
  display: block;
  background: url('icon/dark/tree-expand-2.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-2.png');
  _background: none;
}
.bi-theme-dark .tree-expand-icon-type2.native .x-icon,
.bi-theme-dark .tree-expand-icon-type2.disabled .x-icon {
  display: block;
  background: url('icon/dark/tree-expand-2.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-2.png');
  _background: none;
}
.bi-theme-dark .tree-expand-icon-type3 .x-icon,
.bi-theme-dark .tree-expand-icon-type3:hover .x-icon,
.bi-theme-dark .tree-expand-icon-type3:active .x-icon {
  display: block;
  background: url('icon/dark/tree-expand-3.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-3.png');
  _background: none;
}
.bi-theme-dark .tree-expand-icon-type3.native .x-icon,
.bi-theme-dark .tree-expand-icon-type3.disabled .x-icon {
  display: block;
  background: url('icon/dark/tree-expand-3.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-3.png');
  _background: none;
}
.bi-theme-dark .tree-expand-icon-type4 .x-icon,
.bi-theme-dark .tree-expand-icon-type4:hover .x-icon,
.bi-theme-dark .tree-expand-icon-type4:active .x-icon {
  display: block;
  background: url('icon/dark/tree-expand-4.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-4.png');
  _background: none;
}
.bi-theme-dark .tree-expand-icon-type4.native .x-icon,
.bi-theme-dark .tree-expand-icon-type4.disabled .x-icon {
  display: block;
  background: url('icon/dark/tree-expand-4.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-expand-4.png');
  _background: none;
}
.bi-theme-dark .tree-vertical-line-type2 .x-icon,
.bi-theme-dark .tree-vertical-line-type2:hover .x-icon,
.bi-theme-dark .tree-vertical-line-type2:active .x-icon {
  display: block;
  background: url('icon/dark/tree-vertical-line-2.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-vertical-line-2.png');
  _background: none;
}
.bi-theme-dark .tree-vertical-line-type2.native .x-icon,
.bi-theme-dark .tree-vertical-line-type2.disabled .x-icon {
  display: block;
  background: url('icon/dark/tree-vertical-line-2.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-vertical-line-2.png');
  _background: none;
}
.bi-theme-dark .tree-vertical-line-type3 .x-icon,
.bi-theme-dark .tree-vertical-line-type3:hover .x-icon,
.bi-theme-dark .tree-vertical-line-type3:active .x-icon {
  display: block;
  background: url('icon/dark/tree-vertical-line-3.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-vertical-line-3.png');
  _background: none;
}
.bi-theme-dark .tree-vertical-line-type3.native .x-icon,
.bi-theme-dark .tree-vertical-line-type3.disabled .x-icon {
  display: block;
  background: url('icon/dark/tree-vertical-line-3.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-vertical-line-3.png');
  _background: none;
}
.bi-theme-dark .tree-vertical-line-type4 .x-icon,
.bi-theme-dark .tree-vertical-line-type4:hover .x-icon,
.bi-theme-dark .tree-vertical-line-type4:active .x-icon {
  display: block;
  background: url('icon/dark/tree-vertical-line-4.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-vertical-line-4.png');
  _background: none;
}
.bi-theme-dark .tree-vertical-line-type4.native .x-icon,
.bi-theme-dark .tree-vertical-line-type4.disabled .x-icon {
  display: block;
  background: url('icon/dark/tree-vertical-line-4.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/dark/tree-vertical-line-4.png');
  _background: none;
}
.check-box-icon .x-icon {
  display: block;
  background: url('icon/check-box-normal.png') no-repeat 0 0;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-normal.png');
  _background: none;
}
.check-box-icon:hover .x-icon,
.check-box-icon:focus .x-icon,
.check-box-icon.hover .x-icon {
  display: block;
  background: url('icon/check-box-normal.png') no-repeat 0 0;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-normal.png');
  _background: none;
}
.check-box-icon:active .x-icon,
.check-box-icon.active .x-icon {
  display: block;
  background: url('icon/check-box-active.png') no-repeat 0 0;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-active.png');
  _background: none;
}
.check-box-icon.native .x-icon,
.check-box-icon.disabled .x-icon {
  display: block;
  background: url('icon/check-box-disable.png') no-repeat 0 0;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-disable.png');
  _background: none;
}
.check-box-icon.native .x-icon,
.check-box-icon.disabled.active .x-icon {
  display: block;
  background: url('icon/check-box-disable2.png') no-repeat 0 0;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/check-box-disable2.png');
  _background: none;
}
.radio-icon .x-icon {
  display: block;
  background: url('icon/radio-normal.png') no-repeat 0 0;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-normal.png');
  _background: none;
}
.radio-icon:hover .x-icon,
.radio-icon:focus .x-icon,
.radio-icon.hover .x-icon {
  display: block;
  background: url('icon/radio-normal.png') no-repeat 0 0;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-normal.png');
  _background: none;
}
.radio-icon:active .x-icon,
.radio-icon.active .x-icon {
  display: block;
  background: url('icon/radio-active.png') no-repeat 0 0;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-active.png');
  _background: none;
}
.radio-icon.native .x-icon,
.radio-icon.disabled .x-icon {
  display: block;
  background: url('icon/radio-disable.png') no-repeat 0 0;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-disable.png');
  _background: none;
}
.radio-icon.native .x-icon,
.radio-icon.disabled.active .x-icon {
  display: block;
  background: url('icon/radio-disable2.png') no-repeat 0 0;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/radio-disable2.png');
  _background: none;
}
.check-half-select-icon .x-icon,
.check-half-select-icon:hover .x-icon,
.check-half-select-icon:active .x-icon {
  display: block;
  background: url('icon/half_selected.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/half_selected.png');
  _background: none;
}
.check-half-select-icon.native .x-icon,
.check-half-select-icon.disabled .x-icon {
  display: block;
  background: url('icon/half_selected.png') no-repeat 0px 0px;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/half_selected.png');
  _background: none;
}
/**
 * Farbtastic Color Picker 1.2
 * © 2008 Steven Wittens
 *
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program; if not, write to the Free Software
 * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301  USA
 */
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.farbtastic {
  position: relative;
}
.farbtastic * {
  position: absolute;
  cursor: crosshair;
}
.farbtastic,
.farbtastic .wheel {
  width: 195px;
  height: 195px;
}
.farbtastic .color,
.farbtastic .overlay {
  top: 47px;
  left: 47px;
  width: 101px;
  height: 101px;
}
.farbtastic .wheel {
  background: url("third/farbtastic/wheel.png") no-repeat;
  width: 195px;
  height: 195px;
}
.farbtastic .overlay {
  background: url("third/farbtastic/mask.png") no-repeat;
}
.farbtastic .marker {
  width: 17px;
  height: 17px;
  margin: -8px 0 0 -8px;
  overflow: hidden;
  background: url("third/farbtastic/marker.png") no-repeat;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-display-tree .ztree * {
  color: #999999;
}
.bi-display-tree .ztree li span.button.switch.center_open {
  background-image: url("/icon/tree-vertical-line-3.png");
}
.bi-display-tree .ztree li span.button.switch.roots_open {
  background-image: url("/icon/tree-vertical-line-2.png");
}
.bi-display-tree .ztree li span.button.switch.bottom_open {
  background-image: url("/icon/tree-vertical-line-4.png");
}
.bi-display-tree .ztree li a,
.bi-display-tree .ztree li span {
  cursor: default !important;
}
.bi-display-tree .ztree li a:hover {
  text-decoration: none;
}
.bi-display-tree .ztree li a.curSelectedNode {
  padding-top: 1px;
  border: none;
  background-color: inherit;
  opacity: 1;
  filter: alpha(opacity=100);
}
/*-------------------------------------
zTree Style

version:	3.5.17
author:		Hunter.z
email:		hunter.z@263.net
website:	http://code.google.com/p/jquerytree/

-------------------------------------*/
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.ztree * {
  padding: 0;
  margin: 0;
}
.ztree {
  margin: 0;
  padding: 5px;
}
.ztree li {
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: 14px;
  text-align: left;
  white-space: nowrap;
  outline: 0;
}
.ztree li ul {
  margin: 0;
  padding: 0 0 0 18px;
}
.ztree li ul.line {
  background: url("icon/tree-vertical-line-1.png") 0 0 repeat-y;
}
.bi-theme-dark .ztree li ul.line {
  background: url("icon/dark/tree-vertical-line-1.png") 0 0 repeat-y;
}
.ztree li a {
  padding: 1px 3px 0 0;
  margin: 0;
  cursor: pointer;
  height: 24px;
  background-color: transparent;
  text-decoration: none;
  vertical-align: top;
  display: inline-block;
}
.ztree li a.curSelectedNode_Edit {
  padding-top: 0px;
  background-color: #FFE6B0;
  color: black;
  height: 16px;
  border: 1px #FFB951 solid;
  opacity: 0.8;
}
.ztree li a.tmpTargetNode_inner {
  padding-top: 0px;
  background-color: #316AC5;
  color: white;
  height: 16px;
  border: 1px #316AC5 solid;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.ztree li a input.rename {
  height: 14px;
  width: 80px;
  padding: 0;
  margin: 0;
  font-size: 12px;
  border: 1px #7EC4CC solid;
  *border: 0px;
}
.ztree li span {
  line-height: 24px;
  margin-right: 2px;
}
.ztree li span.button {
  line-height: 0;
  margin: 0;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  border: 0 none;
  cursor: pointer;
  outline: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-image: url("third/ztree/img/zTreeStandard.png");
  *background-image: url("third/ztree/img/zTreeStandard.gif");
}
.ztree li span.button.chk {
  width: 16px;
  height: 16px;
  margin: 0 3px 0 0;
  cursor: auto;
}
.ztree li span.button.chk.checkbox_false_full {
  background-image: url("icon/check-box-normal.png");
}
.ztree li span.button.chk.checkbox_false_full_focus {
  background-image: url("icon/check-box-normal.png");
}
.ztree li span.button.chk.checkbox_false_part {
  background-image: url("icon/half_selected.png");
}
.ztree li span.button.chk.checkbox_false_part_focus {
  background-image: url("icon/half_selected.png");
}
.ztree li span.button.chk.checkbox_false_disable {
  background-position: 0 -56px;
}
.ztree li span.button.chk.checkbox_true_full {
  background-image: url("icon/check-box-active.png");
}
.ztree li span.button.chk.checkbox_true_full_focus {
  background-image: url("icon/check-box-active.png");
}
.ztree li span.button.chk.checkbox_true_part {
  background-image: url("icon/half_selected.png");
}
.ztree li span.button.chk.checkbox_true_part_focus {
  background-image: url("icon/half_selected.png");
}
.ztree li span.button.chk.checkbox_true_disable {
  background-position: -14px -56px;
}
.ztree li span.button.chk.radio_false_full {
  background-position: -28px 0;
}
.ztree li span.button.chk.radio_false_full_focus {
  background-position: -28px -14px;
}
.ztree li span.button.chk.radio_false_part {
  background-position: -28px -28px;
}
.ztree li span.button.chk.radio_false_part_focus {
  background-position: -28px -42px;
}
.ztree li span.button.chk.radio_false_disable {
  background-position: -28px -56px;
}
.ztree li span.button.chk.radio_true_full {
  background-position: -42px 0;
}
.ztree li span.button.chk.radio_true_full_focus {
  background-position: -42px -14px;
}
.ztree li span.button.chk.radio_true_part {
  background-position: -42px -28px;
}
.ztree li span.button.chk.radio_true_part_focus {
  background-position: -42px -42px;
}
.ztree li span.button.chk.radio_true_disable {
  background-position: -42px -56px;
}
.ztree li span.button.switch {
  width: 25px;
  height: 25px;
}
.ztree li span.button.root_open {
  background-image: url("icon/tree-expand-1.png");
}
.bi-theme-dark .ztree li span.button.root_open {
  background-image: url("icon/dark/tree-expand-1.png");
}
.ztree li span.button.root_close {
  background-image: url("icon/tree-collapse-1.png");
}
.bi-theme-dark .ztree li span.button.root_close {
  background-image: url("icon/dark/tree-collapse-1.png");
}
.ztree li span.button.roots_open {
  background-image: url("icon/tree-expand-2.png");
}
.bi-theme-dark .ztree li span.button.roots_open {
  background-image: url("icon/dark/tree-expand-2.png");
}
.ztree li span.button.roots_close {
  background-image: url("icon/tree-collapse-2.png");
}
.bi-theme-dark .ztree li span.button.roots_close {
  background-image: url("icon/dark/tree-collapse-2.png");
}
.ztree li span.button.center_open {
  background-image: url("icon/tree-expand-3.png");
}
.bi-theme-dark .ztree li span.button.center_open {
  background-image: url("icon/dark/tree-expand-3.png");
}
.ztree li span.button.center_close {
  background-image: url("icon/tree-collapse-3.png");
}
.bi-theme-dark .ztree li span.button.center_close {
  background-image: url("icon/dark/tree-collapse-3.png");
}
.ztree li span.button.bottom_open {
  background-image: url("icon/tree-expand-4.png");
}
.bi-theme-dark .ztree li span.button.bottom_open {
  background-image: url("icon/dark/tree-expand-4.png");
}
.ztree li span.button.bottom_close {
  background-image: url("icon/tree-collapse-4.png");
}
.bi-theme-dark .ztree li span.button.bottom_close {
  background-image: url("icon/dark/tree-collapse-4.png");
}
.ztree li span.button.noline_open {
  background-position: -92px -72px;
}
.ztree li span.button.noline_close {
  background-position: -74px -72px;
}
.ztree li span.button.root_docu {
  background: none;
}
.ztree li span.button.roots_docu {
  background-image: url("icon/tree-vertical-line-2.png");
}
.bi-theme-dark .ztree li span.button.roots_docu {
  background-image: url("icon/dark/tree-vertical-line-2.png");
}
.ztree li span.button.center_docu {
  background-image: url("icon/tree-vertical-line-3.png");
}
.bi-theme-dark .ztree li span.button.center_docu {
  background-image: url("icon/dark/tree-vertical-line-3.png");
}
.ztree li span.button.bottom_docu {
  background-image: url("icon/tree-vertical-line-4.png");
}
.bi-theme-dark .ztree li span.button.bottom_docu {
  background-image: url("icon/dark/tree-vertical-line-4.png");
}
.ztree li span.button.noline_docu {
  background: none;
}
.ztree li span.button.ico_open {
  margin-right: 2px;
  background-position: -110px -16px;
  vertical-align: top;
  *vertical-align: middle;
}
.ztree li span.button.ico_close {
  margin-right: 2px;
  background-position: -110px 0;
  vertical-align: top;
  *vertical-align: middle;
}
.ztree li span.button.ico_docu {
  margin-right: 2px;
  background-position: -110px -32px;
  vertical-align: top;
  *vertical-align: middle;
}
.ztree li span.button.edit {
  margin-right: 2px;
  background-position: -110px -48px;
  vertical-align: top;
  *vertical-align: middle;
}
.ztree li span.button.remove {
  margin-right: 2px;
  background-position: -110px -64px;
  vertical-align: top;
  *vertical-align: middle;
}
.ztree li span.button.ico_loading {
  width: 0px;
  margin-right: 2px;
  background: url("third/ztree/img/loading.gif") no-repeat scroll 0 0 transparent;
  vertical-align: top;
  *vertical-align: middle;
}
ul.tmpTargetzTree {
  background-color: #FFE6B0;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
span.tmpzTreeMove_arrow {
  width: 16px;
  height: 16px;
  display: inline-block;
  padding: 0;
  margin: 2px 0 0 1px;
  border: 0 none;
  position: absolute;
  background-color: transparent;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: -110px -80px;
  background-image: url("third/ztree/img/zTreeStandard.png");
  *background-image: url("third/ztree/img/zTreeStandard.gif");
}
ul.ztree.zTreeDragUL {
  margin: 0;
  padding: 0;
  position: absolute;
  width: auto;
  height: auto;
  overflow: hidden;
  background-color: #cfcfcf;
  border: 1px #00B83F dotted;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.zTreeMask {
  z-index: 10000;
  background-color: #cfcfcf;
  opacity: 0.0;
  filter: alpha(opacity=0);
  position: absolute;
}
/* level style*/
/*.ztree li span.button.level0 {
	display:none;
}
.ztree li ul.level0 {
	padding:0;
	background:none;
}*/