diff --git a/my/commission/index.css b/my/commission/index.css
index 8ca3571..fafce69 100644
--- a/my/commission/index.css
+++ b/my/commission/index.css
@@ -9,7 +9,7 @@
 
 		#IntegralStatisticsTop {
 			display: flex;
-			height: 220px;
+			height:200px;
 			border-radius: 10px;
 			padding-top: 14px;
 			flex-wrap: wrap;
@@ -17,7 +17,6 @@
 
 		#IntegralStatisticsBottom {
 			position: relative;
-			top: 50px;
 			margin: auto;
 		}
 
@@ -38,7 +37,7 @@
 
 		.innerTopRight {
 			height: fit-content;
-			font-size: 30rpx;
+			font-size: 24rpx;
 			display: flex;
 			justify-content: right;
 			color: #FFFFFF;
@@ -55,6 +54,7 @@
 			height: fit-content;
 			display: flex;
 			justify-content: flex-start;
+			margin-bottom: 10rpx;
 		}
 
 		.innerBottomOfTop {
@@ -64,11 +64,12 @@
 		}
 
 		.innerBottom {
-			height: 200px;
-			margin: 0rpx 24rpx;
-			background-color: #FFFFFF;
+			width: 100%;
+			height: 210px;
+			margin: 12rpx 24rpx;
+			background:#fffbf8 url('../../static/purse2.png');
+			background-size: 100% 120%;
 			border-radius: 10px;
-			padding: 10rpx 16rpx;
 		}
 
 
@@ -78,14 +79,12 @@
 			grid-template-rows: auto;
 			grid-template-columns: 95px 95px;
 			grid-gap: 0px;
+			margin-left: 50rpx;
 		}
 
 		.IntegralClassify {
-			height: 80px;
 			display: flex;
 			flex-wrap: wrap;
-			justify-content: center;
-			align-items: center;
 			flex-direction: column;
 		}
 
