dev 提交

cokingCoal/js/dataA.js

@@ -25,11 +25,12 @@ let echarts2 = [
 ]
 
 let levelList = {
-  x: ["高级技师", "技师", "高级工", "中级工", "初级工", "学徒工"],
-  y: [903, 5086, 34826, 50610, 14227, 13],
+  // x: ["高级技师", "技师", "高级工", "中级工", "初级工", "学徒工"],
+  x: ["高级技师", "技师", "高级工", "中级工", "初级工"],
+  y: [903, 5086, 34826, 50610, 14227],
 }
 let salaryList = {
-  x: ["西山煤电", "汾西矿业", "霍州煤电", "山煤国际", "华晋焦煤", "山西焦化", "物资装备公司", "金土地公司", "销售公司", "国发公司", "投资公司", "人力资源公司", "金融资本公司", "民爆集团", "云数据公司", "焦煤置业", "新能源公司", "油品公司", "低碳公司", "交易中心", "招标公司"],
+  x: ["西山煤电", "汾西矿业", "霍州煤电", "山煤国际", "华晋焦煤", "山西焦化", "物资装备", "金土地", "销售公司", "国发公司", "投资公司", "人力公司", "金融资本", "民爆集团", "云数据", "焦煤置业", "新能源", "油品公司", "低碳公司", "交易中心", "招标公司"],
   y: [94, 90, 93, 80, 85, 95, 98, 99, 93, 91, 95, 83, 98, 94, 99, 92, 90, 93, 87, 89, 97],
 }
 
