diff --git a/docs/src/WapApp.vue b/docs/src/WapApp.vue
index a008925e7..043b8d315 100644
--- a/docs/src/WapApp.vue
+++ b/docs/src/WapApp.vue
@@ -88,7 +88,7 @@ body {
 }
 
 .van-doc-demo-section {
-  margin-top: -46px;
-  padding-top: 46px;
+  margin-top: -56px;
+  padding-top: 56px;
 }
 </style>
diff --git a/packages/panel/index.less b/packages/panel/index.less
index b3674aa49..13e17f638 100644
--- a/packages/panel/index.less
+++ b/packages/panel/index.less
@@ -1,13 +1,13 @@
 @import '../style/var';
 
 .van-panel {
-  background: @white;
+  background: @panel-background-color;
 
   &__header-value {
-    color: @red;
+    color: @panel-header-value-color;
   }
 
   &__footer {
-    padding: 10px 15px;
+    padding: @panel-footer-padding;
   }
 }
diff --git a/packages/style/var.less b/packages/style/var.less
index 09b30add1..700a3e578 100644
--- a/packages/style/var.less
+++ b/packages/style/var.less
@@ -190,6 +190,11 @@
 // Overlay
 @overlay-background-color: rgba(0, 0, 0, 0.7);
 
+// Panel
+@panel-background-color: @white;
+@panel-header-value-color: @red;
+@panel-footer-padding: 10px 15px;
+
 // Radio
 @radio-size: 20px;
 @radio-border-color: @gray-light;