diff --git a/pages/projectEnd/specialOperations/specialCheck.vue b/pages/projectEnd/specialOperations/specialCheck.vue
index 1f66a5ee..9c5a63b8 100644
--- a/pages/projectEnd/specialOperations/specialCheck.vue
+++ b/pages/projectEnd/specialOperations/specialCheck.vue
@@ -6,29 +6,29 @@
 			</view>
 		</headers>
 		<view class="sp-menu">
-			<view class="menu-item" style="margin-left: 60rpx;" @click="handleNavigateTo(1)">
+			<view class="menu-item" @click="handleNavigateTo(1)">
 				<view class="item-icon">
-					<image src="@/static/specialOperations/fireWork.png" style="width: 50rpx;height: 70rpx;"></image>
+					<image src="@/static/specialOperations/fireWork.png"></image>
 				</view>
 				<view class="item-text">
 					<text>动火作业</text>
 				</view>
 			</view>
-			<!-- <view class="menu-item" style="margin-right: 60rpx;" @click="handleNavigateTo(2)">
+			<!-- <view class="menu-item" @click="handleNavigateTo(2)">
 				<view class="item-icon">
-					<image src="@/static/specialOperations/limitSpaceWork.png" style="width: 50rpx;height: 50rpx;"></image>
+					<image src="@/static/specialOperations/limitSpaceWork.png"></image>
 				</view>
 				<view class="item-text">
 					<text>受限空间作业</text>
 				</view>
 			</view> -->
-			<view class="menu-item" style="margin-left: 60rpx;"></view>
+			<!-- <view class="menu-item" style="margin-left: 60rpx;"></view>
 			<view class="menu-item" style="margin-left: 60rpx;"></view>
 			<view class="menu-item" style="margin-right: 60rpx;"></view>
 			<view class="menu-item" style="margin-left: 60rpx;"></view>
 			<view class="menu-item" style="margin-right: 60rpx;"></view>
 			<view class="menu-item" style="margin-left: 60rpx;"></view>
-			<view class="menu-item" style="margin-right: 60rpx;"></view>
+			<view class="menu-item" style="margin-right: 60rpx;"></view> -->
 		</view>
 	</view>
 </template>
@@ -61,30 +61,37 @@
 		z-index: 2;
 	}
 	.sp-menu{
+		margin: 0 38rpx;
 		margin-top: 138rpx;
-		width: 100%;
 		// height: 1200rpx;
 		// height: 1000rpx;
 		// background-color: darkred;
 		display: grid;
-		grid-gap: 10rpx;
+		grid-gap: 24rpx;
 		grid-template-columns: repeat(2, 1fr);
 		// grid-template-columns: repeat(auto-fill, 220rpx);
-		place-items: center;
-		justify-content: center;
+		// place-items: center;
+		// justify-content: center;
 		.menu-item{
-			width: 220rpx;
+			// width: 220rpx;
 			height: 274rpx;
 			// background-color: darkblue;
+			box-shadow: 0px 8rpx 15rpx 0px rgba(219,229,255,0.6);
+			border-radius: 10rpx;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			flex-direction: column;
 			.item-icon{
-				width: 220rpx;
-				height: 220rpx;
+				// width: 220rpx;
+				// height: 220rpx;
 				display: flex;
 				justify-content: center;
 				align-items: center;
+				margin-bottom: 14rpx;
 				image{
-					width: 220rpx;
-					height: 220rpx;
+					width: 66rpx;
+					height: 86rpx;
 				}
 			}
 			.item-text{
diff --git a/pages/projectEnd/specialOperations/specialOperations.vue b/pages/projectEnd/specialOperations/specialOperations.vue
index 8bf1406e..95fea494 100644
--- a/pages/projectEnd/specialOperations/specialOperations.vue
+++ b/pages/projectEnd/specialOperations/specialOperations.vue
@@ -6,29 +6,29 @@
 			</view>
 		</headers>
 		<view class="sp-menu">
-			<view class="menu-item" style="margin-left: 60rpx;" @click="handleNavigateTo(1)">
+			<view class="menu-item" @click="handleNavigateTo(1)">
 				<view class="item-icon">
-					<image src="@/static/specialOperations/fireWork.png" style="width: 50rpx;height: 70rpx;"></image>
+					<image src="@/static/specialOperations/fireWork.png"></image>
 				</view>
 				<view class="item-text">
 					<text>动火作业</text>
 				</view>
 			</view>
-			<!-- <view class="menu-item" style="margin-right: 60rpx;" @click="handleNavigateTo(2)">
+			<!-- <view class="menu-item" @click="handleNavigateTo(2)">
 				<view class="item-icon">
-					<image src="@/static/specialOperations/limitSpaceWork.png" style="width: 50rpx;height: 50rpx;"></image>
+					<image src="@/static/specialOperations/limitSpaceWork.png"></image>
 				</view>
 				<view class="item-text">
 					<text>受限空间作业</text>
 				</view>
 			</view> -->
-			<view class="menu-item" style="margin-left: 60rpx;"></view>
+			<!-- <view class="menu-item" style="margin-left: 60rpx;"></view>
 			<view class="menu-item" style="margin-left: 60rpx;"></view>
 			<view class="menu-item" style="margin-right: 60rpx;"></view>
 			<view class="menu-item" style="margin-left: 60rpx;"></view>
 			<view class="menu-item" style="margin-right: 60rpx;"></view>
 			<view class="menu-item" style="margin-left: 60rpx;"></view>
-			<view class="menu-item" style="margin-right: 60rpx;"></view>
+			<view class="menu-item" style="margin-right: 60rpx;"></view> -->
 		</view>
 	</view>
 </template>
@@ -61,30 +61,37 @@
 		z-index: 2;
 	}
 	.sp-menu{
+		margin: 0 38rpx;
 		margin-top: 138rpx;
-		width: 100%;
 		// height: 1200rpx;
 		// height: 1000rpx;
 		// background-color: darkred;
 		display: grid;
-		grid-gap: 10rpx;
+		grid-gap: 24rpx;
 		grid-template-columns: repeat(2, 1fr);
 		// grid-template-columns: repeat(auto-fill, 220rpx);
-		place-items: center;
-		justify-content: center;
+		// place-items: center;
+		// justify-content: center;
 		.menu-item{
-			width: 220rpx;
+			// width: 220rpx;
 			height: 274rpx;
 			// background-color: darkblue;
+			box-shadow: 0px 8rpx 15rpx 0px rgba(219,229,255,0.6);
+			border-radius: 10rpx;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			flex-direction: column;
 			.item-icon{
-				width: 220rpx;
-				height: 220rpx;
+				// width: 220rpx;
+				// height: 220rpx;
 				display: flex;
 				justify-content: center;
 				align-items: center;
+				margin-bottom: 14rpx;
 				image{
-					width: 220rpx;
-					height: 220rpx;
+					width: 66rpx;
+					height: 86rpx;
 				}
 			}
 			.item-text{