diff --git a/components/base/m-navbar.vue b/components/base/m-navbar.vue
index 2a300d1..3f17b4a 100644
--- a/components/base/m-navbar.vue
+++ b/components/base/m-navbar.vue
@@ -30,12 +30,12 @@
 	width: 100%;
 	height: 90rpx;
 	// background: linear-gradient(to right, #4899a6, #6fc6ad);
-	background: black;
+	// background: black;
 	border-bottom: 1px solid #ccc;
 	display: flex;
 	justify-content: center;
 	align-items: center;
-	color: #fff;
+	// color: #fff;
 	font-size: 26rpx;
 	z-index: 9999;
 	.leftClick{
diff --git a/components/center/center.vue b/components/center/center.vue
index c999286..a3e88d7 100644
--- a/components/center/center.vue
+++ b/components/center/center.vue
@@ -1,5 +1,5 @@
 <template>
-	<u-popup :show="show" mode="left" width="70%" bgColor="#000" @close="$emit('close')" @open="open">
+	<u-popup :show="show" mode="left" width="70%" @close="$emit('close')" @open="open">
 		
 		<view style="justify-content: center;display: flex;width: 600rpx;" v-if="loading">
 			<u-loading-icon
@@ -24,7 +24,7 @@
 			</view>
 			<view style="font-size: 22rpx;font-weight: bold;" class="line">{{ userInfo.account }}</view>
 			<view class="line">
-				<view style="background-color: #6c7a25;padding: 5rpx 20rpx;">
+				<view style="background-color: #000;padding: 5rpx 20rpx;color: #fff;">
 					{{ $t('page.center.invtantion_code') }}:{{ userInfo.invitationCode }}
 				</view>
 				<view style="margin-left: 20rpx;" @click="copy(userInfo.invitationCode)">
@@ -32,16 +32,16 @@
 				</view>
 			</view>
 			<view class="line">
-				<view style="color: #afc056;padding: 0 10rpx;font-size: 22rpx;font-weight: 600;">
+				<view style="color: #000;padding: 0 10rpx;font-size: 22rpx;font-weight: 600;">
 					{{ $t('page.center.cradibiliy_value') }}：
 				</view>
 				<view style="flex: 1;padding-right: 20rpx;">
 					<u-line-progress 
 					:percentage="userInfo.contribution" 
-					activeColor="#afc638" height="16"></u-line-progress>
+					activeColor="#000" height="16"></u-line-progress>
 				</view>
 			<!-- 	<view style="flex: 1;">
-					<view style="background-color: #afc056;
+					<view style="background-color: #000;
 					text-align:center;border-radius: 20rpx;
 					margin-right: 20rpx;
 					">{{ userInfo.contribution }}%</view>
@@ -49,7 +49,7 @@
 			</view>
 			<view class="line">
 				<view class="box">
-					<view style="color: #afc056;font-weight: 900;
+					<view style="color: #000;font-weight: 900;
 					display: flex;justify-content: space-between;font-size: 28rpx;">
 						<view class="">
 							{{ $t('page.center.account_balance') }}
@@ -65,7 +65,7 @@
 			</view>
 			<view class="line">
 				<view class="box">
-					<view style="color: #afc056;font-weight: 900;
+					<view style="color: #000;font-weight: 900;
 					display: flex;justify-content: space-between;font-size: 28rpx;">
 						<view class="">
 							{{ $t('page.center.wallet_amount') }}
@@ -81,7 +81,7 @@
 				<view slot="icon">
 					<img src="/static/center/6.png" width="23rpx" />
 				</view>
-				<view slot="title" style="color: #eee;padding: 20rpx 0;">
+				<view slot="title" style="color: #000;padding: 20rpx 0;">
 					{{ $t('page.center.deposit') }}
 				</view>
 			</u-cell>
@@ -90,7 +90,7 @@
 				<view slot="icon">
 					<img src="/static/center/7.png" width="23rpx" />
 				</view>
-				<view slot="title" style="color: #eee;padding: 20rpx 0;">
+				<view slot="title" style="color: #000;padding: 20rpx 0;">
 					{{ $t('page.center.withdraw') }}
 				</view>
 			</u-cell>
@@ -99,7 +99,7 @@
 				<view slot="icon">
 					<img src="/static/center/8.png" width="23rpx" />
 				</view>
-				<view slot="title" style="color: #eee;padding: 20rpx 0;">
+				<view slot="title" style="color: #000;padding: 20rpx 0;">
 					{{ $t('page.center.personal_info') }}
 				</view>
 			</u-cell>
@@ -108,7 +108,7 @@
 				<view slot="icon">
 					<img src="/static/center/9.png" width="23rpx" />
 				</view>
-				<view slot="title" style="color: #eee;padding: 20rpx 0;">
+				<view slot="title" style="color: #000;padding: 20rpx 0;">
 					{{ $t('page.center.Transaction') }}
 				</view>
 			</u-cell>
@@ -117,7 +117,7 @@
 				<view slot="icon">
 					<img src="/static/center/10.png" width="23rpx" />
 				</view>
-				<view slot="title" style="color: #eee;padding: 20rpx 0;">
+				<view slot="title" style="color: #000;padding: 20rpx 0;">
 					{{ $t('page.center.wallet') }}
 				</view>
 			</u-cell>
@@ -126,7 +126,7 @@
 				<view slot="icon">
 					<img src="/static/center/fans.png" width="23rpx" />
 				</view>
-				<view slot="title" style="color: #eee;padding: 20rpx 0;">
+				<view slot="title" style="color: #000;padding: 20rpx 0;">
 					{{ $t('page.center.fanList') }}
 				</view>
 			</u-cell>
@@ -135,7 +135,7 @@
 				<view slot="icon">
 					<img src="/static/center/winning-record.png" width="23rpx" />
 				</view>
-				<view slot="title" style="color: #eee;padding: 20rpx 0;">
+				<view slot="title" style="color: #000;padding: 20rpx 0;">
 					{{ $t('page.center.winningRecord') }}
 				</view>
 			</u-cell>
@@ -144,7 +144,7 @@
 				<view slot="icon">
 					<img src="/static/center/11.png" width="23rpx" />
 				</view>
-				<view slot="title" style="color: #eee;padding: 20rpx 0;">
+				<view slot="title" style="color: #000;padding: 20rpx 0;">
 					{{ $t('page.center.language') }}
 				</view>
 			</u-cell>
@@ -153,7 +153,7 @@
 				<view slot="icon">
 					<img src="/static/center/12.png" width="23rpx" />
 				</view>
-				<view slot="title" style="color: #eee;padding: 20rpx 0;">
+				<view slot="title" style="color: #000;padding: 20rpx 0;">
 					{{ $t('page.center.customer_serivce') }}
 				</view>
 			</u-cell>
@@ -162,7 +162,7 @@
 				<view slot="icon">
 					<img src="/static/center/login.png" width="23rpx" />
 				</view>
-				<view slot="title" style="color: #eee;padding: 20rpx 0;">
+				<view slot="title" style="color: #000;padding: 20rpx 0;">
 					{{ $t('page.center.loginRecord') }}
 				</view>
 			</u-cell>
@@ -172,7 +172,7 @@
 				<view slot="icon">
 					<img src="/static/center/13.png" width="23rpx" />
 				</view>
-				<view slot="title" style="color: #eee;padding: 20rpx 0;">
+				<view slot="title" style="color: #000;padding: 20rpx 0;">
 					{{ $t('page.center.logout') }}
 				</view>
 			</u-cell>
diff --git a/components/pageInit/pageInit.vue b/components/pageInit/pageInit.vue
index 473cf31..0d1c243 100644
--- a/components/pageInit/pageInit.vue
+++ b/components/pageInit/pageInit.vue
@@ -45,7 +45,7 @@
 		top: 0;
 		width: 100%;
 		height: 100vh;
-		background: black;
+		// background: black;
 		margin: 0rpx auto;
 		z-index: 999;
 		transform: translateX(-50%);
diff --git a/pages/order/order.vue b/pages/order/order.vue
index 892e702..139c280 100644
--- a/pages/order/order.vue
+++ b/pages/order/order.vue
@@ -4,8 +4,7 @@
 		height: 210rpx;
 		width: 100%;
 		z-index: 99;
-		background: url(/static/home/bg.png);
-		background-color: #000;">
+		background-color: #fff;">
 			
 		</view>
 		<view class="order-nav">
@@ -202,15 +201,12 @@
 </script>
 
 <style lang="scss" scoped>
-	body{
-		background-color: #000 !important;
-	}
 	.order {
 		padding-bottom: 200rpx;
-		background-color: black;
-		background-image: url('@/static/home/bg.png');
+		// background-color: black;
+		// background-image: url('@/static/home/bg.png');
 		background-size: 100%;
-		color: white;
+		color: #000;
 		font-weight: bold;
 		min-height: 100vh;
 		padding-bottom: 200rpx;
@@ -230,7 +226,7 @@
 				background: white;
 				padding: 20rpx;
 				border-radius: 5px;
-				background-color: #333333;
+				background-color: #000;
 				margin: 0rpx 20rpx 20rpx 20rpx;
 				.top{
 					display: flex;
diff --git a/pages/prizeDraw/prizeDraw.vue b/pages/prizeDraw/prizeDraw.vue
index cf88624..ae93286 100644
--- a/pages/prizeDraw/prizeDraw.vue
+++ b/pages/prizeDraw/prizeDraw.vue
@@ -395,7 +395,7 @@
 		padding-bottom: 150rpx;
 		
 		width: 750rpx;
-		background-image: url('@/static/prizeDraw/bj.jpg');
+		// background-image: url('@/static/prizeDraw/bj.jpg');
 		background-size: 100%;
 
 		/deep/ .uni-scroll-view::-webkit-scrollbar {
diff --git a/pages/purse/purse.vue b/pages/purse/purse.vue
index 5944c21..45f789c 100644
--- a/pages/purse/purse.vue
+++ b/pages/purse/purse.vue
@@ -166,9 +166,9 @@
 	.purse {
 		width: 750rpx;
 		min-height: 100vh;
-		background-color: black;
+		// background-color: black;
 		margin: 0 auto;
-		background-image: url('@/static/pruse/bg.png');
+		// background-image: url('@/static/pruse/bg.png');
 		background-size: 100%;
 		background-repeat: no-repeat;
 
@@ -178,12 +178,14 @@
 		}
 
 		.user-money {
-			background: rgba(176, 199, 59, .8);
+			background: $uni-bg-color-app;
+			// background: rgba(176, 199, 59, .8);
 			margin: 20rpx auto 30rpx auto;
 			border: 4rpx solid #D3EA5E;
+			border: 4rpx solid $uni-bg-color-app;
 			padding: 60rpx 0rpx;
 			font-size: 36rpx;
-
+			color: $uni-bg-color;
 			.title,
 			.money {
 				display: flex;
@@ -208,7 +210,7 @@
 			display: flex;
 			justify-content: space-between;
 			flex-wrap: wrap;
-			color: #B0C73B;
+			color: $uni-bg-color-app;
 
 			.recharge-item {
 				box-sizing: border-box;
@@ -233,8 +235,9 @@
 			
 			.selectRecharge{
 				color: white;
-				border: 1px solid #D3EA5E;
-				background: rgba(176, 199, 59, .8);
+				// border: 1px solid #D3EA5E;
+				background: $uni-bg-color-app;
+				// background: rgba(176, 199, 59, .8);
 			}
 		}
 		
@@ -242,10 +245,10 @@
 			margin: 30rpx auto;
 			
 			input{
-				border: 1px solid #B0C73B;
+				border: 1px solid $uni-bg-color-app;
 				height: 80rpx;
 				font-size: 34rpx;
-				color: #B0C73B;
+				color: $uni-bg-color-app;
 				text-indent: 15rpx;
 				border-radius: 10rpx;
 			}
@@ -256,8 +259,9 @@
 			display: flex;
 			align-items: center;
 			justify-content: center;
-			background: #B0C73B;
+			background: $uni-bg-color-app;
 			border-radius: 10rpx;
+			color: $uni-bg-color;
 			font-size: 40rpx;
 			font-weight: bold;
 		}
diff --git a/pages/withdraw/withdraw.vue b/pages/withdraw/withdraw.vue
index aa1a9cb..b63dd99 100644
--- a/pages/withdraw/withdraw.vue
+++ b/pages/withdraw/withdraw.vue
@@ -162,9 +162,9 @@
 	.withdraw {
 		width: 750rpx;
 		min-height: 100vh;
-		background-color: black;
+		// background-color: black;
 		margin: 0 auto;
-		background-image: url('@/static/withdraw/bg.png');
+		// background-image: url('@/static/withdraw/bg.png');
 		background-size: 100%;
 		background-repeat: no-repeat;
 
@@ -174,9 +174,10 @@
 		}
 
 		.user-money {
-			background: rgba(176, 199, 59, .8);
+			background: $uni-bg-color-app;
+			color: $uni-bg-color;
 			margin: 20rpx auto 30rpx auto;
-			border: 4rpx solid #D3EA5E;
+			// border: 4rpx solid #D3EA5E;
 			padding: 60rpx 0rpx;
 			font-size: 36rpx;