diff --git a/assets/styles/mixin.less b/assets/styles/mixin.less
index 0c456fe..3dae998 100644
--- a/assets/styles/mixin.less
+++ b/assets/styles/mixin.less
@@ -78,6 +78,12 @@
   align-items: center;
   flex-direction: @type;
 }
+.bg(@url, @left: left, @top: top) {
+  background: url(@url) @left @top no-repeat;
+  background-size: 100% 100%;
+}
+
+
 .flex-row{
   display: flex;
   flex-flow: row;
@@ -93,3 +99,4 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+
diff --git a/buildPlugins/pxresize.js b/buildPlugins/pxresize.js
new file mode 100644
index 0000000..55b98f4
--- /dev/null
+++ b/buildPlugins/pxresize.js
@@ -0,0 +1,29 @@
+'use strict';
+
+let postcss = require('postcss');
+
+let pxRegExp = /\b(\d+(\.\d+)?)px\b/;
+let pxGlobalRegExp = new RegExp(pxRegExp.source, 'g');
+
+module.exports = postcss.plugin('postcss-px2rem', (option) => {
+    let opt = Object.assign({
+        scale: 0.5,
+        ignore: []
+    }, option)
+
+    return (root, result) => {
+      const ignore = opt.ignore || []
+      const file = result.opts.from
+      for (const ignoreElement of ignore) {
+        if (file.indexOf(ignoreElement) >= 0) return
+      }
+      root.walkDecls(function(decl) {
+            if (/px/.test(decl.value)) {
+                decl.value = decl.value.replace(pxGlobalRegExp, function(match, p1) {
+                    return p1 * opt.scale + 'px'
+                })
+            }
+        })
+        result.root = root
+    };
+});
diff --git a/components/AirQuality.vue b/components/AirQuality.vue
index e2a394d..e87f028 100644
--- a/components/AirQuality.vue
+++ b/components/AirQuality.vue
@@ -143,8 +143,7 @@ export default {
       .num-bg {
         width: 239px;
         height: 270px;
-        background: url("assets/peakCoalImages/left/air-excellent-rate-bg.png") no-repeat;
-        background-size: 100% 100%;
+        .bg("~/assets/peakCoalImages/left/air-excellent-rate-bg.png");
         font-family: YouSheBiaoTiHei;
         font-size: 85.62px;
         color: #FFFFFF;
diff --git a/components/CustomTitle.vue b/components/CustomTitle.vue
index e2b9483..8c317ed 100644
--- a/components/CustomTitle.vue
+++ b/components/CustomTitle.vue
@@ -17,8 +17,9 @@ export default {
 </script>
 
 <style scoped lang="less">
+@import "../assets/styles/mixin";
   .custom-title {
-    ont-family: HYHeiFangJ;
+    font-family: HYHeiFangJ;
     font-size: 18px;
     color: #FFFFFF;
     letter-spacing: 1px;
@@ -27,12 +28,10 @@ export default {
     padding-left: 36px;
     height: 32px;
     &.type-1 {
-      background: url("assets/images/title.png") left top no-repeat;
-      background-size: 100% 100%;
+      .bg("~/assets/images/title.png");
     }
     &.type-2 {
-      background: url("assets/images/title2.png") left top no-repeat;
-      background-size: 100% 100%;
+      .bg("~/assets/images/title2.png");
     }
 
   }
diff --git a/components/DeviceRun.vue b/components/DeviceRun.vue
index 5c640b8..683542c 100644
--- a/components/DeviceRun.vue
+++ b/components/DeviceRun.vue
@@ -103,19 +103,19 @@ export default {
       .monitor-point-icon {
         width: 173px;
         height: 172px;
-        background: url("assets/peakCoalImages/right/monitor-point-icon.png") no-repeat;
+        .bg("~/assets/peakCoalImages/right/monitor-point-icon.png")
       }
 
       .microsite-icon {
         width: 172px;
         height: 173px;
-        background: url("assets/peakCoalImages/right/microsite-icon.png") no-repeat;
+        .bg("~/assets/peakCoalImages/right/microsite-icon.png")
       }
 
       .tester-icon {
         width: 173px;
         height: 173px;
-        background: url("assets/peakCoalImages/right/tester-icon.png") no-repeat;
+        .bg("~/assets/peakCoalImages/right/tester-icon.png")
       }
 
       .data-value-info {
diff --git a/components/EnergyUse.vue b/components/EnergyUse.vue
index 0e35b9d..10cce1b 100644
--- a/components/EnergyUse.vue
+++ b/components/EnergyUse.vue
@@ -157,7 +157,7 @@ export default {
         .electricity-icon {
           width: 132px;
           height: 159px;
-          background: url("assets/peakCoalImages/right/electricity-icon.png") no-repeat;
+          .bg("~/assets/peakCoalImages/right/electricity-icon.png");
         }
 
         .electricity-info {
@@ -171,7 +171,7 @@ export default {
         .water-icon {
           width: 132px;
           height: 159px;
-          background: url("assets/peakCoalImages/right/water-icon.png") no-repeat;
+          .bg("~/assets/peakCoalImages/right/water-icon.png");
         }
 
         .water-info {
@@ -212,7 +212,7 @@ export default {
     .tab-type {
       width: 144px;
       height: 59px;
-      background: url("assets/peakCoalImages/left/pollutant-type-default-bg.png") no-repeat;
+      .bg("~/assets/peakCoalImages/left/pollutant-type-default-bg.png");
       font-family: MicrosoftYaHei;
       font-size: 29.97px;
       color: rgba(216, 240, 255, 0.50);
@@ -225,7 +225,7 @@ export default {
     }
 
     .active-tab {
-      background: url("assets/peakCoalImages/left/pollutant-type-active-bg.png") no-repeat;
+      .bg("~/assets/peakCoalImages/left/pollutant-type-active-bg.png");
       color: #D8F0FF;
       text-shadow: 0 0 33px #0091FF;
       font-weight: 400;
diff --git a/components/EnterpriseOperations.vue b/components/EnterpriseOperations.vue
index 413787d..505d3de 100644
--- a/components/EnterpriseOperations.vue
+++ b/components/EnterpriseOperations.vue
@@ -174,7 +174,7 @@ export default {
           bottom: -20px;
           width: 252px;
           height: 67px;
-          background: url("assets/peakCoalImages/right/operational-icon.png") no-repeat;
+          .bg("~/assets/peakCoalImages/right/operational-icon.png");
         }
       }
     }
@@ -195,7 +195,7 @@ export default {
     .tab-type {
       width: 144px;
       height: 59px;
-      background: url("assets/peakCoalImages/left/pollutant-type-default-bg.png") no-repeat;
+      .bg("~/assets/peakCoalImages/left/pollutant-type-default-bg.png");
       font-family: MicrosoftYaHei;
       font-size: 29.97px;
       color: rgba(216, 240, 255, 0.50);
@@ -208,7 +208,7 @@ export default {
     }
 
     .active-tab {
-      background: url("assets/peakCoalImages/left/pollutant-type-active-bg.png") no-repeat;
+      .bg("~/assets/peakCoalImages/left/pollutant-type-active-bg.png");
       color: #D8F0FF;
       text-shadow: 0 0 33px #0091FF;
       font-weight: 400;
diff --git a/components/NumCon.vue b/components/NumCon.vue
index cd78e51..f1f271d 100644
--- a/components/NumCon.vue
+++ b/components/NumCon.vue
@@ -55,8 +55,7 @@ export default {
       margin-right: 8px;
       width: 39px;
       height: 46px;
-      background: url("assets/images/矩形 2.png") left top no-repeat;
-      background-size: 100%  100%;
+      .bg("~/assets/images/矩形 2.png");
       font-family: HIKLDH-Number-CondensedMedium;
       font-size: 24px;
       color: #08EBF5;
diff --git a/components/OverviewPollutants.vue b/components/OverviewPollutants.vue
index df50417..320c18d 100644
--- a/components/OverviewPollutants.vue
+++ b/components/OverviewPollutants.vue
@@ -194,7 +194,7 @@ export default {
       .pollutant-values {
         width: 463px;
         height: 133px;
-        background: url("assets/peakCoalImages/left/pollutant-values-bg.png") no-repeat;
+        .bg("~/assets/peakCoalImages/left/pollutant-values-bg.png");
         .flex-row;
         padding: 0 27px;
 
@@ -204,15 +204,15 @@ export default {
         }
 
         .pollutant-level-icon {
-          background: url("assets/peakCoalImages/left/pollutant-level-icon.png") no-repeat;
+          .bg("~/assets/peakCoalImages/left/pollutant-level-icon.png");
         }
 
         .pollutant-reduction-icon {
-          background: url("assets/peakCoalImages/left/pollutant-reduction-icon.png") no-repeat;
+          .bg("~/assets/peakCoalImages/left/pollutant-reduction-icon.png");
         }
 
         .pollutant-up-icon {
-          background: url("assets/peakCoalImages/left/pollutant-up-icon.png") no-repeat;
+          .bg("~/assets/peakCoalImages/left/pollutant-up-icon.png");
         }
 
         .pollutant-other-info {
diff --git a/components/Pie.vue b/components/Pie.vue
index 4fb6f21..00b2bb2 100644
--- a/components/Pie.vue
+++ b/components/Pie.vue
@@ -93,8 +93,7 @@ export default {
     .pie-box {
       width: 146px;
       height: 146px;
-      background: url('assets/images/圆环背景.png') center no-repeat;
-      background-size: 146px 146px;
+      .bg("~/assets/images/圆环背景.png");
       position: absolute;
       left: 50%;
       top: 50%;
diff --git a/components/PollutantTrends.vue b/components/PollutantTrends.vue
index de3c0d5..f8b3b3e 100644
--- a/components/PollutantTrends.vue
+++ b/components/PollutantTrends.vue
@@ -153,7 +153,7 @@ export default {
     .pollutant-type {
       width: 144px;
       height: 59px;
-      background: url("assets/peakCoalImages/left/pollutant-type-default-bg.png") no-repeat;
+      .bg("~/assets/peakCoalImages/left/pollutant-type-default-bg.png");
       font-family: MicrosoftYaHei;
       font-size: 29.97px;
       color: rgba(216, 240, 255, 0.50);
@@ -166,7 +166,7 @@ export default {
     }
 
     .active-tab {
-      background: url("assets/peakCoalImages/left/pollutant-type-active-bg.png") no-repeat;
+      .bg("~/assets/peakCoalImages/left/pollutant-type-active-bg.png");
       color: #D8F0FF;
       text-shadow: 0 0 33px #0091FF;
       font-weight: 400;
diff --git a/components/SecondaryTitle.vue b/components/SecondaryTitle.vue
index 40b080c..ce0b6f1 100644
--- a/components/SecondaryTitle.vue
+++ b/components/SecondaryTitle.vue
@@ -30,15 +30,13 @@ export default {
 .secondary-title {
   width: 100%;
   height: 84px;
-  background: url("assets/peakCoalImages/common/small-seconfary-title-bg.png") no-repeat;
-  background-size: 100% 100%;
+  .bg("~/assets/peakCoalImages/common/small-seconfary-title-bg.png");
   .clear-fix;
 
   &.longBg {
     width: 100%;
     height: 84px;
-    background: url("assets/peakCoalImages/common/long-seconfary-title-bg.png") no-repeat;
-    background-size: 100% 100%;
+    .bg("~/assets/peakCoalImages/common/long-seconfary-title-bg.png");
   }
 
   ._title {
diff --git a/components/SwiperCard.vue b/components/SwiperCard.vue
index e5c81b6..1f70a50 100644
--- a/components/SwiperCard.vue
+++ b/components/SwiperCard.vue
@@ -34,8 +34,7 @@ export default {
 <style scoped lang="less">
 @import "assets/styles/mixin";
 .swiper-card {
-  background: url('assets/images/顶部本月的粉 3.png') left top no-repeat;
-  background-size: 100% 100%;
+  .bg("~/assets/images/顶部本月的粉 3.png");
   width: 166px;
   height: 213px;
   box-sizing: border-box;
diff --git a/components/TabItem.vue b/components/TabItem.vue
index d9f6d3a..05cd1b6 100644
--- a/components/TabItem.vue
+++ b/components/TabItem.vue
@@ -36,9 +36,9 @@ export default {
 }
 </script>
 <style lang='less' scoped>
+@import "../assets/styles/mixin";
 .TabItem {
-  background: url('assets/images/sel.png') left top no-repeat;
-  background-size: 100% 100%;
+  .bg("~/assets/images/sel.png");
   width: 64px;
   height: 23px;
   display: flex;
@@ -54,13 +54,11 @@ export default {
   line-height: 23px;
   cursor: pointer;
   &.selected {
-    background: url('assets/images/sel备份.png') left top no-repeat;
-    background-size: 100% 100%;
+    .bg("~/assets/images/sel备份.png");
     color: #08EBF5;
   }
   &:hover {
-    background: url('assets/images/sel备份.png') left top no-repeat;
-    background-size: 100% 100%;
+    .bg("~/assets/images/sel备份.png");
     color: #08EBF5;
   }
 }
diff --git a/components/ThirdLevelLabel.vue b/components/ThirdLevelLabel.vue
index 32321be..714ee8c 100644
--- a/components/ThirdLevelLabel.vue
+++ b/components/ThirdLevelLabel.vue
@@ -36,7 +36,7 @@ export default {
   ._icon {
     width: 20px;
     height: 20px;
-    background: url("assets/peakCoalImages/common/third-level-label-icon.png") no-repeat;
+    .bg("~/assets/peakCoalImages/common/third-level-label-icon.png");
     float: left;
     position: relative;
     top: 50%;
diff --git a/components/WarningInfoItem.vue b/components/WarningInfoItem.vue
index 9779435..2cb07f2 100644
--- a/components/WarningInfoItem.vue
+++ b/components/WarningInfoItem.vue
@@ -64,7 +64,7 @@ export default {
 .warning-data-card {
   height: 202px;
   width: 891px;
-  background: url("assets/peakCoalImages/right/warning-card-bg.png") no-repeat;
+  .bg("~/assets/peakCoalImages/right/warning-card-bg.png");
   padding-left: 28px;
   position: relative;
   .flex-row;
@@ -104,13 +104,13 @@ export default {
       .site-icon {
         width: 26px;
         height: 34px;
-        background: url("assets/peakCoalImages/right/warning-site-icon.png") no-repeat;
+        .bg("~/assets/peakCoalImages/right/warning-site-icon.png");
       }
 
       .warning-time-icon {
         width: 33px;
         height: 33px;
-        background: url("assets/peakCoalImages/right/warning-time-icon.png") no-repeat;
+        .bg("~/assets/peakCoalImages/right/warning-time-icon.png");
 
       }
 
@@ -142,11 +142,11 @@ export default {
   }
 
   .discuss-decide-bg {
-    background: url("assets/peakCoalImages/right/discuss-decide-bg.png") no-repeat;
+    .bg("~/assets/peakCoalImages/right/discuss-decide-bg.png");
   }
 
   .pending-approval-bg {
-    background: url("assets/peakCoalImages/right/pending-approval-bg.png") no-repeat;
+    .bg("~/assets/peakCoalImages/right/pending-approval-bg.png");
   }
 }
 </style>
diff --git a/components/WarningStatistics.vue b/components/WarningStatistics.vue
index 2fa48f6..f59f1b3 100644
--- a/components/WarningStatistics.vue
+++ b/components/WarningStatistics.vue
@@ -85,7 +85,7 @@ export default {
         .warning-icon {
           width: 194px;
           height: 114px;
-          background: url("assets/peakCoalImages/right/warning-icon.png") no-repeat;
+          .bg("~/assets/peakCoalImages/right/warning-icon.png");
         }
 
         ._title {
@@ -109,7 +109,7 @@ export default {
     .warning-type-pie {
       flex: 1;
       height: 0;
-      background: url("assets/peakCoalImages/right/warning-type-pie-bg.png") no-repeat 20px center;
+      .bg("~/assets/peakCoalImages/right/warning-type-pie-bg.png", left, 20px);
     }
   }
 }
diff --git a/config/mapConfig.js b/config/mapConfig.js
index 7742d21..eb23c4e 100644
--- a/config/mapConfig.js
+++ b/config/mapConfig.js
@@ -11,11 +11,11 @@ export const ms3dConfig = {
     "shadows": false,
     "removeDblClick": true,
     "sceneMode": 3,
-    "showSun": true,
-    "showMoon": true,
+    "showSun": false,
+    "showMoon": false,
     "showSkyBox": true,
     "showSkyAtmosphere": true,
-    "fog": true,
+    "fog": false,
     "fxaa": true,
     "requestRenderMode": false,
     "contextOptions": {
@@ -40,22 +40,22 @@ export const ms3dConfig = {
     }
   },
   "control": {
-    "homeButton": true,
-    "baseLayerPicker": true,
-    "sceneModePicker": true,
+    "homeButton": false,
+    "baseLayerPicker": false,
+    "sceneModePicker": false,
     "vrButton": false,
-    "fullscreenButton": true,
-    "navigationHelpButton": true,
+    "fullscreenButton": false,
+    "navigationHelpButton": false,
     "animation": false,
     "timeline": false,
     "infoBox": false,
     "geocoder": false,
     "selectionIndicator": false,
-    "showRenderLoopErrors": true,
+    "showRenderLoopErrors": false,
     "contextmenu": {
-      "hasDefault": true
+      "hasDefault": false
     },
-    "mouseDownView": true,
+    "mouseDownView": false,
     "zoom": {
       "insertBefore": "sceneModePicker"
     },
@@ -79,7 +79,7 @@ export const ms3dConfig = {
   },
   "terrain": {
     "url": "//data.mars3d.cn/terrain",
-    "show": true
+    "show": false
   },
   "basemaps": [
     {
@@ -87,15 +87,6 @@ export const ms3dConfig = {
       "name": "地图底图",
       "type": "group"
     },
-    {
-      "id": 2021,
-      "pid": 10,
-      "name": "谷歌影像",
-      "icon": "/img/basemaps/google_img.png",
-      "type": "google",
-      "layer": "img_d",
-      "show": true
-    },
     {
       "pid": 10,
       "name": "天地图影像",
@@ -113,208 +104,8 @@ export const ms3dConfig = {
           "layer": "img_z"
         }
       ],
-      "show": false
+      "show": true
     },
-    {
-      "pid": 10,
-      "name": "天地图电子",
-      "icon": "/img/basemaps/tdt_vec.png",
-      "type": "group",
-      "layers": [
-        {
-          "name": "底图",
-          "type": "tdt",
-          "layer": "vec_d"
-        },
-        {
-          "name": "注记",
-          "type": "tdt",
-          "layer": "vec_z"
-        }
-      ]
-    },
-    {
-      "pid": 10,
-      "name": "高德影像",
-      "type": "group",
-      "icon": "/img/basemaps/gaode_img.png",
-      "layers": [
-        {
-          "name": "底图",
-          "type": "gaode",
-          "layer": "img_d"
-        },
-        {
-          "name": "注记",
-          "type": "gaode",
-          "layer": "img_z"
-        }
-      ]
-    },
-    {
-      "pid": 10,
-      "name": "高德电子",
-      "type": "gaode",
-      "icon": "/img/basemaps/gaode_vec.png",
-      "layer": "vec"
-    },
-    {
-      "pid": 10,
-      "name": "百度影像",
-      "type": "group",
-      "icon": "/img/basemaps/bd-img.png",
-      "layers": [
-        {
-          "name": "底图",
-          "type": "baidu",
-          "layer": "img_d"
-        },
-        {
-          "name": "注记",
-          "type": "baidu",
-          "layer": "img_z"
-        }
-      ]
-    },
-    {
-      "pid": 10,
-      "name": "百度电子",
-      "icon": "/img/basemaps/bd-vec.png",
-      "type": "baidu",
-      "layer": "vec"
-    },
-    {
-      "pid": 10,
-      "name": "腾讯影像",
-      "icon": "/img/basemaps/tencent_img.png",
-      "type": "group",
-      "layers": [
-        {
-          "name": "底图",
-          "type": "tencent",
-          "layer": "img_d"
-        },
-        {
-          "name": "注记",
-          "type": "tencent",
-          "layer": "img_z"
-        }
-      ]
-    },
-    {
-      "pid": 10,
-      "name": "腾讯电子",
-      "icon": "/img/basemaps/tencent_vec.png",
-      "type": "tencent",
-      "layer": "vec"
-    },
-    {
-      "pid": 10,
-      "name": "ArcGIS影像",
-      "icon": "/img/basemaps/esriWorldImagery.png",
-      "type": "xyz",
-      "url": "https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
-      "enablePickFeatures": false
-    },
-    {
-      "pid": 10,
-      "name": "微软影像",
-      "icon": "/img/basemaps/bingAerial.png",
-      "type": "bing",
-      "layer": "Aerial"
-    },
-    {
-      "id": 2017,
-      "pid": 10,
-      "name": "暗色底图",
-      "type": "gaode",
-      "icon": "/img/basemaps/blackMarble.png",
-      "layer": "vec",
-      "invertColor": true,
-      "filterColor": "#4e70a6",
-      "brightness": 0.6,
-      "contrast": 1.8,
-      "gamma": 0.3,
-      "hue": 1,
-      "saturation": 0
-    },
-    {
-      "pid": 10,
-      "name": "蓝色底图",
-      "icon": "/img/basemaps/bd-c-midnight.png",
-      "type": "xyz",
-      "url": "http://map.geoq.cn/arcgis/rest/services/ChinaOnlineStreetPurplishBlue/MapServer/tile/{z}/{y}/{x}",
-      "chinaCRS": "GCJ02",
-      "enablePickFeatures": false
-    },
-    {
-      "pid": 10,
-      "name": "黑色底图",
-      "icon": "/img/basemaps/bd-c-dark.png",
-      "type": "tencent",
-      "layer": "custom",
-      "style": "4"
-    },
-    {
-      "pid": 10,
-      "name": "离线地图 (供参考)",
-      "type": "group",
-      "icon": "/img/basemaps/google_img.png",
-      "layers": [
-        {
-          "name": "全球",
-          "type": "xyz",
-          "url": "{dataServer}/tile/googleImg/{z}/{x}/{y}.jpg",
-          "minimumLevel": 0,
-          "maximumLevel": 9
-        },
-        {
-          "name": "中国",
-          "type": "xyz",
-          "url": "{dataServer}/tile/googleImg/{z}/{x}/{y}.jpg",
-          "minimumTerrainLevel": 10,
-          "minimumLevel": 10,
-          "maximumLevel": 12,
-          "rectangle": {
-            "xmin": 69.706929,
-            "xmax": 136.560941,
-            "ymin": 15.831038,
-            "ymax": 52.558005
-          }
-        },
-        {
-          "name": "具体项目(如合肥)",
-          "type": "xyz",
-          "url": "{dataServer}/tile/googleImg/{z}/{x}/{y}.jpg",
-          "minimumTerrainLevel": 12,
-          "minimumLevel": 12,
-          "maximumLevel": 18,
-          "rectangle": {
-            "xmin": 116.33236,
-            "xmax": 118.183557,
-            "ymin": 31.143784,
-            "ymax": 32.565035
-          }
-        }
-      ]
-    },
-    {
-      "pid": 10,
-      "name": "单张图片 (本地离线)",
-      "icon": "/img/basemaps/offline.png",
-      "type": "image",
-      "url": "//data.mars3d.cn/file/img/world/world.jpg"
-    },
-    {
-      "id": 2023,
-      "pid": 10,
-      "name": "无底图",
-      "icon": "/img/basemaps/null.png",
-      "type": "grid",
-      "color": "#ffffff",
-      "alpha": 0.03,
-      "cells": 2
-    }
   ],
   "layers": [
     {
diff --git a/nuxt.config.js b/nuxt.config.js
index 5c84605..1dac675 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -61,5 +61,8 @@ export default {
   // Build Configuration: https://go.nuxtjs.dev/config-build
   build: {
 
+  },
+  env: {
+    scale: 0.5
   }
 }
diff --git a/package.json b/package.json
index 09d611b..27b678a 100644
--- a/package.json
+++ b/package.json
@@ -13,6 +13,7 @@
     "axios": "^1.6.1",
     "core-js": "^3.25.3",
     "echarts": "^5.4.3",
+    "lodash": "^4.17.21",
     "loglevel": "^1.9.1",
     "mars3d": "^3.7.3",
     "nuxt": "^2.15.8",
@@ -20,8 +21,7 @@
     "vue-echarts": "^4.1.0",
     "vue-seamless-scroll": "^1.1.23",
     "vue-server-renderer": "^2.7.10",
-    "vue-template-compiler": "^2.7.10",
-    "lodash": "^4.17.21"
+    "vue-template-compiler": "^2.7.10"
   },
   "devDependencies": {
     "less": "^4.2.0",
diff --git a/pages/index.vue b/pages/index.vue
index 4df2f89..1154f7d 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,5 +1,7 @@
 <template>
-  <div>hello world</div>
+  <div>
+    <Map />
+  </div>
 </template>
 
 <script>
diff --git a/pages/visual/PeakCoalView.vue b/pages/visual/PeakCoalView.vue
index 3a81c95..f5ef07a 100644
--- a/pages/visual/PeakCoalView.vue
+++ b/pages/visual/PeakCoalView.vue
@@ -63,7 +63,7 @@
       <div class="right-icon point"></div>
     </div>
 
-    <Map />
+<!--    <Map />-->
 
   </div>
 </template>
@@ -170,7 +170,7 @@ body, html, #__nuxt, #__layout {
     top: 0px;
     height: 507px;
     width: 100%;
-    background: url("assets/peakCoalImages/header/first-title-bg.png") no-repeat center center;
+    .bg("~/assets/peakCoalImages/header/first-title-bg.png");
 
   }
 
@@ -185,7 +185,7 @@ body, html, #__nuxt, #__layout {
       top: 136px;
       width: 2935px;
       height: 2721px;
-      background: url("assets/peakCoalImages/left/left-content-bg.png") no-repeat center 60px;
+      .bg("~/assets/peakCoalImages/left/left-content-bg.png", center, 60px);
       padding: 300px 476px 100px 412px;
       perspective: 500px;
       .left-data-panel {
@@ -202,7 +202,7 @@ body, html, #__nuxt, #__layout {
       top: 136px;
       width: 2935px;
       height: 2721px;
-      background: url("assets/peakCoalImages/right/right-content-bg.png") no-repeat center 60px;
+      .bg("~/assets/peakCoalImages/right/right-content-bg.png", center, 60px);
       padding: 300px 476px 100px 480px;
       perspective: 500px;
 
@@ -221,7 +221,7 @@ body, html, #__nuxt, #__layout {
       transform: translateX(-50%);
       width: 4383px;
       height: 2628px;
-      background: url("assets/peakCoalImages/center/center-content-bg.png") no-repeat center center;
+      .bg("~/assets/peakCoalImages/center/center-content-bg.png");
       pointer-events: none;
     }
   }
@@ -231,7 +231,7 @@ body, html, #__nuxt, #__layout {
     bottom: 0px;
     width: 100%;
     height: 220px;
-    background: url("assets/peakCoalImages/footer/footer-bg.png") no-repeat center center;
+    .bg("~/assets/peakCoalImages/footer/footer-bg.png", center, center);
   }
 
 
@@ -240,8 +240,7 @@ body, html, #__nuxt, #__layout {
     left: 0px;
     width: 531px;
     height: 100%;
-    background: url("assets/peakCoalImages/left/left-icon.png") no-repeat center center;
-    background-size: 100% 100%;
+    .bg("~/assets/peakCoalImages/left/left-icon.png", center, center);
   }
 
   .right-icon {
@@ -249,8 +248,7 @@ body, html, #__nuxt, #__layout {
     right: 0px;
     width: 531px;
     height: 100%;
-    background: url("assets/peakCoalImages/right/right-icon.png") no-repeat center center;
-    background-size: 100% 100%;
+    .bg("~/assets/peakCoalImages/right/right-icon.png", center, center);
   }
 }
 </style>
diff --git a/postcss.config.js b/postcss.config.js
new file mode 100644
index 0000000..729abb6
--- /dev/null
+++ b/postcss.config.js
@@ -0,0 +1,9 @@
+
+module.exports = {
+  plugins: [
+    require('./buildPlugins/pxresize')({
+      scale: 0.5,
+      ignore: ['manager']
+    })
+  ]
+};
diff --git a/static/libs/mars3d/mars3d.css b/static/libs/mars3d/mars3d.css
index 5f69535..d400bd7 100644
--- a/static/libs/mars3d/mars3d.css
+++ b/static/libs/mars3d/mars3d.css
@@ -82,8 +82,6 @@
 .mars3d-contextmenu-ul .line {
   display: block;
   content: "";
-  height: 1px;
-  width: 96%;
   position: absolute;
   left: 2%;
   background: #dddddd;
diff --git a/yarn.lock b/yarn.lock
index a7c1d0e..33fdaa3 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2149,6 +2149,11 @@ ansi-regex@^5.0.1:
   resolved "https://registry.npmmirror.com/ansi-regex/-/ansi-regex-5.0.1.tgz#082cb2c89c9fe8659a311a53bd6a4dc5301db304"
   integrity sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==
 
+ansi-styles@^2.2.1:
+  version "2.2.1"
+  resolved "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-2.2.1.tgz#b432dd3358b634cf75e1e4664368240533c1ddbe"
+  integrity sha512-kmCevFghRiWM7HB5zTPULl4r9bVFSWjz62MhqizDGUrq2NWuNMQyuv4tHHoKJHs69M/MF64lEcHdYIocrdWQYA==
+
 ansi-styles@^3.2.1:
   version "3.2.1"
   resolved "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-3.2.1.tgz#41fbb20243e50b12be0f04b8dedbf07520ce841d"
@@ -2757,6 +2762,17 @@ caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001538, caniuse-lite@^1.0.30001541, can
   resolved "https://registry.npmmirror.com/caniuse-lite/-/caniuse-lite-1.0.30001559.tgz#95a982440d3d314c471db68d02664fb7536c5a30"
   integrity sha512-cPiMKZgqgkg5LY3/ntGeLFUpi6tzddBNS58A4tnTgQw1zON7u2sZMU7SzOeVH4tj20++9ggL+V6FDOFMTaFFYA==
 
+chalk@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.npmmirror.com/chalk/-/chalk-1.1.3.tgz#a8115c55e4a702fe4d150abd3872822a7e09fc98"
+  integrity sha512-U3lRVLMSlsCfjqYPbLyVv11M9CPW4I728d6TCKMAOJueEeB9/8o+eSsMnxPJD+Q+K909sdESg7C+tIkoH6on1A==
+  dependencies:
+    ansi-styles "^2.2.1"
+    escape-string-regexp "^1.0.2"
+    has-ansi "^2.0.0"
+    strip-ansi "^3.0.0"
+    supports-color "^2.0.0"
+
 chalk@^2.3.2, chalk@^2.4.1, chalk@^2.4.2:
   version "2.4.2"
   resolved "https://registry.npmmirror.com/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424"
@@ -3859,7 +3875,7 @@ escape-html@~1.0.3:
   resolved "https://registry.npmmirror.com/escape-html/-/escape-html-1.0.3.tgz#0258eae4d3d0c0974de1c169188ef0051d1d1988"
   integrity sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==
 
-escape-string-regexp@^1.0.5:
+escape-string-regexp@^1.0.2, escape-string-regexp@^1.0.5:
   version "1.0.5"
   resolved "https://registry.npmmirror.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
   integrity sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==
@@ -3970,6 +3986,11 @@ extend-shallow@^3.0.0, extend-shallow@^3.0.2:
     assign-symbols "^1.0.0"
     is-extendable "^1.0.1"
 
+extend@~3.0.0:
+  version "3.0.2"
+  resolved "https://registry.npmmirror.com/extend/-/extend-3.0.2.tgz#f8b1136b4071fbd8eb140aff858b1019ec2915fa"
+  integrity sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==
+
 external-editor@^3.0.3:
   version "3.1.0"
   resolved "https://registry.npmmirror.com/external-editor/-/external-editor-3.1.0.tgz#cb03f740befae03ea4d283caed2741a83f335495"
@@ -4436,11 +4457,23 @@ hard-source-webpack-plugin@^0.13.1:
     webpack-sources "^1.0.1"
     write-json-file "^2.3.0"
 
+has-ansi@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmmirror.com/has-ansi/-/has-ansi-2.0.0.tgz#34f5049ce1ecdf2b0649af3ef24e45ed35416d91"
+  integrity sha512-C8vBJ8DwUCx19vhm7urhTuUsr4/IyP6l4VzNQDv+ryHQObW3TTTp9yB68WpYgRe2bbaGuZ/se74IqFeVnMnLZg==
+  dependencies:
+    ansi-regex "^2.0.0"
+
 has-bigints@^1.0.1, has-bigints@^1.0.2:
   version "1.0.2"
   resolved "https://registry.npmmirror.com/has-bigints/-/has-bigints-1.0.2.tgz#0871bd3e3d51626f6ca0966668ba35d5602d6eaa"
   integrity sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==
 
+has-flag@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmmirror.com/has-flag/-/has-flag-1.0.0.tgz#9d9e793165ce017a00f00418c43f942a7b1d11fa"
+  integrity sha512-DyYHfIYwAJmjAjSSPKANxI8bFY9YtFrgkAfinBojQ8YJTOuOuav64tMUJv584SES4xl74PmuaevIyaLESHdTAA==
+
 has-flag@^3.0.0:
   version "3.0.0"
   resolved "https://registry.npmmirror.com/has-flag/-/has-flag-3.0.0.tgz#b5d454dc2199ae225699f3467e5a07f3b955bafd"
@@ -5054,6 +5087,11 @@ jiti@^1.16.2, jiti@^1.20.0:
   resolved "https://registry.npmmirror.com/jiti/-/jiti-1.21.0.tgz#7c97f8fe045724e136a397f7340475244156105d"
   integrity sha512-gFqAIbuKyyso/3G2qhiO2OM6shY6EPP/R0+mkDbyspxKazh8BXDC5FiFsUjlczgdNz/vfra0da2y+aHrusLG/Q==
 
+js-base64@^2.1.9:
+  version "2.6.4"
+  resolved "https://registry.npmmirror.com/js-base64/-/js-base64-2.6.4.tgz#f4e686c5de1ea1f867dbcad3d46d969428df98c4"
+  integrity sha512-pZe//GGmwJndub7ZghVHz7vjb2LgC1m8B07Au3eYqeqv9emhESByMXxaEgkUkEqJe87oBbSniGYoQNIBklc7IQ==
+
 "js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0:
   version "4.0.0"
   resolved "https://registry.npmmirror.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"
@@ -6938,6 +6976,14 @@ postcss-pseudo-class-any-link@^9.0.0:
   dependencies:
     postcss-selector-parser "^6.0.13"
 
+postcss-px-resize@^0.0.2:
+  version "0.0.2"
+  resolved "https://registry.npmmirror.com/postcss-px-resize/-/postcss-px-resize-0.0.2.tgz#82f2a9dfbf021d6c540f00cf9435ea57b75dc494"
+  integrity sha512-YkpBhtpt2WdApqWmWIN1kwoJ2K4UnpHkdVQRCbSUyoSHan2oxvhLYuUy6CEwrBuFzRm7TVuu69/dEI1/wlpXWw==
+  dependencies:
+    extend "~3.0.0"
+    postcss "^5.0.0"
+
 postcss-reduce-initial@^5.1.2:
   version "5.1.2"
   resolved "https://registry.npmmirror.com/postcss-reduce-initial/-/postcss-reduce-initial-5.1.2.tgz#798cd77b3e033eae7105c18c9d371d989e1382d6"
@@ -7033,6 +7079,16 @@ postcss-value-parser@^4.0.0, postcss-value-parser@^4.1.0, postcss-value-parser@^
   resolved "https://registry.npmmirror.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514"
   integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
 
+postcss@^5.0.0:
+  version "5.2.18"
+  resolved "https://registry.npmmirror.com/postcss/-/postcss-5.2.18.tgz#badfa1497d46244f6390f58b319830d9107853c5"
+  integrity sha512-zrUjRRe1bpXKsX1qAJNJjqZViErVuyEkMTRrwu4ud4sbTtIBRmtaYDrHmcGgmrbsW3MHfmtIf+vJumgQn+PrXg==
+  dependencies:
+    chalk "^1.1.3"
+    js-base64 "^2.1.9"
+    source-map "^0.5.6"
+    supports-color "^3.2.3"
+
 postcss@^7.0.36:
   version "7.0.39"
   resolved "https://registry.npmmirror.com/postcss/-/postcss-7.0.39.tgz#9624375d965630e2e1f2c02a935c82a59cb48309"
@@ -7999,7 +8055,7 @@ string_decoder@~1.1.1:
   dependencies:
     safe-buffer "~5.1.0"
 
-strip-ansi@^3.0.1:
+strip-ansi@^3.0.0, strip-ansi@^3.0.1:
   version "3.0.1"
   resolved "https://registry.npmmirror.com/strip-ansi/-/strip-ansi-3.0.1.tgz#6a385fb8853d952d5ff05d0e8aaf94278dc63dcf"
   integrity sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==
@@ -8044,6 +8100,18 @@ stylehacks@^6.0.0:
     browserslist "^4.21.4"
     postcss-selector-parser "^6.0.4"
 
+supports-color@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmmirror.com/supports-color/-/supports-color-2.0.0.tgz#535d045ce6b6363fa40117084629995e9df324c7"
+  integrity sha512-KKNVtd6pCYgPIKU4cp2733HWYCpplQhddZLBUryaAHou723x+FRzQ5Df824Fj+IyyuiQTRoub4SnIFfIcrp70g==
+
+supports-color@^3.2.3:
+  version "3.2.3"
+  resolved "https://registry.npmmirror.com/supports-color/-/supports-color-3.2.3.tgz#65ac0504b3954171d8a64946b2ae3cbb8a5f54f6"
+  integrity sha512-Jds2VIYDrlp5ui7t8abHN2bjAu4LV/q4N2KivFPpGH0lrka0BMq/33AmECUXlKPcHigkNaqfXRENFju+rlcy+A==
+  dependencies:
+    has-flag "^1.0.0"
+
 supports-color@^5.3.0:
   version "5.5.0"
   resolved "https://registry.npmmirror.com/supports-color/-/supports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f"