From 4aa19c719ad110485246a60782cbf072bd44d164 Mon Sep 17 00:00:00 2001
From: guy <guy@finereport.com>
Date: Tue, 7 Nov 2017 21:32:19 +0800
Subject: [PATCH] update

---
 src/css/resource/font.css |  79 ------
 src/css/resource/icon.css | 530 ++++----------------------------------
 src/less/image.less       | 190 +++++++++++---
 3 files changed, 208 insertions(+), 591 deletions(-)

diff --git a/src/css/resource/font.css b/src/css/resource/font.css
index fb800e07b..f103400e5 100644
--- a/src/css/resource/font.css
+++ b/src/css/resource/font.css
@@ -22,7 +22,6 @@
   content: "\e600";
   color: inherit;
 }
-.close-font.native .b-font:before,
 .close-font.disabled .b-font:before {
   content: "\e600";
   color: inherit;
@@ -35,12 +34,10 @@
   color: inherit;
 }
 .close-h-font:hover .b-font:before,
-.close-h-font:focus .b-font:before,
 .close-h-font.hover .b-font:before {
   content: "\e600";
   color: inherit;
 }
-.close-h-font.native .b-font:before,
 .close-h-font.disabled .b-font:before {
   content: "\e600";
   color: inherit;
@@ -53,7 +50,6 @@
   color: inherit;
 }
 .close-ha-font:hover .b-font:before,
-.close-ha-font:focus .b-font:before,
 .close-ha-font.hover .b-font:before {
   content: "\e600";
   color: inherit;
@@ -63,7 +59,6 @@
   content: "\e600";
   color: #3f8ce8;
 }
-.close-ha-font.native .b-font:before,
 .close-ha-font.disabled .b-font:before {
   content: "\e600";
   color: inherit;
@@ -76,12 +71,10 @@
   color: inherit;
 }
 .search-close-h-font:hover .b-font:before,
-.search-close-h-font:focus .b-font:before,
 .search-close-h-font.hover .b-font:before {
   content: "\e600";
   color: #e85050;
 }
-.search-close-h-font.native .b-font:before,
 .search-close-h-font.disabled .b-font:before {
   content: "\e600";
   color: inherit;
@@ -94,12 +87,10 @@
   color: inherit;
 }
 .pre-page-h-font:hover .b-font:before,
-.pre-page-h-font:focus .b-font:before,
 .pre-page-h-font.hover .b-font:before {
   content: "\e601";
   color: inherit;
 }
-.pre-page-h-font.native .b-font:before,
 .pre-page-h-font.disabled .b-font:before {
   content: "\e601";
   color: inherit;
@@ -112,12 +103,10 @@
   color: inherit;
 }
 .next-page-h-font:hover .b-font:before,
-.next-page-h-font:focus .b-font:before,
 .next-page-h-font.hover .b-font:before {
   content: "\e602";
   color: inherit;
 }
-.next-page-h-font.native .b-font:before,
 .next-page-h-font.disabled .b-font:before {
   content: "\e602";
   color: inherit;
@@ -129,7 +118,6 @@
   content: "\e604";
   color: inherit;
 }
-.search-font.native .b-font:before,
 .search-font.disabled .b-font:before {
   content: "\e604";
   color: inherit;
@@ -141,7 +129,6 @@
   content: "\e61b";
   color: inherit;
 }
-.date-font.native .b-font:before,
 .date-font.disabled .b-font:before {
   content: "\e61b";
   color: inherit;
@@ -154,12 +141,10 @@
   color: inherit;
 }
 .date-change-h-font:hover .b-font:before,
-.date-change-h-font:focus .b-font:before,
 .date-change-h-font.hover .b-font:before {
   content: "\e660";
   color: inherit;
 }
-.date-change-h-font.native .b-font:before,
 .date-change-h-font.disabled .b-font:before {
   content: "\e660";
   color: inherit;
@@ -171,7 +156,6 @@
   content: "\e606";
   color: #1a1a1a;
 }
-.dot-font.native .b-font:before,
 .dot-font.disabled .b-font:before {
   content: "\e606";
   color: #1a1a1a;
@@ -184,12 +168,10 @@
   color: #1a1a1a;
 }
 .dot-h-font:hover .b-font:before,
-.dot-h-font:focus .b-font:before,
 .dot-h-font.hover .b-font:before {
   content: "\e606";
   color: inherit;
 }
-.dot-h-font.native .b-font:before,
 .dot-h-font.disabled .b-font:before {
   content: "\e606";
   color: #1a1a1a;
@@ -202,7 +184,6 @@
   color: #ffffff;
 }
 .dot-ha-font:hover .b-font:before,
-.dot-ha-font:focus .b-font:before,
 .dot-ha-font.hover .b-font:before {
   content: "\e606";
   color: #999999;
@@ -212,7 +193,6 @@
   content: "\e606";
   color: #1a1a1a;
 }
-.dot-ha-font.native .b-font:before,
 .dot-ha-font.disabled .b-font:before {
   content: "\e606";
   color: #ffffff;
@@ -225,7 +205,6 @@
   color: #ffffff;
 }
 .dot-e-font:hover .b-font:before,
-.dot-e-font:focus .b-font:before,
 .dot-e-font.hover .b-font:before {
   content: "\e606";
   color: #999999;
@@ -238,7 +217,6 @@
   content: "\e606";
   color: #3f8ce8;
 }
-.dot-e-font.native .b-font:before,
 .dot-e-font.disabled .b-font:before {
   content: "\e606";
   color: #ffffff;
@@ -250,7 +228,6 @@
   content: "\e607";
   color: inherit;
 }
-.pull-right-font.native .b-font:before,
 .pull-right-font.disabled .b-font:before {
   content: "\e607";
   color: inherit;
@@ -263,12 +240,10 @@
   color: inherit;
 }
 .pull-right-h-font:hover .b-font:before,
-.pull-right-h-font:focus .b-font:before,
 .pull-right-h-font.hover .b-font:before {
   content: "\e607";
   color: inherit;
 }
-.pull-right-h-font.native .b-font:before,
 .pull-right-h-font.disabled .b-font:before {
   content: "\e607";
   color: inherit;
@@ -281,7 +256,6 @@
   color: inherit;
 }
 .pull-right-ha-font:hover .b-font:before,
-.pull-right-ha-font:focus .b-font:before,
 .pull-right-ha-font.hover .b-font:before {
   content: "\e607";
   color: inherit;
@@ -291,7 +265,6 @@
   content: "\e607";
   color: #3f8ce8;
 }
-.pull-right-ha-font.native .b-font:before,
 .pull-right-ha-font.disabled .b-font:before {
   content: "\e607";
   color: inherit;
@@ -304,7 +277,6 @@
   color: inherit;
 }
 .pull-right-e-font:hover .b-font:before,
-.pull-right-e-font:focus .b-font:before,
 .pull-right-e-font.hover .b-font:before {
   content: "\e607";
   color: inherit;
@@ -317,7 +289,6 @@
   content: "\e607";
   color: #3f8ce8;
 }
-.pull-right-e-font.native .b-font:before,
 .pull-right-e-font.disabled .b-font:before {
   content: "\e607";
   color: inherit;
@@ -329,7 +300,6 @@
   content: "\e610";
   color: inherit;
 }
-.copy-font.native .b-font:before,
 .copy-font.disabled .b-font:before {
   content: "\e610";
   color: inherit;
@@ -342,12 +312,10 @@
   color: #1a1a1a;
 }
 .copy-h-font:hover .b-font:before,
-.copy-h-font:focus .b-font:before,
 .copy-h-font.hover .b-font:before {
   content: "\e610";
   color: inherit;
 }
-.copy-h-font.native .b-font:before,
 .copy-h-font.disabled .b-font:before {
   content: "\e610";
   color: #1a1a1a;
@@ -360,7 +328,6 @@
   color: inherit;
 }
 .copy-ha-font:hover .b-font:before,
-.copy-ha-font:focus .b-font:before,
 .copy-ha-font.hover .b-font:before {
   content: "\e610";
   color: inherit;
@@ -370,7 +337,6 @@
   content: "\e610";
   color: #3f8ce8;
 }
-.copy-ha-font.native .b-font:before,
 .copy-ha-font.disabled .b-font:before {
   content: "\e610";
   color: inherit;
@@ -383,7 +349,6 @@
   color: inherit;
 }
 .copy-e-font:hover .b-font:before,
-.copy-e-font:focus .b-font:before,
 .copy-e-font.hover .b-font:before {
   content: "\e610";
   color: inherit;
@@ -396,7 +361,6 @@
   content: "\e610";
   color: #3f8ce8;
 }
