diff --git a/materials.json b/materials.json
index c2bab5b..40672c7 100644
--- a/materials.json
+++ b/materials.json
@@ -146,5 +146,49 @@
                 ]
             }
         ]
+    },
+    {
+        "电子书": [
+            {
+                "理财投资": [
+                    {
+                        "name": "《小狗钱钱》",
+                        "desc": "链接: https://pan.baidu.com/s/14Vj3dHpkAvILk9apzXfQtQ 提取码: 8brg",
+                        "download_url": "https://pan.baidu.com/s/14Vj3dHpkAvILk9apzXfQtQ"
+
+                    },
+                    {
+                        "name": "《指数基金投资指南》",
+                        "desc": "链接: https://pan.baidu.com/s/1YUQYgbIfA-77HHvjwyNwiQ 提取码: ccht",
+                        "download_url": "https://pan.baidu.com/s/1YUQYgbIfA-77HHvjwyNwiQ"
+
+                    },
+                    {
+                        "name": "《投资最重要的事》",
+                        "desc": "链接: https://pan.baidu.com/s/1B9GRJCdcRBqndI82CnB73Q 提取码: e7p7",
+                        "download_url": "https://pan.baidu.com/s/1B9GRJCdcRBqndI82CnB73Q"
+
+                    },
+                    {
+                        "name": "《基金长青：范勇宏讲述华夏基金15周年》",
+                        "desc": "链接: https://pan.baidu.com/s/1Maj4yKZ4fEtCvzm7l-ACCQ 提取码: jrk6",
+                        "download_url": "https://pan.baidu.com/s/1Maj4yKZ4fEtCvzm7l-ACCQ"
+
+                    },
+                    {
+                        "name": "《股市稳赚》",
+                        "desc": "链接: https://pan.baidu.com/s/1Zj1TYZwkS-3BI7Iqotfugg 提取码: qb4h",
+                        "download_url": "https://pan.baidu.com/s/1Zj1TYZwkS-3BI7Iqotfugg"
+
+                    },
+                    {
+                        "name": "《不落俗套的成功：最好的个人投资方法》",
+                        "desc": "链接: https://pan.baidu.com/s/1CA3TIxvNgCjwbGdUUhut6A 提取码: dgn3",
+                        "download_url": "https://pan.baidu.com/s/1CA3TIxvNgCjwbGdUUhut6A"
+
+                    }
+                ]
+            }
+        ]
     }
 ]
diff --git a/statics/html/materials.html b/statics/html/materials.html
index 0f11454..b463230 100644
--- a/statics/html/materials.html
+++ b/statics/html/materials.html
@@ -2,22 +2,23 @@
 {{ range $TypedMaterialSeries := .AllMaterialsList }}
     <div class="section">
     {{ range $TypeName, $MaterialSeriesList := $TypedMaterialSeries }}
-        <h2 class="header">{{ $TypeName }}</h2>
-        <div class="divider"></div>
-        {{ range $MaterialSeries := $MaterialSeriesList }}
-        <div class="section">
-            {{ range $SeriesName, $MaterialItemList := $MaterialSeries }}
-                <h4 class="header">{{ $SeriesName }}</h4>
-                <div class="section">
-                {{ range $MaterialItem := $MaterialItemList }}
-                    <div class="card-panel">
-                        <p><a href="{{ $MaterialItem.DownloadURL }}" target="_blank">{{ $MaterialItem.Name }}</a></p>
-                        <p>{{ $MaterialItem.Desc }}</p>
+        <h3 class="header">{{ $TypeName }}</h3>
+        <ul class="collapsible">
+        {{ range $i, $MaterialSeries := $MaterialSeriesList }}
+        <li {{ if eq $i 0 }}class="active"{{ end }}>
+                {{ range $SeriesName, $MaterialItemList := $MaterialSeries }}
+                    <div class="collapsible-header">{{ $SeriesName }}</div>
+                    <div class="collapsible-body collection">
+                    {{ range $MaterialItem := $MaterialItemList }}
+                        <div class="collection-item">
+                            <p><a href="{{ $MaterialItem.DownloadURL }}" target="_blank">{{ $MaterialItem.Name }}</a></p>
+                            <p>{{ $MaterialItem.Desc }}</p>
+                        </div>
+                    {{ end }}
                     </div>
                 {{ end }}
-                </div>
-            {{ end }}
-        </div>
+            </li>
+        </ul>
         {{ end }}
     {{ end }}
     </div>