diff --git a/components/my-tabbar.vue b/components/my-tabbar.vue
index 6a30206..9748a16 100644
--- a/components/my-tabbar.vue
+++ b/components/my-tabbar.vue
@@ -5,23 +5,15 @@
 				<view v-if="item.index!=2">
 					<image :src="item.acImg" mode="widthFix" v-show="tabBarShow === index"></image>
 					<image :src="item.img" mode="widthFix" v-show="tabBarShow != index"></image>
-					<!-- background: (index == 2) ?  'red' : '' -->
 					<view :class="(tabBarShow === index) ? 'action' :'no'">{{item.name}}</view>
 				</view>
-				<view v-if="item.index==2" style="position: absolute;bottom: -6rpx;text-align: center;">
-					<image :src="item.acImg" mode="widthFix" v-show="tabBarShow === index"
-						style="border-radius: 50%;width: 102rpx;height: 102rpx"></image>
-					<image :src="item.img" mode="widthFix" v-show="tabBarShow != index"
-						style="border-radius: 50%;width: 102rpx;height: 102rpx;"></image>
-					<!-- background: (index == 2) ?  'red' : '' -->
-					<view :class="(tabBarShow === index) ? 'action' :'no'" style="height: 64rpx;line-height: 64rpx;">
-						{{item.name}}</view>
+				<view v-if="item.index==2" class="protrude-button">
+					<image :src="item.acImg" mode="widthFix"
+						style="border-radius: 50%;width: 120rpx;height: 120rpx"></image>
 				</view>
 			</view>
-			<view v-if="isOverall==1" style="height: 100rpx;position: fixed;bottom: 0;width: 100%;background-color: #ffffff;"></view>
-			<!-- <span class="badge" v-if="number != 0">
-				<u-badge type="warning " max="99" :value="number"></u-badge>
-			</span> -->
+		<view class="protrude-button-bg"></view>
+		 <view v-if="isOverall==1" style="height: 100rpx;position: fixed;bottom: 0;width: 100%;background-color: #ffffff;"></view> 
 		</view>
 	</view>
 </template>
@@ -245,9 +237,10 @@
 		width: 100%;
 		height: 100rpx;
 		padding-bottom: 0;
-		background: url('/static/bottom_tab.png') no-repeat;
-		background-size: 100%;
+		background-color: #fff;
 		box-sizing: border-box;
+		box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.07);
+		border-top: 1px solid #EEEEEE;
 
 		.list {
 			display: flex;
@@ -283,6 +276,27 @@
 		font-size: 20rpx;
 	}
 
+	.protrude-button {
+		text-align: center;
+		position: absolute;
+		bottom: 15rpx;
+		border-radius: 50%;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+	}
+	
+	.protrude-button-bg {
+		position: absolute;
+		top: -20rpx;
+		width: 120rpx;
+		height: 60rpx;
+		background-color: #fff;
+		border-radius: 60rpx 60rpx 0 0;
+		border-top: 1px solid #eeeeee;
+		z-index: 105;
+	}
+
 	.tab-list_ip {
 		display: flex;
 		justify-content: center;
@@ -290,10 +304,10 @@
 		width: 100%;
 		height: 160rpx;
 		padding-bottom: 50rpx;
-		background: url('/static/bottom_tab.png') no-repeat;
-		background-size: 100%;
 		box-sizing: border-box;
 		z-index: 100;
+		background-color: #fff;
+		border-top: 1px solid #eeeeee;
 
 		// box-shadow: 0rpx -1rpx 0rpx 0rpx #EEEEEE;
 		.list {
@@ -310,7 +324,6 @@
 				width: 44rpx;
 				height: 44rpx;
 				background-color: white;
-				margin-top: 12rpx;
 			}
 
 			text {
diff --git a/packageA/center/detail.vue b/packageA/center/detail.vue
index d7af6b7..d5eb6d0 100644
--- a/packageA/center/detail.vue
+++ b/packageA/center/detail.vue
@@ -68,7 +68,7 @@
 								:maxCount="4"></u-avatar-group>
 							<image src="/static/index/dian.png"
 								:class="detail.join_info.users && detail.join_info.users.length > 0 ? '' : 'smalld'"
-								style="width: 58rpx;height: 58rpx;margin-left:-20rpx;z-index: 1;"></image>
+								style="width: 60rpx;height: 60rpx;margin-left:-20rpx;z-index: 1;"></image>
 							<span class="number">{{ detail.join_info.people_number }}/{{ detail.join_info.stock >= 10000 ?
 									'9999+' : detail.join_info.stock}}
 								人数</span>
diff --git a/packageA/center/detailSys.vue b/packageA/center/detailSys.vue
index 38eaddb..afd22d2 100644
--- a/packageA/center/detailSys.vue
+++ b/packageA/center/detailSys.vue
@@ -67,7 +67,7 @@
 								:maxCount="4"></u-avatar-group>
 							<image src="/static/index/dian.png"
 								:class="detail.join_info.users && detail.join_info.users.length > 0 ? '' : 'smalld'"
-								style="width: 58rpx;height: 58rpx;margin-left:-20rpx;z-index: 1;"></image>
+								style="width: 60rpx;height: 60rpx;margin-left:-20rpx;z-index: 1;"></image>
 							<span class="number">{{ detail.join_info.people_number }}/{{ detail.join_info.stock >= 10000
 								?
 								'9999+' : detail.join_info.stock}}
diff --git a/static/bottom_tab.png b/static/bottom_tab.png
index 9a5a0d6..7a7dfb4 100644
Binary files a/static/bottom_tab.png and b/static/bottom_tab.png differ