diff --git a/src/views/enterprisePollutionMonitoring.vue b/src/views/enterprisePollutionMonitoring.vue
index 7a008191..f6b5ebdf 100644
--- a/src/views/enterprisePollutionMonitoring.vue
+++ b/src/views/enterprisePollutionMonitoring.vue
@@ -1,20 +1,33 @@
 <template>
   <div class="home">
     <div class="left" id="left">
-      <div class="two" style="height: 49%">
+      <div class="one" style="height: 100%">
         <div class="cartitle">
           <div class="titleFont">
             <img src="./../assets/indexN/标题箭头.png" alt="" />
-            <span>预计年/月变化趋势</span>
+            <span>年度行业用电量排放量</span>
+            <img src="./../assets/indexN/标题箭头1.png" alt="" />
+          </div>
+        </div>
+        <div class="content">
+          <div class="line">
+            <div id="detailedTwo3"></div>
+            <div id="detailedTwo4"></div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="left1" id="left">
+      <div class="two" style="height: 49%">
+        <div class="cartitle">
+          <div class="titleFont">
+            <img src="./../assets/indexN/标题箭头.png" alt="" />
+            <span>年度计划停电</span>
             <img src="./../assets/indexN/标题箭头1.png" alt="" />
           </div>
         </div>
         <div class="content">
           <div class="line">
-            <div class="enselect">
-              <img src="../assets/02/地区选择下拉菜单.png" alt="" />
-              <span class="text">2022</span>
-            </div>
             <div id="detailedTwo1"></div>
           </div>
         </div>
@@ -23,40 +36,119 @@
         <div class="cartitle">
           <div class="titleFont">
             <img src="./../assets/indexN/标题箭头.png" alt="" />
-            <span>年/月总投资变化趋势</span>
+            <span>月合格率统计分析</span>
             <img src="./../assets/indexN/标题箭头1.png" alt="" />
           </div>
         </div>
         <div class="content">
           <div class="line">
             <div class="enselect">
-              <img src="../assets/02/地区选择下拉菜单.png" alt="" />
-              <span class="text">2022</span>
+              <img src="../assets/05/日期选择下拉框.png" alt="" />
+              <span class="text"
+                >2023-04-08
+                <span style="color: orange">至</span>
+                2023-09-08</span
+              >
             </div>
             <div id="detailedTwo2"></div>
           </div>
         </div>
       </div>
     </div>
-    <div class="left1" id="left">
-      <div class="one" style="height: 100%">
-        <div class="cartitle">
-          <div class="titleFont">
-            <img src="./../assets/indexN/标题箭头.png" alt="" />
-            <span>县公司预算统计</span>
-            <img src="./../assets/indexN/标题箭头1.png" alt="" />
-          </div>
-        </div>
-        <div class="content">
-          <div class="line">
-            <div id="detailedTwo3"></div>
-          </div>
-        </div>
-      </div>
-    </div>
     <div class="middle" id="middle">
       <div class="map" style="height: 100%">
+        <canvas
+          id="myCanvas"
+          width="1000"
+          height="600"
+          style="position: absolute"
+        ></canvas>
         <img class="allimg" src="../assets/indexN/大丰市选中.png" alt="" />
+        <div class="imgboxtwo">
+          <div class="cartitle">
+            <div class="titleFont" style="color: #fff; font-size: 26px">
+              大丰区
+            </div>
+          </div>
+          <div class="content">
+            <div class="line">
+              <div class="top">
+                <!-- <img src="../assets/05/弹窗图标1.png" alt="" /> -->
+                <div style="position: relative">
+                  <img src="../assets/05/弹窗图标1.png" /> 　
+                  <div
+                    style="
+                      position: absolute;
+                      z-index: 2;
+                      left: 35%;
+                      top: 35%;
+                      align-items: center;
+                      font-size: 26px;
+                      color: yellow;
+                    "
+                  >
+                    104
+                  </div>
+                </div>
+                <h4>降&nbsp;&nbsp;&nbsp;档</h4>
+              </div>
+              <div class="top">
+                <div style="position: relative">
+                  <img src="../assets/05/弹窗图标1.png" /> 　
+                  <div
+                    style="
+                      position: absolute;
+                      z-index: 2;
+                      left: 25%;
+                      top: 30%;
+                      font-size: 26px;
+                      color: yellow;
+                    "
+                  >
+                    1425
+                  </div>
+                </div>
+                <h4>配变停电</h4>
+              </div>
+              <div class="bottom">
+                <div style="position: relative">
+                  <img src="../assets/05/弹窗图标2.png" /> 　
+                  <div
+                    style="
+                      position: absolute;
+                      z-index: 2;
+                      left: 45%;
+                      top: 35%;
+                      font-size: 24px;
+                      color: orange;
+                    "
+                  >
+                    1
+                  </div>
+                </div>
+                <h4>升&nbsp;&nbsp;&nbsp;档</h4>
+              </div>
+              <div class="bottom">
+                <div style="position: relative">
+                  <img src="../assets/05/弹窗图标2.png" /> 　
+                  <div
+                    style="
+                      position: absolute;
+                      z-index: 2;
+                      left: 40%;
+                      top: 35%;
+                      font-size: 26px;
+                      color: orange;
+                    "
+                  >
+                    55
+                  </div>
+                </div>
+                <h4>线路停电</h4>
+              </div>
+            </div>
+          </div>
+        </div>
         <div class="imgboxone">
           <div class="contents">
             <div class="lines">
@@ -68,10 +160,12 @@
                       src="../assets/index/总数据图标1.png"
                       alt=""
                     />
-                    <span>项目数</span>
+                    <span>电压月合格率</span>
                   </div>
                   <h5 class="yellow">
-                    &nbsp;&nbsp;&nbsp;9.279 <span style="color: #fff">万</span>
+                    &nbsp;&nbsp;&nbsp;100&nbsp;<span style="color: #fff"
+                      >%</span
+                    >
                   </h5>
                 </div>
               </div>
@@ -85,11 +179,9 @@
                       src="../assets/index/总数据图标2.png"
                       alt=""
                     />
-                    <span>预算费用总和</span>
+                    <span>合格率低用户数</span>
                   </div>
-                  <h5 class="orange">
-                    &nbsp;&nbsp;118.5<span style="color: #fff">万</span>
-                  </h5>
+                  <h5 class="orange">&nbsp;&nbsp;5</h5>
                 </div>
               </div>
             </div>
