diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss
index ea354cf..bd2eacb 100644
--- a/src/assets/styles/index.scss
+++ b/src/assets/styles/index.scss
@@ -88,12 +88,7 @@ div:focus {
 .pl-5 {
   padding-left: 5px;
 }
-.p-2{
-  background: rgba(247, 248, 252, 1);
-  min-height: 100vh;
-  box-sizing: border-box;
-  padding: 15px;
-}
+
 
 .block {
   display: block;
diff --git a/src/views/controlCenter/210/index.vue b/src/views/controlCenter/210/index.vue
index 29e0d3d..bff5b03 100644
--- a/src/views/controlCenter/210/index.vue
+++ b/src/views/controlCenter/210/index.vue
@@ -4,4 +4,11 @@
     </div>
 </template>
 <script setup lang="ts"></script>
-<style lang="scss" scoped></style>
\ No newline at end of file
+<style lang="scss" scoped>
+.p-2{
+  background: rgba(247, 248, 252, 1);
+  min-height: 100vh;
+  box-sizing: border-box;
+  padding: 15px;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/controlCenter/6170/index.vue b/src/views/controlCenter/6170/index.vue
index 1883df3..1f91510 100644
--- a/src/views/controlCenter/6170/index.vue
+++ b/src/views/controlCenter/6170/index.vue
@@ -638,6 +638,12 @@ onUnmounted(() => {
 
 </script>
 <style lang="scss" scoped>
+.p-2{
+  background: rgba(247, 248, 252, 1);
+  min-height: 100vh;
+  box-sizing: border-box;
+  padding: 15px;
+}
 .device-page {
     .header-bar {
         border-radius: 8px;
diff --git a/src/views/controlCenter/670/index.vue b/src/views/controlCenter/670/index.vue
index 9e8c2f8..4d1dffc 100644
--- a/src/views/controlCenter/670/index.vue
+++ b/src/views/controlCenter/670/index.vue
@@ -720,6 +720,12 @@ window.hideConfirm = function () {
 };
 </script>
 <style lang="scss" scoped>
+.p-2{
+  background: rgba(247, 248, 252, 1);
+  min-height: 100vh;
+  box-sizing: border-box;
+  padding: 15px;
+}
 .device-page {
   .header-bar {
     border-radius: 8px;
diff --git a/src/views/controlCenter/controlPanel/index.vue b/src/views/controlCenter/controlPanel/index.vue
index 4b6f2ff..5d2091e 100644
--- a/src/views/controlCenter/controlPanel/index.vue
+++ b/src/views/controlCenter/controlPanel/index.vue
@@ -485,6 +485,12 @@ const forceAlarm = async () => {
 
 </script>
 <style lang="scss" scoped>
+.p-2{
+  background: rgba(247, 248, 252, 1);
+  min-height: 100vh;
+  box-sizing: border-box;
+  padding: 15px;
+}
 :deep .el-collapse{
   border-top:none
 }
diff --git a/src/views/controlCenter/delivery/index.vue b/src/views/controlCenter/delivery/index.vue
index c8122f5..ee0f107 100644
--- a/src/views/controlCenter/delivery/index.vue
+++ b/src/views/controlCenter/delivery/index.vue
@@ -249,6 +249,12 @@ const handleExport = () => {
 
 </script>
 <style lang="scss" scoped>
+.p-2{
+  background: rgba(247, 248, 252, 1);
+  min-height: 100vh;
+  box-sizing: border-box;
+  padding: 15px;
+}
 :deep .el-collapse{
   border-top:none
 }
diff --git a/src/views/controlCenter/historyjectory/index.vue b/src/views/controlCenter/historyjectory/index.vue
index 40be5c9..a37d71d 100644
--- a/src/views/controlCenter/historyjectory/index.vue
+++ b/src/views/controlCenter/historyjectory/index.vue
@@ -257,6 +257,12 @@ const historyjectory = (row: any) => {
 
 </script>
 <style lang="scss" scoped>
+.p-2{
+  background: rgba(247, 248, 252, 1);
+  min-height: 100vh;
+  box-sizing: border-box;
+  padding: 15px;
+}
 :deep .el-collapse{
   border-top:none
 }
diff --git a/src/views/system/menu/index.vue b/src/views/system/menu/index.vue
index deb4f46..6c40c64 100644
--- a/src/views/system/menu/index.vue
+++ b/src/views/system/menu/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="p-2">
+  <div class="p-3">
     <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
       <div v-show="showSearch" class="mb-[10px]">
         <el-card shadow="hover">