diff --git a/assets/img/home/Copy.png b/assets/img/home/Copy.png
new file mode 100644
index 0000000..9980b3a
Binary files /dev/null and b/assets/img/home/Copy.png differ
diff --git a/assets/img/home/Goldcoin.png b/assets/img/home/Goldcoin.png
new file mode 100644
index 0000000..5160f50
Binary files /dev/null and b/assets/img/home/Goldcoin.png differ
diff --git a/assets/img/home/Lendmoney.png b/assets/img/home/Lendmoney.png
new file mode 100644
index 0000000..2a9462a
Binary files /dev/null and b/assets/img/home/Lendmoney.png differ
diff --git a/assets/img/home/arrow-right.png b/assets/img/home/arrow-right.png
new file mode 100644
index 0000000..94f92a3
Binary files /dev/null and b/assets/img/home/arrow-right.png differ
diff --git a/assets/img/home/bgImg.png b/assets/img/home/bgImg.png
new file mode 100644
index 0000000..e1b4d4c
Binary files /dev/null and b/assets/img/home/bgImg.png differ
diff --git a/assets/img/home/bitebi.png b/assets/img/home/bitebi.png
new file mode 100644
index 0000000..25cbf33
Binary files /dev/null and b/assets/img/home/bitebi.png differ
diff --git a/assets/img/home/bottomImg.png b/assets/img/home/bottomImg.png
new file mode 100644
index 0000000..bc3e786
Binary files /dev/null and b/assets/img/home/bottomImg.png differ
diff --git a/assets/img/home/eye.png b/assets/img/home/eye.png
new file mode 100644
index 0000000..7636c6f
Binary files /dev/null and b/assets/img/home/eye.png differ
diff --git a/assets/img/home/monyeImg.png b/assets/img/home/monyeImg.png
new file mode 100644
index 0000000..c637869
Binary files /dev/null and b/assets/img/home/monyeImg.png differ
diff --git a/assets/img/home/top.png b/assets/img/home/top.png
new file mode 100644
index 0000000..37f2c3c
Binary files /dev/null and b/assets/img/home/top.png differ
diff --git a/assets/img/home/uEchartsImg.png b/assets/img/home/uEchartsImg.png
new file mode 100644
index 0000000..fce7e9b
Binary files /dev/null and b/assets/img/home/uEchartsImg.png differ
diff --git a/pages/base/home.vue b/pages/base/home.vue
index 5158da2..461eb80 100644
--- a/pages/base/home.vue
+++ b/pages/base/home.vue
@@ -1,73 +1,52 @@
 <template>
-    <view class="d-flex flex-col" style="background-color: #000117;">
-        <!-- 头部 -->
-				<v-header class="nav-tab" :left-arrow="false" style="background-color: #141414;" :left-click="personalCenter">
-					<template #left>
-							<van-icon name="user-circle-o" class="fn-25 color-theme-1" style="color: #D0712F;" />
+	<view class="d-flex flex-col" style="background-color: #0D0D0D;">
+		<!-- 头部 -->
+		<v-header class="nav-tab" :left-arrow="false" style="background-color: #141414;" :left-click="personalCenter">
+			<template #left>
+				<!-- <van-icon name="user-circle-o" class="fn-25 color-theme-1" style="color: #D0712F;" /> -->
+				<image src="@/assets/img/home/top.png" mode="aspectFit" style="width: 36rpx;height: 36rpx;"></image>
+			</template>
+			<template #title>
+				<view style="color: #ffffff; font-size: 30rpx;">xxCoin</view>
+			</template>
+			<template #right>
+				<view class="per-bot p-y-md p-x-sm d-flex align-center">
+					<!-- <img :src="$localImgUrl('Page6.png')" alt="" class="h-20 m-r-xs" /> -->
+					<span class="color-light">
+						<v-lang @change="marketList = [];
+                        indexData();getHelpList();"></v-lang>
+						<i class="iconfont m-l-xs fn-sm">&#xe6e9;</i>
+					</span>
+				</view>
+			</template>
+		</v-header>
+
+		<view class="layout-main">
+			<scroll-view @refresherrefresh="onRefresh" :refresher-enabled="refresherEnabled&&scrollTop<50"
+				:refresher-triggered="refreshing" refresher-background="transparent" :refresher-threshold="50">
+				<!-- 轮播 -->
+				<swiper v-if="0" class="my-swipe m-x-md p-b-xs" :autoplay="true" indicator-dots indicator-color="white">
+					<swiper-item class="my_swipe_item" v-for="(item, idx) in home" :key="idx">
+						<img width="100%" height="100%" class="rounded-sm" fit="cover" :src="item.imgurl" />
+					</swiper-item>
+				</swiper>
+				<!-- 公告 -->
+				<v-notice-bar v-if="notice.length&&0" class="m-t-md m-x-md bg-panel-1 box-shadow rounded-sm">
+					<template #left-icon>
+						<van-icon class="m-r-sm fn-16" @click="() => _router.push({ path: '/pages/notice/index' })"
+							name="volume-o" />
 					</template>
-				    <template #right>
-				        <view class="per-bot p-y-md p-x-sm d-flex align-center">
-				          <!-- <img :src="$localImgUrl('Page6.png')" alt="" class="h-20 m-r-xs" /> -->
-				          <span class="color-light">
-				           <v-lang @change="marketList = [];
-                        indexData();getHelpList();"
-				              
-				            ></v-lang>
-				            <i class="iconfont m-l-xs fn-sm">&#xe6e9;</i>
-				          </span>
-				        </view>
-				    </template>
-				</v-header>
-        
-        <view class="layout-main">
-            <scroll-view
-                @refresherrefresh="onRefresh"
-                :refresher-enabled="refresherEnabled&&scrollTop<50"
-                :refresher-triggered="refreshing"
-                refresher-background="transparent"
-                :refresher-threshold="50"
-							>
-                <!-- 轮播 -->
-                <swiper v-if="0"
-                    class="my-swipe m-x-md p-b-xs"
-                    :autoplay="true"
-                    indicator-dots
-                    indicator-color="white"
-									>
-                    <swiper-item
-                        class="my_swipe_item"
-                        v-for="(item, idx) in home"
-                        :key="idx"
-                    >
-                        <img width="100%" height="100%" class="rounded-sm" fit="cover" :src="item.imgurl"/>
-                    </swiper-item>
-                </swiper>
-                <!-- 公告 -->
-                <v-notice-bar
-                    v-if="notice.length&&0"
-                    class="m-t-md m-x-md bg-panel-1 box-shadow rounded-sm"
-									>
-                    <template #left-icon>
-                        <van-icon
-                            class="m-r-sm fn-16"
-                            @click="() => _router.push({ path: '/pages/notice/index' })"
-                            name="volume-o"
-                        />
-                    </template>
-                    <v-link
-                        class="fn-13 eps-1"
-                        :to="{ path: '/pages/notice/detail', query: { id: notice[0].id } }"
-                    >{{ notice[0].title }}
-                    </v-link
-                    >
-                    <template #right-icon>
-                        <view class="m-l-xs" @click="_router.push({ path: '/pages/notice/index' })">
-                            <van-icon name="wap-nav"/>
-                        </view>
-                    </template>
-                </v-notice-bar>
-                <!-- 次一级导航 -->
-                <!-- <view class="nav2 p-x-md m-t-ms d-flex justify-around fn-center">
+					<v-link class="fn-13 eps-1"
+						:to="{ path: '/pages/notice/detail', query: { id: notice[0].id } }">{{ notice[0].title }}
+					</v-link>
+					<template #right-icon>
+						<view class="m-l-xs" @click="_router.push({ path: '/pages/notice/index' })">
+							<van-icon name="wap-nav" />
+						</view>
+					</template>
+				</v-notice-bar>
+				<!-- 次一级导航 -->
+				<!-- <view class="nav2 p-x-md m-t-ms d-flex justify-around fn-center">
                   <v-link tag="div" to="/pages/assets/recharge" class="item">
                     <view class="icon">
                       <img :class="theme == 'light' ? 'bg-box-per' : ''" class="h-33" src="static/img/13.png" />
@@ -93,170 +72,185 @@
                     <view class="fn-13 m-t-xxs">{{ $t("base.b7") }}</view>
                   </v-link>
                 </view> -->
-                <!-- 指数 -->
-                <view class="stock-swipe d-flex p-x-md m-t-ms" v-if="0">
-                    <view
-                        class="swipe_right flex-fill lists"
-                        v-for="(parentItem,index) in marketList"
-                        v-if="index==1"
-                        :key="parentItem.coin_name"
-                    >
-                        <view
-                            v-for="(item,iindex) in parentItem.collect
+				<!-- 指数 -->
+				<view class="stock-swipe d-flex p-x-md m-t-ms" v-if="0">
+					<view class="swipe_right flex-fill lists" v-for="(parentItem,index) in marketList" v-if="index==1"
+						:key="parentItem.coin_name">
+						<view v-for="(item,iindex) in parentItem.collect
 											? collect
-											: parentItem.marketInfoList"
-                            :key="iindex"
-                            class="stock-index item flex-fill p-y-ms rounded-xs box-size  lists-1"
-                            v-if="item.pair_name=='BTC/USDT'||item.pair_name=='ETH/USDT'||item.pair_name=='ETC/USDT'"
-                        >
-                            <v-link
-                                :to="{
+											: parentItem.marketInfoList" :key="iindex"
+							class="stock-index item flex-fill p-y-ms rounded-xs box-size  lists-1"
+							v-if="item.pair_name=='BTC/USDT'||item.pair_name=='ETH/USDT'||item.pair_name=='ETC/USDT'">
+							<v-link :to="{
 											path: '/pages/exchange/index',
 											query: { code: item.pair_name },
 										}">
-                                <view class="stock-index-img fn-12 color-gray-6 m-b-xs fn-center">
-                                    <view class="color-light">{{ item.pair_name }}
-                                        <text class="stock-item-3"
-                                              :class="item.increase * 1 < 0 ? 'color-sell' : 'color-buy'">
-                                            {{ item.increaseStr }}
-                                        </text>
-                                    </view>
-                                </view>
-                                <view class="fn-18 color-light fn-center m-b-xs"
-                                      :class="item.increase * 1 < 0 ? 'color-sell' : 'color-buy'">{{ item.close }}
-                                </view>
-                                <view
-                                    class="d-flex flex-col align-center fn-sm justify-center"
-                                >
-
-                                    <!-- <view class="color-theme-6">≈ ￥{{omitTo(item.close*price_cny,2)}}</view> -->
-                                </view>
-                            </v-link>
-                        </view>
-                    </view>
-                </view>
-                
-								<!-- 加密货币之门 -->
-								<view class="illustration_area">
-										<img src="../../assets/img/home/illustration_1.png" alt="" style="width: 600rpx;height: 600rpx;">
-										<view class="title">{{ $t("homeNewText.aa1") }}</view>
-										<view  class="title">{{ $t("homeNewText.aa2") }}</view>
-										<view v-if="!isLogin" class="jump_btn" @click="goReg">
-											{{ $t("homeNewText.aa3") }}
-										</view>
-										<view v-else class="jump_btn" @click="goExchange">
-											{{ $t("homeNewText.aa4") }}
-										</view>
+								<view class="stock-index-img fn-12 color-gray-6 m-b-xs fn-center">
+									<view class="color-light">{{ item.pair_name }}
+										<text class="stock-item-3"
+											:class="item.increase * 1 < 0 ? 'color-sell' : 'color-buy'">
+											{{ item.increaseStr }}
+										</text>
+									</view>
+								</view>
+								<view class="fn-18 color-light fn-center m-b-xs"
+									:class="item.increase * 1 < 0 ? 'color-sell' : 'color-buy'">{{ item.close }}
 								</view>
-								<!-- 市场趋势 -->
-								<view class="">
-									<view class="fn-28 fn-bold color-light m-x-md p-y-md">{{ $t("homeNewText.aa5") }}</view>
-									<view class="fn-12 m-x-md" style="color: #999;">{{ $t("homeNewText.aa6") }}</view>
+								<view class="d-flex flex-col align-center fn-sm justify-center">
+
+									<!-- <view class="color-theme-6">≈ ￥{{omitTo(item.close*price_cny,2)}}</view> -->
 								</view>
