diff --git a/style/components/tab.less b/style/components/tab.less
index a8518b4d9daadf40763159a79443560fca4a42cf..19e4c07a9670124fa690d2386c154a702655bced 100644
--- a/style/components/tab.less
+++ b/style/components/tab.less
@@ -7,7 +7,6 @@
 .@{prefixClass} {
   outline: none;
   box-sizing: border-box;
-  border-bottom: 2px solid #f3f3f3;
   position: relative;
 
   &-ink-bar {
@@ -16,8 +15,7 @@
     left: 0;
     bottom: 0;
     box-sizing: border-box;
-    height: 4px;
-    margin-top: -3px;
+    height: 2px;
     background-color: #3fc7fa;
     transform: scaleX(1);
     transform-origin: 0 0;
@@ -36,12 +34,12 @@
     line-height: 1.5;
     box-sizing: border-box;
     width: 100%;
-    overflow: hidden;
     position: relative;
     white-space: nowrap;
-    padding-left: 32px;
     padding-right: 32px;
-    border-bottom: 2px solid #f3f3f3;
+    border-bottom: 1px solid #f3f3f3;
+    margin-bottom: 15px;
+    .clearfix;
   }
 
   &-tab-prev, &-tab-next {
@@ -51,11 +49,12 @@
     margin-right: -2px;
     width: 32px;
     height: 100%;
-    line-height: 36px;
+    line-height: 32px;
     cursor: pointer;
     border: none;
     background-color: transparent;
     position: absolute;
+    text-align: center;
 
     &-icon {
       position: relative;
@@ -67,14 +66,11 @@
       vertical-align: baseline;
       text-align: center;
       text-transform: none;
-      -webkit-font-smoothing: antialiased;
-      -webkit-text-stroke-width: 0;
-      -moz-osx-font-smoothing: grayscale;
       font-family: sans-serif;
 
       &:before {
         display: block;
-        font-family: "iconfont" !important;
+        font-family: "anticon" !important;
       }
     }
   }
@@ -83,7 +79,7 @@
     right: 2px;
 
     &-icon:before {
-      content: "\e651";
+      content: "\e611";
     }
   }
 
@@ -92,7 +88,7 @@
     transform: rotate(180deg);
     filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
     &-icon:before {
-      content: "\e651";
+      content: "\e611";
     }
   }
 
@@ -102,18 +98,18 @@
   }
 
   &-nav-scroll {
-    width:99999px;
+    width: 99999px;
+    overflow: hidden;
   }
 
   &-nav {
-    height: 36px;
     box-sizing: border-box;
     padding-left: 0;
     transition: left 0.5s @easing-in-out;
     position: relative;
     margin: 0;
     list-style: none;
-    display: inline-block;
+    float: left;
 
     &:before, &:after {
       display: table;
@@ -145,17 +141,15 @@
     .@{prefixClass}-tab {
       float: left;
       height: 100%;
-      padding: 10px 20px;
       margin-right: 30px;
       box-sizing: border-box;
       position: relative;
-      display: block;
 
       > a {
+        padding: 8px 25px;
         transition: color 0.3s @easing-in-out;
-        margin-bottom: 4px;
         font-weight: 500;
-        display: inline-block;
+        display: block;
         color: #666;
       }
 
@@ -177,12 +171,10 @@
   &-content {
     position: relative;
     width: 100%;
-    overflow: hidden;
   }
 
   &-slide-horizontal-backward-enter {
     transform: translateX(-100%);
-
   }
 
   &-slide-horizontal-backward-enter&-slide-horizontal-backward-enter-active {