Fix：5150 【商城小程序】体验券按钮栏左右滑动时，按钮内容被异常遮挡，显示不完整

(cherry picked from commit edaba70c6e)

pkg_product/views/experienceCoupon.vue

@@ -518,7 +518,7 @@ export default {
   right: 0;
   top: 0;
   bottom: 0;
-  padding: 32rpx;
+  padding: 32rpx 0;
   padding-bottom: 120rpx; /* 为下方内容上移留出空间 */
   box-sizing: border-box;
   color: #fff;
@@ -544,6 +544,7 @@ export default {
 
 .header-main {
   margin-bottom: 20rpx;
+  padding: 0 24rpx;
 }
 .coupon-tabs-scroll {
   width: 100%;
@@ -555,6 +556,7 @@ export default {
   gap: 16rpx;
   padding-right: 24rpx;
   flex-wrap: nowrap;
+  padding: 0 24rpx;
 }
 .coupon-tab-item {
   padding: 8rpx 24rpx;
@@ -660,7 +662,7 @@ export default {
 }
 
 .content {
-  padding: 0 24rpx;
+  padding: 0;
   margin-top: -120rpx; /* 将下方内容整体上移，覆盖在渐变区域上 */
   position: relative;
   z-index: 4;
@@ -674,6 +676,7 @@ export default {
 .tabs {
   display: flex;
   gap: 16rpx;
+  margin: 0 24rpx;
   padding-right: 24rpx;
 }
 .tab-item {
@@ -695,6 +698,7 @@ export default {
   padding-bottom: 24rpx;
   column-count: 2;
   column-gap: 6rpx;
+  padding: 0 24rpx 24rpx;
 }
 .card {
   margin-bottom: 24rpx;