-.copy-e-font.native .b-font:before,
 .copy-e-font.disabled .b-font:before {
   content: "\e610";
   color: inherit;
@@ -408,7 +372,6 @@
   content: "\e611";
   color: inherit;
 }
-.check-mark-font.native .b-font:before,
 .check-mark-font.disabled .b-font:before {
   content: "\e611";
   color: inherit;
@@ -421,12 +384,10 @@
   color: inherit;
 }
 .check-mark-h-font:hover .b-font:before,
-.check-mark-h-font:focus .b-font:before,
 .check-mark-h-font.hover .b-font:before {
   content: "\e611";
   color: inherit;
 }
-.check-mark-h-font.native .b-font:before,
 .check-mark-h-font.disabled .b-font:before {
   content: "\e611";
   color: inherit;
@@ -439,7 +400,6 @@
   color: inherit;
 }
 .check-mark-ha-font:hover .b-font:before,
-.check-mark-ha-font:focus .b-font:before,
 .check-mark-ha-font.hover .b-font:before {
   content: "\e611";
   color: inherit;
@@ -449,7 +409,6 @@
   content: "\e611";
   color: #3f8ce8;
 }
-.check-mark-ha-font.native .b-font:before,
 .check-mark-ha-font.disabled .b-font:before {
   content: "\e611";
   color: inherit;
@@ -462,7 +421,6 @@
   color: inherit;
 }
 .check-mark-e-font:hover .b-font:before,
-.check-mark-e-font:focus .b-font:before,
 .check-mark-e-font.hover .b-font:before {
   content: "\e611";
   color: inherit;
@@ -475,7 +433,6 @@
   content: "\e611";
   color: #3f8ce8;
 }
-.check-mark-e-font.native .b-font:before,
 .check-mark-e-font.disabled .b-font:before {
   content: "\e611";
   color: inherit;
@@ -488,7 +445,6 @@
   content: "\e608";
   color: inherit;
 }
-.tree-node-triangle-expand-font.native .b-font:before,
 .tree-node-triangle-expand-font.disabled .b-font:before {
   content: "\e608";
   color: inherit;
@@ -500,7 +456,6 @@
   content: "\e607";
   color: inherit;
 }
-.tree-node-triangle-collapse-font.native .b-font:before,
 .tree-node-triangle-collapse-font.disabled .b-font:before {
   content: "\e607";
   color: inherit;
@@ -513,12 +468,10 @@
   color: inherit;
 }
 .row-pre-page-h-font:hover .b-font:before,
-.row-pre-page-h-font:focus .b-font:before,
 .row-pre-page-h-font.hover .b-font:before {
   content: "\e6be";
   color: inherit;
 }
-.row-pre-page-h-font.native .b-font:before,
 .row-pre-page-h-font.disabled .b-font:before {
   content: "\e6be";
   color: inherit;
@@ -531,12 +484,10 @@
   color: inherit;
 }
 .row-next-page-h-font:hover .b-font:before,
-.row-next-page-h-font:focus .b-font:before,
 .row-next-page-h-font.hover .b-font:before {
   content: "\e6bd";
   color: inherit;
 }
-.row-next-page-h-font.native .b-font:before,
 .row-next-page-h-font.disabled .b-font:before {
   content: "\e6bd";
   color: inherit;
@@ -549,12 +500,10 @@
   color: inherit;
 }
 .column-pre-page-h-font:hover .b-font:before,
-.column-pre-page-h-font:focus .b-font:before,
 .column-pre-page-h-font.hover .b-font:before {
   content: "\e6bc";
   color: inherit;
 }
-.column-pre-page-h-font.native .b-font:before,
 .column-pre-page-h-font.disabled .b-font:before {
   content: "\e6bc";
   color: inherit;
@@ -567,12 +516,10 @@
   color: inherit;
 }
 .column-next-page-h-font:hover .b-font:before,
-.column-next-page-h-font:focus .b-font:before,
 .column-next-page-h-font.hover .b-font:before {
   content: "\e6bb";
   color: inherit;
 }
-.column-next-page-h-font.native .b-font:before,
 .column-next-page-h-font.disabled .b-font:before {
   content: "\e6bb";
   color: inherit;
@@ -585,7 +532,6 @@
   color: #999999;
 }
 .trigger-triangle-font:hover .b-font:before,
-.trigger-triangle-font:focus .b-font:before,
 .trigger-triangle-font.hover .b-font:before {
   content: "\e66a";
   color: #999999;
@@ -595,7 +541,6 @@
   content: "\e66a";
   color: #3f8ce8;
 }
-.trigger-triangle-font.native .b-font:before,
 .trigger-triangle-font.disabled .b-font:before {
   content: "\e66a";
   color: #999999;
@@ -607,7 +552,6 @@
   content: "\e608";
   color: inherit;
 }
-.pull-down-font.native .b-font:before,
 .pull-down-font.disabled .b-font:before {
   content: "\e608";
   color: inherit;
@@ -620,12 +564,10 @@
   color: inherit;
 }
 .pull-down-h-font:hover .b-font:before,
-.pull-down-h-font:focus .b-font:before,
 .pull-down-h-font.hover .b-font:before {
   content: "\e608";
   color: inherit;
 }
-.pull-down-h-font.native .b-font:before,
 .pull-down-h-font.disabled .b-font:before {
   content: "\e608";
   color: inherit;
@@ -638,7 +580,6 @@
   color: inherit;
 }
 .pull-down-ha-font:hover .b-font:before,
-.pull-down-ha-font:focus .b-font:before,
 .pull-down-ha-font.hover .b-font:before {
   content: "\e608";
   color: inherit;
@@ -648,7 +589,6 @@
   content: "\e608";
   color: #3f8ce8;
 }
-.pull-down-ha-font.native .b-font:before,
 .pull-down-ha-font.disabled .b-font:before {
   content: "\e608";
   color: inherit;
@@ -660,7 +600,6 @@
   content: "\e611";
   color: #3f8ce8;
 }
-.check-font.native .b-font:before,
 .check-font.disabled .b-font:before {
   content: "\e611";
   color: #3f8ce8;
@@ -673,7 +612,6 @@
   color: #ffffff;
 }
 .item-check-font:hover .b-font:before,
-.item-check-font:focus .b-font:before,
 .item-check-font.hover .b-font:before {
   content: "\e611";
   color: #999999;
@@ -683,7 +621,6 @@
   content: "\e611";
   color: #3f8ce8;
 }
-.item-check-font.native .b-font:before,
 .item-check-font.disabled .b-font:before {
   content: "\e611";
   color: #ffffff;
@@ -696,12 +633,10 @@
   color: inherit;
 }
 .primary-key-font:hover .b-font:before,
-.primary-key-font:focus .b-font:before,
 .primary-key-font.hover .b-font:before {
   content: "\e67d;";
   color: inherit;
 }
-.primary-key-font.native .b-font:before,
 .primary-key-font.disabled .b-font:before {
   content: "\e67d;";
   color: inherit;
@@ -713,7 +648,6 @@
   content: "\e600";
   color: #f07d0a;
 }
-.drag-tag-font.native .b-font:before,
 .drag-tag-font.disabled .b-font:before {
   content: "\e600";
   color: #f07d0a;
@@ -726,7 +660,6 @@
   color: inherit;
 }
 .less-font:hover .b-font:before,
-.less-font:focus .b-font:before,
 .less-font.hover .b-font:before {
   content: "\e633";
   color: inherit;
@@ -736,7 +669,6 @@
   content: "\e633";
   color: #3f8ce8;
 }
-.less-font.native .b-font:before,
 .less-font.disabled .b-font:before {
   content: "\e633";
   color: inherit;
@@ -749,7 +681,6 @@
   color: inherit;
 }
 .less-equal-font:hover .b-font:before,
-.less-equal-font:focus .b-font:before,
 .less-equal-font.hover .b-font:before {
   content: "\e636";
   color: inherit;
@@ -759,7 +690,6 @@
   content: "\e636";
   color: #3f8ce8;
 }
-.less-equal-font.native .b-font:before,
 .less-equal-font.disabled .b-font:before {
   content: "\e636";
   color: inherit;
@@ -771,7 +701,6 @@
   content: "\e64d";
   color: inherit;
 }
-.text-bold-font.native .b-font:before,
 .text-bold-font.disabled .b-font:before {
   content: "\e64d";
   color: inherit;
@@ -783,7 +712,6 @@
   content: "\e656";
   color: inherit;
 }
