diff --git a/dist/bundle.css b/dist/bundle.css
index bf2c02f22d..ca1dc71a19 100644
--- a/dist/bundle.css
+++ b/dist/bundle.css
@@ -4916,7 +4916,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   -moz-osx-font-smoothing: grayscale;
 }
 .close-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .close-font .b-font:before {
@@ -4928,7 +4927,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .close-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .close-h-font .b-font:before {
@@ -4945,7 +4943,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .close-ha-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .close-ha-font .b-font:before {
@@ -4967,7 +4964,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .circle-close-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .circle-close-font .b-font:before {
@@ -4979,7 +4975,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .search-close-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .search-close-h-font .b-font:before {
@@ -4996,7 +4991,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .pre-page-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .pre-page-h-font .b-font:before {
@@ -5013,7 +5007,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .next-page-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .next-page-h-font .b-font:before {
@@ -5030,7 +5023,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .search-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .search-font .b-font:before {
@@ -5042,7 +5034,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .date-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .date-font .b-font:before {
@@ -5054,7 +5045,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .date-change-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .date-change-h-font .b-font:before {
@@ -5071,7 +5061,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .dot-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .dot-font .b-font:before {
@@ -5083,7 +5072,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: #232e40;
 }
 .dot-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .dot-h-font .b-font:before {
@@ -5100,7 +5088,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: #232e40;
 }
 .dot-ha-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .dot-ha-font .b-font:before {
@@ -5122,7 +5109,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: #ffffff;
 }
 .dot-e-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .dot-e-font .b-font:before {
@@ -5147,7 +5133,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: transparent;
 }
 .pull-right-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .pull-right-font .b-font:before {
@@ -5159,7 +5144,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .pull-right-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .pull-right-h-font .b-font:before {
@@ -5176,7 +5160,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .pull-right-ha-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .pull-right-ha-font .b-font:before {
@@ -5198,7 +5181,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .pull-right-e-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .pull-right-e-font .b-font:before {
@@ -5223,7 +5205,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .copy-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .copy-font .b-font:before {
@@ -5235,7 +5216,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .copy-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .copy-h-font .b-font:before {
@@ -5252,7 +5232,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: #232e40;
 }
 .copy-ha-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .copy-ha-font .b-font:before {
@@ -5274,7 +5253,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .copy-e-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .copy-e-font .b-font:before {
@@ -5299,7 +5277,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .check-mark-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .check-mark-font .b-font:before {
@@ -5311,7 +5288,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .check-mark-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .check-mark-h-font .b-font:before {
@@ -5328,7 +5304,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .check-mark-ha-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .check-mark-ha-font .b-font:before {
@@ -5350,7 +5325,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .check-mark-e-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .check-mark-e-font .b-font:before {
@@ -5376,7 +5350,6 @@ textarea::-webkit-scrollbar-thumb:hover {
 }
 /** dashboard组件/控件 下拉列表图标字体 ~end~**/
 .row-pre-page-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .row-pre-page-h-font .b-font:before {
@@ -5393,7 +5366,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .row-next-page-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .row-next-page-h-font .b-font:before {
@@ -5410,7 +5382,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .column-pre-page-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .column-pre-page-h-font .b-font:before {
@@ -5427,7 +5398,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .column-next-page-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .column-next-page-h-font .b-font:before {
@@ -5444,7 +5414,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .expander-right-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .expander-right-font .b-font:before {
@@ -5456,7 +5425,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .expander-down-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .expander-down-font .b-font:before {
@@ -5468,7 +5436,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .solid-triangle-top-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .solid-triangle-top-font .b-font:before {
@@ -5485,7 +5452,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .solid-triangle-bottom-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .solid-triangle-bottom-font .b-font:before {
@@ -5502,7 +5468,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .trigger-triangle-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .trigger-triangle-font .b-font:before {
@@ -5524,7 +5489,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: #999999;
 }
 .pull-up-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .pull-up-font .b-font:before {
@@ -5536,7 +5500,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .pull-down-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .pull-down-font .b-font:before {
@@ -5548,7 +5511,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .pull-down-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .pull-down-h-font .b-font:before {
@@ -5565,7 +5527,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: #647185;
 }
 .pull-down-ha-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .pull-down-ha-font .b-font:before {
@@ -5587,7 +5548,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: #647185;
 }
 .check-font .b-font {
-  font-size: 12px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .check-font .b-font:before {
@@ -5599,7 +5559,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: #3685f2;
 }
 .item-check-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .item-check-font .b-font:before {
@@ -5621,7 +5580,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: #ffffff;
 }
 .primary-key-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .primary-key-font .b-font:before {
@@ -5638,7 +5596,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .drag-tag-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .drag-tag-font .b-font:before {
@@ -5650,7 +5607,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: #faaa39;
 }
 .less-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .less-font .b-font:before {
@@ -5672,7 +5628,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .less-equal-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .less-equal-font .b-font:before {
@@ -5694,7 +5649,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .text-bold-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .text-bold-font .b-font:before {
@@ -5706,7 +5660,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .text-italic-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .text-italic-font .b-font:before {
@@ -5718,7 +5671,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .text-underline-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .text-underline-font .b-font:before {
@@ -5730,7 +5682,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .text-color-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .text-color-font .b-font:before {
@@ -5742,7 +5693,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .text-background-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .text-background-font .b-font:before {
@@ -5754,7 +5704,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .text-color-underline-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .text-color-underline-font .b-font:before {
@@ -5766,7 +5715,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .text-align-left-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .text-align-left-font .b-font:before {
@@ -5778,7 +5726,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .text-align-center-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .text-align-center-font .b-font:before {
@@ -5790,7 +5737,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .text-align-right-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .text-align-right-font .b-font:before {
@@ -5802,7 +5748,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .toast-error-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .toast-error-font .b-font:before {
@@ -5814,7 +5759,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .toast-success-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .toast-success-font .b-font:before {
@@ -5826,7 +5770,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .toast-warning-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .toast-warning-font .b-font:before {
@@ -5838,7 +5781,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .toast-message-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .toast-message-font .b-font:before {
@@ -5850,7 +5792,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .text-add-tip-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .text-add-tip-font .b-font:before {
@@ -5862,7 +5803,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: #13cd66;
 }
 .add-up-font .b-font {
-  font-size: 12px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .add-up-font .b-font:before {
@@ -5874,7 +5814,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .minus-down-font .b-font {
-  font-size: 12px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .minus-down-font .b-font:before {
diff --git a/dist/fineui.css b/dist/fineui.css
index 859050c579..5597a620d9 100644
--- a/dist/fineui.css
+++ b/dist/fineui.css
@@ -4916,7 +4916,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   -moz-osx-font-smoothing: grayscale;
 }
 .close-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .close-font .b-font:before {
@@ -4928,7 +4927,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .close-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .close-h-font .b-font:before {
@@ -4945,7 +4943,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .close-ha-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .close-ha-font .b-font:before {
@@ -4967,7 +4964,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .circle-close-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .circle-close-font .b-font:before {
@@ -4979,7 +4975,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .search-close-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .search-close-h-font .b-font:before {
@@ -4996,7 +4991,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .pre-page-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .pre-page-h-font .b-font:before {
@@ -5013,7 +5007,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .next-page-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .next-page-h-font .b-font:before {
@@ -5030,7 +5023,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .search-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .search-font .b-font:before {
@@ -5042,7 +5034,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .date-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .date-font .b-font:before {
@@ -5054,7 +5045,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .date-change-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .date-change-h-font .b-font:before {
@@ -5071,7 +5061,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .dot-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .dot-font .b-font:before {
@@ -5083,7 +5072,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: #232e40;
 }
 .dot-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .dot-h-font .b-font:before {
@@ -5100,7 +5088,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: #232e40;
 }
 .dot-ha-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .dot-ha-font .b-font:before {
@@ -5122,7 +5109,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: #ffffff;
 }
 .dot-e-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .dot-e-font .b-font:before {
@@ -5147,7 +5133,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: transparent;
 }
 .pull-right-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .pull-right-font .b-font:before {
@@ -5159,7 +5144,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .pull-right-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .pull-right-h-font .b-font:before {
@@ -5176,7 +5160,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .pull-right-ha-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .pull-right-ha-font .b-font:before {
@@ -5198,7 +5181,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .pull-right-e-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .pull-right-e-font .b-font:before {
@@ -5223,7 +5205,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .copy-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .copy-font .b-font:before {
@@ -5235,7 +5216,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .copy-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .copy-h-font .b-font:before {
@@ -5252,7 +5232,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: #232e40;
 }
 .copy-ha-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .copy-ha-font .b-font:before {
@@ -5274,7 +5253,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .copy-e-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .copy-e-font .b-font:before {
@@ -5299,7 +5277,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .check-mark-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .check-mark-font .b-font:before {
@@ -5311,7 +5288,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .check-mark-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .check-mark-h-font .b-font:before {
@@ -5328,7 +5304,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .check-mark-ha-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .check-mark-ha-font .b-font:before {
@@ -5350,7 +5325,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .check-mark-e-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .check-mark-e-font .b-font:before {
@@ -5376,7 +5350,6 @@ textarea::-webkit-scrollbar-thumb:hover {
 }
 /** dashboard组件/控件 下拉列表图标字体 ~end~**/
 .row-pre-page-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .row-pre-page-h-font .b-font:before {
@@ -5393,7 +5366,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .row-next-page-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .row-next-page-h-font .b-font:before {
@@ -5410,7 +5382,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .column-pre-page-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .column-pre-page-h-font .b-font:before {
@@ -5427,7 +5398,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .column-next-page-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .column-next-page-h-font .b-font:before {
@@ -5444,7 +5414,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .expander-right-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .expander-right-font .b-font:before {
@@ -5456,7 +5425,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .expander-down-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .expander-down-font .b-font:before {
@@ -5468,7 +5436,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .solid-triangle-top-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .solid-triangle-top-font .b-font:before {
@@ -5485,7 +5452,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .solid-triangle-bottom-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .solid-triangle-bottom-font .b-font:before {
@@ -5502,7 +5468,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .trigger-triangle-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .trigger-triangle-font .b-font:before {
@@ -5524,7 +5489,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: #999999;
 }
 .pull-up-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .pull-up-font .b-font:before {
@@ -5536,7 +5500,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .pull-down-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .pull-down-font .b-font:before {
@@ -5548,7 +5511,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .pull-down-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .pull-down-h-font .b-font:before {
@@ -5565,7 +5527,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: #647185;
 }
 .pull-down-ha-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .pull-down-ha-font .b-font:before {
@@ -5587,7 +5548,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: #647185;
 }
 .check-font .b-font {
-  font-size: 12px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .check-font .b-font:before {
@@ -5599,7 +5559,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: #3685f2;
 }
 .item-check-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .item-check-font .b-font:before {
@@ -5621,7 +5580,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: #ffffff;
 }
 .primary-key-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .primary-key-font .b-font:before {
@@ -5638,7 +5596,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .drag-tag-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .drag-tag-font .b-font:before {
@@ -5650,7 +5607,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: #faaa39;
 }
 .less-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .less-font .b-font:before {
@@ -5672,7 +5628,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .less-equal-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .less-equal-font .b-font:before {
@@ -5694,7 +5649,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .text-bold-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .text-bold-font .b-font:before {
@@ -5706,7 +5660,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .text-italic-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .text-italic-font .b-font:before {
@@ -5718,7 +5671,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .text-underline-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .text-underline-font .b-font:before {
@@ -5730,7 +5682,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .text-color-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .text-color-font .b-font:before {
@@ -5742,7 +5693,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .text-background-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .text-background-font .b-font:before {
@@ -5754,7 +5704,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .text-color-underline-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .text-color-underline-font .b-font:before {
@@ -5766,7 +5715,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .text-align-left-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .text-align-left-font .b-font:before {
@@ -5778,7 +5726,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .text-align-center-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .text-align-center-font .b-font:before {
@@ -5790,7 +5737,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .text-align-right-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .text-align-right-font .b-font:before {
@@ -5802,7 +5748,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .toast-error-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .toast-error-font .b-font:before {
@@ -5814,7 +5759,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .toast-success-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .toast-success-font .b-font:before {
@@ -5826,7 +5770,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .toast-warning-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .toast-warning-font .b-font:before {
@@ -5838,7 +5781,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .toast-message-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .toast-message-font .b-font:before {
@@ -5850,7 +5792,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .text-add-tip-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .text-add-tip-font .b-font:before {
@@ -5862,7 +5803,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: #13cd66;
 }
 .add-up-font .b-font {
-  font-size: 12px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .add-up-font .b-font:before {
@@ -5874,7 +5814,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .minus-down-font .b-font {
-  font-size: 12px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .minus-down-font .b-font:before {
diff --git a/dist/resource.css b/dist/resource.css
index 63656e6ab5..b964681c62 100644
--- a/dist/resource.css
+++ b/dist/resource.css
@@ -348,7 +348,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   -moz-osx-font-smoothing: grayscale;
 }
 .close-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .close-font .b-font:before {
@@ -360,7 +359,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .close-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .close-h-font .b-font:before {
@@ -377,7 +375,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .close-ha-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .close-ha-font .b-font:before {
@@ -399,7 +396,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .circle-close-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .circle-close-font .b-font:before {
@@ -411,7 +407,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .search-close-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .search-close-h-font .b-font:before {
@@ -428,7 +423,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .pre-page-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .pre-page-h-font .b-font:before {
@@ -445,7 +439,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .next-page-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .next-page-h-font .b-font:before {
@@ -462,7 +455,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .search-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .search-font .b-font:before {
@@ -474,7 +466,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .date-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .date-font .b-font:before {
@@ -486,7 +477,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .date-change-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .date-change-h-font .b-font:before {
@@ -503,7 +493,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .dot-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .dot-font .b-font:before {
@@ -515,7 +504,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: #232e40;
 }
 .dot-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .dot-h-font .b-font:before {
@@ -532,7 +520,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: #232e40;
 }
 .dot-ha-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .dot-ha-font .b-font:before {
@@ -554,7 +541,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: #ffffff;
 }
 .dot-e-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .dot-e-font .b-font:before {
@@ -579,7 +565,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: transparent;
 }
 .pull-right-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .pull-right-font .b-font:before {
@@ -591,7 +576,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .pull-right-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .pull-right-h-font .b-font:before {
@@ -608,7 +592,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .pull-right-ha-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .pull-right-ha-font .b-font:before {
@@ -630,7 +613,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .pull-right-e-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .pull-right-e-font .b-font:before {
@@ -655,7 +637,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .copy-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .copy-font .b-font:before {
@@ -667,7 +648,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .copy-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .copy-h-font .b-font:before {
@@ -684,7 +664,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: #232e40;
 }
 .copy-ha-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .copy-ha-font .b-font:before {
@@ -706,7 +685,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .copy-e-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .copy-e-font .b-font:before {
@@ -731,7 +709,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .check-mark-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .check-mark-font .b-font:before {
@@ -743,7 +720,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .check-mark-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .check-mark-h-font .b-font:before {
@@ -760,7 +736,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .check-mark-ha-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .check-mark-ha-font .b-font:before {
@@ -782,7 +757,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .check-mark-e-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .check-mark-e-font .b-font:before {
@@ -808,7 +782,6 @@ textarea::-webkit-scrollbar-thumb:hover {
 }
 /** dashboard组件/控件 下拉列表图标字体 ~end~**/
 .row-pre-page-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .row-pre-page-h-font .b-font:before {
@@ -825,7 +798,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .row-next-page-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .row-next-page-h-font .b-font:before {
@@ -842,7 +814,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .column-pre-page-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .column-pre-page-h-font .b-font:before {
@@ -859,7 +830,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .column-next-page-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .column-next-page-h-font .b-font:before {
@@ -876,7 +846,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .expander-right-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .expander-right-font .b-font:before {
@@ -888,7 +857,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .expander-down-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .expander-down-font .b-font:before {
@@ -900,7 +868,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .solid-triangle-top-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .solid-triangle-top-font .b-font:before {
@@ -917,7 +884,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .solid-triangle-bottom-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .solid-triangle-bottom-font .b-font:before {
@@ -934,7 +900,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .trigger-triangle-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .trigger-triangle-font .b-font:before {
@@ -956,7 +921,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: #999999;
 }
 .pull-up-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .pull-up-font .b-font:before {
@@ -968,7 +932,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .pull-down-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .pull-down-font .b-font:before {
@@ -980,7 +943,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .pull-down-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .pull-down-h-font .b-font:before {
@@ -997,7 +959,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: #647185;
 }
 .pull-down-ha-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .pull-down-ha-font .b-font:before {
@@ -1019,7 +980,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: #647185;
 }
 .check-font .b-font {
-  font-size: 12px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .check-font .b-font:before {
@@ -1031,7 +991,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: #3685f2;
 }
 .item-check-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .item-check-font .b-font:before {
@@ -1053,7 +1012,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: #ffffff;
 }
 .primary-key-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .primary-key-font .b-font:before {
@@ -1070,7 +1028,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .drag-tag-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .drag-tag-font .b-font:before {
@@ -1082,7 +1039,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: #faaa39;
 }
 .less-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .less-font .b-font:before {
@@ -1104,7 +1060,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .less-equal-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .less-equal-font .b-font:before {
@@ -1126,7 +1081,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .text-bold-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .text-bold-font .b-font:before {
@@ -1138,7 +1092,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .text-italic-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .text-italic-font .b-font:before {
@@ -1150,7 +1103,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .text-underline-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .text-underline-font .b-font:before {
@@ -1162,7 +1114,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .text-color-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .text-color-font .b-font:before {
@@ -1174,7 +1125,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .text-background-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .text-background-font .b-font:before {
@@ -1186,7 +1136,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .text-color-underline-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .text-color-underline-font .b-font:before {
@@ -1198,7 +1147,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .text-align-left-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .text-align-left-font .b-font:before {
@@ -1210,7 +1158,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .text-align-center-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .text-align-center-font .b-font:before {
@@ -1222,7 +1169,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .text-align-right-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .text-align-right-font .b-font:before {
@@ -1234,7 +1180,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .toast-error-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .toast-error-font .b-font:before {
@@ -1246,7 +1191,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .toast-success-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .toast-success-font .b-font:before {
@@ -1258,7 +1202,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .toast-warning-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .toast-warning-font .b-font:before {
@@ -1270,7 +1213,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .toast-message-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .toast-message-font .b-font:before {
@@ -1282,7 +1224,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .text-add-tip-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .text-add-tip-font .b-font:before {
@@ -1294,7 +1235,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: #13cd66;
 }
 .add-up-font .b-font {
-  font-size: 12px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .add-up-font .b-font:before {
@@ -1306,7 +1246,6 @@ textarea::-webkit-scrollbar-thumb:hover {
   color: inherit;
 }
 .minus-down-font .b-font {
-  font-size: 12px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .minus-down-font .b-font:before {
@@ -1851,3 +1790,18 @@ textarea::-webkit-scrollbar-thumb:hover {
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/trans_disable.png');
   _background: none;
 }
+.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-50 .b-font {
+  font-size: 50px;
+}
+.icon-size-70 .b-font {
+  font-size: 70px;
+}
diff --git a/public/css/font.css b/public/css/font.css
index 0262f7f5df..54448706ec 100644
--- a/public/css/font.css
+++ b/public/css/font.css
@@ -12,7 +12,6 @@
   -moz-osx-font-smoothing: grayscale;
 }
 .close-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .close-font .b-font:before {
@@ -24,7 +23,6 @@
   color: inherit;
 }
 .close-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .close-h-font .b-font:before {
@@ -41,7 +39,6 @@
   color: inherit;
 }
 .close-ha-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .close-ha-font .b-font:before {
@@ -63,7 +60,6 @@
   color: inherit;
 }
 .circle-close-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .circle-close-font .b-font:before {
@@ -75,7 +71,6 @@
   color: inherit;
 }
 .search-close-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .search-close-h-font .b-font:before {
@@ -92,7 +87,6 @@
   color: inherit;
 }
 .pre-page-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .pre-page-h-font .b-font:before {
@@ -109,7 +103,6 @@
   color: inherit;
 }
 .next-page-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .next-page-h-font .b-font:before {
@@ -126,7 +119,6 @@
   color: inherit;
 }
 .search-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .search-font .b-font:before {
@@ -138,7 +130,6 @@
   color: inherit;
 }
 .date-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .date-font .b-font:before {
@@ -150,7 +141,6 @@
   color: inherit;
 }
 .date-change-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .date-change-h-font .b-font:before {
@@ -167,7 +157,6 @@
   color: inherit;
 }
 .dot-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .dot-font .b-font:before {
@@ -179,7 +168,6 @@
   color: #232e40;
 }
 .dot-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .dot-h-font .b-font:before {
@@ -196,7 +184,6 @@
   color: #232e40;
 }
 .dot-ha-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .dot-ha-font .b-font:before {
@@ -218,7 +205,6 @@
   color: #ffffff;
 }
 .dot-e-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .dot-e-font .b-font:before {
@@ -243,7 +229,6 @@
   color: transparent;
 }
 .pull-right-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .pull-right-font .b-font:before {
@@ -255,7 +240,6 @@
   color: inherit;
 }
 .pull-right-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .pull-right-h-font .b-font:before {
@@ -272,7 +256,6 @@
   color: inherit;
 }
 .pull-right-ha-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .pull-right-ha-font .b-font:before {
@@ -294,7 +277,6 @@
   color: inherit;
 }
 .pull-right-e-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .pull-right-e-font .b-font:before {
@@ -319,7 +301,6 @@
   color: inherit;
 }
 .copy-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .copy-font .b-font:before {
@@ -331,7 +312,6 @@
   color: inherit;
 }
 .copy-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .copy-h-font .b-font:before {
@@ -348,7 +328,6 @@
   color: #232e40;
 }
 .copy-ha-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .copy-ha-font .b-font:before {
@@ -370,7 +349,6 @@
   color: inherit;
 }
 .copy-e-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .copy-e-font .b-font:before {
@@ -395,7 +373,6 @@
   color: inherit;
 }
 .check-mark-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .check-mark-font .b-font:before {
@@ -407,7 +384,6 @@
   color: inherit;
 }
 .check-mark-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .check-mark-h-font .b-font:before {
@@ -424,7 +400,6 @@
   color: inherit;
 }
 .check-mark-ha-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .check-mark-ha-font .b-font:before {
@@ -446,7 +421,6 @@
   color: inherit;
 }
 .check-mark-e-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .check-mark-e-font .b-font:before {
@@ -472,7 +446,6 @@
 }
 /** dashboard组件/控件 下拉列表图标字体 ~end~**/
 .row-pre-page-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .row-pre-page-h-font .b-font:before {
@@ -489,7 +462,6 @@
   color: inherit;
 }
 .row-next-page-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .row-next-page-h-font .b-font:before {
@@ -506,7 +478,6 @@
   color: inherit;
 }
 .column-pre-page-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .column-pre-page-h-font .b-font:before {
@@ -523,7 +494,6 @@
   color: inherit;
 }
 .column-next-page-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .column-next-page-h-font .b-font:before {
@@ -540,7 +510,6 @@
   color: inherit;
 }
 .expander-right-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .expander-right-font .b-font:before {
@@ -552,7 +521,6 @@
   color: inherit;
 }
 .expander-down-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .expander-down-font .b-font:before {
@@ -564,7 +532,6 @@
   color: inherit;
 }
 .solid-triangle-top-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .solid-triangle-top-font .b-font:before {
@@ -581,7 +548,6 @@
   color: inherit;
 }
 .solid-triangle-bottom-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .solid-triangle-bottom-font .b-font:before {
@@ -598,7 +564,6 @@
   color: inherit;
 }
 .trigger-triangle-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .trigger-triangle-font .b-font:before {
@@ -620,7 +585,6 @@
   color: #999999;
 }
 .pull-up-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .pull-up-font .b-font:before {
@@ -632,7 +596,6 @@
   color: inherit;
 }
 .pull-down-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .pull-down-font .b-font:before {
@@ -644,7 +607,6 @@
   color: inherit;
 }
 .pull-down-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .pull-down-h-font .b-font:before {
@@ -661,7 +623,6 @@
   color: #647185;
 }
 .pull-down-ha-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .pull-down-ha-font .b-font:before {
@@ -683,7 +644,6 @@
   color: #647185;
 }
 .check-font .b-font {
-  font-size: 12px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .check-font .b-font:before {
@@ -695,7 +655,6 @@
   color: #3685f2;
 }
 .item-check-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .item-check-font .b-font:before {
@@ -717,7 +676,6 @@
   color: #ffffff;
 }
 .primary-key-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .primary-key-font .b-font:before {
@@ -734,7 +692,6 @@
   color: inherit;
 }
 .drag-tag-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .drag-tag-font .b-font:before {
@@ -746,7 +703,6 @@
   color: #faaa39;
 }
 .less-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .less-font .b-font:before {
@@ -768,7 +724,6 @@
   color: inherit;
 }
 .less-equal-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .less-equal-font .b-font:before {
@@ -790,7 +745,6 @@
   color: inherit;
 }
 .text-bold-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .text-bold-font .b-font:before {
@@ -802,7 +756,6 @@
   color: inherit;
 }
 .text-italic-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .text-italic-font .b-font:before {
@@ -814,7 +767,6 @@
   color: inherit;
 }
 .text-underline-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .text-underline-font .b-font:before {
@@ -826,7 +778,6 @@
   color: inherit;
 }
 .text-color-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .text-color-font .b-font:before {
@@ -838,7 +789,6 @@
   color: inherit;
 }
 .text-background-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .text-background-font .b-font:before {
@@ -850,7 +800,6 @@
   color: inherit;
 }
 .text-color-underline-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .text-color-underline-font .b-font:before {
@@ -862,7 +811,6 @@
   color: inherit;
 }
 .text-align-left-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .text-align-left-font .b-font:before {
@@ -874,7 +822,6 @@
   color: inherit;
 }
 .text-align-center-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .text-align-center-font .b-font:before {
@@ -886,7 +833,6 @@
   color: inherit;
 }
 .text-align-right-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .text-align-right-font .b-font:before {
@@ -898,7 +844,6 @@
   color: inherit;
 }
 .toast-error-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .toast-error-font .b-font:before {
@@ -910,7 +855,6 @@
   color: inherit;
 }
 .toast-success-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .toast-success-font .b-font:before {
@@ -922,7 +866,6 @@
   color: inherit;
 }
 .toast-warning-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .toast-warning-font .b-font:before {
@@ -934,7 +877,6 @@
   color: inherit;
 }
 .toast-message-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .toast-message-font .b-font:before {
@@ -946,7 +888,6 @@
   color: inherit;
 }
 .text-add-tip-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .text-add-tip-font .b-font:before {
@@ -958,7 +899,6 @@
   color: #13cd66;
 }
 .add-up-font .b-font {
-  font-size: 12px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .add-up-font .b-font:before {
@@ -970,7 +910,6 @@
   color: inherit;
 }
 .minus-down-font .b-font {
-  font-size: 12px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .minus-down-font .b-font:before {
diff --git a/src/css/resource/font.css b/src/css/resource/font.css
index 3b39794d25..a7748b619a 100644
--- a/src/css/resource/font.css
+++ b/src/css/resource/font.css
@@ -12,7 +12,6 @@
   -moz-osx-font-smoothing: grayscale;
 }
 .close-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .close-font .b-font:before {
@@ -24,7 +23,6 @@
   color: inherit;
 }
 .close-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .close-h-font .b-font:before {
@@ -41,7 +39,6 @@
   color: inherit;
 }
 .close-ha-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .close-ha-font .b-font:before {
@@ -63,7 +60,6 @@
   color: inherit;
 }
 .circle-close-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .circle-close-font .b-font:before {
@@ -75,7 +71,6 @@
   color: inherit;
 }
 .search-close-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .search-close-h-font .b-font:before {
@@ -92,7 +87,6 @@
   color: inherit;
 }
 .pre-page-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .pre-page-h-font .b-font:before {
@@ -109,7 +103,6 @@
   color: inherit;
 }
 .next-page-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .next-page-h-font .b-font:before {
@@ -126,7 +119,6 @@
   color: inherit;
 }
 .search-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .search-font .b-font:before {
@@ -138,7 +130,6 @@
   color: inherit;
 }
 .date-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .date-font .b-font:before {
@@ -150,7 +141,6 @@
   color: inherit;
 }
 .date-change-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .date-change-h-font .b-font:before {
@@ -167,7 +157,6 @@
   color: inherit;
 }
 .dot-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .dot-font .b-font:before {
@@ -179,7 +168,6 @@
   color: #232e40;
 }
 .dot-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .dot-h-font .b-font:before {
@@ -196,7 +184,6 @@
   color: #232e40;
 }
 .dot-ha-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .dot-ha-font .b-font:before {
@@ -218,7 +205,6 @@
   color: #ffffff;
 }
 .dot-e-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .dot-e-font .b-font:before {
@@ -243,7 +229,6 @@
   color: transparent;
 }
 .pull-right-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .pull-right-font .b-font:before {
@@ -255,7 +240,6 @@
   color: inherit;
 }
 .pull-right-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .pull-right-h-font .b-font:before {
@@ -272,7 +256,6 @@
   color: inherit;
 }
 .pull-right-ha-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .pull-right-ha-font .b-font:before {
@@ -294,7 +277,6 @@
   color: inherit;
 }
 .pull-right-e-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .pull-right-e-font .b-font:before {
@@ -319,7 +301,6 @@
   color: inherit;
 }
 .copy-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .copy-font .b-font:before {
@@ -331,7 +312,6 @@
   color: inherit;
 }
 .copy-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .copy-h-font .b-font:before {
@@ -348,7 +328,6 @@
   color: #232e40;
 }
 .copy-ha-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .copy-ha-font .b-font:before {
@@ -370,7 +349,6 @@
   color: inherit;
 }
 .copy-e-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .copy-e-font .b-font:before {
@@ -395,7 +373,6 @@
   color: inherit;
 }
 .check-mark-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .check-mark-font .b-font:before {
@@ -407,7 +384,6 @@
   color: inherit;
 }
 .check-mark-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .check-mark-h-font .b-font:before {
@@ -424,7 +400,6 @@
   color: inherit;
 }
 .check-mark-ha-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .check-mark-ha-font .b-font:before {
@@ -446,7 +421,6 @@
   color: inherit;
 }
 .check-mark-e-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .check-mark-e-font .b-font:before {
@@ -472,7 +446,6 @@
 }
 /** dashboard组件/控件 下拉列表图标字体 ~end~**/
 .row-pre-page-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .row-pre-page-h-font .b-font:before {
@@ -489,7 +462,6 @@
   color: inherit;
 }
 .row-next-page-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .row-next-page-h-font .b-font:before {
@@ -506,7 +478,6 @@
   color: inherit;
 }
 .column-pre-page-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .column-pre-page-h-font .b-font:before {
@@ -523,7 +494,6 @@
   color: inherit;
 }
 .column-next-page-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .column-next-page-h-font .b-font:before {
@@ -540,7 +510,6 @@
   color: inherit;
 }
 .expander-right-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .expander-right-font .b-font:before {
@@ -552,7 +521,6 @@
   color: inherit;
 }
 .expander-down-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .expander-down-font .b-font:before {
@@ -564,7 +532,6 @@
   color: inherit;
 }
 .solid-triangle-top-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .solid-triangle-top-font .b-font:before {
@@ -581,7 +548,6 @@
   color: inherit;
 }
 .solid-triangle-bottom-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .solid-triangle-bottom-font .b-font:before {
@@ -598,7 +564,6 @@
   color: inherit;
 }
 .trigger-triangle-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .trigger-triangle-font .b-font:before {
@@ -620,7 +585,6 @@
   color: #999999;
 }
 .pull-up-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .pull-up-font .b-font:before {
@@ -632,7 +596,6 @@
   color: inherit;
 }
 .pull-down-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .pull-down-font .b-font:before {
@@ -644,7 +607,6 @@
   color: inherit;
 }
 .pull-down-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .pull-down-h-font .b-font:before {
@@ -661,7 +623,6 @@
   color: #647185;
 }
 .pull-down-ha-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .pull-down-ha-font .b-font:before {
@@ -683,7 +644,6 @@
   color: #647185;
 }
 .check-font .b-font {
-  font-size: 12px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .check-font .b-font:before {
@@ -695,7 +655,6 @@
   color: #3685f2;
 }
 .item-check-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .item-check-font .b-font:before {
@@ -717,7 +676,6 @@
   color: #ffffff;
 }
 .primary-key-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .primary-key-font .b-font:before {
@@ -734,7 +692,6 @@
   color: inherit;
 }
 .drag-tag-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .drag-tag-font .b-font:before {
@@ -746,7 +703,6 @@
   color: #faaa39;
 }
 .less-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .less-font .b-font:before {
@@ -768,7 +724,6 @@
   color: inherit;
 }
 .less-equal-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .less-equal-font .b-font:before {
@@ -790,7 +745,6 @@
   color: inherit;
 }
 .text-bold-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .text-bold-font .b-font:before {
@@ -802,7 +756,6 @@
   color: inherit;
 }
 .text-italic-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .text-italic-font .b-font:before {
@@ -814,7 +767,6 @@
   color: inherit;
 }
 .text-underline-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .text-underline-font .b-font:before {
@@ -826,7 +778,6 @@
   color: inherit;
 }
 .text-color-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .text-color-font .b-font:before {
@@ -838,7 +789,6 @@
   color: inherit;
 }
 .text-background-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .text-background-font .b-font:before {
@@ -850,7 +800,6 @@
   color: inherit;
 }
 .text-color-underline-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .text-color-underline-font .b-font:before {
@@ -862,7 +811,6 @@
   color: inherit;
 }
 .text-align-left-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .text-align-left-font .b-font:before {
@@ -874,7 +822,6 @@
   color: inherit;
 }
 .text-align-center-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .text-align-center-font .b-font:before {
@@ -886,7 +833,6 @@
   color: inherit;
 }
 .text-align-right-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .text-align-right-font .b-font:before {
@@ -898,7 +844,6 @@
   color: inherit;
 }
 .toast-error-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .toast-error-font .b-font:before {
@@ -910,7 +855,6 @@
   color: inherit;
 }
 .toast-success-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .toast-success-font .b-font:before {
@@ -922,7 +866,6 @@
   color: inherit;
 }
 .toast-warning-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .toast-warning-font .b-font:before {
@@ -934,7 +877,6 @@
   color: inherit;
 }
 .toast-message-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .toast-message-font .b-font:before {
@@ -946,7 +888,6 @@
   color: inherit;
 }
 .text-add-tip-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .text-add-tip-font .b-font:before {
@@ -958,7 +899,6 @@
   color: #13cd66;
 }
 .add-up-font .b-font {
-  font-size: 12px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .add-up-font .b-font:before {
@@ -970,7 +910,6 @@
   color: inherit;
 }
 .minus-down-font .b-font {
-  font-size: 12px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .minus-down-font .b-font:before {
diff --git a/src/css/resource/size.css b/src/css/resource/size.css
new file mode 100644
index 0000000000..f08a250bd8
--- /dev/null
+++ b/src/css/resource/size.css
@@ -0,0 +1,15 @@
+.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-50 .b-font {
+  font-size: 50px;
+}
+.icon-size-70 .b-font {
+  font-size: 70px;
+}
diff --git a/src/less/image.less b/src/less/image.less
index 35dba5f3a7..23d3593e9f 100644
--- a/src/less/image.less
+++ b/src/less/image.less
@@ -314,12 +314,19 @@
 @color-bi-font-hover: inherit;
 @color-bi-font-active: #3f8ce8;
 
+.iconSize(@class,@fontSize) {
+  .@{class} {
+    & .b-font {
+      font-size: @fontSize;
+    }
+  }
+}
+
 // 默认font
-.font(@class,@content, @color: @color-bi-font-native, @fontSize: @font-size-16) {
+.font(@class,@content, @color: @color-bi-font-native) {
   @fc: "\@{content}";
   .@{class} {
     & .b-font {
-      font-size: @fontSize;
       *zoom: ~"expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#x@{content};')";
     }
     & .b-font:before {
@@ -334,11 +341,10 @@
 }
 
 // 有悬浮效果的font
-.font-hover(@class,@content,@color-native: @color-bi-font-native, @color-hover: @color-bi-font-hover, @fontSize: @font-size-16) {
+.font-hover(@class,@content,@color-native: @color-bi-font-native, @color-hover: @color-bi-font-hover) {
   @fc: "\@{content}";
   .@{class} {
     & .b-font {
-      font-size: @fontSize;
       *zoom: ~"expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#x@{content};')";
     }
     & .b-font:before {
@@ -358,11 +364,10 @@
 }
 
 // 有默认、激活(选中)的font
-.font-hover-active(@class,@content,@color-native: @color-bi-font-native, @color-hover: @color-bi-font-hover, @color-active: @color-bi-font-active, @fontSize: @font-size-16) {
+.font-hover-active(@class,@content,@color-native: @color-bi-font-native, @color-hover: @color-bi-font-hover, @color-active: @color-bi-font-active) {
   @fc: "\@{content}";
   .@{class} {
     & .b-font {
-      font-size: @fontSize;
       *zoom: ~"expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#x@{content};')";
     }
     & .b-font:before {
@@ -387,11 +392,10 @@
   }
 }
 
-.font-effect(@class,@content,@color-native: @color-bi-font-native, @color-hover: @color-bi-font-hover, @color-active: @color-bi-font-active, @color-selected: @color-bi-font-active, @fontSize: @font-size-16) {
+.font-effect(@class,@content,@color-native: @color-bi-font-native, @color-hover: @color-bi-font-hover, @color-active: @color-bi-font-active, @color-selected: @color-bi-font-active) {
   @fc: "\@{content}";
   .@{class} {
     & .b-font {
-      font-size: @fontSize;
       *zoom: ~"expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '&#x@{content};')";
     }
     & .b-font:before {
diff --git a/src/less/resource/font.less b/src/less/resource/font.less
index 70392b71ea..46e8b1abb2 100644
--- a/src/less/resource/font.less
+++ b/src/less/resource/font.less
@@ -84,7 +84,7 @@
 .font-hover(pull-down-h-font, @font-down-triangle, @color-bi-text-light-gray);
 .font-hover-active(pull-down-ha-font, @font-down-triangle, @color-bi-text-light-gray);
 
-.font(check-font, @font-check-mark, @color-bi-text-highlight, @font-size-12);
+.font(check-font, @font-check-mark, @color-bi-text-highlight);
 
 .font-hover-active(item-check-font, @font-check-mark, @color-bi-text, @color-bi-text-gray, @color-bi-font-active);
 
@@ -115,5 +115,5 @@
 
 .font(text-add-tip-font, @font-add, @color-bi-text-success);
 
-.font(add-up-font, @font-up-triangle, inherit, @font-size-12);
-.font(minus-down-font, @font-down-triangle, inherit, @font-size-12);
\ No newline at end of file
+.font(add-up-font, @font-up-triangle);
+.font(minus-down-font, @font-down-triangle);
\ No newline at end of file
diff --git a/src/less/resource/size.less b/src/less/resource/size.less
new file mode 100644
index 0000000000..6f72ba3bca
--- /dev/null
+++ b/src/less/resource/size.less
@@ -0,0 +1,8 @@
+@import "../lib/constant";
+@import "../image";
+
+.iconSize(icon-size-12, @font-size-12);
+.iconSize(icon-size-16, @font-size-16);
+.iconSize(icon-size-24, @font-size-24);
+.iconSize(icon-size-50, @font-size-50);
+.iconSize(icon-size-70, @font-size-70);
\ No newline at end of file
diff --git a/src/widget/multiselect/check/multiselect.display.js b/src/widget/multiselect/check/multiselect.display.js
index 9b91da3975..337afd59f1 100644
--- a/src/widget/multiselect/check/multiselect.display.js
+++ b/src/widget/multiselect/check/multiselect.display.js
@@ -60,7 +60,7 @@ BI.DisplaySelectedList = BI.inherit(BI.Pane, {
     _createItems: function (items) {
         return BI.createItems(items, {
             type: "bi.icon_text_item",
-            cls: "cursor-default check-font display-list-item bi-tips",
+            cls: "cursor-default check-font icon-size-12 display-list-item bi-tips",
             once: true,
             invalid: true,
             selected: true,
diff --git a/src/widget/multitree/trigger/multi.tree.button.checkselected.js b/src/widget/multitree/trigger/multi.tree.button.checkselected.js
index 4ee85fa20d..4cb5489d79 100644
--- a/src/widget/multitree/trigger/multi.tree.button.checkselected.js
+++ b/src/widget/multitree/trigger/multi.tree.button.checkselected.js
@@ -18,7 +18,7 @@ BI.MultiTreeCheckSelectedButton = BI.inherit(BI.Single, {
         var self = this;
         this.indicator = BI.createWidget({
             type: "bi.icon_button",
-            cls: "check-font trigger-check-selected",
+            cls: "check-font trigger-check-selected icon-size-12",
             width: 15,
             height: 15,
             stopPropagation: true
diff --git a/src/widget/numbereditor/number.editor.js b/src/widget/numbereditor/number.editor.js
index a3b29c801e..8db438a98c 100644
--- a/src/widget/numbereditor/number.editor.js
+++ b/src/widget/numbereditor/number.editor.js
@@ -42,7 +42,7 @@ BI.NumberEditor = BI.inherit(BI.Widget, {
             type: "bi.icon_button",
             forceNotSelected: true,
             trigger: "lclick,",
-            cls: "add-up-font top-button bi-border-left bi-list-item-active3"
+            cls: "add-up-font top-button bi-border-left bi-list-item-active3 icon-size-12"
         });
         this.topBtn.on(BI.IconButton.EVENT_CHANGE, function () {
             self._finetuning(o.step);
@@ -53,7 +53,7 @@ BI.NumberEditor = BI.inherit(BI.Widget, {
             type: "bi.icon_button",
             trigger: "lclick,",
             forceNotSelected: true,
-            cls: "minus-down-font bottom-button bi-border-left bi-list-item-active3"
+            cls: "minus-down-font bottom-button bi-border-left bi-list-item-active3 icon-size-12"
         });
         this.bottomBtn.on(BI.IconButton.EVENT_CHANGE, function () {
             self._finetuning(-o.step);
diff --git a/src/widget/selecttree/nodes/node.first.plus.js b/src/widget/selecttree/nodes/node.first.plus.js
index 20bf07a07f..f975ea00e6 100644
--- a/src/widget/selecttree/nodes/node.first.plus.js
+++ b/src/widget/selecttree/nodes/node.first.plus.js
@@ -35,6 +35,7 @@ BI.SelectTreeFirstPlusGroupNode = BI.inherit(BI.NodeButton, {
             hgap: o.hgap,
             text: o.text,
             value: o.value,
+            keyword: o.keyword,
             py: o.py
         });
         this.checkbox.on(BI.Controller.EVENT_CHANGE, function (type) {
diff --git a/src/widget/selecttree/nodes/node.last.plus.js b/src/widget/selecttree/nodes/node.last.plus.js
index ec41ed6f5e..0cab47f4bf 100644
--- a/src/widget/selecttree/nodes/node.last.plus.js
+++ b/src/widget/selecttree/nodes/node.last.plus.js
@@ -35,6 +35,7 @@ BI.SelectTreeLastPlusGroupNode = BI.inherit(BI.NodeButton, {
             hgap: o.hgap,
             text: o.text,
             value: o.value,
+            keyword: o.keyword,
             py: o.py
         });
         this.checkbox.on(BI.Controller.EVENT_CHANGE, function (type) {
diff --git a/src/widget/selecttree/nodes/node.mid.plus.js b/src/widget/selecttree/nodes/node.mid.plus.js
index ab4bdfa641..b2ec407d01 100644
--- a/src/widget/selecttree/nodes/node.mid.plus.js
+++ b/src/widget/selecttree/nodes/node.mid.plus.js
@@ -35,6 +35,7 @@ BI.SelectTreeMidPlusGroupNode = BI.inherit(BI.NodeButton, {
             hgap: o.hgap,
             text: o.text,
             value: o.value,
+            keyword: o.keyword,
             py: o.py
         });
         this.checkbox.on(BI.Controller.EVENT_CHANGE, function (type) {
diff --git a/ui/css/font.css b/ui/css/font.css
index fd1b6b5d50..75748a60ea 100644
--- a/ui/css/font.css
+++ b/ui/css/font.css
@@ -12,7 +12,6 @@
   -moz-osx-font-smoothing: grayscale;
 }
 .close-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .close-font .b-font:before {
@@ -24,7 +23,6 @@
   color: inherit;
 }
 .close-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .close-h-font .b-font:before {
@@ -41,7 +39,6 @@
   color: inherit;
 }
 .close-ha-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .close-ha-font .b-font:before {
@@ -63,7 +60,6 @@
   color: inherit;
 }
 .circle-close-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .circle-close-font .b-font:before {
@@ -75,7 +71,6 @@
   color: inherit;
 }
 .search-close-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .search-close-h-font .b-font:before {
@@ -92,7 +87,6 @@
   color: inherit;
 }
 .pre-page-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .pre-page-h-font .b-font:before {
@@ -109,7 +103,6 @@
   color: inherit;
 }
 .next-page-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .next-page-h-font .b-font:before {
@@ -126,7 +119,6 @@
   color: inherit;
 }
 .search-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .search-font .b-font:before {
@@ -138,7 +130,6 @@
   color: inherit;
 }
 .date-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .date-font .b-font:before {
@@ -150,7 +141,6 @@
   color: inherit;
 }
 .date-change-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .date-change-h-font .b-font:before {
@@ -167,7 +157,6 @@
   color: inherit;
 }
 .dot-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .dot-font .b-font:before {
@@ -179,7 +168,6 @@
   color: #232e40;
 }
 .dot-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .dot-h-font .b-font:before {
@@ -196,7 +184,6 @@
   color: #232e40;
 }
 .dot-ha-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .dot-ha-font .b-font:before {
@@ -218,7 +205,6 @@
   color: #ffffff;
 }
 .dot-e-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .dot-e-font .b-font:before {
@@ -243,7 +229,6 @@
   color: transparent;
 }
 .pull-right-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .pull-right-font .b-font:before {
@@ -255,7 +240,6 @@
   color: inherit;
 }
 .pull-right-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .pull-right-h-font .b-font:before {
@@ -272,7 +256,6 @@
   color: inherit;
 }
 .pull-right-ha-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .pull-right-ha-font .b-font:before {
@@ -294,7 +277,6 @@
   color: inherit;
 }
 .pull-right-e-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .pull-right-e-font .b-font:before {
@@ -319,7 +301,6 @@
   color: inherit;
 }
 .copy-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .copy-font .b-font:before {
@@ -331,7 +312,6 @@
   color: inherit;
 }
 .copy-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .copy-h-font .b-font:before {
@@ -348,7 +328,6 @@
   color: #232e40;
 }
 .copy-ha-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .copy-ha-font .b-font:before {
@@ -370,7 +349,6 @@
   color: inherit;
 }
 .copy-e-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .copy-e-font .b-font:before {
@@ -395,7 +373,6 @@
   color: inherit;
 }
 .check-mark-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .check-mark-font .b-font:before {
@@ -407,7 +384,6 @@
   color: inherit;
 }
 .check-mark-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .check-mark-h-font .b-font:before {
@@ -424,7 +400,6 @@
   color: inherit;
 }
 .check-mark-ha-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .check-mark-ha-font .b-font:before {
@@ -446,7 +421,6 @@
   color: inherit;
 }
 .check-mark-e-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .check-mark-e-font .b-font:before {
@@ -472,7 +446,6 @@
 }
 /** dashboard组件/控件 下拉列表图标字体 ~end~**/
 .row-pre-page-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .row-pre-page-h-font .b-font:before {
@@ -489,7 +462,6 @@
   color: inherit;
 }
 .row-next-page-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .row-next-page-h-font .b-font:before {
@@ -506,7 +478,6 @@
   color: inherit;
 }
 .column-pre-page-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .column-pre-page-h-font .b-font:before {
@@ -523,7 +494,6 @@
   color: inherit;
 }
 .column-next-page-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .column-next-page-h-font .b-font:before {
@@ -540,7 +510,6 @@
   color: inherit;
 }
 .expander-right-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .expander-right-font .b-font:before {
@@ -552,7 +521,6 @@
   color: inherit;
 }
 .expander-down-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .expander-down-font .b-font:before {
@@ -564,7 +532,6 @@
   color: inherit;
 }
 .solid-triangle-top-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .solid-triangle-top-font .b-font:before {
@@ -581,7 +548,6 @@
   color: inherit;
 }
 .solid-triangle-bottom-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .solid-triangle-bottom-font .b-font:before {
@@ -598,7 +564,6 @@
   color: inherit;
 }
 .trigger-triangle-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .trigger-triangle-font .b-font:before {
@@ -620,7 +585,6 @@
   color: #999999;
 }
 .pull-up-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .pull-up-font .b-font:before {
@@ -632,7 +596,6 @@
   color: inherit;
 }
 .pull-down-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .pull-down-font .b-font:before {
@@ -644,7 +607,6 @@
   color: inherit;
 }
 .pull-down-h-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .pull-down-h-font .b-font:before {
@@ -661,7 +623,6 @@
   color: #647185;
 }
 .pull-down-ha-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .pull-down-ha-font .b-font:before {
@@ -683,7 +644,6 @@
   color: #647185;
 }
 .check-font .b-font {
-  font-size: 12px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .check-font .b-font:before {
@@ -695,7 +655,6 @@
   color: #3685f2;
 }
 .item-check-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .item-check-font .b-font:before {
@@ -717,7 +676,6 @@
   color: #ffffff;
 }
 .primary-key-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .primary-key-font .b-font:before {
@@ -734,7 +692,6 @@
   color: inherit;
 }
 .drag-tag-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .drag-tag-font .b-font:before {
@@ -746,7 +703,6 @@
   color: #faaa39;
 }
 .less-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .less-font .b-font:before {
@@ -768,7 +724,6 @@
   color: inherit;
 }
 .less-equal-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .less-equal-font .b-font:before {
@@ -790,7 +745,6 @@
   color: inherit;
 }
 .text-bold-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .text-bold-font .b-font:before {
@@ -802,7 +756,6 @@
   color: inherit;
 }
 .text-italic-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .text-italic-font .b-font:before {
@@ -814,7 +767,6 @@
   color: inherit;
 }
 .text-underline-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .text-underline-font .b-font:before {
@@ -826,7 +778,6 @@
   color: inherit;
 }
 .text-color-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .text-color-font .b-font:before {
@@ -838,7 +789,6 @@
   color: inherit;
 }
 .text-background-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .text-background-font .b-font:before {
@@ -850,7 +800,6 @@
   color: inherit;
 }
 .text-color-underline-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .text-color-underline-font .b-font:before {
@@ -862,7 +811,6 @@
   color: inherit;
 }
 .text-align-left-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .text-align-left-font .b-font:before {
@@ -874,7 +822,6 @@
   color: inherit;
 }
 .text-align-center-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .text-align-center-font .b-font:before {
@@ -886,7 +833,6 @@
   color: inherit;
 }
 .text-align-right-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .text-align-right-font .b-font:before {
@@ -898,7 +844,6 @@
   color: inherit;
 }
 .toast-error-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .toast-error-font .b-font:before {
@@ -910,7 +855,6 @@
   color: inherit;
 }
 .toast-success-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .toast-success-font .b-font:before {
@@ -922,7 +866,6 @@
   color: inherit;
 }
 .toast-warning-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .toast-warning-font .b-font:before {
@@ -934,7 +877,6 @@
   color: inherit;
 }
 .toast-message-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .toast-message-font .b-font:before {
@@ -946,7 +888,6 @@
   color: inherit;
 }
 .text-add-tip-font .b-font {
-  font-size: 16px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .text-add-tip-font .b-font:before {
@@ -958,7 +899,6 @@
   color: #13cd66;
 }
 .add-up-font .b-font {
-  font-size: 12px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .add-up-font .b-font:before {
@@ -970,7 +910,6 @@
   color: inherit;
 }
 .minus-down-font .b-font {
-  font-size: 12px;
   *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .minus-down-font .b-font:before {