diff --git a/src/assets/images/education/xs.png b/src/assets/images/education/xs.png
new file mode 100644
index 0000000..92d1a8f
Binary files /dev/null and b/src/assets/images/education/xs.png differ
diff --git a/src/assets/images/education/xs1.png b/src/assets/images/education/xs1.png
new file mode 100644
index 0000000..88c13bb
Binary files /dev/null and b/src/assets/images/education/xs1.png differ
diff --git a/src/assets/images/education/xs2.png b/src/assets/images/education/xs2.png
new file mode 100644
index 0000000..b77ef41
Binary files /dev/null and b/src/assets/images/education/xs2.png differ
diff --git a/src/assets/images/education/xs3.png b/src/assets/images/education/xs3.png
new file mode 100644
index 0000000..caec65c
Binary files /dev/null and b/src/assets/images/education/xs3.png differ
diff --git a/src/utils/request.js b/src/utils/request.js
index 7ce055b..8534c21 100644
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -27,22 +27,22 @@ axios.interceptors.response.use(
     },
     (error) => {
         if (error.response) {
-            if (error.response.status == 401) {
-                ElMessage.error("请重新登录!");
-                // window.location.href = '/#/login?returnURL=' + window.location.href
-                window.location.href =
-                    'http://220.191.238.50:996/api/login?returnURL=' +
-                    window.location.href
-            } else if (error.response.status == 404) {
-                ElMessage.error("Status:404，正在请求不存在的服务器记录！");
-            } else if (error.response.status == 500) {
-                ElMessage.error({
-                    title: '请求错误',
-                    message: "Status:500，服务器发生错误！"
-                });
-            } else {
-                ElMessage.error(`Status:${error.response.status}，未知错误！`);
-            }
+            // if (error.response.status == 401) {
+            //     ElMessage.error("请重新登录!");
+            //     // window.location.href = '/#/login?returnURL=' + window.location.href
+            //     window.location.href =
+            //         'http://220.191.238.50:996/api/login?returnURL=' +
+            //         window.location.href
+            // } else if (error.response.status == 404) {
+            //     ElMessage.error("Status:404，正在请求不存在的服务器记录！");
+            // } else if (error.response.status == 500) {
+            //     ElMessage.error({
+            //         title: '请求错误',
+            //         message: "Status:500，服务器发生错误！"
+            //     });
+            // } else {
+            //     ElMessage.error(`Status:${error.response.status}，未知错误！`);
+            // }
         } else {
             ElMessage.error("请求服务器无响应！");
         }
diff --git a/src/view/echarts_education/edXS.vue b/src/view/echarts_education/edXS.vue
new file mode 100644
index 0000000..c1de379
--- /dev/null
+++ b/src/view/echarts_education/edXS.vue
@@ -0,0 +1,201 @@
+<template>
+  <div ref="chart" style="width: 100%; height: 210px"></div>
+</template>
+
+<script setup>
+import { onBeforeMount, onMounted, reactive, ref } from "vue";
+// 局部引入echarts核心模块
+import * as echarts from "echarts";
+
+const props = defineProps({
+  list: {
+    type: Array,
+    default: () => {
+      return [];
+    },
+  },
+  month: {
+    type: Array,
+    default: () => [],
+  },
+});
+
+const chart = ref(); // 创建DOM引用
+
+const data = reactive({
+  list: [],
+  month: [],
+  option: {},
+});
+const getOption = () => {
+  data.option = {
+    tooltip: {
+      trigger: "axis",
+      formatter: "{b0}<br />{a1}:{c1}",
+    },
+    grid: {
+      top: "5%",
+      left: "1%",
+      right: "10%",
+      bottom: "0%",
+      containLabel: true,
+    },
+    calculable: true,
+    xAxis: [
+      {
+        type: "category",
+        axisLabel: {
+          //坐标轴刻度标签的相关设置
+          textStyle: {
+            color: "#ffffff",
+            fontSize: 16,
+          },
+        },
+        axisTick: {
+          show: false, // 设置轴刻度不显示
+        },
+        data: data.month,
+      },
+      {
+        axisTick: false,
+        type: "category",
+        data: data.month,
+        axisLabel: {
+          show: false,
+        },
+      },
+    ],
+
+    yAxis: [
+      {
+        type: "value",
+        splitLine: {
+          show: true,
+          lineStyle: {
+            color: "rgba(226, 226, 226, 0.3)",
+            width: 1,
+          },
+        },
+        axisLabel: {
+          //坐标轴刻度标签的相关设置
+          textStyle: {
+            color: "#ffffff",
+            fontSize: 16,
+          },
+        },
+      },
+      {
+        type: "value",
+        min: 0,
+        max: 100,
+        splitLine: {
+          show: false,
+          lineStyle: {
+            type: "solid",
+            color: "rgb(221, 242, 255,0.1)",
+          },
+        },
+        axisLine: {
+          show: false,
+          lineStyle: {
+            type: "dotted",
+          },
+        },
+        axisLabel: {
+          show: false,
+          fontSize: 16,
+          fontFamily: "MicrosoftYaHei",
+          color: "#ffffff",
+          lineHeight: 19,
+        },
+      },
+    ],
+    series: [
+      {
+        z: 1,
+        name: "上部1",
+        type: "pictorialBar",
+        symbolPosition: "end",
+        data: data.list,
+        symbol: "diamond",
+        symbolOffset: [0, "-50%"],
+        symbolSize: [10, 10],
+        itemStyle: {
+          borderColor: "#2fffa4",
+          color: "rgba(23, 136, 255, 1)",
+        },
+      },
+      {
+        z: 1,
+        name: "线索",
+        type: "bar",
+        barGap: "0%",
+        data: data.list,
+        barWidth: "25%",
+        label: {
+          show: true,
+          position: "top",
+          color: "#ffffff",
+          formatter: function (data) {
+            return data.value;
+          },
+        },
+        itemStyle: {
+          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+            {
+              offset: 0,
+              color: "rgba(23, 136, 255, 1)",
+            },
+            {
+              offset: 1,
+              color: "rgba(23, 136, 255, 0.20)",
+            },
+          ]),
+        },
+        itemStyle: {
+          color: {
+            type: "linear",
+            x: 0,
+            x2: 1,
+            y: 0,
+            y2: 0,
+            colorStops: [
+              { offset: 0, color: "rgba(23, 136, 255, .7)" },
+              { offset: 0.5, color: "rgba(23, 136, 255, .7)" },
+              { offset: 0.5, color: "rgba(23, 136, 255, .3)" },
+              { offset: 1, color: "rgba(23, 136, 255, .5)" },
+            ],
+          },
+        },
+      },
+      {
+        type: "bar",
+        xAxisIndex: 1,
+        yAxisIndex: 1,
+        itemStyle: {
+          color: "rgba(221, 242, 255, 0.1)",
+          fontSize: 16,
+        },
+        data: data.month.map(() => 100),
+        barWidth: 30,
+      },
+    ],
+  };
+};
+const setChart = () => {
+  var myChart = echarts.init(chart.value);
+  myChart.setOption(data.option);
+};
+// 使用生命钩子
+onBeforeMount(() => {
+  setTimeout(() => {
+    data.list = props.list;
+    data.month = props.month;
+    // console.log(data.list, props.month, "教育");
+    getOption();
+    setChart();
+  }, 600);
+});
+</script>
+
+<style scoped></style>
diff --git a/src/view/echarts_education/edXS1.vue b/src/view/echarts_education/edXS1.vue
new file mode 100644
index 0000000..0d07808
--- /dev/null
+++ b/src/view/echarts_education/edXS1.vue
@@ -0,0 +1,164 @@
+<template>
+  <div ref="chart" style="width: 270px; height: 210px"></div>
+</template>
+
+<script setup >
+import { onMounted, reactive, ref, onBeforeMount, defineProps } from "vue";
+// 局部引入echarts核心模块
+import * as echarts from "echarts";
+
+const props = defineProps({
+  list: {
+    type: Array,
+    default: () => [],
+  },
+  month: {
+    type: Array,
+    default: () => [],
+  },
+});
+const chart = ref(); // 创建DOM引用
+const data = reactive({
+  list: [],
+  year: [],
+  option: {},
+  bg: [],
+});
+
+const getOption = () => {
+  data.option = {
+    tooltip: {
+      trigger: "axis",
+      padding: [20, 10, 20, 10],
+      formatter: "{b0}<br />{a1}:{c1} ",
+    },
+    grid: {
+      top: "5%",
+      left: "1%",
+      right: "10%",
+      bottom: "3%",
+      containLabel: true,
+    },
+
+    xAxis: {
+      type: "category",
+      // boundaryGap: false,
+      data: data.year,
+      // splitArea: {
+      //   show: true,
+      //   interval: '10',
+      //   areaStyle: {
+      //     color: ["rgba(255, 255, 255, 0.10)"],
+      //     width:10,
+      //   },
+      // },
+      axisLabel: {
+        //坐标轴刻度标签的相关设置
+        textStyle: {
+          color: "#ffffff",
+          fontSize: 16,
+        },
+      },
+    },
+    yAxis: {
+      type: "value",
+      splitLine: {
+        show: true,
+        lineStyle: {
+          color: "rgba(226, 226, 226, 0.3)",
+          width: 1,
+        },
+      },
+      axisLabel: {
+        //坐标轴刻度标签的相关设置
+        textStyle: {
+          color: "#ffffff",
+          fontSize: 16,
+        },
+      },
+    },
+    series: [
+      {
+        name: "背景",
+        type: "bar",
+        data: data.bg,
+        showBackground: true,
+        backgroundStyle: {
+          color: "rgba(180, 180, 180, 0.2)",
+        },
+      },
+      {
+        name: "线索",
+        type: "line",
+        stack: "Total",
+        symbol: "emptyCircle",
+
+        symbolSize: 10,
+              label: {
+          show: true,
+          color: "#ffffff",
+         position:'top',
+          formatter: function (data) {
+            return data.value;
+          },
+        },
+        itemStyle: {
+          borderColor: "#0069FF ",
+          borderWidth: 1,
+          color: "#0069FF ",
+        },
+        areaStyle: {
+          color: "#F4F65B",
+          normal: {
+            //线性渐变，前4个参数分别是x0,y0,x2,y2(范围0~1);相当于图形包围盒中的百分比。如果最后一个参数是‘true’，则该四个值是绝对像素位置。
+            color: new echarts.graphic.LinearGradient(
+              0,
+              0,
+              0,
+              1,
+              [
+                {
+                  offset: 0,
+                  // color: 'RGBA(184, 204, 241, 1)'
+                  color: "rgba(0, 105, 255, 0.50)",
+                },
+                {
+                  offset: 1,
+                  color: "rgba(0, 105, 255, 0)",
+                },
+              ],
+              false
+            ),
+            shadowBlur: 0, //shadowBlur设图形阴影的模糊大小。配合shadowColor,shadowOffsetX/Y, 设置图形的阴影效果。
+          },
+        },
+
+        data: data.list,
+      },
+    ],
+  };
+};
+const setChart = () => {
+  // Vue3中： 需要引入
+  var myChart = echarts.init(chart.value);
+
+  // 使用刚指定的配置项和数据显示图表。
+  myChart.setOption(data.option);
+};
+
+onBeforeMount(() => {
+  setTimeout(() => {
+    data.list = props.list;
+    data.year = props.month;
+    // console.log(data.list,props.month,'教育');
+    data.year.forEach(() => {
+      data.bg.push(0);
+    });
+    getOption();
+    setChart();
+  }, 600);
+});
+</script>
+
+<style scoped>
+</style>
\ No newline at end of file
diff --git a/src/view/echarts_education/edXS2.vue b/src/view/echarts_education/edXS2.vue
new file mode 100644
index 0000000..9ff81a2
--- /dev/null
+++ b/src/view/echarts_education/edXS2.vue
@@ -0,0 +1,164 @@
+<template>
+  <div ref="chart" style="width: 270px; height: 210px"></div>
+</template>
+
+<script setup >
+import { onMounted, reactive, ref, onBeforeMount, defineProps } from "vue";
+// 局部引入echarts核心模块
+import * as echarts from "echarts";
+
+const props = defineProps({
+  list: {
+    type: Array,
+    default: () => [],
+  },
+  month: {
+    type: Array,
+    default: () => [],
+  },
+});
+const chart = ref(); // 创建DOM引用
+const data = reactive({
+  list: [],
+  year: [],
+  option: {},
+  bg: [],
+});
+
+const getOption = () => {
+  data.option = {
+    tooltip: {
+      trigger: "axis",
+      padding: [20, 10, 20, 10],
+      formatter: "{b0}<br />{a1}:{c1} ",
+    },
+    grid: {
+      top: "5%",
+      left: "1%",
+      right: "10%",
+      bottom: "3%",
+      containLabel: true,
+    },
+
+    xAxis: {
+      type: "category",
+      // boundaryGap: false,
+      data: data.year,
+      // splitArea: {
+      //   show: true,
+      //   interval: '10',
+      //   areaStyle: {
+      //     color: ["rgba(255, 255, 255, 0.10)"],
+      //     width:10,
+      //   },
+      // },
+      axisLabel: {
+        //坐标轴刻度标签的相关设置
+        textStyle: {
+          color: "#ffffff",
+          fontSize: 16,
+        },
+      },
+    },
+    yAxis: {
+      type: "value",
+      splitLine: {
+        show: true,
+        lineStyle: {
+          color: "rgba(226, 226, 226, 0.3)",
+          width: 1,
+        },
+      },
+      axisLabel: {
+        //坐标轴刻度标签的相关设置
+        textStyle: {
+          color: "#ffffff",
+          fontSize: 16,
+        },
+      },
+    },
+    series: [
+      {
+        name: "背景",
+        type: "bar",
+        data: data.bg,
+        showBackground: true,
+        backgroundStyle: {
+          color: "rgba(180, 180, 180, 0.2)",
+        },
+      },
+      {
+        name: "线索",
+        type: "line",
+        stack: "Total",
+        symbol: "emptyCircle",
+
+        symbolSize: 10,
+              label: {
+          show: true,
+          color: "#ffffff",
+         position:'top',
+          formatter: function (data) {
+            return data.value;
+          },
+        },
+        itemStyle: {
+          borderColor: "#FFEA5A",
+          borderWidth: 1,
+          color: "#FFEA5A",
+        },
+        areaStyle: {
+          color: "#F4F65B",
+          normal: {
+            //线性渐变，前4个参数分别是x0,y0,x2,y2(范围0~1);相当于图形包围盒中的百分比。如果最后一个参数是‘true’，则该四个值是绝对像素位置。
+            color: new echarts.graphic.LinearGradient(
+              0,
+              0,
+              0,
+              1,
+              [
+                {
+                  offset: 0,
+                  // color: 'RGBA(184, 204, 241, 1)'
+                  color: "rgba(255, 234, 90, 0.50)",
+                },
+                {
+                  offset: 1,
+                  color: "rgba(255, 234, 90, 0)",
+                },
+              ],
+              false
+            ),
+            shadowBlur: 0, //shadowBlur设图形阴影的模糊大小。配合shadowColor,shadowOffsetX/Y, 设置图形的阴影效果。
+          },
+        },
+
+        data: data.list,
+      },
+    ],
+  };
+};
+const setChart = () => {
+  // Vue3中： 需要引入
+  var myChart = echarts.init(chart.value);
+
+  // 使用刚指定的配置项和数据显示图表。
+  myChart.setOption(data.option);
+};
+
+onBeforeMount(() => {
+  setTimeout(() => {
+    data.list = props.list;
+    data.year = props.month;
+    // console.log(data.list,props.month,'教育');
+    data.year.forEach(() => {
+      data.bg.push(0);
+    });
+    getOption();
+    setChart();
+  }, 600);
+});
+</script>
+
+<style scoped>
+</style>
\ No newline at end of file
diff --git a/src/view/echarts_education/edXS3.vue b/src/view/echarts_education/edXS3.vue
new file mode 100644
index 0000000..d8e1287
--- /dev/null
+++ b/src/view/echarts_education/edXS3.vue
@@ -0,0 +1,164 @@
+<template>
+  <div ref="chart" style="width: 270px; height: 210px"></div>
+</template>
+
+<script setup >
+import { onMounted, reactive, ref, onBeforeMount, defineProps } from "vue";
+// 局部引入echarts核心模块
+import * as echarts from "echarts";
+
+const props = defineProps({
+  list: {
+    type: Array,
+    default: () => [],
+  },
+  month: {
+    type: Array,
+    default: () => [],
+  },
+});
+const chart = ref(); // 创建DOM引用
+const data = reactive({
+  list: [],
+  year: [],
+  option: {},
+  bg: [],
+});
+
+const getOption = () => {
+  data.option = {
+    tooltip: {
+      trigger: "axis",
+      padding: [20, 10, 20, 10],
+      formatter: "{b0}<br />{a1}:{c1} ",
+    },
+    grid: {
+      top: "5%",
+      left: "1%",
+      right: "10%",
+      bottom: "3%",
+      containLabel: true,
+    },
+
+    xAxis: {
+      type: "category",
+      // boundaryGap: false,
+      data: data.year,
+      // splitArea: {
+      //   show: true,
+      //   interval: '10',
+      //   areaStyle: {
+      //     color: ["rgba(255, 255, 255, 0.10)"],
+      //     width:10,
+      //   },
+      // },
+      axisLabel: {
+        //坐标轴刻度标签的相关设置
+        textStyle: {
+          color: "#ffffff",
+          fontSize: 16,
+        },
+      },
+    },
+    yAxis: {
+      type: "value",
+      splitLine: {
+        show: true,
+        lineStyle: {
+          color: "rgba(226, 226, 226, 0.3)",
+          width: 1,
+        },
+      },
+      axisLabel: {
+        //坐标轴刻度标签的相关设置
+        textStyle: {
+          color: "#ffffff",
+          fontSize: 16,
+        },
+      },
+    },
+    series: [
+      {
+        name: "背景",
+        type: "bar",
+        data: data.bg,
+        showBackground: true,
+        backgroundStyle: {
+          color: "rgba(180, 180, 180, 0.2)",
+        },
+      },
+      {
+        name: "线索",
+        type: "line",
+        stack: "Total",
+        symbol: "emptyCircle",
+
+        symbolSize: 10,
+              label: {
+          show: true,
+          color: "#ffffff",
+         position:'top',
+          formatter: function (data) {
+            return data.value;
+          },
+        },
+        itemStyle: {
+          borderColor: "#00FCFF",
+          borderWidth: 1,
+          color: "#00FCFF",
+        },
+        areaStyle: {
+          color: "#F4F65B",
+          normal: {
+            //线性渐变，前4个参数分别是x0,y0,x2,y2(范围0~1);相当于图形包围盒中的百分比。如果最后一个参数是‘true’，则该四个值是绝对像素位置。
+            color: new echarts.graphic.LinearGradient(
+              0,
+              0,
+              0,
+              1,
+              [
+                {
+                  offset: 0,
+                  // color: 'RGBA(184, 204, 241, 1)'
+                  color: "rgba(0, 252, 255, 0.50)",
+                },
+                {
+                  offset: 1,
+                  color: "rgba(0, 252, 255, 0)",
+                },
+              ],
+              false
+            ),
+            shadowBlur: 0, //shadowBlur设图形阴影的模糊大小。配合shadowColor,shadowOffsetX/Y, 设置图形的阴影效果。
+          },
+        },
+
+        data: data.list,
+      },
+    ],
+  };
+};
+const setChart = () => {
+  // Vue3中： 需要引入
+  var myChart = echarts.init(chart.value);
+
+  // 使用刚指定的配置项和数据显示图表。
+  myChart.setOption(data.option);
+};
+
+onBeforeMount(() => {
+  setTimeout(() => {
+    data.list = props.list;
+    data.year = props.month;
+    // console.log(data.list,props.month,'教育');
+    data.year.forEach(() => {
+      data.bg.push(0);
+    });
+    getOption();
+    setChart();
+  }, 600);
+});
+</script>
+
+<style scoped>
+</style>
\ No newline at end of file
diff --git a/src/view/education.vue b/src/view/education.vue
index 02ddd55..aac1f04 100644
--- a/src/view/education.vue
+++ b/src/view/education.vue
@@ -187,22 +187,22 @@
         <div class="czr-sl">
           <div class="historyimg historyimg1">
             <span>覆盖医疗机构数量</span>