-.text-italic-font.native .b-font:before,
 .text-italic-font.disabled .b-font:before {
   content: "\e656";
   color: inherit;
@@ -795,7 +723,6 @@
   content: "\e650";
   color: inherit;
 }
-.text-underline-font.native .b-font:before,
 .text-underline-font.disabled .b-font:before {
   content: "\e650";
   color: inherit;
@@ -807,7 +734,6 @@
   content: "\e69c";
   color: inherit;
 }
-.text-color-font.native .b-font:before,
 .text-color-font.disabled .b-font:before {
   content: "\e69c";
   color: inherit;
@@ -819,7 +745,6 @@
   content: "\e696";
   color: inherit;
 }
-.text-background-font.native .b-font:before,
 .text-background-font.disabled .b-font:before {
   content: "\e696";
   color: inherit;
@@ -831,7 +756,6 @@
   content: "\e69d";
   color: inherit;
 }
-.text-color-underline-font.native .b-font:before,
 .text-color-underline-font.disabled .b-font:before {
   content: "\e69d";
   color: inherit;
@@ -843,7 +767,6 @@
   content: "\e654";
   color: inherit;
 }
-.text-align-left-font.native .b-font:before,
 .text-align-left-font.disabled .b-font:before {
   content: "\e654";
   color: inherit;
@@ -855,7 +778,6 @@
   content: "\e64f";
   color: inherit;
 }
-.text-align-center-font.native .b-font:before,
 .text-align-center-font.disabled .b-font:before {
   content: "\e64f";
   color: inherit;
@@ -867,7 +789,6 @@
   content: "\e651";
   color: inherit;
 }
