diff --git a/src/assets/images/Halloween/title_Top1.png b/src/assets/images/Halloween/title_Top1.png
new file mode 100644
index 0000000..1068270
Binary files /dev/null and b/src/assets/images/Halloween/title_Top1.png differ
diff --git a/src/assets/images/Halloween/title_Top2.png b/src/assets/images/Halloween/title_Top2.png
new file mode 100644
index 0000000..da66c15
Binary files /dev/null and b/src/assets/images/Halloween/title_Top2.png differ
diff --git a/src/assets/images/Halloween/title_Top3.png b/src/assets/images/Halloween/title_Top3.png
new file mode 100644
index 0000000..9b158d2
Binary files /dev/null and b/src/assets/images/Halloween/title_Top3.png differ
diff --git a/src/views/Activities/Halloween/Halloween.vue b/src/views/Activities/Halloween/Halloween.vue
index 67b4005..3cdf873 100644
--- a/src/views/Activities/Halloween/Halloween.vue
+++ b/src/views/Activities/Halloween/Halloween.vue
@@ -272,12 +272,12 @@
               display: flex;
               justify-content: center;
               align-items: center;
-              color: #fff;
               font-weight: 860;
             "
             class="topTitle"
           >
-            TOP{{ topItem.rule.sort }}
+            <!-- TOP{{ topItem.rule.sort }} -->
+            <img :src="images[`title_Top${topItem.rule.sort}`]" alt="" width="" />
           </div>
           <!-- 主体内容 -->
           <div