-            <span>{{data.whistleblower.yljgsl}}</span>
+            <span>{{ data.whistleblower.yljgsl }}</span>
           </div>
           <div class="historyimg historyimg2">
             <span>启用角色数量</span>
-            <span>{{data.whistleblower.qyjssl}}</span>
+            <span>{{ data.whistleblower.qyjssl }}</span>
           </div>
           <!-- <img src="@/assets/eduImg/jyImg14.png" alt="" />
           <img src="@/assets/eduImg/jyImg15.png" alt="" /> -->
         </div>
-        <edCSR></edCSR>
+        <!-- <edCSR></edCSR> -->
       </div>
       <div class="flex11">
         <div class="earlyWarning">
           <div class="earlyWarning1">
             <div>
-              <span class="green">{{data.whistleblower.green}}</span>
+              <span class="green">{{ data.whistleblower.green }}</span>
             </div>
             <img src="@/assets/eduImg/jyImg10.png" alt="" />
             <img src="@/assets/eduImg/pp3.gif" alt="" class="ppImg" />
@@ -212,7 +212,7 @@
           </div>
           <div class="earlyWarning1">
             <div>
-              <span class="yellow">{{data.whistleblower.yellow}}</span>
+              <span class="yellow">{{ data.whistleblower.yellow }}</span>
             </div>
             <img src="@/assets/eduImg/jyImg9.png" alt="" />
             <img src="@/assets/eduImg/pp2.gif" alt="" class="ppImg" />
