diff --git a/miniprogram/src/pages/me/me-page.vue b/miniprogram/src/pages/me/me-page.vue
index fbfbac3..2d9bcce 100644
--- a/miniprogram/src/pages/me/me-page.vue
+++ b/miniprogram/src/pages/me/me-page.vue
@@ -77,15 +77,13 @@
 		</view>
 
 		<!-- 客服 -->
-		<view class="row" style="width: 684.18rpx; align-items: center; margin: 22rpx auto 0;">
-
-			<image src="/static/customer_service.png" style="width: 55.85rpx; height: 55.85rpx;" mode=""></image>
-
-			<text style="font-size: 27.93rpx; margin-left: 36rpx;">{{ $t('me.customerService') }}</text>
-
-			<image src="/static/arrow_right2.png" style="width: 31.91rpx; height: 31.91rpx; margin-left: auto;" mode="">
-			</image>
-		</view>
+		<button class="customer-service-btn" open-type="contact">
+			<view class="row" style="width: 684.18rpx; align-items: center;">
+				<image src="/static/customer_service.png" style="width: 55.85rpx; height: 55.85rpx;" mode=""></image>
+				<text style="font-size: 27.93rpx; margin-left: 36rpx;">{{ $t('me.customerService') }}</text>
+				<image src="/static/arrow_right2.png" style="width: 31.91rpx; height: 31.91rpx; margin-left: auto;" mode=""></image>
+			</view>
+		</button>
 
 		<view class=""
 			style="width: 590.46rpx; height: 2rpx; background-color: #EAEAEA; margin-left: auto; margin-right: 36rpx; margin-top: 8rpx;">
@@ -607,6 +605,21 @@
 		margin-right: 20rpx;
 	}
 
+	// 客服按钮样式重置
+	.customer-service-btn {
+		width: 684.18rpx;
+		margin: 22rpx auto 0;
+		padding: 0;
+		background: transparent;
+		border: none;
+		text-align: left;
+		line-height: normal;
+		
+		&::after {
+			border: none;
+		}
+	}
+
 	.language-picker {
 		background: white;
 		border-radius: 20rpx 20rpx 0 0;