@@ -102,9 +194,13 @@
                       src="../assets/index/总数据图标1.png"
                       alt=""
                     />
-                    <span>计划数</span>
+                    <span>电压日合格率</span>
                   </div>
-                  <h5 class="yellow">&nbsp;&nbsp;44</h5>
+                  <h5 class="yellow">
+                    &nbsp;&nbsp;&nbsp;98.95&nbsp;<span style="color: #fff"
+                      >%</span
+                    >
+                  </h5>
                 </div>
               </div>
             </div>
@@ -117,9 +213,9 @@
                       src="../assets/index/总数据图标2.png"
                       alt=""
                     />
-                    <span>物科数</span>
+                    <span>合格率低用户数</span>
                   </div>
-                  <h5 class="orange">&nbsp;&nbsp;10</h5>
+                  <h5 class="orange">&nbsp;&nbsp;5</h5>
                 </div>
               </div>
             </div>
@@ -132,27 +228,97 @@
         <div class="cartitle">
           <div class="titleFont">
             <img src="./../assets/indexN/标题箭头.png" alt="" />
-            <span>县物项目总投资比</span>
+            <span>数据分析统计</span>
             <img src="./../assets/indexN/标题箭头1.png" alt="" />
           </div>
         </div>
         <div class="content">
-          <div class="line">
-            <div id="barCharts"></div>
-          </div>
+          <ul class="contentUl">
+            <li>
+              <div style="position: relative; height: 80%">
+                <img src="../assets/05/数据分析图标.png" />
+                <div class="text">&nbsp;&nbsp;99</div>
+              </div>
+              <h4>需调档配变数量</h4>
+            </li>
+            <li>
+              <div style="position: relative; height: 80%">
+                <img src="../assets/05/数据分析图标.png" />
+                <div class="text">&nbsp;&nbsp;87</div>
+              </div>
+              <h4>负荷关注</h4>
+            </li>
+            <li>
+              <div style="position: relative; height: 80%">
+                <img src="../assets/05/数据分析图标.png" />
+                <div class="text">19005</div>
+              </div>
+              <h4>近60天停电配变数</h4>
+            </li>
+            <li>
+              <div style="position: relative; height: 80%">
+                <img src="../assets/05/数据分析图标.png" />
+                <div class="text">&nbsp;813</div>
+              </div>
+              <h4>近60天停电线路数</h4>
+            </li>
+            <li>
+              <div style="position: relative; height: 80%">
+                <img src="../assets/05/数据分析图标.png" />
+                <div class="texts">
+                  99.95
+                  <span style="font-size: 15px; color: #fff"
+                    >&nbsp;&nbsp;%</span
+                  >
+                </div>
+              </div>
+              <h4>当天供电可靠性</h4>
+            </li>
+            <li>
+              <div style="position: relative; height: 80%">
+                <img src="../assets/05/数据分析图标.png" />
+                <div class="texts">
+                  0.37
+                  <span style="font-size: 15px; color: #fff">次/户</span>
+                </div>
+              </div>
+              <h4>用户平均停电频次</h4>
+            </li>
+            <li>
+              <div style="position: relative; height: 80%">
+                <img src="../assets/05/数据分析图标.png" />
+                <div class="texts">
+                  0.37
+                  <span style="font-size: 15px; color: #fff"
+                    >&nbsp;&nbsp;小时</span
+                  >
+                </div>
+              </div>
+              <h4>用户平均停电时间</h4>
+            </li>
+            <li></li>
+          </ul>
         </div>
       </div>
       <div class="two" style="height: 49%">
         <div class="cartitle">
           <div class="titleFont">
             <img src="./../assets/indexN/标题箭头.png" alt="" />
-            <span>县物资占比分配</span>
+            <span>日合格率统计分析</span>
             <img src="./../assets/indexN/标题箭头1.png" alt="" />
           </div>
         </div>
-        <div class="content">
+        <div class="content" style="height: 100%">
           <div class="line">
-            <div id="detailen"></div>
+            <div class="enselect">
+              <img src="../assets/05/日期选择下拉框.png" alt="" />
+              <span class="text"
+                >2023-05-11
+                <span style="color: orange">至</span>
+                2023-05-16</span
+              >
+            </div>
+            <div id="detailen" style="height: 400px"></div>
           </div>
         </div>
       </div>
@@ -171,6 +337,7 @@
             <table>
               <thead style="color: #fff; font-size: 30px">
                 <tr>
+                  <td>序号</td>
                   <td>县公司名称</td>
                   <td>物科数量</td>
                   <td>计划数量</td>
@@ -178,6 +345,7 @@
               </thead>
               <tbody>
                 <tr v-for="(item, index) in pvTable" :key="index">
+                  <td>{{ item.id }}</td>
                   <td>{{ item.name }}</td>
                   <td>{{ item.stationNumber }}</td>
                   <td class="titleFont">{{ item.alternatorNumber }}</td>
@@ -311,54 +479,64 @@ export default {
       rowTime: "",
       pvTable: [
         {
-          name: "国网东台区供电公司",
-          stationNumber: "0",
-          alternatorNumber: "1",
+          id: 1,
+          name: "南洋供电所",
+          stationNumber: "06",
+          alternatorNumber: "4630",
         },
         {
-          name: "国网东台区供电公司",
-          stationNumber: "23",
-          alternatorNumber: "1",
+          id: 2,
+          name: "南洋供电所",
+          stationNumber: "06",
+          alternatorNumber: "4630",
         },
         {
-          name: "国网东台区供电公司",
-          stationNumber: "1",
-          alternatorNumber: "3",
+          id: 3,
+          name: "南洋供电所",
+          stationNumber: "06",
+          alternatorNumber: "4630",
         },
         {
-          name: "国网东台区供电公司",
-          stationNumber: "1",
-          alternatorNumber: "2",
+          id: 4,
+          name: "南洋供电所",
+          stationNumber: "06",
+          alternatorNumber: "4630",
         },
         {
-          name: "国网东台区供电公司",
-          stationNumber: "14",
-          alternatorNumber: "3",
+          id: 5,
+          name: "南洋供电所",
+          stationNumber: "06",
+          alternatorNumber: "4630",
         },
         {
-          name: "国网东台区供电公司",
-          stationNumber: "45.3w",
-          alternatorNumber: "2",
+          id: 6,
+          name: "南洋供电所",
+          stationNumber: "06",
+          alternatorNumber: "4630",
         },
         {
-          name: "国网东台区供电公司",
-          stationNumber: "13.3w",
-          alternatorNumber: "1",
+          id: 7,
+          name: "南洋供电所",
+          stationNumber: "06",
+          alternatorNumber: "4630",
         },
         {
-          name: "国网东台区供电公司",
-          stationNumber: "23",
-          alternatorNumber: "0",
+          id: 8,
+          name: "南洋供电所",
+          stationNumber: "06",
+          alternatorNumber: "4630",
         },
         {
-          name: "国网东台区供电公司",
-          stationNumber: "23",
-          alternatorNumber: "0",
+          id: 9,
+          name: "南洋供电所",
+          stationNumber: "06",
+          alternatorNumber: "4630",
         },
         {
-          name: "国网东台区供电公司",
-          stationNumber: "356.3w",
-          alternatorNumber: "2",
+          id: 10,
+          name: "南洋供电所",
+          stationNumber: "06",
+          alternatorNumber: "4630",
         },
       ],
     };