@@ -222,7 +222,7 @@
           </div>
           <div class="earlyWarning1">
             <div>
-              <span class="red">{{data.whistleblower.red}}</span>
+              <span class="red">{{ data.whistleblower.red }}</span>
             </div>
             <img src="@/assets/eduImg/jyImg8.png" alt="" />
             <img src="@/assets/eduImg/pp1.gif" alt="" class="ppImg" />
@@ -235,19 +235,26 @@
       <div class="flex1">
         <div style="display: flex; justify-content: center">
           <div class="czr-bj">
-            <div class="czrBox">
-              <div class="situation situation1"></div>
-              <div class="column">
-                <div v-for="item in 3">
-                  作为侦探在做推理的时候，心里也有很多地方隐藏著不安，担心可能会疏忽某些地方，而导致还存在另一种可能性……所以说当自己的推理正中靶心的时候，这种成就感就无与伦比！
-                </div>
+            <div>
+              <div class="czrBox">
+                <div class="situation situation1"></div>
+                <edxs :list="data.xs.gxyrs" :month="data.xs.month"></edxs>
+              </div>
+              <div class="czrBox">
+                <div class="situation situation2"></div>
+                <edxs1 :list="data.xs.gxyrs" :month="data.xs.month"></edxs1>
               </div>
             </div>
