diff --git a/style/core/iconfont.less b/style/core/iconfont.less
index fbf3a593a3..88dd28c702 100644
--- a/style/core/iconfont.less
+++ b/style/core/iconfont.less
@@ -156,7 +156,7 @@
 .@{iconfont-css-prefix}-windows:before              {content:"\e66c";}
 .@{iconfont-css-prefix}-loading:before {
   display: inline-block;
-  .animation(loadingCircle @fc-duration-1000 infinite linear);
+  .animation(loadingCircle @duration-1000 infinite linear);
   content:"\e610";
 }
 
diff --git a/style/core/motion.less b/style/core/motion.less
index e5d05ecab4..c5651b6387 100644
--- a/style/core/motion.less
+++ b/style/core/motion.less
@@ -5,10 +5,10 @@
 
 // Fade - 透明度从 0 到 1，从 1 到 0
 .fade {
-  -webkit-animation-timing-function: @fc-ease-in;
-  -webkit-animation-duration: @fc-duration-600;
-  animation-timing-function: @fc-ease-in;
-  animation-duration: @fc-duration-600;
+  -webkit-animation-timing-function: @ease-in;
+  -webkit-animation-duration: @duration-600;
+  animation-timing-function: @ease-in;
+  animation-duration: @duration-600;
 
   &.ng-enter,
   &.fade-add,
@@ -88,12 +88,12 @@
 
 // zoom - 从中心点放大、缩小
 .zoom {
-  -webkit-animation-timing-function: @fc-ease-in;
+  -webkit-animation-timing-function: @ease-in;
   -webkit-animation-fill-mode: backwards;
-  -webkit-animation-duration: @fc-duration-600;
-  animation-timing-function: @fc-ease-in;
+  -webkit-animation-duration: @duration-600;
+  animation-timing-function: @ease-in;
   animation-fill-mode: backwards;
-  animation-duration: @fc-duration-600;
+  animation-duration: @duration-600;
 
   &.ng-enter,
   &.zoom-add,
@@ -134,12 +134,12 @@
 }
 
 .zoom-left {
-  -webkit-animation-timing-function: @fc-ease-in-out;
+  -webkit-animation-timing-function: @ease-in-out;
   -webkit-animation-fill-mode: backwards;
-  -webkit-animation-duration: @fc-duration-500;
-  animation-timing-function: @fc-ease-in-out;
+  -webkit-animation-duration: @duration-500;
+  animation-timing-function: @ease-in-out;
   animation-fill-mode: backwards;
-  animation-duration: @fc-duration-500;
+  animation-duration: @duration-500;
 
   &.ng-enter,
   &.zoom-left-add,
@@ -179,12 +179,12 @@
   }
 }
 .zoom-right {
-  -webkit-animation-timing-function: @fc-ease-in-out;
+  -webkit-animation-timing-function: @ease-in-out;
   -webkit-animation-fill-mode: backwards;
-  -webkit-animation-duration: @fc-duration-500;
-  animation-timing-function: @fc-ease-in-out;
+  -webkit-animation-duration: @duration-500;
+  animation-timing-function: @ease-in-out;
   animation-fill-mode: backwards;
-  animation-duration: @fc-duration-500;
+  animation-duration: @duration-500;
 
   &.ng-enter,
   &.zoom-right-add,
@@ -225,12 +225,12 @@
 }
 
 .zoom-up {
-  -webkit-animation-timing-function: @fc-ease-in-out;
+  -webkit-animation-timing-function: @ease-in-out;
   -webkit-animation-fill-mode: backwards;
-  -webkit-animation-duration: @fc-duration-500;
-  animation-timing-function: @fc-ease-in-out;
+  -webkit-animation-duration: @duration-500;
+  animation-timing-function: @ease-in-out;
   animation-fill-mode: backwards;
-  animation-duration: @fc-duration-500;
+  animation-duration: @duration-500;
 
   &.ng-enter,
   &.zoom-up-add,
@@ -271,12 +271,12 @@
 }
 
 .zoom-down {
-  -webkit-animation-timing-function: @fc-ease-in-out;
+  -webkit-animation-timing-function: @ease-in-out;
   -webkit-animation-fill-mode: backwards;
-  -webkit-animation-duration: @fc-duration-500;
-  animation-timing-function: @fc-ease-in-out;
+  -webkit-animation-duration: @duration-500;
+  animation-timing-function: @ease-in-out;
   animation-fill-mode: backwards;
-  animation-duration: @fc-duration-500;
+  animation-duration: @duration-500;
 
   &.ng-enter,
   &.zoom-down-add,
@@ -317,12 +317,12 @@
 }
 
 .zoom-arr12 {
-  -webkit-animation-timing-function: @fc-ease-in;
+  -webkit-animation-timing-function: @ease-in;
   -webkit-animation-fill-mode: backwards;
-  -webkit-animation-duration: @fc-duration-500;
-  animation-timing-function: @fc-ease-in;
+  -webkit-animation-duration: @duration-500;
+  animation-timing-function: @ease-in;
   animation-fill-mode: backwards;
-  animation-duration: @fc-duration-500;
+  animation-duration: @duration-500;
 
   &.ng-enter,
   &.zoom-arr12-add,
@@ -345,12 +345,12 @@
 
 }
 .zoom-arr1 {
-  -webkit-animation-timing-function: @fc-ease-in;
+  -webkit-animation-timing-function: @ease-in;
   -webkit-animation-fill-mode: backwards;
-  -webkit-animation-duration: @fc-duration-500;
-  animation-timing-function: @fc-ease-in;
+  -webkit-animation-duration: @duration-500;
+  animation-timing-function: @ease-in;
   animation-fill-mode: backwards;
-  animation-duration: @fc-duration-500;
+  animation-duration: @duration-500;
 
   &.ng-enter,
   &.zoom-arr1-add,
@@ -373,12 +373,12 @@
 
 }
 .zoom-arr3 {
-  -webkit-animation-timing-function: @fc-ease-in;
+  -webkit-animation-timing-function: @ease-in;
   -webkit-animation-fill-mode: backwards;
-  -webkit-animation-duration: @fc-duration-500;
-  animation-timing-function: @fc-ease-in;
+  -webkit-animation-duration: @duration-500;
+  animation-timing-function: @ease-in;
   animation-fill-mode: backwards;
-  animation-duration: @fc-duration-500;
+  animation-duration: @duration-500;
 
   &.ng-enter,
   &.zoom-arr3-add,
@@ -401,12 +401,12 @@
 
 }
 .zoom-arr5 {
-  -webkit-animation-timing-function: @fc-ease-in;
+  -webkit-animation-timing-function: @ease-in;
   -webkit-animation-fill-mode: backwards;
-  -webkit-animation-duration: @fc-duration-500;
-  animation-timing-function: @fc-ease-in;
+  -webkit-animation-duration: @duration-500;
+  animation-timing-function: @ease-in;
   animation-fill-mode: backwards;
-  animation-duration: @fc-duration-500;
+  animation-duration: @duration-500;
 
   &.ng-enter,
   &.zoom-arr5-add,
@@ -429,12 +429,12 @@
 
 }
 .zoom-arr6 {
-  -webkit-animation-timing-function: @fc-ease-in;
+  -webkit-animation-timing-function: @ease-in;
   -webkit-animation-fill-mode: backwards;
-  -webkit-animation-duration: @fc-duration-500;
-  animation-timing-function: @fc-ease-in;
+  -webkit-animation-duration: @duration-500;
+  animation-timing-function: @ease-in;
   animation-fill-mode: backwards;
-  animation-duration: @fc-duration-500;
+  animation-duration: @duration-500;
 
   &.ng-enter,
   &.zoom-arr6-add,
@@ -456,12 +456,12 @@
   }
 }
 .zoom-arr7 {
-  -webkit-animation-timing-function: @fc-ease-in;
+  -webkit-animation-timing-function: @ease-in;
   -webkit-animation-fill-mode: backwards;
-  -webkit-animation-duration: @fc-duration-500;
-  animation-timing-function: @fc-ease-in;
+  -webkit-animation-duration: @duration-500;
+  animation-timing-function: @ease-in;
   animation-fill-mode: backwards;
-  animation-duration: @fc-duration-500;
+  animation-duration: @duration-500;
 
   &.ng-enter,
   &.zoom-arr7-add,
@@ -485,12 +485,12 @@
 
 }
 .zoom-arr9 {
-  -webkit-animation-timing-function: @fc-ease-in;
+  -webkit-animation-timing-function: @ease-in;
   -webkit-animation-fill-mode: backwards;
-  -webkit-animation-duration: @fc-duration-500;
-  animation-timing-function: @fc-ease-in;
+  -webkit-animation-duration: @duration-500;
+  animation-timing-function: @ease-in;
   animation-fill-mode: backwards;
-  animation-duration: @fc-duration-500;
+  animation-duration: @duration-500;
 
   &.ng-enter,
   &.zoom-arr9-add,
@@ -512,12 +512,12 @@
   }
 }
 .zoom-arr11 {
-  -webkit-animation-timing-function: @fc-ease-in;
+  -webkit-animation-timing-function: @ease-in;
   -webkit-animation-fill-mode: backwards;
-  -webkit-animation-duration: @fc-duration-500;
-  animation-timing-function: @fc-ease-in;
+  -webkit-animation-duration: @duration-500;
+  animation-timing-function: @ease-in;
   animation-fill-mode: backwards;
-  animation-duration: @fc-duration-500;
+  animation-duration: @duration-500;
 
   &.ng-enter,
   &.zoom-arr11-add,
@@ -983,12 +983,12 @@
 }
 // puff - 从本身放大、缩小
 .puff {
-  -webkit-animation-timing-function: @fc-ease-in;
+  -webkit-animation-timing-function: @ease-in;
   -webkit-animation-fill-mode: backwards;
-  -webkit-animation-duration: @fc-duration-500;
-  animation-timing-function: @fc-ease-in;
+  -webkit-animation-duration: @duration-500;
+  animation-timing-function: @ease-in;
   animation-fill-mode: backwards;
-  animation-duration: @fc-duration-500;
+  animation-duration: @duration-500;
 
   &.ng-enter,
   &.puff-add,
@@ -1093,12 +1093,12 @@
 .rotate-down {
   -webkit-backface-visibility: visible !important;
   backface-visibility: visible !important;
-  -webkit-animation-timing-function: @fc-ease-out;
+  -webkit-animation-timing-function: @ease-out;
   -webkit-animation-fill-mode: backwards;
-  -webkit-animation-duration: @fc-duration-400;
-  animation-timing-function: @fc-ease-out;
+  -webkit-animation-duration: @duration-400;
+  animation-timing-function: @ease-out;
   animation-fill-mode: backwards;
-  animation-duration: @fc-duration-400;
+  animation-duration: @duration-400;
 
   &.ng-enter,
   &.rotate-down-add,
@@ -1143,12 +1143,12 @@
 .rotate-up {
   -webkit-backface-visibility: visible !important;
   backface-visibility: visible !important;
-  -webkit-animation-timing-function: @fc-ease-out;
+  -webkit-animation-timing-function: @ease-out;
   -webkit-animation-fill-mode: backwards;
-  -webkit-animation-duration: @fc-duration-400;
-  animation-timing-function: @fc-ease-out;
+  -webkit-animation-duration: @duration-400;
+  animation-timing-function: @ease-out;
   animation-fill-mode: backwards;
-  animation-duration: @fc-duration-400;
+  animation-duration: @duration-400;
 
   &.ng-enter,
   &.rotate-up-add,
@@ -1189,12 +1189,12 @@
 .rotate-left {
   -webkit-backface-visibility: visible !important;
   backface-visibility: visible !important;
-  -webkit-animation-timing-function: @fc-ease-out;
+  -webkit-animation-timing-function: @ease-out;
   -webkit-animation-fill-mode: backwards;
-  -webkit-animation-duration: @fc-duration-400;
-  animation-timing-function: @fc-ease-out;
+  -webkit-animation-duration: @duration-400;
+  animation-timing-function: @ease-out;
   animation-fill-mode: backwards;
-  animation-duration: @fc-duration-400;
+  animation-duration: @duration-400;
 
   &.ng-enter,
   &.rotate-left-add,
@@ -1236,12 +1236,12 @@
 .rotate-right {
   -webkit-backface-visibility: visible !important;
   backface-visibility: visible !important;
-  -webkit-animation-timing-function: @fc-ease-out;
+  -webkit-animation-timing-function: @ease-out;
   -webkit-animation-fill-mode: backwards;
-  -webkit-animation-duration: @fc-duration-400;
-  animation-timing-function: @fc-ease-out;
+  -webkit-animation-duration: @duration-400;
+  animation-timing-function: @ease-out;
   animation-fill-mode: backwards;
-  animation-duration: @fc-duration-400;
+  animation-duration: @duration-400;
 
   &.ng-enter,
   &.rotate-right-add,
@@ -1494,12 +1494,12 @@
 
 // Slide - 滑动
 .slide-down {
-  -webkit-animation-timing-function: @fc-ease-in;
+  -webkit-animation-timing-function: @ease-in;
   -webkit-animation-fill-mode: backwards;
-  -webkit-animation-duration: @fc-duration-600;
-  animation-timing-function: @fc-ease-in;
+  -webkit-animation-duration: @duration-600;
+  animation-timing-function: @ease-in;
   animation-fill-mode: backwards;
-  animation-duration: @fc-duration-600;
+  animation-duration: @duration-600;
 
   &.ng-enter,
   &.slide-down-add,
@@ -1539,12 +1539,12 @@
   }
 }
 .slide-left {
-  -webkit-animation-timing-function: @fc-ease-in;
+  -webkit-animation-timing-function: @ease-in;
   -webkit-animation-fill-mode: backwards;
-  -webkit-animation-duration: @fc-duration-600;
-  animation-timing-function: @fc-ease-in;
+  -webkit-animation-duration: @duration-600;
+  animation-timing-function: @ease-in;
   animation-fill-mode: backwards;
-  animation-duration: @fc-duration-600;
+  animation-duration: @duration-600;
 
   &.ng-enter,
   &.slide-left-add,
@@ -1584,12 +1584,12 @@
   }
 }
 .slide-right {
-  -webkit-animation-timing-function: @fc-ease-in;
+  -webkit-animation-timing-function: @ease-in;
   -webkit-animation-fill-mode: backwards;
-  -webkit-animation-duration: @fc-duration-600;
-  animation-timing-function: @fc-ease-in;
+  -webkit-animation-duration: @duration-600;
+  animation-timing-function: @ease-in;
   animation-fill-mode: backwards;
-  animation-duration: @fc-duration-600;
+  animation-duration: @duration-600;
 
   &.ng-enter,
   &.slide-right-add,
@@ -1629,12 +1629,12 @@
   }
 }
 .slide-up {
-  -webkit-animation-timing-function: @fc-ease-in;
+  -webkit-animation-timing-function: @ease-in;
   -webkit-animation-fill-mode: backwards;
-  -webkit-animation-duration: @fc-duration-600;
-  animation-timing-function: @fc-ease-in;
+  -webkit-animation-duration: @duration-600;
+  animation-timing-function: @ease-in;
   animation-fill-mode: backwards;
-  animation-duration: @fc-duration-600;
+  animation-duration: @duration-600;
 
   &.ng-enter,
   &.slide-up-add,
diff --git a/style/mixins/button.less b/style/mixins/button.less
index 0be3f01bc5..b503c74043 100644
--- a/style/mixins/button.less
+++ b/style/mixins/button.less
@@ -88,7 +88,7 @@
   line-height: @line-height-base;
   .button-size(@btn-padding-base; @font-size-base; @btn-border-radius-base);
   .user-select(none);
-  .transition(all .4s @fc-ease-in-out);
+  .transition(all .4s @ease-in-out);
   -webkit-transform: translate3d(0, 0, 0);
 
   > .@{iconfont-css-prefix} {
@@ -196,7 +196,7 @@
     border-radius: 50% 50%;
     content: " ";
     .scale(0, 0);
-    .transition(all @fc-duration-300 @fc-ease-in-out);
+    .transition(all @duration-300 @ease-in-out);
     z-index: 0;
     background-color: @primary-color;
   }
diff --git a/style/themes/default/custom.less b/style/themes/default/custom.less
index 3b5db49339..d8d79ce20d 100644
--- a/style/themes/default/custom.less
+++ b/style/themes/default/custom.less
@@ -26,25 +26,25 @@
 @cursor-disabled        : not-allowed;
 
 // Animation
-@fc-duration-300        : .3s;
-@fc-duration-400        : .4s;
-@fc-duration-500        : .5s;
-@fc-duration-600        : .6s;
-@fc-duration-700        : .7s;
-@fc-duration-800        : .8s;
-@fc-duration-900        : .9s;
-@fc-duration-1000       : 1.0s;
-@fc-duration-1100       : 1.1s;
-@fc-duration-1200       : 1.2s;
-@fc-ease-out            : cubic-bezier(0.25, 0.8, 0.25, 1);
-@fc-ease-in             : cubic-bezier(0.55, 0, 0.55, 0.2);
-@fc-ease-in-out         : cubic-bezier(0.35, 0, 0.25, 1);
-@fc-ease-out-back       : cubic-bezier(0.18, 0.89, 0.32, 1.28);
-@fc-ease-in-back        : cubic-bezier(0.6, -0.3, 0.74, 0.05);
-@fc-ease-in-out-back    : cubic-bezier(0.68, -0.55, 0.27, 1.55);
-@fc-ease-out-circ       : cubic-bezier(0.08, 0.82, 0.17, 1);
-@fc-ease-in-circ        : cubic-bezier(0.6, 0.04, 0.98, 0.34);
-@fc-ease-in-out-circ    : cubic-bezier(0.78, 0.14, 0.15, 0.86);
+@duration-300        : .3s;
+@duration-400        : .4s;
+@duration-500        : .5s;
+@duration-600        : .6s;
+@duration-700        : .7s;
+@duration-800        : .8s;
+@duration-900        : .9s;
+@duration-1000       : 1.0s;
+@duration-1100       : 1.1s;
+@duration-1200       : 1.2s;
+@ease-out            : cubic-bezier(0.25, 0.8, 0.25, 1);
+@ease-in             : cubic-bezier(0.55, 0, 0.55, 0.2);
+@ease-in-out         : cubic-bezier(0.35, 0, 0.25, 1);
+@ease-out-back       : cubic-bezier(0.18, 0.89, 0.32, 1.28);
+@ease-in-back        : cubic-bezier(0.6, -0.3, 0.74, 0.05);
+@ease-in-out-back    : cubic-bezier(0.68, -0.55, 0.27, 1.55);
+@ease-out-circ       : cubic-bezier(0.08, 0.82, 0.17, 1);
+@ease-in-circ        : cubic-bezier(0.6, 0.04, 0.98, 0.34);
+@ease-in-out-circ    : cubic-bezier(0.78, 0.14, 0.15, 0.86);
 
 // BUTTONS
 @btn-font-weight        : normal;