diff --git a/pages/base/home.vue b/pages/base/home.vue
index bf3d2fd..755e67f 100644
--- a/pages/base/home.vue
+++ b/pages/base/home.vue
@@ -11,7 +11,7 @@
 					</div> -->
 					<view class="d-flex align-center">
 						<!-- <van-icon class="fn-20" name="manager" color="white" @click="show=true" /> -->
-						<van-icon name="user-circle-o" class="fn-25 color-theme-1" @click="show=true" />
+						<van-icon name="user-circle-o" class="fn-25 color-theme-1" @click="show = true" />
 					</view>
 
 					<!-- <div class="nav-logo">
@@ -43,9 +43,9 @@
 					<!-- <img :src="$localImgUrl('Page6.png')" alt="" class="h-20 m-r-xs" /> -->
 					<span class="color-light">
 						<v-lang @change="
-				        marketList = [];
-				        indexData();
-				      "></v-lang>
+							marketList = [];
+						indexData();
+						"></v-lang>
 						<i class="iconfont m-l-xs fn-sm">&#xe6e9;</i>
 					</span>
 				</view>
@@ -76,15 +76,17 @@
                     </swiper-item>
                 </swiper> -->
 			<div class="swiper-imgbox" style="text-align: center;">
-				<img style="display: block;width: 60%;height: 14rem;margin: 0 auto;margin-top: 2rem;" src="../../assets/img/bg/weidengl.png" alt="" />
+				<img style="display: block;width: 60%;height: 14rem;margin: 0 auto;margin-top: 2rem;"
+					src="../../assets/img/bg/weidengl.png" alt="" />
 				<div style="color:#fff;font-size: 18px;margin-top: 1rem;">
-					{{$t("shou.a4")}}
+					{{ $t("shou.a4") }}
 				</div>
 				<div style="margin: 0.4rem 0;color: gray;font-size: 15px;">
-					{{$t("shou.a5")}}
+					{{ $t("shou.a5") }}
 				</div>
-				<div @click="sign_up()" style="color:#fff;width: 10rem;height: 2.5rem;background-color: #0B0FCC;line-height: 2.5rem;border-radius: 20px;margin: 0 auto;">
-					{{$t("shou.a6")}}
+				<div @click="sign_up()"
+					style="color:#fff;width: 10rem;height: 2.5rem;background-color: #0B0FCC;line-height: 2.5rem;border-radius: 20px;margin: 0 auto;">
+					{{ $t("shou.a6") }}
 				</div>
 			</div>
 
@@ -94,12 +96,14 @@
 					<div class="num-left">
 						<!-- <div class="num">{{$t("common.user")}}</div> -->
 						<div class="num">
-							<img src="../../assets/img/bg/USDT(2) Copy@2x.png" style="width: 24px;height: 24px;margin-right: 6px;vertical-align: bottom;" alt="">
-							BTC/USDT</div>
+							<img src="../../assets/img/bg/USDT(2) Copy@2x.png"
+								style="width: 24px;height: 24px;margin-right: 6px;vertical-align: bottom;" alt="">
+							BTC/USDT
+						</div>
 						<div class="num num2">0.032935</div>
 						<div class="title title2">≈0.032935 USD</div>
 						<div class="title title3">+0.12%</div>
-						
+
 						<!-- <div class="title">{{$t("common.user")}}</div>
 						<div class="num">5 {{$t("common.million")}}+</div> -->
 					</div>
@@ -112,8 +116,10 @@
 					<div class="num-right">
 						<!-- <div class="num">{{$t("common.user")}}</div> -->
 						<div class="num">
-							<img src="../../assets/img/bg/USDT(2) Copy@2x.png" style="width: 24px;height: 24px;margin-right: 6px;vertical-align: bottom;" alt="">
-							BTC/USDT</div>
+							<img src="../../assets/img/bg/USDT(2) Copy@2x.png"
+								style="width: 24px;height: 24px;margin-right: 6px;vertical-align: bottom;" alt="">
+							BTC/USDT
+						</div>
 						<div class="num num2">0.032935</div>
 						<div class="title title2">≈0.032935 USD</div>
 						<div class="title title3">+0.12%</div>
@@ -136,139 +142,167 @@
 				</div> -->
 			</div>
 
+			<div class="scqs-list" style="margin-top: 6rem;margin-left: 1rem;">
+				<div class="dzdzc-bottom-list-top">
+					<div class="dzdzc-bottom-list-title" style="font-size: 24px;">
+						{{ $t("shou.a8") }}
+					</div>
+					<div class="dzdzc-bottom-list-text" style="font-size: 16px;color: gray;">
+						{{ $t("shou.a7") }}
+					</div>
+
+				</div>
+
+				<div class="scqs-list-li" style="margin-top: 1rem;">
+					<div class="scqs-list-li-top" style="display: flex;justify-content: space-between;color: gray;">
+						<div style="width: 40%;">币种</div>
+						<div style="width: 25%;">最新价(USD)</div>
+						<div style="width: 25%;">24小时涨幅</div>
+					</div>
+					<div class="scqs-list-li-content" v-for="item in indexList" :key="item.id" style="display: flex;justify-content: space-between;">
+						<div style="width: 40%;">
+							<img src="item.coin_icon" alt="">
+							{{ item.coin_name}}</div>
+						<div style="width: 25%;">最新价(USD)</div>
+						<div style="width: 25%;">24小时涨幅</div>
+					</div>
+				</div>
+
+			</div>
+
 			<div class="dzdzc-img">
-					<div class="dzdzc-img-top">
-						<div class="dzdzc-img-top-title">
-							{{$t("shou.a21")}}
-						</div>
-						<div class="dzdzc-img-top-text">
-							{{$t("shou.a22")}}
-						</div>
+				<div class="dzdzc-img-top">
+					<div class="dzdzc-img-top-title">
+						{{ $t("shou.a21") }}
+					</div>
+					<div class="dzdzc-img-top-text">
+						{{ $t("shou.a22") }}
+					</div>
 
+				</div>
+				<div class="dzdzc-img-bottom">
+					<div class="dzdzc-img-bottom-title">
+						{{ $t("shou.a23") }}
 					</div>
-					<div class="dzdzc-img-bottom">
-						<div class="dzdzc-img-bottom-title">
-							{{$t("shou.a23")}}
+					<div class="dzdzc-img-bottom-btn">
+						<div class="btn">
+							<!-- APP Store -->
+
 						</div>
-						<div class="dzdzc-img-bottom-btn">
-							<div class="btn">
-								<!-- APP Store -->
-
-							</div>
-							<div class="btn btn2">
-								<!-- Android APK -->
-                                <!-- <a href="https://itunes.apple.com/cn/app/id477927812"></a> -->
-							</div>
+						<div class="btn btn2">
+							<!-- Android APK -->
+							<!-- <a href="https://itunes.apple.com/cn/app/id477927812"></a> -->
 						</div>
