diff --git a/style/web/components/time-picker/_index.less b/style/web/components/time-picker/_index.less
index 1265f50523..9fb47b5cba 100644
--- a/style/web/components/time-picker/_index.less
+++ b/style/web/components/time-picker/_index.less
@@ -205,7 +205,7 @@
         border-radius: @time-picker-panel-item-border-radius;
         text-align: center;
         cursor: pointer;
-        transition: background-color @anim-duration-base;
+        transition: @anim-duration-base linear;
 
         &:not(&.@{prefix}-is-current):not(&.@{prefix}-is-disabled):hover {
           color: @time-picker-panel-item-color-hover;
@@ -234,6 +234,10 @@
 }
 
 .@{prefix}-time-picker__panel-section {
+  &-body {
+    padding: @time-picker-panel-section-padding;
+  }
+
   &-footer {
     width: 100%;
     height: @time-picker-panel-footer-height;
@@ -245,5 +249,6 @@
     position: relative;
     border-top: 1px solid @border-level-1-color;
     box-sizing: border-box;
+    padding: @time-picker-panel-section-padding;
   }
 }
diff --git a/style/web/components/time-picker/_var.less b/style/web/components/time-picker/_var.less
index b3f27b8022..c8599a8687 100644
--- a/style/web/components/time-picker/_var.less
+++ b/style/web/components/time-picker/_var.less
@@ -2,7 +2,7 @@
 
 // size
 @time-picker-width: 240px; // time-picker的宽度
-@time-picker-panel-width: 264px; // time-picker的panel宽度
+@time-picker-panel-width: 280px; // time-picker的panel宽度
 
 @time-picker-input-height: 24px;
 @time-picker-container-top: (@time-picker-input-height + 2px);
@@ -44,7 +44,7 @@
 
 @time-picker-panel-container-margin: @spacer 0;
 @time-picker-panel-body-margin: @spacer-2 0;
-@time-picker-panel-body-padding: 0 (@spacer-3 / 2);
+@time-picker-panel-section-padding: 0 (@spacer-3 / 2);
 @time-picker-panel-item-border-radius: @border-radius-default;
 @time-picker-panel-item-margin-vertical: 6px; // 设计如此
 @time-picker-panel-item-margin-horizontal: (@spacer / 2);