diff --git a/app/index/view/mobile/topic_ssd/index.html b/app/index/view/mobile/topic_ssd/index.html
index 6118e9f9..a43a49fc 100644
--- a/app/index/view/mobile/topic_ssd/index.html
+++ b/app/index/view/mobile/topic_ssd/index.html
@@ -1,6 +1,8 @@
+{extend name="public/base" /}
+{block name="style"}
 <link rel="stylesheet" href="__CSS__/topic_laptop/header.css">
-<link rel="stylesheet" href="__CSS__/topic_ssd/index.css">
 <link rel="stylesheet" href="__CSS__/topic_laptop/footer.css">
+<link rel="stylesheet" href="__CSS__/topic_ssd/index.css">
 <!-- 将rem适配JS移到这里，确保优先执行 -->
 <script type="text/javascript">
     (function (doc, win)
@@ -12,7 +14,7 @@
         {
             var clientWidth = docEl.clientWidth;
             if (!clientWidth) return;
-            var fontSize = clientWidth / 7.5; 
+            var fontSize = clientWidth / 7.5;
             // 直接修改内联样式，优先级最高
             docEl.setAttribute('style', 'font-size: ' + fontSize + 'px !important;');
         }
@@ -22,40 +24,20 @@
         doc.addEventListener('DOMContentLoaded', setRootFontSize);
     })(document, window);
 </script>
-
-<body>
-    <div class="m-sc-main">
-        <a href="#" target="_blank">
-            <img src="./mimg/m-sc-img-1.png" alt="" class="m-sc-main-img">
+{/block}
+{block name="main"}
+<div class="m-sc-main">
+    {volist name="data.top_focus_images" id="item"}
+    <a href="{$item.link}" target="_blank">
+        <img src="{$item.image}" alt="" class="m-sc-main-img">
+    </a>
+    {/volist}
+    <div class="m-sc-main-imgs m-sc-mt20">
+        {volist name="data.products" id="item"}
+        <a href="{$item.link}" target="_blank" class="">
+            <img src="{$item.image}" alt="" class="m-sc-main-img1">
         </a>
-        <a href="#" target="_blank" class="m-sc-mt20">
-            <img src="./mimg/m-sc-img-2.png" alt="" class="m-sc-main-img">
-        </a>
-        <a href="#" target="_blank" class="m-sc-mt20">
-            <img src="./mimg/m-sc-img-3.png" alt="" class="m-sc-main-img">
-        </a>
-        <a href="#" target="_blank" class="m-sc-mt20">
-            <img src="./mimg/m-sc-img-4.png" alt="" class="m-sc-main-img">
-        </a>
-        <a href="#" target="_blank" class="m-sc-mt20">
-            <img src="./mimg/m-sc-img-5.png" alt="" class="m-sc-main-img">
-        </a>
-        <div class="m-sc-main-imgs m-sc-mt20">
-            <a href="#" target="_blank" class="">
-                <img src="./mimg/m-sc-imgs-1.png" alt="" class="m-sc-main-img1">
-            </a>
-            <a href="#" target="_blank" class="">
-                <img src="./mimg/m-sc-imgs-2.png" alt="" class="m-sc-main-img1">
-            </a>
-            <a href="#" target="_blank" class="">
-                <img src="./mimg/m-sc-imgs-3.png" alt="" class="m-sc-main-img1">
-            </a>
-            <a href="#" target="_blank" class="">
-                <img src="./mimg/m-sc-imgs-4.png" alt="" class="m-sc-main-img1">
-            </a>
-        </div>
-
+        {/volist}
     </div>
-</body>
-
-</html>
\ No newline at end of file
+</div>
+{/block}