-            <div class="czrBox">
-              <div class="situation situation2"></div>
+            <div>
+              <div class="czrBox">
+                <div class="situation situation3"></div>
+                <edxs2 :list="data.xs.gxyrs" :month="data.xs.month"></edxs2>
+              </div>
+              <div class="czrBox">
+                <div class="situation situation4"></div>
+                <edxs3 :list="data.xs.gxyrs" :month="data.xs.month"></edxs3>
+              </div>
             </div>
-            <div class="situation situation3"></div>
-            <div class="czrBox"></div>
           </div>
         </div>
         <!-- <eBubble></eBubble> -->
@@ -258,9 +265,14 @@
 
 <script setup>
 import { ref, reactive, onMounted, onBeforeMount } from "vue";
-import edCSR from "./echarts_education/edCSR.vue";
+import edxs from "./echarts_education/edXS.vue";
+import edxs1 from "./echarts_education/edXS1.vue";
+import edxs2 from "./echarts_education/edXS2.vue";
+import edxs3 from "./echarts_education/edXS3.vue";
+
 import edie from "./echarts_education/pie.vue";
 import edie5 from "./echarts_education/pie5.vue";
+import edCSR from "./echarts_education/edCSR.vue";
 import edXX from "./echarts_education/edXX.vue";
 import ePie1 from "./echarts_education/pie1.vue";
 import ePie2 from "./echarts_education/pie2.vue";
