diff --git a/src/assets/img/features/1.png b/src/assets/img/features/1.png
new file mode 100644
index 0000000..44cb6af
Binary files /dev/null and b/src/assets/img/features/1.png differ
diff --git a/src/assets/img/features/10.png b/src/assets/img/features/10.png
new file mode 100644
index 0000000..58bcd9b
Binary files /dev/null and b/src/assets/img/features/10.png differ
diff --git a/src/assets/img/features/11.png b/src/assets/img/features/11.png
new file mode 100644
index 0000000..5881716
Binary files /dev/null and b/src/assets/img/features/11.png differ
diff --git a/src/assets/img/features/2.png b/src/assets/img/features/2.png
new file mode 100644
index 0000000..1354f9b
Binary files /dev/null and b/src/assets/img/features/2.png differ
diff --git a/src/assets/img/features/3.png b/src/assets/img/features/3.png
new file mode 100644
index 0000000..5ed1a54
Binary files /dev/null and b/src/assets/img/features/3.png differ
diff --git a/src/assets/img/features/6.png b/src/assets/img/features/6.png
new file mode 100644
index 0000000..584347d
Binary files /dev/null and b/src/assets/img/features/6.png differ
diff --git a/src/assets/img/features/7.png b/src/assets/img/features/7.png
new file mode 100644
index 0000000..403ee06
Binary files /dev/null and b/src/assets/img/features/7.png differ
diff --git a/src/assets/img/features/8.png b/src/assets/img/features/8.png
new file mode 100644
index 0000000..38d66b6
Binary files /dev/null and b/src/assets/img/features/8.png differ
diff --git a/src/assets/img/features/9.png b/src/assets/img/features/9.png
new file mode 100644
index 0000000..91984b7
Binary files /dev/null and b/src/assets/img/features/9.png differ
diff --git a/src/assets/img/features/android_1.png b/src/assets/img/features/android_1.png
new file mode 100644
index 0000000..ae9d062
Binary files /dev/null and b/src/assets/img/features/android_1.png differ
diff --git a/src/assets/img/features/apple_1.png b/src/assets/img/features/apple_1.png
new file mode 100644
index 0000000..515fea9
Binary files /dev/null and b/src/assets/img/features/apple_1.png differ
diff --git a/src/assets/img/features/bg_1.png b/src/assets/img/features/bg_1.png
new file mode 100644
index 0000000..31da717
Binary files /dev/null and b/src/assets/img/features/bg_1.png differ
diff --git a/src/assets/img/features/coin.png b/src/assets/img/features/coin.png
new file mode 100644
index 0000000..375d193
Binary files /dev/null and b/src/assets/img/features/coin.png differ
diff --git a/src/assets/img/features/google_1.png b/src/assets/img/features/google_1.png
new file mode 100644
index 0000000..5b03e2f
Binary files /dev/null and b/src/assets/img/features/google_1.png differ
diff --git a/src/assets/img/features/stt.png b/src/assets/img/features/stt.png
new file mode 100644
index 0000000..158db41
Binary files /dev/null and b/src/assets/img/features/stt.png differ
diff --git a/src/assets/img/illustration_1.png b/src/assets/img/illustration_1.png
new file mode 100644
index 0000000..feb3b27
Binary files /dev/null and b/src/assets/img/illustration_1.png differ
diff --git a/src/components/CommonFooter.vue b/src/components/CommonFooter.vue
index 5384d70..a537a8d 100644
--- a/src/components/CommonFooter.vue
+++ b/src/components/CommonFooter.vue
@@ -1,6 +1,6 @@
 <template>
   <!-- colto-section -->
-  <footer class="footer" id="common-footer">
+  <footer class="footer" id="common-footer" style="background-color: #f9f9f9;">
     <div class="footer-upper-section">
       <div class="item_left" style="width:33%">
         <div class="logo">
@@ -163,7 +163,7 @@
         </div>
       </div>
     </div>
-    <div class="footer-bottom">
+    <div class="footer-bottom" style="background-color: #f5f5f5;">
       <!-- 版权信息 -->
       <div class="container">
         <div class="footer-bottom-wrap">