-                <view class="head_info m-y-md ">
-                    <van-tabs
-                        v-if="marketList.length"
-                        :active="infoActive"
-                        background="transparent"
-                        :border="false"
-                        animated
-                    >
-                        <van-tab>
-                            <view class="w-12/12 m-t-xs">
-                                <view class="fn-center w-max">
-                                    <v-link
-                                        :to="{
-															 path: '/pages/exchange/index',
-															 query: { code: item.pair_name,contract:1 },
-														 }"
-                                        class="m-b-md m-x-md rounded-xs bg-panel-3 box-shadow link-active d-flex justify-between align-center p-x-md p-y-xs box-size p-x-xs"
-                                        v-for="(item,index) in marketListHe"
-                                        :key="index"
-                                    >
-                                        <view class="fn-left w-6/12">
-                                            <view class="d-flex align-center">
-                                                <text class="fn-bold fn-14 color-light">{{ item.pair_name }}</text>
-                                                <text class="color-default fn-12 m-l-xs">{{ $t("first.b8") }}</text>
-                                            </view>
-                                            <view class="d-flex align-center fn-12 m-t-xs">
-                                                24H{{ $t("first.b3") }} {{ omitTo(item.vol, 0) }}
-                                            </view>
-                                        </view>
-                                        <view class="fn-left align-end w-3/12">
-                                            <view class="d-flex align-end fn-bold fn-16"
-                                                  :class="item.increase * 1 >0?'color-buy':'color-sell'">{{ item.close
+							</v-link>
+						</view>
+					</view>
+				</view>
+
+				<!-- 加密货币之门 -->
+				<view v-if="!isLogin">
+					<view class="illustration_area" >
+						<image src="@/assets/img/home/bgImg.png" mode="widthFix" style="width: 100%;"></image>
+						<view class="title">{{$t("homeNewText.aa3")}},{{$t("homeNewText.aa1")}}</view>
+						<view class="titleButborder"></view>
+						<view v-if="!isLogin" class="jump_btn_one" @click="goReg">
+							{{ $t("homeNewText.aa3") }}
+						</view>
+						<view v-else class="jump_btn" @click="goExchange">
+							{{ $t("homeNewText.aa4") }}
+						</view>
+					</view>
+					<!-- 市场趋势 -->
+					<view class="reserve-box">
+						<view>
+							<view style="font-size: 24rpx;color:rgba(155, 155, 155, 1);">储备金证明</view>
+							<view class="content-bottom">我们致力于实现资金状况高透明度，对用户资产保持 1:1 的储备金率</view>
+						</view>
+						<img style="width: 176rpx;height: 112rpx;" src="@/assets/img/home/monyeImg.png" alt="">
+					</view>
+					<view class="Bitcoin">
+						<view class="Bitcoin-box">
+							<view class="btc-one mg-b10">
+								<view class="col-fff btc-in-box"><image src="@/assets/img/home/bitebi.png" mode="widthFix" style="width: 25rpx;"></image></view>
+								<view style="margin-left: 10rpx;color: #929292;">比特币</view>
+							</view>
+							<view class="btc-two mg-b10 col-fff">平均回报率</view>
+							<view class="btc-three mg-b10 col-fff">2018/10/01 - 2023/11/02</view>
+						</view>
+						<!-- <image src="@/assets/img/home/uEchartsImg.png" mode="aspectFit" style="width: 100%;"></image> -->
+					</view>
+					
+					<view class="bottom_tag">
+						<view class="bottom_box">
+							<view class="">
+								<view class="col-fff app-box">xxxAPP</view>
+								<view class="col-fff content-box">创造无限可能</view>
+							</view>
+							<view class="col-fff btn">
+								开始探索
+							</view>
+						</view>
+						<image src="@/assets/img/home/bottomImg.png" mode="aspectFit" style="width: 284rpx;height: 284rpx;"></image>
+					</view>
+				</view>
+				<view class="top-tiel" v-else>
+					<view style="border-bottom: 1px solid #000;">
+						<view style="margin: 20px 10px 10px; 10px">
+							<view class="col-fff topBTC">
+								总资产估值(BTC)
+								<image src="@/assets/img/home/eye.png" mode="widthFix" style="width: 30rpx;margin-left: 10rpx;"></image>
+							</view>
+							<view class="text_figure col-fff">0.28235120</view>
+							<view style="color: #6FB58A;">≈10000.40 USDT</view>
+							<view style="display: flex;justify-content: space-around;">
+								<button class="button_Goldcoin"><image src="@/assets/img/home/Goldcoin.png" mode="widthFix" style="width: 40rpx;"></image>充币</button>
+								<button class="button_Goldcoin"><image src="@/assets/img/home/Lendmoney.png" mode="widthFix" style="width: 40rpx;"></image>买币</button>
+							</view>
+						</view>
+					</view>
+					<view class="view_currency">
+						<view style="margin: 0px 10px 10px; 10px">
+							<view class="view_once">
+								<view>开启您的加密货币之旅</view>
+								<view>立即前往<image src="@/assets/img/home/arrow-right.png" mode="widthFix"></image></view>
+							</view>
+						</view>
+						<image src="@/assets/img/home/Copy.png" mode="aspectFit"></image>
+					</view>
+				</view>
+				
+				
+				<view class="head_info m-y-md " v-if="isLogin">
+					<view class="currency">流行的加密货币</view>
+					<van-tabs v-if="marketList.length" :active="infoActive" background="transparent" :border="false" animated>
+						<van-tab>
+							<view class="w-12/12 m-t-xs">
+								<view class="fn-center w-max">
+									<v-link :to="{path: '/pages/exchange/index',query: { code: item.pair_name,contract:1 },
+									}" class="m-b-md m-x-md rounded-xs bg-panel-3 box-shadow link-active d-flex justify-between align-center p-x-md p-y-xs box-size p-x-xs"
+										v-for="(item,index) in marketListHe" :key="index">
+										<view class="fn-left w-6/12">
+											<view class="d-flex align-center">
+												<text class="fn-bold fn-14 color-light">{{ item.pair_name }}</text>
+												<text class="color-default fn-12 m-l-xs">{{ $t("first.b8") }}</text>
+											</view>
+											<view class="d-flex align-center fn-12 m-t-xs">
+												24H{{ $t("first.b3") }} {{ omitTo(item.vol, 0) }}
+											</view>
+										</view>
+										<view class="fn-left align-end w-3/12">
+											<view class="d-flex align-end fn-bold fn-16"
+												:class="item.increase * 1 >0?'color-buy':'color-sell'">{{ item.close
                                                 }}
-                                            </view>
-                                            <!-- <view class="m-t-xs">
+											</view>
+											<!-- <view class="m-t-xs">
                                                 ￥{{ omitTo(item.close*price_cny,2) }}
                                             </view> -->
-                                        </view>
-                                        <view class="fn-right w-3/12 positions">
-                       <span
-                           class="rounded-xs posi fn-12"
-                           :class="
+										</view>
+										<view class="fn-right w-3/12 positions">
+											<span class="rounded-xs posi fn-12" :class="
                            item.increase * 1 > 0 ? 'color-buy' : 'color-sell'
-                         "
-                       >{{ item.increaseStr }}</span
-                       >
-                                            <view class="charts-box m-t-xs">
-                                                <qiun-data-charts
-                                                    type="tarea"
-                                                    :chartData="item.kline"
-                                                    background="none"
-                                                    :tapLegend="false"
-                                                    :range="item.increase*1>0?true:false"
-                                                />
-                                            </view>
-                                        </view>
-                                    </v-link>
-                                </view>
-                            </view>
-                        </van-tab>
-                        <van-tab
-                            v-for="parentItem in marketList"
-                            :key="parentItem.coin_name"
-                            v-if="parentItem.coin_name=='USDT'"
-                        >
-                            <view class="w-12/12 m-t-xs">
-                                <view class="fn-center w-max">
-																	<view class="m-b-md m-x-md rounded-xs box-shadow link-active d-flex justify-between align-center p-y-xs box-size p-x-xs">
-																		<view class="fn-left w-5/12">{{ $t("homeNewText.aa7") }}</view>
-																		<view class="fn-right w-4/12">{{ $t("homeNewText.bb1") }}</view>
-																		<view class="fn-right w-3/12 positions">{{ $t("homeNewText.bb2") }}</view>
-																	</view>
-                                    <v-link
-                                        :to="{
+                         ">{{ item.increaseStr }}</span>
+											<view class="charts-box m-t-xs">
+												<qiun-data-charts type="tarea" :chartData="item.kline" background="none"
+													:tapLegend="false" :range="item.increase*1>0?true:false" />
+											</view>
+										</view>
+									</v-link>
+								</view>
+							</view>
+						</van-tab>
+						<van-tab v-for="parentItem in marketList" :key="parentItem.coin_name"
+							v-if="parentItem.coin_name=='USDT'">
+							<view class="w-12/12 m-t-xs">
+								<view class="fn-center w-max">
+									<view
+										class="m-b-md m-x-md rounded-xs box-shadow link-active d-flex justify-between align-center p-y-xs box-size p-x-xs">
+										<view class="fn-left w-5/12">{{ $t("homeNewText.aa7") }}</view>
+										<view class="fn-right w-4/12">{{ $t("homeNewText.bb1") }}</view>
+										<view class="fn-right w-3/12 positions">{{ $t("homeNewText.bb2") }}</view>
+									</view>
+									<v-link :to="{
                     path: '/pages/exchange/index',
                     query: { code: item.pair_name },
-                  }"
-                                        class="m-b-md m-x-md rounded-xs box-shadow link-active d-flex justify-between align-center p-y-xs box-size p-x-xs"
-                                        v-for="item in parentItem.collect
+                  }" class="m-b-md m-x-md rounded-xs box-shadow link-active d-flex justify-between align-center p-y-xs box-size p-x-xs"
+										v-for="item in parentItem.collect
                     ? collect.slice(0,5)
-                    : parentItem.marketInfoList.slice(0,5)"
-                                        :key="item.pair_name"
-                                    >
-                                        <view class="fn-left w-5/12">
-                                            <view class="d-flex align-center">
-																							<image :src="item.coin_icon" mode="" style="width: 60rpx;height: 60rpx;margin-right: 12rpx;"></image>
-                                                <text class="fn-bold fn-14 color-light">{{ item.coin_name }}</text>
-                                                <!-- <text class="fn-bold fn-14 color-light">{{ item.pair_name }}</text> -->
-                                            </view>
-                                            <view class="d-flex align-center fn-12 m-t-xs" v-if="0">
-                                                24H{{ $t("first.b3") }} {{ omitTo(item.vol, 0) }}
-                                            </view>
-                                        </view>
-																				<view class="fn-right w-4/12 color-light">{{ item.close }}</view>
-                                        <view class="fn-right w-3/12">
-																						<span
-																								class="fn-bold rounded-xs fn-16"
-																								:class="
-																								item.increase * 1 > 0 ? 'color-buy' : 'color-sell'
-																							"
-																						>{{ item.increaseStr }}</span
-																						>
-																						
-                                            <!-- <view class="charts-box m-t-xs">
+                    : parentItem.marketInfoList.slice(0,5)" :key="item.pair_name">
+										<view class="fn-left w-5/12">
+											<view class="d-flex align-center">
+												<image :src="item.coin_icon" mode=""
+													style="width: 60rpx;height: 60rpx;margin-right: 12rpx;"></image>
+												<text class="fn-bold fn-14 color-light col-fff">{{ item.coin_name }}</text>
+												<!-- <text class="fn-bold fn-14 color-light">{{ item.pair_name }}</text> -->
+											</view>
+											<view class="d-flex align-center fn-12 m-t-xs" v-if="0">
+												24H{{ $t("first.b3") }} {{ omitTo(item.vol, 0) }}
+											</view>
+										</view>
+										<view class="fn-right w-4/12 color-light usd-close">{{ item.close }}</view>
+										<view class="fn-right w-3/12">
+											<span class="fn-bold rounded-xs fn-16" :class="
+											item.increase * 1 > 0 ? 'color-buys' : 'color-red'">{{ item.increaseStr }}</span>
+											<!-- <view class="charts-box m-t-xs">
                                               <qiun-data-charts
                                                 type="tarea"
                                                 :chartData="item.kline"
@@ -265,150 +259,187 @@
                                                 :range="item.increase*1>0?true:false"
                                               />
                                             </view> -->