+					</div>
 
-	              </div>
+				</div>
 
 
 			</div>
 
 			<div class="dzdzc-bottom-list">
 				<div class="dzdzc-bottom-list-top">
-						<div class="dzdzc-bottom-list-title">
-							{{$t("shou.a28")}}
-						</div>
-						<div class="dzdzc-bottom-list-text">
-							{{$t("shou.a29")}}
-						</div>
-
+					<div class="dzdzc-bottom-list-title">
+						{{ $t("shou.a28") }}
 					</div>
+					<div class="dzdzc-bottom-list-text">
+						{{ $t("shou.a29") }}
+					</div>
+
+				</div>
 
-					<div class="dzdzc-bottom-lists">
-						<div class="dzdzc-bottom-lists-text">
-							<div class="dzdzc-bottom-lists-text-title">
-								{{$t("shou.a30")}}
+				<div class="dzdzc-bottom-lists">
+					<div class="dzdzc-bottom-lists-text">
+						<div class="dzdzc-bottom-lists-text-title">
+							{{ $t("shou.a30") }}
 
-                        </div>
+						</div>
 						<div class="dzdzc-bottom-lists-text-t">
-							{{$t("shou.a31")}}
-
-                        </div>
+							{{ $t("shou.a31") }}
 
 						</div>
 
 					</div>
 
-					<div class="dzdzc-bottom-lists">
-						<div class="dzdzc-bottom-lists-text">
-							<div class="dzdzc-bottom-lists-text-title">
-								{{$t("shou.a32")}}
+				</div>
+
+				<div class="dzdzc-bottom-lists">
+					<div class="dzdzc-bottom-lists-text">
+						<div class="dzdzc-bottom-lists-text-title">
+							{{ $t("shou.a32") }}
 
-                        </div>
+						</div>
 						<div class="dzdzc-bottom-lists-text-t">
-							{{$t("shou.a33")}}
-
-                        </div>
+							{{ $t("shou.a33") }}
 
 						</div>
 
 					</div>
 
-					<div class="dzdzc-bottom-lists">
-						<div class="dzdzc-bottom-lists-text">
-							<div class="dzdzc-bottom-lists-text-title">
-								{{$t("shou.a34")}}
+				</div>
+
+				<div class="dzdzc-bottom-lists">
+					<div class="dzdzc-bottom-lists-text">
+						<div class="dzdzc-bottom-lists-text-title">
+							{{ $t("shou.a34") }}
 
-                        </div>
+						</div>
 						<div class="dzdzc-bottom-lists-text-t">
-							{{$t("shou.a35")}}
-
-                        </div>
+							{{ $t("shou.a35") }}
 
 						</div>
 
 					</div>
 
-					<div class="dzdzc-bottom-lists">
-						<div class="dzdzc-bottom-lists-text">
-							<div class="dzdzc-bottom-lists-text-title">
-								{{$t("shou.a36")}}
+				</div>
+
+				<div class="dzdzc-bottom-lists">
+					<div class="dzdzc-bottom-lists-text">
+						<div class="dzdzc-bottom-lists-text-title">
+							{{ $t("shou.a36") }}
 
-                        </div>
+						</div>
 						<div class="dzdzc-bottom-lists-text-t">
-							{{$t("shou.a37")}}
-
-                        </div>
+							{{ $t("shou.a37") }}
 
 						</div>
 
 					</div>
+
+				</div>
 			</div>
 
 			<div class="dzdzc-bottom-list">
 				<div class="dzdzc-bottom-list-top">
-						<div class="dzdzc-bottom-list-title">
-							{{$t("shou.a38")}}
-						</div>
-						<div class="dzdzc-bottom-list-text">
-							{{$t("shou.a39")}}
-						</div>
-
+					<div class="dzdzc-bottom-list-title">
+						{{ $t("shou.a38") }}
 					</div>
-
-					<div class="dzdzc-bottom-lists">
-						
+					<div class="dzdzc-bottom-list-text">
+						{{ $t("shou.a39") }}
 					</div>
 
-					<div class="dzdzc-bottom-lists">
-						
-					</div>
+				</div>
 
-					<div class="dzdzc-bottom-lists">
-						
-					</div>
+				<div class="dzdzc-bottom-lists">
+
+				</div>
+
+				<div class="dzdzc-bottom-lists">
+
+				</div>
+
+				<div class="dzdzc-bottom-lists">
+
+				</div>
 			</div>
 
 			<div class="ljzqsy-box">
 				<div class="ljzqsy-box-content">
 					<div class="ljzqsy-box-content-title">
-						{{$t("shou.a40")}}
+						{{ $t("shou.a40") }}
 					</div>
 					<div @click="login_in()" class="ljzqsy-box-content-btn">
-						{{$t("shou.a41")}}
+						{{ $t("shou.a41") }}
 					</div>
 				</div>
 
@@ -608,20 +642,20 @@
 
 			<!-- bottom section -->
 			<!-- <div class="footer"> -->
-				<!-- <div class="footer-info-logo">
+			<!-- <div class="footer-info-logo">
 					<img src="../../assets/img/banner-logo.png" alt="" />
 				</div> -->
-				<!-- <div class="footer-info-list d-flex"> -->
-				<!-- service -->
-				<!-- <div class="footer-info-service">
+			<!-- <div class="footer-info-list d-flex"> -->
+			<!-- service -->
+			<!-- <div class="footer-info-service">
 						<h4>{{ $t("common.service") }}</h4>
 						<ul> -->
-				<!-- <li v-for="item in college" :key="item.id">
+			<!-- <li v-for="item in college" :key="item.id">
 								<router-link :to="item.url">{{
                             item.name
                         }}</router-link>
 							</li> -->
-				<!-- <li>
+			<!-- <li>
 								<v-link to="/pages/list/list?isSearch=1" class="">{{$t("common.User protocol")}}
 								</v-link>
 
@@ -641,17 +675,17 @@
 						</ul>
 					</div> -->
 
-				<!-- <div class="footer-info-college">
+			<!-- <div class="footer-info-college">
 						<h4>{{ $t("base.a7") }}</h4>
 						<ul>
 							<li v-for="item in college" :key="item.id"> -->