@@ -248,6 +248,9 @@ export default {
 </script>
 
 <style scoped lang="scss">
+.footer{
+  color: #444;
+}
   .footer-upper-section{
     padding: 0;
     display: flex;
@@ -262,7 +265,7 @@ export default {
       .logo{
         display: flex;
         align-items: center;
-        color: #172636;
+        // color: #172636;
         justify-content: space-between;
         width: 100%;
         font-size: 16px;
@@ -283,7 +286,7 @@ export default {
         padding: 0 15px;
         .item_p{
           font-size: 16px;
-          color: #172636;
+          // color: #172636;
         }
       }
       .item2{
@@ -296,11 +299,13 @@ export default {
 
   }
   .foot_p{
-    color: #797979;
     font-size: 14px;
     margin: 0;
+    a{
+      color: #444;
+    }
     a:hover{
-        color: #326AEB;
+        color: #EABB71;
     }
     // a:visited{
     //     color: #326AEB;
diff --git a/src/components/CommonHeader.vue b/src/components/CommonHeader.vue
index 079b10e..206988f 100644
--- a/src/components/CommonHeader.vue
+++ b/src/components/CommonHeader.vue
@@ -1,5 +1,5 @@
 <template>
-    <header id="common-header" :class="[`light-bb`, hook]">
+    <header id="common-header" :class="[`light-bb`, hook]" style="background-color: #f9f9f9 !important;">
         <nav class="navbar navbar-expand-lg">
             <a class="navbar-brand" href="#/">
                 <img :src="appConfig.head_logo" alt="logo" />
@@ -163,8 +163,8 @@
                     </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 theme-bg-color-a" href="#" tag="div" role="button" style="margin:0 15px;background-image: none;">{{$t('common.sign_in')}}</router-link>
-                            <router-link to="/sign-up" class="btn btn-outline-light btn-sm rounded-pill" href="#" tag="div" role="button">{{$t('common.sign_up')}}</router-link>
+                            <router-link to="/sign-in" class="btn btn-outline-light btn-sm rounded-pill" href="#" tag="div" role="button" style="margin:0 15px;background-image: none;">{{$t('common.sign_in')}}</router-link>
+                            <router-link to="/sign-up" class="btn btn-primary btn-sm rounded-pill" style="background-color: #EABB71;" href="#" tag="div" role="button">{{$t('common.sign_up')}}</router-link>
                         </li>
                     </template>
                 </ul>
@@ -554,8 +554,8 @@ header {
 
     .nav-bar .router-link-active {
         // color: #c99445;
-        color: #326AEB;
-        border-bottom: 2px solid #326AEB;
+        color: #EABB71;
+        border-bottom: 2px solid #EABB71;
         // background-color:rgba(53, 83, 210, 0.2) ;
     }
     .dropdown {
@@ -578,7 +578,7 @@ header {
   align-items: center;
 }
 .nav-item_icon:hover {
-  color: #F7D558;
+  color: #EABB71;
 }
 .flag-img{
     width: 22px;
@@ -594,4 +594,10 @@ header {
 .img {
   max-width: 20% !important;
 }
+header .nav-link{
+    font-size: 18px !important;
+}
+header nav a:hover {
+    color: #EABB71 !important;
+}
 </style>
diff --git a/src/i18n/de.json b/src/i18n/de.json
index 0a8e92f..ed9ca54 100644
--- a/src/i18n/de.json
+++ b/src/i18n/de.json
@@ -1053,7 +1053,7 @@
 		"a25": "Melden Sie sich per E-Mail an",
 		"a38": "Starten Sie Transaktionen jederzeit und überall.",
 		"a39": "Beginnen Sie jederzeit sicher und bequem mit dem Handel über unsere APP und Webseite",
-        "a40": "IOS- und Android-Scancode herunterladen",
+        "a40": "Scannen Sie den QR-Code, um die APP herunterzuladen",
 		"a41": "Vertrauenswürdige Handelsplattform für Kryptowährungen",
 		"a42": "Wir setzen uns dafür ein, die Sicherheit der Benutzer mit strengen Protokollen und branchenführenden technischen Maßnahmen zu gewährleisten.",
 		"a43": "Benutzersicherheits-Asset-Fonds",
@@ -1071,5 +1071,38 @@
 		"a80": "Marktplatz",
 		"a81": "24-Stunden-Markttrend",
 		"a82": "Fügen Sie Ihrem Wallet Kryptowährungsgelder hinzu und beginnen Sie sofort mit dem Handel"
-	}
+	},
+    "homeNewText": {
+        "aa1": "Kryptowährungstor",
+        "aa2": "Sicherer, schneller und einfacher Handel mit über 100 Kryptowährungen",
+        "aa3": "Registrieren Sie sich per E-Mail",
+        "aa4": "Beginnen Sie jetzt mit dem Handel",
+        "aa5": "Markt Trend",
+        "aa6": "Digital Asset Quote Express",
+        "aa7": "Währung",
+        "bb1": "Aktueller Preis (USD)",
+        "bb2": "24-Stunden-Erhöhung",
+        "bb3": "24-Stunden-Handelsvolumen",
+        "bb4": "Kryptowährungsaustausch für alle",
+        "bb5": "Beginnen Sie hier mit dem Handel und erleben Sie eine bessere Kryptowährungsreise",
+        "bb6": "Persönlich",
+        "bb7": "Eine Kryptowährungsbörse für alle. Die vertrauenswürdigste führende Handelsplattform mit einer großen Auswahl an Währungen",
+        "cc1": "Geschäft",
+        "cc2": "Entwickelt für Unternehmen und Institutionen. Bereitstellung von Kryptolösungen für institutionelle Anleger und Unternehmen",
+        "cc3": "Entwickler",
+        "cc4": "Entwickelt für Entwickler, damit Entwickler die Tools und APIs der Zukunft von Web3 erstellen können",
+        "cc6": "QR-Code scannen",
+        "cc7": "Laden Sie die Android/IOS-App herunter",
+        "dd1": "Sicher und stabil, ohne Unfälle",
+        "dd2": "Mehrere Sicherheitsstrategien und eine 100-prozentige Reservegarantie stellen sicher, dass es seit seiner Gründung zu keinen Sicherheitsvorfällen gekommen ist.",
+        "dd3": "Handeln Sie Krypto-Assets einfach und bequem",
+        "dd4": "Bei xxxxxx sind die Produkte leicht zu verstehen, der Transaktionsprozess bequem und die Blockchain-Asset-Service-Plattform aus einer Hand",
+        "dd5": "Derivate",
+        "dd6": "Sie können Verträge auf über 100 Kryptowährungen mit bis zu 150-facher Hebelwirkung handeln und hohe Gewinne erzielen",
+				"ee1": "Unterstützung mehrerer Terminals",
+				"ee2": "Handeln Sie jederzeit und überall mit digitalen Vermögenswerten",
+				"ee3": "Unterstützt eine breite Palette von Vermögenswerttypen, wobei alle Währungsinformationen verfügbar sind",
+				"ee4": "Verstehen Sie schnell den Prozess des Handels mit digitalen Vermögenswerten",
+				"ee5": "Beginnen Sie Ihre Verschlüsselungsreise"
+    }
 }
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 59f4222..003299a 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -1138,7 +1138,7 @@
 		"a25": "Sign up by email",
 		"a38": "Start trading anytime, anywhere.",
 		"a39": "Start trading safely and conveniently at any time through our APP and webpage",
-        "a40": "IOS and Android scan code download",
+        "a40": "Scan the QR code to download the APP",
 		"a41": "Trustworthy cryptocurrency trading platform",
 		"a42": "We are committed to ensuring the safety of our users through strict protocols and industry-leading technological measures",
 		"a43": "User security asset funds",
@@ -1156,5 +1156,38 @@
 		"a80": "Marketplace",
 		"a81": "24 hours market trend",
 		"a82": "Add cryptocurrency funds to your wallet and start trading now"
-    }  
+    },
+    "homeNewText": {
+        "aa1": "Cryptocurrency Gate",
+        "aa2": "Safe, fast and easy trade on over 100 cryptocurrencies",
+        "aa3": "Register via email",
+        "aa4": "Start trading now",
+        "aa5": "Market trend",
+        "aa6": "Digital Asset Quote Express",
+        "aa7": "Currency",
+        "bb1": "Latest price (USD)",
+        "bb2": "24h increase",
+        "bb3": "24h trading volume",
+        "bb4": "Cryptocurrency exchange for everyone",
+        "bb5": "Start trading here and experience a better cryptocurrency journey",
+        "bb6": "Personal",
+        "bb7": "A cryptocurrency exchange for everyone. The most trustworthy leading trading platform with a wide range of currencies",
+        "cc1": "Business",
+        "cc2": "Built for businesses and institutions. Providing crypto solutions to institutional investors and businesses",
+        "cc3": "Developer",
+        "cc4": "Built for developers, for developers to build the tools and APIs of the future of web3",
+        "cc6": "Scan QR code",
+        "cc7": "Download Android/IOS App",
+        "dd1": "Safe and stable with zero accidents",
+        "dd2": "Multiple security strategies and 100% reserve guarantee ensure that no security incidents have occurred since its establishment.",
+        "dd3": "Trade crypto assets simply and conveniently",
+        "dd4": "In xxxxxx, the products are easy to understand, the transaction process is convenient, and the one-stop blockchain asset service platform",
+        "dd5": "Derivatives",
+        "dd6": "You can trade contracts on 100+ cryptocurrencies with up to 150x leverage and earn high profits",
+				"ee1": "Multiple terminal support",
+				"ee2": "Trade digital assets anytime, anywhere",
+				"ee3": "Supports a wide range of asset types, with all currency information available",
+				"ee4": "Quickly understand the digital asset trading process",
+				"ee5": "Start your encryption journey"
+    }
 }
diff --git a/src/i18n/fra.json b/src/i18n/fra.json
index a8aa97c..dcb035a 100644
--- a/src/i18n/fra.json
+++ b/src/i18n/fra.json
@@ -1053,7 +1053,7 @@
 		"a25": "Inscrivez-vous par e-mail",
 		"a38": "Ouvrez des transactions à tout moment, n'importe où.",
 		"a39": "Commencez à négocier en toute sécurité et facilement à tout moment via notre application et notre page Web",
-        "a40": "Téléchargement du code de numérisation ios et Android",
+        "a40": "Scannez le code QR pour télécharger l'application",
 		"a41": "Une plateforme de trading de crypto-monnaie de confiance",
 		"a42": "Nous nous engageons à assurer la sécurité des utilisateurs avec des protocoles stricts et des mesures techniques de pointe.",
 		"a43": "Fonds d'actifs de sécurité des utilisateurs",
@@ -1071,5 +1071,38 @@
 		"a80": "Place du marché",
 		"a81": "Tendance du marché sur 24 heures",
 		"a82": "Ajoutez des fonds de crypto-monnaie à votre portefeuille et commencez à trader instantanément"
-	}
+	},
+    "homeNewText": {
+        "aa1": "Porte de crypto-monnaie",
+        "aa2": "Échangez de manière sûre, rapide et facile sur plus de 100 crypto-monnaies",
+        "aa3": "Inscrivez-vous par e-mail",
+        "aa4": "Commencez à trader maintenant",
+        "aa5": "tendance du marché",
+        "aa6": "Devis d'actifs numériques Express",
+        "aa7": "Devise",
+        "bb1": "Dernier prix (USD)",
+        "bb2": "Augmentation de 24h",
+        "bb3": "Volume des transactions sur 24 heures",
+        "bb4": "Échange de crypto-monnaie pour tous",
+        "bb5": "Commencez à trader ici et vivez un meilleur voyage en matière de crypto-monnaie",
+        "bb6": "personnel",
+        "bb7": "Un échange de crypto-monnaie pour tous. La plateforme de trading la plus fiable avec une large gamme de devises",
+        "cc1": "ntreprise",
+        "cc2": "Conçu pour les entreprises et les institutions. Fournir des solutions cryptographiques aux investisseurs institutionnels et aux entreprises",
+        "cc3": "Développeur",
+        "cc4": "Conçu pour les développeurs, pour que les développeurs puissent créer les outils et les API du futur du web3",
+        "cc6": "Scanner le code QR",
+        "cc7": "Téléchargez l'application Android/IOS",
+        "dd1": "Sûr et stable avec zéro accident",
+        "dd2": "De multiples stratégies de sécurité et une garantie de réserve à 100 % garantissent qu'aucun incident de sécurité ne s'est produit depuis sa création.",
+        "dd3": "Échangez des actifs cryptographiques de manière simple et pratique",
+        "dd4": "Dans xxxxxx, les produits sont faciles à comprendre, le processus de transaction est pratique et la plateforme unique de services d'actifs blockchain",
+        "dd5": "Dérivés",
+        "dd6": "Vous pouvez négocier des contrats sur plus de 100 crypto-monnaies avec un effet de levier jusqu'à 150x et réaliser des bénéfices élevés",
+				"ee1": "Prise en charge de plusieurs terminaux",
+				"ee2": "Échangez des actifs numériques à tout moment et en tout lieu",
+				"ee3": "Prend en charge un large éventail de types d'actifs, avec toutes les informations sur les devises disponibles",
+				"ee4": "Comprendre rapidement le processus de trading d'actifs numériques",
+				"ee5": "Commencez votre voyage de chiffrement"
+    }
 }
diff --git a/src/i18n/it.json b/src/i18n/it.json
index 1e0c202..baa8bc7 100644
--- a/src/i18n/it.json
+++ b/src/i18n/it.json
@@ -1053,7 +1053,7 @@
 		"a25": "Iscriviti tramite e-mail",
 		"a38": "Apri transazioni sempre e ovunque.",
 		"a39": "Inizia a fare trading in modo sicuro e conveniente in qualsiasi momento tramite la nostra APP e la nostra pagina web",
-        "a40": "Scarica codice di scansione ios e Android",
+        "a40": "Scansiona il codice QR per scaricare l'APP",
 		"a41": "Una piattaforma affidabile per il trading di criptovalute",
 		"a42": "Ci impegniamo a garantire la sicurezza degli utenti con protocolli rigorosi e misure tecniche leader del settore.",
 		"a43": "Fondi di sicurezza dell'utente",
@@ -1071,5 +1071,38 @@
 		"a80": "Piazza del mercato",
 		"a81": "Andamento del mercato 24 ore",
 		"a82": "Aggiungi fondi di criptovaluta al tuo portafoglio e inizia a fare trading all'istante"
-	}
+	},
+    "homeNewText": {
+        "aa1": "Porta della criptovaluta",
+        "aa2": "Fai trading sicuro, veloce e facile su oltre 100 criptovalute",
+        "aa3": "Registrati tramite e-mail",
+        "aa4": "Inizia a fare trading adesso",
+        "aa5": "tendenza di mercato",
+        "aa6": "Preventivo rapido di risorse digitali",
+        "aa7": "Valuta",
+        "bb1": "Ultimo prezzo (USD)",
+        "bb2": "Incremento 24h",
+        "bb3": "Volume degli scambi nelle 24 ore",
+        "bb4": "Scambio di criptovaluta per tutti",
+        "bb5": "Inizia a fare trading qui e sperimenta un viaggio migliore nella criptovaluta",
+        "bb6": "personale",
+        "bb7": "Uno scambio di criptovaluta per tutti. La piattaforma di trading leader più affidabile con una vasta gamma di valute",
+        "cc1": "Attività commerciale",
+        "cc2": "Pensato per aziende e istituzioni. Fornire soluzioni crittografiche a investitori istituzionali e imprese",
+        "cc3": "Sviluppatore",
+        "cc4": "Costruito per gli sviluppatori, affinché gli sviluppatori possano creare gli strumenti e le API del futuro del web3",
+        "cc6": "Scansiona il codice QR",
+        "cc7": "Scarica l'applicazione Android/IOS",
+        "dd1": "Sicuro e stabile con zero incidenti",
+        "dd2": "Molteplici strategie di sicurezza e una garanzia di riserva del 100% assicurano che non si sia verificato alcun incidente di sicurezza dalla sua istituzione.",
+        "dd3": "Scambia risorse crittografiche in modo semplice e conveniente",
+        "dd4": "In xxxxxx, i prodotti sono facili da comprendere, il processo di transazione è conveniente e la piattaforma di servizi asset blockchain unica",
+        "dd5": "Derivati",
+        "dd6": "Puoi scambiare contratti su oltre 100 criptovalute con una leva fino a 150x e ottenere profitti elevati",
+				"ee1": "Supporto di terminali multipli",
+				"ee2": "Scambia risorse digitali sempre e ovunque",
+				"ee3": "Supporta un'ampia gamma di tipi di asset, con tutte le informazioni sulla valuta disponibili",
+				"ee4": "Comprendi rapidamente il processo di trading delle risorse digitali",
+				"ee5": "Inizia il tuo viaggio nella crittografia"
+    }
 }