-.text-align-right-font.native .b-font:before,
 .text-align-right-font.disabled .b-font:before {
   content: "\e651";
   color: inherit;
diff --git a/src/css/resource/icon.css b/src/css/resource/icon.css
index 6f13861fc..9a19eb14f 100644
--- a/src/css/resource/icon.css
+++ b/src/css/resource/icon.css
@@ -1,659 +1,263 @@
-.tree-collapse-icon-type1 .x-icon,
-.tree-collapse-icon-type1:hover .x-icon,
-.tree-collapse-icon-type1:active .x-icon {
+.tree-collapse-icon-type1 .x-icon {
   display: block;
   background: url('images/2x/icon/tree-collapse-1.png') no-repeat 0px 0px;
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-collapse-1.png');
   background-size: contain;
   _background: none;
 }
-.tree-collapse-icon-type1 .x-icon.hack,
-.tree-collapse-icon-type1:hover .x-icon.hack,
-.tree-collapse-icon-type1:active .x-icon.hack {
+.tree-collapse-icon-type1 .x-icon.hack {
   background: url('images/1x/icon/tree-collapse-1.png') no-repeat 0px 0px;
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-collapse-1.png');
   _background: none;
 }
-.tree-collapse-icon-type1.native .x-icon,
-.tree-collapse-icon-type1.disabled .x-icon {
-  display: block;
-  background: url('images/2x/icon/tree-collapse-1.png') no-repeat 0px 0px;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-collapse-1.png');
-  background-size: contain;
-  _background: none;
-}
-.tree-collapse-icon-type1.native .x-icon.hack,
-.tree-collapse-icon-type1.disabled .x-icon.hack {
-  background: url('images/1x/icon/tree-collapse-1.png') no-repeat 0px 0px;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-collapse-1.png');
-  _background: none;
-}
-.tree-collapse-icon-type2 .x-icon,
-.tree-collapse-icon-type2:hover .x-icon,
-.tree-collapse-icon-type2:active .x-icon {
-  display: block;
-  background: url('images/2x/icon/tree-collapse-2.png') no-repeat 0px 0px;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-collapse-2.png');
-  background-size: contain;
-  _background: none;
-}
-.tree-collapse-icon-type2 .x-icon.hack,
-.tree-collapse-icon-type2:hover .x-icon.hack,
-.tree-collapse-icon-type2:active .x-icon.hack {
-  background: url('images/1x/icon/tree-collapse-2.png') no-repeat 0px 0px;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-collapse-2.png');
-  _background: none;
-}
-.tree-collapse-icon-type2.native .x-icon,
-.tree-collapse-icon-type2.disabled .x-icon {
+.tree-collapse-icon-type2 .x-icon {
   display: block;
   background: url('images/2x/icon/tree-collapse-2.png') no-repeat 0px 0px;
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-collapse-2.png');
   background-size: contain;
   _background: none;
 }
-.tree-collapse-icon-type2.native .x-icon.hack,
-.tree-collapse-icon-type2.disabled .x-icon.hack {
+.tree-collapse-icon-type2 .x-icon.hack {
   background: url('images/1x/icon/tree-collapse-2.png') no-repeat 0px 0px;
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-collapse-2.png');
   _background: none;
 }
-.tree-collapse-icon-type3 .x-icon,
-.tree-collapse-icon-type3:hover .x-icon,
-.tree-collapse-icon-type3:active .x-icon {
-  display: block;
-  background: url('images/2x/icon/tree-collapse-3.png') no-repeat 0px 0px;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-collapse-3.png');
-  background-size: contain;
-  _background: none;
-}
-.tree-collapse-icon-type3 .x-icon.hack,
-.tree-collapse-icon-type3:hover .x-icon.hack,
-.tree-collapse-icon-type3:active .x-icon.hack {
-  background: url('images/1x/icon/tree-collapse-3.png') no-repeat 0px 0px;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-collapse-3.png');
-  _background: none;
-}
-.tree-collapse-icon-type3.native .x-icon,
-.tree-collapse-icon-type3.disabled .x-icon {
+.tree-collapse-icon-type3 .x-icon {
   display: block;
   background: url('images/2x/icon/tree-collapse-3.png') no-repeat 0px 0px;
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-collapse-3.png');
   background-size: contain;
   _background: none;
 }
-.tree-collapse-icon-type3.native .x-icon.hack,
-.tree-collapse-icon-type3.disabled .x-icon.hack {
+.tree-collapse-icon-type3 .x-icon.hack {
   background: url('images/1x/icon/tree-collapse-3.png') no-repeat 0px 0px;
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-collapse-3.png');
   _background: none;
 }
-.tree-collapse-icon-type4 .x-icon,
-.tree-collapse-icon-type4:hover .x-icon,
-.tree-collapse-icon-type4:active .x-icon {
+.tree-collapse-icon-type4 .x-icon {
   display: block;
   background: url('images/2x/icon/tree-collapse-4.png') no-repeat 0px 0px;
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-collapse-4.png');
   background-size: contain;
   _background: none;
 }
-.tree-collapse-icon-type4 .x-icon.hack,
-.tree-collapse-icon-type4:hover .x-icon.hack,
-.tree-collapse-icon-type4:active .x-icon.hack {
+.tree-collapse-icon-type4 .x-icon.hack {
   background: url('images/1x/icon/tree-collapse-4.png') no-repeat 0px 0px;
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-collapse-4.png');
   _background: none;
 }
-.tree-collapse-icon-type4.native .x-icon,
-.tree-collapse-icon-type4.disabled .x-icon {
-  display: block;
-  background: url('images/2x/icon/tree-collapse-4.png') no-repeat 0px 0px;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-collapse-4.png');
-  background-size: contain;
-  _background: none;
-}
-.tree-collapse-icon-type4.native .x-icon.hack,
-.tree-collapse-icon-type4.disabled .x-icon.hack {
-  background: url('images/1x/icon/tree-collapse-4.png') no-repeat 0px 0px;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-collapse-4.png');
-  _background: none;
-}
-.tree-expand-icon-type1 .x-icon,
-.tree-expand-icon-type1:hover .x-icon,
-.tree-expand-icon-type1:active .x-icon {
-  display: block;
-  background: url('images/2x/icon/tree-expand-1.png') no-repeat 0px 0px;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-expand-1.png');
-  background-size: contain;
-  _background: none;
-}
-.tree-expand-icon-type1 .x-icon.hack,
-.tree-expand-icon-type1:hover .x-icon.hack,
-.tree-expand-icon-type1:active .x-icon.hack {
-  background: url('images/1x/icon/tree-expand-1.png') no-repeat 0px 0px;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-expand-1.png');
-  _background: none;
-}
-.tree-expand-icon-type1.native .x-icon,
-.tree-expand-icon-type1.disabled .x-icon {
+.tree-expand-icon-type1 .x-icon {
   display: block;
   background: url('images/2x/icon/tree-expand-1.png') no-repeat 0px 0px;
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-expand-1.png');
   background-size: contain;
   _background: none;
 }
-.tree-expand-icon-type1.native .x-icon.hack,
-.tree-expand-icon-type1.disabled .x-icon.hack {
+.tree-expand-icon-type1 .x-icon.hack {
   background: url('images/1x/icon/tree-expand-1.png') no-repeat 0px 0px;
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-expand-1.png');
   _background: none;
 }
-.tree-expand-icon-type2 .x-icon,
-.tree-expand-icon-type2:hover .x-icon,
-.tree-expand-icon-type2:active .x-icon {
-  display: block;
-  background: url('images/2x/icon/tree-expand-2.png') no-repeat 0px 0px;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-expand-2.png');
-  background-size: contain;
-  _background: none;
-}
-.tree-expand-icon-type2 .x-icon.hack,
-.tree-expand-icon-type2:hover .x-icon.hack,
-.tree-expand-icon-type2:active .x-icon.hack {
-  background: url('images/1x/icon/tree-expand-2.png') no-repeat 0px 0px;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-expand-2.png');
-  _background: none;
-}
-.tree-expand-icon-type2.native .x-icon,
-.tree-expand-icon-type2.disabled .x-icon {
+.tree-expand-icon-type2 .x-icon {
   display: block;
   background: url('images/2x/icon/tree-expand-2.png') no-repeat 0px 0px;
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-expand-2.png');
   background-size: contain;
   _background: none;
 }
-.tree-expand-icon-type2.native .x-icon.hack,
-.tree-expand-icon-type2.disabled .x-icon.hack {
+.tree-expand-icon-type2 .x-icon.hack {
   background: url('images/1x/icon/tree-expand-2.png') no-repeat 0px 0px;
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-expand-2.png');
   _background: none;
 }
-.tree-expand-icon-type3 .x-icon,
-.tree-expand-icon-type3:hover .x-icon,
-.tree-expand-icon-type3:active .x-icon {
+.tree-expand-icon-type3 .x-icon {
   display: block;
   background: url('images/2x/icon/tree-expand-3.png') no-repeat 0px 0px;
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-expand-3.png');
   background-size: contain;
   _background: none;
 }
-.tree-expand-icon-type3 .x-icon.hack,
-.tree-expand-icon-type3:hover .x-icon.hack,
-.tree-expand-icon-type3:active .x-icon.hack {
+.tree-expand-icon-type3 .x-icon.hack {
   background: url('images/1x/icon/tree-expand-3.png') no-repeat 0px 0px;
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-expand-3.png');
   _background: none;
 }
-.tree-expand-icon-type3.native .x-icon,
-.tree-expand-icon-type3.disabled .x-icon {
-  display: block;
-  background: url('images/2x/icon/tree-expand-3.png') no-repeat 0px 0px;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-expand-3.png');
-  background-size: contain;
-  _background: none;
-}
-.tree-expand-icon-type3.native .x-icon.hack,
-.tree-expand-icon-type3.disabled .x-icon.hack {
-  background: url('images/1x/icon/tree-expand-3.png') no-repeat 0px 0px;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-expand-3.png');
-  _background: none;
-}
-.tree-expand-icon-type4 .x-icon,
-.tree-expand-icon-type4:hover .x-icon,
-.tree-expand-icon-type4:active .x-icon {
-  display: block;
-  background: url('images/2x/icon/tree-expand-4.png') no-repeat 0px 0px;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-expand-4.png');
-  background-size: contain;
-  _background: none;
-}
-.tree-expand-icon-type4 .x-icon.hack,
-.tree-expand-icon-type4:hover .x-icon.hack,
-.tree-expand-icon-type4:active .x-icon.hack {
-  background: url('images/1x/icon/tree-expand-4.png') no-repeat 0px 0px;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-expand-4.png');
-  _background: none;
-}
-.tree-expand-icon-type4.native .x-icon,
-.tree-expand-icon-type4.disabled .x-icon {
+.tree-expand-icon-type4 .x-icon {
   display: block;
   background: url('images/2x/icon/tree-expand-4.png') no-repeat 0px 0px;
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-expand-4.png');
   background-size: contain;
   _background: none;
 }
-.tree-expand-icon-type4.native .x-icon.hack,
-.tree-expand-icon-type4.disabled .x-icon.hack {
+.tree-expand-icon-type4 .x-icon.hack {
   background: url('images/1x/icon/tree-expand-4.png') no-repeat 0px 0px;
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-expand-4.png');
   _background: none;
 }
-.tree-vertical-line-type2 .x-icon,
-.tree-vertical-line-type2:hover .x-icon,
-.tree-vertical-line-type2:active .x-icon {
-  display: block;
-  background: url('images/2x/icon/tree-vertical-line-2.png') no-repeat 0px 0px;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-vertical-line-2.png');
-  background-size: contain;
-  _background: none;
-}
-.tree-vertical-line-type2 .x-icon.hack,
-.tree-vertical-line-type2:hover .x-icon.hack,
-.tree-vertical-line-type2:active .x-icon.hack {
-  background: url('images/1x/icon/tree-vertical-line-2.png') no-repeat 0px 0px;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-vertical-line-2.png');
-  _background: none;
-}
-.tree-vertical-line-type2.native .x-icon,
-.tree-vertical-line-type2.disabled .x-icon {
+.tree-vertical-line-type2 .x-icon {
   display: block;
   background: url('images/2x/icon/tree-vertical-line-2.png') no-repeat 0px 0px;
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-vertical-line-2.png');
   background-size: contain;
   _background: none;
 }
-.tree-vertical-line-type2.native .x-icon.hack,
-.tree-vertical-line-type2.disabled .x-icon.hack {
+.tree-vertical-line-type2 .x-icon.hack {
   background: url('images/1x/icon/tree-vertical-line-2.png') no-repeat 0px 0px;
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-vertical-line-2.png');
   _background: none;
 }
-.tree-vertical-line-type3 .x-icon,
-.tree-vertical-line-type3:hover .x-icon,
-.tree-vertical-line-type3:active .x-icon {
+.tree-vertical-line-type3 .x-icon {
   display: block;
   background: url('images/2x/icon/tree-vertical-line-3.png') no-repeat 0px 0px;
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-vertical-line-3.png');
   background-size: contain;
   _background: none;
 }
-.tree-vertical-line-type3 .x-icon.hack,
-.tree-vertical-line-type3:hover .x-icon.hack,
-.tree-vertical-line-type3:active .x-icon.hack {
+.tree-vertical-line-type3 .x-icon.hack {
   background: url('images/1x/icon/tree-vertical-line-3.png') no-repeat 0px 0px;
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-vertical-line-3.png');
   _background: none;
 }
-.tree-vertical-line-type3.native .x-icon,
-.tree-vertical-line-type3.disabled .x-icon {
-  display: block;
-  background: url('images/2x/icon/tree-vertical-line-3.png') no-repeat 0px 0px;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-vertical-line-3.png');
-  background-size: contain;
-  _background: none;
-}
-.tree-vertical-line-type3.native .x-icon.hack,
-.tree-vertical-line-type3.disabled .x-icon.hack {
-  background: url('images/1x/icon/tree-vertical-line-3.png') no-repeat 0px 0px;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-vertical-line-3.png');
-  _background: none;
-}
-.tree-vertical-line-type4 .x-icon,
-.tree-vertical-line-type4:hover .x-icon,
-.tree-vertical-line-type4:active .x-icon {
+.tree-vertical-line-type4 .x-icon {
   display: block;
   background: url('images/2x/icon/tree-vertical-line-4.png') no-repeat 0px 0px;
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-vertical-line-4.png');
   background-size: contain;
   _background: none;
 }
-.tree-vertical-line-type4 .x-icon.hack,
-.tree-vertical-line-type4:hover .x-icon.hack,
-.tree-vertical-line-type4:active .x-icon.hack {
+.tree-vertical-line-type4 .x-icon.hack {
   background: url('images/1x/icon/tree-vertical-line-4.png') no-repeat 0px 0px;
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-vertical-line-4.png');
   _background: none;
 }
-.tree-vertical-line-type4.native .x-icon,
-.tree-vertical-line-type4.disabled .x-icon {
-  display: block;
-  background: url('images/2x/icon/tree-vertical-line-4.png') no-repeat 0px 0px;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/tree-vertical-line-4.png');
-  background-size: contain;
-  _background: none;
-}
-.tree-vertical-line-type4.native .x-icon.hack,
-.tree-vertical-line-type4.disabled .x-icon.hack {
-  background: url('images/1x/icon/tree-vertical-line-4.png') no-repeat 0px 0px;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-vertical-line-4.png');
-  _background: none;
-}
-.bi-theme-dark .tree-collapse-icon-type1 .x-icon,
-.bi-theme-dark .tree-collapse-icon-type1:hover .x-icon,
-.bi-theme-dark .tree-collapse-icon-type1:active .x-icon {
-  display: block;
-  background: url('images/2x/icon/dark/tree-collapse-1.png') no-repeat 0px 0px;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-collapse-1.png');
-  background-size: contain;
-  _background: none;
-}
-.bi-theme-dark .tree-collapse-icon-type1 .x-icon.hack,
-.bi-theme-dark .tree-collapse-icon-type1:hover .x-icon.hack,
-.bi-theme-dark .tree-collapse-icon-type1:active .x-icon.hack {
-  background: url('images/1x/icon/dark/tree-collapse-1.png') no-repeat 0px 0px;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-collapse-1.png');
-  _background: none;
-}
-.bi-theme-dark .tree-collapse-icon-type1.native .x-icon,
-.bi-theme-dark .tree-collapse-icon-type1.disabled .x-icon {
+.bi-theme-dark .tree-collapse-icon-type1 .x-icon {
   display: block;
   background: url('images/2x/icon/dark/tree-collapse-1.png') no-repeat 0px 0px;
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-collapse-1.png');
   background-size: contain;
   _background: none;
 }
-.bi-theme-dark .tree-collapse-icon-type1.native .x-icon.hack,
-.bi-theme-dark .tree-collapse-icon-type1.disabled .x-icon.hack {
+.bi-theme-dark .tree-collapse-icon-type1 .x-icon.hack {
   background: url('images/1x/icon/dark/tree-collapse-1.png') no-repeat 0px 0px;
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-collapse-1.png');
   _background: none;
 }
-.bi-theme-dark .tree-collapse-icon-type2 .x-icon,
-.bi-theme-dark .tree-collapse-icon-type2:hover .x-icon,
-.bi-theme-dark .tree-collapse-icon-type2:active .x-icon {
+.bi-theme-dark .tree-collapse-icon-type2 .x-icon {
   display: block;
   background: url('images/2x/icon/dark/tree-collapse-2.png') no-repeat 0px 0px;
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-collapse-2.png');
   background-size: contain;
   _background: none;
 }
-.bi-theme-dark .tree-collapse-icon-type2 .x-icon.hack,
-.bi-theme-dark .tree-collapse-icon-type2:hover .x-icon.hack,
-.bi-theme-dark .tree-collapse-icon-type2:active .x-icon.hack {
+.bi-theme-dark .tree-collapse-icon-type2 .x-icon.hack {
   background: url('images/1x/icon/dark/tree-collapse-2.png') no-repeat 0px 0px;
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-collapse-2.png');
   _background: none;
 }
-.bi-theme-dark .tree-collapse-icon-type2.native .x-icon,
-.bi-theme-dark .tree-collapse-icon-type2.disabled .x-icon {
-  display: block;
-  background: url('images/2x/icon/dark/tree-collapse-2.png') no-repeat 0px 0px;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-collapse-2.png');
-  background-size: contain;
-  _background: none;
-}
-.bi-theme-dark .tree-collapse-icon-type2.native .x-icon.hack,
-.bi-theme-dark .tree-collapse-icon-type2.disabled .x-icon.hack {
-  background: url('images/1x/icon/dark/tree-collapse-2.png') no-repeat 0px 0px;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-collapse-2.png');
-  _background: none;
-}
-.bi-theme-dark .tree-collapse-icon-type3 .x-icon,
-.bi-theme-dark .tree-collapse-icon-type3:hover .x-icon,
-.bi-theme-dark .tree-collapse-icon-type3:active .x-icon {
-  display: block;
-  background: url('images/2x/icon/dark/tree-collapse-3.png') no-repeat 0px 0px;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-collapse-3.png');
-  background-size: contain;
-  _background: none;
-}
-.bi-theme-dark .tree-collapse-icon-type3 .x-icon.hack,
-.bi-theme-dark .tree-collapse-icon-type3:hover .x-icon.hack,
-.bi-theme-dark .tree-collapse-icon-type3:active .x-icon.hack {
-  background: url('images/1x/icon/dark/tree-collapse-3.png') no-repeat 0px 0px;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-collapse-3.png');
-  _background: none;
-}
-.bi-theme-dark .tree-collapse-icon-type3.native .x-icon,
-.bi-theme-dark .tree-collapse-icon-type3.disabled .x-icon {
+.bi-theme-dark .tree-collapse-icon-type3 .x-icon {
   display: block;
   background: url('images/2x/icon/dark/tree-collapse-3.png') no-repeat 0px 0px;
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-collapse-3.png');
   background-size: contain;
   _background: none;
 }
-.bi-theme-dark .tree-collapse-icon-type3.native .x-icon.hack,
-.bi-theme-dark .tree-collapse-icon-type3.disabled .x-icon.hack {
+.bi-theme-dark .tree-collapse-icon-type3 .x-icon.hack {
   background: url('images/1x/icon/dark/tree-collapse-3.png') no-repeat 0px 0px;
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-collapse-3.png');
   _background: none;
 }
-.bi-theme-dark .tree-collapse-icon-type4 .x-icon,
-.bi-theme-dark .tree-collapse-icon-type4:hover .x-icon,
-.bi-theme-dark .tree-collapse-icon-type4:active .x-icon {
-  display: block;
-  background: url('images/2x/icon/dark/tree-collapse-4.png') no-repeat 0px 0px;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-collapse-4.png');
-  background-size: contain;
-  _background: none;
-}
-.bi-theme-dark .tree-collapse-icon-type4 .x-icon.hack,
-.bi-theme-dark .tree-collapse-icon-type4:hover .x-icon.hack,
-.bi-theme-dark .tree-collapse-icon-type4:active .x-icon.hack {
-  background: url('images/1x/icon/dark/tree-collapse-4.png') no-repeat 0px 0px;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-collapse-4.png');
-  _background: none;
-}
-.bi-theme-dark .tree-collapse-icon-type4.native .x-icon,
-.bi-theme-dark .tree-collapse-icon-type4.disabled .x-icon {
+.bi-theme-dark .tree-collapse-icon-type4 .x-icon {
   display: block;
   background: url('images/2x/icon/dark/tree-collapse-4.png') no-repeat 0px 0px;
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-collapse-4.png');
   background-size: contain;
   _background: none;
 }
-.bi-theme-dark .tree-collapse-icon-type4.native .x-icon.hack,
-.bi-theme-dark .tree-collapse-icon-type4.disabled .x-icon.hack {
+.bi-theme-dark .tree-collapse-icon-type4 .x-icon.hack {
   background: url('images/1x/icon/dark/tree-collapse-4.png') no-repeat 0px 0px;
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-collapse-4.png');
   _background: none;
 }
-.bi-theme-dark .tree-expand-icon-type1 .x-icon,
-.bi-theme-dark .tree-expand-icon-type1:hover .x-icon,
-.bi-theme-dark .tree-expand-icon-type1:active .x-icon {
+.bi-theme-dark .tree-expand-icon-type1 .x-icon {
   display: block;
   background: url('images/2x/icon/dark/tree-expand-1.png') no-repeat 0px 0px;
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-expand-1.png');
   background-size: contain;
   _background: none;
 }
-.bi-theme-dark .tree-expand-icon-type1 .x-icon.hack,
-.bi-theme-dark .tree-expand-icon-type1:hover .x-icon.hack,
-.bi-theme-dark .tree-expand-icon-type1:active .x-icon.hack {
+.bi-theme-dark .tree-expand-icon-type1 .x-icon.hack {
   background: url('images/1x/icon/dark/tree-expand-1.png') no-repeat 0px 0px;
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-expand-1.png');
   _background: none;
 }
-.bi-theme-dark .tree-expand-icon-type1.native .x-icon,
-.bi-theme-dark .tree-expand-icon-type1.disabled .x-icon {
-  display: block;
-  background: url('images/2x/icon/dark/tree-expand-1.png') no-repeat 0px 0px;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-expand-1.png');
-  background-size: contain;
-  _background: none;
-}
-.bi-theme-dark .tree-expand-icon-type1.native .x-icon.hack,
-.bi-theme-dark .tree-expand-icon-type1.disabled .x-icon.hack {
-  background: url('images/1x/icon/dark/tree-expand-1.png') no-repeat 0px 0px;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-expand-1.png');
-  _background: none;
-}
-.bi-theme-dark .tree-expand-icon-type2 .x-icon,
-.bi-theme-dark .tree-expand-icon-type2:hover .x-icon,
-.bi-theme-dark .tree-expand-icon-type2:active .x-icon {
-  display: block;
-  background: url('images/2x/icon/dark/tree-expand-2.png') no-repeat 0px 0px;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-expand-2.png');
-  background-size: contain;
-  _background: none;
-}
-.bi-theme-dark .tree-expand-icon-type2 .x-icon.hack,
-.bi-theme-dark .tree-expand-icon-type2:hover .x-icon.hack,
-.bi-theme-dark .tree-expand-icon-type2:active .x-icon.hack {
-  background: url('images/1x/icon/dark/tree-expand-2.png') no-repeat 0px 0px;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-expand-2.png');
-  _background: none;
-}
-.bi-theme-dark .tree-expand-icon-type2.native .x-icon,
-.bi-theme-dark .tree-expand-icon-type2.disabled .x-icon {
+.bi-theme-dark .tree-expand-icon-type2 .x-icon {
   display: block;
   background: url('images/2x/icon/dark/tree-expand-2.png') no-repeat 0px 0px;
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-expand-2.png');
   background-size: contain;
   _background: none;
 }
-.bi-theme-dark .tree-expand-icon-type2.native .x-icon.hack,
-.bi-theme-dark .tree-expand-icon-type2.disabled .x-icon.hack {
+.bi-theme-dark .tree-expand-icon-type2 .x-icon.hack {
   background: url('images/1x/icon/dark/tree-expand-2.png') no-repeat 0px 0px;
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-expand-2.png');
   _background: none;
 }
-.bi-theme-dark .tree-expand-icon-type3 .x-icon,
-.bi-theme-dark .tree-expand-icon-type3:hover .x-icon,
-.bi-theme-dark .tree-expand-icon-type3:active .x-icon {
+.bi-theme-dark .tree-expand-icon-type3 .x-icon {
   display: block;
   background: url('images/2x/icon/dark/tree-expand-3.png') no-repeat 0px 0px;
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-expand-3.png');
   background-size: contain;
   _background: none;
 }
-.bi-theme-dark .tree-expand-icon-type3 .x-icon.hack,
-.bi-theme-dark .tree-expand-icon-type3:hover .x-icon.hack,
-.bi-theme-dark .tree-expand-icon-type3:active .x-icon.hack {
+.bi-theme-dark .tree-expand-icon-type3 .x-icon.hack {
   background: url('images/1x/icon/dark/tree-expand-3.png') no-repeat 0px 0px;
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-expand-3.png');
   _background: none;
 }
-.bi-theme-dark .tree-expand-icon-type3.native .x-icon,
-.bi-theme-dark .tree-expand-icon-type3.disabled .x-icon {
-  display: block;
-  background: url('images/2x/icon/dark/tree-expand-3.png') no-repeat 0px 0px;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-expand-3.png');
-  background-size: contain;
-  _background: none;
-}
-.bi-theme-dark .tree-expand-icon-type3.native .x-icon.hack,
-.bi-theme-dark .tree-expand-icon-type3.disabled .x-icon.hack {
-  background: url('images/1x/icon/dark/tree-expand-3.png') no-repeat 0px 0px;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-expand-3.png');
-  _background: none;
-}
-.bi-theme-dark .tree-expand-icon-type4 .x-icon,
-.bi-theme-dark .tree-expand-icon-type4:hover .x-icon,
-.bi-theme-dark .tree-expand-icon-type4:active .x-icon {
+.bi-theme-dark .tree-expand-icon-type4 .x-icon {
   display: block;
   background: url('images/2x/icon/dark/tree-expand-4.png') no-repeat 0px 0px;
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-expand-4.png');
   background-size: contain;
   _background: none;
 }
-.bi-theme-dark .tree-expand-icon-type4 .x-icon.hack,
-.bi-theme-dark .tree-expand-icon-type4:hover .x-icon.hack,
-.bi-theme-dark .tree-expand-icon-type4:active .x-icon.hack {
+.bi-theme-dark .tree-expand-icon-type4 .x-icon.hack {
   background: url('images/1x/icon/dark/tree-expand-4.png') no-repeat 0px 0px;
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-expand-4.png');
   _background: none;
 }
-.bi-theme-dark .tree-expand-icon-type4.native .x-icon,
-.bi-theme-dark .tree-expand-icon-type4.disabled .x-icon {
-  display: block;
-  background: url('images/2x/icon/dark/tree-expand-4.png') no-repeat 0px 0px;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-expand-4.png');
-  background-size: contain;
-  _background: none;
-}
-.bi-theme-dark .tree-expand-icon-type4.native .x-icon.hack,
-.bi-theme-dark .tree-expand-icon-type4.disabled .x-icon.hack {
-  background: url('images/1x/icon/dark/tree-expand-4.png') no-repeat 0px 0px;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-expand-4.png');
-  _background: none;
-}
-.bi-theme-dark .tree-vertical-line-type2 .x-icon,
-.bi-theme-dark .tree-vertical-line-type2:hover .x-icon,
-.bi-theme-dark .tree-vertical-line-type2:active .x-icon {
-  display: block;
-  background: url('images/2x/icon/dark/tree-vertical-line-2.png') no-repeat 0px 0px;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-vertical-line-2.png');
-  background-size: contain;
-  _background: none;
-}
-.bi-theme-dark .tree-vertical-line-type2 .x-icon.hack,
-.bi-theme-dark .tree-vertical-line-type2:hover .x-icon.hack,
-.bi-theme-dark .tree-vertical-line-type2:active .x-icon.hack {
-  background: url('images/1x/icon/dark/tree-vertical-line-2.png') no-repeat 0px 0px;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-vertical-line-2.png');
-  _background: none;
-}
-.bi-theme-dark .tree-vertical-line-type2.native .x-icon,
-.bi-theme-dark .tree-vertical-line-type2.disabled .x-icon {
+.bi-theme-dark .tree-vertical-line-type2 .x-icon {
   display: block;
   background: url('images/2x/icon/dark/tree-vertical-line-2.png') no-repeat 0px 0px;
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-vertical-line-2.png');
   background-size: contain;
   _background: none;
 }
-.bi-theme-dark .tree-vertical-line-type2.native .x-icon.hack,
-.bi-theme-dark .tree-vertical-line-type2.disabled .x-icon.hack {
+.bi-theme-dark .tree-vertical-line-type2 .x-icon.hack {
   background: url('images/1x/icon/dark/tree-vertical-line-2.png') no-repeat 0px 0px;
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-vertical-line-2.png');
   _background: none;
 }
-.bi-theme-dark .tree-vertical-line-type3 .x-icon,
-.bi-theme-dark .tree-vertical-line-type3:hover .x-icon,
-.bi-theme-dark .tree-vertical-line-type3:active .x-icon {
+.bi-theme-dark .tree-vertical-line-type3 .x-icon {
   display: block;
   background: url('images/2x/icon/dark/tree-vertical-line-3.png') no-repeat 0px 0px;
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-vertical-line-3.png');
   background-size: contain;
   _background: none;
 }
-.bi-theme-dark .tree-vertical-line-type3 .x-icon.hack,
-.bi-theme-dark .tree-vertical-line-type3:hover .x-icon.hack,
-.bi-theme-dark .tree-vertical-line-type3:active .x-icon.hack {
+.bi-theme-dark .tree-vertical-line-type3 .x-icon.hack {
   background: url('images/1x/icon/dark/tree-vertical-line-3.png') no-repeat 0px 0px;
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-vertical-line-3.png');
   _background: none;
 }
-.bi-theme-dark .tree-vertical-line-type3.native .x-icon,
-.bi-theme-dark .tree-vertical-line-type3.disabled .x-icon {
-  display: block;
-  background: url('images/2x/icon/dark/tree-vertical-line-3.png') no-repeat 0px 0px;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-vertical-line-3.png');
-  background-size: contain;
-  _background: none;
-}
-.bi-theme-dark .tree-vertical-line-type3.native .x-icon.hack,
-.bi-theme-dark .tree-vertical-line-type3.disabled .x-icon.hack {
-  background: url('images/1x/icon/dark/tree-vertical-line-3.png') no-repeat 0px 0px;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-vertical-line-3.png');
-  _background: none;
-}
-.bi-theme-dark .tree-vertical-line-type4 .x-icon,
-.bi-theme-dark .tree-vertical-line-type4:hover .x-icon,
-.bi-theme-dark .tree-vertical-line-type4:active .x-icon {
+.bi-theme-dark .tree-vertical-line-type4 .x-icon {
   display: block;
   background: url('images/2x/icon/dark/tree-vertical-line-4.png') no-repeat 0px 0px;
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-vertical-line-4.png');
   background-size: contain;
   _background: none;
 }
-.bi-theme-dark .tree-vertical-line-type4 .x-icon.hack,
-.bi-theme-dark .tree-vertical-line-type4:hover .x-icon.hack,
-.bi-theme-dark .tree-vertical-line-type4:active .x-icon.hack {
-  background: url('images/1x/icon/dark/tree-vertical-line-4.png') no-repeat 0px 0px;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-vertical-line-4.png');
-  _background: none;
-}
-.bi-theme-dark .tree-vertical-line-type4.native .x-icon,
-.bi-theme-dark .tree-vertical-line-type4.disabled .x-icon {
-  display: block;
-  background: url('images/2x/icon/dark/tree-vertical-line-4.png') no-repeat 0px 0px;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/dark/tree-vertical-line-4.png');
-  background-size: contain;
-  _background: none;
-}
-.bi-theme-dark .tree-vertical-line-type4.native .x-icon.hack,
-.bi-theme-dark .tree-vertical-line-type4.disabled .x-icon.hack {
+.bi-theme-dark .tree-vertical-line-type4 .x-icon.hack {
   background: url('images/1x/icon/dark/tree-vertical-line-4.png') no-repeat 0px 0px;
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-vertical-line-4.png');
   _background: none;
@@ -671,7 +275,6 @@
   _background: none;
 }
 .check-box-icon:hover .x-icon,
-.check-box-icon:focus .x-icon,
 .check-box-icon.hover .x-icon {
   display: block;
   background: url('images/2x/icon/check-box-normal.png') no-repeat 0 0;
@@ -680,7 +283,6 @@
   _background: none;
 }
 .check-box-icon:hover .x-icon.hack,
-.check-box-icon:focus .x-icon.hack,
 .check-box-icon.hover .x-icon.hack {
   background: url('images/1x/icon/check-box-normal.png') no-repeat 0 0;
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check-box-normal.png');
@@ -700,7 +302,6 @@
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check-box-active.png');
   _background: none;
 }
-.check-box-icon.native .x-icon,
 .check-box-icon.disabled .x-icon {
   display: block;
   background: url('images/2x/icon/check-box-disable.png') no-repeat 0 0;
@@ -708,13 +309,11 @@
   background-size: contain;
   _background: none;
 }
-.check-box-icon.native .x-icon.hack,
 .check-box-icon.disabled .x-icon.hack {
   background: url('images/1x/icon/check-box-disable.png') no-repeat 0 0;
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check-box-disable.png');
   _background: none;
 }
-.check-box-icon.native .x-icon,
 .check-box-icon.disabled.active .x-icon {
   display: block;
   background: url('images/2x/icon/check-box-disable2.png') no-repeat 0 0;
@@ -722,7 +321,6 @@
   background-size: contain;
   _background: none;
 }
-.check-box-icon.native .x-icon.hack,
 .check-box-icon.disabled.active .x-icon.hack {
   background: url('images/1x/icon/check-box-disable2.png') no-repeat 0 0;
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check-box-disable2.png');
@@ -741,7 +339,6 @@
   _background: none;
 }
 .radio-icon:hover .x-icon,
-.radio-icon:focus .x-icon,
 .radio-icon.hover .x-icon {
   display: block;
   background: url('images/2x/icon/radio-normal.png') no-repeat 0 0;
@@ -750,7 +347,6 @@
   _background: none;
 }
 .radio-icon:hover .x-icon.hack,
-.radio-icon:focus .x-icon.hack,
 .radio-icon.hover .x-icon.hack {
   background: url('images/1x/icon/radio-normal.png') no-repeat 0 0;
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/radio-normal.png');
@@ -770,7 +366,6 @@
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/radio-active.png');
   _background: none;
 }
-.radio-icon.native .x-icon,
 .radio-icon.disabled .x-icon {
   display: block;
   background: url('images/2x/icon/radio-disable.png') no-repeat 0 0;
@@ -778,13 +373,11 @@
   background-size: contain;
   _background: none;
 }
-.radio-icon.native .x-icon.hack,
 .radio-icon.disabled .x-icon.hack {
   background: url('images/1x/icon/radio-disable.png') no-repeat 0 0;
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/radio-disable.png');
   _background: none;
 }
-.radio-icon.native .x-icon,
 .radio-icon.disabled.active .x-icon {
   display: block;
   background: url('images/2x/icon/radio-disable2.png') no-repeat 0 0;
@@ -792,38 +385,19 @@
   background-size: contain;
   _background: none;
 }
-.radio-icon.native .x-icon.hack,
 .radio-icon.disabled.active .x-icon.hack {
   background: url('images/1x/icon/radio-disable2.png') no-repeat 0 0;
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/radio-disable2.png');
   _background: none;
 }
-.check-half-select-icon .x-icon,
-.check-half-select-icon:hover .x-icon,
-.check-half-select-icon:active .x-icon {
+.check-half-select-icon .x-icon {
   display: block;
   background: url('images/2x/icon/half_selected.png') no-repeat 0px 0px;
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/half_selected.png');
   background-size: contain;
   _background: none;
 }
-.check-half-select-icon .x-icon.hack,
-.check-half-select-icon:hover .x-icon.hack,
-.check-half-select-icon:active .x-icon.hack {
-  background: url('images/1x/icon/half_selected.png') no-repeat 0px 0px;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/half_selected.png');
-  _background: none;
-}
-.check-half-select-icon.native .x-icon,
-.check-half-select-icon.disabled .x-icon {
-  display: block;
-  background: url('images/2x/icon/half_selected.png') no-repeat 0px 0px;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/half_selected.png');
-  background-size: contain;
-  _background: none;
-}
-.check-half-select-icon.native .x-icon.hack,
-.check-half-select-icon.disabled .x-icon.hack {
+.check-half-select-icon .x-icon.hack {
   background: url('images/1x/icon/half_selected.png') no-repeat 0px 0px;
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/half_selected.png');
   _background: none;
@@ -841,7 +415,6 @@
   _background: none;
 }
 .slider-icon:hover .x-icon,
-.slider-icon:focus .x-icon,
 .slider-icon.hover .x-icon {
   display: block;
   background: url('images/2x/icon/slider-active-small.png') no-repeat 0 0;
@@ -850,13 +423,20 @@
   _background: none;
 }
 .slider-icon:hover .x-icon.hack,
-.slider-icon:focus .x-icon.hack,
 .slider-icon.hover .x-icon.hack {
   background: url('images/1x/icon/slider-active-small.png') no-repeat 0 0;
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/slider-active-small.png');
   _background: none;
 }
-.slider-icon.native .x-icon,
 .slider-icon.disabled .x-icon {
   display: block;
+  background: url('images/2x/icon/slider-normal-small.png') no-repeat 0 0;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/slider-normal-small.png');
+  background-size: contain;
+  _background: none;
+}
+.slider-icon.disabled .x-icon.hack {
+  background: url('images/1x/icon/slider-normal-small.png') no-repeat 0 0;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/slider-normal-small.png');
+  _background: none;
 }
diff --git a/src/less/image.less b/src/less/image.less
index d81d2a2b3..0a92c47a4 100644
--- a/src/less/image.less
+++ b/src/less/image.less
@@ -20,17 +20,7 @@
 
 .icon(@class, @iconPath, @top:0px, @left:0px) {
   .@{class} {
-    & .x-icon,
-    &:hover .x-icon,
-    &:active .x-icon {
-      display: block;
-      .image2xPath(@iconPath, -@top, -@left);
-      &.hack {
-        .imagePath(@iconPath, -@top, -@left);
-      }
-    }
-    &.native .x-icon,
-    &.disabled .x-icon {
+    & .x-icon {
       display: block;
       .image2xPath(@iconPath, -@top, -@left);
       &.hack {
@@ -50,7 +40,6 @@
       }
     }
     &:hover .x-icon,
-    &:focus .x-icon,
     &.hover .x-icon,
     &:active .x-icon,
     &.active .x-icon {
@@ -60,7 +49,6 @@
         .imagePath(@iconPath, -@top, -(@left + @distance));
       }
     }
-    &.native .x-icon,
     &.disabled .x-icon {
       display: block;
       .image2xPath(@iconPath, -@top, -@left);
@@ -73,10 +61,7 @@
 
 .icon_active(@class, @iconPath, @top:0px, @left:0px, @distance: 20) {
   .@{class} {
-    & .x-icon,
-    &:hover .x-icon,
-    &:focus .x-icon,
-    &.hover .x-icon {
+    & .x-icon {
       display: block;
       .image2xPath(@iconPath, -@top, -@left);
       &.hack {
@@ -91,7 +76,6 @@
         .imagePath(@iconPath, -@top, -(@left + @distance));
       }
     }
-    &.native .x-icon,
     &.disabled .x-icon {
       display: block;
       .image2xPath(@iconPath, -@top, -@left);
@@ -112,7 +96,6 @@
       }
     }
     &:hover .x-icon,
-    &:focus .x-icon,
     &.hover .x-icon {
       display: block;
       .image2xPath(@iconPath, -@top, -(@left+@distance));
@@ -129,7 +112,6 @@
         .imagePath(@iconPath, -@top, -(@left+@distance*2));
       }
     }
-    &.native .x-icon,
     &.disabled .x-icon {
       display: block;
       .image2xPath(@iconPath, -@top, -@left);
@@ -156,7 +138,6 @@
         .imagePath(@iconPath, -@top, -(@left+@distance));
       }
     }
-    &.native .x-icon,
     &.disabled .x-icon {
       display: block;
       .image2xPath(@iconPath, -@top, -@left);
@@ -167,7 +148,94 @@
   }
 }
 
-.icon_custom(@class, @iconPath, @hoverPath:none, @activePath:none, @disablePath:none, @activeDisablePath:none) {
+.icon_custom(@class, @iconPath, @disablePath:none) {
+  .@{class} {
+    & .x-icon {
+      display: block;
+      .image2xPath(@iconPath, 0, 0);
+      &.hack {
+        .imagePath(@iconPath, 0, 0);
+      }
+    }
+
+    &.disabled .x-icon {
+      display: block;
+      .image2xPath(@disablePath, 0, 0);
+      &.hack {
+        .imagePath(@disablePath, 0, 0);
+      }
+    }
+  }
+}
+
+.icon_custom(@class, @iconPath, @hoverPath, @disablePath) when not (@disablePath = none) {
+  .@{class} {
+    & .x-icon {
+      display: block;
+      .image2xPath(@iconPath, 0, 0);
+      &.hack {
+        .imagePath(@iconPath, 0, 0);
+      }
+    }
+
+    &:hover .x-icon,
+    &.hover .x-icon {
+      display: block;
+      .image2xPath(@hoverPath, 0, 0);
+      &.hack {
+        .imagePath(@hoverPath, 0, 0);
+      }
+    }
+
+    &.disabled .x-icon {
+      display: block;
+      .image2xPath(@disablePath, 0, 0);
+      &.hack {
+        .imagePath(@disablePath, 0, 0);
+      }
+    }
+  }
+}
+
+.icon_custom(@class, @iconPath, @hoverPath, @activePath, @disablePath) when not (@disablePath = none) {
+  .@{class} {
+    & .x-icon {
+      display: block;
+      .image2xPath(@iconPath, 0, 0);
+      &.hack {
+        .imagePath(@iconPath, 0, 0);
+      }
+    }
+
+    &:hover .x-icon,
+    &.hover .x-icon {
+      display: block;
+      .image2xPath(@hoverPath, 0, 0);
+      &.hack {
+        .imagePath(@hoverPath, 0, 0);
+      }
+    }
+
+    &:active .x-icon,
+    &.active .x-icon {
+      display: block;
+      .image2xPath(@activePath, 0, 0);
+      &.hack {
+        .imagePath(@activePath, 0, 0);
+      }
+    }
+
+    &.disabled .x-icon {
+      display: block;
+      .image2xPath(@disablePath, 0, 0);
+      &.hack {
+        .imagePath(@disablePath, 0, 0);
+      }
+    }
+  }
+}
+
+.icon_custom(@class, @iconPath, @hoverPath:none, @activePath:none, @disablePath:none, @activeDisablePath:none) when not (@activeDisablePath = none) {
   .@{class} {
     & .x-icon {
       display: block;
@@ -177,7 +245,6 @@
       }
     }
     &:hover .x-icon,
-    &:focus .x-icon,
     &.hover .x-icon {
       display: block;
       .image2xPath(@hoverPath, 0, 0);
@@ -194,7 +261,6 @@
         .imagePath(@activePath, 0, 0);
       }
     }
-    &.native .x-icon,
     &.disabled .x-icon {
       display: block;
       .image2xPath(@disablePath, 0, 0);
@@ -202,7 +268,6 @@
         .imagePath(@disablePath, 0, 0);
       }
     }
-    &.native .x-icon,
     &.disabled.active .x-icon {
       display: block;
       .image2xPath(@activeDisablePath, 0, 0);
@@ -213,7 +278,7 @@
   }
 }
 
-.icon_custom_hover(@class, @iconPath, @hoverPath:none, @disablePath:none) {
+.icon_custom_hover(@class, @iconPath, @hoverPath:none) {
   .@{class} {
     & .x-icon {
       display: block;
@@ -223,7 +288,6 @@
       }
     }
     &:hover .x-icon,
-    &:focus .x-icon,
     &.hover .x-icon {
       display: block;
       .image2xPath(@hoverPath, 0, 0);
@@ -231,13 +295,72 @@
         .imagePath(@hoverPath, 0, 0);
       }
     }
+    &.disabled .x-icon {
+      display: block;
+      .image2xPath(@iconPath, 0, 0);
+      &.hack {
+        .imagePath(@iconPath, 0, 0);
+      }
+    }
+  }
+}
 
-    &.native .x-icon,
+.icon_custom_hover_active(@class, @iconPath, @hoverPath:none, @activePath) {
+  .@{class} {
+    & .x-icon {
+      display: block;
+      .image2xPath(@iconPath, 0, 0);
+      &.hack {
+        .imagePath(@iconPath, 0, 0);
+      }
+    }
+    &:hover .x-icon,
+    &.hover .x-icon {
+      display: block;
+      .image2xPath(@hoverPath, 0, 0);
+      &.hack {
+        .imagePath(@hoverPath, 0, 0);
+      }
+    }
+    &:active .x-icon,
+    &.active .x-icon {
+      display: block;
+      .image2xPath(@activePath, 0, 0);
+      &.hack {
+        .imagePath(@activePath, 0, 0);
+      }
+    }
     &.disabled .x-icon {
       display: block;
-      .image2xPath(@disablePath, 0, 0);
+      .image2xPath(@iconPath, 0, 0);
       &.hack {
-        .imagePath(@disablePath, 0, 0);
+        .imagePath(@iconPath, 0, 0);
+      }
+    }
+  }
+}
+
+.icon_custom_select(@class, @iconPath, @hoverPath:none, @selectPath) {
+  .@{class} {
+    & .x-icon {
+      display: block;
+      .image2xPath(@iconPath, 0, 0);
+      &.hack {
+        .imagePath(@iconPath, 0, 0);
+      }
+    }
+    &.active .x-icon {
+      display: block;
+      .image2xPath(@activePath, 0, 0);
+      &.hack {
+        .imagePath(@activePath, 0, 0);
+      }
+    }
+    &.disabled .x-icon {
+      display: block;
+      .image2xPath(@iconPath, 0, 0);
+      &.hack {
+        .imagePath(@iconPath, 0, 0);
       }
     }
   }
@@ -260,7 +383,6 @@
       content: @fc;
       color: @color;
     }
-    &.native .b-font:before,
     &.disabled .b-font:before {
       content: @fc;
       color: @color;
@@ -279,12 +401,10 @@
       color: @color-native;
     }
     &:hover .b-font:before,
-    &:focus .b-font:before,
     &.hover .b-font:before {
       content: @fc;
       color: @color-hover;
     }
-    &.native .b-font:before,
     &.disabled .b-font:before {
       content: @fc;
       color: @color-native;
@@ -303,7 +423,6 @@
       color: @color-native;
     }
     &:hover .b-font:before,
-    &:focus .b-font:before,
     &.hover .b-font:before {
       content: @fc;
       color: @color-hover;
@@ -316,7 +435,6 @@
       content: @fc;
       color: @color-active;
     }
-    &.native .b-font:before,
     &.disabled .b-font:before {
       content: @fc;
       color: @color-native;
@@ -335,7 +453,6 @@
       color: @color-native;
     }
     &:hover .b-font:before,
-    &:focus .b-font:before,
     &.hover .b-font:before {
       content: @fc;
       color: @color-hover;
@@ -346,7 +463,6 @@
       content: @fc;
       color: @color-active;
     }
-    &.native .b-font:before,
     &.disabled .b-font:before {
       content: @fc;
       color: @color-native;