diff --git a/src/components/CommonHeader.vue b/src/components/CommonHeader.vue
index fcd1cae..475f451 100644
--- a/src/components/CommonHeader.vue
+++ b/src/components/CommonHeader.vue
@@ -60,6 +60,9 @@
                                        <li class="nav-item">
                                            <router-link class="nav-link" :to="contactUs.url">{{ contactUs.label }}</router-link>
                                        </li>
+										<li class="nav-item">
+										    <router-link class="nav-link" :to="learns.url">{{ learns.label }}</router-link>
+										</li>
                     <!-- <li class="nav-item">
                         <router-link class="nav-link" :to="announcement.url">{{ announcement.label }}</router-link>
                     </li> -->
@@ -263,6 +266,10 @@ export default {
         label: this.$t("common.contactUs"),
         url: "/contact-us",
       },
+	  // latestnews: {
+	  // 	label: this.$t("home.latestnews"),
+	  // 	url: `/latestnews/${14}`
+	  // },
       blog: {
         label: this.$t("common.blogs"),
         links: [
@@ -300,9 +307,13 @@ export default {
         label: this.$t("common.announcement"),
         url: "/notice",
       },
-      learn: {
-        label: this.$t("common.college"),
-        url: "/college",
+	  learn: {
+	    label: this.$t("common.college"),
+	    url: "/college",
+	  },
+      learns: {
+        label: this.$t("home.latestnews"),
+        url: `/latestnews/${14}`,
       },
       college: {
         label: this.$t("common.college"),
@@ -586,6 +597,7 @@ export default {
         })
         .catch((res) => {});
     },
+	
   },
 
   created() {
diff --git a/src/i18n/de.json b/src/i18n/de.json
index fcb7f9a..4015af0 100644
--- a/src/i18n/de.json
+++ b/src/i18n/de.json
@@ -544,7 +544,8 @@
 		"download": "AMATAK mobile Terminal herunterladen",
 		"easy": "Offener Palmhandel jederzeit und überall",
 		"skan": "Scan-Code und Download jetzt",
-		"core_advantages": "Meine Kernkraft sind Daten"
+		"core_advantages": "Meine Kernkraft sind Daten",
+		"latestnews": "Neueste Nachrichten"
 	},
 	"option": {
 		"waitFor": "Warten auf die Lieferung",
diff --git a/src/i18n/en.json b/src/i18n/en.json
index f9d8ca1..7d57e45 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -638,7 +638,8 @@
 		"download": "Download AMATAK APP",
 		"easy": "Open palm trading anytime, anywhere",
 		"skan": "Scan code now to download",
-		"core_advantages": "My core strength is data"
+		"core_advantages": "My core strength is data",
+		"latestnews": "latest news"
 	},
 	"option": {
 		"waitFor": "Waiting for delivery",
diff --git a/src/i18n/fra.json b/src/i18n/fra.json
index 4e7ba37..8522339 100644
--- a/src/i18n/fra.json
+++ b/src/i18n/fra.json
@@ -544,7 +544,8 @@
 		"download": "Télécharger le terminal mobile AMATAK",
 		"easy": "Ouvrir le commerce de poche n'importe quand, n'importe où",
 		"skan": "Numériser le Code pour télécharger maintenant",
-		"core_advantages": "Mon principal avantage est les données."
+		"core_advantages": "Mon principal avantage est les données.",
+		"latestnews": "dernières nouvelles"
 	},
 	"option": {
 		"waitFor": "En attente de clôture",
diff --git a/src/i18n/it.json b/src/i18n/it.json
index e862394..3dfcc29 100644
--- a/src/i18n/it.json
+++ b/src/i18n/it.json
@@ -544,7 +544,8 @@
 		"download": "Scarica terminale mobile AMATAK",
 		"easy": "Aprire il palmo trading in qualsiasi momento, ovunque",
 		"skan": "Scansione codice e download ora",
-		"core_advantages": "La mia forza principale è dati"
+		"core_advantages": "La mia forza principale è dati",
+		"latestnews": "ultime notizie"
 	},
 	"option": {
 		"waitFor": "In attesa di consegna",
diff --git a/src/i18n/jp.json b/src/i18n/jp.json
index 670e2af..72fd162 100644
--- a/src/i18n/jp.json
+++ b/src/i18n/jp.json
@@ -543,7 +543,8 @@
 		"download": "ダウンロードAMATAKモバイル端末",
 		"easy": "いつでもどこでも、手のひらの取引を開始します。",
 		"skan": "すぐにコードをスキャンしてダウンロードします",
-		"core_advantages": "私の核心の優位はデータです。"
+		"core_advantages": "私の核心の優位はデータです。",
+		"latestnews": "最新ニュース"
 	},
 	"option": {
 		"coinType": "貨幣種類",
diff --git a/src/i18n/kor.json b/src/i18n/kor.json
index 2aa382d..81959b7 100644
--- a/src/i18n/kor.json
+++ b/src/i18n/kor.json
@@ -543,7 +543,8 @@
 		"download": "AMATAK 이동 단 다운로드",
 		"easy": "언제 어디서나 거래 를 시작 하 다.",
 		"skan": "즉시 스 캔 다운로드",
-		"core_advantages": "저의 핵심 장점 은 데이터 입 니 다."
+		"core_advantages": "저의 핵심 장점 은 데이터 입 니 다.",
+		"latestnews": "최신 뉴스"
 	},
 	"option": {
 		"coinType": "화폐 종류.",
diff --git a/src/i18n/pt.json b/src/i18n/pt.json
index 1530740..680ed9f 100644
--- a/src/i18n/pt.json
+++ b/src/i18n/pt.json
@@ -544,7 +544,8 @@
 		"download": "Baixe o AMATAK móvel",
 		"easy": "A qualquer momento e em qualquer lugar, abra a negociação na mão",
 		"skan": "Varre o código para baixar imediatamente",
-		"core_advantages": "Minha principal força são os dados"
+		"core_advantages": "Minha principal força são os dados",
+		"latestnews": "últimas notícias"
 	},
 	"option": {
 		"waitFor": "À espera da entrega.",
diff --git a/src/i18n/spa.json b/src/i18n/spa.json
index 559b2c3..4692b20 100644
--- a/src/i18n/spa.json
+++ b/src/i18n/spa.json
@@ -537,7 +537,8 @@
 		"download": "Descargar el terminal móvil AMATAK",
 		"easy": "En cualquier momento, en cualquier lugar, abrir el comercio de la palma de la mano",
 		"skan": "Descarga de código escaneado ahora",
-		"core_advantages": "Mi principal ventaja son los datos"
+		"core_advantages": "Mi principal ventaja son los datos",
+		"latestnews": "últimas noticias"
 	},
 	"option": {
 		"waitFor": "Esperando la entrega",
diff --git a/src/i18n/tr.json b/src/i18n/tr.json
index 85f2066..03d9873 100644
--- a/src/i18n/tr.json
+++ b/src/i18n/tr.json
@@ -544,7 +544,8 @@
 		"download": "AMATAK mobil terminalini indirin",
 		"easy": "Her zaman, her yerde el ticareti açın",
 		"skan": "Şimdi indirmek için kodu tarayın",
-		"core_advantages": "Temel gücüm veri"
+		"core_advantages": "Temel gücüm veri",
+		"latestnews": "en son haberler"
 	},
 	"option": {
 		"waitFor": "Teslim edilmeyi bekliyor",
diff --git a/src/i18n/tw.json b/src/i18n/tw.json
index 45d918a..239ae9d 100644
--- a/src/i18n/tw.json
+++ b/src/i18n/tw.json
@@ -580,7 +580,8 @@
         "download": "下載AMATAK移動端",
         "easy": "隨時隨地，開啟掌上交易",
         "skan": "立即掃碼下載",
-        "core_advantages": "我的覈心優勢是數據"
+        "core_advantages": "我的覈心優勢是數據",
+		"latestnews": "最新資訊"
     },
     "option": {
         "waitFor": "等待交割",
diff --git a/src/router/index.js b/src/router/index.js
index 77047d8..273e6ef 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -37,6 +37,9 @@ import ForgotPwd from '@/views/forgotPwd';
 // 合约
 import Contract from '@/views/contract'
 
+// 关于我们
+import latestnews from '@/views/college/latestnews'
+
 // OTC
 import Otc from "./otc";
 // 公告
@@ -141,7 +144,13 @@ const routes = [{
         path: "/notice/:id",
         component: NoticeDetail,
         props:true
-    }
+    },
+	{
+	    name: "latestnews",
+	    path: "/latestnews/:cid",
+	    component: latestnews,
+	    props:true
+	}
 ]
 
 const router = new VueRouter({
diff --git a/src/views/college/latestnews.vue b/src/views/college/latestnews.vue
new file mode 100644
index 0000000..5d55bcf
--- /dev/null
+++ b/src/views/college/latestnews.vue
@@ -0,0 +1,174 @@
+<template>
+<div style="background-color: #121212;">
+    <!-- <secondary-nav /> -->
+    <!-- 二级导航公用的，样式不要乱改 -->
+    <!-- 列表 -->
+    <div class="container course-list" style="width: 1320px !important;max-width:none;padding: 10px 0px;">
+        <div class="row">
+            <div class="col-12">
+                <!-- <el-breadcrumb separator-class="el-icon-arrow-right">
+                    <el-breadcrumb-item :to="{ path: '/college' }" class="fn-18">{{$t('college.college')}}</el-breadcrumb-item>
+                    <el-breadcrumb-item :to="{ path: `/college/list/${cid}`}" class="fn-18" style="color: #fff;">{{title}}</el-breadcrumb-item>
+                </el-breadcrumb> -->
+
+                <!-- 新二级导航 -->
+                <!-- <ul class="SecondaryNavUl">
+                    <li class="SecondaryNavList" v-for="(item,index) in itemList" :key="index">
+                        <router-link :to="item.url" active-class="SecondaryNavActive">{{item.label}}</router-link>
+                    </li>
+                </ul> -->
+
+                <!-- <div class="title h3 my-4">{{title}}</div> -->
+                <div class="row justify-content-between" style="margin-top: 20px;">
+                    <router-link :to="`/college/detail/${cid}/${item.id}`" class="item col-lg-3 col-md-6 mb-4 col-xs-12" v-for="(item,index) in articleList" :key="index">
+                        <div class="banner">
+                            <!-- <img src="http://iph.href.lu/260x150" alt /> -->
+                            <img :src="item.full_cover" alt />
+                        </div>
+                        <div class="txt">
+                            {{item.title}}
+                        </div>
+                        <!-- <div class="txt2" v-html="item.body"></div> -->
+                        <div class="txt2">{{item.updated_at}}</div>
+                    </router-link>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+</template>
+
+<script>
+import College from "@/api/college";
+
+export default {
+    data() {
+        return {
+            cid: this.$route.params.cid,
+            articleList: [],
+            itemList: [],// 二级导航
+        }
+    },
+    computed: {
+        title() {
+            let key = this.cid;
+            console.log(this.cid, 'this.cid')
+            switch (key) {
+                case 'novice':
+                    return this.$t('college.noviceTutorial')
+                case 'strategy':
+                    return this.$t('college.TradingStrategy')
+                case 'research':
+                    return this.$t('college.industryResearch')
+                case 'dictionary':
+                    return this.$t('college.dictionary')
+                case 'report':
+                    return this.$t('college.media')
+                case 'OkChain':
+                    return 'OkChain'
+                case '18':
+                    return this.$t('common.noviceTutorial')
+                case '21':
+                    return this.$t('college.TradingStrategy')
+                case '22':
+                    return this.$t('college.industryResearch')
+                case '32':
+                    return this.$t('home.news')
+            }
+        }
+    },
+    methods: {
+        getArticleList() {
+            College.getArticleList(this.cid).then(data => {
+                this.articleList = data;
+
+            }).catch();
+        },
+        getCollegeLinks() {
+            College.getCategoryList().then(list => {
+                list.forEach(item => {
+                    this.itemList.push({
+                        url : `/college/list/${item.id}`,
+                        label : item.name
+                    })
+                })
+            }).catch(err => {});
+           
+        },
+    },
+    watch: {
+        $route() {
+            this.cid = this.$route.params.cid;
+            this.getArticleList();
+        }
+    },
+    created() {
+        this.getCollegeLinks();
+        this.getArticleList();
+    },
+};
+</script>
+
+<style scoped>
+.course-list .item .banner{
+    width: 310px;
+    height: 164px;
+    border-radius: 10px;
+    margin-bottom: 35px;
+    overflow: hidden;
+}
+.course-list .item .banner img{
+    width: 310px;
+    height: 164px;
+}
+.course-list .item .txt{
+    padding: 0px 45px 0px 25px;
+    font-size: 22px;
+    color: #fff;
+    margin-bottom: 18px;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    overflow: hidden;
+    height: 66px;
+}
+.course-list .item .txt2{
+    padding: 0px 45px 0px 25px;
+    font-size: 16px;
+    color: #929292;
+    margin-bottom: 18px;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    overflow: hidden;
+}
+.SecondaryNavUl{
+    display: flex;
+    height: 72px;
+}
+.SecondaryNavUl .SecondaryNavList{
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-right: 60px;
+    height: 100%;
+}
+.SecondaryNavUl .SecondaryNavList a{
+    color: #929292;
+    font-size: 24px;
+}
+.SecondaryNavUl .SecondaryNavList .SecondaryNavActive {
+    color: #fff !important;
+}
+
+
+.el-breadcrumb__item:last-child::v-deep .el-breadcrumb__inner::v-deep{
+    color: #fff !important;
+    /* 写不进去，无效代码 */
+}
+/deep/ .el-breadcrumb__item:last-child .el-breadcrumb__inner{
+    color: #fff !important;
+    /* 写进去，有效代码 */
+}
+
+</style>