diff --git a/src/components/collapse/panel.vue b/src/components/collapse/panel.vue
index 80c955ae..593ceba0 100644
--- a/src/components/collapse/panel.vue
+++ b/src/components/collapse/panel.vue
@@ -1,7 +1,7 @@
 <template>
     <div :class="itemClasses">
         <div :class="headerClasses" @click="toggle">
-            <Icon type="arrow-right-b"></Icon>
+            <Icon type="ios-arrow-right"></Icon>
             <slot></slot>
         </div>
         <collapse-transition>
diff --git a/src/styles/components/collapse.less b/src/styles/components/collapse.less
index 8e5024d0..ca169c00 100644
--- a/src/styles/components/collapse.less
+++ b/src/styles/components/collapse.less
@@ -14,16 +14,22 @@
         > .@{collapse-prefix-cls}-header{
             height: 38px;
             line-height: 38px;
-            padding-left: 32px;
+            padding-left: 16px;
             color: #666;
             cursor: pointer;
             position: relative;
+            border-bottom: 1px solid transparent;
+            transition: all @transition-time @ease-in-out;
 
             > i{
                 transition: transform @transition-time @ease-in-out;
+                margin-right: 14px;
             }
         }
     }
+    &  > &-item&-item-active > &-header{
+        border-bottom: 1px solid @border-color-base;
+    }
     &  > &-item&-item-active > &-header > i{
         transform: rotate(90deg);
     }