diff --git a/i18n/lang/de.json b/i18n/lang/de.json
index fea581f..3ea59e6 100644
--- a/i18n/lang/de.json
+++ b/i18n/lang/de.json
@@ -119,8 +119,20 @@
     "e5": "Umwandlung von Verträgen",
     "e6": "Klasse der Bergleute",
     "e7": "Mineral",
-		"wallet": "Brieftasche",
-		"f0":"开启您的加密货币之旅"
+	"wallet": "Brieftasche",
+	"f0":"Starten Sie Ihre Kryptowährungsreise",
+	"f1":"kaufe Münzen",
+	"f2":"Geh jetzt",
+	"f3":"Beliebte Kryptowährungen",
+	"f4":"Name",
+	"f5":"Gemeinsame Funktionen",
+	"f6":"Abgeschlossene Primärzertifizierung",
+	"f7":"Reservezertifikat",
+	"f8":"Wir sind bestrebt, eine hohe Transparenz des Fondsstatus zu erreichen und ein Reserveverhältnis von 1:1 für die Vermögenswerte der Nutzer aufrechtzuerhalten",
+	"f9":"Bitcoin",
+	"g0":"durchschnittliche Rendite",
+	"g1":"Schaffen Sie unendliche Möglichkeiten",
+	"g2":"Beginnen Sie mit der Erkundung"
   },
   "accountSettings": {
     "a0": "Einstellungen des Kontos",
diff --git a/i18n/lang/en.json b/i18n/lang/en.json
index 259088d..616cab4 100644
--- a/i18n/lang/en.json
+++ b/i18n/lang/en.json
@@ -161,7 +161,19 @@
 		"e6": "Miner Level",
 		"e7": "Miner",
 		"wallet": "Wallet",
-		"f0":"Start your crypto journey"
+		"f0":"Start your crypto journey",
+		"f1":"buy coins",
+		"f2":"Go now",
+		"f3":"Popular cryptocurrencies",
+		"f4":"name",
+		"f5":"Common Functions",
+		"f6":"Completed primary certification",
+		"f7":"Reserve Certificate",
+		"f8":"We are committed to achieving high transparency of funding status and maintaining a 1:1 reserve ratio for user assets",
+		"f9":"Bitcoin",
+		"g0":"average return",
+		"g1":"Create infinite possibilities",
+		"g2":"Start exploring"
 	},
 	"accountSettings": {
 		"a0": "Account Settings",
diff --git a/i18n/lang/fin.json b/i18n/lang/fin.json
index b2780fc..22ac6e3 100644
--- a/i18n/lang/fin.json
+++ b/i18n/lang/fin.json
@@ -115,8 +115,7 @@
     "e4":"Sopimusta koskeva tili",
     "e5":"Sopimusten muuntaminen",
     "e6":"Mineraanien luokka",
-    "e7":"kaivosmies",
-	"f0":"开启您的加密货币之旅"
+    "e7":"kaivosmies"
   },
   "accountSettings": {
     "a0":"Tilin asetukset",
diff --git a/i18n/lang/fra.json b/i18n/lang/fra.json
index 8035f32..96d57f9 100644
--- a/i18n/lang/fra.json
+++ b/i18n/lang/fra.json
@@ -120,7 +120,19 @@
     "e6": "Classe de mineur",
     "e7": "Mineurs",
 	"wallet": "Portefeuille",
-	"f0":"Commencez votre voyage crypto-monnaie"
+	"f0":"Commencez votre voyage crypto-monnaie",
+	"f1":"acheter des pièces",
+	"f2":"Vas-y maintenant",
+	"f3":"Crypto-monnaies populaires",
+	"f4":"nom",
+	"f5":"Fonctions",
+	"f6":"Certification primaire terminée",
+	"f7":"Certificat de réserve",
+	"f8":"Nous nous engageons à atteindre une grande transparence sur l'état de financement et à maintenir un ratio de réserve de 1:1 pour les actifs des utilisateurs",
+	"f9":"Bitcoin",
+	"g0":"rendement moyen",
+	"g1":"Créez des possibilités infinies",
+	"g2":"Commencez à explorer"
   },
   "accountSettings": {
     "a0": "Configuration du compte",
diff --git a/i18n/lang/it.json b/i18n/lang/it.json
index e990648..85c122e 100644
--- a/i18n/lang/it.json
+++ b/i18n/lang/it.json
@@ -120,7 +120,19 @@
     "e6": "Classe di minerali",
     "e7": "miner",
 	"wallet": "Portafoglio",
-	"f0":"开启您的加密货币之旅"
+	"f0":"Inizia il tuo viaggio in criptovaluta",
+	"f1":"comprare monete",
+	"f2":"Vai, ora",
+	"f3":"Criptovalute popolari",
+	"f4":"nome",
+	"f5":"Funzioni comuni",
+	"f6":"Certificazione primaria completata",
+	"f7":"Certificato di riserva",
+	"f8":"Ci impegniamo a raggiungere un'elevata trasparenza dello stato dei fondi e a mantenere un rapporto di riserva 1:1 per le risorse degli utenti.",
+	"f9":"Bitcoin",
+	"g0":"rendimento medio",
+	"g1":"Crea infinite possibilità",
+	"g2":"Inizia a esplorare"
   },
   "accountSettings": {
     "a0": "Impostazioni account",
diff --git a/i18n/lang/jp.json b/i18n/lang/jp.json
index e887091..8d26f76 100644
--- a/i18n/lang/jp.json
+++ b/i18n/lang/jp.json
@@ -120,7 +120,19 @@
     "e6": "鉱夫階級",
     "e7": "鉱夫",
 	"wallet": "財布",
-	"f0":"暗号通貨への旅を始めます"
+	"f0":"暗号通貨への旅を始めます",
+	"f1":"コインを買います",
+	"f2":"今行く",
+	"f3":"人気の暗号通貨",
+	"f4":"名前",
+	"f5":"共通機能",
+	"f6":"一次認証を完了しました",
+	"f7":"リザーブ証明書",
+	"f8":"当社は、ファンド状況の高い透明性を達成し、ユーザー資産の積立率を1:1に維持することに取り組んでいます。",
+	"f9":"ビットコイン",
+	"g0":"平均リターン",
+	"g1":"無限の可能性を創造する",
+	"g2":"探索を開始する"
   },
   "accountSettings": {
     "a0": "アカウントの設定",
diff --git a/i18n/lang/kor.json b/i18n/lang/kor.json
index 7da55f5..f396b2a 100644
--- a/i18n/lang/kor.json
+++ b/i18n/lang/kor.json
@@ -120,7 +120,19 @@
     "e6":"광부 등급",
     "e7":"광부",
 	"wallet": "지갑",
-	"f0":"암호화 화폐 여행을 시작하세요"
+	"f0":"암호화 화폐 여행을 시작하세요",
+	"f1":"동전을 사다",
+	"f2":"지금 이동",
+	"f3":"인기 있는 암호화폐",
+	"f4":"이름",
+	"f5":"공통 기능",
+	"f6":"기본 인증 완료",
+	"f7":"예비 증명서",
+	"f8":"우리는 자금 상태에 대한 높은 투명성을 달성하고 사용자 자산에 대한 준비금 비율을 1:1로 유지하기 위해 최선을 다하고 있습니다.",
+	"f9":"비트코인",
+	"g0":"평균 수익률",
+	"g1":"무한한 가능성을 창조하라",
+	"g2":"탐색 시작"
   },
   "accountSettings": {
     "a0":"계 정 설정",
diff --git a/i18n/lang/pl.json b/i18n/lang/pl.json
index b277331..85176ef 100644
--- a/i18n/lang/pl.json
+++ b/i18n/lang/pl.json
@@ -115,8 +115,7 @@
     "e4":"Konto kontraktowe",
     "e5":"Przetwarzanie umów",
     "e6":"Klasa górnicza",
-    "e7":"miner",
-	"f0":"开启您的加密货币之旅"
+    "e7":"miner"
   },
   "accountSettings": {
     "a0":"Ustawienia konta",
diff --git a/i18n/lang/pt.json b/i18n/lang/pt.json
index 18fc4ee..6c6c497 100644
--- a/i18n/lang/pt.json
+++ b/i18n/lang/pt.json
@@ -120,7 +120,19 @@
     "e6":"Classe de mineiros",
     "e7":"Mineiro",
 	"wallet": "Carteira",
-	"f0":"开启您的加密货币之旅"
+	"f0":"Comece sua jornada de criptomoedas",
+	"f1":"comprar moedas",
+	"f2":"Vá agora",
+	"f3":"Criptomoedas populares",
+	"f4":"nome",
+	"f5":"Funções Comuns",
+	"f6":"Certificação primária concluída",
+	"f7":"Certificado de Reserva",
+	"f8":"Estamos empenhados em alcançar uma elevada transparência do estatuto dos fundos e em manter um rácio de reserva de 1:1 para os activos dos utilizadores.",
+	"f9":"Bitcoin",
+	"g0":"retorno médio",
+	"g1":"Crie infinitas possibilidades",
+	"g2":"Comece a explorar"
   },
   "accountSettings": {
     "a0":"Configuração Da Conta",
diff --git a/i18n/lang/spa.json b/i18n/lang/spa.json
index 61b2d5f..07bc2b7 100644
--- a/i18n/lang/spa.json
+++ b/i18n/lang/spa.json
@@ -120,7 +120,19 @@
     "e6":"Grado minero",
     "e7":"Minero",
 	"wallet": "Cartera",
-	"f0":"开启您的加密货币之旅"
+	"f0":"Abre tu viaje con criptomonedas",
+	"f1":"comprar monedas",
+	"f2":"Ve ahora",
+	"f3":"Criptomonedas populares",
+	"f4":"nombre",
+	"f5":"Funciones comunes",
+	"f6":"Certificación primaria completa",
+	"f7":"Certificado de reserva",
+	"f8":"Estamos comprometidos a lograr una alta transparencia del estado de los fondos y a mantener una proporción de reservas de 1:1 para los activos de los usuarios.",
+	"f9":"bitcóin",
+	"g0":"retorno promedio",
+	"g1":"Crea infinitas posibilidades",
+	"g2":"Empezar a explorar"
   },
   "accountSettings": {
     "a0":"Configuración de la cuenta",
diff --git a/i18n/lang/swe.json b/i18n/lang/swe.json
index e6e5aff..b47ed9c 100644
--- a/i18n/lang/swe.json
+++ b/i18n/lang/swe.json
@@ -115,8 +115,7 @@
     "e4":"Kontraktskonto",
     "e5":"Omräkning av kontrakt",
     "e6":"Klassificering av mineraler",
-    "e7":"gruvarbetare",
-	"f0":"开启您的加密货币之旅"
+    "e7":"gruvarbetare"
   },
   "accountSettings": {
     "a0":"Inställningar av konto",
diff --git a/i18n/lang/tr.json b/i18n/lang/tr.json
index 6514bd1..d918d95 100644
--- a/i18n/lang/tr.json
+++ b/i18n/lang/tr.json
@@ -120,7 +120,19 @@
     "e6": "Madenci Seviyesi",
     "e7": "Madenci",
 	"wallet": "Cüzdan",
-	"f0":"开启您的加密货币之旅"
+	"f0":"Şifreleme yolculuğunu başlat",
+	"f1":"jeton satın alın",
+	"f2":"Git şimdi",
+	"f3":"Popüler kripto para birimleri",
+	"f4":"nombre",
+	"f5":"Funciones comunes",
+	"f6":"Tamamlanmış birincil sertifikasyon",
+	"f7":"Rezerv Sertifikası",
+	"f8":"Fon statüsünde yüksek düzeyde şeffaflık sağlamaya ve kullanıcı varlıkları için 1:1 rezerv oranını korumaya kararlıyız.",
+	"f9":"bitcoin",
+	"g0":"ortalama getiri",
+	"g1":"Sonsuz olasılıklar yaratın",
+	"g2":"Keşfetmeye başlayın"
   },
   "accountSettings": {
     "a0": "Hesap Ayarları",
diff --git a/i18n/lang/ukr.json b/i18n/lang/ukr.json
index b16d049..29fd34a 100644
--- a/i18n/lang/ukr.json
+++ b/i18n/lang/ukr.json
@@ -115,8 +115,7 @@
         "e4": "Контрактний рахунок",
         "e5": "Конвертація договору",
         "e6": "Майнерський рівень",
-        "e7": "шахтар",
-		"f0":"开启您的加密货币之旅"
+        "e7": "шахтар"
     },
     "accountSettings": {
         "a0": "Налаштування аккаунта",
diff --git a/i18n/lang/zh-CN.json b/i18n/lang/zh-CN.json
index 02e8c5d..0629d67 100644
--- a/i18n/lang/zh-CN.json
+++ b/i18n/lang/zh-CN.json
@@ -118,7 +118,19 @@
     "e5": "合约折合",
     "e6": "矿工等级",
     "e7": "矿工",
-	"f0":"开启您的加密货币之旅"
+	"f0":"开启您的加密货币之旅",
+	"f1":"买币",
+	"f2":"立即前往",
+	"f3":"流行的加密货币",
+	"f4":"名称",
+	"f5":"常用功能",
+	"f6":"已完成初级认证",
+	"f7":"储备金证明",
+	"f8":"我们致力于实现资金状况高透明度，对用户资产保持 1:1 的储备金率",
+	"f9":"比特币",
+	"g0":"平均回报率",
+	"g1":"创造无限可能",
+	"g2":"开始探索"
   },
   "accountSettings": {
     "a0": "账号设置",
diff --git a/i18n/lang/zh-TW.json b/i18n/lang/zh-TW.json
index 9d71792..91c7f5f 100644
--- a/i18n/lang/zh-TW.json
+++ b/i18n/lang/zh-TW.json
@@ -161,7 +161,19 @@
 		"e6": "礦工等級",
 		"e7": "礦工",
 		"wallet": "錢包",
-		"f0":"开启您的加密货币之旅"
+		"f0":"開啟您的加密貨幣之旅",
+		"f1":"買幣",
+		"f2":"立即前往",
+		"f3":"流行的加密貨幣",
+		"f4":"名稱",
+		"f5":"常用功能",
+		"f6":"已完成初始級認證",
+		"f7":"儲備金證明",
+		"f8":"我們致力于實現資金狀況高透明度,對用戶資產保持 1:1 的儲備金率",
+		"f9":"比特幣",
+		"g0":"平均回報率",
+		"g1":"創造無限可能",
+		"g2":"開始探索"
 	},
 	"accountSettings": {
 		"a0": "賬號設置",
diff --git a/layout/vDropdwon.vue b/layout/vDropdwon.vue
index 7d3a49a..adafc2b 100644
--- a/layout/vDropdwon.vue
+++ b/layout/vDropdwon.vue
@@ -10,8 +10,8 @@
             <view class="sanjiao"></view></view>
 		<view class="dropdown">
 			<view :class="showIf ? 'dropdown-mask' : 'undropdown-mask'" @click="hideShadow"></view>
-			<!-- <view class="ul" :style="showIf?'height:'+list.length*30+'px':''"> --> 
-			<view class="ul" :style="'--i:'+list.length" :class="showIf?'show':''">  <!-- 不支持就用上面那种 -->
+			<view class="ul" :style="showIf?'height:'+list.length*30+'px':''"> 
+			
 				<view class="li p-x-md" :class="text==item.label?'active':''" v-for="(item, index) in list" :key="index" @click="handlerItem(item,index)">
                     
                     <view class="" v-if="contract==0">
diff --git a/pages/accountSettings/accountSettings.vue b/pages/accountSettings/accountSettings.vue
index cac69b9..7831bb0 100644
--- a/pages/accountSettings/accountSettings.vue
+++ b/pages/accountSettings/accountSettings.vue
@@ -4,6 +4,7 @@
         <v-header :title="$t('accountSettings.a0')"></v-header>
 
         <!-- 中间 -->
+		<view style="background-color: #121212;height: 100%;">
         <view class=" m-y-sm rounded-md m-x-lg overflow-hidden box-shadow">
             <view
                 class="p-y-xs per-bot p-x-md h-36 border-b border-gray-7 d-flex align-center justify-between bg-panel-3 "
@@ -126,7 +127,7 @@
                 </view>
             </view>
         </view>
-
+	</view>
         <!-- <view class="m-t-lg p-x-md fn-center">
           <van-button
             icon="exchange"
diff --git a/pages/assets/address-list.vue b/pages/assets/address-list.vue
index 473833b..1cba4e2 100644
--- a/pages/assets/address-list.vue
+++ b/pages/assets/address-list.vue
@@ -8,6 +8,7 @@
         </view>
       </template>
     </v-header>
+	<view style="background-color: #121212;height: 100%;">
     <main class="layout-main p-t-md">
       <view class="p-md fn-sm">
         <ul>
@@ -89,7 +90,8 @@
         </view>
       </template>
     </main>
-    <view class="p-md">
+	</view>
+    <view class="p-md" style="background-color: #121212;">
       <v-button
         class="w-max rounded-lg"
         block
@@ -107,6 +109,7 @@
         >{{ $t("assets.a4") }}</v-button
       >
     </view>
+	
   </v-page>
 </template>
 <script>
diff --git a/pages/base/home.vue b/pages/base/home.vue
index abe611a..55d7768 100644
--- a/pages/base/home.vue
+++ b/pages/base/home.vue
@@ -7,7 +7,7 @@
 				<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;">主页</view>
+				<view style="color: #ffffff; font-size: 30rpx;">{{$t("base.d0")}}</view>
 			</template>
 			<template #right>
 				<view class="per-bot p-y-md p-x-sm d-flex align-center">
@@ -121,8 +121,8 @@
 					<!-- 市场趋势 -->
 					<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 style="font-size: 24rpx;color:rgba(155, 155, 155, 1);">{{$t('base.f7')}}</view>
+							<view class="content-bottom">{{$t('base.f8')}}</view>
 						</view>
 						<img style="width: 176rpx;height: 112rpx;" src="@/assets/img/home/monyeImg.png" alt="">
 					</view>
@@ -130,9 +130,9 @@
 						<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 style="margin-left: 10rpx;color: #929292;">{{$t('base.f9')}}</view>
 							</view>
-							<view class="btc-two mg-b10 col-fff">平均回报率</view>
+							<view class="btc-two mg-b10 col-fff">{{$t('base.g0')}}</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> -->
@@ -142,10 +142,10 @@
 						<view class="bottom_box">
 							<view class="">
 								<view class="col-fff app-box">xxxAPP</view>
-								<view class="col-fff content-box">创造无限可能</view>
+								<view class="col-fff content-box">{{$t('base.g1')}}</view>
 							</view>
 							<view class="col-fff btn">
-								开始探索
+								{{$t('base.g2')}}
 							</view>
 						</view>
 						<image src="@/assets/img/home/bottomImg.png" mode="aspectFit" style="width: 284rpx;height: 284rpx;"></image>
@@ -172,7 +172,7 @@
 								</v-link>
 								<v-link tag="view" to="" >
 									<view class="button_Goldcoin">
-										<image src="@/assets/img/home/Lendmoney.png" mode="widthFix" style="width: 40rpx;"></image>{{$t("base.c0")}}币
+										<image src="@/assets/img/home/Lendmoney.png" mode="widthFix" style="width: 40rpx;"></image>{{$t("base.f1")}}
 									</view>
 								</v-link>
 							</view>
@@ -182,7 +182,7 @@
 						<view style="margin: 0px 10px 10px; 10px">
 							<view class="view_once">
 								<view>{{$t("base.f0")}}</view>
-								<view @click="goMine">立即前往<image src="@/assets/img/home/arrow-right.png" mode="widthFix"></image></view>
+								<view @click="goMine">{{$t("base.f2")}}<image src="@/assets/img/home/arrow-right.png" mode="widthFix"></image></view>
 							</view>
 						</view>
 						<image src="@/assets/img/home/Copy.png" mode="aspectFit"></image>
@@ -191,7 +191,7 @@
 				
 				
 				<view class="head_info m-y-md " v-if="isLogin">
-					<view class="currency">流行的加密货币</view>
+					<view class="currency">{{$t("base.f3")}}</view>
 					<van-tabs v-if="marketList.length" :active="infoActive" background="transparent" :border="false" animated>
 						<van-tab>
 							<view class="w-12/12 m-t-xs">
@@ -518,13 +518,13 @@
 				</v-link>
 				
 				<v-link class=" p-xs m-xs d-flex justify-between align-center" to="/pages/login/index" v-else >
-					<view style="display: flex;position: relative;">
+					<view style="display: flex;">
 						<image src="@/assets/img/home/login.png" mode="aspectFit" class="logine"></image>
 						<image src="@/assets/img/home/Havelogged.png" mode="aspectFit" class="havelogg"></image>
 						<view style="margin-left: 26rpx;">
 							<view class="color-light username">{{username}}</view>
 							<view class="border_authentication">
-								已完成初级认证
+								{{$t("base.f6")}}
 							</view>
 						</view>
 					</view>
@@ -669,7 +669,7 @@
 					</view> -->
 				</view>
 				<view class="Feature">
-					常用功能
+					{{$t("base.f5")}}
 				</view>
 				<view class="manage">
 					<view class="manage_text" @click="goMine()">
@@ -1563,12 +1563,12 @@
 		flex-wrap: wrap;
 		justify-content: space-around;
 		align-items: center;
-		width: 100%;
+		
 		
 		.manage_text{
 			text-align: center;
 			height: 170rpx;
-			width: 200rpx;
+			width: calc(33.33% - 10px);
 			img{
 				width: 50rpx;
 				height: 50rpx;
@@ -1586,7 +1586,7 @@
 		border: 1px solid #26A24F;
 		text-align: center;
 		font-size: 25rpx;
-		width: 99px;
+		width: 200rpx;
 		border-radius: 5px;
 		color: #26A24F;
 	}
@@ -1595,11 +1595,10 @@
 		// background: url('@/assets/img/home/Havelogged.png');
 		width: 96rpx;height: 96rpx;
 	}
-	
 	.havelogg{
-		position: absolute;
-		left: 60rpx;
-		bottom: 0;
+		position: relative;
+		left: -35rpx;
+		top: 60rpx;
 		border:1px solid #000000;
 		background-color: #000000;
 		border-radius: 50%;
@@ -1629,19 +1628,19 @@
 			color: white;
 			font-weight: bold;
 			font-size: 25rpx;
-			height: 35px;
-			line-height: 35px;
+			height: 70rpx;
+			line-height: 70rpx;
 			text-align: center;
 			image{
 				position: relative;
-				top: 5px;
+				top: 10rpx;
 				margin-right: 10px;
 			}
 		}
 		.view_currency{
 			display: flex;
 			justify-content: space-between;
-			margin-top: 10px;
+			margin-top: 20rpx;
 			padding-bottom: 10px;
 			border-bottom: 5px solid #000000;
 			image{
@@ -1654,12 +1653,12 @@
 				line-height: 40px;
 				color: white;
 				font-weight: bold;
-				position: relative;
+				font-size: 28rpx;
 				image{
+					margin-left: 5px;
 					width: 35rpx;
-					position: absolute;
-					top: 102rpx;
-					left: 120rpx;
+					position: relative;
+					top: 8rpx;
 				}
 			}
 		}
diff --git a/pages/base/index.vue b/pages/base/index.vue
index d75e96f..3778db5 100644
--- a/pages/base/index.vue
+++ b/pages/base/index.vue
@@ -161,7 +161,7 @@ export default {
 
 .router-link-active {
     // color: $theme-1;
-		color: #D0712F;
+		color: white;
 }
 
 .mode {
diff --git a/pages/base/mine.vue b/pages/base/mine.vue
index b55ba4b..3254894 100644
--- a/pages/base/mine.vue
+++ b/pages/base/mine.vue
@@ -1,10 +1,27 @@
 <template>
     <v-page>
-        <v-header :title="$t('base.d2')" :left-arrow="false"></v-header>
+        <v-header class="nav-tab" :left-arrow="false" style="background-color: #141414;" :left-click="personalCenter">
+        	<template #left>
+        		<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;">{{$t('base.d2')}}</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 style="height: var(--status-bar-height)"></view> -->
         <view
             class="box-size head h-aut p-x-md d-flex justify-between flex-wrap align-center color-light"
-            :class="theme == 'light' ? 'bgb3-white' : ''" style="position: relative;background-color: black;">
+            :class="theme == 'light' ? 'bgb3-white' : ''" style="position: relative;background-color: #121212;">
             <view class="d-flex p-t-md align-center w-max">
                 <text class="fn-16 color-default d-block col-fff">{{ $t("base.d6") }}(BTC)</text>
                 <view class="fn-18 m-l-md d-flex" @click="setHide(!hideMoney)">
@@ -105,7 +122,7 @@
             </view> -->
         </view>
 
-        <view class="layout-main" style="background-color: black;">
+        <view class="layout-main" style="background-color: #121212;">
             <scroll-view @refresherrefresh="onRefresh" :refresher-enabled="refresherEnabled&&scrollTop<50"
                          :refresher-triggered="refreshing" refresher-background="transparent" :refresher-threshold="50">
                 <!-- 头部 -->
@@ -175,19 +192,19 @@
                                        :placeholder="$t('base.d9')" input-class="fn-12 "
                                        class="flex-fill color-gray-6 rounded-md pos fn-12 m-r-lg"
                                        style="padding-left: 0"/>
-                            <!-- <van-checkbox :value="hide" @change="hide = !hide" icon-size="16">
-                                <text class="color-gray-6 m-r-xs">{{ $t("base.e0") }} 0 {{ $t("base.e1") }}</text>
-                            </van-checkbox> -->
-							<van-checkbox :value="hide" @change="hide = !hide" checked-color="#fff">
-								<text class="color-gray-6 m-r-xs">{{ $t("base.e0") }} 0 {{ $t("base.e1") }}</text>
+							<van-checkbox :value="hide" @change="hide = !hide" checked-color="#fff" shape="square" icon-size="15px">
+								<text class="col-fff m-r-xs" style="font-size: 13px;">{{ $t("base.e0") }} 0 {{ $t("base.e1") }}</text>
 							</van-checkbox>
                         </view>
-                        <router-link :to="{
-                  path: '/pages/assets/bill',
-                  query: { coin_name: item.coin_name },
-                }" v-show="ifShow(item)" class="p-t-xs d-block rounded-md text-none" v-for="(item, index) in list"
-                                     :key="index">
-                            <view class="m-x-md d-flex justify-between align-center p-b-xs">
+						<view class="title_Currency">
+							<view style="width: 190rpx;text-align: center;">{{ $t("base.f4") }}</view>
+							<view class="text_width text_align">{{ $t("base.b9") }}</view>
+							<view class="text_width text_align">{{ $t("base.e2") }}</view>
+							<view class="text_align">{{ $t("base.e3") }}(USD)</view>
+						</view>
+                        <router-link :to="{path: '/pages/assets/bill',query: { coin_name: item.coin_name },}" 
+						v-show="ifShow(item)" class="d-block rounded-md text-none" v-for="(item, index) in list" :key="index">
+                            <!-- <view class="m-x-md d-flex justify-between align-center p-b-xs">
                                 <view>
                                     <img :src="item.image" class="w-20 h-20 rounded-max fn-middle"/>
                                     <text class="fn-18 fn-bold color-light fn-middle p-l-sm">{{
@@ -195,7 +212,7 @@
                                         }}
                                     </text>
                                 </view>
-                                <!-- <view>
+                                <view>
                                     <text class="fn-lg color-light fn-middle">{{
                                       add(
                                         item.usable_balance,
@@ -209,7 +226,7 @@
                                       size="16"
                                       color="#646566"
                                     />
-                                  </view> -->
+                                  </view>
                             </view>
                             <view class="p-x-md d-flex justify-between align-center">
                                 <view class="w-4/12">
@@ -233,7 +250,23 @@
                                         {{ omitTo(item.usd_estimate, item.priceDecimals) | priceDecimals}}
                                     </p>
                                 </view>
-                            </view>
+                            </view> -->
+							<view class="Currency_content">
+								<view style="width: 200rpx;" class="m-title">
+									<img :src="item.image" class="w-20 h-20 rounded-max fn-middle"/>
+									<text class="fn-18 fn-bold color-light fn-middle p-l-sm">{{item.coin_name}}
+									</text>
+								</view>
+								<view class="col-fff text_width text_align m-title">
+									{{ (item.usable_balance).toFixed(2) }}
+								</view>
+								<view class="col-fff text_width text_align m-title">
+									{{ item.freeze_balance }}
+								</view>
+								<view class="col-fff text_width text_align m-title">
+									{{ omitTo(item.usd_estimate, item.priceDecimals) | priceDecimals}}
+								</view>
+							</view>
                             <view class="h-4 m-t-xs"></view>
                         </router-link>
                     </view>
@@ -241,26 +274,24 @@
 
                     <van-tab :title="$t('base.e4')" :name="1" class="p-t-md"> -->
                     <view class="m-x-md" v-if="tabActive==1">
-                        <view class="bgb3 p-x-md p-y-xs m-y-xs rounded-ms" :class="theme == 'light' ? 'bgb3-white' : ''"
-                              style="position: relative">
-                            <view class="fn-sm d-flex justify-between color-gray-6 m-t-xs">
+                        <view class="p-x-md p-y-xs m-y-xs rounded-ms" :class="theme == 'light' ? 'bgb3-white' : ''"
+                              style="position: relative;background-color: #242424;height: 350rpx;">
+                            <view class="fn-sm d-flex justify-between color-gray-6" style="margin-top: 44rpx;">
                                 <span> USDT </span>
-                                <v-link class="color-buy" to="/pages/assets/account-bill">{{ $t("base.e4") }}
+                                <v-link class="col-fff" to="/pages/assets/account-bill">{{ $t("base.e4") }}
                                     <van-icon class="fn-middle" name="arrow" size="16"/>
                                 </v-link>
                             </view>
-                            <span class="fn-20 d-block color-light m-t-md">{{ filterMoney(account.contract_account_usd)
-                                }}{{ account.symbol }}</span>
+                            <span class="fn-20 d-block color-light" style="margin-top: 100rpx;">
+							{{ filterMoney(account.contract_account_usd)}}{{ account.symbol }}
+							</span>
                             <view class="d-flex justify-between m-t-xs">
                                 <v-link to="/pages/transfer/index" class="d-flex">
-                                    <view class="m-r-xs align-center">
-                                        <img :src="$localImgUrl('fill4.png')" alt="" class="h-18"/>
+                                    <view class="align-center">
+                                        <img :src="$localImgUrl('antOutline.png')" alt="" class="h-18"/>
                                     </view>
                                     <!-- <van-icon class="color-theme-1 fn-26 fn-middle m-r-xs" name="exchange" /> -->
-                                    <text class="color-light fn-middle">{{
-                                        $t("base.d8")
-                                        }}
-                                    </text>
+                                    <text class="color-light fn-middle" style="margin-left: 11px;">{{$t("base.d8")}}</text>
                                 </v-link>
                             </view>
                         </view>
@@ -287,7 +318,7 @@
                             </text>
                             <view class="d-flex justify-between m-t-xs">
                                 <v-link to="/pages/transfer/index" class="d-flex">
-                                    <view class="m-r-xs align-center">
+                                    <view class="align-center">
                                         <img :src="$localImgUrl('fill4.png')" alt="" class="h-18"/>
                                     </view>
                                     <!-- <van-icon class="color-theme-1 fn-26 fn-middle m-r-xs" name="exchange" /> -->
@@ -508,10 +539,34 @@ export default {
         color: $white;
     }
 }
+
+::v-deep .van-checkbox__icon--checked{
+	color: #000;
+}
+	
 .col-fff{
 	color: white;
 }
 
+.title_Currency{
+	display: flex;
+	justify-content: space-around;
+	margin-top: 20px;
+}
+
+.Currency_content{
+	display: flex;
+	justify-content: space-around;
+	margin: 0px 10px;
+}
+
+.text_width{
+	width: 150rpx;
+}
+.text_align{
+	text-align: right;
+}
+
 .bgb3 {
     background: url(../../static/img/bgb3.png) no-repeat;
     background-size: 100% auto;
@@ -574,4 +629,7 @@ export default {
     background-color: transparent;
     padding: 0 10px;
 }
+.m-title{
+	margin: 10px 0px;
+}
 </style>
diff --git a/pages/exchange/exchange-transaction.vue b/pages/exchange/exchange-transaction.vue
index aeaaa99..fae07aa 100644
--- a/pages/exchange/exchange-transaction.vue
+++ b/pages/exchange/exchange-transaction.vue
@@ -1,11 +1,32 @@
 <template>
   <v-page>
-      <view class="d-flex p-x-md fa p-y-md justify-between align-center fn-18 bg-panel-3 color-light flex-wrap border-b">
+	  <v-header class="nav-tab" :left-arrow="false" style="background-color: #121212;">
+	  	<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;">{{$t("base.d0")}}</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="d-flex p-x-md p-y-md justify-between align-center fn-18 color-light flex-wrap border-b" style="background-color: #121212;">
         <view class="w-max" style="height: var(--status-bar-height)"></view>
         <view @click="$emit('symbol')" class="d-flex align-center">
-          <i class="iconfont color-light fn-bold fn-18">&#xe655;</i>
+          <!-- <i class="iconfont color-light fn-bold fn-18">&#xe655;</i> -->
           <text class="fn-bold">{{ symbol }}</text>
-          <text class="fn-10 m-l-xs p-y-2" :class="increase.increase < 0 ? 'color-sell bg-sell-transparent' : 'color-buy bg-buy-transparent'">{{increase.increaseStr}}</text>
+		  <i class="iconfont" style="margin-left: 5px;">&#xe6e9;</i>
+          <!-- <text class="fn-10 m-l-xs p-y-2" :class="increase.increase < 0 ? 'color-sell bg-sell-transparent' : 'color-buy bg-buy-transparent'">{{increase.increaseStr}}</text> -->
         </view>
         <view class="d-flex fn-20 color-theme-1">
           <view class="m-r-xs" @click="$emit('option')">
@@ -23,12 +44,12 @@
       </view>
       <view class="w-max" style="height: var(--status-bar-height)"></view>
       <!-- #ifdef H5 -->
-      <view class="h-70 w-max"></view>
+      <!-- <view class="h-70 w-max"></view> -->
       <!-- #endif -->
       <!-- #ifdef APP-PLUS -->
-      <view class="h-35"></view>
+      <!-- <view class="h-35"></view> -->
       <!-- #endif -->
-      <view class="layout-main">
+      <view class="layout-main" style="background-color: #121212;">
           <scroll-view
             @refresherrefresh="onRefresh"
             :refresher-enabled="refresherEnabled&&scrollTop<50"
@@ -42,9 +63,7 @@
 					<view class="tixing1 bg-form-panel-4" :class="{' bg-green': form.direction == 'buy'}"></view>
 					<view class="tixing2 bg-form-panel-4 " :class="{'bg-red ': form.direction == 'sell'}"
 					 style="position: absolute;right: 0px;top: 0px;"></view>
-              <view
-                class="d-flex fn-center justify-between rounded-xs overflow-hidden tixingtxt"
-              >
+              <view class="d-flex fn-center justify-between rounded-xs overflow-hidden tixingtxt">
                 <view
                   class="w-6/12 h-34 d-flex justify-center align-center t-left"
                   :class="{
@@ -52,7 +71,7 @@
                   }"
                   @click="changeDirection('buy')"
                   >{{ $t("exchange.c3") }}</view>
-                <view
+               <view
                   class="color-gray w-6/12 h-34 d-flex justify-center align-center"
                   :class="{
                     ' color-plain': form.direction == 'sell',
@@ -64,28 +83,40 @@
                 {{ activeType.label }}
                 <i class="iconfont" style="margin-left: 5px;">&#xe6e9;</i>
               </v-picker> -->
-              <v-dropdwon class="w-50 m-r-xs p-y-xxs" :list="typeList" @onClick="dropDownChange">
-              </v-dropdwon>
-              <template v-if="form.type == 0">
+              <view class="" style="display: flex;margin: 5px 0px;">
+              	<v-dropdwon class="m-r-xs dropdwon" :list="typeList" @onClick="dropDownChange">
+              	</v-dropdwon>
+              	<van-icon name="warning-o" />
+              </view>
+             <template v-if="form.type == 0">
                 <view>
-                  <van-stepper
+                 <!-- <van-stepper
                     :min="0"
                     :value="form.entrust_price"
                     @change="form.entrust_price=$event.detail"
                     input-width="61%"
                     step="0.01"
-                  />
-                  <view class="tips fn-xs  m-t-xs">≈ ￥{{ omitTo(form.entrust_price*price_cny,2) }}</view>
+                  /> -->
+				  <view class="" style="border: 1px solid #202020;height: 40px;padding-left: 10px;">
+				  	<view style="font-size: 20rpx;">价格(USDT)</view>
+					<!-- <v-input
+					   v-model="form.entrust_price"
+					   @input="sliderActive=-1"
+					   :placeholder="$t('exchange.c5')" style="height: 20px;">
+					 </v-input> -->
+					<input type="text" v-model="form.entrust_price" :placeholder="$t('exchange.c5')">
+					<!-- <view class="col-fff">{{form.entrust_price}}</view> -->
+				  </view>
+				  <!-- <el-input-number controls-position="right" @change="handleChange" :min="1" :max="10"></el-input-number> -->
+                  <view class="tips fn-xs  m-t-xs">估值 ${{ omitTo(form.entrust_price*price_cny,2) }}</view>
                 </view>
                 <view class="m-t-ms">
-                  <v-input
+                 <v-input
                     v-model="form.amount"
                     @input="sliderActive=-1"
-                    class="h-30 p-x-sm rounded p-y-xxs color-light bg-form-panel-3"
-                    :placeholder="$t('exchange.c5')"
-                  >
+                    :placeholder="$t('exchange.c5')" style="border: 1px solid #202020;">
                     <template #right>
-                      <view class="color-default fn-bold color-light">{{
+                      <view class="color-default fn-bold color-light" style="margin-right: 10px;">{{
                         activeCoin.coin_name
                       }}</view>
                     </template>
@@ -96,7 +127,7 @@
                 <view>
                   <v-input
                     disabled
-                    class="h-30 p-x-sm rounded p-y-xxs fn-center color-light bg-form-panel-3"
+                    class="p-x-sm p-y-xxs fn-center color-light"  style="border: 1px solid #202020;"
                     :placeholder="$t('exchange.c6')"
                   ></v-input>
                 </view>
@@ -105,11 +136,10 @@
                   <v-input
                     @input="sliderActive=-1"
                     v-model="form.amount"
-                    class="h-30 p-x-sm rounded p-y-xxs color-light bg-form-panel-3"
+                    class="p-x-sm rounded p-y-xxs color-light"
                     :placeholder="
-                      form.direction =='buy'?$t('exchange.c7'):$t('exchange.c5')
-                    "
-                  >
+                      form.direction =='buy'?$t('exchange.c7'):$t('exchange.c5')"
+					   style="border: 1px solid #202020;border-radius: 0px;">
                     <template #right>
                       <view class="color-default fn-bold color-light" v-show="form.direction == 'sell'">{{currentCoin}}</view>
                       <view class="color-default fn-bold color-light" v-show="form.direction == 'buy'">{{targetCoin}}</view>
@@ -118,14 +148,14 @@
                 </view>
               </template>
               <view>
-                <view class="tips fn-10 m-y-ms d-flex justify-between">
+                <!-- <view class="tips fn-10 m-y-ms d-flex justify-between">
                     <view class="">
                         {{ $t("exchange.c8") }}：
                     </view>
                     <view class="">
                         {{ usable }}{{ usableUnit }}
                     </view>
-                </view>
+                </view> -->
               </view>
               <view>
                <view class="m-t-xs">
@@ -133,25 +163,60 @@
                     <text>0%</text>
                     <text>100%</text>
                   </view> -->
-                  <view class="d-flex justify-between">
+                  <view class="d-flex justify-between" style="margin-top: 20px;">
                       <view class="borders w-23 rounded-3 fn-center p-y-xs fn-12" v-for="(item,index) in progress" @click="sliderChange(item,index)" :class="sliderActive==index?'color-theme-1 active':''">
                           {{item}}%
                       </view>
                     <!-- <bing-progress activeColor="#60c08c" barBorderRadius="20px" handleWidth="12px" handleHeight="12px" handleColor="#60c08c"  borderRadius="20px" width="150px" :showInfo="false" strokeWidth="2px" noActiveColor="#484859" @dragging="sliderChange" :value="activeStep"/> -->
                   </view>
                 </view>
+				<view class="" style="margin: 20px 0px;">
+					<v-input v-if="form.type == 1 && form.direction == 'sell'"
+					   v-model="totalMoney"
+					   @input="sliderActive=-1"
+					   placeholder="金额" style="border: 1px solid #202020;"
+					 >
+					   <template #right>
+					     <view class="color-default fn-bold color-light" style="margin-right: 10px;font-size: 20rpx;">{{
+					       currentCoin
+					     }}</view>
+					   </template>
+					 </v-input>
+					 <v-input v-else
+					    v-model="totalMoney"
+					    @input="sliderActive=-1"
+					    placeholder="金额" style="border: 1px solid #202020;"
+					  >
+					    <template #right>
+					      <view class="color-default fn-bold color-light" style="margin-right: 10px;font-size: 20rpx;">{{
+					        targetCoin
+					      }}</view>
+					    </template>
+					  </v-input>
+				</view>
+				<view class="" style="margin-bottom: 20px;">
+					<view class="" style="font-size: 20rpx;line-height: 30px;display: flex;justify-content: space-between;">
+						<view>
+							可用  <text class="col-fff" style="margin-left: 5px;">{{ usable }}{{ usableUnit }}</text>
+						</view>
+						<img :src="$localImgUrl('antOutline.png')" alt="" class="h-18" style="position: relative;top: 5px;" />
+					</view>
+					<view class="" style="font-size: 20rpx;">
+						可买  <text class="col-fff" style="margin-left: 5px;">{{form.amount}}</text>
+					</view>
+				</view>
               </view>
-              <view class="d-flex fn-sm m-y-ms color-light justify-between">
+             <!-- <view class="d-flex fn-sm m-y-ms color-light justify-between">
                 <span>{{ $t("exchange.c9") }}：</span>
                 <span v-if="form.type == 1 && form.direction == 'sell'"
                   >{{ totalMoney }} {{ currentCoin }}</span
                 >
                 <span v-else>{{ totalMoney }} {{ targetCoin }}</span>
-              </view>
+              </view> -->
               <template v-if="isLogin">
-                <v-button
+                <!-- <v-button
                   size="small"
-                  :type="form.direction == 'buy' ? 'green' : 'red'"
+				  :color="form.direction == 'buy' ? '#25A74F' : '#CA3F66'"
                   class="w-max rounded-md"
                   block
                   @click="storeEntrust"
@@ -162,7 +227,13 @@
                       : this.$t("exchange.c4")
                   }}
                   {{ activeCoin.coin_name }}</v-button
-                >
+                > -->
+				<button style="height: 40px;line-height: 40px;color: white;font-size: 30rpx;" class="w-max rounded-md" :style="{backgroundColor:form.direction == 'buy' ? '#25A74F' : '#CA3F66'}"  @click="storeEntrust">
+				{{
+				  form.direction == "buy"
+				    ? this.$t("exchange.c3")
+				    : this.$t("exchange.c4")
+				}}{{ activeCoin.coin_name }}</button>
               </template>
               <template v-else>
                 <v-button
@@ -175,7 +246,7 @@
                 >
               </template>
 
-              <v-link
+              <!-- <v-link
                 :to="{ path: '/pages/exchange/index', query: { code: symbol} }"
                 class=" d-block m-t-md"
               >
@@ -189,14 +260,14 @@
                     :tradeList="tradeList"
                   ></time-sharing>
                 </view>
-              </v-link>
+              </v-link> -->
             </view>
             <!-- 深度列表 -->
             <view class="w-6/12 p-l-md d-flex flex-col dep-list">
               <sell-and-buy :buyList="buyList" :max="symbol=='GITP/USDT'?11:8" :sellList="sellList" :symbol="symbol" v-on:price="getPrice($event)" :contract="0">
                 <view
                   class="fn-lg row fn-bold"
-                  :class="newPrice.increase < 0 ? 'color-sell' : 'color-buy'"
+                  :class="newPrice.increase < 0 ? 'col-fff' : 'color-buy'"
                 >
                   {{ newPrice.price }}
                 </view>
@@ -249,13 +320,25 @@
               </tbody>
             </table>
           </view> -->
-          <view class="m-t-xs bg-panel-3">
-              <view class="border-t-original d-flex justify-between align-center p-x-md p-t-lg">
-                  <text class="fn-16 fn-bold color-light">{{$t("exchange.a4")}}</text>
-                  <v-link tag="div" to="/pages/exchange/exchangeHis" class="d-flex align-center">
+          <view class="m-t-xs" style="background-color: #121212;">
+              <view class="border-t-original d-flex justify-between align-center p-x-md p-t-lg" style="border-bottom: 1px solid #ccc;padding-bottom: 15px;">
+                  <!-- <text class="fn-16 fn-bold color-light">{{$t("exchange.a4")}}</text> -->
+                  <!-- <v-link tag="div" to="/pages/exchange/exchangeHis" class="d-flex align-center">
 										<van-icon name="orders-o" class="fn-14" style="font-size: 16px;"/>
 										<span class="fn-12 " style="font-size: 16px;">{{$t("purchase.a9")}}</span>
-									</v-link>
+									</v-link> -->
+					<view class="">
+						委托(0)
+					</view>
+					<view class="">
+						仓位(0)
+					</view>
+					<view class="">
+						资产
+					</view>
+					<view class="">
+						策略(0)
+					</view>
               </view>
               <van-empty v-if="!Object.values(list).length" description="" />
               <view v-for="item in (list)" class="item border-b fn-14" :key="item.order_no">
@@ -848,11 +931,6 @@ export default {
 /deep/ .van-stepper {
   display: flex;
   justify-content: space-between;
-  .minus-class,
-  .input-class,
-  .plus-class {
-    background: $form-panel-4;
-  }
 }
 .dep-list {
   // height: 440px;
@@ -935,10 +1013,10 @@ export default {
     padding: 7px 0;
 }
 .bg-green{
-    background-color: $green;
+    background-color: #25A74F;
 }
 .bg-red{
-    background-color: $red;
+    background-color: #CA3F66;
 }
 .bor5{
     border-top: 5px solid $border-color;
@@ -957,33 +1035,35 @@ export default {
     box-sizing: border-box;
 }
 .tixing1{
-	 width: 49%;
-	 		height: 35px;/* 宽高 */
+	 width: 47%;
+	 		height: 30px;/* 宽高 */
 	 		// background-color: brown;/* 颜色 */
-	 		border-radius: 6px;/* 设置圆角 */
-	 		transform: perspective(12px)scale(1.1, 1.3) rotateX(-5deg);
+	 		border-radius:17px 0px 0px 20px;/* 设置圆角 */
+	 		transform: perspective(10px)scale(1.1, 1.2) rotateX(-3deg);
 	 		/* 镜头距离元素表面的位置为8px，x轴为1.1倍y轴为1.3倍，绕x轴旋转-5度 */
 	 		transform-origin: top left;
 	 		/* top left = left top = 0 0中心点偏移量*/
 	 		// border: 1px solid #ff9900;
 			box-shadow:inset -2px -3px 6px -4px #000;
+			margin-top: 10px;
 }
 .tixing2{
-		width: 49%;
-		height: 35px;/* 宽高 */
+		width: 47%;
+		height: 30px;/* 宽高 */
 		// background-color: brown;/* 颜色 */
-		border-radius: 6px;/* 设置圆角 */
-		transform: perspective(12px)scale(1.1, 1.3) rotateX(5deg);
+		border-radius: 0px 20px 20px 0px;/* 设置圆角 */
+		transform: perspective(16px)scale(1.1, 1.2) rotateX(5deg);
 		/* 镜头距离元素表面的位置为8px，x轴为1.1倍y轴为1.3倍，绕x轴旋转5度 */
 		 transform-origin:bottom right;
 		/* bottom left = left bottom = 0 100% 中心点偏移量*/
 		/* 边框 */
 		box-shadow:inset 2px 2px 5px -4px #000;
+		margin-top: 10px;
 	}
 .tixingtxt{
 	position: absolute;
 	right: 0px;
-	top: 0px;
+	top: 5px;
 	z-index: 1;
 	width: 100%;
 }
@@ -1001,4 +1081,21 @@ export default {
 .h-25{
     height: 25px;
 }
+.dropdwon{
+	border: 1px solid #202020;
+	width: 260rpx;
+	margin: 10px 0px;
+}
+/deep/uni-input{
+	background-color: #121212;
+}
+.col-fff{
+	color: white;
+}
+.lvs{
+	color: #25A74F;
+}
+.reda{
+	color: #CA3F66;
+}
 </style>
diff --git a/pages/exchange/exchangeHis.vue b/pages/exchange/exchangeHis.vue
index 33db681..29fa651 100644
--- a/pages/exchange/exchangeHis.vue
+++ b/pages/exchange/exchangeHis.vue
@@ -1,7 +1,7 @@
 <template>
-    <v-page class="layout-main">
+    <v-page class="layout-main" style="background-color: #121212;">
       <v-header :title="$t('first.a6')"></v-header>
-      <view class="d-flex border-b">
+      <view class="d-flex border-b" style="background-color: #121212;">
         <view class="d-flex rounded-lg justify-between w-max p-b-xs">
           <view
             @click="active = 0"
@@ -18,98 +18,100 @@
           >
         </view>
       </view>
-      <v-paging :ajax="getCurrentEntrust" :key="1" ref="list" tag="div" v-if="active==0">
-        <template #box="list">
-          <not-data v-if="!$list(list).length"></not-data>
-          <div v-for="item in $list(list)" class="item bg-panel-4 m-md rounded-sm box-shadow" :key="item.order_no">
-            <div class="head d-flex align-center border-b p-x-md p-y-xs justify-between">
-              <div class="d-flex">
-                <div v-if="item.entrust_type==1" class="suatus color-buy fn-20 m-r-xs rounded">{{$t('exchange.b5')}}</div>
-                <div v-if="item.entrust_type==2" class="suatus color-sell fn-20 m-r-xs rounded">{{$t('exchange.b6')}}</div>
-                <div>
-                  <div class="color-light fn-20">{{item.symbol}}</div>
-                  <div class="fn-10">{{item.created_at}}</div>
-                </div>
-              </div>
-              <div class="d-flex">
-                <span>{{item.status_text}}</span>
-              </div>
-            </div>
-            <div class="p-x-md p-y-xs">
-              <div class="row d-flex m-y-xs justify-between">
-                <div class="label fn-sm">{{$t('exchange.b7')}}</div>
-                <div class="color-light">{{item.entrust_price}}</div>
-              </div>
-              <div class="row d-flex m-y-xs justify-between">
-                <div class="label fn-sm">{{$t('exchange.b8')}}</div>
-                <div class="color-light">
-                  <template v-if="item.type==1">{{$t('exchange.b9')}}</template>
-                  <template v-if="item.type==2">{{$t('exchange.c0')}}</template>
-                </div>
-              </div>
-              <div class="row d-flex m-y-xs justify-between">
-                <div class="label fn-sm">{{$t('exchange.c1')}}</div>
-                <div class="color-buy">{{item.traded_amount}}</div>
-              </div>
-              <div class="row d-flex m-y-xs justify-between">
-                <div class="label fn-sm">{{$t('exchange.c2')}}</div>
-                <div class="color-light">{{item.amount}}</div>
-              </div>
-              <div class="row d-flex m-y-xs justify-between">
-                <div class="label fn-sm">{{$t('exchange.g3')}}</div>
-                <div class="color-light">
-                  <v-button type="red" class="rounded-xs" size="mini" @click="ifCancel(item)">{{$t('exchange.g4')}}</v-button>
-                </div>
-              </div>
-            </div>
-          </div>
-        </template>
-      </v-paging>
-      
-      <v-paging class="layout-main" :key="2" :ajax="getHistoryEntrust" v-if="active==1">
-          <template #box="list">
-            <not-data v-if="!$list(list).length"></not-data>
-            <div v-for="item in $list(list)" class="item bg-panel-4 m-md rounded-sm box-shadow" :key="item.order_no">
-              <div class="head d-flex align-center border-b p-x-md p-y-xs justify-between">
-                <div class="d-flex">
-                  <div v-if="item.entrust_type==1" class="suatus color-buy fn-20 m-r-xs rounded">{{$t('exchange.b5')}}</div>
-                  <div v-if="item.entrust_type==2" class="suatus color-sell fn-20 m-r-xs rounded">{{$t('exchange.b6')}}</div>
-                  <div>
-                    <div class="color-light fn-20">{{item.symbol}}</div>
-                    <div class="fn-10">{{item.created_at}}</div>
-                  </div>
-                </div>
-                <div>{{item.status_text}}</div>
-              </div>
-              <div class="p-x-md p-y-xs">
-                <div class="row d-flex m-y-xs justify-between">
-                  <div class="label fn-sm">{{$t('exchange.b7')}}</div>
-                  <div class="color-light">{{item.entrust_price}}</div>
-                </div>
-                <div class="row d-flex m-y-xs justify-between">
-                  <div class="label fn-sm">{{$t('exchange.b8')}}</div>
-                  <div class="color-light">
-                    <template v-if="item.type==1">{{$t('exchange.b9')}}</template>
-                    <template v-if="item.type==2">{{$t('exchange.c0')}}</template>
-                  </div>
-                </div>
-                <div class="row d-flex m-y-xs justify-between">
-                  <div class="label fn-sm">{{$t('exchange.c1')}}</div>
-                  <div class="color-buy">{{item.traded_amount}}</div>
-                </div>
-                <div class="row d-flex m-y-xs justify-between">
-                  <div class="label fn-sm">{{$t('exchange.e2')}}</div>
-                  <div class="color-light">{{item.avg_price}}</div>
-                </div>
-            
-                <div class="row d-flex m-y-xs justify-between">
-                  <div class="label fn-sm">{{$t('exchange.c2')}}</div>
-                  <div class="color-light">{{item.amount}}</div>
-                </div>
-              </div>
-            </div>
-          </template>
-        </v-paging>
+      <view style="height: 100%;background-color: #121212;">
+      	<v-paging :ajax="getCurrentEntrust" :key="1" ref="list" tag="div" v-if="active==0" style="background-color: #121212;">
+      	  <template #box="list">
+      	    <not-data v-if="!$list(list).length"></not-data>
+      	    <div v-for="item in $list(list)" class="item bg-panel-4 m-md rounded-sm box-shadow" :key="item.order_no">
+      	      <div class="head d-flex align-center border-b p-x-md p-y-xs justify-between">
+      	        <div class="d-flex">
+      	          <div v-if="item.entrust_type==1" class="suatus color-buy fn-20 m-r-xs rounded">{{$t('exchange.b5')}}</div>
+      	          <div v-if="item.entrust_type==2" class="suatus color-sell fn-20 m-r-xs rounded">{{$t('exchange.b6')}}</div>
+      	          <div>
+      	            <div class="color-light fn-20">{{item.symbol}}</div>
+      	            <div class="fn-10">{{item.created_at}}</div>
+      	          </div>
+      	        </div>
+      	        <div class="d-flex">
+      	          <span>{{item.status_text}}</span>
+      	        </div>
+      	      </div>
+      	      <div class="p-x-md p-y-xs">
+      	        <div class="row d-flex m-y-xs justify-between">
+      	          <div class="label fn-sm">{{$t('exchange.b7')}}</div>
+      	          <div class="color-light">{{item.entrust_price}}</div>
+      	        </div>
+      	        <div class="row d-flex m-y-xs justify-between">
+      	          <div class="label fn-sm">{{$t('exchange.b8')}}</div>
+      	          <div class="color-light">
+      	            <template v-if="item.type==1">{{$t('exchange.b9')}}</template>
+      	            <template v-if="item.type==2">{{$t('exchange.c0')}}</template>
+      	          </div>
+      	        </div>
+      	        <div class="row d-flex m-y-xs justify-between">
+      	          <div class="label fn-sm">{{$t('exchange.c1')}}</div>
+      	          <div class="color-buy">{{item.traded_amount}}</div>
+      	        </div>
+      	        <div class="row d-flex m-y-xs justify-between">
+      	          <div class="label fn-sm">{{$t('exchange.c2')}}</div>
+      	          <div class="color-light">{{item.amount}}</div>
+      	        </div>
+      	        <div class="row d-flex m-y-xs justify-between">
+      	          <div class="label fn-sm">{{$t('exchange.g3')}}</div>
+      	          <div class="color-light">
+      	            <v-button type="red" class="rounded-xs" size="mini" @click="ifCancel(item)">{{$t('exchange.g4')}}</v-button>
+      	          </div>
+      	        </div>
+      	      </div>
+      	    </div>
+      	  </template>
+      	</v-paging>
+      	
+      	<v-paging class="layout-main" :key="2" :ajax="getHistoryEntrust" v-if="active==1" style="background-color: #121212;">
+      	    <template #box="list">
+      	      <not-data v-if="!$list(list).length"></not-data>
+      	      <div v-for="item in $list(list)" class="item bg-panel-4 m-md rounded-sm box-shadow" :key="item.order_no">
+      	        <div class="head d-flex align-center border-b p-x-md p-y-xs justify-between">
+      	          <div class="d-flex">
+      	            <div v-if="item.entrust_type==1" class="suatus color-buy fn-20 m-r-xs rounded">{{$t('exchange.b5')}}</div>
+      	            <div v-if="item.entrust_type==2" class="suatus color-sell fn-20 m-r-xs rounded">{{$t('exchange.b6')}}</div>
+      	            <div>
+      	              <div class="color-light fn-20">{{item.symbol}}</div>
+      	              <div class="fn-10">{{item.created_at}}</div>
+      	            </div>
+      	          </div>
+      	          <div>{{item.status_text}}</div>
+      	        </div>
+      	        <div class="p-x-md p-y-xs">
+      	          <div class="row d-flex m-y-xs justify-between">
+      	            <div class="label fn-sm">{{$t('exchange.b7')}}</div>
+      	            <div class="color-light">{{item.entrust_price}}</div>
+      	          </div>
+      	          <div class="row d-flex m-y-xs justify-between">
+      	            <div class="label fn-sm">{{$t('exchange.b8')}}</div>
+      	            <div class="color-light">
+      	              <template v-if="item.type==1">{{$t('exchange.b9')}}</template>
+      	              <template v-if="item.type==2">{{$t('exchange.c0')}}</template>
+      	            </div>
+      	          </div>
+      	          <div class="row d-flex m-y-xs justify-between">
+      	            <div class="label fn-sm">{{$t('exchange.c1')}}</div>
+      	            <div class="color-buy">{{item.traded_amount}}</div>
+      	          </div>
+      	          <div class="row d-flex m-y-xs justify-between">
+      	            <div class="label fn-sm">{{$t('exchange.e2')}}</div>
+      	            <div class="color-light">{{item.avg_price}}</div>
+      	          </div>
+      	      
+      	          <div class="row d-flex m-y-xs justify-between">
+      	            <div class="label fn-sm">{{$t('exchange.c2')}}</div>
+      	            <div class="color-light">{{item.amount}}</div>
+      	          </div>
+      	        </div>
+      	      </div>
+      	    </template>
+      	  </v-paging>
+      </view>
     </v-page>
 </template>
 <script>
diff --git a/pages/exchange/open-position.vue b/pages/exchange/open-position.vue
index ab2c1d8..cafc350 100644
--- a/pages/exchange/open-position.vue
+++ b/pages/exchange/open-position.vue
@@ -1,6 +1,6 @@
 <template>
-    <view>
-        <view class="d-flex p-x-md p-0 fa p-t-md justify-between align-center fn-18 bg-panel-3 color-light flex-wrap">
+    <view style="background-color: #121212;">
+        <view class="d-flex p-x-md p-0 fa p-t-md justify-between align-center fn-18 bg-panel-3 color-light flex-wrap" style="background-color: #000000;">
             <view class="w-max" style="height: var(--status-bar-height)"></view>
             <view @click="$emit('symbol')" class="d-flex align-center">
                 <i class="iconfont color-light fn-bold fn-18">&#xe655;</i>
@@ -311,7 +311,7 @@
                             :max="6"
                             :contract="1"
                         >
-                            <view class="fn-lg color-buy">{{ newPrice.price }}</view>
+                            <view class="fn-lg color-buy" style="color: #B94260;">{{ newPrice.price }}</view>
                         </sell-and-buy>
                     </view>
                 </view>
diff --git a/pages/exchange/sell-and-buy.vue b/pages/exchange/sell-and-buy.vue
index 52dafdd..ff6db19 100644
--- a/pages/exchange/sell-and-buy.vue
+++ b/pages/exchange/sell-and-buy.vue
@@ -2,8 +2,8 @@
   <div class="p-l-xs d-flex flex-col dep-list">
     <!-- 卖 -->
     <div class="d-flex justify-between fn-xs m-b-xs">
-      <span>{{$t('exchange.d2')}}</span>
-      <span>{{$t('exchange.c5')}}</span>
+      <span>{{$t('exchange.d2')}} <view>(USDT)</view></span>
+      <span>{{$t('exchange.c5')}}<view>(BTC)</view></span>
     </div>
     <div class=" overflow-scroll rotatebox" v-if="symbol!='GITP/USDT'">
       <div class="rotateZ">
@@ -13,20 +13,20 @@
           :key="idx"
           @click="$emit('price',item.price)"
           >
-            <span class="color-sell" v-if="item.price>100">{{omitTo(item.price,2)}}</span>
-            <span class="color-sell" v-if="item.price>1&&item.price<100">{{omitTo(item.price,4)}}</span>
-            <span class="color-sell" v-if="item.price<1">{{omitTo(item.price,6)}}</span>
-          <span class="p-r-xs">{{omitTo(item.amount,2)}}</span>
-          <div
+            <span style="color: #87354E;" v-if="item.price>100">{{omitTo(item.price,2)}}</span>
+            <span style="color: #87354E;" v-if="item.price>1&&item.price<100">{{omitTo(item.price,4)}}</span>
+            <span style="color: #87354E;" v-if="item.price<1">{{omitTo(item.price,6)}}</span>
+          <span class="p-r-xs" style="color: white;">{{omitTo(item.amount,2)}}</span>
+          <!-- <div
             class="proagess h-max bg-sell-transparent"
             :style="{width:getValue(item.amount)+'%'}"
           >
-          </div>
+          </div> -->
         </div>
       </div>
     </div>
     <div class="border-t border-b p-y-xs">
-        <slot/>
+        <slot />
     </div>
     <div class=" overflow-scroll">
       <div
@@ -35,11 +35,11 @@
         :key="idx"
         @click="$emit('price',item.price)"
         >
-            <span class="color-buy" v-if="item.price>100">{{omitTo(item.price,2)}}</span>
-            <span class="color-buy" v-if="item.price>1&&item.price<100">{{omitTo(item.price,4)}}</span>
-            <span class="color-buy" v-if="item.price<1">{{omitTo(item.price,6)}}</span>
-        <span class="p-r-xs">{{omitTo(item.amount,2)}}</span>
-        <div class="proagess h-max bg-buy-transparent" :style="{width:getValue(item.amount)+'%'}"></div>
+            <span style="color: #23643F;" v-if="item.price>100">{{omitTo(item.price,2)}}</span>
+            <span style="color: #23643F;" v-if="item.price>1&&item.price<100">{{omitTo(item.price,4)}}</span>
+            <span style="color: #23643F;" v-if="item.price<1">{{omitTo(item.price,6)}}</span>
+        <span class="p-r-xs" style="color: white;">{{omitTo(item.amount,2)}}</span>
+        <!-- <div class="proagess h-max bg-buy-transparent" :style="{width:getValue(item.amount)+'%'}"></div> -->
       </div>
     </div>
   </div>
diff --git a/pages/notice/index.vue b/pages/notice/index.vue
index 74c6cc8..7d48e18 100644
--- a/pages/notice/index.vue
+++ b/pages/notice/index.vue
@@ -1,6 +1,7 @@
 <template>
   <v-page>
     <v-header :title="$t('notice.a1')"></v-header>
+	<view style="background-color: #121212;height: 100%;">
      <view class="d-flex justify-center p-t-md">
       <view class="d-flex bg-form-panel-4 rounded-lg overflow-scroll">
         <view
@@ -48,6 +49,7 @@
         </view>
       </template>
     </v-paging>
+	</view>
   </v-page>
 </template>
 <script>
diff --git a/pages/safe/index.vue b/pages/safe/index.vue
index 52e4501..5a21bd8 100644
--- a/pages/safe/index.vue
+++ b/pages/safe/index.vue
@@ -1,69 +1,71 @@
 <template>
   <v-page>
     <v-header :title="$t('safe.c7')"></v-header>
-    <main class=" m-x-lg m-y-lg p-x-md bg-panel-3 rounded-md box-shadow">
-      <view class="list">
-        <!-- --------google------ -->
-        <!-- <v-link
-          tag="li"
-          to="/pages/safe/google"
-          class="item link-active d-flex p-x-md p-y-md align-center border-b"
-        >
-          <view class="flex-fill d-flex justify-between m-r-xs">
-            <view class="color-light">{{$t('safe.b9')}}</view>
-            <van-switch v-if="user.google_token" @click.native.stop @input="switchVer(3)" size="28rpx" :checked="user.google_status==1" />
-          </view>
-          <van-icon name="arrow" />
-        </v-link> -->
-        <!-- -------login---------- -->
-        <v-link
-          tag="li"
-          to="/pages/safe/login-password"
-          class="item link-active d-flex p-x-md p-y-md align-center border-b"
-        >
-          <view class="flex-fill d-flex justify-between m-r-xs">
-            <view class="color-light">{{$t('safe.c8')}}</view>
-          </view>
-          <van-icon name="arrow" />
-        </v-link>
-        <!-- ----------交易密码---------- -->
-        <!-- <v-link
-          tag="li"
-          to="/pages/safe/transaction-password"
-          class="item link-active d-flex p-x-md p-y-md align-center border-b"
-        >
-          <view class="flex-fill d-flex justify-between m-r-xs">
-            <view class="color-light">{{$t('safe.d1')}}</view>
-          </view>
-          <van-icon name="arrow" />
-        </v-link> -->
-        <!-- -----------邮箱--------- -->
-        <!-- <v-link
-          tag="li"
-          to="/pages/safe/email"
-          class="item link-active d-flex p-x-md p-y-md align-center border-b"
-        >
-          <view class="flex-fill d-flex justify-between m-r-xs">
-            <view class="color-light">{{$t('safe.a2')}}</view>
-            <van-switch v-if="user.email" @click.native.stop @input="switchVer(2)" size="28rpx" :checked="user.email_status==1" />
-          </view>
-          <van-icon name="arrow" />
-        </v-link> -->
-        <!-- ----------手机---------- -->
-        <!-- <v-link
-          tag="li"
-          to="/pages/safe/phone"
-          class="item link-active d-flex p-x-md p-y-md align-center border-b"
-        >
-          <view class="flex-fill d-flex justify-between m-r-xs">
-            <view class="color-light">{{$t('safe.d2')}}</view>
-            <van-switch v-if="user.phone" @click.native.stop @input="switchVer(1)" size="28rpx" :checked="user.phone_status==1" />
-          </view>
-          <van-icon name="arrow" />
-        </v-link> -->
-      </view>
-    </main>
-    <van-popup
+    <view style="background-color: #121212;height: 100%;">
+    	<main class=" m-x-lg m-y-lg p-x-md bg-panel-3 rounded-md box-shadow">
+    	  <view class="list">
+    	    <!-- --------google------ -->
+    	    <!-- <v-link
+    	      tag="li"
+    	      to="/pages/safe/google"
+    	      class="item link-active d-flex p-x-md p-y-md align-center border-b"
+    	    >
+    	      <view class="flex-fill d-flex justify-between m-r-xs">
+    	        <view class="color-light">{{$t('safe.b9')}}</view>
+    	        <van-switch v-if="user.google_token" @click.native.stop @input="switchVer(3)" size="28rpx" :checked="user.google_status==1" />
+    	      </view>
+    	      <van-icon name="arrow" />
+    	    </v-link> -->
+    	    <!-- -------login---------- -->
+    	   <v-link
+    	      tag="li"
+    	      to="/pages/safe/login-password"
+    	      class="item link-active d-flex p-x-md p-y-md align-center border-b"
+    	    >
+    	      <view class="flex-fill d-flex justify-between m-r-xs">
+    	        <view class="color-light">{{$t('safe.c8')}}</view>
+    	      </view>
+    	      <van-icon name="arrow" />
+    	    </v-link>
+    	    <!-- ----------交易密码---------- -->
+    	    <!-- <v-link
+    	      tag="li"
+    	      to="/pages/safe/transaction-password"
+    	      class="item link-active d-flex p-x-md p-y-md align-center border-b"
+    	    >
+    	      <view class="flex-fill d-flex justify-between m-r-xs">
+    	        <view class="color-light">{{$t('safe.d1')}}</view>
+    	      </view>
+    	      <van-icon name="arrow" />
+    	    </v-link> -->
+    	    <!-- -----------邮箱--------- -->
+    	    <!-- <v-link
+    	      tag="li"
+    	      to="/pages/safe/email"
+    	      class="item link-active d-flex p-x-md p-y-md align-center border-b"
+    	    >
+    	      <view class="flex-fill d-flex justify-between m-r-xs">
+    	        <view class="color-light">{{$t('safe.a2')}}</view>
+    	        <van-switch v-if="user.email" @click.native.stop @input="switchVer(2)" size="28rpx" :checked="user.email_status==1" />
+    	      </view>
+    	      <van-icon name="arrow" />
+    	    </v-link> -->
+    	    <!-- ----------手机---------- -->
+    	    <!-- <v-link
+    	      tag="li"
+    	      to="/pages/safe/phone"
+    	      class="item link-active d-flex p-x-md p-y-md align-center border-b"
+    	    >
+    	      <view class="flex-fill d-flex justify-between m-r-xs">
+    	        <view class="color-light">{{$t('safe.d2')}}</view>
+    	        <van-switch v-if="user.phone" @click.native.stop @input="switchVer(1)" size="28rpx" :checked="user.phone_status==1" />
+    	      </view>
+    	      <van-icon name="arrow" />
+    	    </v-link> -->
+    	  </view>
+    	</main>
+    </view>
+   <van-popup
       :show="switchShow"
        @close="switchShow=false"
       closeable
diff --git a/pages/service/service.vue b/pages/service/service.vue
index b70d54e..b7a8813 100644
--- a/pages/service/service.vue
+++ b/pages/service/service.vue
@@ -1,6 +1,7 @@
 <template>
   <v-page>
     <v-header :title="$t('notice.a0')"></v-header>
+	<view style="background-color: #121212;height: 100%;">
     <main class="layout-main p-md">
       <view class="top p-b-sm border-b">
         <view class="title fn-lg fn-center m-b-md color-light">{{detail.title}}</view>
@@ -9,6 +10,7 @@
       </view>
       <view class="edit-content m-t-md" v-html="detail.body"></view>
     </main>
+	</view>
   </v-page>
 </template>
 <script>
diff --git a/static/img/antOutline.png b/static/img/antOutline.png
new file mode 100644
index 0000000..501360a
Binary files /dev/null and b/static/img/antOutline.png differ