-                                        </view>
-                                    </v-link>
-                                </view>
-                            </view>
-                        </van-tab>
-                    </van-tabs>
-                </view>
-            
-								<!-- 适合所有人的加密货币交易所 -->
-								<view style="margin-top: 100rpx;">
-									<view style="width: 700rpx;margin: 0px auto;">
-										<view class="fn-28 fn-bold m-y-md" style="width: 75%;color: #e7e7e7;">{{ $t("homeNewText.bb4") }}</view>
-										<view class="fn-12" style="color: #999;">{{ $t("homeNewText.bb5") }}</view>
-									</view>
-									<view class="card_area m-y-md">
-										<view class="card_item">
-											<img src="../../assets/img/home/4.png" alt="">
-											<view class="fn-16 fn-bold" style="color: #e7e7e7;margin-bottom:10px;">{{ $t("homeNewText.bb6") }}</view>
-											<view style="font-size: 12px;color: #707275;">{{ $t("homeNewText.bb7") }}</view>
-											<view style="font-size: 12px;color: #707275;">{{ $t("homeNewText.bb8") }}</view>
-										</view>
-										<view class="card_item">
-											<img src="../../assets/img/home/5.png" alt="">
-											<view class="fn-16 fn-bold" style="color: #e7e7e7;margin-bottom:10px;">{{ $t("homeNewText.bb9") }}</view>
-											<view style="font-size: 12px;color: #707275;">{{ $t("homeNewText.bb10") }}</view>
-											<view style="font-size: 12px;color: #707275;">{{ $t("homeNewText.bb11") }}</view>
-										</view>
-										<view class="card_item">
-											<img src="../../assets/img/home/2.png" alt="">
-											<view class="fn-16 fn-bold" style="color: #e7e7e7;margin-bottom:10px;">{{ $t("homeNewText.bb12") }}</view>
-											<view style="font-size: 12px;color: #707275;">{{ $t("homeNewText.bb13") }}</view>
-											<view style="font-size: 12px;color: #707275;">{{ $t("homeNewText.bb14") }}</view>
 										</view>
-										<view class="card_item">
-											<img src="../../assets/img/home/6.png" alt="">
-											<view class="fn-16 fn-bold" style="color: #e7e7e7;margin-bottom:10px;">{{ $t("homeNewText.bb15") }}</view>
-											<view style="font-size: 12px;color: #707275;">{{ $t("homeNewText.bb16") }}</view>
-											<view style="font-size: 12px;color: #707275;">{{ $t("homeNewText.bb17") }}</view>
-										</view>
-										<view class="card_item">
-											<img src="../../assets/img/home/1.png" alt="">
-											<view class="fn-16 fn-bold" style="color: #e7e7e7;margin-bottom:10px;">{{ $t("homeNewText.bb18") }}</view>
-											<view style="font-size: 12px;color: #707275;">{{ $t("homeNewText.bb19") }}</view>
-											<view style="font-size: 12px;color: #707275;">{{ $t("homeNewText.bb20") }}</view>
-										</view>
-										<view class="card_item">
-											<img src="../../assets/img/home/3.png" alt="">
-											<view class="fn-16 fn-bold" style="color: #e7e7e7;margin-bottom:10px;">{{ $t("homeNewText.bb21") }}</view>
-											<view style="font-size: 12px;color: #707275;">{{ $t("homeNewText.bb22") }}</view>
-											<view style="font-size: 12px;color: #707275;">{{ $t("homeNewText.bb23") }}</view>
-										</view>
-									</view>
+									</v-link>
 								</view>
-								<view class="introduce_area">
-									<view class="fn-28 fn-bold color-white m-y-md">{{ $t("homeNewText.dd1") }}</view>
-									<view class="fn-12" style="color: #999;">{{ $t("homeNewText.dd2") }}</view>
-									<view class="zhanshi"></view>
-									<view class="item">
-										<view class="img">
-											<image src="../../assets/img/home/8.png" mode=""></image>
-										</view>
-										<view class="" style="flex: 1;">
-											<view class="fn-16 fn-bold m-b-sm" style="color: #e7e7e7;">{{ $t("homeNewText.dd3") }}</view>
-											<view class="">{{ $t("homeNewText.dd4") }}</view>
-										</view>
+								<view class="announcement">
+									<view class="text">公告</view>
+									<view class="notification">
+										<view class="notification_text">关于xxx和xxx定期简单赚币产品下线的通知</view>
+										<view class="notification_time">2023/11/02 19:35</view>
 									</view>
-									<view class="item">
-										<view class="img">
-											<image src="../../assets/img/home/9.png" mode=""></image>
-										</view>
-										<view class="" style="flex: 1;">
-											<view class="fn-16 fn-bold m-b-sm" style="color: #e7e7e7;">{{ $t("homeNewText.dd5") }}</view>
-											<view class="">{{ $t("homeNewText.dd6") }}</view>
-										</view>
+									<view class="notification">
+										<view class="notification_text">关于xxx和xxx定期简单赚币产品下线的通知</view>
+										<view class="notification_time">2023/11/02 19:35</view>
 									</view>
-									
-								</view>
-								<!-- 交易，随时随地 -->
-								<view class="download_area">
-									<view style="width: 700rpx;margin: 0px auto;">
-										<view class="fn-28 fn-bold m-y-md" style="color: #e7e7e7;">{{ $t("homeNewText.cc5") }}</view>
-										<view class="fn-12" style="color: #999;">{{ $t("homeNewText.cc8") }}</view>
-									</view>
-									<view class="zhanshi"></view>
-									<view class="btn" @click="toDwon()"><image src="../../assets/img/home/antFill-apple@2x.png" mode=""></image>App Store</view>
-									<view class="btn" @click="toDwon()"><image src="../../assets/img/home/md-android@2x.png" mode=""></image>Android</view>
-									<view class="btn" @click="toDwon()"><image src="../../assets/img/home/riFill-google-play-fill@2x.png" mode="">Google Play</image></view>
-								</view>
-								<!-- 帮助中心 -->
-								<view style="width: 700rpx;margin: 120rpx auto 40rpx;" v-if="0">
-									<view class="fn-20 fn-bold color-white m-b-lg" style="text-align: center;">{{ $t("homeNewText.dd7") }}</view>
-									<view class="help_area">
-										<view v-for="(item, index) in helpList" :key="index" class="help_item" @click="toNotice(item)">
-											<view style="white-space: nowrap;text-overflow: ellipsis;overflow: hidden;">{{ item.title }}</view>
-											<view class="arrow"></view>
-										</view>
+									<view class="notification">
+										<view class="notification_text">关于xxx和xxx定期简单赚币产品下线的通知</view>
+										<view class="notification_time">2023/11/02 19:35</view>
 									</view>
 								</view>
-								
-								<!-- 五百万 -->
-								<view class="five_million">
-									<view class="f_item">
-										<view class="txt1">Top 10</view>
-										<view class="txt2">{{ $t("homeNewText.ee1") }}</view>
-									</view>
-									<view class="f_item">
-										<view class="txt1">5 million+</view>
-										<view class="txt2">{{ $t("homeNewText.ee2") }}</view>
-									</view>
-									<view class="f_item">
-										<view class="txt1">{{'< 0.10%'}}</view>
-										<view class="txt2">{{ $t("homeNewText.ee3") }}</view>
-									</view>
-									<view class="f_item">
-										<view class="txt1">200+</view>
-										<view class="txt2">{{ $t("homeNewText.ee4") }}</view>
-									</view>
-								</view>
-								<view class="now_area">
-									<view style="margin-bottom: 40rpx;">
-										{{ $t("homeNewText.ee5") }}
-									</view>
-									<view v-if="!isLogin" class="jump_btn" @click="goReg">
-										{{ $t("homeNewText.aa3") }}
-									</view>
-									<view v-else class="jump_btn" @click="goMine">
-										{{ $t("homeNewText.aa4") }}
-									</view>
-								</view>
-						</scroll-view>
-        </view>
-        <!-- 个人主页弹出层 -->
-        <van-popup
-            class="personalCenter-main colbg bg-panel-4"
-            :show="show"
-            @close="show = false"
-            position="left"
-            custom-style="width:100%;height:100%"
-        >
-            <view style="height: var(--status-bar-height)"></view>
-            <view class="personalCenter-top">
-                <view class="theme-switch m-x-md d-flex justify-between">
-                    <van-icon name="arrow-left" @click="show = false" class="fn-22"/>
-                    <!-- <view class="v-switch border rounded-xs d-flex" @click="changtTheme">
+							</view>
+						</van-tab>
+					</van-tabs>
+				</view>
+
+				
+				
+				<!-- 适合所有人的加密货币交易所 -->
+				<view style="margin-top: 100rpx;">
+					<view style="width: 700rpx;margin: 0px auto;">
+						<view class="fn-28 fn-bold m-y-md" style="width: 75%;color: #e7e7e7;">
+							{{ $t("homeNewText.bb4") }}
+						</view>
+						<view class="fn-12" style="color: #999;">{{ $t("homeNewText.bb5") }}</view>
+					</view>
+					<view class="card_area m-y-md">
+						<view class="card_item">
+							<img src="../../assets/img/home/4.png" alt="">
+							<view class="fn-16 fn-bold" style="color: #e7e7e7;margin-bottom:10px;">
+								{{ $t("homeNewText.bb6") }}
+							</view>
+							<view style="font-size: 12px;color: #707275;">{{ $t("homeNewText.bb7") }}</view>
+							<view style="font-size: 12px;color: #707275;">{{ $t("homeNewText.bb8") }}</view>
+						</view>
+						<view class="card_item">
+							<img src="../../assets/img/home/5.png" alt="">
+							<view class="fn-16 fn-bold" style="color: #e7e7e7;margin-bottom:10px;">
+								{{ $t("homeNewText.bb9") }}
+							</view>
+							<view style="font-size: 12px;color: #707275;">{{ $t("homeNewText.bb10") }}</view>
+							<view style="font-size: 12px;color: #707275;">{{ $t("homeNewText.bb11") }}</view>
+						</view>
+						<view class="card_item">
+							<img src="../../assets/img/home/2.png" alt="">
+							<view class="fn-16 fn-bold" style="color: #e7e7e7;margin-bottom:10px;">
+								{{ $t("homeNewText.bb12") }}
+							</view>
+							<view style="font-size: 12px;color: #707275;">{{ $t("homeNewText.bb13") }}</view>
+							<view style="font-size: 12px;color: #707275;">{{ $t("homeNewText.bb14") }}</view>
+						</view>
+						<view class="card_item">
+							<img src="../../assets/img/home/6.png" alt="">
+							<view class="fn-16 fn-bold" style="color: #e7e7e7;margin-bottom:10px;">
+								{{ $t("homeNewText.bb15") }}
+							</view>
+							<view style="font-size: 12px;color: #707275;">{{ $t("homeNewText.bb16") }}</view>
+							<view style="font-size: 12px;color: #707275;">{{ $t("homeNewText.bb17") }}</view>
+						</view>
+						<view class="card_item">
+							<img src="../../assets/img/home/1.png" alt="">
+							<view class="fn-16 fn-bold" style="color: #e7e7e7;margin-bottom:10px;">
+								{{ $t("homeNewText.bb18") }}
+							</view>
+							<view style="font-size: 12px;color: #707275;">{{ $t("homeNewText.bb19") }}</view>
+							<view style="font-size: 12px;color: #707275;">{{ $t("homeNewText.bb20") }}</view>
+						</view>
+						<view class="card_item">
+							<img src="../../assets/img/home/3.png" alt="">
+							<view class="fn-16 fn-bold" style="color: #e7e7e7;margin-bottom:10px;">
+								{{ $t("homeNewText.bb21") }}
+							</view>
+							<view style="font-size: 12px;color: #707275;">{{ $t("homeNewText.bb22") }}</view>
+							<view style="font-size: 12px;color: #707275;">{{ $t("homeNewText.bb23") }}</view>
+						</view>
+					</view>
+				</view>
+				<view class="introduce_area">
+					<view class="fn-28 fn-bold color-white m-y-md">{{ $t("homeNewText.dd1") }}</view>
+					<view class="fn-12" style="color: #999;">{{ $t("homeNewText.dd2") }}</view>
+					<view class="zhanshi"></view>
+					<view class="item">
+						<view class="img">
+							<image src="../../assets/img/home/8.png" mode=""></image>
+						</view>
+						<view class="" style="flex: 1;">
+							<view class="fn-16 fn-bold m-b-sm" style="color: #e7e7e7;">{{ $t("homeNewText.dd3") }}
+							</view>
+							<view class="">{{ $t("homeNewText.dd4") }}</view>
+						</view>
+					</view>
+					<view class="item">
+						<view class="img">
+							<image src="../../assets/img/home/9.png" mode=""></image>
+						</view>
+						<view class="" style="flex: 1;">
+							<view class="fn-16 fn-bold m-b-sm" style="color: #e7e7e7;">{{ $t("homeNewText.dd5") }}
+							</view>
+							<view class="">{{ $t("homeNewText.dd6") }}</view>
+						</view>
+					</view>
+
+				</view>
+				<!-- 交易，随时随地 -->
+				<view class="download_area">
+					<view style="width: 700rpx;margin: 0px auto;">
+						<view class="fn-28 fn-bold m-y-md" style="color: #e7e7e7;">{{ $t("homeNewText.cc5") }}</view>
+						<view class="fn-12" style="color: #999;">{{ $t("homeNewText.cc8") }}</view>
+					</view>
+					<view class="zhanshi"></view>
+					<view class="btn" @click="toDwon()">
+						<image src="../../assets/img/home/antFill-apple@2x.png" mode=""></image>App Store
+					</view>
+					<view class="btn" @click="toDwon()">
+						<image src="../../assets/img/home/md-android@2x.png" mode=""></image>Android
+					</view>
+					<view class="btn" @click="toDwon()">
+						<image src="../../assets/img/home/riFill-google-play-fill@2x.png" mode="">Google Play</image>
+					</view>
+				</view>
+				<!-- 帮助中心 -->
+				<view style="width: 700rpx;margin: 120rpx auto 40rpx;" v-if="0">
+					<view class="fn-20 fn-bold color-white m-b-lg" style="text-align: center;">
+						{{ $t("homeNewText.dd7") }}
+					</view>
+					<view class="help_area">
+						<view v-for="(item, index) in helpList" :key="index" class="help_item" @click="toNotice(item)">
+							<view style="white-space: nowrap;text-overflow: ellipsis;overflow: hidden;">{{ item.title }}
+							</view>
+							<view class="arrow"></view>
+						</view>
+					</view>
+				</view>
+
+				<!-- 五百万 -->
+				<view class="five_million">
+					<view class="f_item">
+						<view class="txt1">Top 10</view>
+						<view class="txt2">{{ $t("homeNewText.ee1") }}</view>
+					</view>
+					<view class="f_item">
+						<view class="txt1">5 million+</view>
+						<view class="txt2">{{ $t("homeNewText.ee2") }}</view>
+					</view>
+					<view class="f_item">
+						<view class="txt1">{{'< 0.10%'}}</view>
+						<view class="txt2">{{ $t("homeNewText.ee3") }}</view>
+					</view>
+					<view class="f_item">
+						<view class="txt1">200+</view>
+						<view class="txt2">{{ $t("homeNewText.ee4") }}</view>
+					</view>
+				</view>
+				<view class="now_area">
+					<view style="margin-bottom: 40rpx;">
+						{{ $t("homeNewText.ee5") }}
+					</view>
+					<view v-if="!isLogin" class="jump_btn" @click="goReg">
+						{{ $t("homeNewText.aa3") }}
+					</view>
+					<view v-else class="jump_btn" @click="goMine">
+						{{ $t("homeNewText.aa4") }}
+					</view>
+				</view>
+			</scroll-view>
+		</view>
+		<!-- 个人主页弹出层 -->
+		<van-popup class="personalCenter-main colbg bg-panel-4" :show="show" @close="show = false" position="left"
+			custom-style="width:100%;height:100%">
+			<view style="height: var(--status-bar-height)"></view>
+			<view class="personalCenter-top">
+				<view class="theme-switch m-x-md d-flex justify-between">
+					<van-icon name="arrow-left" @click="show = false" class="fn-22" />
+					<!-- <view class="v-switch border rounded-xs d-flex" @click="changtTheme">
                       <view
                         class="icon border"
                         :class="theme == 'light' ? 'bg-gradient-green active' : 'bg-gradient-green'"