diff --git a/src/i18n/jp.json b/src/i18n/jp.json
index d9e2167..52bd626 100644
--- a/src/i18n/jp.json
+++ b/src/i18n/jp.json
@@ -1052,7 +1052,7 @@
 		"a25": "メールでサインアップする",
 		"a38": "いつでもどこでも取引を開始できます。",
 		"a39": "アプリとウェブページでいつでも安全かつ便利に取引を開始できます",
-        "a40": "iOS および Android スキャン コードのダウンロード",
+        "a40": "QRコードをスキャンしてAPPをダウンロードしてください",
 		"a41": "信頼できる仮想通貨取引プラットフォーム",
 		"a42": "当社は、厳格なプロトコルと業界をリードする技術対策によりユーザーの安全を確保することに尽力しています。",
 		"a43": "ユーザーセキュリティ資産ファンド",
@@ -1070,5 +1070,38 @@
 		"a80": "取引市場",
 		"a81": "24時間市場動向",
 		"a82": "ウォレットに暗号通貨資金を追加して、すぐに取引を開始しましょう"
-	}
+	},
+    "homeNewText": {
+        "aa1": "暗号通貨ゲート",
+        "aa2": "100 を超える仮想通貨の安全、迅速、簡単な取引",
+        "aa3": "メールで登録する",
+        "aa4": "今すぐ取引を始めましょう",
+        "aa5": "市場動向",
+        "aa6": "デジタル資産見積エクスプレス",
+        "aa7": "通貨",
+        "bb1": "最新価格（米ドル）",
+        "bb2": "24時間増加",
+        "bb3": "24時間の取引量",
+        "bb4": "誰もが利用できる仮想通貨交換所",
+        "bb5": "ここで取引を開始して、より良い仮想通貨の旅を体験してください",
+        "bb6": "個人的",
+        "bb7": "誰もが利用できる仮想通貨取引所。 幅広い通貨を扱う最も信頼できる大手取引プラットフォーム",
+        "cc1": "仕事",
+        "cc2": "企業や機関向けに構築されています。 機関投資家や企業への暗号ソリューションの提供",
+        "cc3": "開発者",
+        "cc4": "開発者向けに構築され、開発者が Web3 の将来のツールと API を構築できるようにする",
+        "cc6": "QRコードをスキャンします",
+        "cc7": "Android/iOSアプリをダウンロード",
+        "dd1": "事故ゼロで安全・安定",
+        "dd2": "複数のセキュリティ戦略と 100% の予備保証により、設立以来セキュリティ事故が発生していないことを保証します。",
+        "dd3": "暗号資産を簡単かつ便利に取引",
+        "dd4": "xxxxxx では、製品が理解しやすく、取引プロセスが便利で、ワンストップのブロックチェーン資産サービス プラットフォームを提供します",
+        "dd5": "デリバティブ",
+        "dd6": "最大 150 倍のレバレッジで 100 以上の暗号通貨の契約を取引し、高い利益を得ることができます",
+				"ee1": "複数端末のサポート",
+				"ee2": "いつでもどこでもデジタル資産を取引する",
+				"ee3": "幅広い資産タイプをサポートし、すべての通貨情報を利用可能",
+				"ee4": "デジタル資産の取引プロセスをすぐに理解する",
+				"ee5": "暗号化への取り組みを始めましょう"
+    }
 }
diff --git a/src/i18n/kor.json b/src/i18n/kor.json
index 9e92a86..631c80a 100644
--- a/src/i18n/kor.json
+++ b/src/i18n/kor.json
@@ -1052,7 +1052,7 @@
 		"a25": "이메일로 가입",
 		"a38": "언제 어디서나 거래를 엽니다.",
 		"a39": "APP과 웹페이지를 통해 언제든지 안전하고 편리하게 거래를 시작하세요.",
