diff --git a/src/components/XNoticeBar.vue b/src/components/XNoticeBar.vue
index b32aa17..b8f3734 100644
--- a/src/components/XNoticeBar.vue
+++ b/src/components/XNoticeBar.vue
@@ -114,7 +114,7 @@ const changeCur = ({detail: {current}}) => {
 }
 
 .x-notice-box {
-    padding: 18rpx 24rpx;
+    padding: 18rpx 24rpx 18rpx 36rpx;
     width: 100%;
     overflow: hidden;
 }
diff --git a/src/pages/beginnerTutorial/index.vue b/src/pages/beginnerTutorial/index.vue
index 027e06f..e96bd73 100644
--- a/src/pages/beginnerTutorial/index.vue
+++ b/src/pages/beginnerTutorial/index.vue
@@ -135,7 +135,7 @@ onMounted(() => {
                             @click="OpenTypeFun(item)"
                             :class="['!flex gap-[16rpx] py-[28rpx] box-border', index<vo.rows.length-1 ? 'border-b' : '']">
                             <image
-                                class="!w-[148rpx] !h-[120rpx] rounded-[12rpx]"
+                                class="!w-[148rpx] !h-[120rpx] rounded-[12rpx] flex-shrink-0"
                                 mode="aspectFill"
                                 :src="item.files && item.files[0] || videoMask">
                             </image>
@@ -173,12 +173,17 @@ onMounted(() => {
 }
 
 .info {
+    display: -webkit-box;
     color: rgb(134, 144, 156);
     font-size: 12px;
     font-weight: 400;
     line-height: 16px;
     letter-spacing: 0;
     text-align: left;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    overflow: hidden;
+    text-overflow: ellipsis;
 }
 
 .tab {