@@ -368,71 +546,217 @@ export default {
     this.detailedTwo11();
     this.detailedTwo22();
     this.detailedTwo33();
-    this.barCharts();
+    this.detailedTwo44();
     this.detailen();
+    this.xianDuan();
   },
   methods: {
+    //地图画线
+    xianDuan() {
+      var canvas = document.getElementById("myCanvas");
+      var ctx = canvas.getContext("2d");
+      ctx.moveTo(600, 500); // moveTo(x,y) 定义线条开始坐标
+      ctx.lineTo(770, 120); // lineTo(x,y) 定义线条结束坐标
+      ctx.strokeStyle = "orange";
+      ctx.lineWidth = 5;
+      ctx.stroke();
+    },
     detailedTwo11() {
-      var fontColor = "#fff";
       var myChart = this.$echarts.init(document.getElementById("detailedTwo1"));
       var option = {
         tooltip: {
           trigger: "axis",
           axisPointer: {
-            type: "shadow",
+            type: "cross",
+            crossStyle: {
+              color: "#999",
+            },
           },
         },
+        legend: [
+          {
+            x: "center",
+            data: ["平均停电时间(小时)", "平均停电频次(次/户)"],
+            textStyle: {
+              fontSize: 18,
+              color: "#fff",
+            },
+          },
+          {
+            x: "center",
+            top: "5%",
+            data: ["总时户数", "停电次数", "应采数"],
+            textStyle: {
+              fontSize: 18,
+              color: "#fff",
+            },
+          },
+        ],
         xAxis: [
           {
             type: "category",
-            data: ["2018", "2019", "2020", "2021", "2022"],
+            data: ["2019", "2020", "2021", "2022"],
+            axisPointer: {
+              type: "shadow",
+            },
             axisLabel: {
-              show: true,
-              textStyle: {
-                color: "#ffffff",
-                fontSize: "18",
-              },
+              color: "#fff",
+              fontSize: "18",
             },
-            axisLine: {
-              show: false,
-            },
-            axisTick: {
-              show: false,
-              alignWithLabel: true,
-            },
-            splitArea: { show: false },
           },
         ],
         yAxis: [
           {
             type: "value",
-            name: "",
+            min: 0,
+            max: 5,
+            interval: 1,
             axisLabel: {
+              formatter: "{value} 万",
               textStyle: {
-                color: "#ffffff",
                 fontSize: "18",
               },
             },
+            axisLine: {
+              lineStyle: {
+                color: "#fff",
+              },
+            },
+            splitLine: {
+              show: true,
+              lineStyle: {
+                type: "dashed",
+                // color: 'rgba(66, 192, 255, .3)',
+                color: "rgba(102,102,102,0.6)",
+                width: 1,
+              },
+            },
+          },
+          {
+            type: "value",
+            min: 0,
+            max: 0.5,
+            interval: 0.1,
+            axisLabel: {
+              formatter: "{value}",
+              textStyle: {
+                fontSize: "18",
+              },
+            },
+            axisLine: {
+              lineStyle: {
+                color: "#fff",
+              },
+            },
+            splitLine: {
+              show: true,
+              lineStyle: {
+                type: "dashed",
+                // color: 'rgba(66, 192, 255, .3)',
+                color: "rgba(102,102,102,0.6)",
+                width: 1,
+              },
+            },
           },
         ],
         series: [
           {
-            name: "预计年变化趋势",
+            name: "平均停电时间(小时)",
             type: "bar",
-            barWidth: 40,
+            yAxisIndex: 1,
+
+            tooltip: {
+              valueFormatter: function (value) {
+                return value;
+              },
+            },
             itemStyle: {
               color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-                { offset: 1, color: "rgba(86,254,226,.2) " },
-                { offset: 0.5, color: "rgb(86,254,226,.6)" },
-                { offset: 0, color: "rgb(86,254,226)" },
+                { offset: 1, color: "rgba(240,230,140,.2) " },
+                { offset: 0.5, color: "rgb(240,230,140,.6)" },
+                { offset: 0, color: "rgb(240,230,140)" },
               ]),
               borderRadius: [7, 7, 0, 0], // 柱状图圆角
               borderWidth: 0,
             },
-            emphasis: {
-              focus: "series",
+            data: [0.13, 0.23, 0.13, 0.23],
+          },
+          {
+            name: "平均停电频次(次/户)",
+            type: "bar",
+            yAxisIndex: 1,
+
+            tooltip: {
+              valueFormatter: function (value) {
+                return value;
+              },
             },
-            data: [320, 332, 301, 334, 390],
+            itemStyle: {
+              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                { offset: 1, color: "rgba(65,105,225,.2) " },
+                { offset: 0.5, color: "rgb(65,105,225,.6)" },
+                { offset: 0, color: "rgb(65,105,225)" },
+              ]),
+              borderRadius: [7, 7, 0, 0], // 柱状图圆角
+              borderWidth: 0,
+            },
+            data: [0.23, 0.13, 0.23, 0.13],
+          },
+          {
+            name: "总时户数",
+            type: "line",
+
+            tooltip: {
+              valueFormatter: function (value) {
+                return value;
+              },
+            },
+            itemStyle: {
+              normal: {
+                color: "#0080ff",
+                lineStyle: {
+                  color: "#0080ff",
+                },
+              },
+            },
+            data: [4, 3, 2, 4],
+          },
+          {
+            name: "停电次数",
+            type: "line",
+
+            tooltip: {
+              valueFormatter: function (value) {
+                return value;
+              },
+            },
+            itemStyle: {
+              normal: {
+                color: "#a6a600",
+                lineStyle: {
+                  color: "#a6a600",
+                },
+              },
+            },
+            data: [2, 3, 4, 3],
+          },
+          {
+            name: "应采数",
+            type: "line",
+            tooltip: {
+              valueFormatter: function (value) {
+                return value;
+              },
+            },
+            itemStyle: {
+              normal: {
+                color: "#977000",
+                lineStyle: {
+                  color: "#977000",
+                },
+              },
+            },
+            data: [3, 1, 4, 2],
           },
         ],
       };