-        "a40": "ios 및 Android 스캔 코드 다운로드",
+        "a40": "QR 코드를 스캔하여 앱을 다운로드하세요.",
 		"a41": "신뢰할 수 있는 암호화폐 거래 플랫폼",
 		"a42": "우리는 엄격한 프로토콜과 업계 최고의 기술적 조치로 사용자의 안전을 보장하기 위해 최선을 다하고 있습니다.",
 		"a43": "사용자 보안 자산 펀드",
@@ -1070,5 +1070,38 @@
 		"a80": "시장",
 		"a81": "24시간 시장 동향",
 		"a82": "지갑에 암호화폐 자금을 추가하고 즉시 거래를 시작하세요."
-	}
+	},
+    "homeNewText": {
+        "aa1": "암호화폐 게이트",
+        "aa2": "100개 이상의 암호화폐를 안전하고 빠르고 쉽게 거래하세요",
+        "aa3": "이메일로 등록",
+        "aa4": "지금 거래를 시작하세요",
+        "aa5": "시장 동향",
+        "aa6": "디지털 자산 견적 익스프레스",
+        "aa7": "통화",
+        "bb1": "최신 가격(USD)",
+        "bb2": "24시간 증가",
+        "bb3": "24시간 거래량",
+        "bb4": "모두를 위한 암호화폐 거래소",
+        "bb5": "여기에서 거래를 시작하고 더 나은 암호화폐 여행을 경험해보세요",
+        "bb6": "개인의",
+        "bb7": "모두를 위한 암호화폐 거래소. 다양한 통화를 제공하는 가장 신뢰할 수 있는 선도적인 거래 플랫폼",
+        "cc1": "사업",
+        "cc2": "기업과 기관을 위해 제작되었습니다. 기관 투자자 및 기업에 암호화폐 솔루션 제공",
+        "cc3": "개발자",
+        "cc4": "개발자를 위해 제작되었으며 개발자가 web3의 미래를 위한 도구와 API를 구축할 수 있도록 제작되었습니다.",
+        "cc6": "QR 코드 스캔",
+        "cc7": "안드로이드/IOS 앱 다운로드",
+        "dd1": "무사고로 안전하고 안정적입니다.",
+        "dd2": "다양한 보안 전략과 100% 예비 보장을 통해 설립 이후 보안 사고가 발생하지 않았음을 보장합니다.",
+        "dd3": "간단하고 편리하게 암호화폐 자산을 거래하세요",
+        "dd4": "xxxxxx에서는 상품을 이해하기 쉽고, 거래 과정이 편리하며, 원스톱 블록체인 자산 서비스 플랫폼입니다.",
+        "dd5": "파생상품",
+        "dd6": "최대 150배의 레버리지로 100개 이상의 암호화폐 계약을 거래하고 높은 수익을 올릴 수 있습니다",
+				"ee1": "다중 터미널 지원",
+				"ee2": "언제 어디서나 디지털 자산을 거래하세요",
+				"ee3": "모든 통화 정보를 사용할 수 있는 다양한 자산 유형을 지원합니다.",
+				"ee4": "디지털 자산 거래 프로세스를 빠르게 이해하세요",
+				"ee5": "암호화 여정을 시작하세요"
+    }
 }
\ No newline at end of file
diff --git a/src/i18n/pt.json b/src/i18n/pt.json
index 8f58957..da0bf03 100644
--- a/src/i18n/pt.json
+++ b/src/i18n/pt.json
@@ -1053,7 +1053,7 @@
 		"a25": "Inscreva-se por e-mail",
 		"a38": "Transações abertas a qualquer hora, em qualquer lugar.",
 		"a39": "Comece a negociar com segurança e conveniência a qualquer momento através do nosso APP e página da web",
-        "a40": "Download do código de verificação ios e Android",
+        "a40": "Digitalize o código QR para baixar o APP",
 		"a41": "Uma plataforma confiável de negociação de criptomoedas",
 		"a42": "Fique a par das últimas novidades através da nossa App e página web.",
 		"a43": "Fundos de ativos de segurança do usuário",
@@ -1071,5 +1071,38 @@
 		"a80": "Mercado",
 		"a81": "Tendência de mercado 24 horas",
 		"a82": "Adicione fundos de criptomoeda à sua carteira e comece a negociar instantaneamente"
-	}
+	},
+    "homeNewText": {
+        "aa1": "Portão de criptomoeda",
+        "aa2": "Negociação segura, rápida e fácil em mais de 100 criptomoedas",
+        "aa3": "Cadastre-se por e-mail",
+        "aa4": "Comece a negociar agora",
+        "aa5": "tendência de mercado",
+        "aa6": "Cotação Expressa de Ativos Digitais",
+        "aa7": "Moeda",
+        "bb1": "Preço mais recente (USD)",
+        "bb2": "Aumento de 24h",
+        "bb3": "Volume de negociação em 24 horas",
+        "bb4": "Troca de criptomoedas para todos",
+        "bb5": "Comece a negociar aqui e experimente uma jornada melhor com criptomoedas",
+        "bb6": "pessoal",
+        "bb7": "Uma troca de criptomoedas para todos. A plataforma de negociação líder mais confiável com uma ampla variedade de moedas",
+        "cc1": "negócios",
+        "cc2": "Construído para empresas e instituições. Fornecendo soluções criptográficas para investidores institucionais e empresas",
+        "cc3": "Desenvolvedor",
+        "cc4": "Construído para desenvolvedores, para que desenvolvedores construam as ferramentas e APIs do futuro da web3",
+        "cc6": "Digitalize o código QR",
+        "cc7": "Baixe o aplicativo Android/IOS",
+        "dd1": "Seguro e estável com zero acidentes",
+        "dd2": "Múltiplas estratégias de segurança e garantia de 100% de reserva garantem que nenhum incidente de segurança ocorreu desde a sua criação.",
+        "dd3": "Negocie ativos criptográficos de forma simples e conveniente",
+        "dd4": "Em xxxxxx, os produtos são fáceis de entender, o processo de transação é conveniente e a plataforma completa de serviços de ativos blockchain",
+        "dd5": "Derivados",
+        "dd6": "Você pode negociar contratos em mais de 100 criptomoedas com alavancagem de até 150x e obter lucros elevados",
+				"ee1": "Suporte a vários terminais",
+				"ee2": "Negocie ativos digitais a qualquer hora, em qualquer lugar",
+				"ee3": "Suporta uma ampla variedade de tipos de ativos, com todas as informações monetárias disponíveis",
+				"ee4": "Entenda rapidamente o processo de negociação de ativos digitais",
+				"ee5": "Comece sua jornada de criptografia"
+    }
 }
diff --git a/src/i18n/spa.json b/src/i18n/spa.json
index fba9cc6..7ce0ee9 100644
--- a/src/i18n/spa.json
+++ b/src/i18n/spa.json
@@ -1053,7 +1053,7 @@
 		"a25": "Registrarse por correo electrónico",
 		"a38": "Abrir transacciones en cualquier momento y en cualquier lugar.",
 		"a39": "Comience a operar de manera segura y conveniente en cualquier momento a través de nuestra aplicación y página web",
-        "a40": "Descarga de código de escaneo de ios y Android",
+        "a40": "Escanea el código QR para descargar la APP",
 		"a41": "Una plataforma de negociación de criptomonedas de confianza",
 		"a42": "Estamos comprometidos a garantizar la seguridad de los usuarios con estrictos protocolos y medidas técnicas líderes en la industria.",
 		"a43": "Fondos de activos de seguridad del usuario",
@@ -1071,5 +1071,38 @@
 		"a80": "Mercado",
 		"a81": "Tendencia del mercado de 24 horas",
 		"a82": "Agregue fondos de criptomonedas a su billetera y comience a operar al instante"