@@ -418,18 +449,18 @@
                       </view>
                     </view> -->
 
-                    <img width="25px" height="25px" @click="changtTheme"
-                         :src="theme == 'light' ? 'static/img/moon.png' : 'static/img/sun.png'"/>
-                </view>
-                <view class="information p-l-md m-t-xl">
-                    <!-- <img :src="logoMap.login_logo" class="h-50 w-50 d-block m-r-xs rounded-max flex-shrink" /> -->
-                    <view class="inf-rig flex-fill">
-                        <!-- <span class="fn-lg color-light" v-if="isLogin">{{
+					<img width="25px" height="25px" @click="changtTheme"
+						:src="theme == 'light' ? 'static/img/moon.png' : 'static/img/sun.png'" />
+				</view>
+				<view class="information p-l-md m-t-xl">
+					<!-- <img :src="logoMap.login_logo" class="h-50 w-50 d-block m-r-xs rounded-max flex-shrink" /> -->
+					<view class="inf-rig flex-fill">
+						<!-- <span class="fn-lg color-light" v-if="isLogin">{{
                           user.account
                         }}</span> -->
-                        <!-- @click="toAccountSettings" -->
+						<!-- @click="toAccountSettings" -->
 
-                        <!-- <span v-if="isLogin" class="inf-rig-cent fn-20 color-light">UID：{{ isLogin ? user.user_id : "-" }}
+						<!-- <span v-if="isLogin" class="inf-rig-cent fn-20 color-light">UID：{{ isLogin ? user.user_id : "-" }}
                             #ifdef H5
                             <i class="iconfont m-l-lg" @click="copy(user.user_id)">&#xe706;</i>
                             #endif
@@ -438,34 +469,33 @@
                             #endif
                         </span> -->
 
-                        <!-- v-else -->
-                        <view v-if="!isLogin" class="color-light" @click.stop>
-                            <view class="fn-bold fn-16">
-                                {{ $t("first.b2") }}
-                            </view>
-                            <v-link to="/pages/login/index" class="color-theme-1 goLogin rounded m-t-xs fn-xs">
-                                {{ $t("first.b1") }}
-                            </v-link>
-                        </view>
-                    </view>
-                    <v-link v-if="false" to="/pages/invite/level" style="padding:3px 4px 6px"
-                            class="bg-panel-4 border border-r-0 rounded-tl-lg rounded-bl-lg border-buy"
-                            @click.native.stop>
-                        <span class="fn-xs color-buy">{{ $t("base.e6") }}</span>
-                    </v-link>
-                </view>
-            </view>
-            <v-link :to="detail.status!=2?'/pages/auth/index':''" tag="div"
-                    class="bg-form-panel-3 p-xs m-xs color-theme-1 d-flex justify-between align-center">
-                <view class=" d-flex align-center">
-                    <van-icon name="manager" class="fn-18"/>
-                    <text class="p-l-md fn-14">{{$t('auth.a1')}}</text>
-                </view>
-                <text class="bg-theme-1 color-white p-x-xs p-y-xxs rounded" v-if="detail.status!=2">{{$t('first.a0')}}
-                </text>
-                <text class="bg-theme-1 color-white p-x-xs p-y-xxs rounded" v-else>{{$t('auth.a3')}}</text>
-            </v-link>
-            <!-- <view class="personalCenter-center border-b border-gray-5">
+						<!-- v-else -->
+						<view v-if="!isLogin" class="color-light" @click.stop>
+							<view class="fn-bold fn-16">
+								{{ $t("first.b2") }}
+							</view>
+							<v-link to="/pages/login/index" class="color-theme-1 goLogin rounded m-t-xs fn-xs">
+								{{ $t("first.b1") }}
+							</v-link>
+						</view>
+					</view>
+					<v-link v-if="false" to="/pages/invite/level" style="padding:3px 4px 6px"
+						class="bg-panel-4 border border-r-0 rounded-tl-lg rounded-bl-lg border-buy" @click.native.stop>
+						<span class="fn-xs color-buy">{{ $t("base.e6") }}</span>
+					</v-link>
+				</view>
+			</view>
+			<v-link :to="detail.status!=2?'/pages/auth/index':''" tag="div"
+				class="bg-form-panel-3 p-xs m-xs color-theme-1 d-flex justify-between align-center">
+				<view class=" d-flex align-center">
+					<van-icon name="manager" class="fn-18" />
+					<text class="p-l-md fn-14">{{$t('auth.a1')}}</text>
+				</view>
+				<text class="bg-theme-1 color-white p-x-xs p-y-xxs rounded" v-if="detail.status!=2">{{$t('first.a0')}}
+				</text>
+				<text class="bg-theme-1 color-white p-x-xs p-y-xxs rounded" v-else>{{$t('auth.a3')}}</text>
+			</v-link>
+			<!-- <view class="personalCenter-center border-b border-gray-5">
               <view class="d-flex justify-around">
                 <v-link
                   to="/pages/assets/recharge"
@@ -493,24 +523,24 @@
                 </v-link>
               </view>
             </view> -->
-            <view class="personalCenter-bottom m-t-md">
+			<view class="personalCenter-bottom m-t-md">
 
-                <!-- <v-link
+				<!-- <v-link
                   to="/pages/commission/index"
                   tag="div"
                   class="per-bot p-y-md p-x-sm d-flex align-center justify-between"
                 > -->
-                <view class="per-bot p-y-md p-x-sm d-flex align-center justify-between" @click="goMine()">
-                    <view class="d-flex align-center">
-                        <img :src="$localImgUrl('Page1.png')" alt="" class="m-r-xs h-17">
-                        <span class="color-light">{{ $t("base.c1") }}</span>
-                    </view>
-                    <van-icon name="arrow" class="fn-18"/>
-                </view>
+				<view class="per-bot p-y-md p-x-sm d-flex align-center justify-between" @click="goMine()">
+					<view class="d-flex align-center">
+						<img :src="$localImgUrl('Page1.png')" alt="" class="m-r-xs h-17">
+						<span class="color-light">{{ $t("base.c1") }}</span>
+					</view>
+					<van-icon name="arrow" class="fn-18" />
+				</view>
 
-                <!-- </v-link> -->
+				<!-- </v-link> -->
 
-                <!-- <v-link
+				<!-- <v-link
                  to="/pages/otc/pays"
                  tag="div"
                  class="per-bot p-y-sm p-l-sm border-b d-flex align-center"
@@ -518,7 +548,7 @@
                  <img :src="$localImgUrl('Page9.png')" alt="" class="h-20 m-r-xs">
                  <span class="color-light">{{$t('otc.j6')}}</span>
                </v-link> -->
-                <!-- <v-link
+				<!-- <v-link
                   to="/pages/auth/index"
                   tag="div"
                   class="per-bot p-y-md p-x-sm d-flex align-center justify-between"
@@ -529,29 +559,23 @@
                   </view>
                   <van-icon name="arrow" class="fn-18" />
                 </v-link> -->
-                <v-link
-                    to="/pages/safe/index"
-                    tag="div"
-                    class="per-bot p-y-md p-x-sm d-flex align-center justify-between"
-                >
-                    <view class="d-flex align-center">
-                        <img :src="$localImgUrl('Page3.png')" alt="" class="h-20 m-r-xs"/>
-                        <span class="color-light">{{ $t("base.c3") }}</span>
-                    </view>
-                    <van-icon name="arrow" class="fn-18"/>
-                </v-link>
-                <v-link
-                    to="/pages/notice/index"
-                    tag="div"
-                    class="per-bot p-y-md p-x-sm d-flex align-center justify-between"
-                >
-                    <view class="d-flex align-center">
-                        <img :src="$localImgUrl('Page4.png')" alt="" class="h-20 m-r-xs"/>
-                        <span class="color-light">{{ $t("base.c4") }}</span>
-                    </view>
-                    <van-icon name="arrow" class="fn-18"/>
-                </v-link>
-                <!-- <v-link
+				<v-link to="/pages/safe/index" tag="div"
+					class="per-bot p-y-md p-x-sm d-flex align-center justify-between">
+					<view class="d-flex align-center">
+						<img :src="$localImgUrl('Page3.png')" alt="" class="h-20 m-r-xs" />
+						<span class="color-light">{{ $t("base.c3") }}</span>
+					</view>
+					<van-icon name="arrow" class="fn-18" />
+				</v-link>
+				<v-link to="/pages/notice/index" tag="div"
+					class="per-bot p-y-md p-x-sm d-flex align-center justify-between">
+					<view class="d-flex align-center">
+						<img :src="$localImgUrl('Page4.png')" alt="" class="h-20 m-r-xs" />
+						<span class="color-light">{{ $t("base.c4") }}</span>
+					</view>
+					<van-icon name="arrow" class="fn-18" />
+				</v-link>
+				<!-- <v-link
                    to="/pages/assets/address-list"
                    tag="div"
                    class="per-bot p-y-md p-x-sm d-flex align-center justify-between"
@@ -562,7 +586,7 @@
                    </view>
                    <van-icon name="arrow" class="fn-18" />
                  </v-link> -->
-                <!-- <v-link
+				<!-- <v-link
                   to="/pages/purchase/index"
                   tag="div"
                   class="per-bot p-y-md p-x-sm d-flex align-center justify-between"
@@ -573,28 +597,23 @@
                   </view>
                   <van-icon name="arrow" class="fn-18" />
                 </v-link> -->
-                <v-link :to="'/pages/service/service?id=33&type=0'"
-                        tag="div"
-                        class="per-bot p-y-md p-x-sm d-flex align-center justify-between"
-                >
-                    <view class="d-flex align-center">
-                        <img :src="$localImgUrl('Page10.png')" alt="" class="h-20 m-r-xs"/>
-                        <span class="color-light">{{$t('first.a1')}}</span>
-                    </view>
-                    <van-icon name="arrow" class="fn-18"/>
-                </v-link>
-                <v-link
-                    to="/pages/accountSettings/accountSettings"
-                    tag="div"
-                    class="per-bot p-y-md p-x-sm d-flex align-center justify-between"
-                >
-                    <view class="d-flex align-center">
-                        <img :src="$localImgUrl('Page7.png')" alt="" class="h-20 m-r-xs"/>
-                        <span class="color-light">{{ $t("base.c6") }}</span>
-                    </view>
-                    <van-icon name="arrow" class="fn-18"/>
-                </v-link>
-                <!-- <view class="per-bot p-y-md p-x-sm d-flex align-center">
+				<v-link :to="'/pages/service/service?id=33&type=0'" tag="div"
+					class="per-bot p-y-md p-x-sm d-flex align-center justify-between">
+					<view class="d-flex align-center">
+						<img :src="$localImgUrl('Page10.png')" alt="" class="h-20 m-r-xs" />
+						<span class="color-light">{{$t('first.a1')}}</span>
+					</view>
+					<van-icon name="arrow" class="fn-18" />
+				</v-link>
+				<v-link to="/pages/accountSettings/accountSettings" tag="div"
+					class="per-bot p-y-md p-x-sm d-flex align-center justify-between">
+					<view class="d-flex align-center">
+						<img :src="$localImgUrl('Page7.png')" alt="" class="h-20 m-r-xs" />
+						<span class="color-light">{{ $t("base.c6") }}</span>
+					</view>
+					<van-icon name="arrow" class="fn-18" />
+				</v-link>
+				<!-- <view class="per-bot p-y-md p-x-sm d-flex align-center">
                   <img :src="$localImgUrl('Page6.png')" alt="" class="h-20 m-r-xs" />
                   <span class="color-light">
                     <v-lang
@@ -606,907 +625,1158 @@
                     <i class="iconfont m-l-xs fn-sm">&#xe6e9;</i>
                   </span>
                 </view> -->
-                <view class="h-100"></view>
-                <view v-if="isLogin" class="logout w-max bg-form-panel-4 fn-center color-light p-y-xs rounded-xs"
-                      @click="loginOut">
-                    <text class="w-max rounded-lg border-0">{{ $t("accountSettings.a9") }}</text>
-                </view>
-            </view>
-        </van-popup>
-        <van-toast id="van-toast"/>
-
-    </view>
+				<view class="h-100"></view>
+				<view v-if="isLogin" class="logout w-max bg-form-panel-4 fn-center color-light p-y-xs rounded-xs"
+					@click="loginOut">
+					<text class="w-max rounded-lg border-0">{{ $t("accountSettings.a9") }}</text>
+				</view>
+			</view>
+		</van-popup>
+		<van-toast id="van-toast" />
+
+	</view>
 </template>
 
 <script>
-import Home from "@/api/home";
-import Wallet from "@/api/wallet";
-import Exchange from "@/api/exchange";
-import math from "@/utils/class/math.js";
-import Member from "@/api/member";
-import College from "@/api/college";
-import app from "@/app";
-import Profile from "@/api/profile";
-import {mapState, mapActions} from "vuex";
-import {handleClipboard} from '../../utils/class/copy.js'
-import qs from "qs";
-
-export default {
-    name: "home",
-    props: {
-        isShow: {
-            default: true,
-            type: Boolean,
-            required: false,
-        },
-        refresherEnabled: {
-            default: true,
-            required: false,
-            type: Boolean
-        },
-        tabChange: {
-            type: Function,
-            default: null
-        }
-    },
-    data() {
-        return {
-            infoActive: 1, // 详情选中
-            marketList: [],
-            marketListHe: [],
-            home: {},
-            notice: [],
-            wap: "",
-            indexList: [],
-            createList: [],
-            list: [],
-            page: 1,
-            tab: "kcb",
-            show: false,
-            checked: false,
-            collect: [],
-            app,
-            first: true,
-            active: 0,
-            chartDatas: {
-                "series": [
-                    {
-                        // "showAllSymbol":true,
-                        "data": [10, 20, 24, 24, 68, 42],
-                        "color": "#ff0000"
-                    },
-                    // {
-                    //     "data": [15,2,7,30,51,20],
-                    //     "color":"#00ff00"
-                    // }
-                ]
-            },
-            heyue: [],
-            price_cny: 0,
-            detail: {},
-            num: 0,
-            scrollTop: 0,
-            refreshing: false,
-						helpList: []
-        };
-    },
-    computed: {
-        ...mapState({
-            ws: "ws",
-            ws1: "ws1",
-            user: "user",
-            wsState: "wsState",
-            logoMap: "logoMap",
-            theme: "theme",
-        }),
-        isLogin() {
-            return Boolean(uni.getStorageSync("token"));
-        },
-    },
-    watch: {
-        isShow(n) {
-            if (n) {
-                this.indexData()
-                this.ws.send({
-                    cmd: "sub",
-                    msg: "indexMarketList",
-                });
-                this.ws1.send({
-                    cmd: "sub",
-                    msg: 'swapMarketList',
-                });
-            } else {
-                this.ws.send({
-                    cmd: "unsub",
-                    msg: "indexMarketList",
-                });
-                this.ws1.send({
-                    cmd: "unsub",
-                    msg: 'swapMarketList',
-                });
-            }
-        },
-    },
-    methods: {
-        goMine() {
-            this.show = false
-            this.tabChange('mine')
-        },
-        goExchange() {
-            this.show = false;
-            this.tabChange('exchange-operation')
-        },
-				goReg(){
-					uni.navigateTo({
-						url: '/pages/reg/index'
-					})
-				},
-				toNotice(item){
-					uni.navigateTo({
-						url: '/pages/notice/detail?id='+item.id
-					})
+	import Home from "@/api/home";
+	import Wallet from "@/api/wallet";
+	import Exchange from "@/api/exchange";
+	import math from "@/utils/class/math.js";
+	import Member from "@/api/member";
+	import College from "@/api/college";
+	import app from "@/app";
+	import Profile from "@/api/profile";
+	import {
+		mapState,
+		mapActions
+	} from "vuex";
+	import {
+		handleClipboard
+	} from '../../utils/class/copy.js'
+	import qs from "qs";
+
+	export default {
+		name: "home",
+		props: {
+			isShow: {
+				default: true,
+				type: Boolean,
+				required: false,
+			},
+			refresherEnabled: {
+				default: true,
+				required: false,
+				type: Boolean
+			},
+			tabChange: {
+				type: Function,
+				default: null
+			}
+		},
+		data() {
+			return {
+				infoActive: 1, // 详情选中
+				marketList: [],
+				marketListHe: [],
+				home: {},
+				notice: [],
+				wap: "",
+				indexList: [],
+				createList: [],
+				list: [],
+				page: 1,
+				tab: "kcb",
+				show: false,
+				checked: false,
+				collect: [],
+				app,
+				first: true,
+				active: 0,
+				chartDatas: {
+					"series": [{
+							// "showAllSymbol":true,
+							"data": [10, 20, 24, 24, 68, 42],
+							"color": "#ff0000"
+						},
+						// {
+						//     "data": [15,2,7,30,51,20],
+						//     "color":"#00ff00"
+						// }
+					]
 				},
-        ...mapActions({
-            setTheme: "setTheme",
-        }),
-        setQuery: qs.stringify,
-        omitTo: math.omitTo,
-        onRefresh() {
-            this.indexData()
-            if (this.refreshing) return;
-            this.refreshing = true;
-            setTimeout(() => {
-                this.refreshing = false;
-            }, 1000)
-        },
-        scroll(event) {
-            this.scrollTop = event.detail.scrollTop
-        },
-				getHelpList(){
-					College.getArticleList({id: 18}).then((res) => {
-						this.helpList = res.data.splice(0, 4);
+				heyue: [],
+				price_cny: 0,
+				detail: {},
+				num: 0,
+				scrollTop: 0,
+				refreshing: false,
+				helpList: []
+			};
+		},
+		computed: {
+			...mapState({
+				ws: "ws",
+				ws1: "ws1",
+				user: "user",
+				wsState: "wsState",
+				logoMap: "logoMap",
+				theme: "theme",
+			}),
+			isLogin() {
+				return Boolean(uni.getStorageSync("token"));
+			},
+		},
+		watch: {
+			isShow(n) {
+				if (n) {
+					this.indexData()
+					this.ws.send({
+						cmd: "sub",
+						msg: "indexMarketList",
+					});
+					this.ws1.send({
+						cmd: "sub",
+						msg: 'swapMarketList',
+					});
+				} else {
+					this.ws.send({
+						cmd: "unsub",
+						msg: "indexMarketList",
+					});
+					this.ws1.send({
+						cmd: "unsub",
+						msg: 'swapMarketList',
 					});
-				},
-        // 获取汇率
-        getCurrencyExCny() {
-            Exchange.getCurrencyExCny({
-                coin_name: 'USDT',
-            }).then((res) => {
-                this.price_cny = res.data.price_cny;
-            });
-        },
-        changtTheme() {
-            if (this.theme == "light") {
-                this.setTheme("dark");
-            } else {
-                this.setTheme("light");
-            }
-        },
-        // 获取涨跌之前的价格
-        getOldPrice(price, rate) {
-            return math.multiple(math.division(price, 1 + rate * 1), rate, 2);
-        },
-        toAccountSettings() {
-            this._router.push({path: "/pages/accountSettings/accountSettings"});
-        },
-        personalCenter() {
-            this.show = true;
-        },
-
-        indexData() {
-            let data = {};
-            let ajax = Home.indexList(data, {loading: true});
-            ajax
-                .then((res) => {
-                    this.home = res.data.bannerList;
-                    this.notice = res.data.noticeList;
-                    this.indexList = res.data.brokenLine;
-                    this.marketList = res.data.marketList;
-                    // this.infoActive = 1;
-                    this.dunshift();
-                    this.getCollect();
-                    setTimeout(() => {
-                        this.first = false;
-                    }, 600);
-                })
-                .catch(() => {
-                });
-        },
-        dunshift() {
-            if (this.marketList.filter((item) => item.collect).length) return;
-            this.marketList.unshift({
-                coin_name: this.$t("base.c7"),
-                collect: true,
-                marketInfoList: [],
-            });
-        },
-        // 获取自选交易列表
-        getCollect(call) {
-            if (!this.isLogin) return;
-            Home.getCollect()
-                .then((res) => {
-                    this.collect = res.data || [];
-                    call && call();
-                })
-                .catch(() => {
-                });
-        },
-        // 是否为自选
-        isCoolect(i) {
-            return this.collect.map((item) => item.pair_name).includes(i.pair_name);
-        },
-        // 替换自选数据
-        replaceOptional() {
-            let collect = this.collect.map((item) => item.pair_name);
-            this.marketList.forEach((parentItem) => {
-                parentItem.marketInfoList.forEach((item) => {
-                    let idx = collect.indexOf(item.pair_name);
-                    if (idx != -1) {
-                        this.collect.splice(idx, 1, item);
-                    }
-                });
-            });
-        },
-        // 添加自选
-        option(item) {
-            let data = {
-                pair_name: item.pair_name,
-            };
-            Home.option(data)
-                .then((res) => {
-                    this.getCollect();
-                    if (res.data) {
-                        this.$toast(this.$t("base.c8"));
-                    } else {
-                        this.$toast(this.$t("base.c9"));
-                    }
-                })
-                .catch(() => {
-                });
-        },
-        // 链接socket
-        indexMarketList() {
-            this.marketList = []
-            this.ws.send({
-                cmd: "sub",
-                msg: "indexMarketList",
-            });
-            this.ws.on("message", (res) => {
-                let {data, sub} = res;
-                if (sub == "indexMarketList") {
-                    this.marketList = data;
-                    this.marketList.forEach((item, index) => {
-                        item.marketInfoList.forEach((iitem, iindex) => {
-                            iitem.kline =
-                                {
-                                    series: iitem.series
-                                }
-
-                        })
-                    })
-                    this.dunshift();
-                    this.replaceOptional();
-                }
-            });
-            let msg = "swapMarketList";
-            this.ws1.send({
-                cmd: "sub",
-                msg: msg,
-            });
-            this.ws1.on("message", (res) => {
-                if (!this.isShow) return;
-                let {data, sub} = res;
-                if (sub == msg) {
-                    this.marketListHe = data[0].marketInfoList
-                    this.marketListHe.forEach((item, index) => {
-                        // item.kline=item.series
-                        // chartDatas:{
-                        //   "series": [
-                        //           {
-                        //               // "showAllSymbol":true,
-                        //               "data": [10,20,24,24,68,42],
-                        //               "color":"#ff0000"
-                        //           },
-                        //           // {
-                        //           //     "data": [15,2,7,30,51,20],
-                        //           //     "color":"#00ff00"
-                        //           // }
-                        //       ]
-                        // },
-                        this.marketListHe[index].kline =
-                            {
-                                series: item.series
-                            }
-                        // console.log(this.marketListHe)
-                        // let a=[]
-                        // item.kline.forEach((arr)=>{
-                        //     let max=0
-                        //     arr.data.forEach((arrs)=>{
-                        //         if(arrs>max){
-                        //             max=arrs
-                        //         }
-                        //     })
-                        //     let x;
-                        //     arr.data.forEach((arrs)=>{
-                        //         if(max>100){
-                        //             x=max/100
-                        //             a=this.omitTo(a.push(arrs / x),0)
-                        //             // console.log(arrs / x)
-                        //         }else{
-                        //             x=100/max
-                        //             a=this.omitTo(a.push(arrs * x),0)
-                        //             // console.log(arrs * x)
-                        //         }
-                        //     })
-                        // })
-                        // console.log(this.marketListHe[0].kline)
-                    })
-                }
-            });
-        },
-        // 创建充币地址
-        createWalletAddress() {
-            Wallet.createWalletAddress()
-                .then(() => {
-                })
-                .catch(() => {
-                });
-        },
-        // 退出登录
-        loginOut() {
-            this.$dialog
-                .confirm({
-                    // title: '',
-                    message: this.$t("first.b0"),
-                    cancelButtonText: this.$t("common.cancel"),
-                    confirmButtonText: this.$t("common.confirm")
-                })
-                .then(() => {
-                    let data = {
-                        lang: uni.getStorageSync('language') || 'zh-CN'
-                    };
-                    Member.logout(data, {toast: true})
-                        .then(() => {
-                            this.outLogin();
-                        })
-                        .catch(() => {
-                        });
-                })
-                .catch(() => {
-                });
-        },
-        // 切换用户
-        outLogin() {
-            uni.removeStorageSync("token");
-            this._router.replace({
-                path: "/pages/login/index",
-                query: {
-                    notLogin: 1,
-                    from: '/pages/accountSettings/accountSettings',
-                },
-            });
-        },
-        copy(data) {
-            handleClipboard(data, event, () => {
-                uni.showToast({
-                    icon: 'success',
-                    title: this.$t('common.a1')
-                })
-            }, () => {
-                uni.showToast({
-                    icon: 'none',
-                    title: this.$t('common.a2')
-                })
-            })
-        },
-        getAuthInfo() {
-            Profile.getAuthInfo().then(res => {
-                this.detail = res.data
-            })
-        },
-				toDwon(){
-					// #ifdef APP
-					// plus.
-					// #endif
-					// #ifdef H5
-					window.open('https://app.ajcoins.com/download/index.html', '_blank')// 打开一个新标签
-					// #endif
 				}
-    },
-    mounted() {
-        this.onRefresh();
-        this.indexData();
-        this.indexMarketList();
-        this.getCurrencyExCny();
-				this.getHelpList();
-        if (this.isLogin) {
-            this.createWalletAddress();
-            this.getAuthInfo()
-        }
-    },
-    destroyed() {
-    },
-};
+			},
+		},
+		methods: {
+			goMine() {
+				this.show = false
+				this.tabChange('mine')
+			},
+			goExchange() {
+				this.show = false;
+				this.tabChange('exchange-operation')
+			},
+			goReg() {
+				uni.navigateTo({
+					url: '/pages/reg/index'
+				})
+			},
+			toNotice(item) {
+				uni.navigateTo({
+					url: '/pages/notice/detail?id=' + item.id
+				})
+			},
+			...mapActions({
+				setTheme: "setTheme",
+			}),
+			setQuery: qs.stringify,
+			omitTo: math.omitTo,
+			onRefresh() {
+				this.indexData()
+				if (this.refreshing) return;
+				this.refreshing = true;
+				setTimeout(() => {
+					this.refreshing = false;
+				}, 1000)
+			},
+			scroll(event) {
+				this.scrollTop = event.detail.scrollTop
+			},
+			getHelpList() {
+				College.getArticleList({
+					id: 18
+				}).then((res) => {
+					this.helpList = res.data.splice(0, 4);
+				});
+			},
+			// 获取汇率
+			getCurrencyExCny() {
+				Exchange.getCurrencyExCny({
+					coin_name: 'USDT',
+				}).then((res) => {
+					this.price_cny = res.data.price_cny;
+				});
+			},
+			changtTheme() {
+				if (this.theme == "light") {
+					this.setTheme("dark");
+				} else {
+					this.setTheme("light");
+				}
+			},
+			// 获取涨跌之前的价格
+			getOldPrice(price, rate) {
+				return math.multiple(math.division(price, 1 + rate * 1), rate, 2);
+			},
+			toAccountSettings() {
+				this._router.push({
+					path: "/pages/accountSettings/accountSettings"
+				});
+			},
+			personalCenter() {
+				this.show = true;
+			},
+
+			indexData() {
+				let data = {};
+				let ajax = Home.indexList(data, {
+					loading: true
+				});
+				ajax
+					.then((res) => {
+						this.home = res.data.bannerList;
+						this.notice = res.data.noticeList;
+						this.indexList = res.data.brokenLine;
+						this.marketList = res.data.marketList;
+						console.log(this.marketList, 1111111);
+						// this.infoActive = 1;
+						this.dunshift();
+						this.getCollect();
+						setTimeout(() => {
+							this.first = false;
+						}, 600);
+					})
+					.catch(() => {});
+			},
+			dunshift() {
+				if (this.marketList.filter((item) => item.collect).length) return;
+				this.marketList.unshift({
+					coin_name: this.$t("base.c7"),
+					collect: true,
+					marketInfoList: [],
+				});
+			},
+			// 获取自选交易列表
+			getCollect(call) {
+				if (!this.isLogin) return;
+				Home.getCollect()
+					.then((res) => {
+						this.collect = res.data || [];
+						call && call();
+					})
+					.catch(() => {});
+			},
+			// 是否为自选
+			isCoolect(i) {
+				return this.collect.map((item) => item.pair_name).includes(i.pair_name);
+			},
+			// 替换自选数据
+			replaceOptional() {
+				let collect = this.collect.map((item) => item.pair_name);
+				this.marketList.forEach((parentItem) => {
+					parentItem.marketInfoList.forEach((item) => {
+						let idx = collect.indexOf(item.pair_name);
+						if (idx != -1) {
+							this.collect.splice(idx, 1, item);
+						}
+					});
+				});
+			},
+			// 添加自选
+			option(item) {
+				let data = {
+					pair_name: item.pair_name,
+				};
+				Home.option(data)
+					.then((res) => {
+						this.getCollect();
+						if (res.data) {
+							this.$toast(this.$t("base.c8"));
+						} else {
+							this.$toast(this.$t("base.c9"));
+						}
+					})
+					.catch(() => {});
+			},
+			// 链接socket
+			indexMarketList() {
+				this.marketList = []
+				this.ws.send({
+					cmd: "sub",
+					msg: "indexMarketList",
+				});
+				this.ws.on("message", (res) => {
+					let {
+						data,
+						sub
+					} = res;
+					if (sub == "indexMarketList") {
+						this.marketList = data;
+						this.marketList.forEach((item, index) => {
+							item.marketInfoList.forEach((iitem, iindex) => {
+								iitem.kline = {
+									series: iitem.series
+								}
+
+							})
+						})
+						this.dunshift();
+						this.replaceOptional();
+					}
+				});
+				let msg = "swapMarketList";
+				this.ws1.send({
+					cmd: "sub",
+					msg: msg,
+				});
+				this.ws1.on("message", (res) => {
+					if (!this.isShow) return;
+					let {
+						data,
+						sub
+					} = res;
+					if (sub == msg) {
+						this.marketListHe = data[0].marketInfoList
+						this.marketListHe.forEach((item, index) => {
+							// item.kline=item.series
+							// chartDatas:{
+							//   "series": [
+							//           {
+							//               // "showAllSymbol":true,
+							//               "data": [10,20,24,24,68,42],
+							//               "color":"#ff0000"
+							//           },
+							//           // {
+							//           //     "data": [15,2,7,30,51,20],
+							//           //     "color":"#00ff00"
+							//           // }
+							//       ]
+							// },
+							this.marketListHe[index].kline = {
+								series: item.series
+							}
+							// console.log(this.marketListHe)
+							// let a=[]
+							// item.kline.forEach((arr)=>{
+							//     let max=0
+							//     arr.data.forEach((arrs)=>{
+							//         if(arrs>max){
+							//             max=arrs
+							//         }
+							//     })
+							//     let x;
+							//     arr.data.forEach((arrs)=>{
+							//         if(max>100){
+							//             x=max/100
+							//             a=this.omitTo(a.push(arrs / x),0)
+							//             // console.log(arrs / x)
+							//         }else{
+							//             x=100/max
+							//             a=this.omitTo(a.push(arrs * x),0)
+							//             // console.log(arrs * x)
+							//         }
+							//     })
+							// })
+							// console.log(this.marketListHe[0].kline)
+						})
+					}
+				});
+			},
+			// 创建充币地址
+			createWalletAddress() {
+				Wallet.createWalletAddress()
+					.then(() => {})
+					.catch(() => {});
+			},
+			// 退出登录
+			loginOut() {
+				this.$dialog
+					.confirm({
+						// title: '',
+						message: this.$t("first.b0"),
+						cancelButtonText: this.$t("common.cancel"),
+						confirmButtonText: this.$t("common.confirm")
+					})
+					.then(() => {
+						let data = {
+							lang: uni.getStorageSync('language') || 'zh-CN'
+						};
+						Member.logout(data, {
+								toast: true
+							})
+							.then(() => {
+								this.outLogin();
+							})
+							.catch(() => {});
+					})
+					.catch(() => {});
+			},
+			// 切换用户
+			outLogin() {
+				uni.removeStorageSync("token");
+				this._router.replace({
+					path: "/pages/login/index",
+					query: {
+						notLogin: 1,
+						from: '/pages/accountSettings/accountSettings',
+					},
+				});
+			},
+			copy(data) {
+				handleClipboard(data, event, () => {
+					uni.showToast({
+						icon: 'success',
+						title: this.$t('common.a1')
+					})
+				}, () => {
+					uni.showToast({
+						icon: 'none',
+						title: this.$t('common.a2')
+					})
+				})
+			},
+			getAuthInfo() {
+				Profile.getAuthInfo().then(res => {
+					this.detail = res.data
+				})
+			},
+			toDwon() {
+				// #ifdef APP
+				// plus.
+				// #endif
+				// #ifdef H5
+				window.open('https://app.ajcoins.com/download/index.html', '_blank') // 打开一个新标签
+				// #endif
+			}
+		},
+		mounted() {
+			this.onRefresh();
+			this.indexData();
+			this.indexMarketList();
+			this.getCurrencyExCny();
+			this.getHelpList();
+			if (this.isLogin) {
+				this.createWalletAddress();
+				this.getAuthInfo()
+			}
+		},
+		destroyed() {},
+	};
 </script>
 <style lang="scss" scoped>
-// .colbg {
-//   background-color: $bg;
-// }
-.my-swipe {
-    height: 150px;
-
-    .van-image {
-        padding: 0 18px;
-        box-sizing: border-box;
-
-        ::v-deep img.van-image__img {
-            border-radius: 9px !important;
-        }
-    }
-}
-
-.notice-swipe {
-    height: 24px;
-}
-
-// #ff4d5c
-.nav2 {
-    .color-gray-6 {
-        color: #f8a12e;
-    }
-}
-
-.stock-swipe {
-    .stock-index {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        position: relative;
-
-        .stock-item-3 {
-            padding: 3px 0;
-        }
-    }
-}
-
-.personalCenter-main {
-    .personalCenter-top {
-        box-sizing: border-box;
-
-        .theme-switch {
-            padding: 5% 0;
-
-            .v-switch {
-                $width: 50px;
-                $icon-width: 20px;
-                display: block;
-                position: relative;
-                height: 20px;
-                width: $width;
-                background: rgba($green, 0.2);
-                overflow: hidden;
-
-                .icon {
-                    position: absolute;
-                    top: 0;
-                    width: $icon-width;
-                    height: 20px;
-                    border-radius: inherit;
-                    transition: left 0.3s;
-
-                    .left,
-                    .right {
-                        position: absolute;
-                        width: $width;
-                        height: 100%;
-                        top: 0;
-                        box-sizing: border-box;
-                        text-align: center;
-
-                        &.left {
-                            right: 0;
-                            padding-right: $icon-width;
-                        }
-
-                        &.right {
-                            padding-left: $icon-width;
-                            left: 0;
-                        }
-                    }
-                }
-
-                .icon {
-                    left: 0;
-                }
-
-                .active.icon {
-                    left: $width - $icon-width;
-                }
-            }
-        }
-
-        .information {
-            display: flex;
-            align-items: flex-start;
-
-            .inf-head-img {
-                border-radius: 50%;
-                margin-right: 4%;
-            }
-
-            .inf-rig {
-                display: flex;
-                flex-direction: column;
-                letter-spacing: 1px;
-                flex: 1;
-
-                span:first-child {
-                    font-weight: 600;
-                    margin-bottom: 2px;
-                }
-
-                .inf-rig-cent {
-                    padding: 0 0 4px;
-                }
-
-                .vip-grade {
-                    display: flex;
-                    align-items: center;
-                    justify-content: flex-end;
-
-                    .progress-bar {
-                        width: 50%;
-                    }
-
-                    .progress-img {
-                        padding: 0 5px;
-                    }
-                }
-            }
-        }
-    }
-
-    .personalCenter-center {
-        padding: 20px 10px 10px;
-        box-sizing: border-box;
-        display: flex;
-        flex-direction: column;
-        justify-content: space-between;
-
-        .personalCenter-bom {
-            padding-top: 30px;
-
-            .available-money {
-                margin: 10px 0 0;
-                height: 60%;
-                background: rgba(100, 101, 102, 0.2);
-                border-radius: 0 7px 7px 7px;
-                align-items: center;
-                padding: 6px 5px;
-            }
-        }
-    }
-}
-
-.user-icon {
-    font-size: 50px;
-}
-
-.epss-1 {
-    overflow: hidden;
-    text-overflow: ellipsis;
-}
-
-.lists {
-    display: flex;
-
-    .lists-1 {
-        margin: 0 5px;
-    }
-}
-
-.logout {
-    width: 80%;
-    margin: 0 auto;
-
-    ::v-deep .van-button--default {
-        border: none;
-        background-color: $panel-3;
-    }
-}
-
-.goLogin {
-    padding: 5px 15px;
-    border: 1px solid $theme-1;
-}
-
-.p-y-xxs {
-    padding: 3px 0;
-}
-
-.m-t-xxs {
-    margin-top: 5px;
-}
-
-.bg-box-per {
-    box-shadow: 0 5px 10px #c6c0dc;
-    border-radius: 50%;
-}
-
-.bg-box-blue {
-    box-shadow: 0 5px 10px #aed6e2;
-    border-radius: 50%;
-}
-
-.bg-box-red {
-    box-shadow: 0 5px 10px #d7aec0;
-    border-radius: 50%;
-}
-
-.bg-box-yellow {
-    box-shadow: 0 5px 10px #e1d2a3;
-    border-radius: 50%;
-}
-
-.color-white {
-    color: white;
-}
-
-.bor5-active {
-    border-bottom: 5px solid $theme-2;
-}
-
-.w-40 {
-    width: 40%;
-}
-
-::v-deep .van-tabs__line {
-    display: none;
-}
-
-::v-deep .custom-class.van-sticky {
-    display: none;
-}
-
-.bor5 {
-    position: relative;
-}
-
-.bor5:before {
-    position: absolute;
-    content: "";
-    bottom: -10px;
-    left: 20%;
-    width: 60%;
-    height: 2px;
-    border-radius: 10px;
-    background-color: $theme-2;
-    // border-bottom: 5px solid $border-color;
-}
-
-/deep/ .uni-swiper-dot {
-    width: 15px !important;
-    height: 3px !important;
-    border-radius: 5px;
-    background: $light !important;
-    opacity: 0.2;
-}
-
-/deep/ .uni-swiper-dots {
-    bottom: -12px !important;
-}
-
-/deep/ uni-swiper .uni-swiper-slides {
-    overflow: hidden;
-}
-
-/deep/ uni-swiper .uni-swiper-wrapper {
-    overflow: inherit;
-}
-
-/deep/ .uni-swiper-dot-active {
-    background: #f0c947 !important;
-    width: 30px !important;
-    opacity: 1;
-}
-
-.charts-box {
-    width: 100%;
-    height: 50px;
-}
-
-/* 请根据需求修改图表容器尺寸，如果父容器没有高度图表则会显示异常 */
-.chartsview {
-    height: 100%;
-}
-
-.positions {
-    position: relative;
-}
-
-.posi {
-    position: absolute;
-    right: 0;
-    top: 6px;
-}
-
-.posil {
-    position: absolute;
-    left: 0;
-    top: 0px;
-}
-
-.scale {
-    transform: scale(0.8);
-}
-
-.fn-9 {
-    font-size: 9px;
-}
-.illustration_area{
-	background-color: #0d0d0d;
-	padding-bottom: 60rpx;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-
-	.title{
-		font-size: 18px;font-weight: bold;
-		margin-bottom: 20rpx;
-		color: #fff;
+	// .colbg {
+	//   background-color: $bg;
+	// }
+	.my-swipe {
+		height: 150px;
+
+		.van-image {
+			padding: 0 18px;
+			box-sizing: border-box;
+
+			::v-deep img.van-image__img {
+				border-radius: 9px !important;
+			}
+		}
 	}
 
-	
-}
-.jump_btn{
-	min-width: 300rpx;
-	height: 80rpx;
-	line-height: 80rpx;
-	text-align: center;
-	margin: 0px auto 0px;
-	background-color: #D0712F;
-	border-radius: 10px;
-	font-size: 14px;
-	color: #fff;
-}
-.now_area{
-	display: flex;flex-direction: column;
-	align-items: center;padding: 40rpx 0px 100rpx;
-	text-align: center;color: #fff;
-	font-size: 24px;font-weight: bold;
-}
-.card_area{
-	
-	.card_item{
-		width: 640rpx;
-		min-height: 642rpx;
-		border-radius: 10px;
-		box-sizing: border-box;
-		padding: 40rpx 70rpx;
-		margin: 0px auto 40rpx;
-		background-color: #1B1B1B;
+	.notice-swipe {
+		height: 24px;
 	}
-	img{
-		width: 360rpx;
-		height: 360rpx;
-		margin: 0px 70rpx 50rpx;
+
+	// #ff4d5c
+	.nav2 {
+		.color-gray-6 {
+			color: #f8a12e;
+		}
+	}
+
+	.stock-swipe {
+		.stock-index {
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+			position: relative;
+
+			.stock-item-3 {
+				padding: 3px 0;
+			}
+		}
+	}
+
+	.personalCenter-main {
+		.personalCenter-top {
+			box-sizing: border-box;
+
+			.theme-switch {
+				padding: 5% 0;
+
+				.v-switch {
+					$width: 50px;
+					$icon-width: 20px;
+					display: block;
+					position: relative;
+					height: 20px;
+					width: $width;
+					background: rgba($green, 0.2);
+					overflow: hidden;
+
+					.icon {
+						position: absolute;
+						top: 0;
+						width: $icon-width;
+						height: 20px;
+						border-radius: inherit;
+						transition: left 0.3s;
+
+						.left,
+						.right {
+							position: absolute;
+							width: $width;
+							height: 100%;
+							top: 0;
+							box-sizing: border-box;
+							text-align: center;
+
+							&.left {
+								right: 0;
+								padding-right: $icon-width;
+							}
+
+							&.right {
+								padding-left: $icon-width;
+								left: 0;
+							}
+						}
+					}
+
+					.icon {
+						left: 0;
+					}
+
+					.active.icon {
+						left: $width - $icon-width;
+					}
+				}
+			}
+
+			.information {
+				display: flex;
+				align-items: flex-start;
+
+				.inf-head-img {
+					border-radius: 50%;
+					margin-right: 4%;
+				}
+
+				.inf-rig {
+					display: flex;
+					flex-direction: column;
+					letter-spacing: 1px;
+					flex: 1;
+
+					span:first-child {
+						font-weight: 600;
+						margin-bottom: 2px;
+					}
+
+					.inf-rig-cent {
+						padding: 0 0 4px;
+					}
+
+					.vip-grade {
+						display: flex;
+						align-items: center;
+						justify-content: flex-end;
+
+						.progress-bar {
+							width: 50%;
+						}
+
+						.progress-img {
+							padding: 0 5px;
+						}
+					}
+				}
+			}
+		}
+
+		.personalCenter-center {
+			padding: 20px 10px 10px;
+			box-sizing: border-box;
+			display: flex;
+			flex-direction: column;
+			justify-content: space-between;
+
+			.personalCenter-bom {
+				padding-top: 30px;
+
+				.available-money {
+					margin: 10px 0 0;
+					height: 60%;
+					background: rgba(100, 101, 102, 0.2);
+					border-radius: 0 7px 7px 7px;
+					align-items: center;
+					padding: 6px 5px;
+				}
+			}
+		}
+	}
+	.currency{
+		color: white;
+		font-size: 36rpx;
+		font-weight: bold;
+		margin-left: 14px;
+	}
+	.usd-close{
+		color: white;
+		font-weight: bold;
 	}
-}
-.download_area{
-	width: 750rpx;height: 1400rpx;
-	margin: -160rpx auto -30rpx;
-	padding: 200rpx 0px 0px;
-	box-sizing: border-box;
-	background-image: url("../../assets/img/home/radial_bg.png");
-	background-size: cover;
-	background-repeat: no-repeat;
-	background-position: 50% 30%;
 	
-	.zhanshi{
-		width: 700rpx;
-		height: 470rpx;
-		background-image: url("../../assets/img/home/aj.png");
-		background-size: cover;
-		margin: 40rpx auto;
+	.user-icon {
+		font-size: 50px;
 	}
-	.btn{
-		width: 700rpx;
-		height: 88rpx;
-		color: #fff;
-		background-color: #D0712F;
+
+	.epss-1 {
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
+
+	.lists {
+		display: flex;
+
+		.lists-1 {
+			margin: 0 5px;
+		}
+	}
+
+	.logout {
+		width: 80%;
+		margin: 0 auto;
+
+		::v-deep .van-button--default {
+			border: none;
+			background-color: $panel-3;
+		}
+	}
+
+	.goLogin {
+		padding: 5px 15px;
+		border: 1px solid $theme-1;
+	}
+
+	.p-y-xxs {
+		padding: 3px 0;
+	}
+
+	.m-t-xxs {
+		margin-top: 5px;
+	}
+
+	.bg-box-per {
+		box-shadow: 0 5px 10px #c6c0dc;
+		border-radius: 50%;
+	}
+
+	.bg-box-blue {
+		box-shadow: 0 5px 10px #aed6e2;
+		border-radius: 50%;
+	}
+
+	.bg-box-red {
+		box-shadow: 0 5px 10px #d7aec0;
+		border-radius: 50%;
+	}
+
+	.bg-box-yellow {
+		box-shadow: 0 5px 10px #e1d2a3;
+		border-radius: 50%;
+	}
+
+	.color-white {
+		color: white;
+	}
+
+	.bor5-active {
+		border-bottom: 5px solid $theme-2;
+	}
+
+	.w-40 {
+		width: 40%;
+	}
+
+	::v-deep .van-tabs__line {
+		display: none;
+	}
+
+	::v-deep .custom-class.van-sticky {
+		display: none;
+	}
+
+	.bor5 {
+		position: relative;
+	}
+
+	.bor5:before {
+		position: absolute;
+		content: "";
+		bottom: -10px;
+		left: 20%;
+		width: 60%;
+		height: 2px;
+		border-radius: 10px;
+		background-color: $theme-2;
+		// border-bottom: 5px solid $border-color;
+	}
+
+	/deep/ .uni-swiper-dot {
+		width: 15px !important;
+		height: 3px !important;
 		border-radius: 5px;
-		font-size: 16px;
-		display: inline-flex;
-		justify-content: center;
+		background: $light !important;
+		opacity: 0.2;
+	}
+
+	/deep/ .uni-swiper-dots {
+		bottom: -12px !important;
+	}
+
+	/deep/ uni-swiper .uni-swiper-slides {
+		overflow: hidden;
+	}
+
+	/deep/ uni-swiper .uni-swiper-wrapper {
+		overflow: inherit;
+	}
+
+	/deep/ .uni-swiper-dot-active {
+		background: #f0c947 !important;
+		width: 30px !important;
+		opacity: 1;
+	}
+
+	.charts-box {
+		width: 100%;
+		height: 50px;
+	}
+
+	/* 请根据需求修改图表容器尺寸，如果父容器没有高度图表则会显示异常 */
+	.chartsview {
+		height: 100%;
+	}
+
+	.positions {
+		position: relative;
+	}
+
+	.posi {
+		position: absolute;
+		right: 0;
+		top: 6px;
+	}
+
+	.posil {
+		position: absolute;
+		left: 0;
+		top: 0px;
+	}
+
+	.scale {
+		transform: scale(0.8);
+	}
+
+	.fn-9 {
+		font-size: 9px;
+	}
+	.color-buys{
+		color: white;
+		font-weight: inherit;
+		font-size: 25rpx;
+		background-color: #31BF66;
+		width: 120rpx;
+		text-align: center;
+		line-height: 52rpx;
+		height: 52rpx;
+		display: inline-block;
+	}
+	.color-red{
+		color: white;
+		font-weight: inherit;
+		font-size: 25rpx;
+		background-color: #CF6A57;
+		width: 120rpx;
+		text-align: center;
+		line-height: 52rpx;
+		height: 52rpx;
+		display: inline-block;
+	}
+
+	.illustration_area {
+		background-color: #0d0d0d;
+		padding-bottom: 60rpx;
+		display: flex;
+		flex-direction: column;
 		align-items: center;
-		margin: 0px 25rpx 40rpx;
-		
-		image{
-			width: 56rpx;
-			height: 56rpx;
-			margin-right: 20rpx;
+		border-bottom: 1px solid #000000;
+		.title {
+			font-size: 23px;
+			font-weight: bold;
+			margin-bottom: 40rpx;
+			color: #fff;
+			position: relative;
+		}
+
+		.titleButborder {
+			position: absolute;
+			left: 425rpx;
+			top: 750rpx;
+			width: 140px;
+			height: 6px;
+			line-height: 20px;
+			background-color: rgba(182, 255, 52, 1);
+			text-align: center;
 		}
 	}
-}
-.five_million{
-	display: flex;flex-wrap: wrap;
-	justify-content: space-between;
-	background-color: #0D0D0D;
-	padding: 60rpx 24rpx;
 	
-	.f_item{
-		width: 45%;
-		margin: 40rpx 30rpx 0px 0px;
-		.txt1{
-			font-size: 28px;
+	.top-tiel{
+		// margin: 60rpx 20rpx 20rpx 20rpx;
+		.topBTC {
+			position: relative;
+			image{
+				position: absolute;
+				top: 2px;
+			}
+		}
+		.text_figure{
+			margin: 5px 0px;
+			font-size: 50rpx;
 			font-weight: bold;
-			color: #fff;
 		}
-		.txt2{
-			font-size: 14px;
-			color: #999;
-			margin-top: 16rpx;
+		.button_Goldcoin{
+			margin: 10px 0px 20px 0px;
+			width: 340rpx;
+			border-radius: 25px;
+			background-color: #242424;
+			color: white;
+			font-weight: bold;
+			font-size: 25rpx;
+			height: 35px;
+			line-height: 35px;
+			
+			image{
+				position: relative;
+				top: 5px;
+				margin-right: 10px;
+			}
+		}
+		.view_currency{
+			display: flex;
+			justify-content: space-between;
+			margin-top: 10px;
+			padding-bottom: 10px;
+			border-bottom: 5px solid #000000;
+			image{
+				width: 164rpx;
+				height: 164rpx;
+				margin-right: 10px;
+			}
+			
+			.view_once{
+				line-height: 40px;
+				color: white;
+				font-weight: bold;
+				position: relative;
+				image{
+					width: 35rpx;
+					position: absolute;
+					top: 102rpx;
+					left: 120rpx;
+				}
+			}
 		}
 	}
-}
-.introduce_area{
-	width: 700rpx;margin: 0px auto;
-	.zhanshi{
-		width: 384rpx;
-		height: 498rpx;
-		background-image: url("../../assets/img/home/stt.png");
-		background-size: 100% 100%;
-		margin: 0px auto;
+	
+	.reserve-box {
+		background-color: #0D0D0D;
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		padding: 40rpx 28rpx;
+		border-bottom: 3px solid #000000;
+		
+		.content-bottom {
+			color: #ffffff;
+			font-size: 28rpx;
+			font-weight: bold;
+			margin: 10rpx 40rpx 0 0;
+			line-height: 55rpx;
+		}
 	}
-	.item{
-		width: 700rpx;
-		min-height: 220rpx;
-		font-size: 12px;
-		display: inline-flex;
+	.Bitcoin{
+		background-color: #0D0D0D;
+		border-bottom: 3px solid #000000;
+		.Bitcoin-box{
+			height: 480rpx;
+			margin-top: 88rpx;
+			padding-left: 28rpx;
+			// margin: 43rpx 28rpx 0 28rpx;
+			background: url('@/assets/img/home/uEchartsImg.png') no-repeat 0px 70px;
+			background-size: 750rpx;
+			.btc-one{
+				display: flex;
+				align-items: center;
+			}
+			.mg-b10{
+				margin-bottom: 10rpx;
+			}
+			.btc-two{
+				font-size: 38rpx;
+				font-weight: bold;
+			}
+			.btc-in-box{
+				background-color: #EB9738 ;
+				padding: 5rpx 10rpx;
+				border-radius: 50%;
+				position: relative;
+			}
+			
+			.btc-three{
+				font-size: 24rpx;
+			}
+		}
+	}
+	.col-fff{
+		color: #ffffff;
+	}
+	.bottom_tag{
+		display: flex;
 		justify-content: space-between;
-		// align-items: center;
-		margin-top: 40rpx;
-		color: #707275;
-		.img{
-			width: 80rpx;
-			height: 80rpx;
-			background-image: url("../../assets/img/home/7.png");
-			background-size: contain;
-			margin-right: 20rpx;
+		padding: 28rpx 22rpx 28rpx 30rpx;
+		.bottom_box{
+			display: flex;
+			flex-direction: column;
+			justify-content: space-between;
+			.btn{
+				border: 1px solid white;
+				line-height:68rpx;
+				text-align: center;
+				width: 232rpx;
+				height: 68rpx;
+				border-radius: 60rpx;
+			}
+		}
+		.app-box{
+			font-size: 48rpx;
+			font-weight: bold;
+			margin-bottom: 10rpx;
+		}
+		.content-box{
+			font-size: 48rpx;
+			font-weight: bold;
+		}
+	}
+	.announcement{
+		border-top: 5px solid #000000;
+		padding-top: 50rpx;
+		.text{
+			font-weight: bold;
+			color:white;
+			padding-left: 14px;
+			padding-bottom: 20px;
+			font-size: 18px;
+			border-bottom: 1px solid #000000;
 		}
-		image{
-			width: 40rpx;
-			height: 40rpx;
-			margin: 20rpx;
+		.notification{
+			margin: 20px;
+			line-height: 25px;
+			.notification_text{
+				font-size: 24rpx;
+				color: white;
+				font-weight: bold;
+				font-size: 30rpx;
+			}
+			.notification_time{
+				font-size: 24rpx;
+				color: rgba(146, 146, 146, 1);
+			}
 		}
 	}
-}
-.help_area{
-	width: 700rpx;
-	background-color: #312B3B;
-	border-radius: 10px;
-	padding: 20rpx 30rpx;
-	box-sizing: border-box;
 	
-	.help_item{
-		height: 128rpx;
+	.jump_btn {
+		min-width: 300rpx;
+		height: 80rpx;
+		line-height: 80rpx;
+		text-align: center;
+		margin: 0px auto 0px;
+		background-color: #D0712F;
+		border-radius: 10px;
+		font-size: 14px;
+		color: #fff;
+	}
+
+	.jump_btn_one {
+		min-width: 660rpx;
+		height: 100rpx;
+		background-color: #ffffff;
+		color: #000000;
+		border-radius: 100rpx;
+		margin: 0 auto 0;
+		line-height: 100rpx;
+		text-align: center;
+		font-size: 32rpx;
+	}
+
+	.now_area {
 		display: flex;
-		justify-content: space-between;
+		flex-direction: column;
 		align-items: center;
-		border-bottom: 1px solid #282828;
+		padding: 40rpx 0px 100rpx;
+		text-align: center;
 		color: #fff;
-		font-size: 16px;
+		font-size: 24px;
+		font-weight: bold;
 	}
-	.help_item:nth-last-child(1){
-		border-bottom: none;
+
+	.card_area {
+
+		.card_item {
+			width: 640rpx;
+			min-height: 642rpx;
+			border-radius: 10px;
+			box-sizing: border-box;
+			padding: 40rpx 70rpx;
+			margin: 0px auto 40rpx;
+			background-color: #1B1B1B;
+		}
+
+		img {
+			width: 360rpx;
+			height: 360rpx;
+			margin: 0px 70rpx 50rpx;
+		}
 	}
 
-	.arrow{
-		width: 24px;
-		height: 24px;
-		background-image: url("../../assets/img/home/fas fa-angle-right@3x.png");
+	.download_area {
+		width: 750rpx;
+		height: 1400rpx;
+		margin: -160rpx auto -30rpx;
+		padding: 200rpx 0px 0px;
+		box-sizing: border-box;
+		background-image: url("../../assets/img/home/radial_bg.png");
 		background-size: cover;
+		background-repeat: no-repeat;
+		background-position: 50% 30%;
+
+		.zhanshi {
+			width: 700rpx;
+			height: 470rpx;
+			background-image: url("../../assets/img/home/aj.png");
+			background-size: cover;
+			margin: 40rpx auto;
+		}
+
+		.btn {
+			width: 700rpx;
+			height: 88rpx;
+			color: #fff;
+			background-color: #D0712F;
+			border-radius: 5px;
+			font-size: 16px;
+			display: inline-flex;
+			justify-content: center;
+			align-items: center;
+			margin: 0px 25rpx 40rpx;
+
+			image {
+				width: 56rpx;
+				height: 56rpx;
+				margin-right: 20rpx;
+			}
+		}
+	}
+
+	.five_million {
+		display: flex;
+		flex-wrap: wrap;
+		justify-content: space-between;
+		background-color: #0D0D0D;
+		padding: 60rpx 24rpx;
+
+		.f_item {
+			width: 45%;
+			margin: 40rpx 30rpx 0px 0px;
+
+			.txt1 {
+				font-size: 28px;
+				font-weight: bold;
+				color: #fff;
+			}
+
+			.txt2 {
+				font-size: 14px;
+				color: #999;
+				margin-top: 16rpx;
+			}
+		}
+	}
+
+	.introduce_area {
+		width: 700rpx;
+		margin: 0px auto;
+
+		.zhanshi {
+			width: 384rpx;
+			height: 498rpx;
+			background-image: url("../../assets/img/home/stt.png");
+			background-size: 100% 100%;
+			margin: 0px auto;
+		}
+
+		.item {
+			width: 700rpx;
+			min-height: 220rpx;
+			font-size: 12px;
+			display: inline-flex;
+			justify-content: space-between;
+			// align-items: center;
+			margin-top: 40rpx;
+			color: #707275;
+
+			.img {
+				width: 80rpx;
+				height: 80rpx;
+				background-image: url("../../assets/img/home/7.png");
+				background-size: contain;
+				margin-right: 20rpx;
+			}
+
+			image {
+				width: 40rpx;
+				height: 40rpx;
+				margin: 20rpx;
+			}
+		}
 	}
-}
 
-</style>
+	.help_area {
+		width: 700rpx;
+		background-color: #312B3B;
+		border-radius: 10px;
+		padding: 20rpx 30rpx;
+		box-sizing: border-box;
+
+		.help_item {
+			height: 128rpx;
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			border-bottom: 1px solid #282828;
+			color: #fff;
+			font-size: 16px;
+		}
+
+		.help_item:nth-last-child(1) {
+			border-bottom: none;
+		}
+
+		.arrow {
+			width: 24px;
+			height: 24px;
+			background-image: url("../../assets/img/home/fas fa-angle-right@3x.png");
+			background-size: cover;
+		}
+	}
+</style>
\ No newline at end of file