@@ -446,48 +770,123 @@ export default {
       var myChart = this.$echarts.init(document.getElementById("detailedTwo2"));
       var option = {
         tooltip: {
-          show: true,
-          trigger: "item",
+          trigger: "axis",
+          axisPointer: {
+            type: "cross",
+            crossStyle: {
+              color: "#999",
+            },
+          },
         },
-        grid: {
-          left: "3%",
-          right: "4%",
-          bottom: "3%",
-          containLabel: true,
-        },
-        xAxis: {
-          type: "category",
-          boundaryGap: false,
-          axisLabel: {
+        legend: {
+          textStyle: {
+            fontSize: 16,
             color: "#fff",
-            fontSize: "16",
           },
-          axisTick: {
-            show: false,
-          },
-          splitLine: {
-            show: false,
-            lineStyle: {
-              color: "#195384",
-            },
-          },
-          data: ["2018", "2019", "2020", "2021", "2022"],
+          data: ["月合格率低用户数", "月合格率"],
+          // orient 设置布局方式，默认水平布局，可选值：'horizontal'（水平） ¦ 'vertical'（垂直）
+          orient: "vertical",
+          // x 设置水平安放位置，默认全图居中，可选值：'center' ¦ 'left' ¦ 'right' ¦ {number}（x坐标，单位px）
+          x: "right",
+          // y 设置垂直安放位置，默认全图顶端，可选值：'top' ¦ 'bottom' ¦ 'center' ¦ {number}（y坐标，单位px）、
+          y: "top",
         },
-        yAxis: {
-          type: "value",
-          axisLine: {
-            lineStyle: {
+        xAxis: [
+          {
+            type: "category",
+            data: ["4-08", "5-08", "6-08", "7-08", "8-08", "9-08"],
+            axisPointer: {
+              type: "shadow",
+            },
+            axisLabel: {
               color: "#fff",
+              fontSize: "18",
             },
           },
-        },
+        ],
+        yAxis: [
+          {
+            type: "value",
+            min: 0,
+            max: 12000,
+            interval: 3000,
+            splitLine: {
+              show: true,
+              lineStyle: {
+                type: "dashed",
+                // color: 'rgba(66, 192, 255, .3)',
+                color: "rgba(102,102,102,0.6)",
+                width: 1,
+              },
+            },
+            axisLabel: {
+              formatter: "{value}",
+              textStyle: {
+                fontSize: "18",
+              },
+            },
+            axisLine: {
+              lineStyle: {
+                color: "#fff",
+              },
+            },
+          },
+          {
+            type: "value",
+            min: 0,
+            max: 120,
+            interval: 30,
+            axisLabel: {
+              formatter: "{value} %",
+              textStyle: {
+                fontSize: "18",
+              },
+            },
+            splitLine: {
+              show: true,
+              lineStyle: {
+                type: "dashed",
+                // color: 'rgba(66, 192, 255, .3)',
+                color: "rgba(102,102,102,0.6)",
+                width: 1,
+              },
+            },
+            axisLine: {
+              lineStyle: {
+                color: "#fff",
+              },
+            },
+          },
+        ],
         series: [
           {
-            name: "总投资",
+            name: "月合格率低用户数",
+            type: "bar",
+            tooltip: {
+              valueFormatter: function (value) {
+                return value;
+              },
+            },
+            itemStyle: {
+              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                { offset: 1, color: "rgba(86,254,226,.2) " },
+                { offset: 0.5, color: "rgb(86,254,226,.6)" },
+                { offset: 0, color: "rgb(86,254,226)" },
+              ]),
+              borderRadius: [7, 7, 0, 0], // 柱状图圆角
+              borderWidth: 0,
+            },
+            data: [4000, 7000, 6000, 8000, 7000, 9000],
+          },
+          {
+            name: "月合格率",
             type: "line",
-            stack: "Total",
-            symbol: "none",
-            data: [80, 132, 101, 134, 121],
+            yAxisIndex: 1,
+            tooltip: {
+              valueFormatter: function (value) {
+                return value + " %";
+              },
+            },
             itemStyle: {
               normal: {
                 color: "yellow",
@@ -496,6 +895,7 @@ export default {
                 },
               },
             },
+            data: [20, 45, 33, 45, 63, 72],
           },
         ],
       };
@@ -505,103 +905,284 @@ export default {
       });
     },
     detailedTwo33() {
-      // note: 设置灰色背景色的长度的逻辑不够好，请自行调整
-      var honorData = [
-        {
-          name: "2019末",
-          data: [1800, 1600, 1400, 1200, 1000, 800, 600, 400],
-        },
-        {
-          name: "2020上半年",
-          data: [1800, 1600, 1400, 1200, 1000, 800, 600, 400],
-        },
-        {
-          name: "2020下半年",
-          data: [1800, 1600, 1400, 1200, 1000, 800, 600, 400],
-        },
-        {
-          name: "2021年",
-          data: [1800, 1600, 1400, 1200, 1000, 800, 600, 400],
-        },
-      ];
-      var honorXAxisData = [
-        "电机有限公司（合并）",
-        "电机有限公司（本部）",
-        "电气有限公司",
-        "西安电气有限公司",
-        "先锋电气有限公司",
-        "南非电机有限公司",
-      ];
-      // // 设置灰色背景色的长度
-      var isMax = 2000;
-      var bjData1 = [
-        isMax,
-        isMax,
-        isMax,
-        isMax,
-        isMax,
-        isMax,
-        isMax,
-        isMax,
-        isMax,
-      ];
       var myChart = this.$echarts.init(document.getElementById("detailedTwo3"));
-
       var option = {
-        color: ["#0F9AF8", "#2039C3", "rgba(32,57,195,.5)", "#2ECACE"],
         tooltip: {
           trigger: "axis",
           axisPointer: {
-            type: "none",
+            type: "shadow",
           },
         },
-        backgroundColor: "#031f2d",
-
         legend: {
-          right: 5,
-          top: "5%",
-          itemWidth: 10,
-          itemHeight: 10,
-          itemGap: 15,
           textStyle: {
-            color: "#ACCFFF",
-            fontSize: 16,
+            fontSize: 18, //字体大小
+            color: "#ffffff", //字体颜色
           },
-        },
-        grid: {
-          left: "5%",
-          right: "5%",
-          bottom: "5%",
-          top: "10%",
-          containLabel: true,
+
+          data: ["用电量", "碳排放量"],
         },
         xAxis: [
           {
-            type: "value",
-            show: false,
-            axisLine: {
-              show: false,
-            },
-            axisTick: {
-              show: false,
-            },
+            type: "category",
+            data: ["2530", "2541", "2542", "2550", "2610", "2621"],
             axisLabel: {
-              color: "#6B9DD7",
-              fontSize: 16, // 文字大小
-              fontWeight: 400,
-              interval: 0,
-              formatter: function (value) {
-                return value + "(万元)";
+              show: true,
+              textStyle: {
+                color: "#ffffff",
               },
             },
-            splitLine: {
-              show: false,
-            },
           },
         ],
+        yAxis: [
+          {
+            type: "value",
+            name: "",
+            axisLabel: {
+              textStyle: {
+                color: "#ffffff",
+              },
+            },
+            splitLine: {
+              show: true,
+              lineStyle: {
+                type: "dashed",
+                // color: 'rgba(66, 192, 255, .3)',
+                color: "rgba(102,102,102,0.6)",
+                width: 1,
+              },
+            },
+          },
+        ],
+        series: [
+          {
+            name: "碳排放量",
+            type: "bar",
+            itemStyle: {
+              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                { offset: 1, color: "rgba(86,254,226,.2) " },
+                { offset: 0.5, color: "rgb(86,254,226,.6)" },
+                { offset: 0, color: "rgb(86,254,226)" },
+              ]),
+              borderRadius: [7, 7, 0, 0], // 柱状图圆角
+              borderWidth: 0,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: [320, 332, 301, 334, 390, 232],
+          },
+          {
+            name: "用电量",
+            type: "bar",
+            itemStyle: {
+              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                { offset: 1, color: "rgba(255,255,0,.2) " },
+                { offset: 0.5, color: "rgb(255,255,0,.6)" },
+                { offset: 0, color: "rgb(255,255,0)" },
+              ]),
+              borderRadius: [7, 7, 0, 0], // 柱状图圆角
+              borderWidth: 0,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: [220, 182, 191, 234, 290, 331],
+          },
+        ],
+      };
+
+      myChart.setOption(option);
+      window.addEventListener("resize", () => {
+        myChart.resize();
+      });
+    },
+    detailedTwo44() {
+      data = [
+        {
+          name: "本科及以上",
+          value: 13211,
+        },
+        {
+          name: "高中",
+          value: 42111,
+        },
+        {
+          name: "初中及以下",
+          value: 81711,
+        },
+        {
+          name: "其他",
+          value: 121711,
+        },
+      ];
+      arrName = getArrayValue(data, "name");
+      arrValue = getArrayValue(data, "value");
+      sumValue = eval(arrValue.join("+"));
+      objData = array2obj(data, "name");
+      optionData = getData(data);
+      function getArrayValue(array, key) {
+        var key = key || "value";
+        var res = [];
+        if (array) {
+          array.forEach(function (t) {
+            res.push(t[key]);
+          });
+        }
+        return res;
+      }
+
+      function array2obj(array, key) {
+        var resObj = {};
+        for (var i = 0; i < array.length; i++) {
+          resObj[array[i][key]] = array[i];
+        }
+        return resObj;
+      }
+
+      function getData(data) {
+        var res = {
+          series: [],
+          yAxis: [],
+        };
+        for (let i = 0; i < data.length; i++) {
+          res.series.push({
+            name: "学历",
+            type: "pie",
+            clockWise: false, //顺时加载
+            hoverAnimation: false, //鼠标移入变大
+            radius: [65 - i * 15 + "%", 57 - i * 15 + "%"],
+            center: ["30%", "55%"],
+            label: {
+              show: false,
+            },
+            itemStyle: {
+              label: {
+                show: false,
+              },
+              labelLine: {
+                show: false,
+              },
+              borderWidth: 5,
+            },
+            data: [
+              {
+                value: data[i].value,
+                name: data[i].name,
+              },
+              {
+                value: sumValue - data[i].value,
+                name: "",
+                itemStyle: {
+                  color: "rgba(0,0,0,0)",
+                  borderWidth: 0,
+                },
+                tooltip: {
+                  show: false,
+                },
+                hoverAnimation: false,
+              },
+            ],
+          });
+          res.series.push({
+            name: "",
+            type: "pie",
+            silent: true,
+            z: 1,
+            clockWise: false, //顺时加载
+            hoverAnimation: false, //鼠标移入变大
+            radius: [65 - i * 15 + "%", 57 - i * 15 + "%"],
+            center: ["30%", "55%"],
+            label: {
+              show: false,
+            },
+            itemStyle: {
+              label: {
+                show: false,
+              },
+              labelLine: {
+                show: false,
+              },
+              borderWidth: 5,
+            },
+            data: [
+              {
+                value: 7.5,
+                itemStyle: {
+                  color: "#E3F0FF",
+                  borderWidth: 0,
+                },
+                tooltip: {
+                  show: false,
+                },
+                hoverAnimation: false,
+              },
+              {
+                value: 2.5,
+                name: "",
+                itemStyle: {
+                  color: "rgba(0,0,0,0)",
+                  borderWidth: 0,
+                },
+                tooltip: {
+                  show: false,
+                },
+                hoverAnimation: false,
+              },
+            ],
+          });
+          res.yAxis.push(((data[i].value / sumValue) * 100).toFixed(2) + "%");
+        }
+        return res;
+      }
+      var myChart = this.$echarts.init(document.getElementById("detailedTwo4"));
+      var option = {
+        backgroundColor: "#fff",
+        legend: {
+          show: true,
+          top: "center",
+          left: "70%",
+          data: arrName,
+          itemWidth: 30,
+          itemHeight: 20,
+          width: 50,
+          padding: [0, 5],
+          itemGap: 25,
+          formatter: function (name) {
+            return (
+              "{title|" + name + "}\n{value|" + objData[name].value + "人}"
+            );
+          },
+          textStyle: {
+            rich: {
+              title: {
+                fontSize: 10,
+                lineHeight: 10,
+                color: "rgba(0,0,0,.45)",
+              },
+              value: {
+                fontSize: 14,
+                lineHeight: 18,
+                color: "rgba(0,0,0,.85)",
+              },
+            },
+          },
+        },
+        tooltip: {
+          show: true,
+          trigger: "item",
+          formatter: "{a}<br>{b}:{c}({d}%)",
+        },
+        color: ["#FF8700", "#ffc300", "#00e473", "#009DFF"],
+        grid: {
+          top: "20%",
+          bottom: "48%",
+          left: "30%",
+          containLabel: false,
+        },
         yAxis: [
           {
             type: "category",
+            inverse: true,
             axisLine: {
               show: false,
             },
@@ -609,305 +1190,23 @@ export default {
               show: false,
             },
             axisLabel: {
-              color: "#6B9DD7",
-              fontSize: 16, // 文字大小
-              fontWeight: 400,
               interval: 0,
+              inside: true,
+              textStyle: {
+                color: "#000",
+                fontSize: 10,
+              },
+              show: true,
             },
-            offset: 20,
-            data: honorXAxisData,
+            data: optionData.yAxis,
           },
         ],
-        series: [
+        xAxis: [
           {
-            name: "2019末",
-            type: "bar",
-            stack: "zongliang",
-            barWidth: "35%",
-            zlevel: 10,
-            label: {
-              normal: {
-                show: true,
-                position: "inside",
-                textStyle: {
-                  color: "#fff",
-                  fontSize: 14,
-                },
-              },
-            },
-            data: honorData[0].data,
-          },
-          {
-            name: "2020上半年",
-            type: "bar",
-            stack: "zongliang",
-            barWidth: "35%",
-            zlevel: 10,
-            label: {
-              normal: {
-                show: true,
-                position: "top",
-                formatter: function (params) {
-                  console.log(params);
-                  // return  params.seriesName + params.value ;
-                  return "完成" + params.value;
-                },
-                textStyle: {
-                  color: "#fff",
-                  fontSize: 12,
-                },
-              },
-            },
-            data: honorData[1].data,
-          },
-          {
-            name: "2020下半年",
-            type: "bar",
-            stack: "zongliang",
-            barWidth: "35%",
-            zlevel: 10,
-            label: {
-              normal: {
-                show: true,
-                position: "top",
-                formatter: function (params) {
-                  console.log(params);
-                  // return  params.seriesName + params.value ;
-                  return "预算" + params.value;
-                },
-                textStyle: {
-                  color: "#fff",
-                  fontSize: 12,
-                },
-              },
-            },
-            data: honorData[2].data,
-          },
-          {
-            name: "2021年",
-            type: "bar",
-            stack: "zongliang",
-            barWidth: "35%",
-            zlevel: 10,
-            label: {
-              normal: {
-                show: true,
-                position: "inside",
-                textStyle: {
-                  color: "#fff",
-                  fontSize: 14,
-                },
-              },
-            },
-            data: honorData[3].data,
-          },
-        ],
-      };
-
-      // var myChart = this.$echarts.init(document.getElementById("detailedTwo3"));
-      // var option = {
-      //   grid: {
-      //     left: "3%",
-      //     right: "4%",
-      //     bottom: "3%",
-      //     containLabel: true,
-      //   },
-      //   xAxis: {
-      //     type: "value",
-      //     show: false,
-      //   },
-      //   yAxis: {
-      //     type: "category",
-      //     axisLine: {
-      //       lineStyle: {
-      //         color: "#206489",
-      //       },
-      //     },
-      //     axisLabel: {
-      //       color: "#fff",
-      //       fontSize: "18",
-      //     },
-      //     axisLine: {
-      //       show: false,
-      //     },
-      //     axisTick: {
-      //       show: false,
-      //       alignWithLabel: true,
-      //     },
-      //     splitArea: { show: false },
-      //     data: ["No.5", "No.4", "No.3", "No.2", "No.1"],
-      //   },
-      //   series: [
-      //     {
-      //       name: "Direct",
-      //       type: "bar",
-      //       stack: "total",
-      //       barWidth: 10,
-      //       label: {
-      //         show: true,
-      //       },
-      //       emphasis: {
-      //         focus: "series",
-      //       },
-      //       data: [320, 302, 310, 299, 288],
-      //     },
-      //     {
-      //       name: "Mail Ad",
-      //       type: "bar",
-      //       stack: "total",
-      //       barWidth: 10,
-
-      //       label: {
-      //         show: true,
-      //       },
-      //       emphasis: {
-      //         focus: "series",
-      //       },
-      //       data: [99, 88, 100, 101, 97],
-      //     },
-      //   ],
-      // };
-      myChart.setOption(option);
-      window.addEventListener("resize", () => {
-        myChart.resize();
-      });
-    },
-    barCharts() {
-      var m2R2Data = [
-        {
-          value: 335,
-          legendname: "22%",
-          name: "国网大丰市供电公司",
-          itemStyle: { color: "#8d7fec" },
-        },
-        {
-          value: 310,
-          legendname: "22%",
-          name: "盐城运维检修部(检修分公司)",
-          itemStyle: { color: "#5085f2" },
-        },
-        {
-          value: 234,
-          legendname: "22%",
-          name: "国网射阳县供电公司",
-          itemStyle: { color: "#e75fc3" },
-        },
-        {
-          value: 154,
-          legendname: "22%",
-          name: "国网响水县供电公司",
-          itemStyle: { color: "#f87be2" },
-        },
-        {
-          value: 335,
-          legendname: "22%",
-          name: "设备管理部",
-          itemStyle: { color: "#f2719a" },
-        },
-        {
-          value: 335,
-          legendname: "22%",
-          name: "开发区供电服务中心",
-          itemStyle: { color: "#fca4bb" },
-        },
-      ];
-      var myChart = this.$echarts.init(document.getElementById("barCharts"));
-      var option = {
-        title: [
-          {
-            text: "总计",
-            subtext: 59.53 + "万",
-            textStyle: {
-              fontSize: 20,
-              color: "#fff",
-            },
-            subtextStyle: {
-              fontSize: 20,
-              color: "yellow",
-            },
-            textAlign: "center",
-            x: "34.5%",
-            y: "44%",
-          },
-        ],
-        tooltip: {
-          trigger: "item",
-          formatter: function (parms) {
-            var str =
-              parms.seriesName +
-              "</br>" +
-              parms.marker +
-              "" +
-              parms.data.legendname +
-              "</br>" +
-              "数量：" +
-              parms.data.value +
-              "</br>" +
-              "占比：" +
-              parms.percent +
-              "%";
-            return str;
-          },
-        },
-        legend: {
-          type: "scroll",
-          orient: "vertical",
-          left: "70%",
-          align: "left",
-          top: "middle",
-          textStyle: {
-            color: "white",
-            fontSize: 16,
-          },
-          height: 250,
-        },
-        series: [
-          {
-            type: "pie",
-            center: ["35%", "50%"],
-            radius: ["40%", "65%"],
-            clockwise: false, //饼图的扇区是否是顺时针排布
-            avoidLabelOverlap: false,
-            lable: {
-              normal: {
-                show: true,
-                textStyle: {
-                  fontSize: 18,
-                },
-              },
-              emphasis: {
-                show: true,
-              },
-            },
-
-            labelLine: {
-              normal: {
-                length: 40, //第一条线
-                length: 10, //第二条线
-                lineStyle: {
-                  width: 3, // 线条的宽度
-                  color: "rgb(86,254,226)", //线的颜色设置， 如没有设置颜色则线条的颜色跟随饼状图的颜色
-                },
-              },
-            },
-
-            itemStyle: {
-              normal: {
-                borderRadius: 10,
-                borderColor: "transparent",
-                borderWidth: 2,
-                label: {
-                  show: true,
-                  formatter: " {d}% ",
-                  fontSize: 20,
-                  color: "#fff",
-                },
-              },
-            },
-
-            data: m2R2Data,
+            show: false,
           },
         ],
+        series: optionData.series,
       };
       myChart.setOption(option);
       window.addEventListener("resize", () => {
@@ -917,91 +1216,133 @@ export default {
     detailen() {
       var myChart = this.$echarts.init(document.getElementById("detailen"));
       var option = {
-        color: [
-          "#A0CE3A",
-          "#31C5C0",
-          "#1E9BD1",
-          "#0F347B",
-          "#585247",
-          "#7F6AAD",
-          "#009D85",
-          "rgba(250,250,250,0.3)",
-        ],
-
         tooltip: {
-          trigger: "item",
-          formatter: "{a} <br/>{b} : {c} ({d}%)",
+          trigger: "axis",
+          axisPointer: {
+            type: "cross",
+            crossStyle: {
+              color: "#999",
+            },
+          },
         },
-
         legend: {
-          orient: "vertical",
-          top: "middle",
-          right: "5%",
           textStyle: {
+            fontSize: 16,
             color: "#fff",
-            fontSize: 18,
           },
-          //格式化图例文本
-          formatter(name) {
-            // console.log(option);
-            let than = option.series[0].data; //获取series中的data
-            let total = 0;
-            let tarValue;
-            for (let i = 0, l = than.length; i < l; i++) {
-              total += than[i].value;
-              if (than[i].name == name) {
-                tarValue = than[i].value;
-              }
-            }
-            let p = (tarValue / total) * 100;
-            return p.toFixed(2) + "%";
-          },
-          icon: "roundRect",
-          data: [
-            "国网大丰市供电公司",
-            "设备管理部",
-            "国网射阳县供电公司",
-            "国网响水县供电公司",
-            "盐城运维检修部(检修分公司)",
-            "开发区供电服务中心",
-          ],
+          data: ["月合格率低用户数", "月合格率"],
+          // orient 设置布局方式，默认水平布局，可选值：'horizontal'（水平） ¦ 'vertical'（垂直）
+          orient: "vertical",
+          // x 设置水平安放位置，默认全图居中，可选值：'center' ¦ 'left' ¦ 'right' ¦ {number}（x坐标，单位px）
+          x: "right",
+          // y 设置垂直安放位置，默认全图顶端，可选值：'top' ¦ 'bottom' ¦ 'center' ¦ {number}（y坐标，单位px）、
+          y: "top",
         },
-
-        calculable: true,
+        xAxis: [
+          {
+            type: "category",
+            data: ["4-08", "5-08", "6-08", "7-08", "8-08", "9-08"],
+            axisPointer: {
+              type: "shadow",
+            },
+            axisLabel: {
+              color: "#fff",
+              fontSize: "18",
+            },
+          },
+        ],
+        yAxis: [
+          {
+            type: "value",
+            min: 0,
+            max: 12000,
+            interval: 3000,
+            axisLabel: {
+              formatter: "{value}",
+              textStyle: {
+                fontSize: "18",
+              },
+            },
+            splitLine: {
+              show: true,
+              lineStyle: {
+                type: "dashed",
+                // color: 'rgba(66, 192, 255, .3)',
+                color: "rgba(102,102,102,0.6)",
+                width: 1,
+              },
+            },
+            axisLine: {
+              lineStyle: {
+                color: "#fff",
+              },
+            },
+          },
+          {
+            type: "value",
+            min: 0,
+            max: 120,
+            interval: 30,
+            axisLabel: {
+              formatter: "{value} %",
+              textStyle: {
+                fontSize: "18",
+              },
+            },
+            splitLine: {
+              show: true,
+              lineStyle: {
+                type: "dashed",
+                // color: 'rgba(66, 192, 255, .3)',
+                color: "rgba(102,102,102,0.6)",
+                width: 1,
+              },
+            },
+            axisLine: {
+              lineStyle: {
+                color: "#fff",
+              },
+            },
+          },
+        ],
         series: [
           {
-            type: "pie",
-            center: ["35%", "50%"],
-            radius: [30, 120],
-            roseType: "area",
-            labelLine: {
-              normal: {
-                length: 20, //第一条线
-                length: 5, //第二条线
-                lineStyle: {
-                  width: 3, // 线条的宽度
-                  color: "rgb(86,254,226)", //线的颜色设置， 如没有设置颜色则线条的颜色跟随饼状图的颜色
-                },
+            name: "月合格率低用户数",
+            type: "bar",
+            tooltip: {
+              valueFormatter: function (value) {
+                return value;
+              },
+            },
+            itemStyle: {
+              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                { offset: 1, color: "rgba(86,254,226,.2) " },
+                { offset: 0.5, color: "rgb(86,254,226,.6)" },
+                { offset: 0, color: "rgb(86,254,226)" },
+              ]),
+              borderRadius: [7, 7, 0, 0], // 柱状图圆角
+              borderWidth: 0,
+            },
+            data: [4000, 7000, 6000, 8000, 7000, 9000],
+          },
+          {
+            name: "月合格率",
+            type: "line",
+            yAxisIndex: 1,
+            tooltip: {
+              valueFormatter: function (value) {
+                return value + " %";
               },
             },
-
             itemStyle: {
               normal: {
-                label: {
-                  show: true,
-                  fontSize: 20,
-                  color: "#fff",
+                color: "yellow",
+                lineStyle: {
+                  color: "yellow",
                 },
               },
             },
-            data: [
-              { value: 22, name: "国网大丰市供电公司" },
-              { value: 20, name: "设备管理部" },
-              { value: 21, name: "国网射阳县供电公司" },
-              { value: 25, name: "国网响水县供电公司" },
-              { value: 20, name: "盐城运维检修部(检修分公司)" },
-              { value: 30, name: "开发区供电服务中心" },
-            ],
+            data: [20, 45, 33, 45, 63, 72],
           },
         ],
       };
@@ -1027,16 +1368,17 @@ export default {
   }
   .enselect {
     position: absolute;
-    right: 30px;
+    // left: 30px;
     img {
-      float: right;
+      // position: relative;
+      float: left;
     }
     .text {
-      float: right;
+      position: absolute;
+      top: 5px;
+      left: 20px;
       // right: -10px;
-      margin-right: -60px;
-      font-size: 20px;
-
+      font-size: 22px;
       color: #fff;
     }
   }
@@ -1157,13 +1499,13 @@ export default {
     display: flex;
     flex-flow: column nowrap;
     justify-content: space-between;
-    #detailedTwo1 {
+    #detailedTwo3 {
       width: 100%;
-      height: 350px;
+      height: 400px;
     }
-    #detailedTwo2 {
+    #detailedTwo4 {
       width: 100%;
-      height: 350px;
+      height: 400px;
     }
   }
 
@@ -1175,9 +1517,13 @@ export default {
     display: flex;
     flex-flow: column nowrap;
     justify-content: space-between;
-    #detailedTwo3 {
+    #detailedTwo1 {
       width: 100%;
-      height: 500px;
+      height: 400px;
+    }
+    #detailedTwo2 {
+      width: 100%;
+      height: 400px;
     }
   }
 
@@ -1248,11 +1594,72 @@ export default {
       margin-left: -20%;
       .allimg {
         position: relative;
-        left: 20.5%;
+        left: 30%;
         top: 35%;
       }
     }
   }
+  .imgboxtwo {
+    background: url("../assets/05/地图弹窗.png") no-repeat;
+    background-size: 100%;
+    float: right;
+    right: 5%;
+    top: 5%;
+    width: 28vh;
+    height: 28vh;
+    position: relative;
+    .content {
+      height: 70%;
+      padding: 15px 15px 15px 15px;
+      box-sizing: border-box;
+      display: flex;
+      flex-flow: row nowrap;
+      justify-content: space-between;
+
+      .line {
+        width: 100%;
+        height: 100%;
+        display: flex;
+        flex-flow: column nowrap;
+        display: flex;
+        flex-wrap: wrap;
+
+        .top {
+          flex-basis: calc(100% / 2);
+          height: 50%;
+          color: #fff;
+        }
+        .bottom {
+          flex-basis: calc(100% / 2);
+          height: 50%;
+          color: #fff;
+        }
+      }
+
+      .total {
+        .num {
+          display: flex;
+          flex-flow: column nowrap;
+          justify-content: center;
+          align-items: center;
+          color: #ffffff;
+          h5 {
+            font-size: 28px;
+          }
+          .yellow {
+            color: yellow;
+          }
+          .orange {
+            color: orange;
+          }
+          span {
+            float: left;
+            font-size: 18px;
+          }
+        }
+      }
+    }
+  }
 
   .right {
     // width: 604px;
@@ -1261,21 +1668,70 @@ export default {
     display: flex;
     flex-flow: column nowrap;
     justify-content: space-between;
-    #barCharts {
-      //   width: 100%;
-      //   height: calc(100% - 52px);
-      width: 90%;
-      height: calc(100% - 100px);
-      position: absolute;
-    }
-    #detailqe {
-      width: 100%;
-      height: 350px;
-    }
     #detailen {
       width: 100%;
-      height: 350px;
+      height: 400px;
     }
+    .content {
+      height: 80%;
+      padding: 15px 15px 15px 15px;
+      box-sizing: border-box;
+      display: flex;
+      flex-flow: row nowrap;
+      justify-content: space-between;
+
+      .contentUl {
+        display: flex;
+        margin: 0;
+        padding: 10px;
+        width: 100%;
+        height: 100%;
+        /* flex布局 */
+        display: flex;
+        // 开启换行
+        flex-wrap: wrap;
+        // 主轴上两端对齐
+        justify-content: space-between;
+        // 副轴上两端对齐
+        align-content: space-between;
+        //li盒子大小设置
+        li {
+          width: 24.5%;
+          height: 49%;
+          list-style: none;
+          img {
+            margin-top: 30%;
+          }
+          .text {
+            position: absolute;
+            z-index: 2;
+            left: 25%;
+            top: 20%;
+            align-items: center;
+            font-size: 32px;
+            color: yellow;
+          }
+          .texts {
+            color: orange;
+            position: absolute;
+            z-index: 2;
+            left: 25%;
+            top: 20%;
+            align-items: center;
+            font-size: 32px;
+          }
+          h4 {
+            color: #fff;
+            font-size: 18px;
+            display: flex;
+            justify-content: center;
+            align-items: flex-end;
+            line-height: 1;
+          }
+        }
+      }
+    }
+
     .eqselect {
       span {
         font-size: 20px;