-	}
+	},
+    "homeNewText": {
+        "aa1": "Puerta de criptomonedas",
+        "aa2": "Opere de forma segura, rápida y sencilla con más de 100 criptomonedas",
+        "aa3": "Regístrese por correo electrónico",
+        "aa4": "Comience a operar ahora",
+        "aa5": "tendencia del mercado",
+        "aa6": "Cotización Express de Activos Digitales",
+        "aa7": "Divisa",
+        "bb1": "Último precio (USD)",
+        "bb2": "Augmentation de 24h",
+        "bb3": "Volume des transactions sur 24 heures",
+        "bb4": "Volume des transactions sur 24 heures",
+        "bb5": "Comience a operar aquí y experimente un mejor viaje con las criptomonedas",
+        "bb6": "personal",
+        "bb7": "Un intercambio de criptomonedas para todos. La plataforma comercial líder más confiable con una amplia gama de monedas",
+        "cc1": "Negocio",
+        "cc2": "Creado para empresas e instituciones. Proporcionar soluciones criptográficas a inversores institucionales y empresas.",
+        "cc3": "Desarrollador",
+        "cc4": "Creado para desarrolladores, para que los desarrolladores creen las herramientas y API del futuro de web3",
+        "cc6": "Escanear código QR",
+        "cc7": "Descargar la aplicación Android/IOS",
+        "dd1": "Seguro y estable con cero accidentes.",
+        "dd2": "Múltiples estrategias de seguridad y una garantía de reserva del 100% garantizan que no se hayan producido incidentes de seguridad desde su creación.",
+        "dd3": "Opere con criptoactivos de forma sencilla y cómoda",
+        "dd4": "En xxxxxx, los productos son fáciles de entender, el proceso de transacción es conveniente y la plataforma integral de servicios de activos blockchain",
+        "dd5": "Derivados",
+        "dd6": "Puede negociar contratos en más de 100 criptomonedas con un apalancamiento de hasta 150x y obtener grandes ganancias",
+				"ee1": "Soporte para múltiples terminales",
+				"ee2": "Opere con activos digitales en cualquier momento y lugar",
+				"ee3": "Admite una amplia gama de tipos de activos, con toda la información monetaria disponible",
+				"ee4": "Comprenda rápidamente el proceso de negociación de activos digitales",
+				"ee5": "Comience su viaje de cifrado"
+    }
 }
diff --git a/src/i18n/tr.json b/src/i18n/tr.json
index 5671f98..d8216e7 100644
--- a/src/i18n/tr.json
+++ b/src/i18n/tr.json
@@ -1053,7 +1053,7 @@
             "a25": "E-posta ile kaydol",
             "a38": "İşlemleri istediğiniz zaman, istediğiniz yerde açın.",
             "a39": "APP ve web sayfamız aracılığıyla istediğiniz zaman güvenli ve rahat bir şekilde işlem yapmaya başlayın",
-            "a40": "IOS ve Android tarama kodu indir",
+            "a40": "APP'yi indirmek için QR kodunu tarayın",
             "a41": "Güvenilir bir kripto para ticaret platformu",
             "a42": "Katı protokoller ve endüstri lideri teknik önlemlerle kullanıcıların güvenliğini sağlamaya kararlıyız.",
             "a43": "Kullanıcı güvenlik varlık fonları",
@@ -1071,5 +1071,38 @@
             "a80": "Pazar yeri",
             "a81": "24 saat piyasa trendi",
             "a82": "Cüzdanınıza kripto para birimi fonları ekleyin ve anında işlem yapmaya başlayın"
+        },
+        "homeNewText": {
+                "aa1": "Kripto Para Kapısı",
+                "aa2": "100'den fazla kripto para biriminde güvenli, hızlı ve kolay ticaret",
+                "aa3": "E-posta yoluyla kayıt olun",
+                "aa4": "Şimdi ticarete başlayın",
+                "aa5": "piyasa eğilimi",
+                "aa6": "Dijital Varlık Fiyat Teklifi Ekspres",
+                "aa7": "Para birimi",
+                "bb1": "Son fiyat (USD)",
+                "bb2": "24 saatlik artış",
+                "bb3": "24 saatlik işlem hacmi",
+                "bb4": "Herkes için kripto para borsası",
+                "bb5": "Burada işlem yapmaya başlayın ve daha iyi bir kripto para birimi yolculuğunu deneyimleyin",
+                "bb6": "kişisel",
+                "bb7": "Herkes için bir kripto para borsası. Çok çeşitli para birimleriyle en güvenilir lider ticaret platformu",
+                "cc1": "İşletme",
+                "cc2": "İşletmeler ve kurumlar için tasarlandı. Kurumsal yatırımcılara ve işletmelere kripto çözümleri sağlamak",
+                "cc3": "Geliştirici",
+                "cc4": "Geliştiriciler için, geliştiricilerin web3'ün geleceğinin araçlarını ve API'lerini oluşturmaları için tasarlandı",
+                "cc6": "QR kodunu tarayın",
+                "cc7": "Android/IOS Uygulamasını İndirin",
+                "dd1": "Sıfır kazayla güvenli ve istikrarlı",
+                "dd2": "Çoklu güvenlik stratejileri ve %100 rezerv garantisi, kuruluşundan bu yana hiçbir güvenlik olayının yaşanmamasını sağlar.",
+                "dd3": "Kripto varlıklarıyla basit ve rahat bir şekilde ticaret yapın",
+                "dd4": "Xxxxxxx'te ürünlerin anlaşılması kolaydır, işlem süreci uygundur ve tek noktadan blockchain varlık hizmeti platformu",
+                "dd5": "Türevler",
+                "dd6": "100'den fazla kripto para birimindeki sözleşmelerle 150 katına kadar kaldıraçla işlem yapabilir ve yüksek kar elde edebilirsiniz",
+                    "ee1": "Çoklu terminal desteği",
+                    "ee2": "Dijital varlıklarla istediğiniz zaman, istediğiniz yerde ticaret yapın",
+                    "ee3": "Tüm para birimi bilgilerinin mevcut olduğu çok çeşitli varlık türlerini destekler",
+                    "ee4": "Dijital varlık alım satım sürecini hızla anlayın",
+                    "ee5": "Şifreleme yolculuğunuza başlayın"
         }
     }
diff --git a/src/i18n/tw.json b/src/i18n/tw.json
index 7aafdb9..e45cbb5 100644
--- a/src/i18n/tw.json
+++ b/src/i18n/tw.json
@@ -1062,7 +1062,7 @@
 		"a25": "通過電子郵件註冊",
 		"a38": "隨時隨地，開啟交易。",
 		"a39": "通過我們的應用程序和網頁，隨時安全又便利地開始交易。",
-        "a40": "ios和Android掃碼下載",
+        "a40": "掃碼下載APP",
 		"a41": "值得用戶信賴的加密貨幣交易平台",
 		"a42": "我們終力承諾以嚴格協議和行業領先的技術措施為用戶安全駕駛護航。",
 		"a43": "用戶安全資產資金",
@@ -1080,5 +1080,38 @@
 		"a80": "交易市場",
 		"a81": "24小時市場走勢",
 		"a82": "將添加加密貨幣資金添加到您的錢包並立即開始交易"
+    },
+    "homeNewText": {
+        "aa1": "加密貨幣之門",
+        "aa2": "安全，快捷，輕鬆交易超過100種加密貨幣",
+        "aa3": "透過電子郵件註冊",
+        "aa4": "立即開始交易",
+        "aa5": "市場趨勢",
+        "aa6": "數位資產行情速遞",
+        "aa7": "幣種",
+        "bb1": "最新價（USD）",
+        "bb2": "24h漲幅",
+        "bb3": "24h成交量",
+        "bb4": "適合所有人的加密貨幣交易所",
+        "bb5": "在這裡開始交易並體驗更好的加密貨幣之旅",
+        "bb6": "個人",
+        "bb7": "適合所有人的加密貨幣交易所。 最值得信賴的領先交易平台，幣種豐富",
+        "cc1": "商務",
+        "cc2": "專為企業和機構打造。 為機構投資者和企業提供加密解決方案",
+        "cc3": "開發者",
+        "cc4": "專為開發者打造，供開發人員建構web3未來的工具和API",
+        "cc6": "掃描二維碼",
+        "cc7": "下載 Android/IOS App",
+        "dd1": "安全穩定零事故",
+        "dd2": "多重安全策略保障、100%備用金保證，成立至今未發生安全事故、",
+        "dd3": "簡單便捷交易加密資產",
+        "dd4": "在xxxxxx，產品簡單易懂、交易流程便捷，一站式區塊鏈資產服務平台",
+        "dd5": "衍生性商品",
+        "dd6": "您可以高達150倍的槓桿率交易100+加密貨幣的合約，賺取高額收益",
+				"ee1": "多終端支持",
+				"ee2": "隨時隨地交易數字資產",
+				"ee3": "支持豐富的資產種類，幣種信息一應俱全",
+				"ee4": "快速瞭解數字資產交易流程",
+				"ee5": "開啓加密之旅"
     }
 }
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 4881e74..7b26275 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div id="dowebok" ref="dowebok">
+  <div id="dowebok" ref="dowebok" style="padding-bottom: 100px;">
     <div class="section" v-if="0">
       <div class="banner-block col-xs-8">
         <!-- <el-carousel :interval="6000" height="490px">