-				<!-- <router-link :to="item.url">{{
+			<!-- <router-link :to="item.url">{{
                             item.name
                         }}</router-link> -->
-				<!-- <v-link to="item.url" class="">{{$t(`common.${item.name}`)}}
+			<!-- <v-link to="item.url" class="">{{$t(`common.${item.name}`)}}
 								</v-link>
 							</li> -->
-				<!-- <li>
+			<!-- <li>
                                 <v-link
                                     to="/pages/list/list?isSearch=1"
                                     class=""
@@ -679,12 +713,12 @@
                                     >Market dynamics
                                 </v-link>
                             </li> -->
-				<!-- 	</ul>
+			<!-- 	</ul>
 					</div>
 				</div> -->
 
-				<!-- lang change -->
-				<!-- <div class="footer-lang d-flex">
+			<!-- lang change -->
+			<!-- <div class="footer-lang d-flex">
                     <div class="footer-lang-type">English</div>
                     <div class="footer-lang-btn">
                         <img src="../../assets/img/icon/langdown.svg" alt="" />
@@ -693,16 +727,16 @@
 
 
 
-				<!-- <view class="footer-lang per-bot p-y-md p-x-sm d-flex align-center" style="color: #fff;"> -->
-				<!-- <img :src="$localImgUrl('Page6.png')" alt="" class="h-20 m-r-xs" /> -->
-				<!-- <span class="color-light">
+			<!-- <view class="footer-lang per-bot p-y-md p-x-sm d-flex align-center" style="color: #fff;"> -->
+			<!-- <img :src="$localImgUrl('Page6.png')" alt="" class="h-20 m-r-xs" /> -->
+			<!-- <span class="color-light">
 						<v-lang></v-lang>
 						<i class="iconfont m-l-xs fn-sm">&#xe6e9;</i>
 					</span>
 				</view> -->
 
-				<!-- 版权 -->
-				<!-- <div class="footer_rights" >
+			<!-- 版权 -->
+			<!-- <div class="footer_rights" >
 					{{$t("common.Rights")}}.
 				</div> -->
 			<!-- </div> -->
@@ -750,7 +784,8 @@
 							<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-md m-y-md fn-center">
+							<v-link to="/pages/login/index"
+								class="color-theme-1 goLogin rounded m-t-xs fn-md m-y-md fn-center">
 								{{ $t("first.b1") }}
 							</v-link>
 						</view>
@@ -761,12 +796,12 @@
 					</v-link> -->
 				</view>
 			</view>
-<!--			<v-link :to="detail.status!=2?'/pages/auth/index':''" tag="div"-->
-			<v-link :to="detail.status!=2?'/pages/auth/index':'/pages/auth/index'" tag="div"
+			<!--			<v-link :to="detail.status!=2?'/pages/auth/index':''" tag="div"-->
+			<v-link :to="detail.status != 2 ? '/pages/auth/index' : '/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>
+					<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> -->
@@ -821,8 +856,7 @@
 					</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">
+				<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>
@@ -857,7 +891,7 @@
 					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>
+						<span class="color-light">{{ $t('first.a1') }}</span>
 					</view>
 					<van-icon name="arrow" class="fn-18" />
 				</v-link>
@@ -891,893 +925,778 @@
 </template>
 
 <script>
-	import College from "@/api/college"
-	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 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,
-			},
+import College from "@/api/college"
+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 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,
 		},
-		data() {
-			return {
-				college: [],
-				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,
-			}
+		refresherEnabled: {
+			default: true,
+			required: false,
+			type: Boolean,
 		},
-		computed: {
-			...mapState({
-				ws: "ws",
-				ws1: "ws1",
-				user: "user",
-				wsState: "wsState",
-				logoMap: "logoMap",
-				theme: "theme",
-			}),
-			isLogin() {
-				return Boolean(uni.getStorageSync("token"))
-			},
+		tabChange: {
+			type: Function,
+			default: null,
 		},
-		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",
-					})
-				}
+	},
+	data() {
+		return {
+			college: [],
+			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,
+		}
+	},
+	computed: {
+		...mapState({
+			ws: "ws",
+			ws1: "ws1",
+			user: "user",
+			wsState: "wsState",
+			logoMap: "logoMap",
+			theme: "theme",
+		}),
+		isLogin() {
+			return Boolean(uni.getStorageSync("token"))
 		},
-		methods: {
-			//获取学院分类列表
-			getCollegeList() {
-				College.getCategoryList().then(res => {
-					this.college = res.data
-					console.log(res.data);
-				})
-			},
-			goMine() {
-				this.show = false
-				this.tabChange("mine")
-			},
-			...mapActions({
-				setTheme: "setTheme",
-			}),
-			setQuery: qs.stringify,
-			omitTo: math.omitTo,
-			onRefresh() {
+	},
+	watch: {
+		isShow(n) {
+			if (n) {
 				this.indexData()
-				if (this.refreshing) return
-				this.refreshing = true
-				setTimeout(() => {
-					this.refreshing = false
-				}, 1000)
-			},
-			scroll(event) {
-				this.scrollTop = event.detail.scrollTop
-			},
-			// 获取汇率
-			getCurrencyExCny() {
-				Exchange.getCurrencyExCny({
-					coin_name: "USDT",
-				}).then((res) => {
-					this.price_cny = res.data.price_cny
-				})
-			},
-			changtTheme() {
-				if (this.theme == "dark") {
-					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: [],
+				this.ws.send({
+					cmd: "sub",
+					msg: "indexMarketList",
 				})
-			},
-			// 获取自选交易列表
-			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)
-						}
-					})
+				this.ws1.send({
+					cmd: "sub",
+					msg: "swapMarketList",
 				})
-			},
-			// 添加自选
-			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 = []
+			} else {
 				this.ws.send({
-					cmd: "sub",
+					cmd: "unsub",
 					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()
+				this.ws1.send({
+					cmd: "unsub",
+					msg: "swapMarketList",
+				})
+			}
+		},
+	},
+	methods: {
+		//获取学院分类列表
+		getCollegeList() {
+			College.getCategoryList().then(res => {
+				this.college = res.data
+				console.log(res.data);
+			})
+		},
+		goMine() {
+			this.show = false
+			this.tabChange("mine")
+		},
+		...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
+		},
+		// 获取汇率
+		getCurrencyExCny() {
+			Exchange.getCurrencyExCny({
+				coin_name: "USDT",
+			}).then((res) => {
+				this.price_cny = res.data.price_cny
+			})
+		},
+		changtTheme() {
+			if (this.theme == "dark") {
+				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
+			})
+			console.log(ajax);
+			ajax.then((res) => {
+				this.home = res.data.bannerList
+				this.notice = res.data.noticeList
+				this.indexList = res.data.brokenLine
+				console.log(this.indexList);
+				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)
 					}
 				})
-				let msg = "swapMarketList"
-				this.ws1.send({
-					cmd: "sub",
-					msg: msg,
+			})
+		},
+		// 添加自选
+		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"))
+					}
 				})
-				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,
+				.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,
 							}
-							// 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",
+					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,
 						}
-						Member.logout(data, {
-								toast: true
-							})
-							.then(() => {
-								this.outLogin()
-							})
-							.catch(() => {})
+						// 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)
 					})
