diff --git a/src/App.vue b/src/App.vue
index 5495872..328ab5e 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -18,5 +18,4 @@ const size = computed(() => SettingStore.themeConfig.globalComSize);
 </script>
 <style lang="scss">
 @import './styles/style';
-@import './assets/fonts/font.css';
 </style>
diff --git a/src/components/custom-scroll-title/index.vue b/src/components/custom-scroll-title/index.vue
index f7adb0d..13accac 100644
--- a/src/components/custom-scroll-title/index.vue
+++ b/src/components/custom-scroll-title/index.vue
@@ -119,7 +119,7 @@ function handleTitleClick(val) {
   box-sizing: border-box;
 }
 .header_title {
-  background-color: #f5f5f5;
+  background-color: #000;
   position: relative;
   padding: 0 68px;
   display: flex;
diff --git a/src/styles/style.scss b/src/styles/style.scss
index 514b007..198967e 100644
--- a/src/styles/style.scss
+++ b/src/styles/style.scss
@@ -1,5 +1,6 @@
 @import 'common/base';
 @import 'common/define';
+@import './assets/fonts/font.css';
 #app {
   position: relative;
   width: 100%;
@@ -7,11 +8,31 @@
   font-family: Avenir, sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  background-color: #ffffff;
+  background-color: #000;
+}
+.el-dialog__body {
+  overflow: hidden auto;
+  height: auto;
+  max-height: calc(100vh - 130px);
+}
+.txt-ellipsis {
+  display: -webkit-inline-box;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: break-all;
+  white-space: normal;
+}
+.clamp1 {
+  line-clamp: 1;
+  -webkit-line-clamp: 1;
+  line-height: 1.5;
+  max-height: calc(1.5em * 1);
 }
 
-// .el-dialog__body {
-//   overflow: hidden auto;
-//   height: auto;
-//   max-height: calc(100vh - 130px);
-// }
+.clamp2 {
+  line-clamp: 2;
+  -webkit-line-clamp: 2;
+  line-height: 1.5;
+  max-height: calc(1.5em * 2);
+}
\ No newline at end of file
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 6b6e071..869ea37 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -87,7 +87,7 @@ let rollDataList = reactive([
     flex-direction: column;
   }
   .left-charts-item {
-    width: 100%;
+    width: calc(100% - 5px);
     height: calc((100% - 30px) / 3);
   }
 
@@ -98,7 +98,7 @@ let rollDataList = reactive([
     flex-direction: column;
   }
   .right-charts-item {
-    width: 100%;
+    width: calc(100% - 5px);
     height: calc((100% - 30px) / 3);
   }
 }
diff --git a/src/views/land/index.vue b/src/views/land/index.vue
index 3f6caa1..704a754 100644
--- a/src/views/land/index.vue
+++ b/src/views/land/index.vue
@@ -1,60 +1,56 @@
 <template>
   <div class="data-home-index">
-    <baseBg :name-val="'land'" top-title="土地资源管理系统">
-      <template #center>
-        <el-row style="width: 100%; height: 100%">
-          <el-col :span="6" class="left-charts">
-            <div class="left-charts-item">
-              <customBack top-title="耕地面积统计" :top-postion="'left'">
-                <template #back>
-                  <distributionCharts></distributionCharts>
-                </template>
-              </customBack>
-            </div>
-            <div class="left-charts-item">
-              <customBack top-title="农村土地资源" :top-postion="'left'">
-                <template #back>
-                  <landCirculation></landCirculation>
-                </template>
-              </customBack>
-            </div>
-            <div class="left-charts-item">
-              <customBack top-title="项目效益分析" :top-postion="'left'">
-                <template #back>
-                  <landPatrol></landPatrol>
-                </template>
-              </customBack>
-            </div>
-          </el-col>
-          <el-col :span="12">
-            <centerMap></centerMap>
-          </el-col>
-          <el-col :span="6" class="right-charts">
-            <div class="right-charts-item">
-              <customBack top-title="农用地数据统计" :top-postion="'right'">
-                <template #back>
-                  <landuseCharts></landuseCharts>
-                </template>
-              </customBack>
-            </div>
-            <div class="right-charts-item">
-              <customBack top-title="年度农用地规划面积" :top-postion="'right'">
-                <template #back>
-                  <landPlan></landPlan>
-                </template>
-              </customBack>
-            </div>
-            <div class="right-charts-item">
-              <customBack top-title="各地农用地利用面积" :top-postion="'right'">
-                <template #back>
-                  <landareaCharts></landareaCharts>
-                </template>
-              </customBack>
-            </div>
-          </el-col>
-        </el-row>
-      </template>
-    </baseBg>
+    <el-row style="width: 100%; height: 100%">
+      <el-col :span="6" class="left-charts">
+        <div class="left-charts-item">
+          <customBack top-title="耕地面积统计" :top-postion="'left'">
+            <template #back>
+              <distributionCharts></distributionCharts>
+            </template>
+          </customBack>
+        </div>
+        <div class="left-charts-item">
+          <customBack top-title="农村土地资源" :top-postion="'left'">
+            <template #back>
+              <landCirculation></landCirculation>
+            </template>
+          </customBack>
+        </div>
+        <div class="left-charts-item">
+          <customBack top-title="项目效益分析" :top-postion="'left'">
+            <template #back>
+              <landPatrol></landPatrol>
+            </template>
+          </customBack>
+        </div>
+      </el-col>
+      <el-col :span="12">
+        <centerMap></centerMap>
+      </el-col>
+      <el-col :span="6" class="right-charts">
+        <div class="right-charts-item">
+          <customBack top-title="农用地数据统计" :top-postion="'right'">
+            <template #back>
+              <landuseCharts></landuseCharts>
+            </template>
+          </customBack>
+        </div>
+        <div class="right-charts-item">
+          <customBack top-title="年度农用地规划面积" :top-postion="'right'">
+            <template #back>
+              <landPlan></landPlan>
+            </template>
+          </customBack>
+        </div>
+        <div class="right-charts-item">
+          <customBack top-title="各地农用地利用面积" :top-postion="'right'">
+            <template #back>
+              <landareaCharts></landareaCharts>
+            </template>
+          </customBack>
+        </div>
+      </el-col>
+    </el-row>
   </div>
 </template>
 <script setup>