@@ -49,45 +49,48 @@
         </div>
       </div> -->
     </div>
-    <div class="section-block section-block-1 ">
-      <div class="d-flex justify-content-between" v-if="isLogin">
-        <div class="block-1-left">
-          <h1>{{ $t("cxiNewText.a24") }}</h1>
-          <div class="mt-4 mb-3 fn-18">{{ $t("cxiNewText.a82") }}</div>
-          <div class="btn1 mb-3"><router-link to="/wallet/assets/exchange?buy=1" class="target-a">{{ $t("cxiNewText.a24") }}</router-link></div>
-        </div>
-        <div class="d-flex block-1-right">
-          <img src="../../../static/images/lightImageUrl_2.png" alt="" style="width: 420px;height: 290px;margin: 35px 10px;">
-        </div>
+    <!-- 加密货币之门 -->
+    <div class="section illustration_area">
+      <div class="left">
+        <div class="title">{{ $t("homeNewText.aa1") }}</div>
+        <div style="font-size: 20px;margin: 25px auto 60px;">{{ $t("homeNewText.aa2") }}</div>
+        <router-link v-if="!isLogin" class="btn" :to="{name:'signUp'}">
+          <!-- <img src="../../assets/img/fas fa-user-plus@3x.png" alt=""> -->
+          {{ $t("homeNewText.aa3") }}
+        </router-link>
+        <router-link v-else class="btn" :to="{name:'exchange'}">
+          <!-- <img src="../../assets/img/riFill-exchange-fill@3x.png" alt=""> -->
+          {{ $t("homeNewText.aa4") }}
+        </router-link>
       </div>
-      <div class="d-flex justify-content-between" v-if="!isLogin">
-        <div class="block-1-left">
-          <h1>{{ $t("cxiNewText.a22") }}</h1>
-          <div class="mt-4 mb-3 fn-18">{{ $t("cxiNewText.a23") }}</div>
-          <div class="btn3 mb-3"><router-link to="/sign-up" class="target-a">{{ $t("cxiNewText.a25") }}</router-link></div>
-        </div>
-        <div class="d-flex block-1-right">
-          <img src="../../../static/images/lightImageUrl.png" alt="" style="width: 350px;height: 310px;margin: 25px 45px;">
-        </div>
+      <div class="right">
+        <img src="../../assets/img/illustration_1.png" alt="" style="width: 456px;height: 473px;">
       </div>
-      <div class="table1" style="width:95%;text-align: center;">
-        <div class="tr1">
-          <h1 class="td1">{{ $t("cxiNewText.a0") }}</h1>
-          <h1 class="td1" style="text-align: center;">{{ $t("cxiNewText.a1") }}</h1>
-          <h1 class="td1" style="text-align: center;">{{ $t("cxiNewText.a2") }}</h1>
-          <h1 class="td1" style="text-align: center;">{{ $t("cxiNewText.a3") }}</h1>
-        </div>
-        <div class="tr1">
-          <div class="td1">{{ $t("cxiNewText.a4") }}</div>
-          <div class="td1" style="text-align: center;">{{ $t("cxiNewText.a5") }}</div>
-          <div class="td1" style="text-align: center;">{{ $t("cxiNewText.a6") }}</div>
-          <div class="td1" style="text-align: center;">{{ $t("cxiNewText.a7") }}</div>
+    </div>
+    
+    <div class="market_table" v-if="marketList[0]">
+      <div style="font-size: 42px;text-align: center;font-weight: bold;color: #101010;">{{ $t("homeNewText.aa5") }}</div>
+      <div style="color: #999;line-height: 60px;font-size: 18px;text-align: center;">{{ $t("homeNewText.aa6") }}</div>
+      <div class="market_tr" style="color: #999;line-height: 60px;">
+        <div>{{ $t("homeNewText.aa7") }}</div>
+        <div>{{ $t("homeNewText.bb1") }}</div>
+        <div>{{ $t("homeNewText.bb2") }}</div>
+        <div style="width: 25%;text-align: right;">{{ $t("homeNewText.bb3") }}</div>
+      </div>
+      <div v-for="(item, index) in marketList[0].marketInfoList.slice(0,5)" :key="index" class="market_tr" style="font-weight: bold;">
+        <div>
+          <img class="icon" :src="item.coin_icon" alt="">
+          {{ item.coin_name }}
         </div>
+        <div>{{ item.price }}</div>
+        <div :class="item.increase >= 0 ? 'increace' : 'decreace'">{{ item.increaseStr }}</div>
+        <div style="margin-left: 17%;width: 8%;text-align: right;">{{ item.count }}</div>
+        
       </div>
     </div>
-    <div class="section-block section-block-2">
-      <h1>{{ $t("cxiNewText.a80") }}</h1>
-      <div style="font-size: 20px;margin-bottom: 3rem;color: #6A6E74;">{{ $t("cxiNewText.a81") }}</div>
+    <div class="section-block section-block-2" v-if="0">
+      <h1 style="text-align: center;">{{$t("homeNewText.aa5")}}</h1>
+      <div style="font-size: 20px;margin-bottom: 3rem;color: #6A6E74;text-align: center;">{{$t("homeNewText.aa6")}}</div>
       <div class="d-flex justify-content-between" style="flex-wrap:wrap;" v-for="(parentItem, index11) in marketList" :key="index11" >
         <template v-if="parentItem.coin_name=='USDT'">
           <div class="cell" v-for="(item, index) in parentItem.marketInfoList.slice(0,8)" :key="index">
@@ -116,80 +119,153 @@
       <div class="btn3" v-if="!isLogin"><router-link to="/sign-in" class="target-a">{{ $t("cxiNewText.a21") }}</router-link></div>
       <div class="btn3" v-else><router-link to="/wallet/assets/exchange" class="target-a">{{ $t("cxiNewText.a21") }}</router-link></div>
     </div>
-    <div class="section-block section-block-3">
-      <div class="d-flex justify-content-between" style="align-items: center;margin-top: 40px;">
-        <h1>{{ $t("cxiNewText.a41") }}</h1>
-        <!-- <span>
-          <router-link to="/college/list/18" style="color:#999;">{{ $t("cxiNewText.a18") }}</router-link>
-          <img src="../../../static/images/icon/right.png" alt="" width="10" height="10" />
-        </span> -->
+    <!-- 适合所有人的加密货币交易所 -->
+    <div style="text-align: center;font-size: 42px;font-weight: bold;">{{ $t("homeNewText.bb4") }}</div>
+    <div style="text-align: center;font-size: 20px;color: #908F94;margin: 20px auto 50px;">{{ $t("homeNewText.bb5") }}</div>
+    <div class="card_area">
+      <div class="card_item" style="background-color: #FFF6E7;">
+        <div style="font-size: 24px;color: #000;margin-bottom:10px;"><img src="../../assets/img/features/6.png" />{{ $t("homeNewText.bb6") }}</div>
+        <div style="font-size: 16px;color: #999;">{{ $t("homeNewText.bb7") }}</div>
+      </div>
+      <div class="card_item" style="background-color: #E0EFFF;">
+        <div style="font-size: 24px;color: #000;margin-bottom:10px;"><img src="../../assets/img/features/7.png" />{{ $t("homeNewText.cc1") }}</div>
+        <div style="font-size: 16px;color: #999;">{{ $t("homeNewText.cc2") }}</div>
       </div>
