diff --git a/pages/ai/paint/paint.vue b/pages/ai/paint/paint.vue
index 88f99e9..78a964c 100644
--- a/pages/ai/paint/paint.vue
+++ b/pages/ai/paint/paint.vue
@@ -3,6 +3,7 @@
 		<uni-forms :modelValue="formData" ref="form" validate-trigger='blur'>
 		<!-- 提示词 -->
 			<view class="head">
+        <view class="title">绘画提示词</view>
 				<view>
 					<uni-easyinput type="textarea" autoHeight v-model="formData.promptText" placeholder="请输入想生成画的提示词" class="promptInput" @blur="checkPrompt(formData.promptText)"></uni-easyinput>
 				</view>
@@ -14,15 +15,12 @@
 			<view class="keywords">
 				<view class="head">
 					<view class="left">
-						<view class="icon">
-							<uni-icons type="fire-filled" size="20"></uni-icons>
-						</view>
 						<view class="title">提示词示例</view>
 					</view>
 					<view class="right" @click="getRandPrompt">
 						<view class="title">换一批</view>
 						<view class="icon">
-							<uni-icons type="refreshempty" size="20"></uni-icons>
+							<uni-icons type="refreshempty" size="14" :color="primaryColor"></uni-icons>
 						</view>
 					</view>
 				</view>
@@ -36,9 +34,6 @@
 			<view class="style">
 				<view class="head">
 					<view class="left">
-						<view class="icon">
-							<uni-icons type="star-filled" size="20"></uni-icons>
-						</view>
 						<view class="title">选择创作风格</view>
 					</view>
 				</view>
@@ -60,9 +55,6 @@
 			<view class="size">
 				<view class="head">
 					<view class="left">
-						<view class="icon">
-							<uni-icons type="map-filled" size="20"></uni-icons>
-						</view>
 						<view class="title">选择画布大小</view>
 					</view>
 				</view>
