diff --git a/src/App.vue b/src/App.vue
index 108891e..db422a4 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -88,7 +88,7 @@ export default {
   .nav-link {
     // color: #fff;
     color:#c3d1de;
-    @include fs(14);
+    // @include fs(14);
   }
 
   .profile-nav {
diff --git a/src/components/CommonFooter.vue b/src/components/CommonFooter.vue
index 6021ee5..7c09c84 100644
--- a/src/components/CommonFooter.vue
+++ b/src/components/CommonFooter.vue
@@ -16,94 +16,58 @@
         </div>
       </div>
       <div class="footer-upper-section-left">
-        <!-- service -->
-        <div class="service">
-          <div class="item" style="width: 100%;text-align: left">
+        <!-- college -->
+        <div class="college">
+          <div class="item item1" style="width: 100%;text-align: left">
             <p
               class="item_p"
               style="
                 
                 font-size: 20px;
-                color: white;
+                color: #444;
                 font-weight: 700;
               "
             >
-              {{ $t("common.service") }}
-            </p>
-            <p class="foot_p" >
-              <router-link :to="service[0].url">{{
-                service[0].label
-              }}</router-link>
-            </p>
-            <p class="foot_p" >
-              <router-link :to="service[1].url">{{
-                service[1].label
-              }}</router-link>
-            </p>
-            <p class="foot_p" >
-              <router-link :to="service[2].url">{{
-                service[2].label
-              }}</router-link>
-
-              <!--                <router-link :to="service[3].url">{{ service[3].label }}</router-link>-->
+              {{ $t("common.college") }}
             </p>
-            <p class="foot_p" >
-              <router-link :to="service[3].url">{{
-                service[3].label
-              }}</router-link>
+            <p class="foot_p" v-for="(item, index) in college" :key="index">
+              <router-link :to="item.url">{{ item.label }}</router-link>
             </p>
           </div>
         </div>
-
-        <!-- college -->
-        <div class="college" style="margin:0 119px;">
-          <div class="item item1" style="width: 100%;text-align: left">
+        <!-- service -->
+        <div class="service" style="margin:0 119px;">
+          <div class="item" style="width: 100%;text-align: left">
             <p
               class="item_p"
               style="
                 
                 font-size: 20px;
-                color: white;
+                color: #444;
                 font-weight: 700;
               "
             >
-              {{ $t("common.college") }}
-            </p>
-            <p class="foot_p" >
-              <router-link :to="college[0].url">{{
-                college[0].label
-              }}</router-link>
-            </p>
-            <p class="foot_p" >
-              <router-link :to="college[1].url">{{
-                college[1].label
-              }}</router-link>
-            </p>
-            <p class="foot_p" >
-              <router-link :to="college[2].url">{{
-                college[2].label
-              }}</router-link>
+              {{ $t("common.service") }}
             </p>
-            <p class="foot_p" >
-              <router-link :to="college[3].url">{{
-                college[3].label
-              }}</router-link>
+            <p class="foot_p" v-for="(item1, index1) in service" :key="index1">
+              <router-link :to="item1.url">{{item1.label}}</router-link>
             </p>
           </div>
         </div>
 
+
         <!-- email -->
         <div class="item">
           <p
             class="item_p"
-            style="text-align: left; font-size: 20px; color: white"
+            style="text-align: left; font-size: 20px; color: #444;font-weight: 700;"
           >
             {{ $t("common.contactUs") }}
           </p>
           <p class="foot_p" style="font-size: 14px">
             {{ $t("common.email") }}:
           </p>
-          <p class="foot_p" style="font-size: 14px; color: white">
+          <p class="foot_p" style="font-size: 14px;">
             {{ email }}
           </p>
         </div>
@@ -246,7 +210,7 @@
           </div>
         </div> -->
 
-        <div class="copyright-text text-center">
+        <div class="copyright-text text-center" style="color: #444;">
           {{ appConfig.copyright }}
         </div>
       </div>
@@ -327,6 +291,7 @@ export default {
 
 <style scoped lang="scss">
 .footer {
+  border-top: none !important;
   .footer-upper-section {
   padding: 0;
   display: flex;
@@ -393,10 +358,11 @@ export default {
   height: 57px;
   background-color: rgba(0, 0, 0, 1);
   text-align: center;
-  border: 1px solid rgba(46, 46, 46, 1);
+  // border: 1px solid rgba(46, 46, 46, 1);
+  border-top: 1px solid #434343;
   .container {
     width: 100%;
-    height: 57px;
+    // height: 57px;
     margin: 0 auto;
   }
 }
@@ -407,17 +373,21 @@ export default {
 
 
 .foot_p {
-  color: #797979;
+  color: #b0b0b0;
   font-size: 14px;
   margin: 0;
 
-  a:hover {
-    color: #797979;
+  a{
+    color: #b0b0b0;
   }
 
-  a:visited {
+  a:hover {
     color: #797979;
   }
+
+  // a:visited {
+  //   color: #797979;
+  // }
 }
 
 .icon_foot {
diff --git a/src/components/CommonHeader.vue b/src/components/CommonHeader.vue
index defa66f..bc2ede3 100644
--- a/src/components/CommonHeader.vue
+++ b/src/components/CommonHeader.vue
@@ -51,12 +51,12 @@
                                        <!-- <li class="nav-item">
                                            <router-link class="nav-link" :to="application.url">{{ application.label }}</router-link>
                                        </li> -->
-                                       <!-- <li class="nav-item">
-                                           <router-link class="nav-link" :to="college.url">{{college.label}}</router-link>
-                                       </li> -->
-                                       <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="college.url">{{college.label}}</router-link>
+                    </li>
+                    <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="announcement.url">{{ announcement.label }}</router-link>
                     </li> -->
@@ -191,11 +191,11 @@
                     </template>
                     <template v-else>
                         <li class="nav-item dropdown no-login" style="width:auto">
-                            <router-link to="/sign-in" class="btn btn-primary btn-sm rounded-pill" href="#" tag="div"
+                            <router-link to="/sign-in" class="btn btn-primary2 btn-sm rounded-pill" href="#" tag="div"
                                          role="button" style="margin:0 15px">{{ $t('common.sign_in') }}
                             </router-link>
                             <router-link to="/sign-up"
-                                         class="btn btn-outline-light btn-sm btn-light-shadow rounded-pill" href="#"
+                                         class="btn btn-primary3 btn-sm rounded-pill" href="#"
                                          tag="div" role="button" style="color:#fff;">{{ $t('common.sign_up') }}
                             </router-link>
                         </li>
@@ -585,7 +585,7 @@ export default {
 
 <style lang="scss" scoped>
 header {
-  border-bottom: 1px solid #6E6E6E !important;
+  // border-bottom: 1px solid #6E6E6E !important;
 color: #fff !important;
   @include fs(15);
 
@@ -612,9 +612,8 @@ color: #fff !important;
 
   .nav-bar .router-link-active {
     // color: #c99445;
-    // color: black;
-    // color: #fff;
-    border-bottom: 2px solid black;
+    color: #0B0FCC;
+    border-bottom: 2px solid #0B0FCC;
     // background-color:rgba(53, 83, 210, 0.2) ;
   }
 
@@ -668,4 +667,11 @@ color: #fff !important;
   line-height: 50 rpx;
   text-align: right;
 }
+.btn-primary2{
+  border: none;
+  color: #FFF;
+}
+.btn-primary3{
+  background: #0B0FCC;
+}
 </style>
diff --git a/src/i18n/de.json b/src/i18n/de.json
index 984b00a..9588a9e 100644
--- a/src/i18n/de.json
+++ b/src/i18n/de.json
@@ -533,7 +533,49 @@
         "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",
+        "a0": "Konto aufladen",
+        "a1": "Kryptowährungsgelder zu Ihrem Wallet hinzufügen",
+        "a2": "Und sofort mit dem Handel beginnen",
+        "a3": "Jetzt aufladen",
+        "a4": "Globale Handelsplattform für digitale Vermögenswerte",
+        "a5": "Verschlüsselte Asset-Transaktionen einfacher machen",
+        "a6": "Jetzt anmelden",
+        "a7": "Digital Asset Market Express",
+        "a8":"Markttrend",
+        "a9":"Währung",
+        "a10":"Letzter Preis (USD)",
+        "a11":"24h-Erhöhung",
+        "a12":"24h-Transaktionsvolumen",
+        "a13":"Top 10",
+        "a14":"5 Millionen+",
+        "a15":"< 0,10 %",
+        "a16":"200+",
+        "a17":"Globales Ranking",
+        "a18":"Benutzer vertrauen uns",
+        "a19":"Extrem niedrige Gebühren",
+        "a20":"Länder",
+        "a21":"Multi-Terminal-Unterstützung",
+        "a22":"Mit digitalen Vermögenswerten jederzeit und überall handeln",
+        "a23":"Unterstützt eine breite Palette von Vermögenswerttypen mit allen Währungsinformationen",
+        "a24":"APP Store",
+        "a25":"Android APK",
+        "a26":"Code scannen, um APP herunterzuladen",
+        "a27":"iOS & Android",
+        "a28":"In NVRcoin sind Transaktionen sicher und stabil",
+        "a29":"Bieten Dienstleistungen für den Handel mit digitalen Vermögenswerten für mehr als 200 Länder an",
+        "a30":"Einfacher und bequemer Handel mit Kryptowährungs-Assets",
+        "a31":"Das Produkt ist leicht zu verstehen, der Transaktionsprozess ist bequem und die Blockchain-Asset-Service-Plattform aus einer Hand",
+        "a32":"Bieten Sie basierend auf der Benutzererfahrung ein angenehmes Verschlüsselungsdiensterlebnis",
+        "a33":"Bedienung globaler mehrsprachiger Regionen und Entwicklung eines Tors für alle Benutzer zum Eintritt in die verschlüsselte Welt",
+        "a34":"Sicherheit und Stabilität ohne Unfälle",
+        "a35":"Mehrere Sicherheitsstrategiegarantien, 100 % Reservefondsgarantie, seit seiner Gründung sind keine Sicherheitsvorfälle aufgetreten",
+        "a36":"Optimaler Transaktionsgebührensatz",
+        "a37":"Vorzugstransaktionspreise, wettbewerbsfähige VIP-Rechte, genießen Sie den hochwertigsten Service",
+        "a38":"Anfängerleitfaden",
+        "a39":"Den Transaktionsprozess für digitale Vermögenswerte schnell verstehen",
+        "a40":"sofort Einkommen verdienen",
+        "a41":"Klicken Sie hier, um zu gehen"
     },
     "option": {
         "waitFor":"Warten auf die Lieferung",
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 023762d..0c44768 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -594,7 +594,49 @@
         "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",
+        "a0": "Recharge the account",
+        "a1": "Add cryptocurrency funds to your wallet",
+        "a2": "And start trading immediately",
+        "a3": "Recharge now",
+        "a4": "Global digital asset trading platform",
+        "a5": "Make encrypted asset transactions easier",
+        "a6": "Sign up now",
+        "a7": "Digital Asset Market Express",
+        "a8": "Market Trend",
+        "a9": "Currency",
+        "a10": "Latest Price (USD)",
+        "a11": "24h increase",
+        "a12": "24h transaction volume",
+        "a13": "Top 10",
+        "a14": "5 million+",
+        "a15": "< 0.10%",
+        "a16": "200+",
+        "a17": "Global Ranking",
+        "a18": "users trust us",
+        "a19": "Ultra-Low Fees",
+        "a20": "Countries",
+        "a21": "Multi-terminal support",
+        "a22": "Trade digital assets anytime, anywhere",
+        "a23": "Supports a wide range of asset types, with all currency information",
+        "a24": "APP Store",
+        "a25": "Android APK",
+        "a26": "Scan code to download APP",
+        "a27": "iOS & Android",
+        "a28": "In NVRcoin, transactions are safe and stable",
+        "a29": "Provide digital asset trading services for more than 200 countries",
+        "a30": "Simple and convenient trading of encrypted assets",
+        "a31": "The product is easy to understand, the transaction process is convenient, and the one-stop blockchain asset service platform",
+        "a32": "Based on user experience, provide pleasant encryption service experience",
+        "a33":"Serving global multilingual regions, becoming a gateway for all users to enter the encrypted world",
+        "a34": "Safety and stability with zero accidents",
+        "a35": "Multiple security strategy guarantees, 100% reserve fund guarantee, no security incidents have occurred since its establishment",
+        "a36": "Optimal transaction fee rate",
+        "a37": "Preferential transaction rates, competitive VIP rights, enjoy the highest quality service",
+        "a38": "Beginner's Guide",
+        "a39": "Quickly understand the digital asset transaction process",
+        "a40": "earn income immediately",
+        "a41": "Click to go"
     },
     "option": {
         "waitFor": "Waiting for delivery",
diff --git a/src/i18n/fra.json b/src/i18n/fra.json
index 22e5416..ef2ead2 100644
--- a/src/i18n/fra.json
+++ b/src/i18n/fra.json
@@ -533,7 +533,49 @@
         "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.",
+        "a0": "Recharger le compte",
+        "a1": "Ajouter des fonds de crypto-monnaie à votre portefeuille",
+        "a2": "Et commencez à trader immédiatement",
+        "a3": "Recharger maintenant",
+        "a4": "Plateforme mondiale d'échange d'actifs numériques",
+        "a5": "Faciliter les transactions d'actifs chiffrés",
+        "a6": "Inscrivez-vous maintenant",
+        "a7": "Express du marché des actifs numériques",
+        "a8": "Tendance du marché",
+        "a9": "Devise",
+        "a10": "Dernier prix (USD)",
+        "a11": "augmentation de 24h",
+        "a12": "Volume de transactions 24h",
+        "a13": "Top 10",
+        "a14": "5 millions +",
+        "a15": "< 0,10 %",
+        "a16": "200+",
+        "a17": "Classement mondial",
+        "a18": "les utilisateurs nous font confiance",
+        "a19": "Frais ultra-bas",
+        "a20": "Pays",
+        "a21": "Prise en charge multi-terminaux",
+        "a22": "Échangez des actifs numériques à tout moment, n'importe où",
+        "a23": "Prend en charge un large éventail de types d'actifs, avec toutes les informations sur les devises",
+        "a24": "Magasin d'applications",
+        "a25": "APK Android",
+        "a26": "Scannez le code pour télécharger l'APP",
+        "a27": "iOS et Androïd",
+        "a28": "Dans NVRcoin, les transactions sont sûres et stables",
+        "a29": "Fournir des services de trading d'actifs numériques pour plus de 200 pays",
+        "a30": "Trading simple et pratique d'actifs cryptés",
+        "a31": "Le produit est facile à comprendre, le processus de transaction est pratique et la plate-forme de service d'actifs blockchain à guichet unique",
+        "a32": "En fonction de l'expérience utilisateur, offrez une expérience de service de chiffrement agréable",
+        "a33":"Desservant les régions multilingues du monde, devenant une passerelle permettant à tous les utilisateurs d'entrer dans le monde crypté",
+        "a34": "Sécurité et stabilité sans accident",
+        "a35": "De multiples garanties de stratégie de sécurité, garantie à 100% du fonds de réserve, aucun incident de sécurité n'est survenu depuis sa mise en place",
+        "a36": "Taux de frais de transaction optimal",
+        "a37": "Taux de transaction préférentiels, droits VIP compétitifs, profitez d'un service de la plus haute qualité",
+        "a38": "Guide du débutant",
+        "a39": "Comprendre rapidement le processus de transaction d'actifs numériques",
+        "a40": "gagner un revenu immédiatement",
+        "a41": "Cliquez pour aller"
     },
     "option": {
         "waitFor": "En attente de clôture",
diff --git a/src/i18n/it.json b/src/i18n/it.json
index 050cc47..80018b0 100644
--- a/src/i18n/it.json
+++ b/src/i18n/it.json
@@ -533,7 +533,49 @@
         "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",
+        "a0": "Ricarica il conto",
+        "a1": "Aggiungi fondi di criptovaluta al tuo portafoglio",
+        "a2": "E inizia subito a fare trading",
+        "a3": "Ricarica ora",
+        "a4": "Piattaforma globale di trading di asset digitali",
+        "a5": "Semplifica le transazioni di risorse crittografate",
+        "a6": "Iscriviti ora",
+        "a7": "Digital Asset Market Express",
+        "a8": "Tendenza di mercato",
+        "a9": "Valuta",
+        "a10": "Ultimo prezzo (USD)",
+        "a11": "Aumento 24h",
+        "a12": "Volume di transazione 24h",
+        "a13": "Primi 10",
+        "a14": "5 milioni+",
+        "a15": "< 0,10%",
+        "a16": "200+",
+        "a17": "Classifica globale",
+        "a18": "gli utenti si fidano di noi",
+        "a19": "Commissioni ultra basse",
+        "a20": "Paesi",
+        "a21": "Supporto multi-terminale",
+        "a22": "Scambia asset digitali sempre e ovunque",
+        "a23": "Supporta un'ampia gamma di tipi di risorse, con tutte le informazioni sulla valuta",
+        "a24": "App store",
+        "a25": "APK Android",
+        "a26": "Scansiona il codice per scaricare l'APP",
+        "a27": "iOS & Android",
+        "a28": "In NVRcoin, le transazioni sono sicure e stabili",
+        "a29": "Fornisci servizi di trading di asset digitali per oltre 200 paesi",
+        "a30": "Trading semplice e conveniente di risorse crittografate",
+        "a31": "Il prodotto è facile da capire, il processo di transazione è conveniente e la piattaforma di servizio asset blockchain one-stop",
+        "a32": "In base all'esperienza dell'utente, fornisci un'esperienza di servizio di crittografia piacevole",
+        "a33":"Al servizio di regioni multilingue globali, diventando un gateway per tutti gli utenti per entrare nel mondo crittografato",
+        "a34": "Sicurezza e stabilità con zero incidenti",
+        "a35": "Garanzie multiple sulla strategia di sicurezza, garanzia del fondo di riserva al 100%, non si sono verificati incidenti di sicurezza dalla sua istituzione",
+        "a36": "Tasso di commissione di transazione ottimale",
+        "a37": "Tariffe di transazione preferenziali, diritti VIP competitivi, goditi il ​​servizio della massima qualit",
+        "a38": "Guida per principianti",
+        "a39": "Comprendi rapidamente il processo di transazione degli asset digitali",
+        "a40": "guadagna reddito immediatamente",
+        "a41": "Clicca per andare"
     },
     "option": {
         "waitFor": "In attesa di consegna",
diff --git a/src/i18n/jp.json b/src/i18n/jp.json
index 9c57a0f..121f7e1 100644
--- a/src/i18n/jp.json
+++ b/src/i18n/jp.json
@@ -532,7 +532,49 @@
         "download": "ダウンロードAMATAKモバイル端末",
         "easy": "いつでもどこでも、手のひらの取引を開始します。",
         "skan": "すぐにコードをスキャンしてダウンロードします",
-        "core_advantages": "私の核心の優位はデータです。"
+        "core_advantages": "私の核心の優位はデータです。",
+        "a0": "アカウントにリチャージします",
+        "a1": "ウォレットに暗号通貨資金を追加します",
+        "a2": "すぐに取引を開始します",
+        "a3": "今すぐ充電してください",
+        "a4": "グローバルデジタル資産取引プラットフォーム",
+        "a5": "暗号化資産の取引を容易にする",
+        "a6": "今すぐサインアップしてください",
+        "a7": "デジタルアセットマーケットエクスプレス",
+        "a8": "市場動向",
+        "a9": "通貨",
+        "a10": "最新価格 (USD)",
+        "a11": "24時間増加",
+        "a12": "24時間の取引量",
+        "a13": "トップ 10",
+        "a14": "500万以上",
+        "a15": "< 0.10%",
+        "a16": "200+",
+        "a17": "グローバルランキング",
+        "a18": "ユーザーは私たちを信頼しています",
+        "a19": "超低料金",
+        "a20": "国",
+        "a21": "複数端末サポート",
+        "a22": "いつでもどこでもデジタル資産を取引",
+        "a23": "あらゆる通貨情報を備えた幅広い資産タイプをサポートします",
+        "a24": "APP ストア",
+        "a25": "Android APK",
+        "a26": "コードをスキャンしてアプリをダウンロードします",
+        "a27": "iOS と Android",
+        "a28": "NVRcoin では、トランザクションは安全かつ安定しています",
+        "a29": "200 か国以上にデジタル資産取引サービスを提供",
+        "a30": "簡単かつ便利な暗号資産の取引",
+        "a31": "製品は理解しやすく、取引プロセスは便利で、ワンストップのブロックチェーン資産サービス プラットフォームです。",
+        "a32": "ユーザーエクスペリエンスに基づいて、快適な暗号化サービスエクスペリエンスを提供します",
+        "a33": "世界的な多言語地域にサービスを提供し、すべてのユーザーが暗号化された世界に入るゲートウェイになります",
+        "a34": "「事故ゼロの安全・安定」",
+        "a35": "複数のセキュリティ戦略保証、100% 予備費保証、設立以来セキュリティ事故は発生していません",
+        "a36": "最適な取引手数料率",
+        "a37": "優遇取引レート、競争力のある VIP 権利、最高品質のサービスをお楽しみください",
+        "a38": "初心者ガイド",
+        "a39": "デジタル資産の取引プロセスを素早く理解する",
+        "a40": "すぐに収入を得る",
+        "a41": "クリックして移動"
     },
     "option": {
         "coinType": "貨幣種類",
diff --git a/src/i18n/kor.json b/src/i18n/kor.json
index b54162b..a0c3227 100644
--- a/src/i18n/kor.json
+++ b/src/i18n/kor.json
@@ -532,7 +532,49 @@
         "download": "AMATAK 이동 단 다운로드",
         "easy": "언제 어디서나 거래 를 시작 하 다.",
         "skan": "즉시 스 캔 다운로드",
-        "core_advantages": "저의 핵심 장점 은 데이터 입 니 다."
+        "core_advantages": "저의 핵심 장점 은 데이터 입 니 다.",
+        "a0": "계정 충전",
+        "a1": "지갑에 암호화폐 자금 추가",
+        "a2": "즉시 거래 시작",
+        "a3": "지금 충전하세요",
+        "a4": "글로벌 디지털 자산 거래 플랫폼",
+        "a5": "암호화된 자산 거래를 더 쉽게 만들기",
+        "a6": "지금 가입하세요",
+        "a7": "디지털 자산 마켓 익스프레스",
+        "a8": "시장 동향",
+        "a9": "통화",
+        "a10": "최신 가격(USD)",
+        "a11": "24시간 증가",
+        "a12": "24시간 거래량",
+        "a13": "상위 10개",
+        "a14": "5백만 이상",
+        "a15": "< 0.10%",
+        "a16": "200+",
+        "a17": "글로벌 랭킹",
+        "a18": "사용자는 우리를 신뢰합니다",
+        "a19": "매우 낮은 수수료",
+        "a20": "국가",
+        "a21": "다중 단말기 지원",
+        "a22": "언제 어디서나 디지털 자산 거래",
+        "a23": "모든 통화 정보와 함께 광범위한 자산 유형을 지원합니다.",
+        "a24": "앱 스토어",
+        "a25": "안드로이드 APK",
+        "a26": "앱을 다운로드하려면 코드를 스캔하세요",
+        "a27": "iOS 및 안드로이드",
+        "a28": "NVRcoin에서는 트랜잭션이 안전하고 안정적입니다.",
+        "a29": "200개 이상의 국가에 디지털 자산 거래 서비스 제공",
+        "a30": "간단하고 편리한 암호화 자산 거래",
+        "a31": "제품이 이해하기 쉽고 거래 프로세스가 편리하며 원스톱 블록체인 자산 서비스 플랫폼",
+        "a32": "사용자 경험을 바탕으로 즐거운 암호화 서비스 경험 제공",
+        "a33":"글로벌 다국어 지역에 서비스를 제공하여 모든 사용자가 암호화된 세계에 들어갈 수 있는 관문이 됨",
+        "a34": "사고 제로의 안전과 안정성",
+        "a35": "여러 보안 전략 보장, 100% 적립금 보장, 설립 이후 발생한 보안 사고 없음",
+        "a36": "최적 거래 수수료 비율",
+        "a37": "우대 거래율, 경쟁력 있는 VIP 권리, 최고 품질의 서비스를 즐기세요",
+        "a38": "초보자 가이드",
+        "a39": "디지털 자산 거래 프로세스를 빠르게 이해",
+        "a40": "즉시 수익 창출",
+        "a41": "클릭하여 이동"
     },
     "option": {
         "coinType": "화폐 종류.",
diff --git a/src/i18n/pt.json b/src/i18n/pt.json
index f4cbf57..c8bee32 100644
--- a/src/i18n/pt.json
+++ b/src/i18n/pt.json
@@ -533,7 +533,49 @@
         "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",
+        "a0": "Recarregue a conta",
+        "a1": "Adicione fundos de criptomoeda à sua carteira",
+        "a2": "E comece a negociar imediatamente",
+        "a3": "Recarregue agora",
+        "a4": "Plataforma global de negociação de ativos digitais",
+        "a5": "Facilite as transações de ativos criptografados",
+        "a6": "Inscreva-se agora",
+        "a7": "Mercado de Ativos Digitais Expresso",
+        "a8": "Tendência de Mercado",
+        "a9": "Moeda",
+        "a10": "Último preço (USD)",
+        "a11": "Aumento de 24h",
+        "a12": "volume de transações 24h",
+        "a13": "Top 10",
+        "a14": "5 milhões+",
+        "a15": "< 0,10%",
+        "a16": "200+",
+        "a17": "Classificação Global",
+        "a18": "os usuários confiam em nós",
+        "a19": "Taxas ultrabaixas",
+        "a20": "Países",
+        "a21": "Suporte multi-terminal",
+        "a22": "Negocie ativos digitais a qualquer hora, em qualquer lugar",
+        "a23": "Suporta uma ampla gama de tipos de ativos, com todas as informações de moeda",
+        "a24": "Loja de aplicativos",
+        "a25": "APK para Android",
+        "a26": "Escaneie o código para baixar o APP",
+        "a27": "iOS e Android",
+        "a28": "Em NVRcoin, as transações são seguras e estáveis",
+        "a29": "Fornece serviços de negociação de ativos digitais para mais de 200 países",
+        "a30": "Negociação simples e conveniente de ativos criptografados",
+        "a31": "O produto é fácil de entender, o processo de transação é conveniente e a plataforma de serviço de ativos blockchain completa",
+        "a32": "Com base na experiência do usuário, forneça uma experiência de serviço de criptografia agradável",
+        "a33":"Servindo regiões multilíngues globais, tornando-se uma porta de entrada para todos os usuários entrarem no mundo criptografado",
+        "a34": "Segurança e estabilidade com zero acidentes",
+        "a35": "Múltiplas garantias de estratégia de segurança, garantia de 100% do fundo de reserva, nenhum incidente de segurança ocorreu desde a sua criação",
+        "a36": "Taxa de taxa de transação ideal",
+        "a37": "Taxas de transação preferenciais, direitos VIP competitivos, aproveite o serviço da mais alta qualidade",
+        "a38": "Guia para iniciantes",
+        "a39": "Entenda rapidamente o processo de transação de ativos digitais",
+        "a40": "ganhar renda imediatamente",
+        "a41": "Clique para ir"
     },
     "option": {
         "waitFor": "À espera da entrega.",
diff --git a/src/i18n/spa.json b/src/i18n/spa.json
index b756602..2b5f10d 100644
--- a/src/i18n/spa.json
+++ b/src/i18n/spa.json
@@ -533,7 +533,49 @@
         "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",
+        "a0": "Recargar la cuenta",
+        "a1": "Agregue fondos de criptomonedas a su billetera",
+        "a2": "Y comience a operar de inmediato",
+        "a3": "Recarga ahora",
+        "a4": "Plataforma global de comercio de activos digitales",
+        "a5": "Facilitar las transacciones de activos encriptados",
+        "a6": "Regístrate ahora",
+        "a7": "Mercado Express de Activos Digitales",
+        "a8": "Tendencia del mercado",
+        "a9": "Moneda",
+        "a10": "Precio más reciente (USD)",
+        "a11": "aumento de 24h",
+        "a12": "Volumen de transacciones de 24 horas",
+        "a13": "Los 10 mejores",
+        "a14": "5 millones+",
+        "a15": "<0.10%",
+        "a16": "200+",
+        "a17": "Clasificación mundial",
+        "a18": "los usuarios confían en nosotros",
+        "a19": "Tarifas ultrabajas",
+        "a20": "Países",
+        "a21": "Soporte multiterminal",
+        "a22": "Comercio con activos digitales en cualquier momento y en cualquier lugar",
+        "a23": "Admite una amplia gama de tipos de activos, con toda la información de moneda",
+        "a24": "Tienda de aplicaciones",
+        "a25": "Android APK",
+        "a26": "Escanear código para descargar la APLICACIÓN",
+        "a27": "iOS y Android",
+        "a28": "En NVRcoin, las transacciones son seguras y estables",
+        "a29": "Proporciona servicios de comercio de activos digitales para más de 200 países",
+        "a30": "Intercambio simple y conveniente de activos encriptados",
+        "a31": "El producto es fácil de entender, el proceso de transacción es conveniente y la plataforma de servicio de activos de blockchain de ventanilla única",
+        "a32": "Según la experiencia del usuario, proporcione una experiencia de servicio de encriptación agradable",
+        "a33":"Serviendo a regiones multilingües globales, convirtiéndose en una puerta de entrada para que todos los usuarios ingresen al mundo encriptado",
+        "a34": "Seguridad y estabilidad con cero accidentes",
+        "a35": "Garantías múltiples de estrategia de seguridad, garantía del 100% del fondo de reserva, no se han producido incidentes de seguridad desde su establecimiento",
+        "a36": "Tarifa de tarifa de transacción óptima",
+        "a37": "Tarifas de transacción preferenciales, derechos VIP competitivos, disfrute de un servicio de la más alta calidad",
+        "a38": "Guía para principiantes",
+        "a39": "Comprenda rápidamente el proceso de transacción de activos digitales",
+        "a40": "obtener ingresos inmediatamente",
+        "a41": "Haz clic para ir"
     },
     "option": {
         "waitFor":"Esperando la entrega",
diff --git a/src/i18n/tr.json b/src/i18n/tr.json
index d8c61d2..f26f61a 100644
--- a/src/i18n/tr.json
+++ b/src/i18n/tr.json
@@ -533,7 +533,49 @@
         "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",
+        "a0": "Hesabı yeniden şarj et",
+        "a1": "Cüzdanınıza kripto para fonları ekleyin",
+        "a2": "Ve hemen işlem yapmaya başlayın",
+        "a3": "Şimdi şarj edin",
+        "a4": "Küresel dijital varlık ticaret platformu",
+        "a5": "Şifreli varlık işlemlerini kolaylaştırın",
+        "a6": "Şimdi kaydolun",
+        "a7": "Dijital Varlık Piyasası Ekspresi",
+        "a8": "Pazar Trendi",
+        "a9": "Para Birimi",
+        "a10": "Son Fiyat (USD)",
+        "a11": "24 saatlik artış",
+        "a12": "24 saatlik işlem hacmi",
+        "a13": "İlk 10",
+        "a14": "5 milyon+",
+        "a15": "< %0,10",
+        "a16": "200+",
+        "a17": "Küresel Sıralama",
+        "a18": "kullanıcılar bize güveniyor",
+        "a19": "Ultra Düşük Ücretler",
+        "a20": "Ülkeler",
+        "a21": "Çoklu terminal desteği",
+        "a22": "Dijital varlıklarla her zaman, her yerde ticaret yapın",
+        "a23": "Tüm para birimi bilgileriyle birlikte çok çeşitli varlık türlerini destekler",
+        "a24": "APP Mağazası",
+        "a25": "Android APK",
+        "a26": "APP'yi indirmek için kodu tarayın",
+        "a27": "iOS ve Android",
+        "a28": "NVRcoin'de işlemler güvenli ve stabildir",
+        "a29": "200'den fazla ülke için dijital varlık ticareti hizmeti sağlayın",
+        "a30": "Şifrelenmiş varlıkların basit ve kullanışlı ticareti",
+        "a31": "Ürünün anlaşılması kolaydır, işlem süreci uygundur ve tek noktadan blok zincir varlık hizmet platformu",
+        "a32": "Kullanıcı deneyimine dayalı olarak, hoş bir şifreleme hizmeti deneyimi sağlayın",
+        "a33":"Global çok dilli bölgelere hizmet vermek, tüm kullanıcıların şifreli dünyaya girmesi için bir ağ geçidi olmak",
+        "a34": "Sıfır kaza ile güvenlik ve denge",
+        "a35": "Birden çok güvenlik stratejisi garantisi, %100 yedek akçe garantisi, kuruluşundan bu yana hiçbir güvenlik olayı meydana gelmemiştir",
+        "a36": "Optimal işlem ücreti oranı",
+        "a37": "Tercihli işlem oranları, rekabetçi VIP hakları, en yüksek kalitede hizmetin keyfini çıkarın",
+        "a38": "Başlangıç ​​Kılavuzu",
+        "a39": "Dijital varlık işlem sürecini hızlıca anlayın",
+        "a40": "hemen gelir elde et",
+        "a41": "Gitmek için tıklayın"
     },
     "option": {
         "waitFor": "Teslim edilmeyi bekliyor",
diff --git a/src/i18n/tw.json b/src/i18n/tw.json
index 1071cfc..0aafce2 100644
--- a/src/i18n/tw.json
+++ b/src/i18n/tw.json
@@ -532,7 +532,59 @@
         "download": "下載AMATAK移動端",
         "easy": "隨時隨地，開啟掌上交易",
         "skan": "立即掃碼下載",
-        "core_advantages": "我的覈心優勢是數據"
+        "core_advantages": "我的覈心優勢是數據",
+        "a0": "向賬戶充值",
+        "a1": "將加密貨幣資金添加到您的錢包",
+        "a2": "並立即開始交易",
+        "a3": "立即充值",
+        "a4": "全球数字资产交易平台",
+        "a5": "让加密资产交易更简单",
+        "a6": "立即注册",
+        "a7": "数字资产行情速递",
+        "a8":"市场趋势",
+        "a9":"币种",
+        "a10":"最新价（USD）",
+        "a11":"24h涨幅",
+        "a12":"24h成交量",
+        "a13":"Top 10",
+        "a14":"5 million+",
+        "a15":"< 0.10%",
+        "a16":"200+",
+        "a17":"Global  Ranking",
+        "a18":"users trust us",
+        "a19":"Ultra-Low Fees",
+        "a20":"Countries",
+        "a21":"多终端支持",
+        "a22":"随时随地交易数字资产",
+        "a23":"支持丰富的资产种类，币种信息一应俱全",
+        "a24":"APP Store",
+        "a25":"Android APK",
+        "a26":"扫码下载APP",
+        "a27":"iOS & Android",
+        "a28":"在NVRcoin，交易安全稳定",
+        "a29":"为200多个国家提供数字资产交易服务",
+        "a30":"简单便捷交易加密资产",
+        "a31":"产品简单易懂、交易流程便捷，一站式区块链资产服务平台",
+        "a32":"以用户体验为本，提供愉悦的加密服务体验",
+        "a33":"服务全球多语言地区，成为所有用户进入加密世界的网关",
+        "a34":"安全稳定零事故",
+        "a35":"多重安全策略保障、100%备用金保证，成立至今未发生安全事故",
+        "a36":"最優的交易費率",
+        "a37":"優惠的交易費率，富有競爭力的VIP權益，享受最有品質的服務",
+        "a38":"新手指引",
+        "a39":"快速了解數字資產交易流程",
+        "a40":"立即赚取收益",
+        "a41":"点击前往",
+        "a42":"",
+        "a43":"",
+        "a44":"",
+        "a45":"",
+        "a46":"",
+        "a47":"",
+        "a48":"",
+        "a49":"",
+        "a50":"",
+        "a51":""
     },
     "option": {
         "waitFor": "等待交割",
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 3fef0c2..e65f7ee 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div id="dowebok" ref="dowebok">
-    <div class="section">
+    <div class="section" v-if="0">
       <div class="banner-block col-xs-8">
         <!-- <el-carousel :interval="6000" height="490px" style="width: 100%">
           <el-carousel-item v-for="item in pcBannerList" :key="item.id" >
@@ -46,7 +46,106 @@
 
       <!-- 走马灯 -->
     </div>
-    <!-- <div class="marquee">
+    <div class="section" style="width: 100%;height:600px;background-color: #0D0E12;">
+      <!-- 全球数字资产交易平台 -->
+      <div class="section-block section-block-1" v-if="!isLogin">
+        <div>
+          <h1 style="font-size: 42px;">{{ $t("home.a4") }}</h1>
+          <h2 style="margin-bottom: 20px;">{{ $t("home.a5") }}</h2>
+          <router-link :to="`/sign-up`" class="btn3">{{ $t("home.a6") }}</router-link>
+        </div>
+        <img
+              src="../../../static/images/home_bg_1.png"
+              width="590px"
+              height="491px"
+            />
+      </div>
+      <!-- 向賬戶充值 -->
+      <div class="section-block section-block-1" v-if="isLogin">
+        <div>
+          <h1>{{ $t("home.a0") }}</h1>
+          <h2 style="margin-bottom: 20px;">
+            {{ $t("home.a1") }}
+            <br />{{ $t("home.a2") }}
+          </h2>
+          <div class="btn3">{{ $t("home.a3") }}</div>
+        </div>
+        <img
+              src="../../../static/images/home_bg_1.png"
+              width="607px"
+              height="452px"
+            />
+      </div>
+    </div>
+    <div class="section-block">
+      <div class="col-xs-8 banner-block-2">
+        <div class="flex-item-2" v-for="item in homeList2" :key="item.pair + ''">
+          <div class="price-info d-flex">
+            <img :src="item.coin_icon" alt="">
+            <div class="symbol" style="margin: 0px 20px 0px 6px;font-weight: bold;font-size: 16px;">
+              {{ item.pair_name }}
+            </div>
+            <div class="d-flex">
+              <span :class="item.increase >= 0 ? 'increace' : 'decreace'">
+                {{ item.increaseStr }}
+              </span>
+            </div>
+          </div>
+          <div style="font-weight: bold;font-size: 20px;">{{ item.close }}</div>
+          <div style="color: #999;">{{ item.close }}</div>
+        </div>
+      </div>
+    </div>
+    <div class="section-block section-block-4">
+      <!-- futures class -->
+      <div class="d-flex justify-content-between">
+          <div class="img-box" v-for="(item, index) in articleList" :key="index">
+              <router-link class="post-link" :to="`/college/detail/${item.category_id}/${item.id}`">
+                  <img :src="item.full_cover" alt="" >
+              </router-link>
+              <!-- <div>{{ item.title }}</div> -->
+          </div>
+      </div>
+    </div>
+    <div class="section-block section-block-2">
+      <!-- 市场趋势 -->
+      <div class="d-flex justify-content-between" style="align-items: center;">
+        <h1>{{ $t("home.a8") }}</h1>
+        <!-- <span>
+          <router-link to="/exchange" style="color:#999;">{{ $t("home.a13") }}</router-link>
+          <img src="../../../static/images/icon/right.png" alt="" width="10" height="10" />
+        </span> -->
+      </div>
+      <div style="color: #999;">{{ $t("home.a7") }}</div>
+      <div class="d-flex justify-content-between mb-4">
+        <div style="width:25%;">
+          <div class="th">{{ $t("home.a9") }}</div>
+          <div class="td" v-for="(item, index) in brokenLine" :key="index">
+            <img :src="item.coin_icon" style="width:30px;height:30px;" />
+            <span>{{item.coin_name}}</span>
+          </div>
+        </div>
+        <div style="width:25%;">
+          <div class="th">{{ $t("home.a10") }}</div>
+          <div class="td" v-for="(item, index) in brokenLine" :key="index">{{item.close}}</div>
+        </div>
+        <div style="width:25%;text-align: center;">
+          <div class="th">{{ $t("home.a11") }}</div>
+          <div class="td" v-for="(item, index) in brokenLine" :key="index" 
+            :class="item.increase < 0 ? 'td c_decreace' : 'td c_increase'">{{item.increaseStr}}
+          </div>
+        </div>
+        <div style="width:25%;text-align: right;">
+          <div class="th">{{ $t("home.a12") }}</div>
+          <div class="td" v-for="(item, index) in brokenLine" :key="index">{{item.vol}}</div>
+        </div>
+      </div>
+      <!-- <div v-if="!isLogin">
+        <div style="font-weight: bold;font-size: 22px;">{{ $t("home.a14") }}</div>
+        <div class="btn3 mt-3"><router-link to="/sign-in" class="target-a">{{ $t("home.a15") }}</router-link></div>
+      </div> -->
+    </div>
+    <div class="marquee" v-if="0">
       <div class="marquee-pargress d-flex">
         <ul class="marquee-list d-flex" v-for="box in 4" :key="box">
           <li class="item" v-for="item in homeList" :key="item.pair + '' + box">
@@ -64,7 +163,7 @@
           </li>
         </ul>
       </div>
-    </div> -->
+    </div>
 
     <!-- 公告 -->
     <!-- <div class="notice container d-flex align-items-center">
@@ -361,28 +460,111 @@
     <!--        </div>-->
     <!--中间显示4个图标-->
 
-    <!-- number count -->
+    <!-- number count 五百万 -->
     <div class="num-info d-flex">
       <div class="num-info-count">
-        <div class="num">5 million+</div>
-        <div class="title">users trust us</div>
+        <div class="num">{{ $t("home.a13") }}</div>
+        <div class="title">{{ $t("home.a17") }}</div>
       </div>
       <div class="num-info-count">
-        <div class="num">92,115,351</div>
-        <div class="title">trading transactions</div>
+        <div class="num">{{ $t("home.a14") }}</div>
+        <div class="title">{{ $t("home.a18") }}</div>
       </div>
       <div class="num-info-count">
-        <div class="num">12,689,199</div>
-        <div class="title">payments in local currency</div>
+        <div class="num">{{ $t("home.a15") }}</div>
+        <div class="title">{{ $t("home.a19") }}</div>
       </div>
       <div class="num-info-count">
-        <div class="num">8,464,594</div>
-        <div class="title">payments using crypto</div>
+        <div class="num">{{ $t("home.a16") }}</div>
+        <div class="title">{{ $t("home.a20") }}</div>
       </div>
     </div>
+    <!-- build -->
+    <div class="build-box">
+      <div class="build-bottom d-flex">
+        <!-- 多终端支持 -->
+        <div class="build-left">
+          <!-- applogo -->
+          <div class="service-title">
+            <div class="build-left-text-appname"
+              style="font-size: 32px;font-weight: bold;"
+            >
+            {{ $t("home.a21") }}
+            </div>
+            <div style="font-size: 16px">
+              {{ $t("home.a22") }}
+            </div>
+          </div>
 
+          <div class="build-left-text" style="font-size: 20px;margin-top: 30px;">
+            {{ $t("home.a23") }}
+          </div>
+
+          <div class="build-left-download d-flex">
+            <!-- ios -->
+            <div class="download">
+              <img src="../../../static/images/icon/antFill-apple@2x.png" alt="" />
+              <div class="download-ios-name">{{ $t("home.a24") }}</div>
+            </div>
+            <!-- android -->
+            <div class="download">
+              <img src="../../../static/images/icon/fab fa-android@2x.png" alt="" />
+              <div class="download-android-name">{{ $t("home.a25") }}</div>
+            </div>
+
+          </div>
+          <!-- qrcode -->
+          <div class="d-flex" style="align-items: center;">
+            <div class="qrcode">
+              <!-- <img src="../../assets/img/download.png" alt="" /> -->
+            </div>
+            <div>
+              <span style="font-size: 20px;font-weight: bold;">{{ $t("home.a26") }}</span>
+              <br />
+              <span>{{ $t("home.a27") }}</span>
+            </div>
+          </div>
+        </div>
+        <div class="build-right">
+          <div class="build-right-phone">
+            <img src="../../../static/images/a.png" alt="" />
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="section-block section-block-3">
+      <!-- 在NVRcoin，交易安全稳定 -->
+      <h1>{{ $t("home.a28") }}</h1>
+      <div style="color: #6A6E74;margin-bottom: 30px;">{{ $t("home.a29") }}</div>
+      <div class="d-flex justify-content-between" style="flex-wrap: wrap;">
+        <div class="box box1">
+          <div>
+            <div class="txt_1">{{ $t("home.a30") }}</div>
+            <div class="txt_2">{{ $t("home.a31") }}</div>
+          </div>
+        </div>
+        <div class="box box2">
+          <div>
+            <div class="txt_1">{{ $t("home.a32") }}</div>
+            <div class="txt_2">{{ $t("home.a33") }}</div>
+          </div>
+        </div>
+        <div class="box box3">
+          <div>
+            <div class="txt_1">{{ $t("home.a34") }}</div>
+            <div class="txt_2">{{ $t("home.a35") }}</div>
+          </div>
+        </div>
+        <div class="box box4">
+          <div>
+            <div class="txt_1">{{ $t("home.a36") }}</div>
+            <div class="txt_2">{{ $t("home.a37") }}</div>
+          </div>
+        </div>
+      </div>
+    </div>
     <!-- why you choose -->
-    <div class="lattest-news-section">
+    <div class="lattest-news-section" v-if="0">
       <div class="service">
         <!-- 标题 -->
         <div class="service-title">
@@ -514,7 +696,7 @@
     <!--        </div>-->
 
     <!-- our technology -->
-    <div class="lattest-news-section">
+    <div class="lattest-news-section" v-if="0">
       <div class="service">
         <!-- 标题 -->
         <div class="service-title">
@@ -560,7 +742,7 @@
     </div>
 
     <!-- beginner's guide -->
-    <div class="lattest-news-section">
+    <div class="lattest-news-section" v-if="0">
       <div class="service">
         <!-- 标题 -->
         <div class="service-title">
@@ -677,77 +859,26 @@
         </div>
       </div>
     </div>
-    <!-- build -->
-    <div class="build-box">
-      <!-- 标题部分 -->
-      <!-- <div class="section-choose section-build" style="height: 200px">
-        <div class="section-choose-top">
-          <div style="font-size: 48px; font-weight: 700">
-            Build your crypto portfolio anywhere
-          </div>
-          <div style="font-size: 20px; margin: 5px 0">
-            A powerful cryptocurrency exchange in your pocket. Buy, sell and
-            trade crypto on the go.
-          </div>
-          <div class="section-choose-boder"></div>
-        </div>
-      </div> -->
-      <!-- 下方部分 -->
-      <div class="build-bottom d-flex">
-        <!-- phone module -->
-        <div class="build-right">
-          <div class="build-right-phone">
-            <img src="../../assets/img/phonemodule.png" alt="" />
-          </div>
-        </div>
-        <div class="build-left">
-          <!-- applogo -->
-          <div class="service-title">
-            <div
-              class="build-left-text-appname text-start service-title-text1"
-              style="font-size: 48px;"
-            >
-              YBGCOINS APP
-            </div>
-            <div class="dotfive d-flex">
-              <div class="dotblue" v-for="item in 5" :key="item"></div>
-            </div>
-          </div>
-
-          <div class="build-left-text" style="font-size: 24px">
-            Create infinite possibilities
-          </div>
-
-          <div class="build-left-download d-flex">
-            <!-- android -->
-            <div class="download checked">
-              <div class="download-android-name">Android</div>
-            </div>
-
-            <!-- ios -->
-            <div class="download">
-              <div class="download-ios-name">ios</div>
-            </div>
-          </div>
-          <div
-            class="build-left-text"
-            style="font-size: 20px; margin-top: 10px; font-weight: 400"
-          >
-            Explore the world's leading NFT trading market, DEX, and multi chain
-          </div>
-          <div
-            class="build-left-text"
-            style="font-size: 20px; margin-top: 10px; font-weight: 400"
-          >
-            wallet.
-          </div>
-          <!-- qrcode -->
-          <div class="qrcode">
-            <img src="../../assets/img/download.png" alt="" />
+    <div class="section-block section-block-4">
+      <!-- 新手指引 -->
+      <h1>{{ $t("home.a38") }}</h1>
+      <div style="color: #6A6E74;margin-bottom: 30px;">{{ $t("home.a39") }}</div>
+      <div class="d-flex justify-content-between">
+          <div class="img-box-2" v-for="(item, index) in articleList" :key="index">
+              <router-link class="post-link" :to="`/college/detail/${item.category_id}/${item.id}`">
+                  <!-- <img :src="item.full_cover" alt="" > -->
+                  <div class="img"></div>
+              </router-link>
+              <!-- <div>{{ item.title }}</div> -->
           </div>
-        </div>
       </div>
     </div>
+    <div class="section-block" style="padding-bottom: 100px;text-align: center;margin-top: 100px;">
+      <!-- 立即赚取收益 -->
+      <div style="font-size: 40px;font-weight: bold;margin-bottom: 30px;">{{ $t("home.a40") }}</div>
+      <router-link :to="`/exchange`" class="btn4" v-if="isLogin">{{ $t("home.a41") }}</router-link>
+      <router-link :to="`/sign-in`" class="btn4" v-if="!isLogin">{{ $t("home.a41") }}</router-link>
+    </div>
   </div>
 </template>
   
@@ -842,6 +973,8 @@ export default {
       bannerList: [],
       articleList: [],
       homeList: [],
+      homeList2: [],
+      brokenLine: [],
       iconList: [],
       marketList: [],
       tab: "Optional",
@@ -902,6 +1035,7 @@ export default {
           this.bannerList = res.bannerList;
 
           this.homeList = res.homeList;
+          this.homeList2 = res.homeList.splice(0,4);
           //   console.log(res.homeList);
           this.marketList = res.marketList;
           // this.calculatePath()
@@ -1008,6 +1142,8 @@ export default {
         let { data, msg, code, sub, type, status } = res;
         if (sub == "indexMarketList") {
           this.marketList = data;
+          this.brokenLine = data[0].marketInfoList.slice(0,5);
+          this.homeList2 = data[0].marketInfoList.slice(0,4);
           this.replaceOptional();
           // this.calculatePath()
         } else if (type == "ping") {
@@ -1036,9 +1172,9 @@ export default {
     },
     // 新手教程
     getArticleList() {
-      College.getArticleList(20)
+      College.getArticleList(18)
         .then((data) => {
-          this.articleList = data.splice(0, 4);
+          this.articleList = data.splice(0, 3);
           setTimeout(() => {
             this.skroll();
           }, 100);
@@ -1114,7 +1250,8 @@ export default {
   
   <style lang="scss" scoped>
 #dowebok {
-  background: rgb(18, 19, 24) !important;
+  // background: rgb(18, 19, 24) !important;
+  background: #121318 !important;
 }
 
 path {
@@ -1162,6 +1299,7 @@ path {
   height: 492px;
   background-size: 100% 100%;
   overflow-x: hidden;
+  background-color: transparent;
   .banner-block img {
     width: 100%;
     height: 100%;
@@ -1350,17 +1488,18 @@ path {
 }
 // num count
 .num-info {
-  width: 100%;
+  width: 1200px;
   height: 150px;
-  justify-content: space-evenly;
-  margin: 60px 0;
+  justify-content: space-between;
+  margin: 50px auto;
   .num-info-count {
     .num {
       font-size: 36px;
-      color: rgba(50, 105, 235, 1);
+      font-weight: bold;
+      color: white;
     }
     .title {
-      color: white;
+      color: #999;
       font-size: 20px;
     }
   }
@@ -1476,47 +1615,47 @@ path {
   width: 100%;
   text-align: center;
   color: white;
-  padding-bottom: 100px;
+  padding: 50px 0px;
+  background: url("../../../static/images/home_build_bg1.png");
+  background-size: 100% 100%;
   .build-bottom {
-    justify-content: center;
+    width: 1200px;
+    margin: 0px auto;
+    justify-content: space-between;
+    align-items: center;
     .text-start {
       text-align: start;
     }
     .build-left {
       text-align: left;
-      margin-left: 80px;
       .service-title {
         .dotfive {
           margin-left: 8px;
         }
       }
-      //   .build-left-logo {
-      //     width: 366px;
-      //     height: 92px;
-      //     .build-left-logo img {
-      //       width: 100%;
-      //       height: 100%;
-      //     }
-      //   }
       .build-left-download {
         justify-content: space-between;
         align-items: center;
-        width: 402px;
-        height: 80px;
+        width: 220px;
+        height: 130px;
         font-size: 14px;
-        border: 2px solid white;
         border-radius: 9999px;
-        padding: 0 6px;
         margin: 28px 0;
 
         .download {
-          width: 180px;
-          height: 60px;
+          width: 100px;
           text-align: center;
-          line-height: 60px;
 
-          font-size: 24px;
+          font-size: 16px;
           font-weight: 500;
+
+          img{
+            width: 48px;
+            height: 48px;
+          }
+        }
+        .download:nth-of-type(1){
+          width: 80px;
         }
         .checked {
           border-radius: 9999px;
@@ -1526,13 +1665,13 @@ path {
         }
       }
       .qrcode {
-        width: 130px;
-        height: 130px;
-        margin-top: 20px;
+        width: 110px;
+        height: 110px;
         padding: 10px;
         border: 2px solid #fff;
-        background-color: #000;
-        border-radius: 8px;
+        background-color: #fff;
+        border-radius: 5px;
+        margin-right: 15px;
         img {
           width: 100%;
           height: 100%;
@@ -1540,11 +1679,11 @@ path {
       }
     }
     .build-right {
-      width: 384px;
-      height: 791px;
-      .build-right img {
-        width: 100%;
-        height: 100%;
+      width: 297px;
+      height: 599px;
+      img {
+        width: 297px;
+        height: 599px;
       }
     }
   }
@@ -1841,8 +1980,258 @@ path {
       font-size: 20px;
     }
   }
+
+  
+}
+
+.banner-block-2{
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: 30px 0px;
+
+    .flex-item-2{
+      width: 336px;
+      height: 85px;
+      box-sizing: border-box;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+
+      .price-info{
+        align-items: center;
+        img{
+          width: 30px;
+          height: 30px;
+        }
+      }
+    }
+    .flex-item-2:nth-of-type(1),
+    .flex-item-2:nth-of-type(2),
+    .flex-item-2:nth-of-type(3){
+      border-right: 1px solid #5e5e5e;
+    }
+    .flex-item-2:nth-of-type(2),
+    .flex-item-2:nth-of-type(3){
+      padding: 0px 75px;
+      flex-shrink: 0;
+    }
+    .flex-item-2:nth-of-type(1){
+      flex-shrink: 1;
+    }
+    .flex-item-2:nth-of-type(4){
+      padding-left: 80px;
+      flex-shrink: 1;
+    }
+}
+.section-block{
+  width: 1200px;
+  margin: 0 auto;
+
+  h1{
+    font-size: 32px;
+    font-weight: 600;
+  }
+  h2{
+    font-size: 28px;
+    font-weight: normal;
+  }
+  h3{
+    font-size: 26px;
+    font-weight: 600;
+  }
+  .btn3{
+    display: inline-block;
+    width: auto;
+    padding: 10px 20px;
+    text-align: center;
+    background: #0B0FCC;
+    border-radius: 30px;
+    min-width: 200px;
+    color: #FFF;
+
+    a{
+      color: #FFF;
+    }
+  }
+  .btn4{
+    display: inline-block;
+    width: auto;
+    padding: 10px 20px;
+    text-align: center;
+    background: #0B0FCC;
+    border-radius: 5px;
+    min-width: 200px;
+    color: #FFF;
+
+    a{
+      color: #FFF;
+    }
+  }
+}
+.section-block-1{
+  height: 600px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.section-block-2{
+  padding: 40px 0px 0px;
+  .th{
+    color:#898F9B;
+  }
+  .th, .td{
+    line-height: 50px;
+  }
+  .td span{
+    color:#898F9B;
+    margin-left: 6px;
+  }
 }
+.section-block-3{
+  margin-top: 80px;
 
+  .box{
+    border-radius: 10px;
+    box-sizing: border-box;
+  }
+  .box1{
+    width: 802px;
+    min-height: 220px;
+    padding: 18px 44px 18px 28px;
+    background-image: url("../../../static/images/1.png");
+    background-size: 100% 100%;
+    display: flex;
+    justify-content: space-between;
+    align-items: end;
+
+    .txt_1, .txt_2{
+      width: 450px;
+    }
+    img{
+      width: 277px;
+      height: 184px;
+    }
+  }
+  .box2{
+    width: 368px;
+    min-height: 220px;
+    padding: 26px 0px 0px 24px;
+    background-image: url("../../../static/images/2.png");
+    background-size: 100% 100%;
+    position: relative;
+
+    .txt_1{
+      width: 260px;
+    }
+    .txt_2{
+      width: 200px;
+    }
+    img{
+      width: 167px;
+      height: 167px;
+      position: absolute;
+      right: 0px;
+      bottom: 0px;
+      z-index: 1;
+    }
+  }
+  .box3{
+    width: 368px;
+    height: 260px;
+    padding: 26px 0px 0px 17px;
+    background-image: url("../../../static/images/3.png");
+    background-size: 100% 100%;
+    margin-top: 30px;
+    position: relative;
+
+    .txt_1, .txt_2{
+      width: 250px;
+    }
+    img{
+      width: 155px;
+      height: 155px;
+      position: absolute;
+      right: 0px;
+      bottom: 0px;
+      z-index: 1;
+    }
+  }
+  .box4{
+    width: 802px;
+    height: 260px;
+    padding: 30px 50px 30px 30px;
+    background-image: url("../../../static/images/4.png");
+    background-size: 100% 100%;
+    margin-top: 30px;
+    display: flex;
+    justify-content: space-between;
+    align-items: start;
+
+    .txt_1, .txt_2{
+      width: 520px;
+    }
+    img{
+      width: 225px;
+      height: 225px;
+    }
+  }
+  .txt_1{
+    font-size: 20px;
+    font-weight: bold;
+    margin-bottom: 10px;
+  }
+  .txt_2{
+    color: #999
+  }
+  img{
+    background: #ccc;
+  }
+}
+.section-block-4{
+  margin-top: 50px;
+  .label-1{
+    background: #F5F5F6;
+    padding: 10px 20px;
+    margin-right: 30px;
+    cursor: pointer;
+  }
+  .img-box{
+    width: 32%;
+    img{
+      width: 100%;
+      height: 220px;
+      background: #000;
+      border-radius: 10px;
+      margin-bottom: 0.5rem;
+    }
+  }
+  .img-box-2{
+    width: 386px;
+    
+    a, a div{
+      width: 386px;
+      height: 180px;
+    }
+  }
+  .img-box-2:nth-of-type(1) .img{
+    background-image: url("../../../static/images/7.png");
+  }
+  .img-box-2:nth-of-type(2) .img{
+    background-image: url("../../../static/images/8.png");
+  }
+  .img-box-2:nth-of-type(3) .img{
+    background-image: url("../../../static/images/9.png");
+  }
+  .de{
+      color: #fff;
+      background: #326AEB;
+  }
+  .in{
+      background: #F5F5F6;
+  }
+}
+  
 .markets__title_span {
   font-size: 16px;
   color: #a1a7ae;
diff --git a/static/images/1.png b/static/images/1.png
new file mode 100644
index 0000000..b59e385
Binary files /dev/null and b/static/images/1.png differ
diff --git a/static/images/2.png b/static/images/2.png
new file mode 100644
index 0000000..38fac39
Binary files /dev/null and b/static/images/2.png differ
diff --git a/static/images/3.png b/static/images/3.png
new file mode 100644
index 0000000..7d853d3
Binary files /dev/null and b/static/images/3.png differ
diff --git a/static/images/4.png b/static/images/4.png
new file mode 100644
index 0000000..68c7d44
Binary files /dev/null and b/static/images/4.png differ
diff --git a/static/images/7.png b/static/images/7.png
new file mode 100644
index 0000000..08e8012
Binary files /dev/null and b/static/images/7.png differ
diff --git a/static/images/8.png b/static/images/8.png
new file mode 100644
index 0000000..99ca54a
Binary files /dev/null and b/static/images/8.png differ
diff --git a/static/images/9.png b/static/images/9.png
new file mode 100644
index 0000000..daf176a
Binary files /dev/null and b/static/images/9.png differ
diff --git a/static/images/a.png b/static/images/a.png
new file mode 100644
index 0000000..f36f98c
Binary files /dev/null and b/static/images/a.png differ
diff --git a/static/images/dengl.png b/static/images/dengl.png
new file mode 100644
index 0000000..6714f67
Binary files /dev/null and b/static/images/dengl.png differ
diff --git a/static/images/home_bg_1.png b/static/images/home_bg_1.png
new file mode 100644
index 0000000..1ae7261
Binary files /dev/null and b/static/images/home_bg_1.png differ
diff --git a/static/images/home_build_bg.png b/static/images/home_build_bg.png
new file mode 100644
index 0000000..0972532
Binary files /dev/null and b/static/images/home_build_bg.png differ
diff --git a/static/images/home_build_bg1.png b/static/images/home_build_bg1.png
new file mode 100644
index 0000000..2450c68
Binary files /dev/null and b/static/images/home_build_bg1.png differ
diff --git a/static/images/icon/andriod.png b/static/images/icon/andriod.png
new file mode 100644
index 0000000..1328406
Binary files /dev/null and b/static/images/icon/andriod.png differ
diff --git a/static/images/icon/antFill-apple@2x.png b/static/images/icon/antFill-apple@2x.png
new file mode 100644
index 0000000..0cc2973
Binary files /dev/null and b/static/images/icon/antFill-apple@2x.png differ
diff --git a/static/images/icon/api.png b/static/images/icon/api.png
new file mode 100644
index 0000000..53ad9a4
Binary files /dev/null and b/static/images/icon/api.png differ
diff --git a/static/images/icon/fab fa-android@2x.png b/static/images/icon/fab fa-android@2x.png
new file mode 100644
index 0000000..ecf0aae
Binary files /dev/null and b/static/images/icon/fab fa-android@2x.png differ
diff --git a/static/images/icon/google-play.png b/static/images/icon/google-play.png
new file mode 100644
index 0000000..47ca4d1
Binary files /dev/null and b/static/images/icon/google-play.png differ
diff --git a/static/images/icon/imac.png b/static/images/icon/imac.png
new file mode 100644
index 0000000..3fd7c38
Binary files /dev/null and b/static/images/icon/imac.png differ
diff --git a/static/images/icon/ios.png b/static/images/icon/ios.png
new file mode 100644
index 0000000..30d53e5
Binary files /dev/null and b/static/images/icon/ios.png differ
diff --git a/static/images/icon/linux.png b/static/images/icon/linux.png
new file mode 100644
index 0000000..c0d8c46
Binary files /dev/null and b/static/images/icon/linux.png differ
diff --git a/static/images/icon/right.png b/static/images/icon/right.png
new file mode 100644
index 0000000..26a69c7
Binary files /dev/null and b/static/images/icon/right.png differ
diff --git a/static/images/icon/windows.png b/static/images/icon/windows.png
new file mode 100644
index 0000000..ea2bd55
Binary files /dev/null and b/static/images/icon/windows.png differ
diff --git a/static/images/logo.png b/static/images/logo.png
new file mode 100644
index 0000000..0b63310
Binary files /dev/null and b/static/images/logo.png differ
diff --git a/static/images/weidengl.png b/static/images/weidengl.png
new file mode 100644
index 0000000..18559db
Binary files /dev/null and b/static/images/weidengl.png differ