-      <div style="font-size: 20px;margin-bottom: 3rem;color: #6A6E74;">{{ $t("cxiNewText.a42") }}</div>
-      <div class="d-flex justify-content-between">
-        <div style="display: flex;flex-direction: column;justify-content: center;">
-          <div class="d-flex mb-4">
-            <img src="../../../static/images/icon_1.png" alt="" class="img">
-            <div style="margin-left:40px;"><div style="font-size: 20px;">{{ $t("cxiNewText.a43") }}</div><div style="color: #6A6E74;">{{ $t("cxiNewText.a44") }}</div></div>
+      <div class="card_item" style="background-color: #EFE8FF;">
+        <div style="font-size: 24px;color: #000;margin-bottom:10px;"><img src="../../assets/img/features/8.png" />{{ $t("homeNewText.cc3") }}</div>
+        <div style="font-size: 16px;color: #999;">{{ $t("homeNewText.cc4") }}</div>
+      </div>
+    </div>
+    <!-- 安全稳定零事故 -->
+    <div class="lattest-news-section">
+      <div class="beginner service">
+        <!-- 内容 -->
+        <div class="beginner_content service-content d-flex">
+          <!-- 文字部分 -->
+          <div
+            class="beginner_content_r"
+            style="margin-left: 0; margin-right: 23px;padding-top: 40px;"
+          >
+            <div class="service-content-text beginner-text">
+              <div class="service-content-text-img text-img">
+                <div class="content_img">
+                  <img src="../../assets/img/features/1.png" alt="" />
+                </div>
+              </div>
+              <div class="text-box">
+                <div class="service-content-text1-title">
+                  {{ $t("homeNewText.dd1") }}
+                </div>
+                <div class="service-content-text1-info1 info">
+                  {{ $t("homeNewText.dd2") }}
+                </div>
+              </div>
+            </div>
+
+            <div class="service-content-text beginner-text">
+              <div class="service-content-text-img text-img">
+                <div class="content_img">
+                  <img src="../../assets/img/features/2.png" alt="" />
+                </div>
+              </div>
+              <div class="text-box">
+                <div class="service-content-text1-title">
+                  {{ $t("homeNewText.dd3") }}
+                </div>
+                <div class="service-content-text1-info1 info">
+                  {{ $t("homeNewText.dd4") }}
+                </div>
+              </div>
+            </div>
+
+            <div class="service-content-text beginner-text">
+              <div class="service-content-text-img text-img">
+                <div class="content_img">
+                  <img src="../../assets/img/features/3.png" alt="" />
+                </div>
+              </div>
+              <div class="text-box">
+                <div class="service-content-text1-title">
+                  {{ $t("homeNewText.dd5") }}
+                </div>
+                <div class="service-content-text1-info1 info">
+                  {{ $t("homeNewText.dd6") }}
+                </div>
+              </div>
+            </div>
+
           </div>
-          <div class="d-flex mb-4">
-            <img src="../../../static/images/icon_2.png" alt="" class="img">
-            <div style="margin-left:40px;"><div style="font-size: 20px;">{{ $t("cxiNewText.a45") }}</div><div style="color: #6A6E74;">{{ $t("cxiNewText.a46") }}</div></div>
+
+          <!-- 图片 -->
+          <div class="service-img">
+            <img
+              src="../../assets/img/features/stt.png"
+              style="width: 577px; height: 577px"
+              alt=""
+            />
           </div>
-          <div class="d-flex mb-4">
-            <img src="../../../static/images/icon_3.png" alt="" class="img">
-            <div style="margin-left:40px;"><div style="font-size: 20px;">{{ $t("cxiNewText.a47") }}</div><div style="color: #6A6E74;">{{ $t("cxiNewText.a48") }}</div></div>
+        </div>
+      </div>
+    </div>
+
+    <!-- 多终端支持 -->
+    <div class="section-block section-block-5">
+      <div style="width:1200px;margin:0px auto;">
+        <h1 style="margin-bottom: 1rem;">{{ $t("homeNewText.ee1") }}</h1>
+        <div style="font-size: 20px;margin-bottom: 2rem;">{{ $t("homeNewText.ee2") }}</div>
+        <div style="font-size: 20px;margin-bottom: 1.5rem;">{{ $t("homeNewText.ee3") }}</div>
+        <div class="d-flex">
+          <div class="icon-box" style="margin-right: 45px;"><img src="../../assets/img/features/apple_1.png" alt=""><div>APP Store</div></div>
+          <div class="icon-box" style=""><img src="../../assets/img/features/android_1.png" alt=""><div>Android APK</div></div>
+        </div>
+        <div class="d-flex" style="align-items: center; margin-right: 10px;">
+            <img src="" alt="" width="80" height="80" style="margin-right: 15px;background-color: #fff;">
+          <div>
+            <div style="font-size: 20px;">{{ $t("cxiNewText.a40") }}</div><div style="font-weight:bold;font-size: 14px;">IOS & Android</div>
           </div>
         </div>
-        <img src="../../../static/images/trusted-section.png" alt="" style="width:443px;height:403px;flex-shrink: 0;">
       </div>
     </div>
+    <!-- 新手指引 -->
     <div class="section-block section-block-4">
-      <h1>{{ $t("cxiNewText.a71") }}</h1>
-      <div style="color: #6A6E74;margin-bottom: 30px;">{{ $t("cxiNewText.a72") }}</div>
+      <h1 style="text-align: center;">{{ $t("cxiNewText.a71") }}</h1>
+      <div style="color: #999;margin-bottom: 30px;text-align: center;">{{ $t("homeNewText.ee4") }}</div>
       <!-- <div class="d-flex mt-3 mb-4">
           <div class="label-1" v-for="(itemV, index) in guideList" :key="index" :class="itemV.id == cid ? 'de' : 'in'"
            @click="routerLink(itemV.id)">{{itemV.label}}</div>
       </div> -->
-      <div class="d-flex justify-content-between">
-          <div class="img-box" v-for="(item, index) in articleList" :key="index">
+      <div class="d-flex justify-content-between" v-if="articleList.length>0">
+          <!-- <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 class="img-box">
+              <router-link class="post-link" :to="`/college/detail/${articleList[0].category_id}/${articleList[0].id}`">
+                  <img src="../../assets/img/features/11.png" alt="" >
+              </router-link>
           </div>
-      </div>
-    </div>
-    <div class="section-block section-block-5">
-      <div class="d-flex justify-content-between ">
-        <h1>{{ $t("cxiNewText.a38") }}</h1>
-      </div>
-      <div style="font-size: 20px;margin-bottom: 3rem;color: #6A6E74;">{{ $t("cxiNewText.a39") }}</div>
-      <div class="d-flex justify-content-between" style="align-items: center;">
-        <img src="../../../static/images/illustration-3.png" alt="" style="height:430px;margin-right:40px;">
-        <div>
-          <div class="d-flex mb-4" style="align-items: center; margin-right: 10px;">
-             <img src="../../assets/img/homescaniso.png" alt="" width="80" height="80">
-            <!--<div style="width:120px;height:120px;background:#FAFAFA;margin-right: 20px;">&lt;!&ndash; img代替符 &ndash;&gt;</div>-->
-            <div>
-              <div style="font-size: 20px;">{{ $t("cxiNewText.a40") }}</div><div style="font-weight:bold;font-size: 28px;">IOS & Android</div>
-            </div>
+          <div class="img-box">
+              <router-link class="post-link" :to="`/college/detail/${articleList[1].category_id}/${articleList[1].id}`">
+                  <img src="../../assets/img/features/10.png" alt="" >
+              </router-link>
           </div>
-          <div class="d-flex" style="flex-wrap: wrap;justify-content: space-between;">
-            <div class="icon-box" style="width: 95px;"><img src="../../../static/images/icon/ios.png" alt=""><div>APP Store</div></div>
-            <div class="icon-box" style="width: 120px;"><img src="../../../static/images/icon/andriod.png" alt=""><div>Android APK</div></div>
-            <!-- <div class="icon-box"><img src="../../../static/images/icon/google-play.png" alt=""><div>Google Play</div></div> -->
-            <!-- <div class="icon-box"><img src="../../../static/images/icon/imac.png" alt=""><div>MacOS</div></div> -->
-            <!-- <div class="icon-box"><img src="../../../static/images/icon/windows.png" alt=""><div>Windows</div></div> -->
-            <!-- <div class="icon-box"><img src="../../../static/images/icon/linux.png" alt=""><div>Linux</div></div> -->
-            <!-- <div class="icon-box"><img src="../../../static/images/icon/api.png" alt=""><div>API</div></div> -->
+          <div class="img-box">
+              <router-link class="post-link" :to="`/college/detail/${articleList[2].category_id}/${articleList[2].id}`">
+                  <img src="../../assets/img/features/9.png" alt="" >
+              </router-link>
           </div>