@@ -90,6 +82,7 @@
 	export default {
 		data() {
 			return {
+        primaryColor: "#1a94bc",
 				formData:{
 					height: undefined,
 					width: undefined,
@@ -396,31 +389,39 @@
 	}
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
+.container {
+  padding: 0 10px;
+}
+
+.title {
+  font-size: 28rpx;
+  line-height: 48rpx;
+}
 	.size {
-		width: 92%;
-		margin: 15rpx auto;
+		width: 100%;
 
 		.lists {
 			display: flex;
 			flex-direction: row;
 			flex-wrap: wrap;
-			justify-content: space-between;
+			justify-content: flex-start;
 
 			.item {
-				background-color: #fff;
+				background-color: $uni-white;
 				padding: 10rpx 20rpx;
 				border-radius: 10rpx;
-				color: #666;
-				border: 1rpx solid #666;
+        color: $uni-base-color;
+        border: 1rpx solid $uni-border-4;
 				margin-bottom: 10rpx;
 				font-size: 24rpx;
+        margin-right: 20rpx;
 			}
 
 			.active {
-				color: #060101;
-				border: 1rpx solid #F22E38;
-				background-color: #FFDEE0; //#  FFDEE0
+				color: $uni-white;
+				border: 1rpx solid $uni-primary;
+				background-color: $uni-primary-60; //#  FFDEE0
 			}
 		}
 
@@ -428,16 +429,14 @@
 			display: flex;
 			flex-direction: row;
 			justify-content: space-between;
-			margin-bottom: 30rpx;
-			
+			margin-bottom: 15rpx;
+
 			.left {
 				display: flex;
 				flex-direction: row;
 				align-items: center;
 
-				.title {
-					font-size: 28rpx;
-				}
+
 			}
 
 			.right {
@@ -501,8 +500,7 @@
 	}
 
 	.style {
-		width: 92%;
-		margin: 15rpx auto;
+		width: 100%;
 
 		.lists {
 			display: flex;
@@ -525,8 +523,6 @@
 
 			.active {
 				position: relative;
-
-				color: #F22E38;
 			}
 		}
 
@@ -534,7 +530,7 @@
 			display: flex;
 			flex-direction: row;
 			justify-content: space-between;
-			margin-bottom: 30rpx;
+			margin-bottom: 20rpx;
 
 			.left {
 				display: flex;
@@ -559,7 +555,7 @@
 	}
 
 	.keywords {
-		width: 92%;
+		width: 100%;
 		margin: 15rpx auto;
 
 		.lists {
@@ -569,11 +565,11 @@
 			justify-content: space-between;
 
 			.item {
-				background-color: #fff;
+				background-color: $uni-white;
 				padding: 10rpx 15rpx;
 				border-radius: 10rpx;
-				color: #666;
-				border: 1rpx solid #666;
+				color: $uni-base-color;
+				border: 1rpx solid $uni-border-4;
 				max-width: 128rpx;
 				margin-bottom: 10rpx;
 				font-size: 24rpx;
@@ -583,9 +579,9 @@
 			}
 
 			.active {
-				color: #060101;
-				border: 1rpx solid #F22E38;
-				background-color: #FFDEE0;
+				color: $uni-white;
+				border: 1rpx solid $uni-primary;
+				background-color: $uni-primary-50;
 			}
 
 		}
@@ -613,16 +609,17 @@
 
 				.title {
 					margin-right: 15rpx;
+          font-size: 24rpx;
+          line-height: 48rpx;
+          color: $uni-primary;
 				}
+        .icon {
+          line-height: 48rpx;
+        }
 			}
 		}
 	}
 
-	page {
-		background-color: #fff;
-		padding-bottom: 120rpx;
-	}
-
 	.btn-action {
 		width: 90%;
 		position: fixed;
@@ -678,7 +675,7 @@
 	.styleBox{
 	  white-space: nowrap; // 滚动必须加的属性
 	  width: 700rpx;
-	  margin-left: 30rpx;
+	  margin-right: 30rpx;
 	  //padding-right: 20rpx;
 	  
 	  .styleItem{
@@ -688,18 +685,22 @@
 	    display: inline-flex;  // item的外层定义成行内元素才可进行滚动 inline-block / inline-flex 均可
 	    flex-direction: column;
 	    align-items: center;
-		border: 5rpx solid #fff;
-		border-radius: 10rpx;
-		overflow: hidden;
-		position: relative;
+      border: 5rpx solid #fff;
+      border-radius: 10rpx;
+      overflow: hidden;
+      position: relative;
 	  }
 	  
 	  .styleActive {
-	  	color: #060101;
-	  	border: 1rpx solid #F22E38;
-	  	background-color: #FFDEE0;
-		opacity: 0.9;
-		font-weight: 900;
+	  	color: $uni-primary;
+	  	border: 2rpx solid $uni-primary;
+
+      .styleName {
+        background-color: $uni-primary-60;
+        opacity: 0.9 !important;
+        color: $uni-white;
+      }
+
 	  }
 	  
 	  .styleCover{
@@ -708,7 +709,7 @@
 	  }
 	  
 	  .styleName{
-	    font-size: 36rpx;
+	    font-size: 28rpx;
 	    color: #000000;
 	    line-height: 42rpx;
 	    padding: 0;
@@ -717,34 +718,43 @@
 	    text-overflow: ellipsis;
 	    white-space: nowrap;
 	    overflow: hidden;
-		position: absolute;
-		background-color: #FFF;
-		opacity: 0.5;
-		top: 125rpx;
+      position: absolute;
+      background-color: #FFF;
+      opacity: 0.5;
+      bottom: 0;
 	  }
 	}
-	
+	.bottom {
+    width: calc(100% - 40rpx);
+    position: fixed;
+    bottom: 20rpx;
+  }
 	.startPaint{
-		background-color: #1A96DB;
-		border: 1px solid #F22E38;
-		border-radius: 10rpx;
-	}
+    width: 300rpx;
+		background-color: $uni-primary;
+		border: 1px solid $uni-primary;
+		border-radius: 40rpx;
+    color: $uni-white;
+  }
+  .startPaint::after {
+    border: 0!important;
+  }
 	
 	.checkPromptText{
-		font-size: 30rpx;
-		color: #F22E38;
+		font-size: 24rpx;
+		color: $uni-primary;
 		margin-left: 36rpx;
 	}
 	
 	.checkStyleBox{
-		font-size: 30rpx;
-		color: #F22E38;
-		margin-left: 36rpx;
+		font-size: 24rpx;
+		color: $uni-primary;
+		//margin-left: 36rpx;
 	}
 	
 	.checkSize{
-		font-size: 30rpx;
-		color: #F22E38;
-		margin-left: 36rpx;
+		font-size: 24rpx;
+		color: $uni-primary;
+		//margin-left: 36rpx;
 	}
 </style>
diff --git a/pages/index/indexProto.vue b/pages/index/indexProto.vue
index 54abcc0..9251f2a 100644
--- a/pages/index/indexProto.vue
+++ b/pages/index/indexProto.vue
@@ -66,7 +66,7 @@
 		noClick:true, //防止重复提交
         banner:[
           {
-            bannerImg: "/static/uni.png"
+            bannerImg: "/static/img/start.gif"
           }
         ],
         current: 0,
@@ -308,7 +308,7 @@
 
       .user-list {
         display: flex;
-        justify-content: center;
+        justify-content: left;
         align-items: center;
         overflow-x: auto;
 
@@ -327,6 +327,8 @@
           text {
             font-size: 24rpx;
             text-align: center;
+            white-space: nowrap;
+            text-overflow: ellipsis;
           }
 
         }
diff --git a/pages/userInfo/userInfo.vue b/pages/userInfo/userInfo.vue
index 155d231..32be909 100644
--- a/pages/userInfo/userInfo.vue
+++ b/pages/userInfo/userInfo.vue
@@ -27,22 +27,35 @@
 		  </view>
 		</view> -->
       </view>
+      <view class="share-box">
+        <button title="兑换绘画次数" @click="$noMultipleClicks(useCdk)">
+          <view class="list-menu-item">
+            <uni-icons class="list-menu-icon" custom-prefix="iconfont" type="icon-gengduo" size="20" :color="primaryColor" />
+            <view class="text">兑换绘画次数</view>
+            <uni-icons class="list-menu-genduo" custom-prefix="iconfont" type="icon-gengduo"></uni-icons>
+          </view>
+        </button>
+      </view>
+
       <view class="list-menu">
-        <view class="list-menu-item" v-for="item in menus" @click="toLink(item.url)">
-          <uni-icons class="list-menu-icon" custom-prefix="iconfont" :type="item.icon" size="20" :color="primaryColor"></uni-icons>
-          <view class="text">{{item.title}}</view>
+        <view class="list-menu-item" @click="toLink(`/pages/userInfo/question/question`)">
+          <uni-icons class="list-menu-icon" custom-prefix="iconfont" type="icon-wenti-" size="20" :color="primaryColor"></uni-icons>
+          <view class="text">常见问题</view>
+          <uni-icons class="list-menu-genduo" custom-prefix="iconfont" type="icon-gengduo"></uni-icons>
+        </view>
+        <view class="list-menu-item" @click="$noMultipleClicks(linkToUs)">
+          <uni-icons class="list-menu-icon" custom-prefix="iconfont" type="icon-zhifeiji" size="20" :color="primaryColor" />
+          <view class="text">联系我们</view>
+          <uni-icons class="list-menu-genduo" custom-prefix="iconfont" type="icon-gengduo"></uni-icons>
+        </view>
+        <view class="list-menu-item" @click="toLink(`/pages/userInfo/setting/setting`)">
+          <uni-icons class="list-menu-icon" custom-prefix="iconfont" type="icon-chilun" size="20" :color="primaryColor"></uni-icons>
+          <view class="text">设置</view>
           <uni-icons class="list-menu-genduo" custom-prefix="iconfont" type="icon-gengduo"></uni-icons>
         </view>
       </view>
+
       <view class="share-box">
-		<button title="联系我们" @click="$noMultipleClicks(linkToUs)">
-		  <view class="list-menu-item">
-		    <uni-icons class="list-menu-icon" custom-prefix="iconfont" type="icon-zhifeiji" size="20" :color="primaryColor" />
-		    <view class="text">联系我们</view>
-		    <uni-icons class="list-menu-genduo" custom-prefix="iconfont" type="icon-gengduo"></uni-icons>
-		  </view>
-		</button>  
-		  
         <button title="分享" open-type="share">
           <view class="list-menu-item">
             <uni-icons class="list-menu-icon" custom-prefix="iconfont" type="icon-fenxiang1" size="20" :color="primaryColor" />
@@ -50,17 +63,11 @@
             <uni-icons class="list-menu-genduo" custom-prefix="iconfont" type="icon-gengduo"></uni-icons>
           </view>
         </button>
-		
-		<button title="兑换绘画次数" @click="$noMultipleClicks(useCdk)">
-		  <view class="list-menu-item">
-		    <uni-icons class="list-menu-icon" custom-prefix="iconfont" type="icon-gengduo" size="20" :color="primaryColor" />
-		    <view class="text">兑换绘画次数</view>
-		    <uni-icons class="list-menu-genduo" custom-prefix="iconfont" type="icon-gengduo"></uni-icons>
-		  </view>
-		</button>  
       </view>
+
     </view>
-	</view>
+
+  </view>
 </template>
 
 <script>
diff --git a/static/paint-default.png b/static/paint-default.png
index a0ff173..90b70be 100644
Binary files a/static/paint-default.png and b/static/paint-default.png differ
diff --git a/static/paint-selecte.png b/static/paint-selecte.png
index 5e83195..b9a1e0c 100644
Binary files a/static/paint-selecte.png and b/static/paint-selecte.png differ
diff --git a/uni.scss b/uni.scss
index 8d49b3d..ec38a20 100644
--- a/uni.scss
+++ b/uni.scss
@@ -4,6 +4,12 @@ $uni-primary: #1a94bc;
 $uni-primary-disable:mix(#fff,$uni-primary,50%);
 $uni-primary-light: mix(#fff,$uni-primary,80%);
 
+$uni-primary-80: rgba(26, 148 , 188, 0.8);
+$uni-primary-60: rgba(26, 148 , 188, 0.6);
+$uni-primary-50: rgba(26, 148 , 188, 0.5);
+$uni-primary-40: rgba(26, 148 , 188, 0.4);
+$uni-primary-20: rgba(26, 148 , 188, 0.2);
+
 // 辅助色
 // 除了主色外的场景色，需要在不同的场景中使用（例如危险色表示危险的操作）。
 $uni-success: #18bc37;