@font-face {
  font-family: 'bi';
  src: url('https://fanruan.coding.me/fineui/dist/font/iconfont.eot'), /* IE6-IE8 */ url('https://fanruan.coding.me/fineui/dist/font/iconfont.woff') format('woff'), /* chrome、firefox */ url('https://fanruan.coding.me/fineui/dist/font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('https://fanruan.coding.me/fineui/dist/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;
}
.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;
}
.search-close-h-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
}
.search-close-h-font .b-font:before {
  content: "\e6d0";
  color: inherit;
}
.search-close-h-font:hover .b-font:before,
.search-close-h-font.hover .b-font:before {
  content: "\e6d0";
  color: #ff4949;
}
.search-close-h-font.disabled .b-font:before {
  content: "\e6d0";
  color: inherit;
}
.pre-page-h-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
}
.pre-page-h-font .b-font:before {
  content: "\e70d";
  color: inherit;
}
.pre-page-h-font:hover .b-font:before,
.pre-page-h-font.hover .b-font:before {
  content: "\e70d";
  color: inherit;
}
.pre-page-h-font.disabled .b-font:before {
  content: "\e70d";
  color: inherit;
}
.next-page-h-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
}
.next-page-h-font .b-font:before {
  content: "\e70c";
  color: inherit;
}
.next-page-h-font:hover .b-font:before,
.next-page-h-font.hover .b-font:before {
  content: "\e70c";
  color: inherit;
}
.next-page-h-font.disabled .b-font:before {
  content: "\e70c";
  color: inherit;
}
.search-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
}
.search-font .b-font:before {
  content: "\e6dc";
  color: inherit;
}
.search-font.disabled .b-font:before {
  content: "\e6dc";
  color: inherit;
}
.date-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
}
.date-font .b-font:before {
  content: "\e733";
  color: inherit;
}
.date-font.disabled .b-font:before {
  content: "\e733";
  color: inherit;
}
.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: #1a1a1a;
}
.dot-font.disabled .b-font:before {
  content: "\e762";
  color: #1a1a1a;
}
.dot-h-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
}
.dot-h-font .b-font:before {
  content: "\e762";
  color: #1a1a1a;
}
.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: #1a1a1a;
}
.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: #1a1a1a;
}
.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: #ffffff;
}
.dot-e-font:hover .b-font:before,
.dot-e-font.hover .b-font:before {
  content: "\e762";
  color: #999999;
}
.dot-e-font.active .b-font:before {
  content: "\e762";
  color: #1a1a1a;
}
.dot-e-font:active .b-font:before {
  content: "\e762";
  color: #3685f2;
}
.dot-e-font.disabled .b-font:before {
  content: "\e762";
  color: #ffffff;
}
.pull-right-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
}
.pull-right-font .b-font:before {
  content: "\e6da";
  color: inherit;
}
.pull-right-font.disabled .b-font:before {
  content: "\e6da";
  color: inherit;
}
.pull-right-h-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
}
.pull-right-h-font .b-font:before {
  content: "\e6da";
  color: inherit;
}
.pull-right-h-font:hover .b-font:before,
.pull-right-h-font.hover .b-font:before {
  content: "\e6da";
  color: inherit;
}
.pull-right-h-font.disabled .b-font:before {
  content: "\e6da";
  color: inherit;
}
.pull-right-ha-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
}
.pull-right-ha-font .b-font:before {
  content: "\e6da";
  color: inherit;
}
.pull-right-ha-font:hover .b-font:before,
.pull-right-ha-font.hover .b-font:before {
  content: "\e6da";
  color: inherit;
}
.pull-right-ha-font:active .b-font:before,
.pull-right-ha-font.active .b-font:before {
  content: "\e6da";
  color: #3f8ce8;
}
.pull-right-ha-font.disabled .b-font:before {
  content: "\e6da";
  color: inherit;
}
.pull-right-e-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
}
.pull-right-e-font .b-font:before {
  content: "\e6da";
  color: inherit;
}
.pull-right-e-font:hover .b-font:before,
.pull-right-e-font.hover .b-font:before {
  content: "\e6da";
  color: inherit;
}
.pull-right-e-font.active .b-font:before {
  content: "\e6da";
  color: #3f8ce8;
}
.pull-right-e-font:active .b-font:before {
  content: "\e6da";
  color: #3f8ce8;
}
.pull-right-e-font.disabled .b-font:before {
  content: "\e6da";
  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: #1a1a1a;
}
.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: #1a1a1a;
}
.copy-ha-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
}
.copy-ha-font .b-font:before {
  content: "\e6bd";
  color: inherit;
}
.copy-ha-font:hover .b-font:before,
.copy-ha-font.hover .b-font:before {
  content: "\e6bd";
  color: inherit;
}
.copy-ha-font:active .b-font:before,
.copy-ha-font.active .b-font:before {
  content: "\e6bd";
  color: #3f8ce8;
}
.copy-ha-font.disabled .b-font:before {
  content: "\e6bd";
  color: inherit;
}
.copy-e-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
}
.copy-e-font .b-font:before {
  content: "\e6bd";
  color: inherit;
}
.copy-e-font:hover .b-font:before,
.copy-e-font.hover .b-font:before {
  content: "\e6bd";
  color: inherit;
}
.copy-e-font.active .b-font:before {
  content: "\e6bd";
  color: #3f8ce8;
}
.copy-e-font:active .b-font:before {
  content: "\e6bd";
  color: #3f8ce8;
}
.copy-e-font.disabled .b-font:before {
  content: "\e6bd";
  color: inherit;
}
.check-mark-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
}
.check-mark-font .b-font:before {
  content: "\e6cf";
  color: inherit;
}
.check-mark-font.disabled .b-font:before {
  content: "\e6cf";
  color: inherit;
}
.check-mark-h-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
}
.check-mark-h-font .b-font:before {
  content: "\e6cf";
  color: inherit;
}
.check-mark-h-font:hover .b-font:before,
.check-mark-h-font.hover .b-font:before {
  content: "\e6cf";
  color: inherit;
}
.check-mark-h-font.disabled .b-font:before {
  content: "\e6cf";
  color: inherit;
}
.check-mark-ha-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
}
.check-mark-ha-font .b-font:before {
  content: "\e6cf";
  color: inherit;
}
.check-mark-ha-font:hover .b-font:before,
.check-mark-ha-font.hover .b-font:before {
  content: "\e6cf";
  color: inherit;
}
.check-mark-ha-font:active .b-font:before,
.check-mark-ha-font.active .b-font:before {
  content: "\e6cf";
  color: #3f8ce8;
}
.check-mark-ha-font.disabled .b-font:before {
  content: "\e6cf";
  color: inherit;
}
.check-mark-e-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
}
.check-mark-e-font .b-font:before {
  content: "\e6cf";
  color: inherit;
}
.check-mark-e-font:hover .b-font:before,
.check-mark-e-font.hover .b-font:before {
  content: "\e6cf";
  color: inherit;
}
.check-mark-e-font.active .b-font:before {
  content: "\e6cf";
  color: #3f8ce8;
}
.check-mark-e-font:active .b-font:before {
  content: "\e6cf";
  color: #3f8ce8;
}
.check-mark-e-font.disabled .b-font:before {
  content: "\e6cf";
  color: inherit;
}
/** dashboard组件/控件 下拉列表图标字体 ~end~**/
.row-pre-page-h-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
}
.row-pre-page-h-font .b-font:before {
  content: "\e6d9";
  color: inherit;
}
.row-pre-page-h-font:hover .b-font:before,
.row-pre-page-h-font.hover .b-font:before {
  content: "\e6d9";
  color: inherit;
}
.row-pre-page-h-font.disabled .b-font:before {
  content: "\e6d9";
  color: inherit;
}
.row-next-page-h-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
}
.row-next-page-h-font .b-font:before {
  content: "\e6d8";
  color: inherit;
}
.row-next-page-h-font:hover .b-font:before,
.row-next-page-h-font.hover .b-font:before {
  content: "\e6d8";
  color: inherit;
}
.row-next-page-h-font.disabled .b-font:before {
  content: "\e6d8";
  color: inherit;
}
.column-pre-page-h-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
}
.column-pre-page-h-font .b-font:before {
  content: "\e6d6";
  color: inherit;
}
.column-pre-page-h-font:hover .b-font:before,
.column-pre-page-h-font.hover .b-font:before {
  content: "\e6d6";
  color: inherit;
}
.column-pre-page-h-font.disabled .b-font:before {
  content: "\e6d6";
  color: inherit;
}
.column-next-page-h-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
}
.column-next-page-h-font .b-font:before {
  content: "\e6d7";
  color: inherit;
}
.column-next-page-h-font:hover .b-font:before,
.column-next-page-h-font.hover .b-font:before {
  content: "\e6d7";
  color: inherit;
}
.column-next-page-h-font.disabled .b-font:before {
  content: "\e6d7";
  color: inherit;
}
.trigger-triangle-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
}
.trigger-triangle-font .b-font:before {
  content: "\e6f0";
  color: #999999;
}
.trigger-triangle-font:hover .b-font:before,
.trigger-triangle-font.hover .b-font:before {
  content: "\e6f0";
  color: #999999;
}
.trigger-triangle-font:active .b-font:before,
.trigger-triangle-font.active .b-font:before {
  content: "\e6f0";
  color: #3685f2;
}
.trigger-triangle-font.disabled .b-font:before {
  content: "\e6f0";
  color: #999999;
}
.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: inherit;
}
.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: inherit;
}
.pull-down-ha-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
}
.pull-down-ha-font .b-font:before {
  content: "\e70b";
  color: inherit;
}
.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: inherit;
}
.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: "\e75f";
  color: inherit;
}
.less-font:hover .b-font:before,
.less-font.hover .b-font:before {
  content: "\e75f";
  color: inherit;
}
.less-font:active .b-font:before,
.less-font.active .b-font:before {
  content: "\e75f";
  color: #3f8ce8;
}
.less-font.disabled .b-font:before {
  content: "\e75f";
  color: inherit;
}
.less-equal-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
}
.less-equal-font .b-font:before {
  content: "\e760";
  color: inherit;
}
.less-equal-font:hover .b-font:before,
.less-equal-font.hover .b-font:before {
  content: "\e760";
  color: inherit;
}
.less-equal-font:active .b-font:before,
.less-equal-font.active .b-font:before {
  content: "\e760";
  color: #3f8ce8;
}
.less-equal-font.disabled .b-font:before {
  content: "\e760";
  color: inherit;
}
.text-bold-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
}
.text-bold-font .b-font:before {
  content: "\e75b";
  color: inherit;
}
.text-bold-font.disabled .b-font:before {
  content: "\e75b";
  color: inherit;
}
.text-italic-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
}
.text-italic-font .b-font:before {
  content: "\e75c";
  color: inherit;
}
.text-italic-font.disabled .b-font:before {
  content: "\e75c";
  color: inherit;
}
.text-underline-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
}
.text-underline-font .b-font:before {
  content: "\e75d";
  color: inherit;
}
.text-underline-font.disabled .b-font:before {
  content: "\e75d";
  color: inherit;
}
.text-color-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
}
.text-color-font .b-font:before {
  content: "\e75a";
  color: inherit;
}
.text-color-font.disabled .b-font:before {
  content: "\e75a";
  color: inherit;
}
.text-background-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
}
.text-background-font .b-font:before {
  content: "\e758";
  color: inherit;
}
.text-background-font.disabled .b-font:before {
  content: "\e758";
  color: inherit;
}
.text-color-underline-font .b-font {
  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
}
.text-color-underline-font .b-font:before {
  content: "\e75d";
  color: inherit;
}
.text-color-underline-font.disabled .b-font:before {
  content: "\e75d";
  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;
}