-        </div>
       </div>
     </div>
     <div class="section-block section-block-6">
-      <h1 class="mb-4">{{ $t("cxiNewText.a21") }}</h1>
-      <div class="btn3" v-if="!isLogin"><router-link to="/sign-up" class="target-a">{{ $t("cxiNewText.a57") }}</router-link></div>
-      <div class="btn3" v-else><router-link to="/wallet/assets/exchange" class="target-a">{{ $t("cxiNewText.a57") }}</router-link></div>
+      <img src="../../assets/img/features/coin.png" alt="">
+      <div style="flex: 1;">
+        <h1 class="mb-2">{{ $t("homeNewText.ee5") }}</h1>
+        <div style="color: #999;font-size: 18px;">{{ $t("cxiNewText.a21") }}</div>
+      </div>
+      <router-link v-if="!isLogin" to="/sign-in" class="btn3 target-a">{{ $t("cxiNewText.a57") }}</router-link>
+      <router-link v-else to="/wallet/assets/exchange" class="btn3 target-a">{{ $t("cxiNewText.a57") }}</router-link>
     </div>
     <div class="section1 markets" v-if="0">
       <div class="new-ticker-block new-ticker-block-section">
@@ -971,7 +1047,8 @@ path{
 }
 
 .section {
-    background-image:url(../../assets/img/index_banner_2.png);
+    // background-image:url(../../assets/img/index_banner_2.png);
+    background-color: #fff;
     width:100%;
     height:100%;
     background-size:100% 100%;
@@ -1539,53 +1616,7 @@ path{
     }
   }
 }
-.section-block-1{
-  width: 100%;
-  padding: 40px calc(50% - 550px);
-  // background: url('../../../static/images/banner-1.png') no-repeat;
-  background-size: cover;
-  background-color: #fafafa;
-  .btn1{
-    width: 55%;
-    padding: 10px 0px;
-    text-align: center;
-    background: #326AEB;
-    border-radius: 4px;
-    cursor: pointer;
-    a{
-      color: #fff;
-    }
-  }
-  .btn2{
-    width: 48%;
-    padding: 10px 0px;
-    text-align: center;
-    background-color: #EAECEF;
-    border-radius: 4px;
-  }
-  .table1{
-    width:100%;
-    display: table;
-    .tr1{
-      display: table-row;
-      .td1{
-        display: table-cell;
-        padding: 0px 10px;
-      }
-    }
-  }
-  .block-1-left{
-    width:55%;
-    display: flex;flex-direction: column;
-    justify-content: center;align-items: flex-start;
-  }
-  .block-1-right{
-    width: 440px;height: 360px;
-    flex-shrink: 0;border-radius: 10px;
-    background-color: #fff;margin: 20px 0px;
-    box-shadow: 0px 0px 6px 0px rgba(68, 68, 68, 0.14);
-  }
-}
+
 .section-block-2{
 
   .cell{
@@ -1623,13 +1654,9 @@ path{
     }
   }
 }
-.section-block-3{
-  .img{
-    width:60px;
-    height:60px;
-  }
-}
 .section-block-4{
+  width: 1200px;
+  margin-bottom: 80px;
   .label-1{
     background: #F5F5F6;
     padding: 10px 20px;
@@ -1637,11 +1664,12 @@ path{
     cursor: pointer;
   }
   .img-box{
-    width: 32%;
+    // width: 32%;
+    width: 386px;
     img{
       width: 100%;
-      height: 220px;
-      background: #000;
+      height: 180px;
+      // background: #000;
       border-radius: 10px;
       margin-bottom: 0.5rem;
     }
@@ -1655,11 +1683,20 @@ path{
   }
 }
 .section-block-5{
-  padding: 40px 0px;
+  padding: 100px 0px;
+  width: 100%;
+  height: 550px;
+  background-image: url("../../assets/img/features/bg_1.png");
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1920px 550px;
+  margin-bottom: 100px;
+
+  color: #fff;
   .icon-box{
     // width: 36%;
     // margin-right: 40px;
-    margin-bottom: 40px;
+    margin-bottom: 20px;
     text-align: center;
     img{
       width: 30px;
@@ -1668,12 +1705,183 @@ path{
   }
 }
 .section-block-6{
-  width: 100%;
-  padding: 40px calc(50% - 550px);
+  width: 1200px;
+  margin: 0px auto;
+  padding: 45px 100px 45px 44px;
+  border-radius: 10px;
   display: flex;
-  flex-direction: column;
+  justify-content: space-between;
+  align-items: center;
+  background: #F5F5F5;
+
+  >img{
+    width: 80px;
+    height: 80px;
+    margin-right: 10px;
+  }
+
+  h1{
+    font-size: 40px;
+  }
+  .btn3{
+    min-width: 337px;
+    line-height: 60px;
+    padding: 0px;
+    font-size: 20px;
+    background-color: #EABB71;
+    color: #fff;
+  }
+}
+.illustration_area{
+  width: 1200px;
+  margin: 0px auto;
+  display: flex;
+  justify-content: space-between;
   align-items: center;
-  background: #FAFAFA;
-  margin-bottom: 0px;
+  padding-top: 100px;
+  .left{
+    color: #000;
+    margin-right: 54px;
+
+    .title{
+      font-size: 40px;font-weight: bold;
+      position: relative;z-index: 2;
+    }
+
+    .btn{
+      min-width: 511px;
+      height: 48px;
+      background-color: #EABB71;
+      border-radius: 5px;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      font-size: 18px;
+      color: #fff;
+
+      img{
+        width: 32px;
+        height: 32px;
+        margin-right: 10px;
+      }
+    }
+  }
+}
+.market_table{
+  width: 1200px;
+  font-size: 16px;
+  margin: 100px auto;
+
+  .icon{
+    width: 30px;
+    height: 30px;
+    margin-right: 17px;
+  }
+  .market_tr{
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    line-height: 50px;
+
+    div{
+      width: 25%;
+    }
+  }
+  .increace{
+    color: #4EAA97;
+  }
+  .decreace{
+    color: #CF6A57;
+  }
+}
+.card_area{
+  // height: 164px;
+  width: 1200px;display: flex;justify-content: space-between;
+  margin: 50px auto 100px;
+  .card_item{
+    width: 378px;
+    border-radius: 10px;
+    // height: 100%;
+    box-sizing: border-box;
+    padding: 36px;
+
+    img{
+      width: 24px;
+      height: 24px;
+      margin-right: 15px;
+    }
+  }
+}
+.lattest-news-section {
+  margin: 80px auto;
+  width: 1200px;
+  // color: white;
+  text-align: center;
+  .service-content {
+    margin-top: 60px;
+
+    .service-content-r {
+      text-align: left;
+      .service-content-text {
+        .service-content-text-img {
+          .content_img {
+            width: 42px;
+            height: 42px;
+            margin: 20px 20px 20px 0;
+          }
+          text-align: left;
+          display: flex;
+          align-items: center;
+
+          img {
+            margin-right: 10px;
+            width: 100%;
+            height: 100%;
+          }
+
+          .service-content-text1-title {
+            font-size: 24px;
+          }
+        }
+        .text-box {
+          .service-content-text1-title {
+            font-size: 24px;
+          }
+        }
+      }
+    }
+  }
+}
+.beginner {
+  .beginner_content {
+    .beginner_content_r {
+      width: 600px;
+      .beginner-text {
+        display: flex;
+        align-items: center;
+        margin-bottom: 20px;
+        .content_img {
+          width: 136px;
+          height: 136px;
+          margin-right: 20px;
+          image {
+            width: 100%;
+            height: 100%;
+          }
+        }
+        .text-box {
+          text-align: left;
+          .service-content-text1-title {
+            font-size: 24px;
+            font-weight: bold;
+          }
+          .service-content-text1-info1 {
+            font-size: 18px;
+            color: #908F94;
+          }
+        }
+      }
+    }
+  }
 }
 </style>