@@ -40,7 +41,7 @@ let salaryList = {
 // }
 
 let leftEndList = {
-  x: ["集团公司", "西山煤电", "汾西矿业", "霍州煤电", "山煤国际", "华晋焦煤", "山西焦化", "物资装备公司", "金土地公司", "销售公司", "国发公司", "投资公司", "人力资源公司", "金融资本公司", "民爆集团", "云数据公司", "焦煤置业", "新能源公司", "油品公司", "低碳公司", "交易中心"],
+  x: ["集团公司", "西山煤电", "汾西矿业", "霍州煤电", "山煤国际", "华晋焦煤", "山西焦化", "物资装备公司", "金土地公司", "销售公司", "国发公司", "投资公司", "人力公司", "金融资本公司", "民爆集团", "云数据公司", "焦煤置业", "新能源公司", "油品公司", "低碳公司", "交易中心"],
   y1: [11708, 7611.2, 9818.8, 8530.8, 9409.4, 9777.4, 4882.8, 12574.4, 17091.8, 23969.2, 7321, 10175, 18170.6, 14901.8, 7572.4, 15567, 11993.6, 11090.6, 11957.2, 4578.4, 7566,],
   y2: [10525, 6856.6, 7729.8, 7320.2, 8711, 8908.4, 4784.4, 11697.8, 14724.2, 9911, 15173.2, 8016.6, 0, 14323.8, 5423.8, 11432.8, 13103.6, 10882.2, 13060, 0, 0,],
 }
@@ -53,6 +54,7 @@ let worksList = {
 
 let efficiencyList = {
   x: ["集团公司", "西山煤电", "汾西矿业", "霍州煤电", "山煤国际", "华晋焦煤"],
+  // x: ["集团公司", "西山煤电", "汾西矿业", "霍州煤电", "山煤国际", "华晋焦煤", "山西焦化", "民爆集团"],
   y2: [8.27, 8.83, 6.88, 7.03, 10.11, 13.07],
   y1: [8.63, 9.1, 7.13, 7.05, 13.54, 7.6],
 }
@@ -63,7 +65,7 @@ let wholeList = {
 }
 
 let schoolList = {
-  x: ["太原理工大学", "山西大学", "河南理工大学", "中北大学", "中国矿业大学", "华北科技学院"],
+  x: ["太原理工", "山西大学", "河南理工", "中北大学", "中国矿业", "华北科技"],
   y: [80, 50, 33, 20, 20, 10],
 }
 
@@ -138,4 +140,42 @@ let left5 = [{
   sliced: false,
   selected: false,
 }
-]
+]
+
+let downhole = {
+  x: ["西山煤电", "汾西矿业", "霍州煤电", "山煤国际", "华晋焦煤"],
+  y: [[46, 22, 19, 0, 8], [49, 18, 19, 1, 10], [20, 30, 35, 30, 20], [4981, 3195, 5016, 2117, 782], [9309, 5732, 4589, 2586, 1285]]
+}
+
+
+let skillList = [{
+  name: "国家级",
+  blue: 3,
+  green: 30,
+  flag: true,
+}, {
+  name: "行业级",
+  blue: 20,
+  green: 200,
+  flag: false,
+}, {
+  name: "省级",
+  blue: 19,
+  green: 190,
+  flag: false,
+}, {
+  name: "地市级",
+  blue: 21,
+  green: 210,
+  flag: false,
+}, {
+  name: "集团级",
+  blue: 38,
+  green: 380,
+  flag: false,
+}]
+
+let rightList = {
+  x: ["西山煤电", "汾西矿业", "霍州煤电", "山煤国际", "华晋焦煤", "山西焦化"],
+  y: [300, 200, 270, 140, 150, 120],
+}

cokingCoal/js/request.js

@@ -3,17 +3,30 @@
 // getCookie(cookie_name)
 
 // 是否本地环境
-function isLocalEnv () {
+function isLocalEnv() {
   let domain = window.location.origin
-  if (['http://127.0.0.1:5500', 'file://'].includes(domain)) {
+  if (['http://127.0.0.1:5501', 'file://'].includes(domain)) {
     return true
   } else {
     return false
   }
 }
 
+
+
+window.apiType = "sit"  // dev 本地测试 ，  sit  线上测试  
+window.fetchUrl = ""
+// window.fetchUrl = "http://172.21.9.236:8081"
+
+
+if(window.apiType == "dev"){
+  window.fetchUrl = "http://192.168.1.13:8080"
+} else if(window.apiType == "sit"){
+  window.fetchUrl = "http://172.21.9.236:8081"
+}
+
 // api 前缀
-function getApiUrl () {
+function getApiUrl() {
   // 为线上时
   if (!isLocalEnv()) {
     return window.location.origin
@@ -27,11 +40,11 @@ function getApiUrl () {
     // return 'http://10.0.0.22:8080'     // 闫敏的环境
     // return 'http://10.0.0.8:8080' // 祥慧的环境
     // return 'http://10.0.0.115:8080'    // 王蒙的环境
-    return 'http://10.0.0.82:8080'
+    return 'http:192.168.1.60:8081' // 焦煤内网
   }
 }
 // websocket 前缀
-function getWsUrl () {
+function getWsUrl() {
   let prefix = location.protocol === 'https:' ? 'wss://' : 'ws://'
   // 为线上时
   if (!isLocalEnv()) {
@@ -43,7 +56,7 @@ function getWsUrl () {
 }
 
 // minio 前缀
-function getMinioUrl () {
+function getMinioUrl() {
   let isProduction = location.origin.indexOf('1.71.170.214') != -1
   if (isProduction) {
     return 'http://1.71.170.214:19000/constr-documents/'
@@ -56,34 +69,34 @@ function getMinioUrl () {
  * 请求拦截、相应拦截、错误统一处理
  */
 const httpRequest = axios.create({
-  baseURL: 'http://10.0.0.82:8080', // 测试环境
+  baseURL: 'http:192.168.1.60:8081', // 测试环境
   timeout: 3 * 60 * 1000, // 3分钟等待
   withCredentials: true // 携带cookie
 })
 
 // 请求拦截器
-// httpRequest.interceptors.request.use(
-//   function (config) {
-//     if (!isLocalEnv()) {
-//       if (getQueryVariable('token')) {
-//         config.headers['access_token'] = getQueryVariable('token')
-//       }
-//     } else {
-//       config.headers['access_token'] = localStorage.getItem('token')
-//       // config.headers['access_token'] = '4b3ed521-f509-48d9-b907-ab127479df41'
-//     }
-//     // 上传文件
-//     if (config.url == '/apiSys/oss/upload') {
-//       config.headers['Content-Type'] = 'multipart/form-data'
-//     } else {
-//       config.headers['Content-Type'] = 'application/json'
-//     }
-//     return config
-//   },
-//   function (error) {
-//     return Promise.reject(error)
-//   }
-// )
+httpRequest.interceptors.request.use(
+  function (config) {
+    if (!isLocalEnv()) {
+      if (getQueryVariable('token')) {
+        config.headers['access_token'] = getQueryVariable('token')
+      }
+    } else {
+      config.headers['access_token'] = localStorage.getItem('token')
+      // config.headers['access_token'] = '4b3ed521-f509-48d9-b907-ab127479df41'
+    }
+    // 上传文件
+    if (config.url == '/apiSys/oss/upload') {
+      config.headers['Content-Type'] = 'multipart/form-data'
+    } else {
+      config.headers['Content-Type'] = 'application/json'
+    }
+    return config
+  },
+  function (error) {
+    return Promise.reject(error)
+  }
+)
 
 //响应拦截
 httpRequest.interceptors.response.use(
@@ -106,7 +119,7 @@ httpRequest.interceptors.response.use(
   }
 )
 
-function get (url, params) {
+function get(url, params) {
   return new Promise((resolve, reject) => {
     httpRequest
       .get(url, { params: params })
@@ -119,7 +132,7 @@ function get (url, params) {
   })
 }
 // qs.stringify(data)
-function post (url, data, config) {
+function post(url, data, config) {
   return new Promise((resolve, reject) => {
     httpRequest
       .post(url, data, config)
@@ -132,7 +145,7 @@ function post (url, data, config) {
   })
 }
 
-function postFile (url, blob) {
+function postFile(url, blob) {
   return new Promise((resolve, reject) => {
     let formdata = new FormData()
     formdata.append('multipartFile', blob)
@@ -147,9 +160,9 @@ function postFile (url, blob) {
   })
 }
 
-function localEnvLogin () {
+function localEnvLogin() {
   post(
-    '/apiSys/login',
+    '/ierp/api/getAppToken.do',
     {
       username: 'admin',
       password: '1q2w3e4r5t'
@@ -168,8 +181,112 @@ function localEnvLogin () {
   })
 }
 
+
+function localEnvAppToken() {
+  return new Promise((resole, reject) => {
+    let data
+    if (window.apiType == "dev") {
+      data = {
+        appId: "jsc",
+        appSecuret: "G|s26?hAW1TzX5rY",
+        tenantid: "jmdev",
+        accountId: "1541173495969351680",
+      }
+    } else if (window.apiType == "sit") {
+      data = {
+        appId: "jsc",
+        appSecuret: "OA9#'Jn'4p|f`nBG",
+        tenantid: "dev",
+        accountId: "1493393884158362624",
+      }
+    } else {
+      console.log("未知类型");
+      return
+    }
+
+    fetch(fetchUrl + "/ierp/api/getAppToken.do", {
+      method: "post",
+      body: JSON.stringify(data),
+      mode: 'cors'
+    }).then(res => res.json())
+      .catch(error => {
+        reject(error)
+      })
+      .then(response => {
+        resole(response.data)
+      });
+  })
+};
+
+function getLocalEnvAccessToken() {
+  return new Promise((resole, reject) => {
+    let data
+    if (window.apiType == "dev") {
+      data = {
+        user: "17649834944",
+        apptoken: localStorage.getItem("app_token"),
+        tenantid: "jmdev",
+        accountId: "1541173495969351680",
+        usertype: "Mobile",
+      }
+    } else if (window.apiType == "sit") {
+      data = {
+        user: "17649834944",
+        apptoken: localStorage.getItem("app_token"),
+        tenantid: "dev",
+        accountId: "1493393884158362624",
+        usertype: "Mobile",
+      }
+    } else {
+      console.log("未知类型");
+      return
+    }
+
+    fetch(fetchUrl + "/ierp/api/login.do", {
+      method: "post",
+      body: JSON.stringify(data),
+      mode: 'cors'
+    }).then(res => res.json())
+      .catch(error => {
+        reject(error)
+      })
+      .then(response => {
+        resole(response.data)
+      });
+  })
+}
+
+function fetchPostMethods(url, params) {
+  console.log(url, params, "url    params");
+  return new Promise((resole, reject) => {
+    fetch(fetchUrl + url, {
+      method: "post",
+      body: JSON.stringify(params),
+      headers: new Headers({
+        "Content-Type": "application/json",
+        "accesstoken": localStorage.getItem("access_token"),
+      }),
+      mode: 'cors'
+    }).then(res => {
+      console.log(res);
+      return res.json()
+    })
+      .catch(error => {
+        console.log(error, "error");
+        reject(error)
+      })
+      .then(response => {
+        console.log(response, "response");
+        if (response != undefined) {
+          resole(response.data)
+        }
+      });
+  })
+}
+
+
 // 将参数转换成功 formdata 接收格式
-function stringify (data) {
+function stringify(data) {
   let ret = ''
   for (const it in data) {
     ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&'
@@ -178,7 +295,7 @@ function stringify (data) {
   return ret
 }
 // 格式化日期
-function formatDate (time) {
+function formatDate(time) {
   let date = time ? new Date(Number(time)) : new Date();
   let Y = date.getFullYear() + '-';
   let M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';

cokingCoal/styles/newIndex.css

@@ -2,7 +2,7 @@ html,
 body {
     width: 100% !important;
     /* width: 6145px !important; */
-    min-height: 2592px;
+    /* min-height: 2592px; */
     height: 100%;
     font-size: 20px;
     color: #fff;
@@ -68,6 +68,7 @@ a {
 .box_item_title span {
     font-size: 72px;
     font-weight: bold;
+    margin-bottom: 35px;
     background: linear-gradient(-3deg, #99eeff 0%, #99eeff 30%, #ffffff 91%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
@@ -106,9 +107,9 @@ a {
 .left_item {
     width: 100%;
     height: calc(25% - 15px);
-    background: url("../images/lb-back.png") no-repeat;
+    /* background: url("../images/lb-back.png") no-repeat; */
     background-size: 100% 100%;
-    padding: 10px 40px 30px;
+    /* padding: 10px 40px 30px; */
     box-sizing: border-box;
 }
 
@@ -142,26 +143,38 @@ a {
     width: 700px;
     height: 700px;
     transform-origin: center top;
-    transform: rotateX(70deg) scale(1.75);
+    transform: rotateX(65deg) scale(1.6);
     text-align: center;
     position: absolute;
-    bottom: -379px;
-    left: 255px;
+    bottom: -345px;
+    left: 19%;
+
+}
+
+.svg_box_item_else {
+    width: 700px;
+    height: 700px;
+    transform-origin: center top;
+    transform: rotateX(73deg) scale(1.7);
+    text-align: center;
+    position: absolute;
+    bottom: -479px;
+    left: 19%;
 
 }
 
 .main_item {
     width: 100%;
-    height: calc(20% - 10px);
-    background: url("../images/lb-back.png") no-repeat;
+    height: calc(30% - 10px);
+    /* background: url("../images/lb-back.png") no-repeat; */
     background-size: 100% 100%;
-    padding: 30px;
+    /* padding: 30px; */
     box-sizing: border-box;
     z-index: 999;
 }
 
 .title {
-    width: 200px;
+    width: 300px;
     height: 65px;
     font-size: 35px;
     font-weight: bolder;
@@ -173,18 +186,27 @@ a {
 }
 
 .title_else {
-    width: 102%;
-    height: 65px;
-    font-size: 35px;
+    width: 70%;
+    height: 85px;
+    font-size: 50px;
     font-weight: bolder;
-    line-height: 65px;
-    text-indent: 120px;
+    line-height: 75px;
+    text-indent: 95px;
     box-sizing: border-box;
+    color: #3699ff;
     border-radius: 10px;
     margin-bottom: 10px;
     position: relative;
-    background: url("../images/newImage/tit_bg.png") no-repeat;
-    background-size: 100% 100%;
+    /* background: url("../images/newImage/tit_bg.png") no-repeat; */
+    background: url("../images/s_title.png") no-repeat;
+    background-size: 55% 100%;
+
+}
+
+.title_else span:nth-child(1) {
+    background: linear-gradient(-3deg, #99eeff 0%, #99eeff 30%, #ffffff 91%);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
 }
 
 .icon_tit {
@@ -193,17 +215,17 @@ a {
     z-index: 9999;
     position: absolute;
     top: -10px;
-    right: 8%;
+    right: -35%;
 }
 
 .left_main {
     width: 100%;
-    height: calc(100% - 65px);
+    height: calc(100% - 85px);
 }
 
 .left_main_else {
     width: 100%;
-    height: calc(100% - 65px);
+    height: calc(100% - 85px);
     display: flex;
     flex-direction: column;
     justify-content: space-between;
@@ -261,12 +283,12 @@ a {
     justify-content: center;
     align-items: flex-start;
     position: relative;
-    padding-left: 330px;
+    padding-left: 300px;
     box-sizing: border-box;
 }
 
 .text_box img {
-    width: 25%;
+    width: 20%;
     height: 65%;
     position: absolute;
     top: 50%;
@@ -292,13 +314,13 @@ a {
 
 .left_user_main {
     width: 100%;
-    height: calc(43% - 10px);
+    height: calc(45% - 10px);
     display: flex;
     justify-content: space-between;
 }
 
 .left_user_main_item {
-    width: calc(33% - 10px);
+    width: calc(33% - 5px);
     height: 100%;
     padding: 20px;
     box-sizing: border-box;
@@ -312,7 +334,7 @@ a {
     position: relative;
 }
 
-.mark_none{
+.mark_none {
     width: 100%;
     height: 100%;
     position: absolute;
@@ -364,7 +386,7 @@ a {
 .right_item {
     width: 100%;
     height: calc(25% - 10px);
-    background: url("../images/lb-back.png") no-repeat;
+    /* background: url("../images/lb-back.png") no-repeat; */
     background-size: 100% 100%;
     /* background-color: var(--bg); */
     padding: 10px 45px 20px;
@@ -385,16 +407,16 @@ a {
 .right_user_box {
     width: 100%;
     height: calc(25% - 10px);
-    background: url("../images/lb-back.png") no-repeat;
+    /* background: url("../images/lb-back.png") no-repeat; */
     background-size: 100% 100%;
-    padding: 10px 45px 20px;
+    /* padding: 10px 45px 20px; */
     box-sizing: border-box;
 }
 
 .right_item_item_top {
     width: 100%;
     height: 100px;
-    background-color: blueviolet;
+    background-color: rgb(139, 45, 226);
 }
 
 .right_item_item_btm {
@@ -406,7 +428,7 @@ a {
 
 
 .right_item_item {
-    width: calc(100% - 10px);
+    width: calc(50% - 10px);
     height: 100%;
     background-color: var(--bg);
     /* background: url("../images/rt-back.png") no-repeat;
@@ -531,7 +553,7 @@ a {
 }
 
 .image_box {
-    width: calc(50% - 10px);
+    width: calc(60% - 10px);
     height: 70%;
     display: flex;
     flex-direction: column;
@@ -644,7 +666,12 @@ a {
 }
 
 .right_item_item_else_title img {
-    width: 32%;
+    width: 40%;
+    height: 100%;
+}
+
+.w_100_right_box {
+    width: 100%;
     height: 100%;
 }
 
@@ -681,15 +708,15 @@ a {
 
 .echarts_else_top {
     width: 100%;
-    height: calc(20%px);
+    height: calc(25%);
     display: flex;
     justify-content: space-around;
     align-items: center;
 }
 
 .echarts_else_top_item {
-    width: calc(50% - 120px);
-    height: 100%;
+    padding: 5px 20px;
+    box-sizing: border-box;
     background: rgba(0, 179, 254, 0.25);
     border: 1px solid #69C0FF;
     border-radius: 10px;
@@ -699,8 +726,8 @@ a {
 }
 
 .echarts_else_top_item_on {
-    width: calc(50% - 120px);
-    height: 100%;
+    padding: 5px 20px;
+    box-sizing: border-box;
     background: rgba(0, 254, 199, 0.25);
     border: 1px solid #00ffff;
     border-radius: 10px;
@@ -723,14 +750,14 @@ a {
 }
 
 .item_right_t div:nth-child(1) {
-    font-size: 20px;
+    font-size: 24px;
     font-family: Source Han Sans CN;
     font-weight: 400;
     color: #FFFFFF;
 }
 
 .item_right_t div:nth-child(2) {
-    font-size: 26px;
+    font-size: 28px;
     font-family: HelveticaNeueLT;
     font-weight: bolder;
     color: #69C0FF;
@@ -778,7 +805,7 @@ img {
 
 .icon_title {
     width: 100%;
-    height: calc(100% - 10px);
+    height: calc(100%);
     z-index: 999;
     display: flex;
     justify-content: flex-start;
@@ -834,7 +861,7 @@ img {
 
 .w_100_right {
     width: 100%;
-    height: calc(100% - 60px);
+    height: calc(100% - 85px);
     display: flex;
     justify-content: space-between;
     align-items: center;
@@ -967,8 +994,8 @@ img {
 }
 
 .mark_centter {
-    width: 1300px;
-    height: 600px;
+    width: 2300px;
+    height: 1000px;
     /* margin: 1500px 1000px 0; */
     z-index: 999999999999999999;
     background: url("../images/markBG.png") no-repeat;
@@ -984,12 +1011,11 @@ img {
 
 .mark_title {
     width: 100%;
-    height: 50px;
+    height: 150px;
     text-align: center;
-    line-height: 50px;
+    line-height: 150px;
     font-size: 35px;
     font-weight: bolder;
-    margin-top: 5px;
 }
 
 .mark_main {
@@ -998,7 +1024,7 @@ img {
 }
 
 .mark_pdf {
-    width: 2300px;
+    width: 2176px;
     height: 1500px;
     background: url("../images/markBG.png") no-repeat;
     background-size: 100% 100%;
@@ -1035,12 +1061,12 @@ img {
 
 .f_item span:nth-child(2) {
     width: 95%;
-    height: 84px;
+    height: 160px;
     text-indent: 50px;
     opacity: 0.7;
     display: -webkit-box;
     /* 将元素作为弹性伸缩盒子展示 */
-    -webkit-line-clamp: 2;
+    -webkit-line-clamp: 4;
     /* 限制显示的行数 */
     -webkit-box-orient: vertical;
     /* 设置垂直方向 */
@@ -1048,6 +1074,36 @@ img {
     /* 隐藏超出部分 */
 }
 
+.right_item_main_header {
+    width: 100%;
+    height: 80px;
+    position: relative;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.right_item_main_header img {
+    width: 50%;
+    height: 100%;
+}
+
+.right_item_main_header .right_text {
+    width: 100%;
+    height: 100%;
+    text-align: center;
+    font-size: 30px;
+    line-height: 70px;
+    position: absolute;
+    top: 0;
+    left: 0;
+}
+
+.right_text span {
+    font-size: 40px;
+    font-weight: bolder;
+    color: rgb(69, 218, 209);
+}
 
 .echarts_6 {
     width: 100%;
@@ -1103,15 +1159,16 @@ img {
 }
 
 .echarts_top img {
-    width: 65%;
+    width: 100%;
     height: 100%;
+    transform: translateX(-15%);
 }
 
 .echarts_btm {
     width: 100%;
     height: 30%;
     position: relative;
-    margin-top: -20px;
+    margin-top: -30px;
 }
 
 
@@ -1153,12 +1210,12 @@ img {
 }
 
 .echarts_else .img {
-    width: 370px;
-    height: 370px;
+    width: 360px;
+    height: 360px;
     z-index: 99999;
     position: absolute;
-    left: 80px;
-    top: calc(50% - 183px);
+    left: -15px;
+    top: calc(50% - 185px);
     animation: fadenum 8s infinite linear;
 }
 
@@ -1193,29 +1250,161 @@ img {
     border-radius: 10px;
 }
 
+.mark_main_item {
+    position: absolute;
+    bottom: 15%;
+    left: 50%;
+    transform: translateX(-50%);
+    width: 2300px;
+    height: 1000px;
+    z-index: 999999999999999999;
+    background: url("../images/markBG.png") no-repeat;
+    background-size: 100% 100%;
+    padding: 20px 40px 30px;
+    box-sizing: border-box;
+    align-items: center !important;
+}
+
+.mark_main_item .main_item_center {
+    width: 100%;
+    height: 100%;
+}
 
+.right_flex_item {
+    width: 100%;
+    height: calc(50% - 10px);
+}
 
+.item-tl-item {
+    width: calc(33% - 10px);
+    height: 50%;
+    position: relative;
+}
 
+.item_main {
+    width: 100%;
+    height: 100%;
+}
 
+.item_main_top {
+    width: calc(140px * 2);
+    height: 80%;
+    margin: -40px auto 0;
+}
 
+.item_title {
+    width: 100%;
+    font-size: 35px;
+    text-align: center;
+    position: absolute;
+    top: 25%;
+}
 
+.item_main_main {
+    width: 100%;
+    height: 70px;
+    background: url("../images/count.png") no-repeat;
+    background-size: 100% 100%;
+    margin: 15px auto 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
 
+.flex_center {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
 
+.item_main_text {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font-size: 30px;
+    font-weight: bolder;
+    font-family: HelveticaNeue LT 107 XBlkCn;
+    font-style: italic;
+}
 
+.item_main_text img {
+    width: calc(31px * 2);
+    height: calc(31px * 2);
+}
 
 
 
+.icon_box {
+    width: 100px;
+    height: 100px;
+    position: absolute;
+    right: 50px;
+    top: 70px;
+    z-index: 9999;
+}
 
+.echarts_mark_view {
+    width: 4000px;
+    height: 1250px;
+    background: url("../images/markBG.png") no-repeat;
+    background-size: 100% 100%;
+    padding: 55px 85px;
+    box-sizing: border-box;
+    position: absolute;
+    top: 30%;
+    left: 50%;
+    transform: translateX(-50%);
 
+}
 
+.echarts_box {
+    width: 100%;
+    height: calc(100% - 85px);
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
 
+/* .mark_view_else{
+    width: calc(60% - 10px);
+    height: 100%;
+    background-color: var(--bg);
+    padding: 20px 0 0;
+    box-sizing: border-box;
+} */
+
+.echarts_main {
+    width: 100%;
+    height: calc(100% - 80px);
+}
 
+.mark_view {
+    width: calc(30% - 10px);
+    height: 100%;
+    background-color: var(--bg);
+    padding: 20px 0 0;
+    box-sizing: border-box;
+}
 
 
 
 
 
 
+
+circle {
+    r: 5px !important;
+    fill: #B2CBE2;
+}
+
+
+
+
+polyline {
+    stroke-width: 5px !important;
+}
+
+
 @keyframes fadenum {
     100% {
         transform: rotate(360deg);