From bc4aeab0050c308984f293f864550df6be3940be Mon Sep 17 00:00:00 2001
From: ltlzx <942659938@qq.com>
Date: Tue, 25 Jan 2022 16:55:15 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/img/logo.png         | Bin 0 -> 2414 bytes
 src/assets/img/logo1.png        | Bin 0 -> 3835 bytes
 src/components/CommonFooter.vue | 131 ++++++++--
 src/components/CommonHeader.vue |  35 ++-
 src/views/home/index.vue        | 437 +++++++++++++++++++++++---------
 5 files changed, 451 insertions(+), 152 deletions(-)
 create mode 100644 src/assets/img/logo.png
 create mode 100644 src/assets/img/logo1.png

diff --git a/src/assets/img/logo.png b/src/assets/img/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..0b3bc237590d7ca5a1c505cd47fbd2a32c3d8804
GIT binary patch
literal 2414
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

literal 0
HcmV?d00001

diff --git a/src/assets/img/logo1.png b/src/assets/img/logo1.png
new file mode 100644
index 0000000000000000000000000000000000000000..1c86c64fa4e50429aeb8f1228ba7f9a2cff8021a
GIT binary patch
literal 3835
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
F^*`!iK@b1{

literal 0
HcmV?d00001

diff --git a/src/components/CommonFooter.vue b/src/components/CommonFooter.vue
index d216e61..4b0ab6e 100644
--- a/src/components/CommonFooter.vue
+++ b/src/components/CommonFooter.vue
@@ -2,18 +2,63 @@
   <!-- colto-section -->
   <footer class="footer mt-5">
     <div class="footer-upper-section">
-      <div class="container">
-        <div class="row">
-          <div class="col-lg-2 col-md-3 mb-4">
+      <div class="item_left">
+        <div class="logo">
+          <img src="../assets/img/logo1.png" alt="logo" style="width:208px;height:68px" />
+          <span>{{$t('common.footerTips1')}}</span>
+        </div>
+        <p class="foot_p">{{$t('common.footerTips2',{name:appConfig.name})}}</p>
+        <p class="foot_p">{{$t('common.footerTips3')}}</p>
+      </div>
+      <div class="item_right">
+        <div class="item">
+          <p class="item_p">{{ $t("common.service") }}</p>
+          <p class="foot_p" >
+            <router-link :to="service[0].url">{{ service[0].label }}</router-link>
+            &nbsp
+            <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>
+            &nbsp
+            <router-link :to="service[3].url">{{ service[3].label }}</router-link>
+          </p>
+        </div>
+
+        <div class="item item1">
+          <p class="item_p">{{ $t("common.college") }}</p>
+          <p class="foot_p" >
+            <router-link :to="college[0].url">{{ college[0].label }}</router-link>&nbsp
+            <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>&nbsp
+            <router-link :to="college[3].url">{{ college[3].label }}</router-link>
+          </p>
+        </div>
+
+        <div class="item item2">
+          <p class="item_p">{{ $t("common.contactUs") }}</p>
+          <p class="foot_p">
+            {{ $t("common.email") }}:
+          </p>
+          <p class="foot_p">
+            {{email}}
+          </p>
+        </div>
+      </div>
+      <!-- <div class="container">
+        <div class="row"> -->
+          <!-- <div class="col-lg-2 col-md-3 mb-4">
             <div class="footer-logo">
               <a href="#">
-                <!-- <img :src="logo.imgurl" alt="img" class="img-responsive" /> -->
+                <img :src="logo.imgurl" alt="img" class="img-responsive" />
                 <img :src="appConfig.foot_logo" alt="logo" />
               </a>
             </div>
-          </div>
+          </div> -->
           <!-- 服务列表 -->
-          <div class="col-lg-1 col-md-3 mb-4">
+          <!-- <div class="col-lg-1 col-md-3 mb-4">
             <div class="footer-info-list">
               <h4>{{ $t("common.service") }}</h4>
               <ul>
@@ -22,9 +67,9 @@
                 </li>
               </ul>
             </div>
-          </div>
+          </div> -->
           <!-- 学院列表 -->
-          <div class="col-lg-1 col-md-3 mb-4">
+          <!-- <div class="col-lg-1 col-md-3 mb-4">
             <div class="footer-info-list">
               <h4>{{ $t("common.college") }}</h4>
               <ul>
@@ -33,10 +78,10 @@
                 </li>
               </ul>
             </div>
-          </div>
+          </div> -->
 
           <!-- 联系我们 -->
-          <div class="col-lg-2 col-md-6">
+          <!-- <div class="col-lg-2 col-md-6">
             <div class="footer-info-list">
               <h4>{{$t('common.contactUs')}}</h4>
               <ul class="contact-info">
@@ -45,7 +90,7 @@
                   <span>{{email}}</span>
                 </li>
                 <li>
-                  <!-- Phone: <span>{{contactinfo.mobile}}</span> -->
+                  Phone: <span>{{contactinfo.mobile}}</span>
                 </li>
               </ul>
               <ul class="social-style-two">
@@ -76,8 +121,8 @@
                 </li>
               </ul>
             </div>
-          </div>
-          <div class="col-lg-4 col-md-6 border-left">
+          </div> -->
+          <!-- <div class="col-lg-4 col-md-6 border-left">
             <div class="pl-2 ">
               <div class="mb-2">
                 {{$t('common.footerTips1')}}
@@ -86,9 +131,9 @@
               <div class="mb-2">{{$t('common.footerTips3')}}</div>
               
             </div>
-          </div>
-        </div>
-      </div>
+          </div> -->
+        <!-- </div> -->
+      <!-- </div> -->
     </div>
     <div class="footer-bottom">
       <!-- 版权信息 -->
@@ -161,5 +206,57 @@ export default {
 };
 </script>
 
-<style>
+<style scoped lang="scss">
+  .footer-upper-section{
+    padding: 0;
+    display: flex;
+    align-items: center;
+    height: 324px;
+    margin-left: 233px;
+
+    .item_left{
+      width: 504px;
+      margin-right: 291px;
+      .logo{
+        display: flex;
+        align-items: center;
+        color: white;
+        justify-content: space-between;
+        width: 100%;
+        font-size: 16px;
+        margin-bottom: 17px;
+      }
+    }
+
+    .item_right{
+      display: flex;
+      height: 99px;
+
+      .item{
+        min-width: 200px;
+        border-right: 1px solid #303D4B;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        .item_p{
+          font-size: 16px;
+        }
+      }
+      .item1{
+        text-align: center;
+      }
+      .item2{
+        padding-left: 64px;
+      }
+      .item:last-child{
+        border: none;
+      }
+    }
+
+  }
+  .foot_p{
+    color: #797979;
+    font-size: 14px;
+    margin: 0;
+  }
 </style>
diff --git a/src/components/CommonHeader.vue b/src/components/CommonHeader.vue
index 15566b8..049c4c6 100644
--- a/src/components/CommonHeader.vue
+++ b/src/components/CommonHeader.vue
@@ -2,8 +2,8 @@
     <header id="common-header" :class="[`light-bb`, hook]">
         <nav class="navbar navbar-expand-lg">
             <a class="navbar-brand" href="#/">
-                <img :src="appConfig.head_logo" alt="logo" />
-                <!-- <img src="../assets/img/logo-light.png" alt="logo" /> -->
+                <!-- <img :src="appConfig.head_logo" alt="logo" /> -->
+                <img src="../assets/img/logo.png" alt="logo" style="width:102px;height:30px"/>
                 <!-- <span class="logo-text">
                 AMATAK
         </span>-->
@@ -25,9 +25,9 @@
                         <router-link class="nav-link" :to="exchange.url">{{ exchange.label }}</router-link>
                     </li>
 
-                    <li class="nav-item" >
+                    <!-- <li class="nav-item" >
                         <router-link class="nav-link" :to="option.url">{{ option.label }}</router-link>
-                    </li>
+                    </li> -->
 
                     <li class="nav-item" v-if="false">
                         <router-link class="nav-link" :to="market.url">{{ market.label }}</router-link>
@@ -35,16 +35,16 @@
                     <li class="nav-item" >
                         <router-link class="nav-link" :to="contract.url">{{ contract.label }}</router-link>
                     </li>
-                    <li class="nav-item">
+                    <!-- <li class="nav-item">
                         <router-link class="nav-link" :to="purchase.url">{{ purchase.label }}</router-link>
                     </li>
                     <li class="nav-item">
                         <a href="/newProduct" class="nav-link" target="_blank">{{ $t('common.newzone') }}</a>
-                    </li>
+                    </li> -->
 
-                    <li class="nav-item">
+                    <!-- <li class="nav-item">
                         <router-link class="nav-link" :to="application.url">{{ application.label }}</router-link>
-                    </li>
+                    </li> -->
                     <li class="nav-item">
                         <router-link class="nav-link" :to="college.url">{{college.label}}</router-link>
                     </li>
@@ -75,7 +75,7 @@
           </li>-->
                 </ul>
                 <ul class="navbar-nav">
-                    <li class="nav-item header-custom-icon">
+                    <!-- <li class="nav-item header-custom-icon">
                     <a class="nav-link" href="#" id="clickFullscreen">
                         <i class="icon ion-md-expand"></i>
                     </a>
@@ -84,7 +84,7 @@
                     <a class="nav-link sight-sense" href="javascript:changeSightSense()">
                         夜晚模式
                     </a>
-                    </li>
+                    </li> -->
 
                     <li class="nav-item dropdown">
                         <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{ nativeLang }}</a>
@@ -148,8 +148,8 @@
                         </li>
                     </template>
                     <template v-else>
-                        <li class="nav-item dropdown no-login">
-                            <router-link to="/sign-in" class="btn btn-primary btn-sm rounded-pill" href="#" tag="div" role="button">{{$t('common.sign_in')}}</router-link>
+                        <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" 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="#" tag="div" role="button">{{$t('common.sign_up')}}</router-link>
                         </li>
                     </template>
@@ -496,8 +496,10 @@ header {
     }
 
     .nav-bar .router-link-active {
-        color: #c99445;
-        border-bottom: 2px solid #c99445;
+        // color: #c99445;
+        color: white;
+        border-bottom: 2px solid #3553D2;
+        background-color:rgba(53, 83, 210, 0.2) ;
     }
     .dropdown {
         padding-top: 5px;
@@ -509,4 +511,9 @@ header {
     right: 10px;
     bottom: 10px;
 }
+.rounded-pill{
+    border-radius:5px !important
+
+}
+
 </style>
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 2397f18..be16f07 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -2,22 +2,32 @@
   <div id="dowebok" ref="dowebok">
     <div class="section">
       <div class="banner-block col-xs-8">
-        <el-carousel :interval="6000" height="490px">
+        <!-- <el-carousel :interval="6000" height="490px">
           <el-carousel-item v-for="item in pcBannerList" :key="item.id">
              <img :src="item.imgurl" width="100%" height="100%" />
           </el-carousel-item>
-        </el-carousel>
+        </el-carousel> -->
+        <img src="../../assets/img/index_banner.png" alt="" class="index_banner">
+        <div class="banner_right">
+          <p class="banner_right_p">买币上Coinbebop</p>
+          <input type="text" placeholder="输入您的邮箱" class="banner_right_input">
+          <div class="banner_right_code">
+            <input type="text" placeholder="输入您的邮箱验证码" class="banner_right_input">
+            <button>发送验证码</button>
+          </div>
+          <button class="banner_right_sign">立即注册</button>
+        </div>
       </div>
       <!-- 公告 -->
-      <div class="notice container d-flex align-items-center">
+      <!-- <div class="notice container d-flex align-items-center">
         <div class="item d-flex" @click="$router.push(`/notice/${item.id}`)" v-for="(item) in noticeList" :key="item.id">
           <div class="title text-truncate">{{item.title}}</div>
           <div class="time">{{getNoticeDate(item.created_at)}}</div>
         </div>
         <router-link to="/notice" class="text-warning">{{$t('home.more')}}</router-link>
-      </div>
+      </div> -->
       <!-- 走马灯 -->
-      <div class="marquee">
+      <!-- <div class="marquee">
         <div class="marquee-pargress d-flex">
           <ul class="marquee-list d-flex" v-for="box in 4" :key="box">
             <li
@@ -37,7 +47,7 @@
             </li>
           </ul>
         </div>
-      </div>
+      </div> -->
     </div>
 
     <div class="section markets">
@@ -48,10 +58,12 @@
               <ul class="nav nav-tabs ticker-nav" role="tablist">
                 <li class="nav-item">
                   <div class="markets__title">
-                    {{ $t("home.marketCenter") }}
+                    <!-- {{ $t("home.marketCenter") }} -->
+                    市场趋势
+                    <span class="markets__title_span">/ 24小时货币最新动态</span>
                   </div>
                 </li>
-                <li class="nav-item">
+                <!-- <li class="nav-item">
                   <a
                     class="nav-link"
                     href="javascript:void(0);"
@@ -74,7 +86,7 @@
                     href="javascript:void(0);"
                     >{{ item.coin_name }}</a
                   >
-                </li>
+                </li> -->
               </ul>
             </div>
             <div class="market-ticker-block">
@@ -157,18 +169,23 @@
                   <table class="table coin-list table-hover">
                     <thead>
                       <tr>
-                        <th></th>
-                        <th scope="col">{{ $t("home.coinType") }}</th>
-                        <th scope="col">{{ $t("home.latestPrice") }}</th>
-                        <th scope="col">
-                          {{ $t("home.upAndDown") }}
+                        <!-- <th></th> -->
+                        <!-- <th scope="col" class="table_th">{{ $t("home.coinType") }}</th> -->
+                        <th scope="col" class="table_th">币种</th>
+                        <th scope="col" class="table_th">{{ $t("home.low") }}</th>
+                        <!-- <th scope="col" class="table_th">{{ $t("home.latestPrice") }}</th> -->
+                        <th scope="col" class="table_th">
+                          <!-- {{ $t("home.upAndDown") }} -->
+                          24小时涨停
                           <span class="ti-arrow-down"></span>
                         </th>
-                        <th scope="col">{{ $t("home.heigh") }}</th>
-                        <th scope="col">{{ $t("home.low") }}</th>
-                        <th scope="col">
+                        <th scope="col" class="table_th">行情</th>
+                        <th scope="col" class="table_th">交易</th>
+                        <!-- <th scope="col" class="table_th">{{ $t("home.heigh") }}</th> -->
+                        
+                        <!-- <th scope="col" class="table_th">
                           <div class="text-center">{{ $t("home.vol") }}</div>
-                        </th>
+                        </th> -->
                       </tr>
                     </thead>
                     <tbody>
@@ -180,27 +197,29 @@
                           v-show="isShow(item.pair_name)"
                           :key="item.pair_name"
                         >
-                          <td>
+                          <!-- <td>
                             <i
                               href="javascript:void(0);"
                               @click="option(item)"
                               :class="{ active: isCoolect(item) }"
                               class="el-icon-star-on star-icon fn-22"
                             ></i>
-                          </td>
+                          </td> -->
                           <td>
-                            <router-link :to="`/exchange/${item.symbol}`">{{
-                              item.pair_name
-                            }}</router-link>
+                            <router-link :to="`/exchange/${item.symbol}`">
+                              <img :src="item.coin_icon" alt="" class="coin_icon">
+                              {{item.pair_name}}
+                            </router-link>
                           </td>
-                          <td>
+                          <!-- <td>
                             <span
                               :class="
                                 item.increase * 1 >= 0 ? 'increace' : 'decreace'
                               "
                               >{{ item.close }}</span
                             >
-                          </td>
+                          </td> -->
+                          <td>{{ item.low }}</td>
                           <td>
                             <span
                               :class="
@@ -209,9 +228,24 @@
                               >{{ item.increaseStr }}</span
                             >
                           </td>
-                          <td>{{ item.high }}</td>
-                          <td>{{ item.low }}</td>
-                          <td class="text-center">{{ item.vol }}</td>
+                          <td>
+                            <!-- <span
+                              :class="
+                                item.increase * 1 >= 0 ? 'increace' : 'decreace'
+                              "
+                              >{{ item.increaseStr }}</span
+                            > -->
+                            <img src="../../assets/img/increace.png" class="td_img" alt="" v-show="item.increase * 1 >= 0">
+                            <img src="../../assets/img/decreace.png" class="td_img" alt="" v-show="item.increase * 1 < 0">
+                          </td>
+                          <td>
+                            <router-link :to="`/exchange/${item.symbol}`">
+                              <button class="td_button">购买</button>
+                            </router-link>
+                          </td>
+                          <!-- <td>{{ item.high }}</td> -->
+                          
+                          <!-- <td class="text-center">{{ item.vol }}</td> -->
                         </tr>
                       </template>
                     </tbody>
@@ -224,107 +258,27 @@
           </div>
 
           <div class="text-center">
+            <!-- tag="button"
+              type="button" -->
             <router-link
               to="/market"
-              tag="button"
-              type="button"
+              
               class="view-more btn btn-outline-light"
             >
-              {{ $t("home.more") }}
+              <!-- {{ $t("home.more") }} -->
+              查看更多
             </router-link>
           </div>
         </div>
       </div>
     </div>
-
-    <div class="section features">
-      <!-- new-ticker-block -->
-
-      <header>
-        <h3>{{ $t("home.features") }}</h3>
-      </header>
-
-      <aside class="activity-box">
-        <div class="swiper-container">
-          <ul class="swiper-wrapper">
-            <li
-              :class="[`swiper-slide`, { zoom: item.zoom }]"
-              v-for="(item, index) in featuresList"
-              :key="index"
-            >
-              <!-- 鼠标移上去效果 -->
-              <section class="active">
-                <div>
-                  <img :src="item.thumb" width="80" />
-                </div>
-
-                <!-- 标题内容 -->
-                <h3>{{ item.title }}</h3>
-
-                <!-- 固定内容的盒子 -->
-                <section>{{ item.content }}</section>
-              </section>
-
-              <!-- 静止状态样式 -->
-              <section class="default">
-                <!--固定背景的盒子-->
-                <div>
-                  <img :src="item.picture" width="130" />
-                </div>
-                <!-- 标题内容 -->
-                <h3>{{ item.title }}</h3>
-              </section>
-            </li>
-          </ul>
-
-          <!-- Add Arrows -->
-          <!-- 
-                        <div class="swiper-button-next"></div>
-                        <div class="swiper-button-prev"></div> 
-                    -->
-          <!-- Add Pagination -->
-          <div class="swiper-pagination"></div>
-        </div>
-
-        <div class="turning">
-          <!-- Add Arrows -->
-          <a href="javascript:void 0" class="prevBtn"></a>
-          <a href="javascript:void 0" class="nextBtn"></a>
-        </div>
-      </aside>
-    </div>
-    <div class="section">
-      <!-- 多平台下载 -->
-      <div class="multi-platform" ref="platform">
-        <div class="d-flex container align-items-center">
-          <div class="left text-center d-flex align-items-center">
-            <div class="d-flex flex-column align-items-center">
-              <div class="h2">{{ $t("home.download") }}</div>
-              <div class="tip1">{{ $t("home.easy") }}</div>
-              <div class="qr-code-box">
-                <vue-qr :text="downloadLink" :margin="0" :size="200" />
-                <div class="label">
-                  <img
-                    class="scan-icon"
-                    src="../../assets/img/homescan.png"
-                    alt=""
-                  />
-                  {{ $t("home.skan") }}
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div class="right">
-          <img
-              class=""
-              src="../../assets/img/home_bgb.png"
-              alt=""
-            />
-        </div>
-      </div>
+    <div class="banner-block col-xs-8 banner2" >
+      <p class="banner_right_p">顶级加密风控管理</p>
+      <p class="banner_right_p1">为您的财产安全保驾护航</p>
+      <button>由Coinbebop实验中心提供</button>
     </div>
 
+    
     <div class="section news">
       <!-- wallets-section -->
       <div class="lattest-news-section">
@@ -363,6 +317,62 @@
         </div>
       </div>
     </div>
+
+    <div class="banner-block col-xs-8 banner3" >
+      <p class="banner3_p">
+        <span>立刻开始货币交易/</span>
+        <span class="banner3_p_span">扫描下方二维码下载</span>
+      </p>
+      <div class="banner3_content">
+        <div class="banner3_content_item">
+          <img src="../../assets/img/homescan.png" alt="" class="banner3_content_item_code">
+          <div class="introduce">
+            <!-- <span class="glyphicon glyphicon-phone"></span> -->
+            <span>Android扫码下载</span>
+          </div>
+        </div>
+        <div class="banner3_content_item">
+          <img src="../../assets/img/homescan.png" alt="" class="banner3_content_item_code">
+          <div class="introduce">
+            <!-- <ion-icon name="phone-portrait"></ion-icon> -->
+            <span>IOS扫码下载</span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- <div class="section">
+      多平台下载
+      <div class="multi-platform" ref="platform">
+        <div class="d-flex container align-items-center">
+          <div class="left text-center d-flex align-items-center">
+            <div class="d-flex flex-column align-items-center">
+              <div class="h2">{{ $t("home.download") }}</div>
+              <div class="tip1">{{ $t("home.easy") }}</div>
+              <div class="qr-code-box">
+                <vue-qr :text="downloadLink" :margin="0" :size="200" />
+                <div class="label">
+                  <img
+                    class="scan-icon"
+                    src="../../assets/img/homescan.png"
+                    alt=""
+                  />
+                  {{ $t("home.skan") }}
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="right">
+          <img
+              class=""
+              src="../../assets/img/home_bgb.png"
+              alt=""
+            />
+        </div>
+      </div>
+    </div> -->
+
+    
     <!-- lattest-news-section -->
     <div class="colto-section">
       <div class="container">
@@ -370,14 +380,15 @@
           class="colto-content-wrap d-flex flex-column align-items-center justify-content-center"
         >
           <div class="colto-content">
-            <div class="title">{{ $t("common.start-trade") }}</div>
+            <!-- <div class="title">{{ $t("common.start-trade") }}</div> -->
+            <div class="title">现在使用Coinbebop</div>
           </div>
           <div class="colto-btn-group" v-if="!isLogin">
-            <router-link tag="button" to="/sign-in" class="btn btn-success rounded-pill callto-btn">{{
+            <router-link tag="button" to="/sign-in" class="btn btn-success rounded-pill callto-btn container_button">{{
               $t("common.login")
             }}</router-link>
             <span>or</span>
-            <router-link tag="button" to="/sign-up" class="btn btn-primary rounded-pill callto-btn">{{
+            <router-link tag="button" to="/sign-up" class="btn btn-primary rounded-pill callto-btn container_button1">{{
               $t("common.register")
             }}</router-link>
           </div>
@@ -1077,4 +1088,188 @@ export default {
     // }
   }
 }
+.banner-block{
+  display: flex;
+  align-items: center;
+  padding-left: 136px;
+  .index_banner{
+    width: 758px;
+    height: 463px;
+  }
+  .banner_right{
+    width: 440px;
+    margin-left: 353px;
+    display: flex;
+    flex-direction: column;
+    
+    .banner_right_p{
+      color: white;
+      font-size: 48px;
+      font-weight: bold;
+      margin-bottom: 30px;
+    }
+    .banner_right_input{
+      background-color: rgba(23, 38, 54, 100);
+      color: white;
+      font-size: 15px;
+      height: 44px;
+      border: none;
+      padding-left: 10px;
+    }
+    .banner_right_code{
+      margin-top: 20px;
+      margin-bottom: 30px;
+      input{
+        width: 310px;
+
+      }
+      button{
+        width: 125px;
+        height: 44px;
+        border: none;
+        background-color: rgba(49, 65, 132, 100);
+        color: rgba(255, 255, 255, 100);
+        font-size: 15px;
+      }
+    }
+    .banner_right_sign{
+      height: 44px;
+      border: none;
+      background-color: rgba(49, 65, 132, 100);
+      color: rgba(255, 255, 255, 100);
+      width: 100%;
+      font-size: 20px;
+    }
+  }
+}
+.markets__title_span{
+  font-size: 16px;
+  color: #A1A7AE;
+  display: inline-block;
+  margin-left: 22px;
+}
+.table_th{
+  background-color: #222E3E;
+  text-align: center;
+  color: #9B9B9B;
+}
+.coin-list tbody tr{
+  background: transparent;
+  text-align: center;
+  td{
+    min-width: 150px;
+  }
+  
+}
+.td_img{
+  width: 109px;
+  height: 39px;
+}
+.td_button{
+  width: 140px;
+  height: 34px;
+  color: #2CB8FF ;
+  font-size: 14px;
+  border: 1px solid #4B5763;
+  background: transparent;
+}
+.btn-outline-light{
+  border: none;
+}
+.coin_icon{
+  width: 34px;
+  height: 34px;
+  margin-right:20px ;
+}
+.banner2{
+  background: url('../../assets/img/banner2.png') 100% 100% no-repeat;
+  padding-left: 233px;
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+  align-items:flex-start;
+
+  .banner_right_p{
+    color: white;
+    font-size: 48px;
+    font-weight: bold;
+    margin-bottom: 0;
+  }
+  .banner_right_p1{
+    color: #A0A7AD;
+    font-size: 36px;
+    margin-bottom: 51px;
+  }
+  button{
+    width: 398px;
+    height: 52px;
+    background: #3553D2;
+    color: white;
+    font-size: 20px;
+    border: none;
+  }
+}
+.banner3{
+  background: url('../../assets/img/banner3.png')  no-repeat;
+  background-color: #162636;
+  padding-right: 230px;
+  padding-top: 129px;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  
+  .banner3_p{
+    font-size: 16px;
+    color: #9AA1A8;
+    margin-bottom: 65px;
+
+    .banner3_p_span{
+      font-size: 28px;
+      color: white;
+      font-weight: bold;
+    }
+  }
+  .banner3_content{
+    display: flex;
+    
+    .banner3_content_item{
+      display: flex;
+      flex-direction: column;
+      margin-left: 90px;
+
+      .banner3_content_item_code{
+        width: 160px;
+        height: 160px;
+        margin-bottom: 50px;
+      }
+
+      .introduce{
+        display: flex;
+        align-items: center;
+        color: white;
+        font-size: 14px;
+        width: 160px;
+        justify-content: center;
+        img{
+          width: 23px;
+          height: 23px;
+          margin-right: 9px;
+        }
+      }
+
+    }
+    .banner3_content_item:first-child{
+      margin-left: 0;
+    }
+  }
+}
+.colto-section{
+  background: #222E3E;
+}
+.container_button{
+  background: #3553D2 ;
+}
+.container_button1{
+  background: #6C7EE4  ;
+}
 </style>