@@ -94,7 +93,8 @@
 		}
 
 		.IntegralClassifyInnerBottom {
-			margin-top: 10px;
+			font-size: 24rpx;
+			margin-top: 4rpx;
 		}
 
 		.IntegralImport {
@@ -104,7 +104,6 @@
 			flex-direction: column;
 			justify-content: space-around;
 			align-items: center;
-			margin-top: 10px;
 			font-size: 16px;
 			position: relative;
 			top: calc((100% - 100px) /2);
@@ -127,9 +126,8 @@
 			flex-wrap: wrap;
 			flex-direction: column;
 			overflow: auto;
-			background-color: #FFFFFF;
 			border-radius: 10px;
-			margin: 0rpx 30rpx;
+			margin: 0rpx 24rpx;
 		}
 
 		.optionsDetailImport {
@@ -158,10 +156,12 @@
 			display: none;
 		}
 		.innerTimer{
-			font-size: 13px;
-			margin-top: 5px;
-			color: #999;
+			font-size: 14px;
+			color: #ffffff;
 			margin-right: 10px;
+			padding: 10rpx 20rpx;
+			background: linear-gradient(90deg, #5ecbbb, #36c0ae);
+			border-radius: 20rpx 0 30rpx 0;
 		}
 		.activeTab {
 			color: #0aa86a;
@@ -245,6 +245,8 @@
 		}
 
 		.middleTop {
+			margin: 0 auto;
+			width: 90%;
 			display: flex;
 			flex-direction: row;
 			justify-content: center;
@@ -269,4 +271,35 @@
 			padding: 8rpx 20rpx;
 			border-radius: 15rpx;
 			background: linear-gradient(90deg, #019C88, #0FA78B, #35C495);
-		}
\ No newline at end of file
+		}
+		.middele-icon-back{
+			margin-top:10rpx;
+		}
+		.middele-img{
+			width: 80rpx;
+			height: 80rpx;
+			padding: 40rpx;
+			background:#ffeeeb url('../../static/purse.png')19rpx 19rpx;
+			background-size: 60% 60%;
+			border-radius: 30rpx;
+			background-repeat: no-repeat;
+		}
+		.middele-title{
+			margin-left: 15rpx;
+		}
+		.IntegralClassifyta{
+			display: flex;
+			justify-content: center;
+			align-items: center;
+		}
+		.middele-color{
+			color: #fc4643;
+			font-size: 40rpx;
+			font-weight: bold;
+		}
+		.middele-wold{
+			font-size: 40rpx;
+			font-weight: bold;
+		}
+		
+		
\ No newline at end of file
diff --git a/my/commission/index.vue b/my/commission/index.vue
index 8fb9d13..9d5129a 100644
--- a/my/commission/index.vue
+++ b/my/commission/index.vue
@@ -21,21 +21,21 @@
 						</view>
 					</view>
 					<view class="middleTop">
-						
 						<view class="IntegralImport">
-							<view class="IntegralClassify">
-								<view class="" style="margin-top: -12px;font-weight: 700; color: #fb672b;">
-									{{this.homePageDataNum.totalRevenue ? this.homePageDataNum.totalRevenue : 0 }}
-								</view>
-								<view class="IntegralClassifyInnerBottom">
-									本期收益(元)
+							<view class="IntegralClassifyta">
+								<view class="middele-icon-back"><image class="middele-img"src="../../static/purse.png" mode=""></image></view>
+								<view class="middele-title">
+									<view class="middele-color">{{this.homePageDataNum.totalRevenue ? this.homePageDataNum.totalRevenue : 0 }}</view>
+									<view class="IntegralClassifyInnerBottom">
+										本期收益(元)
+									</view>
 								</view>
+								
 							</view>
 						</view>
-						<view class="line"></view>
 						<view class="innerBottomOfBottom">
 							<view class="IntegralClassify">
-								<view class="">
+								<view class="middele-wold">
 									{{this.homePageDataNum.projectBenefits ? this.homePageDataNum.projectBenefits : 0 }}
 								</view>
 								<view class="IntegralClassifyInnerBottom">
@@ -43,7 +43,7 @@
 								</view>
 							</view>
 							<view class="IntegralClassify">
-								<view class="">
+								<view class="middele-wold">
 									{{this.homePageDataNum.vehicleFareAmount ? this.homePageDataNum.vehicleFareAmount : 0 }}
 								</view>
 								<view class="IntegralClassifyInnerBottom">
@@ -119,7 +119,7 @@
 							</view>
 						</view>
 					</view>
-					<uniLoadMore color="#007AFF" :iconType="iconType" :status="loadingStatus" :marginBottom="20"
+					<uniLoadMore color="#999" :iconType="iconType" :status="loadingStatus" :marginBottom="20"
 						:marginTop="20" v-if="isShowLoadMore" />
 				</view>
 			</view>
@@ -488,7 +488,7 @@
 			margin-bottom: 5px;
 		}
 		.mian-foot-list{
-			width: 73%;
+			width: 72%;
 			display: flex;
 			flex-direction: column;
 		}
@@ -508,7 +508,6 @@
 			width: 100%;
 			display: flex;
 			flex-direction: row;
-			align-items: center;
 			justify-content: space-between;
 		}
 		.shouyi-text{
@@ -534,8 +533,7 @@
 			font-size: 25rpx;
 			text-align: center;
 			background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
-			border-top-left-radius: 21rpx;
-			border-bottom-right-radius: 21rpx;
+			border-radius:  8rpx 20rpx 20rpx 8rpx ;
 		}
 		.mian-head{
 			width: 100%;
@@ -548,14 +546,13 @@
 			margin-bottom: 10px;
 		}
 		.mian-view{
-			width: 95%;
+			width: 100%;
 			background-color: #fff;
-			padding: 12px;
+			padding:22rpx 26rpx;
 			border-radius: 24rpx;
 			display: flex;
 			flex-direction: column;
-			margin: 26rpx auto;
-			
+			margin: 12rpx auto;
 		}
 </style>
 
diff --git a/static/purse.png b/static/purse.png
new file mode 100644
index 0000000..dbc6cff
Binary files /dev/null and b/static/purse.png differ
diff --git a/static/purse2.png b/static/purse2.png
new file mode 100644
index 0000000..7a3cf65
Binary files /dev/null and b/static/purse2.png differ