@@ -466,6 +478,10 @@ const data = reactive({
     { name: "中级", value: "" },
     { name: "助理级", value: "" },
   ],
+  xs: {
+    gxyrs: ["255", "165", "165", "165", "165"],
+    month: ["5.31", "6.1", "6.2", "6.3", "6.4"],
+  }, //线索
 });
 const getData = async () => {
   await http.get("/api/ggfwyth/education").then((res) => {
@@ -555,8 +571,6 @@ onMounted(() => {
 }
 
 .flex1 {
-  flex: 1;
-  // padding: 0 28px;
   box-sizing: border-box;
 }
 
@@ -1147,17 +1161,23 @@ onMounted(() => {
 
 .czr-bj {
   width: 529px;
-  // height: calc(100% - 26px);
-  // height: 200px;
-  background: rgba(0, 103, 165, 0.18);
-  box-shadow: inset 0px 0px 58px 0px rgba(37, 175, 252, 0.47);
   border-radius: 2px;
   padding: 20px 0 0 14px;
+  display: flex;
+  justify-content: space-around;
+
+  // height: calc(100% - 26px);
+  // height: 200px;
+  // background: rgba(0, 103, 165, 0.18);
+  // box-shadow: inset 0px 0px 58px 0px rgba(37, 175, 252, 0.47);
   // box-sizing: border-box;
 
   .czrBox {
-    height: 104px;
-
+    // height: 104px;
+    min-height: 300px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
     .column {
       height: calc(100% - 26px);
       overflow-y: auto;
@@ -1169,22 +1189,26 @@ onMounted(() => {
   }
 
   .situation {
-    width: 495px;
-    height: 26px;
+    width: 196px;
+    height: 45px;
     background-repeat: no-repeat;
     background-size: 100% 100%;
+    margin-bottom: 16px;
   }
 
   .situation1 {
-    background-image: url(@/assets/eduImg/jyImg11.png);
+    background-image: url(@/assets/images/education/xs.png);
   }
 
   .situation2 {
-    background-image: url(@/assets/eduImg/jyImg12.png);
+    background-image: url(@/assets/images/education/xs2.png);
   }
 
   .situation3 {
-    background-image: url(@/assets/eduImg/jyImg13.png);
+    background-image: url(@/assets/images/education/xs1.png);
+  }
+  .situation4 {
+    background-image: url(@/assets/images/education/xs3.png);
   }
 }