diff --git a/packages/collapse-item/index.less b/packages/collapse-item/index.less
index de9166e5b..901968fba 100644
--- a/packages/collapse-item/index.less
+++ b/packages/collapse-item/index.less
@@ -3,8 +3,8 @@
 .van-collapse-item {
   &__title {
     .van-cell__right-icon::before {
-      transition: .3s;
       transform: rotate(90deg);
+      transition: @collapse-item-transition-duration;
     }
 
     &::after {
@@ -24,7 +24,7 @@
     &--disabled {
       &,
       & .van-cell__right-icon {
-        color: @gray;
+        color: @collapse-item-title-disabled-color;
       }
 
       &:active {
@@ -36,11 +36,14 @@
   &__wrapper {
     overflow: hidden;
     will-change: height;
-    transition: height .3s ease-in-out;
+    transition: height @collapse-item-transition-duration ease-in-out;
   }
 
   &__content {
-    padding: 15px;
-    background-color: @white;
+    color: @collapse-item-content-text-color;
+    padding: @collapse-item-content-padding;
+    font-size: @collapse-item-content-font-size;
+    line-height: @collapse-item-content-line-height;
+    background-color: @collapse-item-content-background-color;
   }
 }
diff --git a/packages/collapse/demo/index.vue b/packages/collapse/demo/index.vue
index b10316297..b3305c76f 100644
--- a/packages/collapse/demo/index.vue
+++ b/packages/collapse/demo/index.vue
@@ -81,12 +81,6 @@ export default {
 @import '../../style/var';
 
 .demo-collapse {
-  .van-collapse-item__content {
-    font-size: 13px;
-    line-height: 1.5;
-    color: @gray-darker;
-  }
-
   .van-icon-question {
     color: @blue;
     vertical-align: -3px;
diff --git a/packages/style/var.less b/packages/style/var.less
index 3ab420d0d..8475da386 100644
--- a/packages/style/var.less
+++ b/packages/style/var.less
@@ -48,6 +48,15 @@
 @checkbox-disabled-label-color: @gray;
 @checkbox-disabled-background-color: @border-color;
 
+// Collapse
+@collapse-item-transition-duration: .3s;
+@collapse-item-content-padding: 15px;
+@collapse-item-content-font-size: 13px;
+@collapse-item-content-line-height: 1.5;
+@collapse-item-content-text-color: @gray-dark;
+@collapse-item-content-background-color: @white;
+@collapse-item-title-disabled-color: @gray;
+
 // Info
 @info-size: 16px;
 @info-color: @white;