diff --git a/sheep/components/s-live-card/s-live-card.vue b/sheep/components/s-live-card/s-live-card.vue
index 7f7a760..caf9c7d 100644
--- a/sheep/components/s-live-card/s-live-card.vue
+++ b/sheep/components/s-live-card/s-live-card.vue
@@ -11,7 +11,7 @@
         <view class="md-goods-title ss-line-1" :style="[{ color: titleColor }]">
           {{ data.name }}
         </view>
-        <view class="md-goods-subtitle ss-m-t-20 ss-line-1" :style="[{ color: subTitleColor }]">
+        <view class="md-goods-subtitle ss-m-t-14 ss-line-1" :style="[{ color: subTitleColor }]">
           主播：{{ data.anchor_name }}
         </view>
       </view>
@@ -27,7 +27,7 @@
         <view class="sl-goods-title ss-line-1" :style="[{ color: titleColor }]">
           {{ data.name }}
         </view>
-        <view class="sl-goods-subtitle ss-m-t-20 ss-line-1" :style="[{ color: subTitleColor }]">
+        <view class="sl-goods-subtitle ss-m-t-14 ss-line-1" :style="[{ color: subTitleColor }]">
           主播：{{ data.anchor_name }}
         </view>
       </view>
@@ -153,8 +153,11 @@
     }
     .md-goods-content {
       position: absolute;
-      left: 20rpx;
-      bottom: 20rpx;
+      left: 0;
+      bottom: 0;
+      padding: 20rpx;
+      width: 100%;
+      background: linear-gradient(360deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.02) 100%);
     }
 
     .md-img-box {
@@ -202,8 +205,11 @@
     }
     .sl-goods-content {
       position: absolute;
-      left: 20rpx;
-      bottom: 20rpx;
+      left: 0;
+      bottom: 0;
+      padding: 20rpx;
+      width: 100%;
+      background: linear-gradient(360deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.02) 100%);
     }
 
     .sl-img-box {