-					.catch(() => {})
-			},
-			// 切换用户
-			outLogin() {
-				uni.removeStorageSync("token")
-				this._router.replace({
-					path: "/pages/login/index",
-					query: {
-						notLogin: 1,
-						from: "/pages/accountSettings/accountSettings",
-					},
+				}
+			})
+		},
+		// 创建充币地址
+		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"),
 				})
-			},
-			copy(data) {
-				handleClipboard(
-					data,
-					event,
-					() => {
-						uni.showToast({
-							icon: "success",
-							title: this.$t("common.a1"),
-						})
-					},
-					() => {
-						uni.showToast({
-							icon: "none",
-							title: this.$t("common.a2"),
-						})
+				.then(() => {
+					let data = {
+						lang: uni.getStorageSync("language") || "zh-CN",
 					}
-				)
-			},
-			getAuthInfo() {
-				Profile.getAuthInfo().then((res) => {
-					this.detail = res.data
+					Member.logout(data, {
+						toast: true
+					})
+						.then(() => {
+							this.outLogin()
+						})
+						.catch(() => { })
 				})
-			},
-			sign_up() {
-				this.$router.push({path:'/pages/reg/index'})
-
-			},
-			login_in() {
-				this.$router.push({path:'/pages/login/index'})
-
-			}
+				.catch(() => { })
 		},
-		mounted() {
-			this.getCollegeList()
-			this.onRefresh()
-			this.indexData()
-			this.indexMarketList()
-			this.getCurrencyExCny()
-			if (this.isLogin) {
-				this.createWalletAddress()
-				this.getAuthInfo()
-			}
+		// 切换用户
+		outLogin() {
+			uni.removeStorageSync("token")
+			this._router.replace({
+				path: "/pages/login/index",
+				query: {
+					notLogin: 1,
+					from: "/pages/accountSettings/accountSettings",
+				},
+			})
 		},
-		destroyed() {},
-	}
-</script>
-<style lang="scss" scoped>
-	// .colbg {
-	//   background-color: $bg;
-	// }
-	* {
-		box-sizing: border-box;
-	}
-
-	.nav_bar {
-		width: 100%;
-		height: 50px;
-		background-color: #000;
+		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
+			})
+		},
+		sign_up() {
+			this.$router.push({ path: '/pages/reg/index' })
 
-		.nav-left {
-			width: 210px;
-			height: 40px;
-			align-items: center;
-			justify-content: space-between;
+		},
+		login_in() {
+			this.$router.push({ path: '/pages/login/index' })
 
-			.nav-menu {
-				width: 24px;
-				height: 24px;
-				margin-right: 10px;
+		}
+	},
+	mounted() {
+		this.getCollegeList()
+		this.onRefresh()
+		this.indexData()
+		this.indexMarketList()
+		this.getCurrencyExCny()
+		if (this.isLogin) {
+			this.createWalletAddress()
+			this.getAuthInfo()
+		}
+	},
+	destroyed() { },
+}
+</script>
+<style lang="scss" scoped>
+// .colbg {
+//   background-color: $bg;
+// }
+* {
+	box-sizing: border-box;
+}
+
+.nav_bar {
+	width: 100%;
+	height: 50px;
+	background-color: #000;
+
+	.nav-left {
+		width: 210px;
+		height: 40px;
+		align-items: center;
+		justify-content: space-between;
+
+		.nav-menu {
+			width: 24px;
+			height: 24px;
+			margin-right: 10px;
 
-				img {
-					width: 100%;
-					height: 100%;
-				}
+			img {
+				width: 100%;
+				height: 100%;
+			}
 
 
-			}
+		}
 
-			.nav-logo {
-				width: 120px;
-				height: 30px;
+		.nav-logo {
+			width: 120px;
+			height: 30px;
 
-				img {
-					width: 100%;
-					height: 100%;
-				}
+			img {
+				width: 100%;
+				height: 100%;
 			}
-
-			.nav_manager {}
 		}
 
-		.nav_lang {
+		.nav_manager {}
+	}
 
-			span {
-				color: #fff;
+	.nav_lang {
 
-				.lang_text {
-					font-size: 16px;
+		span {
+			color: #fff;
 
+			.lang_text {
+				font-size: 16px;
 
-				}
 
 			}
-		}
 
+		}
 	}
 
-	.layout-main {
-		background-color: #000;
+}
+
+.layout-main {
+	background-color: #000;
+	width: 100%;
+
+	.swiper-imgbox {
 		width: 100%;
+		height: 350px
+			/* 450px -> 60vw */
+		;
 
-		.swiper-imgbox {
+		img {
 			width: 100%;
-			height: 350px
-				/* 450px -> 60vw */
-			;
+			height: 450px;
+		}
+	}
 
-			img {
-				width: 100%;
-				height: 450px;
-			}
+	// num-count
+	.num-count {
+		width: 100%;
+		height: 100px;
+		/* 400px -> 10.6667rem */
+		;
+		padding: 2.6667rem
+			/* 100px -> 2.6667rem */
+			0;
+
+		.num-top {
+			justify-content: space-around;
 		}
 
-		// num-count
-		.num-count {
-			width: 100%;
-			height: 100px;
-			/* 400px -> 10.6667rem */
+		.num-bottom {
+			justify-content: space-around;
+			padding-top: 2.1333rem
+				/* 80px -> 2.1333rem */
 			;
-			padding: 2.6667rem
-				/* 100px -> 2.6667rem */
-				0;
+		}
 
-			.num-top {
-				justify-content: space-around;
-			}
+		.num-left {}
 
-			.num-bottom {
-				justify-content: space-around;
-				padding-top: 2.1333rem
-					/* 80px -> 2.1333rem */
-				;
+		.num-top,
+		.num-bottom {
+			.num {
+				font-size: 18px;
+				// color: rgba(50, 105, 235, 1);
+				color: white;
+				margin-bottom: 10px;
 			}
 
-			.num-left {}
-
-			.num-top,
-			.num-bottom {
-				.num {
-					font-size: 18px;
-					// color: rgba(50, 105, 235, 1);
-					color: white;
-					margin-bottom: 10px;
-				}
-				.num2 {
-					font-size: 20px;
-					// color: rgba(50, 105, 235, 1);
-					color: white;
-					margin-bottom: 10px;
-				}
-
-				.title {
-					color: #fff;
-					font-size: 14px;
-				}
-				.title2 {
-					color: gray;
-					font-size: 14px;
-				}
-				.title3 {
-					color: #4EAA83;
-					font-size: 14px;
-				}
+			.num2 {
+				font-size: 20px;
+				// color: rgba(50, 105, 235, 1);
+				color: white;
+				margin-bottom: 10px;
 			}
-		}
 
-		.dzdzc-img {
-			margin-top: 80px;
-			width: 100%;
-			height: 100%;
-			background-image: url('../../assets/img/bg/app.png');
-			background-size: 100% 100%;
-			background-position: 100% 100%;
-			background-repeat: no-repeat;
-			position: relative;
-			.dzdzc-img-top {
-				padding: 2rem 0 0 1rem;
+			.title {
 				color: #fff;
-				.dzdzc-img-top-title {
-					font-size: 24px;
-					font-weight: bold;
-				}
-				.dzdzc-img-top-text {
-					font-size: 16px;
-					margin-top: 0.5rem;
-				}
-
+				font-size: 14px;
 			}
 
-			.dzdzc-img-bottom {
-				width: 100%;
-				position: absolute;
-				bottom: 2rem;
-				left: 1rem;
-				padding-right: 2rem;
-				.dzdzc-img-bottom-title {
-					color: #fff;
-					font-size: 16px;
-					font-weight: bold;
+			.title2 {
+				color: gray;
+				font-size: 14px;
+			}
 
-				}
-
-				.dzdzc-img-bottom-btn {
-					display: flex;
-					justify-content: space-between;
-					margin-top: 1.2rem;
-					color: #fff;
-					.btn {
-						width: 10rem;
-						height: 3.1rem;
-						padding: 0.5rem 1.3rem;
-						// border: 1px solid #fff;
-						border-radius: 20px;
-						background-image: url('../../assets/img/bg/mac.png');
-						background-size: 100% 100%;
-						background-repeat: no-repeat;
-					}
-					.btn2 {				
-						background-image: url('../../assets/img/bg/and.png');
-					}
-				}
+			.title3 {
+				color: #4EAA83;
+				font-size: 14px;
 			}
-
 		}
+	}
 
-		.dzdzc-bottom-list {
-			padding: 2rem 1rem;
-			.dzdzc-bottom-list-top {
-				.dzdzc-bottom-list-title {
-					font-size: 28px;
-					font-weight: bold;
-					color: #fff;
+	.dzdzc-img {
+		margin-top: 80px;
+		width: 100%;
+		height: 100%;
+		background-image: url('../../assets/img/bg/app.png');
+		background-size: 100% 100%;
+		background-position: 100% 100%;
+		background-repeat: no-repeat;
+		position: relative;
 
-				}
-				.dzdzc-bottom-list-text {
-					margin-top: 0.6rem;
+		.dzdzc-img-top {
+			padding: 2rem 0 0 1rem;
+			color: #fff;
 
-				}
+			.dzdzc-img-top-title {
+				font-size: 24px;
+				font-weight: bold;
 			}
 
-			.dzdzc-bottom-lists {
-
-				width: 100%;
-				height: 170px;
-				margin-top: 1rem;
-				background-image: url('../../assets/img/bg/1.png');
-				background-size: 100% 100%;
-				background-repeat: no-repeat;
-				.dzdzc-bottom-lists-text {
-					width: 70%;
-					padding-top: 0.9rem;
-					margin-left: 1rem;
-					
-					.dzdzc-bottom-lists-text-title {
-						font-size: 18px;
-						color: #fff;
+			.dzdzc-img-top-text {
+				font-size: 16px;
+				margin-top: 0.5rem;
+			}
 
-					}
-					.dzdzc-bottom-lists-text-t {
-						font-size: 15px;
-						color: gray;
-						margin-top: 0.5rem;
+		}
 
-					}
+		.dzdzc-img-bottom {
+			width: 100%;
+			position: absolute;
+			bottom: 2rem;
+			left: 1rem;
+			padding-right: 2rem;
 
-				}
+			.dzdzc-img-bottom-title {
+				color: #fff;
+				font-size: 16px;
+				font-weight: bold;
 
 			}
 
-		}
-
-		.ljzqsy-box {
-			text-align: center;
-			.ljzqsy-box-content {
-				.ljzqsy-box-content-title {
-					font-size: 26px;
-					color: #fff;
+			.dzdzc-img-bottom-btn {
+				display: flex;
+				justify-content: space-between;
+				margin-top: 1.2rem;
+				color: #fff;
 
+				.btn {
+					width: 10rem;
+					height: 3.1rem;
+					padding: 0.5rem 1.3rem;
+					// border: 1px solid #fff;
+					border-radius: 20px;
+					background-image: url('../../assets/img/bg/mac.png');
+					background-size: 100% 100%;
+					background-repeat: no-repeat;
 				}
-				.ljzqsy-box-content-btn {
-					width: 7rem;
-					height: 3rem;
-					line-height: 3rem;
-					background-color: #0B0FCC;
-					margin: 0 auto;
-					margin-top: 1rem;
-					margin-bottom: 2rem;
-					border-radius: 8px;
-					color: #fff;
-					// text-align: center;
 
+				.btn2 {
+					background-image: url('../../assets/img/bg/and.png');
 				}
-
 			}
-
 		}
 
-		//section-choose
-		.section-choose {
-			margin: 0 auto;
-			height: 360px;
+	}
 
-			.section-choose-title {
-				font-size: 24px;
-				color: #fff;
-				line-height: 2.1333rem
-					/* 80px -> 2.1333rem */
-				;
-				text-align: center;
-			}
+	.dzdzc-bottom-list {
+		padding: 2rem 1rem;
 
-			.section-choose-img {
-				margin: 0 auto;
-				width: 300px;
-				height: 300px
-					/* 300px -> 8rem */
-				;
+		.dzdzc-bottom-list-top {
+			.dzdzc-bottom-list-title {
+				font-size: 28px;
+				font-weight: bold;
+				color: #fff;
 
-				img {
-					width: 100%;
-				}
 			}
 
-			.section-choose-text {
-				width: 360px;
-				height: 127px;
-				margin: 20px 0;
-				line-height: 28px;
-				font-size: 20px;
-				color: #fff;
-				text-align: left;
-				padding: 0 3px 0 12px;
+			.dzdzc-bottom-list-text {
+				margin-top: 0.6rem;
+
 			}
 		}
 
-		//section-help
-		.section-help {
-			height: 274px;
-			color: rgba(255, 255, 255, 1);
-			padding: 0 1.3333rem
-				/* 50px -> 1.3333rem */
-			;
+		.dzdzc-bottom-lists {
 
-			.section-help-name {
-				display: flex;
-				align-items: center;
+			width: 100%;
+			height: 170px;
+			margin-top: 1rem;
+			background-image: url('../../assets/img/bg/1.png');
+			background-size: 100% 100%;
+			background-repeat: no-repeat;
 
-				.section-help-name_icon {
-					width: 24px;
-					height: 24px;
-					margin-right: 0.48rem
-						/* 18px -> .48rem */
-					;
-
-					img {
-						width: 100%;
-						height: 100%;
-					}
-				}
+			.dzdzc-bottom-lists-text {
+				width: 70%;
+				padding-top: 0.9rem;
+				margin-left: 1rem;
 
-				.section-help-name_title {
+				.dzdzc-bottom-lists-text-title {
 					font-size: 18px;
-				}
-			}
+					color: #fff;
 
-			.section-help-text {
-				width: 100%;
-				font-size: 14px;
-				color: rgba(255, 255, 255, 0.8);
-				margin: 0.8rem
-					/* 30px -> .8rem */
-					0;
-				line-height: 2.1333rem
-					/* 80px -> 2.1333rem */
-				;
-			}
-		}
+				}
 
-		//technology
-		.technology {
-			.section-choose {
-				.section-choose-img {
-					width: 329px;
-					height: 280px;
+				.dzdzc-bottom-lists-text-t {
+					font-size: 15px;
+					color: gray;
+					margin-top: 0.5rem;
 
-					img {
-						width: 100%;
-						height: 100%;
-					}
 				}
 
-				.technology-text {
-					width: 356px;
-					height: 358px;
-					line-height: 28px;
-					font-size: 20px;
-					color: rgba(255, 255, 255, 0.8);
-				}
 			}
-		}
 
-		// beginner-guide
-		.beginner {
-			margin-bottom: 80px;
+		}
 
-			.section-choose {
-				.section-choose-img {
-					width: 350px;
-					height: 303px;
+	}
 
-					img {
-						width: 100%;
-						height: 100%;
-					}
-				}
-			}
+	.ljzqsy-box {
+		text-align: center;
 
-			.section-help {
-				margin-top: 50px;
+		.ljzqsy-box-content {
+			.ljzqsy-box-content-title {
+				font-size: 26px;
+				color: #fff;
 
-				.section-help-name {
-					.section-help-name_icon {
-						width: 60px;
-						height: 60px;
-					}
+			}
 
-					.section-help-name_title {
-						font-size: 20px;
-					}
-				}
+			.ljzqsy-box-content-btn {
+				width: 7rem;
+				height: 3rem;
+				line-height: 3rem;
+				background-color: #0B0FCC;
+				margin: 0 auto;
+				margin-top: 1rem;
+				margin-bottom: 2rem;
+				border-radius: 8px;
+				color: #fff;
+				// text-align: center;
 
-				.section-help-text {
-					font-size: 18px;
-				}
 			}
+
 		}
 
-		//login and register
-		.log-group {
-			width: 100%;
-			height: 114px;
-			margin: 20px auto 0;
-			justify-content: space-around;
-			align-items: center;
+	}
 
-			.log_type {
-				width: 160px;
-				height: 44px;
-				border-radius: 9999px;
-				color: rgba(255, 255, 255, 1);
-				font-size: 18px;
-				text-align: center;
-				line-height: 44px;
-			}
+	//section-choose
+	.section-choose {
+		margin: 0 auto;
+		height: 360px;
 
-			.log-in {
-				background-color: rgba(84, 164, 80, 1);
-			}
+		.section-choose-title {
+			font-size: 24px;
+			color: #fff;
+			line-height: 2.1333rem
+				/* 80px -> 2.1333rem */
+			;
+			text-align: center;
+		}
 
-			.register {
-				background-color: rgba(50, 105, 235, 1);
+		.section-choose-img {
+			margin: 0 auto;
+			width: 300px;
+			height: 300px
+				/* 300px -> 8rem */
+			;
+
+			img {
+				width: 100%;
 			}
 		}
 
-		//app download
-		.download {
-			background: url(../../assets/img/bg/5.png) no-repeat;
-			background-size: 100% 100%;
-
-			.section-choose {
-				width: 339px;
-				height: 352px;
-				text-align: center;
+		.section-choose-text {
+			width: 360px;
+			height: 127px;
+			margin: 20px 0;
+			line-height: 28px;
+			font-size: 20px;
+			color: #fff;
+			text-align: left;
+			padding: 0 3px 0 12px;
+		}
+	}
 
-				.section-choose-img {
-					width: 141px;
-					height: 291px;
-					margin-right: 13px;
+	//section-help
+	.section-help {
+		height: 274px;
+		color: rgba(255, 255, 255, 1);
+		padding: 0 1.3333rem
+			/* 50px -> 1.3333rem */
+		;
 
-					img {
-						width: 141px;
-						height: 291px;
-					}
-				}
+		.section-help-name {
+			display: flex;
+			align-items: center;
 
-				.download-content {
-					margin-top: 40px;
-					justify-content: space-around;
-					padding: 0 12px;
+			.section-help-name_icon {
+				width: 24px;
+				height: 24px;
+				margin-right: 0.48rem
+					/* 18px -> .48rem */
+				;
 
-					.section-choose-text {
-						font-size: 20px;
-						line-height: 28px;
-					}
+				img {
+					width: 100%;
+					height: 100%;
 				}
 			}
 
-			.download-group {
-				margin: 50px 0;
-
-				.download_type {
-					background-color: #fff;
-					color: rgba(16, 16, 16, 1);
-				}
+			.section-help-name_title {
+				font-size: 18px;
 			}
 		}
 
-		.footer {
+		.section-help-text {
 			width: 100%;
-			border-top: 1px solid rgba(33,33,33,1);
-
-			.footer-info-logo {
-				margin: 40px auto;
-				width: 203px;
-				height: 50px;
+			font-size: 14px;
+			color: rgba(255, 255, 255, 0.8);
+			margin: 0.8rem
+				/* 30px -> .8rem */
+				0;
+			line-height: 2.1333rem
+				/* 80px -> 2.1333rem */
+			;
+		}
+	}
 
+	//technology
+	.technology {
+		.section-choose {
+			.section-choose-img {
+				width: 329px;
+				height: 280px;
 
 				img {
 					width: 100%;
@@ -1785,402 +1704,534 @@
 				}
 			}
 
-			.footer-info-list {
-				padding: 0 14px;
-				justify-content: center;
-				align-items: center;
+			.technology-text {
+				width: 356px;
+				height: 358px;
+				line-height: 28px;
+				font-size: 20px;
+				color: rgba(255, 255, 255, 0.8);
+			}
+		}
+	}
 
-				.footer-info-service {
-					margin-right: 100px;
-				}
+	// beginner-guide
+	.beginner {
+		margin-bottom: 80px;
 
-				.footer-info-service,
-				.footer-info-college {
-					line-height: 36px;
-					color: rgba(156, 163, 192, 1);
+		.section-choose {
+			.section-choose-img {
+				width: 350px;
+				height: 303px;
 
-					h4 {
-						font-size: 20px;
-						color: #fff;
-					}
+				img {
+					width: 100%;
+					height: 100%;
 				}
 			}
+		}
 
-			.footer-lang {
-				margin: 20px auto;
-				width: 231px;
-				height: 44px;
-				border-radius: 10px;
-				background-color: rgba(18, 19, 24, 1);
-				align-items: center;
-				justify-content: center;
+		.section-help {
+			margin-top: 50px;
 
-				.footer-lang-type {
-					color: rgba(255, 255, 255, 1);
-					font-size: 16px;
+			.section-help-name {
+				.section-help-name_icon {
+					width: 60px;
+					height: 60px;
 				}
 
-				.footer-lang-btn {
-					width: 14px;
-					height: 14px;
-					margin-left: 21px;
-
-					img {
-						width: 100%;
-						height: 100%;
-					}
+				.section-help-name_title {
+					font-size: 20px;
 				}
 			}
 
-			.footer_rights {
-				width: 100%;
-				height: 54px;
-				line-height: 54px;
-				text-align: center;
-				color: #fff;
-				font-size: 14px;
-				background-color: #000;
-				border-top: 1px solid rgba(33,33,33,1);
+			.section-help-text {
+				font-size: 18px;
 			}
 		}
+	}
 
-		// 五个小蓝点
+	//login and register
+	.log-group {
+		width: 100%;
+		height: 114px;
+		margin: 20px auto 0;
+		justify-content: space-around;
+		align-items: center;
+
+		.log_type {
+			width: 160px;
+			height: 44px;
+			border-radius: 9999px;
+			color: rgba(255, 255, 255, 1);
+			font-size: 18px;
+			text-align: center;
+			line-height: 44px;
+		}
 
-		.dot-box {
-			width: 106px;
-			height: 10px;
-			margin: 10px auto;
+		.log-in {
+			background-color: rgba(84, 164, 80, 1);
 		}
 
-		.dotblue {
-			width: 10px;
-			height: 10px;
-			margin-right: 14px;
+		.register {
 			background-color: rgba(50, 105, 235, 1);
 		}
 	}
 
-	.my-swipe {
-		height: 150px;
-
-		.van-image {
-			padding: 0 18px;
-			box-sizing: border-box;
+	//app download
+	.download {
+		background: url(../../assets/img/bg/5.png) no-repeat;
+		background-size: 100% 100%;
 
-			::v-deep img.van-image__img {
-				border-radius: 9px !important;
-			}
-		}
-	}
+		.section-choose {
+			width: 339px;
+			height: 352px;
+			text-align: center;
 
-	// 轮播
-	.swiper-imgbox {
-		width: 375px;
-		height: 450px;
+			.section-choose-img {
+				width: 141px;
+				height: 291px;
+				margin-right: 13px;
 
-		img {
-			width: 100%;
-			height: 100%;
-		}
-	}
+				img {
+					width: 141px;
+					height: 291px;
+				}
+			}
 
-	.notice-swipe {
-		height: 24px;
-	}
+			.download-content {
+				margin-top: 40px;
+				justify-content: space-around;
+				padding: 0 12px;
 
-	// #ff4d5c
-	.nav2 {
-		.color-gray-6 {
-			color: #f8a12e;
+				.section-choose-text {
+					font-size: 20px;
+					line-height: 28px;
+				}
+			}
 		}
-	}
 
-	.stock-swipe {
-		.stock-index {
-			display: flex;
-			flex-direction: column;
-			align-items: center;
-			position: relative;
+		.download-group {
+			margin: 50px 0;
 
-			.stock-item-3 {
-				padding: 3px 0;
+			.download_type {
+				background-color: #fff;
+				color: rgba(16, 16, 16, 1);
 			}
 		}
 	}
 
-	.personalCenter-main {
-		.personalCenter-top {
-			box-sizing: border-box;
-
-			.theme-switch {
-				padding: 5% 0;
+	.footer {
+		width: 100%;
+		border-top: 1px solid rgba(33, 33, 33, 1);
 
-				.v-switch {
-					$width: 50px;
-					$icon-width: 20px;
-					display: block;
-					position: relative;
-					height: 20px;
-					width: $width;
-					background: rgba($green, 0.2);
-					overflow: hidden;
+		.footer-info-logo {
+			margin: 40px auto;
+			width: 203px;
+			height: 50px;
 
-					.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;
-							}
-						}
-					}
+			img {
+				width: 100%;
+				height: 100%;
+			}
+		}
 
-					.icon {
-						left: 0;
-					}
+		.footer-info-list {
+			padding: 0 14px;
+			justify-content: center;
+			align-items: center;
 
-					.active.icon {
-						left: $width - $icon-width;
-					}
-				}
+			.footer-info-service {
+				margin-right: 100px;
 			}
 
-			.information {
-				display: flex;
-				align-items: flex-start;
+			.footer-info-service,
+			.footer-info-college {
+				line-height: 36px;
+				color: rgba(156, 163, 192, 1);
 
-				.inf-head-img {
-					border-radius: 50%;
-					margin-right: 4%;
+				h4 {
+					font-size: 20px;
+					color: #fff;
 				}
+			}
+		}
 
-				.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;
-					}
+		.footer-lang {
+			margin: 20px auto;
+			width: 231px;
+			height: 44px;
+			border-radius: 10px;
+			background-color: rgba(18, 19, 24, 1);
+			align-items: center;
+			justify-content: center;
 
-					.vip-grade {
-						display: flex;
-						align-items: center;
-						justify-content: flex-end;
+			.footer-lang-type {
+				color: rgba(255, 255, 255, 1);
+				font-size: 16px;
+			}
 
-						.progress-bar {
-							width: 50%;
-						}
+			.footer-lang-btn {
+				width: 14px;
+				height: 14px;
+				margin-left: 21px;
 
-						.progress-img {
-							padding: 0 5px;
-						}
-					}
+				img {
+					width: 100%;
+					height: 100%;
 				}
 			}
 		}
 
-		.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;
-				}
-			}
+		.footer_rights {
+			width: 100%;
+			height: 54px;
+			line-height: 54px;
+			text-align: center;
+			color: #fff;
+			font-size: 14px;
+			background-color: #000;
+			border-top: 1px solid rgba(33, 33, 33, 1);
 		}
 	}
 
-	.user-icon {
-		font-size: 50px;
+	// 五个小蓝点
+
+	.dot-box {
+		width: 106px;
+		height: 10px;
+		margin: 10px auto;
 	}
 
-	.epss-1 {
-		overflow: hidden;
-		text-overflow: ellipsis;
+	.dotblue {
+		width: 10px;
+		height: 10px;
+		margin-right: 14px;
+		background-color: rgba(50, 105, 235, 1);
 	}
+}
 
-	.lists {
-		display: flex;
+.my-swipe {
+	height: 150px;
+
+	.van-image {
+		padding: 0 18px;
+		box-sizing: border-box;
 
-		.lists-1 {
-			margin: 0 5px;
+		::v-deep img.van-image__img {
+			border-radius: 9px !important;
 		}
 	}
+}
 
-	.logout {
-		width: 80%;
-		margin: 0 auto;
+// 轮播
+.swiper-imgbox {
+	width: 375px;
+	height: 450px;
 
-		::v-deep .van-button--default {
-			border: none;
-			background-color: $panel-3;
-		}
+	img {
+		width: 100%;
+		height: 100%;
 	}
+}
 
-	.goLogin {
-		padding:5px 0;
-		border: 1px solid $theme-1;
-		width:180px;
-	}
+.notice-swipe {
+	height: 24px;
+}
 
-	.p-y-xxs {
-		padding: 3px 0;
+// #ff4d5c
+.nav2 {
+	.color-gray-6 {
+		color: #f8a12e;
 	}
+}
 
-	.m-t-xxs {
-		margin-top: 5px;
-	}
+.stock-swipe {
+	.stock-index {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		position: relative;
 
-	.bg-box-per {
-		box-shadow: 0 5px 10px #c6c0dc;
-		border-radius: 50%;
+		.stock-item-3 {
+			padding: 3px 0;
+		}
 	}
+}
 
-	.bg-box-blue {
-		box-shadow: 0 5px 10px #aed6e2;
-		border-radius: 50%;
-	}
+.personalCenter-main {
+	.personalCenter-top {
+		box-sizing: border-box;
 
-	.bg-box-red {
-		box-shadow: 0 5px 10px #d7aec0;
-		border-radius: 50%;
-	}
+		.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;
 
-	.bg-box-yellow {
-		box-shadow: 0 5px 10px #e1d2a3;
-		border-radius: 50%;
-	}
+					.left,
+					.right {
+						position: absolute;
+						width: $width;
+						height: 100%;
+						top: 0;
+						box-sizing: border-box;
+						text-align: center;
 
-	.color-white {
-		color: white;
-	}
+						&.left {
+							right: 0;
+							padding-right: $icon-width;
+						}
 
-	.bor5-active {
-		border-bottom: 5px solid $theme-2;
-	}
+						&.right {
+							padding-left: $icon-width;
+							left: 0;
+						}
+					}
+				}
 
-	.w-40 {
-		width: 40%;
-	}
+				.icon {
+					left: 0;
+				}
 
-	::v-deep .van-tabs__line {
-		display: none;
-	}
+				.active.icon {
+					left: $width - $icon-width;
+				}
+			}
+		}
 
-	::v-deep .custom-class.van-sticky {
-		display: none;
-	}
+		.information {
+			display: flex;
+			align-items: flex-start;
 
-	.bor5 {
-		position: relative;
-	}
+			.inf-head-img {
+				border-radius: 50%;
+				margin-right: 4%;
+			}
 
-	.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;
-	}
+			.inf-rig {
+				display: flex;
+				flex-direction: column;
+				letter-spacing: 1px;
+				flex: 1;
 
-	/deep/ .uni-swiper-dot {
-		width: 15px !important;
-		height: 3px !important;
-		border-radius: 5px;
-		background: $light !important;
-		opacity: 0.2;
-	}
+				span:first-child {
+					font-weight: 600;
+					margin-bottom: 2px;
+				}
 
-	/deep/ .uni-swiper-dots {
-		bottom: -12px !important;
-	}
+				.inf-rig-cent {
+					padding: 0 0 4px;
+				}
 
-	/deep/ uni-swiper .uni-swiper-slides {
-		overflow: hidden;
-	}
+				.vip-grade {
+					display: flex;
+					align-items: center;
+					justify-content: flex-end;
 
-	/deep/ uni-swiper .uni-swiper-wrapper {
-		overflow: inherit;
-	}
+					.progress-bar {
+						width: 50%;
+					}
 
-	/deep/ .uni-swiper-dot-active {
-		background: #f0c947 !important;
-		width: 30px !important;
-		opacity: 1;
+					.progress-img {
+						padding: 0 5px;
+					}
+				}
+			}
+		}
 	}
 
-	.charts-box {
-		width: 100%;
-		height: 50px;
-	}
+	.personalCenter-center {
+		padding: 20px 10px 10px;
+		box-sizing: border-box;
+		display: flex;
+		flex-direction: column;
+		justify-content: space-between;
 
-	/* 请根据需求修改图表容器尺寸，如果父容器没有高度图表则会显示异常 */
-	.chartsview {
-		height: 100%;
-	}
+		.personalCenter-bom {
+			padding-top: 30px;
 
-	.positions {
-		position: relative;
+			.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;
+			}
+		}
 	}
+}
 
-	.posi {
-		position: absolute;
-		right: 0;
-		top: 6px;
-	}
+.user-icon {
+	font-size: 50px;
+}
 
-	.posil {
-		position: absolute;
-		left: 0;
-		top: 0px;
-	}
+.epss-1 {
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
 
-	.scale {
-		transform: scale(0.8);
+.lists {
+	display: flex;
+
+	.lists-1 {
+		margin: 0 5px;
 	}
+}
+
+.logout {
+	width: 80%;
+	margin: 0 auto;
 
-	.fn-9 {
-		font-size: 9px;
+	::v-deep .van-button--default {
+		border: none;
+		background-color: $panel-3;
 	}
+}
+
+.goLogin {
+	padding: 5px 0;
+	border: 1px solid $theme-1;
+	width: 180px;
+}
+
+.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;
+}
 </style>
diff --git a/pages/base/index.vue b/pages/base/index.vue
index f7241dc..821f3e4 100644
--- a/pages/base/index.vue
+++ b/pages/base/index.vue
@@ -87,16 +87,16 @@ export default {
                     icon: "static/img/base_caidan_0.png",
                     activeIcon: "static/img/base_caidan_1.png",
                 },
-                {
-                    // label: this.$t("base.a4"),
-                    // tel: "option-list",
-                    label: this.$t("help.a3"),
-                    tel: "help",
-                    // label: this.$t("purchase.a5"),
-                    // tel: "purchase",
-                    icon: "static/img/base_qukuai_0.png",
-                    activeIcon: "static/img/base_qukuai_1.png",
-                },
+                // {
+                //     // label: this.$t("base.a4"),
+                //     // tel: "option-list",
+                //     label: this.$t("help.a3"),
+                //     tel: "help",
+                //     // label: this.$t("purchase.a5"),
+                //     // tel: "purchase",
+                //     icon: "static/img/base_qukuai_0.png",
+                //     activeIcon: "static/img/base_qukuai_1.png",
+                // },
 
                 {
                     label: this.$t("base.d2"),