From 1a947a0457935397fe3ce0df4ca228a161484529 Mon Sep 17 00:00:00 2001
From: "lj7788@126.com" <lj7788@126.com>
Date: Tue, 15 Jul 2025 18:40:30 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9C=BA=E6=A2=B0=E7=AE=A1=E7=90=86=E5=BC=80?=
 =?UTF-8?q?=E5=8F=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../public/css/largeScreenStyle.css           |   134 +-
 .../public/css/largeScreenStyle.less          | 10265 ++++++++--------
 yanzhu-bigscreen/src/api/machmater.js         |    24 +
 yanzhu-bigscreen/src/components/MyChart.vue   |     7 +-
 .../src/views/bim/briefingTools.js            |     4 +-
 .../views/machmater/certInfoDataDialog.vue    |   159 +
 .../src/views/machmater/machineInfoDialog.vue |    78 +-
 .../src/views/machmater/machineManage.vue     |   522 +-
 yanzhu-common/yanzhu-common-core/pom.xml      |    13 +-
 .../common/core/utils/http/HttpUtils.java     |     6 +-
 .../bigscreen/MachMaterController.java        |    32 +-
 .../src/views/manage/plan/bimSelectTools2.js  |    48 +-
 .../src/views/manage/plan/bimSelectTools3.js  |    86 +-
 .../views/manage/plan/bimSelectionDialog3.vue |     4 +-
 14 files changed, 6136 insertions(+), 5246 deletions(-)
 create mode 100644 yanzhu-bigscreen/src/views/machmater/certInfoDataDialog.vue

diff --git a/yanzhu-bigscreen/public/css/largeScreenStyle.css b/yanzhu-bigscreen/public/css/largeScreenStyle.css
index 233ffc5d..14ce2c53 100644
--- a/yanzhu-bigscreen/public/css/largeScreenStyle.css
+++ b/yanzhu-bigscreen/public/css/largeScreenStyle.css
@@ -12,11 +12,11 @@
 }
 @font-face {
   font-family: DingTalkSans;
-  src: url('../fonts/DingTalkJinBuTi.woff2');
+  src: url("../fonts/DingTalkJinBuTi.woff2");
 }
 @font-face {
   font-family: NumFont;
-  src: url('../fonts/DS-DIGIT.TTF');
+  src: url("../fonts/DS-DIGIT.TTF");
 }
 * {
   font-family: DingTalkSans;
@@ -31,12 +31,20 @@ body {
   overflow: auto;
 }
 .scroll::-webkit-scrollbar {
-  width: 8px ;
+  width: 8px;
   height: 8px;
 }
 .scroll::-webkit-scrollbar-thumb {
   background-color: #01a9ff;
-  border-radius: 4px ;
+  border-radius: 4px;
+}
+.el-table.scroll .el-table__body-wrapper::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+.el-table.scroll .el-table__body-wrapper::-webkit-scrollbar-thumb {
+  background-color: #01a9ff;
+  border-radius: 4px;
 }
 @media (max-width: 1920px) {
   .w-scroll::-webkit-scrollbar {
@@ -50,7 +58,6 @@ body {
   #app {
     width: 1912px;
     height: 1080px;
-    overflow: hidden;
   }
   .screen-content-max {
     width: 1912px;
@@ -90,7 +97,6 @@ body {
   #app {
     width: 2550px;
     height: 1440px;
-    overflow: hidden;
   }
   .screen-content-max {
     width: 2550px;
@@ -152,6 +158,37 @@ body {
     align-items: center;
     display: inline-flex !important;
   }
+  .mytable th .cell {
+    font-size: 20px;
+  }
+  .mytable td .cell {
+    font-size: 20px;
+  }
+  .mytable td .cell .el-tag {
+    font-size: 20px;
+    height: 30px;
+    line-height: 30px;
+  }
+  .mytable .el-table__empty-text {
+    font-size: 20px;
+  }
+  .mytable .el-table__row:nth-child(odd) {
+    background-size: 100% 70px;
+  }
+  .mytable .el-table__row td {
+    height: 80px;
+  }
+  .mytable .el-image.att-img img {
+    height: 60px;
+  }
+  .mytable .el-image.att-img .el-image__error {
+    height: 60px;
+    position: relative;
+    top: 10px;
+  }
+  .mytable .el-icon-close {
+    font-size: 30px;
+  }
 }
 @media (min-width: 2561px) {
   .w-scroll::-webkit-scrollbar {
@@ -232,6 +269,45 @@ body {
   .el-picker-panel__body-wrapper * {
     font-size: 16px !important;
   }
+  .mytable th {
+    height: 50px;
+  }
+  .mytable th .cell {
+    font-size: 30px;
+    line-height: 48px;
+  }
+  .mytable td {
+    height: 50px;
+  }
+  .mytable td .cell {
+    font-size: 30px;
+    line-height: 48px;
+  }
+  .mytable td .cell .el-tag {
+    font-size: 30px;
+    height: 48px;
+    line-height: 48px;
+  }
+  .mytable .el-table__empty-text {
+    font-size: 30px;
+  }
+  .mytable .el-table__row:nth-child(odd) {
+    background-size: 100% 90px;
+  }
+  .mytable .el-table__row td {
+    height: 100px;
+  }
+  .mytable .el-image.att-img img {
+    height: 80px;
+  }
+  .mytable .el-image.att-img .el-image__error {
+    height: 80px;
+    position: relative;
+    top: 16px;
+  }
+  .mytable .el-icon-close {
+    font-size: 40px;
+  }
 }
 .img-openwin {
   position: absolute;
@@ -376,12 +452,12 @@ table {
 }
 .head-title-select {
   padding-top: 23px;
-  width: 12% ;
+  width: 12%;
   position: relative;
 }
 .head-title-date {
   padding-top: 15px;
-  width: 15% ;
+  width: 15%;
   display: flex;
   align-items: center;
 }
@@ -745,7 +821,7 @@ table {
   text-align: center;
   line-height: 45px;
   font-size: 30px;
-  font-family: 'number-font';
+  font-family: "number-font";
 }
 .glr-login-rate {
   display: flex;
@@ -1085,7 +1161,7 @@ table {
   padding: 0 20px;
 }
 .survey-oil-min {
-  padding: 8px  0;
+  padding: 8px 0;
 }
 .survey-oil-title {
   position: relative;
@@ -1202,7 +1278,7 @@ table {
   padding: 15px 0;
 }
 .time-study-value {
-  padding: 5px  10px;
+  padding: 5px 10px;
   text-align: center;
 }
 .time-study-value p {
@@ -2359,7 +2435,7 @@ table {
   padding-left: 15px;
 }
 .list-info-name {
-  padding: 7px 0 ;
+  padding: 7px 0;
   font-size: 16px;
 }
 .list-info-name span {
@@ -2746,7 +2822,7 @@ table {
 /*点位图弹窗*/
 .sjk-popup {
   width: 400px;
-  background: url('../images/map_sjk_popup_bgd.png') no-repeat center / 100% 100%;
+  background: url("../images/map_sjk_popup_bgd.png") no-repeat center / 100% 100%;
   font-size: 14px;
   position: fixed;
   z-index: 100;
@@ -2758,7 +2834,7 @@ table {
   padding: 8px;
   color: #ffffff;
   font-size: 16px;
-  background: url('../images/map_popup_title.png') no-repeat left / 100% 100%;
+  background: url("../images/map_popup_title.png") no-repeat left / 100% 100%;
 }
 .sjk-popup-time {
   padding: 10px;
@@ -2817,7 +2893,7 @@ table {
   align-items: center;
 }
 .sjk-chart-line-title-tz button {
-  padding: 5px ;
+  padding: 5px;
   width: 130px;
   cursor: pointer;
   margin-right: 20px;
@@ -3210,7 +3286,7 @@ table {
 }
 .video-vehicle-table .el-table th {
   color: #67baff;
-  padding: 10px 25px ;
+  padding: 10px 25px;
 }
 .video-vehicle-table .el-table td {
   padding: 10px 15px;
@@ -3331,7 +3407,7 @@ table {
   background: url("../images/warning_renyuan.png") no-repeat bottom / 100% 100%;
 }
 .people-list-img img {
-  width: 100% ;
+  width: 100%;
   height: 100%;
 }
 .people-list-top {
@@ -3358,7 +3434,7 @@ table {
   background: #888888;
 }
 .people-info-name {
-  padding: 7px 0 ;
+  padding: 7px 0;
   font-size: 16px;
   display: flex;
   align-items: center;
@@ -3368,7 +3444,7 @@ table {
   font-size: 14px;
 }
 .people-info-name {
-  padding: 7px 0 ;
+  padding: 7px 0;
   font-size: 16px;
 }
 .people-info-action {
@@ -3443,11 +3519,11 @@ table {
 .popup-people-max {
   width: 280px;
   height: 300px;
-  background: url('../images/map_popup_bgd.png') no-repeat center / 100% 100%;
+  background: url("../images/map_popup_bgd.png") no-repeat center / 100% 100%;
   font-size: 14px;
 }
 .popup-people-max.active {
-  background: url('../images/map_popup_red_bgd.png') no-repeat center / 100% 100%;
+  background: url("../images/map_popup_red_bgd.png") no-repeat center / 100% 100%;
 }
 .popup-people-min {
   padding: 20px 15px;
@@ -3667,7 +3743,7 @@ table {
   background: none;
 }
 .quality-table .el-table__footer-wrapper tbody td.el-table__cell {
-  background: none ;
+  background: none;
   color: #fff;
   font-weight: bold;
   font-size: 16px;
@@ -3770,7 +3846,7 @@ table {
   font-size: 28px;
   color: #999999;
   cursor: pointer;
-  width: 50px ;
+  width: 50px;
   height: 50px;
   text-align: center;
 }
@@ -3873,7 +3949,7 @@ table {
   color: #dddddd;
 }
 .popup-baidu-machine-address {
-  padding: 5px ;
+  padding: 5px;
   background: rgba(0, 170, 255, 0.2);
   font-size: 14px;
   color: #ffffff;
@@ -4473,7 +4549,7 @@ table {
   margin-right: 5px;
 }
 .pcd-output-value-title {
-  padding: 0 ;
+  padding: 0;
 }
 .pcd-chart {
   height: 540px;
@@ -6064,7 +6140,7 @@ daily-diary-time-line-icon-4 {
   color: #ff0000;
 }
 .sand-table-battery-icon {
-  padding: 2px 5px 2px  2px;
+  padding: 2px 5px 2px 2px;
   height: 10px;
   width: 23px;
   background: url("../images/battery.png") no-repeat center / 100% 100%;
@@ -6092,7 +6168,7 @@ daily-diary-time-line-icon-4 {
   background: rgba(0, 0, 0, 0.6);
   left: 0;
   top: 0;
-  z-index: 2002 ;
+  z-index: 2002;
 }
 .amplify-carousel-img {
   width: 100%;
@@ -6440,7 +6516,7 @@ daily-diary-time-line-icon-4 {
 }
 /*筛选框*/
 .select-shigong {
-  padding: 5px ;
+  padding: 5px;
   width: 130px;
   cursor: pointer;
   background: url("../images/dangerous.png") no-repeat center / 100% 100%;
@@ -6452,7 +6528,7 @@ select:focus {
 }
 option {
   display: block;
-  padding: 5px ;
+  padding: 5px;
   width: 130px;
   height: 30px;
   cursor: pointer;
diff --git a/yanzhu-bigscreen/public/css/largeScreenStyle.less b/yanzhu-bigscreen/public/css/largeScreenStyle.less
index e0875b36..b8687738 100644
--- a/yanzhu-bigscreen/public/css/largeScreenStyle.less
+++ b/yanzhu-bigscreen/public/css/largeScreenStyle.less
@@ -1,5054 +1,5194 @@
-*{
-    margin: 0;
-    padding: 0;
+* {
+  margin: 0;
+  padding: 0;
 }
 @font-face {
-    font-family: "title-font";
-    src:url(../fonts/HYLXTJ.eot),url(../fonts/HYLXTJ.svg),url(../fonts/HYLXTJ.ttf),url(../fonts/HYLXTJ.woff),url(../fonts/HYLXTJ.woff2)
+  font-family: "title-font";
+  src: url(../fonts/HYLXTJ.eot), url(../fonts/HYLXTJ.svg), url(../fonts/HYLXTJ.ttf), url(../fonts/HYLXTJ.woff), url(../fonts/HYLXTJ.woff2);
 }
 @font-face {
-    font-family: "number-font";
-    src:url(../fonts/PUTHIAfont.eot),url(../fonts/PUTHIAfont.svg),url(../fonts/PUTHIAfont.ttf),url(../fonts/PUTHIAfont.woff),url(../fonts/PUTHIAfont.woff2)
+  font-family: "number-font";
+  src: url(../fonts/PUTHIAfont.eot), url(../fonts/PUTHIAfont.svg), url(../fonts/PUTHIAfont.ttf), url(../fonts/PUTHIAfont.woff), url(../fonts/PUTHIAfont.woff2);
 }
 
 @font-face {
-    font-family: DingTalkSans;
-    src: url('../fonts/DingTalkJinBuTi.woff2');
-  }
-
-  @font-face {
-    font-family: NumFont;
-    src: url('../fonts/DS-DIGIT.TTF');
-  }
-  
-  * {
-    
-    font-family: DingTalkSans;
-  }
-
-.led-number{
-    font-family: "NumFont";
+  font-family: DingTalkSans;
+  src: url("../fonts/DingTalkJinBuTi.woff2");
 }
-body{   
-    background:#010117;
-    color: #ffffff;
-    font-size: 16px;
-    overflow: auto;
+
+@font-face {
+  font-family: NumFont;
+  src: url("../fonts/DS-DIGIT.TTF");
+}
+
+* {
+  font-family: DingTalkSans;
+}
+
+.led-number {
+  font-family: "NumFont";
+}
+body {
+  background: #010117;
+  color: #ffffff;
+  font-size: 16px;
+  overflow: auto;
 }
 
 .scroll::-webkit-scrollbar {
-    width: 8px ;
-    height: 8px;
+  width: 8px;
+  height: 8px;
 }
 .scroll::-webkit-scrollbar-thumb {
-    background-color: rgb(1, 169, 255);
-    border-radius: 4px ;
+  background-color: rgb(1, 169, 255);
+  border-radius: 4px;
+}
+
+.el-table.scroll {
+  .el-table__body-wrapper {
+    &::-webkit-scrollbar {
+      width: 8px;
+      height: 8px;
+    }
+    &::-webkit-scrollbar-thumb {
+      background-color: rgb(1, 169, 255);
+      border-radius: 4px;
+    }
+  }
 }
 
 @media (max-width: 1920px) {
-    .w-scroll::-webkit-scrollbar {
-        width: 8px !important;
-        height: 8px !important;
-    }
-    .w-scroll::-webkit-scrollbar-thumb {
-        background-color: rgb(1, 169, 255);
-        border-radius: 4px !important;
-    }
-    #app{
-        width:1912px;
-        height: 1080px;
-    }
-    .screen-content-max{
-        width:1912px;
-        height: 1080px;
-    }
-    .background_video video{
-        width:1912px;
-        height: 1080px;
-    }
-    .img-openwin{
-        width: 26px;
-        height:26px;
-    }
-    .div-header{
-        background-image: url("../images/banner-top-1k.png");
-    }
-    .popup-project-introduction-title{
-        height: 40px;
-        font-size: 18px;
-    }
-    .popup-project-introduction-close{
-        font-size: 25px;
-        width: 30px;
-        height: 30px;
-        line-height: 28px;
-    }
-}
-
-@media (min-width: 1921px) and (max-width: 2560px) {
-    .w-scroll::-webkit-scrollbar {
-        width: 16px !important;
-        height: 16px !important;
-    }
-    .w-scroll::-webkit-scrollbar-thumb {
-        background-color: rgb(1, 169, 255);
-        border-radius: 8px !important;
-    }
-    #app{
-        width:2550px;
-        height:1440px;
-    }
-    .screen-content-max{
-        width:2550px;
-        height:1440px;
-    }
-    .background_video video{
-        width:2550px;
-        height:1440px;
-    }
-    .div-header{
-        background-image: url("../images/banner-top-2k.png");
-    }
-    .img-openwin{
-        width: 30px;
-        height:30px;
-    }
-    .screen-module::after
-    {
-        background-size: auto 30px;
-        height: 30px !important;
-    }
-    .module-title{
-        height: 30px !important;
-        line-height: 30px !important;
-        font-size: 20px;
-    }
-    .popup-project-introduction-title{
-        height: 60px;
-        font-size: 24px;
-    }
-    .popup-project-introduction-close{
-        font-size: 28px;
-        width: 54px;
-        height: 54px;
-        line-height: 54px;
-    }
-        .el-pagination {
-            line-height: 30px;
-            margin-top: 40px;
-            .el-pagination__total {
-                    font-size: 24px !important;
-                    vertical-align: middle !important;
-                }
-            span {
-                font-size: 24px;
-                vertical-align: middle;
-            }
-    
-            button,
-            .number {
-                font-size: 24px;
-                width: 32px;
-                height: 32px;
-                line-height: 32px;
-            }
-    
-            .el-icon {
-                font-size: 24px !important;
-                width: 32px;
-                    height: 32px;
-                    align-items: center;
-                    display: inline-flex !important;
-            }
-        }
-}
-
-
-@media (min-width: 2561px) {
-    .w-scroll::-webkit-scrollbar {
-        width: 20px !important;
-        height: 20px !important;
-    }
-    .w-scroll::-webkit-scrollbar-thumb {
-        background-color: rgb(1, 169, 255);
-        border-radius: 10px !important;
-    }
-    #app{
-        width:3832px;
-        height:2160px;
-    }
-    .screen-content-max{
-        width:3832px;
-        height:2160px;
-    }
-    .background_video video{
-        width:3832px;
-        height:2160px;
-    }
-    .div-header{
-        background-image: url("../images/banner-top-4k.png");
-    }
-    .img-openwin{
-        width: 40px;
-        height: 40px;
-    }
-    .screen-module::after
-    {
-        background-size: auto 40px;
-        height: 40px !important;
-    }
-    .module-title{
-        height: 40px !important;
-        line-height: 40px !important;
-        font-size: 26px;
-    }
-    .popup-project-introduction-title{
-        height: 72px;
-        font-size: 32px;
-    }
-    .popup-project-introduction-close{
-        font-size: 48px;
-        width: 60px;
-        height: 60px;
-        line-height: 60px;
-    }
-
-        .el-pagination {
-            line-height: 48px;
-            margin-top: 40px;
-            .el-pagination__total {
-                font-size: 30px !important;
-                vertical-align: middle !important;
-            }
-            span {
-                font-size: 30px;
-                vertical-align: middle;
-            }
-    
-            button,
-            .number {
-                font-size: 30px;
-                width: 48px;
-                height: 48px;
-                line-height: 48px;
-            }
-    
-            .el-icon {
-                font-size: 30px !important;
-                height: 48px;
-                width: 48px;
-                align-items: center;
-                display: inline-flex !important;
-            }
-        }
-        .el-date-editor{
-            *{
-            font-size:16px !important;
-            }
-        }
-        .el-picker-panel__body-wrapper{
-            * {
-                    font-size: 16px !important;   }
-        }
-}
-.img-openwin{
-    position: absolute;
-    top:0px;
-    right: 0px;
-    z-index: 99;
-}
-.main-app {
-    height:calc(100%  - 130px);
-}
-.main-page{
-    height: 100%;
-}
-.h100{
-    height: 100%;
-}
-.screen-module{
-    &::after{
-        background-image: url("../images/one/banner.png");
-    }
-    &.no-title{
-        &::after{
-            background-image: none;
-        }
-        .module-title{
-            display: none;
-        }
-        .module-ctx{
-            padding: 0px;
-            height: 100%;
-        }
-    }
-    &.no-border{
-        background-image: none;
-    }
-}
-
-.module-ctx{
-    padding:12px;
-    height: calc(100% - 48px);
-}
-body::-webkit-scrollbar{
-    width: 8px;
-    height: 8px;
-    display: block !important;
-}
-.body::-webkit-scrollbar-thumb {
-    background-color: rgb(1, 169, 255) !important;
+  .w-scroll::-webkit-scrollbar {
+    width: 8px !important;
+    height: 8px !important;
+  }
+  .w-scroll::-webkit-scrollbar-thumb {
+    background-color: rgb(1, 169, 255);
     border-radius: 4px !important;
   }
-p,label,ul{
-    margin: 0;
-    font-weight: 400;
-}
-table{
-    width: 100%;
-}
-.anchorBL {
-    display:none;
-}
-[v-cloak] {
-    display: none;
-}
-/*背景视频*/
-.background_video video{  
-    position: absolute;
-}
-.screen-content-max{
-    position: absolute;   
-    top: 0;
-    left: 0;
-    background: rgba(0,0,0,0.5);
-}
-.screen-content{
-    padding: 10px 15px;
-    position: relative;
-}
-.fblue{
-    color: rgb(1, 169, 255);
-}
-/*head*/
-.head-title{
-    position: relative;
-    height: 70px;
-    background: url("../images/head_title.png") no-repeat center/100% 65px;
-    display: flex;
-}
-.head-title-label{
-    width: 22%;
-    font-size: 26px;
-    position: relative;
-    padding-left: 15px;
-    padding-top: 23px;
-    font-family: "title-font";
-    background-image:-webkit-linear-gradient(bottom,#3da2ff,#3ea4ff,#96f3ff);
-    -webkit-background-clip:text;
-    -webkit-text-fill-color:transparent;
-}
-.head-title-tab{
-    padding-top: 32px;
-    display: flex;
-    .head-nav{
-       
-       
-        text-align: center;
-        color: #6383aa;
-        cursor: pointer;
-        background: url("../images/title_tab.png") no-repeat center/100% 100%;
-        &.active{
-            background: url("../images/title_tab_active.png") no-repeat center/100% 100%;
-            color: #ffffff;
-            &.hover{
-                color: #ffffff;
-            }
-        }
-        &.hove{
-            color: #86b2e3;
-        }
-    }
-}
-@media (max-width: 1920px) {
-    .head-title-tab{
-        .head-nav{
-            font-size:14px;
-            padding:0px 20px;
-            height: 35px;        
-            line-height: 35px;
-        }
-    }
-}
-@media (min-width: 1921px) and (max-width: 2560px) {
-    .head-title-tab{
-        .head-nav{
-            font-size:20px;
-            padding:0px 30px;
-            height: 44px;        
-            line-height: 44px;
-        }
-    }
-}
-@media (min-width: 2561px) {
-    .head-title-tab{
-        padding-top: 20px;
-        .head-nav{
-            font-size:28px;
-            padding:0px 50px;
-            height: 60px;        
-            line-height: 60px;
-        }
-    }
-}
-
-.head-title-select{
-    padding-top: 23px;
-    width: 12% ;
-    position: relative;
-}
-.head-title-date{
-    padding-top: 15px;
-    width: 15% ;
-    display: flex;
-    align-items: center;
-}
-
-
-.head-select{
-    height: 35px;
-    padding-left: 25px;
-    padding-right: 30px;
-    background: url("../images/head_select.png") no-repeat center/100% 100%;
-}
-.head-select.head-select-150{
-    background: url("../images/head_select-150.png") no-repeat center/100% 100%;
-}
-.head-select input{
-    height: 100%;
-    width: 100%;
-    border: 0;
-    outline: 0;
-    background:0;
-    color: #1ce7ff;
-    cursor: pointer;
-    overflow: hidden;
-    white-space:nowrap;
-    text-overflow:ellipsis;
-}
-.head-select input::-webkit-input-placeholder{
-    color: #6ca5b1;
-}
-.header-screen-ul{
-    list-style: none;
-    width: 90%;
-    position: absolute;
-    max-height: 600px;
-    border: 1px solid #05556b;
-    left: 5%;
-    background: #00092a;
-    overflow: auto;
-    color: #02a6ff;
-    border-radius: 3px;
-    z-index: 99999;
-}
-.header-screen-ul::-webkit-scrollbar {
-    width: 10px;
-    height: 1px;
-}
-.header-screen-ul::-webkit-scrollbar-thumb {
-    border-radius: 10px;
-    background: #192c64;
-}
-.header-screen-ul::-webkit-scrollbar-track {
-    border-radius: 10px;
-    background: #010b2d;
-}
-.header-screen-ul li{
-    padding: 10px;
-    cursor: pointer;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-}
-.header-screen-ul li:hover{
-    background: #031348;
-    color: #1ce7ff;
-}
-.head-title-time{
-    width: 45%;
-    text-align: center;
-}
-.head-title-weather{    
-    display: flex;
-    align-items: center;
-}
-.head-title-weather img{
+  #app {
+    width: 1912px;
+    height: 1080px;
+  }
+  .screen-content-max {
+    width: 1912px;
+    height: 1080px;
+  }
+  .background_video video {
+    width: 1912px;
+    height: 1080px;
+  }
+  .img-openwin {
+    width: 26px;
+    height: 26px;
+  }
+  .div-header {
+    background-image: url("../images/banner-top-1k.png");
+  }
+  .popup-project-introduction-title {
+    height: 40px;
+    font-size: 18px;
+  }
+  .popup-project-introduction-close {
+    font-size: 25px;
     width: 30px;
     height: 30px;
+    line-height: 28px;
+  }
 }
-.head-title-weather span{
-    padding: 0 5px;
-}
-.head-title-date-con{
-    font-size: 12px;
-    color: #63baff;
-}
-.head-title-time-con{
+
+@media (min-width: 1921px) and (max-width: 2560px) {
+  .w-scroll::-webkit-scrollbar {
+    width: 16px !important;
+    height: 16px !important;
+  }
+  .w-scroll::-webkit-scrollbar-thumb {
+    background-color: rgb(1, 169, 255);
+    border-radius: 8px !important;
+  }
+  #app {
+    width: 2550px;
+    height: 1440px;
+  }
+  .screen-content-max {
+    width: 2550px;
+    height: 1440px;
+  }
+  .background_video video {
+    width: 2550px;
+    height: 1440px;
+  }
+  .div-header {
+    background-image: url("../images/banner-top-2k.png");
+  }
+  .img-openwin {
+    width: 30px;
+    height: 30px;
+  }
+  .screen-module::after {
+    background-size: auto 30px;
+    height: 30px !important;
+  }
+  .module-title {
+    height: 30px !important;
+    line-height: 30px !important;
     font-size: 20px;
-    font-weight: bold;
-    color: #63baff;
+  }
+  .popup-project-introduction-title {
+    height: 60px;
+    font-size: 24px;
+  }
+  .popup-project-introduction-close {
+    font-size: 28px;
+    width: 54px;
+    height: 54px;
+    line-height: 54px;
+  }
+  .el-pagination {
+    line-height: 30px;
+    margin-top: 40px;
+    .el-pagination__total {
+      font-size: 24px !important;
+      vertical-align: middle !important;
+    }
+    span {
+      font-size: 24px;
+      vertical-align: middle;
+    }
+
+    button,
+    .number {
+      font-size: 24px;
+      width: 32px;
+      height: 32px;
+      line-height: 32px;
+    }
+
+    .el-icon {
+      font-size: 24px !important;
+      width: 32px;
+      height: 32px;
+      align-items: center;
+      display: inline-flex !important;
+    }
+  }
+
+  .mytable {
+            th {
+                .cell {
+                    font-size: 20px;
+                }
+            }
+
+            td {
+                .cell {
+                    font-size: 20px;
+
+                    .el-tag {
+                        font-size: 20px;
+                        height: 30px;
+                        line-height: 30px;
+                    }
+                }
+            }
+
+            .el-table__empty-text {
+                font-size: 20px;
+            }
+
+            .el-table__row {
+                &:nth-child(odd) {
+                    background-size: 100% 70px;
+                }
+
+                td {
+                    height: 80px;
+                }
+            }
+
+            .el-image.att-img {
+                img {
+                    height: 60px;
+                }
+
+                .el-image__error {
+                    height: 60px;
+                    position: relative;
+                    top: 10px;
+                }
+            }
+
+            .el-icon-close {
+                font-size: 30px;
+            }
+        }
+
+}
+
+@media (min-width: 2561px) {
+  .w-scroll::-webkit-scrollbar {
+    width: 20px !important;
+    height: 20px !important;
+  }
+  .w-scroll::-webkit-scrollbar-thumb {
+    background-color: rgb(1, 169, 255);
+    border-radius: 10px !important;
+  }
+  #app {
+    width: 3832px;
+    height: 2160px;
+  }
+  .screen-content-max {
+    width: 3832px;
+    height: 2160px;
+  }
+  .background_video video {
+    width: 3832px;
+    height: 2160px;
+  }
+  .div-header {
+    background-image: url("../images/banner-top-4k.png");
+  }
+  .img-openwin {
+    width: 40px;
+    height: 40px;
+  }
+  .screen-module::after {
+    background-size: auto 40px;
+    height: 40px !important;
+  }
+  .module-title {
+    height: 40px !important;
+    line-height: 40px !important;
+    font-size: 26px;
+  }
+  .popup-project-introduction-title {
+    height: 72px;
+    font-size: 32px;
+  }
+  .popup-project-introduction-close {
+    font-size: 48px;
+    width: 60px;
+    height: 60px;
+    line-height: 60px;
+  }
+
+  .el-pagination {
+    line-height: 48px;
+    margin-top: 40px;
+    .el-pagination__total {
+      font-size: 30px !important;
+      vertical-align: middle !important;
+    }
+    span {
+      font-size: 30px;
+      vertical-align: middle;
+    }
+
+    button,
+    .number {
+      font-size: 30px;
+      width: 48px;
+      height: 48px;
+      line-height: 48px;
+    }
+
+    .el-icon {
+      font-size: 30px !important;
+      height: 48px;
+      width: 48px;
+      align-items: center;
+      display: inline-flex !important;
+    }
+  }
+  .el-date-editor {
+    * {
+      font-size: 16px !important;
+    }
+  }
+  .el-picker-panel__body-wrapper {
+    * {
+      font-size: 16px !important;
+    }
+  }
+
+  .mytable{
+            th {
+                height: 50px;
+
+                .cell {
+                    font-size: 30px;
+                    line-height: 48px;
+                }
+            }
+
+            td {
+                height: 50px;
+
+                .cell {
+                    font-size: 30px;
+                    line-height: 48px;
+
+                    .el-tag {
+                        font-size: 30px;
+                        height: 48px;
+                        line-height: 48px;
+                    }
+                }
+            }
+
+            .el-table__empty-text {
+                font-size: 30px;
+            }
+
+            .el-table__row {
+                &:nth-child(odd) {
+                    background-size: 100% 90px;
+                }
+
+                td {
+                    height: 100px;
+                }
+            }
+
+            .el-image.att-img {
+                img {
+                    height: 80px;
+                }
+
+                .el-image__error {
+                    height: 80px;
+                    position: relative;
+                    top: 16px;
+                }
+            }
+
+            .el-icon-close {
+                font-size: 40px;
+            }
+        
+  }
+}
+.img-openwin {
+  position: absolute;
+  top: 0px;
+  right: 0px;
+  z-index: 99;
+}
+.main-app {
+  height: calc(100% - 130px);
+}
+.main-page {
+  height: 100%;
+}
+.h100 {
+  height: 100%;
+}
+.screen-module {
+  &::after {
+    background-image: url("../images/one/banner.png");
+  }
+  &.no-title {
+    &::after {
+      background-image: none;
+    }
+    .module-title {
+      display: none;
+    }
+    .module-ctx {
+      padding: 0px;
+      height: 100%;
+    }
+  }
+  &.no-border {
+    background-image: none;
+  }
+}
+
+.module-ctx {
+  padding: 12px;
+  height: calc(100% - 48px);
+}
+body::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+  display: block !important;
+}
+.body::-webkit-scrollbar-thumb {
+  background-color: rgb(1, 169, 255) !important;
+  border-radius: 4px !important;
+}
+p,
+label,
+ul {
+  margin: 0;
+  font-weight: 400;
+}
+table {
+  width: 100%;
+}
+.anchorBL {
+  display: none;
+}
+[v-cloak] {
+  display: none;
+}
+/*背景视频*/
+.background_video video {
+  position: absolute;
+}
+.screen-content-max {
+  position: absolute;
+  top: 0;
+  left: 0;
+  background: rgba(0, 0, 0, 0.5);
+}
+.screen-content {
+  padding: 10px 15px;
+  position: relative;
+}
+.fblue {
+  color: rgb(1, 169, 255);
+}
+/*head*/
+.head-title {
+  position: relative;
+  height: 70px;
+  background: url("../images/head_title.png") no-repeat center/100% 65px;
+  display: flex;
+}
+.head-title-label {
+  width: 22%;
+  font-size: 26px;
+  position: relative;
+  padding-left: 15px;
+  padding-top: 23px;
+  font-family: "title-font";
+  background-image: -webkit-linear-gradient(bottom, #3da2ff, #3ea4ff, #96f3ff);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+.head-title-tab {
+  padding-top: 32px;
+  display: flex;
+  .head-nav {
+    text-align: center;
+    color: #6383aa;
+    cursor: pointer;
+    background: url("../images/title_tab.png") no-repeat center/100% 100%;
+    &.active {
+      background: url("../images/title_tab_active.png") no-repeat center/100% 100%;
+      color: #ffffff;
+      &.hover {
+        color: #ffffff;
+      }
+    }
+    &.hove {
+      color: #86b2e3;
+    }
+  }
+}
+@media (max-width: 1920px) {
+  .head-title-tab {
+    .head-nav {
+      font-size: 14px;
+      padding: 0px 20px;
+      height: 35px;
+      line-height: 35px;
+    }
+  }
+}
+@media (min-width: 1921px) and (max-width: 2560px) {
+  .head-title-tab {
+    .head-nav {
+      font-size: 20px;
+      padding: 0px 30px;
+      height: 44px;
+      line-height: 44px;
+    }
+  }
+}
+@media (min-width: 2561px) {
+  .head-title-tab {
+    padding-top: 20px;
+    .head-nav {
+      font-size: 28px;
+      padding: 0px 50px;
+      height: 60px;
+      line-height: 60px;
+    }
+  }
+}
+
+.head-title-select {
+  padding-top: 23px;
+  width: 12%;
+  position: relative;
+}
+.head-title-date {
+  padding-top: 15px;
+  width: 15%;
+  display: flex;
+  align-items: center;
+}
+
+.head-select {
+  height: 35px;
+  padding-left: 25px;
+  padding-right: 30px;
+  background: url("../images/head_select.png") no-repeat center/100% 100%;
+}
+.head-select.head-select-150 {
+  background: url("../images/head_select-150.png") no-repeat center/100% 100%;
+}
+.head-select input {
+  height: 100%;
+  width: 100%;
+  border: 0;
+  outline: 0;
+  background: 0;
+  color: #1ce7ff;
+  cursor: pointer;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.head-select input::-webkit-input-placeholder {
+  color: #6ca5b1;
+}
+.header-screen-ul {
+  list-style: none;
+  width: 90%;
+  position: absolute;
+  max-height: 600px;
+  border: 1px solid #05556b;
+  left: 5%;
+  background: #00092a;
+  overflow: auto;
+  color: #02a6ff;
+  border-radius: 3px;
+  z-index: 99999;
+}
+.header-screen-ul::-webkit-scrollbar {
+  width: 10px;
+  height: 1px;
+}
+.header-screen-ul::-webkit-scrollbar-thumb {
+  border-radius: 10px;
+  background: #192c64;
+}
+.header-screen-ul::-webkit-scrollbar-track {
+  border-radius: 10px;
+  background: #010b2d;
+}
+.header-screen-ul li {
+  padding: 10px;
+  cursor: pointer;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.header-screen-ul li:hover {
+  background: #031348;
+  color: #1ce7ff;
+}
+.head-title-time {
+  width: 45%;
+  text-align: center;
+}
+.head-title-weather {
+  display: flex;
+  align-items: center;
+}
+.head-title-weather img {
+  width: 30px;
+  height: 30px;
+}
+.head-title-weather span {
+  padding: 0 5px;
+}
+.head-title-date-con {
+  font-size: 12px;
+  color: #63baff;
+}
+.head-title-time-con {
+  font-size: 20px;
+  font-weight: bold;
+  color: #63baff;
 }
 /*红色head*/
-.head-title.red-head{
-    background: url("../images/head_title_red.png") no-repeat center/100% 65px;
+.head-title.red-head {
+  background: url("../images/head_title_red.png") no-repeat center/100% 65px;
 }
-.red-head .head-title-label{
-    background-image:-webkit-linear-gradient(bottom,#bc3833,#fb9e97,#ffffff);
+.red-head .head-title-label {
+  background-image: -webkit-linear-gradient(bottom, #bc3833, #fb9e97, #ffffff);
 }
-.red-head .head-nav{
-    color: #ff9b96;
-    background: url("../images/title_tab_red.png") no-repeat center/100% 100%;
+.red-head .head-nav {
+  color: #ff9b96;
+  background: url("../images/title_tab_red.png") no-repeat center/100% 100%;
 }
-.red-head .head-nav.active{
-    background: url("../images/title_tab_active_red.png") no-repeat center/100% 100%;
-    color: #ffffff;
+.red-head .head-nav.active {
+  background: url("../images/title_tab_active_red.png") no-repeat center/100% 100%;
+  color: #ffffff;
 }
-.red-head .head-nav:hover{
-    color: #fcc0bd;
+.red-head .head-nav:hover {
+  color: #fcc0bd;
 }
-.red-head .head-nav.active:hover{
-    color: #ffffff;
+.red-head .head-nav.active:hover {
+  color: #ffffff;
 }
-.red-head .head-select{
-    background: url("../images/head_select_red.png") no-repeat center/100% 100%;
+.red-head .head-select {
+  background: url("../images/head_select_red.png") no-repeat center/100% 100%;
 }
-.red-head .head-select input{
-    color: #ffffff;
+.red-head .head-select input {
+  color: #ffffff;
 }
-.red-head .head-select input::-webkit-input-placeholder{
-    color: #fd7569;
+.red-head .head-select input::-webkit-input-placeholder {
+  color: #fd7569;
 }
-.red-head .header-screen-ul{
-    border: 1px solid #da8f89;
-    background: #901c14;
-    color: #fbcbc9;
+.red-head .header-screen-ul {
+  border: 1px solid #da8f89;
+  background: #901c14;
+  color: #fbcbc9;
 }
 .red-head .header-screen-ul::-webkit-scrollbar {
-    width: 10px;
-    height: 1px;
+  width: 10px;
+  height: 1px;
 }
 .red-head .header-screen-ul::-webkit-scrollbar-thumb {
-    border-radius: 10px;
-    background: #c34a3f;
+  border-radius: 10px;
+  background: #c34a3f;
 }
 .red-head .header-screen-ul::-webkit-scrollbar-track {
-    border-radius: 10px;
-    background: #901c14;
+  border-radius: 10px;
+  background: #901c14;
 }
-.red-head .header-screen-ul li{
-    padding: 10px;
-    cursor: pointer;
+.red-head .header-screen-ul li {
+  padding: 10px;
+  cursor: pointer;
 }
-.red-head .header-screen-ul li:hover{
-    background: #9a3b33;
-    color: #ffffff;
+.red-head .header-screen-ul li:hover {
+  background: #9a3b33;
+  color: #ffffff;
 }
-.red-head .head-title-date-con{
-    color: #ffffff;
+.red-head .head-title-date-con {
+  color: #ffffff;
 }
-.red-head .head-title-time-con{
-    color: #ffffff;
+.red-head .head-title-time-con {
+  color: #ffffff;
 }
 
 /*设备概况*/
-.survey_title{
-    display: flex;
-    justify-content: space-evenly;
-    align-items: center;
-    padding: 30px 15px;
+.survey_title {
+  display: flex;
+  justify-content: space-evenly;
+  align-items: center;
+  padding: 30px 15px;
 }
-.survey_title_btn{
-    position: relative;
-    width: 33.33%;
-    color: #7f9ebd;
+.survey_title_btn {
+  position: relative;
+  width: 33.33%;
+  color: #7f9ebd;
 }
-.survey_title_btn_min{
-    width: 100px;
-    height: 30px;
-    text-align: center;
-    line-height: 30px;
-    margin: auto;
-    cursor: pointer;
-    background: url("../images/survey_btn.png") no-repeat center/100% 100%;
+.survey_title_btn_min {
+  width: 100px;
+  height: 30px;
+  text-align: center;
+  line-height: 30px;
+  margin: auto;
+  cursor: pointer;
+  background: url("../images/survey_btn.png") no-repeat center/100% 100%;
 }
-.survey_title_btn_min:hover{
-    color: #ffffff;
+.survey_title_btn_min:hover {
+  color: #ffffff;
 }
-.survey_title_btn_min.active{
-    width: 120px;
-    height: 40px;
-    line-height: 40px;
-    color: #ffffff;
-    background: url("../images/survey_btn_active.png") no-repeat center/100% 100%;
+.survey_title_btn_min.active {
+  width: 120px;
+  height: 40px;
+  line-height: 40px;
+  color: #ffffff;
+  background: url("../images/survey_btn_active.png") no-repeat center/100% 100%;
 }
-.survey_content{
-    display: flex;
-    align-items: center;
-    justify-content: center;
+.survey_content {
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
-.survey_content_img{
-    width: 90px;
-    height: 90px;
-    text-align: center;
-    line-height: 90px;
-    position: relative;
-    background: url("../images/survey_total_icon.png") no-repeat bottom/90px 60px;
+.survey_content_img {
+  width: 90px;
+  height: 90px;
+  text-align: center;
+  line-height: 90px;
+  position: relative;
+  background: url("../images/survey_total_icon.png") no-repeat bottom/90px 60px;
 }
 @keyframes icon {
-    0% {
-        transform: translate(0px, 0px);
-    }
-    50% {
-        transform: translate(0px, 15px); /* 可配置跳动方向 */
-    }
-    100% {
-        transform: translate(0px, 0px);
-    }
+  0% {
+    transform: translate(0px, 0px);
+  }
+  50% {
+    transform: translate(0px, 15px); /* 可配置跳动方向 */
+  }
+  100% {
+    transform: translate(0px, 0px);
+  }
 }
-.survey_content_img img,.survey_content_img svg{
-    width: 40px;
-    height: 40px;
-    animation: icon 3s infinite;
-    -webkit-animation: icon 3s infinite;
+.survey_content_img img,
+.survey_content_img svg {
+  width: 40px;
+  height: 40px;
+  animation: icon 3s infinite;
+  -webkit-animation: icon 3s infinite;
 }
-.survey_content_number{
-    padding-left: 15px;
-    color: #cbdaff;
-    font-size: 16px;
+.survey_content_number {
+  padding-left: 15px;
+  color: #cbdaff;
+  font-size: 16px;
 }
-.survey_content_number p{
-    padding-bottom: 15px;
+.survey_content_number p {
+  padding-bottom: 15px;
 }
-.survey_content_value span{
-    font-size: 25px;
-    font-style: italic;
-    font-weight: bold;
-    color: #87e3fa;
-    padding-right: 5px;
+.survey_content_value span {
+  font-size: 25px;
+  font-style: italic;
+  font-weight: bold;
+  color: #87e3fa;
+  padding-right: 5px;
 }
-.survey_text{
-    width: 120px;
-    height: 28px;
-    margin: auto;
-    animation:myfirst 2s;
-    -webkit-animation:myfirst 2s infinite; /* Safari and Chrome */
+.survey_text {
+  width: 120px;
+  height: 28px;
+  margin: auto;
+  animation: myfirst 2s;
+  -webkit-animation: myfirst 2s infinite; /* Safari and Chrome */
 }
 @keyframes myfirst {
-    0%   {opacity:0.4;}
-    25%  {opacity:0.7;}
-    50%  {opacity:1;}
-    75%  {opacity:0.7;}
-    100% {opacity:0.4;}
+  0% {
+    opacity: 0.4;
+  }
+  25% {
+    opacity: 0.7;
+  }
+  50% {
+    opacity: 1;
+  }
+  75% {
+    opacity: 0.7;
+  }
+  100% {
+    opacity: 0.4;
+  }
 }
-.survey_text_zy{
-    background: url("../images/survey_bgd_zy.png") no-repeat center/100% 100%;
+.survey_text_zy {
+  background: url("../images/survey_bgd_zy.png") no-repeat center/100% 100%;
 }
-.survey_text_zl{
-    background: url("../images/survey_bgd_zy.png") no-repeat center/100% 100%;
+.survey_text_zl {
+  background: url("../images/survey_bgd_zy.png") no-repeat center/100% 100%;
 }
-.survey_text_fb{
-    background: url("../images/survey_bgd_zy.png") no-repeat center/100% 100%;
+.survey_text_fb {
+  background: url("../images/survey_bgd_zy.png") no-repeat center/100% 100%;
 }
-.survey_text_value{
-    position: absolute;
-    top: 0;
-    height: 28px;
-    color: #cbdaff;
-    line-height: 28px;
-    padding-left: 45px;
-    display: flex;
-    align-items: center;
+.survey_text_value {
+  position: absolute;
+  top: 0;
+  height: 28px;
+  color: #cbdaff;
+  line-height: 28px;
+  padding-left: 45px;
+  display: flex;
+  align-items: center;
 }
-.survey_text_value span{
-    color: #00aaff;
-    font-size: 16px;
-    padding-left: 10px;
-    font-weight: bold;
+.survey_text_value span {
+  color: #00aaff;
+  font-size: 16px;
+  padding-left: 10px;
+  font-weight: bold;
 }
 /*当日预警信息*/
-.warning-info{
-    padding: 0 15px;
+.warning-info {
+  padding: 0 15px;
 }
-.warning-info-title{
-    padding: 15px 0;
-    display: flex;
+.warning-info-title {
+  padding: 15px 0;
+  display: flex;
 }
-.warning-info-title div{
-    color: #69839e;
-    padding: 0 20px 0 12px;
-    cursor: pointer;
+.warning-info-title div {
+  color: #69839e;
+  padding: 0 20px 0 12px;
+  cursor: pointer;
 }
-.warning-info-title .active{
-    color: #51b5ff;
-    background: url("../images/check_icon.png") no-repeat left/8px 15px;
+.warning-info-title .active {
+  color: #51b5ff;
+  background: url("../images/check_icon.png") no-repeat left/8px 15px;
 }
-.warning-info-title div:hover{
-    color: #51b5ff;
+.warning-info-title div:hover {
+  color: #51b5ff;
 }
 
 /*操作证情况*/
-.czz-number{
-    display: flex;
-    align-items: center;
-    justify-content: space-around;
-    padding: 30px 10px;
+.czz-number {
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  padding: 30px 10px;
 }
-.czz-number-content{
-    display: flex;
-    cursor: pointer;
-    width: calc(50% - 20px);
-    padding-left: 20px;
+.czz-number-content {
+  display: flex;
+  cursor: pointer;
+  width: calc(50% - 20px);
+  padding-left: 20px;
 }
-.czz-number-content1{
-    display: flex;
-    cursor: pointer;
-    padding-left: 20px;
+.czz-number-content1 {
+  display: flex;
+  cursor: pointer;
+  padding-left: 20px;
 }
-.czz-number-img{
-    width: 60px;
-    height: 60px;
-    text-align: center;
-    line-height: 80px;
+.czz-number-img {
+  width: 60px;
+  height: 60px;
+  text-align: center;
+  line-height: 80px;
 }
-.czz-number-img img{
-    width: 30px;
-    height: 30px;
+.czz-number-img img {
+  width: 30px;
+  height: 30px;
 }
-.czz-number-img-blue{
-    background: url("../images/circle_blue.gif") no-repeat center/100% 100%;
+.czz-number-img-blue {
+  background: url("../images/circle_blue.gif") no-repeat center/100% 100%;
 }
-.czz-number-img-green{
-    background: url("../images/circle_green.gif") no-repeat center/100% 100%;
+.czz-number-img-green {
+  background: url("../images/circle_green.gif") no-repeat center/100% 100%;
 }
-.survey_content_value_color_green span{
-    color: #5bf8b5;
+.survey_content_value_color_green span {
+  color: #5bf8b5;
 }
 
 /*管理人员情况*/
-.glr-max{
-    padding:30px 10px;
+.glr-max {
+  padding: 30px 10px;
 }
-.glr-min{
-    padding:0 10px;
+.glr-min {
+  padding: 0 10px;
 }
-.glr-title{
-    background: url("../images/check_icon.png") no-repeat left/10px 20px;
-    padding-left: 15px;
+.glr-title {
+  background: url("../images/check_icon.png") no-repeat left/10px 20px;
+  padding-left: 15px;
 }
-.people-number-con{
-    padding: 35px 0;
-    display: flex;
-    align-items: center;
+.people-number-con {
+  padding: 35px 0;
+  display: flex;
+  align-items: center;
 }
-.glr-min .people-number-con{
-    padding: 15px 0;
+.glr-min .people-number-con {
+  padding: 15px 0;
 }
-.safety-min .people-number-con{
-    padding: 35px 0;
+.safety-min .people-number-con {
+  padding: 35px 0;
 }
 
-.people-number-con div{
-    width: 30px;
-    height: 45px;
-    background: url("../images/number_bgd.png") no-repeat center/100% 100%;
-    margin-right: 10px;
-    text-align: center;
-    line-height: 45px;
-    font-size: 30px;
-    font-family: 'number-font';
+.people-number-con div {
+  width: 30px;
+  height: 45px;
+  background: url("../images/number_bgd.png") no-repeat center/100% 100%;
+  margin-right: 10px;
+  text-align: center;
+  line-height: 45px;
+  font-size: 30px;
+  font-family: "number-font";
 }
-.glr-login-rate{
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 8px 10px 8px 15px;
-    background: url("../images/title_icon.png") no-repeat left/10px 15px;
-    color: #cbdaff;
+.glr-login-rate {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 8px 10px 8px 15px;
+  background: url("../images/title_icon.png") no-repeat left/10px 15px;
+  color: #cbdaff;
 }
-.glr-rate-value span{
-    font-size: 18px;
-    color: #ffffff;
-    font-weight: bold;
+.glr-rate-value span {
+  font-size: 18px;
+  color: #ffffff;
+  font-weight: bold;
 }
-.glr-rate-red-value span{
-    color: #f23644;
+.glr-rate-red-value span {
+  color: #f23644;
 }
-.glr-login-number-max{
-    position: relative;
-    padding: 22px 0;
+.glr-login-number-max {
+  position: relative;
+  padding: 22px 0;
 }
-.glr-login-number-bgd{
-    height: 30px;
-    background: url("../images/text_bgd.png") no-repeat center/100% 30px;
-    animation:myfirst 2s;
-    -webkit-animation:myfirstbgd 2s infinite;
+.glr-login-number-bgd {
+  height: 30px;
+  background: url("../images/text_bgd.png") no-repeat center/100% 30px;
+  animation: myfirst 2s;
+  -webkit-animation: myfirstbgd 2s infinite;
 }
-.glr-login-number-red-bgd{
-    background: url("../images/text_red_bgd.png") no-repeat center/100% 30px;
+.glr-login-number-red-bgd {
+  background: url("../images/text_red_bgd.png") no-repeat center/100% 30px;
 }
 @keyframes myfirstbgd {
-    0%   {opacity:0.4;}
-    25%  {opacity:0.7;}
-    50%  {opacity:1;}
-    75%  {opacity:0.7;}
-    100% {opacity:0.4;}
+  0% {
+    opacity: 0.4;
+  }
+  25% {
+    opacity: 0.7;
+  }
+  50% {
+    opacity: 1;
+  }
+  75% {
+    opacity: 0.7;
+  }
+  100% {
+    opacity: 0.4;
+  }
 }
-.glr-login-number{
-    position: absolute;
-    width: 95%;
-    top: 25px;
-    padding:0 5px;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
+.glr-login-number {
+  position: absolute;
+  width: 95%;
+  top: 25px;
+  padding: 0 5px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
 }
-.glr-login-number img{
-    margin-right: 5px;
+.glr-login-number img {
+  margin-right: 5px;
 }
-.glr-login-number-sz:hover{
-    color: #00f1fc;
+.glr-login-number-sz:hover {
+  color: #00f1fc;
 }
 /*打卡管控提示*/
-.table-head{
-    text-align: center;
-    color: #45e9ff;
-    height: 40px;
-    line-height: 40px;
+.table-head {
+  text-align: center;
+  color: #45e9ff;
+  height: 40px;
+  line-height: 40px;
 }
 
-.table-body{
-    height: 180px;
-    overflow: auto;
+.table-body {
+  height: 180px;
+  overflow: auto;
 }
-.table-body::-webkit-scrollbar{
-    width: 0px;
-    height: 0px;
+.table-body::-webkit-scrollbar {
+  width: 0px;
+  height: 0px;
 }
-.table-tr{
-    height: 60px;
-    line-height: 60px;
-    background: url("../images/table_tr.png") no-repeat center/100% 50px;
+.table-tr {
+  height: 60px;
+  line-height: 60px;
+  background: url("../images/table_tr.png") no-repeat center/100% 50px;
 }
-.table-td{
-    padding: 0 5px;
-    text-align: center;
-    overflow: hidden;
-    white-space:nowrap;
-    text-overflow:ellipsis;
-    color: #cbdaff;
+.table-td {
+  padding: 0 5px;
+  text-align: center;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  color: #cbdaff;
 }
 
 /*中国地图*/
 
-.indicators-chart{
-    padding: 10px;
+.indicators-chart {
+  padding: 10px;
 }
-.indicators-chart-max{
-    position: relative;
+.indicators-chart-max {
+  position: relative;
 }
-.indicators-chart-bgd{
-    background: url("../images/text_bgd.png") no-repeat left/100% 100%;
-    height: 40px;
-    animation:myfirst 2s;
-    -webkit-animation:textbgd 2s infinite;
+.indicators-chart-bgd {
+  background: url("../images/text_bgd.png") no-repeat left/100% 100%;
+  height: 40px;
+  animation: myfirst 2s;
+  -webkit-animation: textbgd 2s infinite;
 }
 @keyframes textbgd {
-    0%   {opacity:0.4;}
-    25%  {opacity:0.7;}
-    50%  {opacity:1;}
-    75%  {opacity:0.7;}
-    100% {opacity:0.4;}
+  0% {
+    opacity: 0.4;
+  }
+  25% {
+    opacity: 0.7;
+  }
+  50% {
+    opacity: 1;
+  }
+  75% {
+    opacity: 0.7;
+  }
+  100% {
+    opacity: 0.4;
+  }
 }
-.indicators-chart-title{
-    display: flex;
-    align-items: center;
-    padding: 0 15px;
-    width: 100%;
-    position: absolute;
-    top: 9px;
+.indicators-chart-title {
+  display: flex;
+  align-items: center;
+  padding: 0 15px;
+  width: 100%;
+  position: absolute;
+  top: 9px;
 }
-.indicators-chart-title img{
-    width: 10px;
-    height: 20px;
+.indicators-chart-title img {
+  width: 10px;
+  height: 20px;
 }
-.indicators-chart-text{
-    padding: 0 10px;
-    color: #cbdaff;
+.indicators-chart-text {
+  padding: 0 10px;
+  color: #cbdaff;
 }
-.indicators-chart-text span{
-    font-size: 16px;
-    color: #ffffff;
+.indicators-chart-text span {
+  font-size: 16px;
+  color: #ffffff;
 }
-.indicators-chart-content{
-    display: flex;
-    align-items: center;
+.indicators-chart-content {
+  display: flex;
+  align-items: center;
 }
-.indicators-chart-min{
-    width: 20%;
+.indicators-chart-min {
+  width: 20%;
 }
 /*设备运行动态*/
-.chart-gif{
-    width: 110px;
-    height: 110px;
-    position: absolute;
-    top: 57px;
-    left: 172px;
-    background: url("../images/run_circle.png") no-repeat center/100% 100%;
+.chart-gif {
+  width: 110px;
+  height: 110px;
+  position: absolute;
+  top: 57px;
+  left: 172px;
+  background: url("../images/run_circle.png") no-repeat center/100% 100%;
 }
 .chart-text {
-    width: 110px;
-    height: 110px;
-    position: absolute;
-    top: 57px;
-    left: 172px;
-    z-index: 10;
-    display: inline-flex;
-    display: inline-flex;
-    flex-flow: column;
-    align-items: center;
-    justify-content: center;
-    .chart-text-title{
-        font-size: 24px;
-        font-weight: bold;
-        color: #0dd2fd;
-    }
-    .chart-text-sub-title {
-        font-size: 12px;
-        font-weight: bold;
-        color: #a5b5f0;
-    }
+  width: 110px;
+  height: 110px;
+  position: absolute;
+  top: 57px;
+  left: 172px;
+  z-index: 10;
+  display: inline-flex;
+  display: inline-flex;
+  flex-flow: column;
+  align-items: center;
+  justify-content: center;
+  .chart-text-title {
+    font-size: 24px;
+    font-weight: bold;
+    color: #0dd2fd;
+  }
+  .chart-text-sub-title {
+    font-size: 12px;
+    font-weight: bold;
+    color: #a5b5f0;
+  }
 }
-.chart-gif{
-    -webkit-transition-property: -webkit-transform;
-    -webkit-transition-duration: 1s;
-    -moz-transition-property: -moz-transform;
-    -moz-transition-duration: 1s;
-    -webkit-animation: rotate 3s linear infinite;
-    -moz-animation: rotate 3s linear infinite;
-    -o-animation: rotate 3s linear infinite;
-    animation: rotate 3s linear infinite;
+.chart-gif {
+  -webkit-transition-property: -webkit-transform;
+  -webkit-transition-duration: 1s;
+  -moz-transition-property: -moz-transform;
+  -moz-transition-duration: 1s;
+  -webkit-animation: rotate 3s linear infinite;
+  -moz-animation: rotate 3s linear infinite;
+  -o-animation: rotate 3s linear infinite;
+  animation: rotate 3s linear infinite;
 }
-@-webkit-keyframes rotate{from{-webkit-transform: rotate(360deg)}
-    to{-webkit-transform: rotate(0deg)}
+@-webkit-keyframes rotate {
+  from {
+    -webkit-transform: rotate(360deg);
+  }
+  to {
+    -webkit-transform: rotate(0deg);
+  }
 }
-@-moz-keyframes rotate{from{-moz-transform: rotate(359deg)}
-    to{-moz-transform: rotate(0deg)}
+@-moz-keyframes rotate {
+  from {
+    -moz-transform: rotate(359deg);
+  }
+  to {
+    -moz-transform: rotate(0deg);
+  }
 }
-@-o-keyframes rotate{from{-o-transform: rotate(359deg)}
-    to{-o-transform: rotate(0deg)}
+@-o-keyframes rotate {
+  from {
+    -o-transform: rotate(359deg);
+  }
+  to {
+    -o-transform: rotate(0deg);
+  }
 }
-@keyframes rotate{from{transform: rotate(359deg)}
-    to{transform: rotate(0deg)}
+@keyframes rotate {
+  from {
+    transform: rotate(359deg);
+  }
+  to {
+    transform: rotate(0deg);
+  }
 }
 
-
 /*打卡管控提示*/
 .warning-info-table .el-table__body-wrapper::-webkit-scrollbar {
-    width: 0px;
-    height: 0px;
+  width: 0px;
+  height: 0px;
 }
-.warning-info-table .el-table .cell{
-    padding: 0 5px;
+.warning-info-table .el-table .cell {
+  padding: 0 5px;
 }
-.warning-info-table .el-table{
-    background: none;
+.warning-info-table .el-table {
+  background: none;
 }
-.warning-info-table .el-table th, .el-table tr{
-    background: none;
+.warning-info-table .el-table th,
+.el-table tr {
+  background: none;
 }
-.warning-info-table .el-table th{
-    height: 50px;
-    text-align: center;
-    color: #1ce7ff;
+.warning-info-table .el-table th {
+  height: 50px;
+  text-align: center;
+  color: #1ce7ff;
 }
-.warning-info-table .el-table td{
-    height: 60px;
-    text-align: center;
-    padding: 0;
+.warning-info-table .el-table td {
+  height: 60px;
+  text-align: center;
+  padding: 0;
 }
-.warning-info-table .el-table td, .el-table th.is-leaf{
-    border: 0;
+.warning-info-table .el-table td,
+.el-table th.is-leaf {
+  border: 0;
 }
-.warning-info-table .el-table .el-table__row{
-    background: url("../images/text_red_safe_bgd.png") no-repeat center/100% 40px;
+.warning-info-table .el-table .el-table__row {
+  background: url("../images/text_red_safe_bgd.png") no-repeat center/100% 40px;
 }
-.warning-info-table .el-table--enable-row-hover .el-table__body tr:hover>td{
-    background: none !important;
+.warning-info-table .el-table--enable-row-hover .el-table__body tr:hover > td {
+  background: none !important;
 }
-.warning-info-table .el-table::before{
-    background: none;
+.warning-info-table .el-table::before {
+  background: none;
 }
 
 /*分类及工时情况*/
-.classify-situation{
-    height: 57px;
+.classify-situation {
+  height: 57px;
 }
-.classify-title{
-    padding-top: 8px;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
+.classify-title {
+  padding-top: 8px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
 }
-.classify-title-text{
-    color: #a2c8f9;
+.classify-title-text {
+  color: #a2c8f9;
 }
-.classify-title-text span{
-    background: url("../images/up.png") no-repeat left/10px 8px;
-    padding: 0 12px 0 15px;
-    color: #fcbc02;
-    font-style: italic;
+.classify-title-text span {
+  background: url("../images/up.png") no-repeat left/10px 8px;
+  padding: 0 12px 0 15px;
+  color: #fcbc02;
+  font-style: italic;
 }
-.classify-value{
-    display: flex;
-    align-items: center;
+.classify-value {
+  display: flex;
+  align-items: center;
 }
-.classify-total{
-    padding-right: 10px;
-    color: #a2c8f9;
+.classify-total {
+  padding-right: 10px;
+  color: #a2c8f9;
 }
-.classify-total span{
-    padding-right: 5px;
-    font-weight: bold;
-    font-size: 16px;
+.classify-total span {
+  padding-right: 5px;
+  font-weight: bold;
+  font-size: 16px;
 }
-.classify-value-data{
-    color: #a2c8f9;
+.classify-value-data {
+  color: #a2c8f9;
 }
-.classify-value-data span{
-    font-size: 16px;
-    font-weight: bold;
-    padding: 0 5px;
+.classify-value-data span {
+  font-size: 16px;
+  font-weight: bold;
+  padding: 0 5px;
 }
-.classify-data-1{
-    color: #1ce7ff;
+.classify-data-1 {
+  color: #1ce7ff;
 }
-.classify-data-2{
-    color: #4670fa;
+.classify-data-2 {
+  color: #4670fa;
 }
-.classify-chart-max{
-    padding-top: 10px;
+.classify-chart-max {
+  padding-top: 10px;
 }
-.classify-chart{
-    height: 6px;
-    background: #031f47;
-    display: flex;
+.classify-chart {
+  height: 6px;
+  background: #031f47;
+  display: flex;
 }
-.classify-chart-left{
-    height: 6px;
-    background: #1ce7ff;
+.classify-chart-left {
+  height: 6px;
+  background: #1ce7ff;
 }
-.classify-chart-right{
-    height: 6px;
-    background: #3367df;
+.classify-chart-right {
+  height: 6px;
+  background: #3367df;
 }
 
 /*机械项目级*/
 /*地图滚动条*/
 .china-map::-webkit-scrollbar {
-    width: 10px;
-    height: 1px;
+  width: 10px;
+  height: 1px;
 }
 .china-map::-webkit-scrollbar-thumb {
-    border-radius: 10px;
-    background: #192c64;
+  border-radius: 10px;
+  background: #192c64;
 }
 .china-map::-webkit-scrollbar-track {
-    border-radius: 10px;
-    background: #010b2d;
+  border-radius: 10px;
+  background: #010b2d;
 }
 
 /*设备概况*/
-.survey-oil-max{
-    padding:0 20px;
+.survey-oil-max {
+  padding: 0 20px;
 }
-.survey-oil-min{
-    padding: 8px  0;
+.survey-oil-min {
+  padding: 8px 0;
 }
-.survey-oil-title{
-    position: relative;
-    padding: 20px 0;
+.survey-oil-title {
+  position: relative;
+  padding: 20px 0;
 }
-.survey-oil-hr{
-    border-bottom: 1px dashed #1d3d56;
+.survey-oil-hr {
+  border-bottom: 1px dashed #1d3d56;
 }
-.survey-oil-text{
-    position: absolute;
-    top: 10px;
-    font-size: 14px;
-    padding: 0 15px;
-    color: #c0dafb;
-    background: #000b25 url("../images/check_icon.png") no-repeat left/8px 15px;
+.survey-oil-text {
+  position: absolute;
+  top: 10px;
+  font-size: 14px;
+  padding: 0 15px;
+  color: #c0dafb;
+  background: #000b25 url("../images/check_icon.png") no-repeat left/8px 15px;
 }
-.survey-oil-data{
-    padding: 10px;
-    color: #a2c8f9;
+.survey-oil-data {
+  padding: 10px;
+  color: #a2c8f9;
 }
-.survey-oil-hour{
-    height: 30px;
-    line-height: 30px;
+.survey-oil-hour {
+  height: 30px;
+  line-height: 30px;
 }
-.survey-oil-hour span{
-    font-size: 20px;
-    color: #52afff;
-    font-weight: bold;
-    padding-right: 5px;
+.survey-oil-hour span {
+  font-size: 20px;
+  color: #52afff;
+  font-weight: bold;
+  padding-right: 5px;
 }
-.survey-oil-label{
-    height: 30px;
-    line-height: 30px;
-    background: url("../images/right.png") no-repeat left/8px 15px;
-    padding-left: 15px;
+.survey-oil-label {
+  height: 30px;
+  line-height: 30px;
+  background: url("../images/right.png") no-repeat left/8px 15px;
+  padding-left: 15px;
 }
-.survey-oil-prop{
-    height: 30px;
-    line-height: 30px;
-    text-align: right;
+.survey-oil-prop {
+  height: 30px;
+  line-height: 30px;
+  text-align: right;
 }
-.survey-oil-prop span{
-    font-weight: bold;
-    font-size: 20px;
-    padding-right: 5px;
+.survey-oil-prop span {
+  font-weight: bold;
+  font-size: 20px;
+  padding-right: 5px;
 }
-.color-white{
-    color: #ffffff;
+.color-white {
+  color: #ffffff;
 }
-.color-yellow{
-    color: #fde463;
+.color-yellow {
+  color: #fde463;
 }
-.color-green{
-    color: #25bb4d;
+.color-green {
+  color: #25bb4d;
 }
 /*利用率*/
-.rank-max{
-    padding: 0 20px;
+.rank-max {
+  padding: 0 20px;
 }
-.rank-min{
-    padding-bottom: 15px;
+.rank-min {
+  padding-bottom: 15px;
 }
-.rank-con{
-    background: #01244c;
-    height: 40px;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding-left: 5px;
+.rank-con {
+  background: #01244c;
+  height: 40px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding-left: 5px;
 }
-.rank-con-title{
-    display: flex;
-    align-items: center;
+.rank-con-title {
+  display: flex;
+  align-items: center;
 }
-.rank-con-title img{
-    width: 40px;
-    height: 40px;
-    margin-right: 8px;
+.rank-con-title img {
+  width: 40px;
+  height: 40px;
+  margin-right: 8px;
 }
-.rank-con-try{
-    color: #00f1fc;
+.rank-con-try {
+  color: #00f1fc;
 }
-.rank-con-data{
-    width: 100px;
-    height: 40px;
-    background: url("../images/ratio_bgd.png") no-repeat center/100% 100%;
-    text-align: right;
-    line-height: 40px;
-    padding-right: 10px;
-    color: #a2c8f9;
+.rank-con-data {
+  width: 100px;
+  height: 40px;
+  background: url("../images/ratio_bgd.png") no-repeat center/100% 100%;
+  text-align: right;
+  line-height: 40px;
+  padding-right: 10px;
+  color: #a2c8f9;
 }
-.rank-con-data span{
-    color: #ffffff;
-    font-size: 18px;
-    font-weight: bold;
+.rank-con-data span {
+  color: #ffffff;
+  font-size: 18px;
+  font-weight: bold;
 }
-.rank-chart{
-    padding: 0 15px;
-    color: #c0dafb;
+.rank-chart {
+  padding: 0 15px;
+  color: #c0dafb;
 }
-.rank-chart-title{
-    height: 40px;
-    line-height: 40px;
-    padding-left: 35px;
-    background: url("../images/utilization.png") no-repeat left/30px 40px;
-    font-size: 16px;
-    border-bottom: 1px solid #2c4e74;
+.rank-chart-title {
+  height: 40px;
+  line-height: 40px;
+  padding-left: 35px;
+  background: url("../images/utilization.png") no-repeat left/30px 40px;
+  font-size: 16px;
+  border-bottom: 1px solid #2c4e74;
 }
 /*平均工时*/
-.time-study-max{
-    padding:0 20px;
+.time-study-max {
+  padding: 0 20px;
 }
-.time-study-title{
-    padding: 15px 0;
+.time-study-title {
+  padding: 15px 0;
 }
-.time-study-value{
-    padding:5px  10px;
-    text-align: center;
+.time-study-value {
+  padding: 5px 10px;
+  text-align: center;
 }
-.time-study-value p{
-    padding: 15px 0;
-    font-size: 16px;
+.time-study-value p {
+  padding: 15px 0;
+  font-size: 16px;
 }
-.time-study-value-num{
-    color: #a2c8f9;
+.time-study-value-num {
+  color: #a2c8f9;
 }
-.time-study-value-num span{
-    font-size: 22px;
-    color: #59affa;
-    font-weight: bold;
+.time-study-value-num span {
+  font-size: 22px;
+  color: #59affa;
+  font-weight: bold;
 }
 /*油耗分析*/
-.average-oil label{
-    color: #ffffff;
+.average-oil label {
+  color: #ffffff;
 }
-.average-oil span{
-    font-size: 16px;
-    color: #59affa;
-    padding: 0 5px;
-    font-weight: bold;
+.average-oil span {
+  font-size: 16px;
+  color: #59affa;
+  padding: 0 5px;
+  font-weight: bold;
 }
 /*闲置列表*/
-.idle-list{
-    padding:20px 15px;
+.idle-list {
+  padding: 20px 15px;
 }
 .idle-list .el-table__body-wrapper::-webkit-scrollbar {
-    width: 0px;
-    height: 0px;
+  width: 0px;
+  height: 0px;
 }
-.idle-list .el-table .cell{
-    padding: 0 5px;
+.idle-list .el-table .cell {
+  padding: 0 5px;
 }
-.idle-list .el-table{
-    background: none;
+.idle-list .el-table {
+  background: none;
 }
-.idle-list .el-table th, .el-table tr{
-    background: none;
+.idle-list .el-table th,
+.el-table tr {
+  background: none;
 }
-.idle-list .el-table th{
-    height: 40px;
-    color: #ffffff;
-    background: #193854;
-    padding: 0;
+.idle-list .el-table th {
+  height: 40px;
+  color: #ffffff;
+  background: #193854;
+  padding: 0;
 }
-.idle-list .el-table td{
-    height: 40px;
-    padding: 0;
-    color:  #a2c8f9;
+.idle-list .el-table td {
+  height: 40px;
+  padding: 0;
+  color: #a2c8f9;
 }
-.idle-list .el-table td, .el-table th.is-leaf{
-    border: 0;
+.idle-list .el-table td,
+.el-table th.is-leaf {
+  border: 0;
 }
-.idle-list .el-table--enable-row-hover .el-table__body tr:hover>td{
-    background: none !important;
+.idle-list .el-table--enable-row-hover .el-table__body tr:hover > td {
+  background: none !important;
 }
-.idle-list .el-table::before{
-    background: none;
+.idle-list .el-table::before {
+  background: none;
 }
 
-.idle-list-color{
-    color: #f05e35;
+.idle-list-color {
+  color: #f05e35;
 }
 
 /*预警分析*/
-.analyse-max{
-    padding: 10px;
+.analyse-max {
+  padding: 10px;
 }
-.analyse-min{
-    height: 260px;
+.analyse-min {
+  height: 260px;
 }
-.not-data{
-    height: 200px;
-    line-height: 200px;
-    text-align: center;
-    color: #aaaaaa;
+.not-data {
+  height: 200px;
+  line-height: 200px;
+  text-align: center;
+  color: #aaaaaa;
 }
-.analyse-title{
-    height: 40px;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 0 20px;
-    background: url("../images/analyse_title.png") no-repeat left/100% 100%;
+.analyse-title {
+  height: 40px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 20px;
+  background: url("../images/analyse_title.png") no-repeat left/100% 100%;
 }
-.analyse_title_blue{
-    background: url("../images/analyse_title_blue.png") no-repeat left/100% 100%;
+.analyse_title_blue {
+  background: url("../images/analyse_title_blue.png") no-repeat left/100% 100%;
 }
-.analyse-text{
-    line-height: 40px;
-    font-size: 16px;
+.analyse-text {
+  line-height: 40px;
+  font-size: 16px;
 }
-.analyse-equipment{
-    background: url("../images/analyse_icon.png") no-repeat right/15px 20px;
-    padding-right: 20px;
-    font-size: 20px;
-    letter-spacing: 2px;
-    -webkit-animation: Glow 1s ease infinite alternate;
-    animation: Glow 1s ease infinite alternate;
+.analyse-equipment {
+  background: url("../images/analyse_icon.png") no-repeat right/15px 20px;
+  padding-right: 20px;
+  font-size: 20px;
+  letter-spacing: 2px;
+  -webkit-animation: Glow 1s ease infinite alternate;
+  animation: Glow 1s ease infinite alternate;
 }
-.analyse-equipment-position{
-    position: absolute;
-    right: 40px;
-    top: 20px;
-    z-index: 999;
+.analyse-equipment-position {
+  position: absolute;
+  right: 40px;
+  top: 20px;
+  z-index: 999;
 }
 @-webkit-keyframes Glow {
-    from {
-        text-shadow: 0 0 10px #097fca,
-        0 0 20px #097fca,
-        0 0 30px #097fca,
-        0 0 40px #097fca,
-        0 0 70px #097fca,
-        0 0 80px #097fca,
-        0 0 100px #097fca,
-        0 0 150px #097fca;
-    }
-    to {
-        text-shadow: 0 0 5px #097fca,
-        0 0 10px #097fca,
-        0 0 15px #097fca,
-        0 0 20px #097fca,
-        0 0 35px #097fca,
-        0 0 40px #097fca,
-        0 0 50px #097fca,
-        0 0 75px #097fca;
-    }
+  from {
+    text-shadow: 0 0 10px #097fca, 0 0 20px #097fca, 0 0 30px #097fca, 0 0 40px #097fca, 0 0 70px #097fca, 0 0 80px #097fca, 0 0 100px #097fca, 0 0 150px #097fca;
+  }
+  to {
+    text-shadow: 0 0 5px #097fca, 0 0 10px #097fca, 0 0 15px #097fca, 0 0 20px #097fca, 0 0 35px #097fca, 0 0 40px #097fca, 0 0 50px #097fca, 0 0 75px #097fca;
+  }
 }
-.analyse-num{
-    color: #a2c8f9;
+.analyse-num {
+  color: #a2c8f9;
 }
-.analyse-num span{
-    font-size: 25px;
-    color: #f73647;
-    font-weight: bold;
+.analyse-num span {
+  font-size: 25px;
+  color: #f73647;
+  font-weight: bold;
 }
-.analyse-number-max{
-    padding-right: 20px;
-    height: 164px;
-    overflow: auto;
+.analyse-number-max {
+  padding-right: 20px;
+  height: 164px;
+  overflow: auto;
 }
 .analyse-number-max::-webkit-scrollbar {
-    width: 0px;
-    height: 1px;
+  width: 0px;
+  height: 1px;
 }
 .analyse-number-max::-webkit-scrollbar-thumb {
-    border-radius: 10px;
-    background: #192c64;
+  border-radius: 10px;
+  background: #192c64;
 }
 .analyse-number-max::-webkit-scrollbar-track {
-    border-radius: 10px;
-    background: #010b2d;
+  border-radius: 10px;
+  background: #010b2d;
 }
 
-
-.analyse-num-max{
-    padding: 12px 0;
+.analyse-num-max {
+  padding: 12px 0;
 }
-.analyse-login-numbe{
-    top: 15px;
+.analyse-login-numbe {
+  top: 15px;
 }
-.afoot-content{
-    padding: 15px 15px 0;
+.afoot-content {
+  padding: 15px 15px 0;
 }
-.afoot-overflow{
-    height: 653px;
-    overflow: auto;
+.afoot-overflow {
+  height: 653px;
+  overflow: auto;
 }
 .afoot-overflow::-webkit-scrollbar {
-    width: 0px;
-    height: 1px;
+  width: 0px;
+  height: 1px;
 }
 .afoot-overflow::-webkit-scrollbar-thumb {
-    border-radius: 10px;
-    background: #192c64;
+  border-radius: 10px;
+  background: #192c64;
 }
 .afoot-overflow::-webkit-scrollbar-track {
-    border-radius: 10px;
-    background: #010b2d;
+  border-radius: 10px;
+  background: #010b2d;
 }
-.afoot-con-for{
-    padding-bottom: 20px;
+.afoot-con-for {
+  padding-bottom: 20px;
 }
-.afoot-con-for.active{
-    background: url("../images/zzfs_bgf.png") no-repeat center/100% 100%;
+.afoot-con-for.active {
+  background: url("../images/zzfs_bgf.png") no-repeat center/100% 100%;
 }
-.afoot-machinery-nam{
-    font-size: 16px;
-    font-weight: bold;
-    padding:10px 0 15px;
+.afoot-machinery-nam {
+  font-size: 16px;
+  font-weight: bold;
+  padding: 10px 0 15px;
 }
-.afoot-machinery-info{
-    display: flex;
-    margin-bottom: 10px;
+.afoot-machinery-info {
+  display: flex;
+  margin-bottom: 10px;
 }
-.afoot-machinery-img{
-    width: 70px;
-    height: 70px;
-    background: url("../images/logo_bgd.png") no-repeat center/100% 100%;
+.afoot-machinery-img {
+  width: 70px;
+  height: 70px;
+  background: url("../images/logo_bgd.png") no-repeat center/100% 100%;
 }
-.afoot-machinery-img img{
-    width: 100%;
-    height: 100%;
+.afoot-machinery-img img {
+  width: 100%;
+  height: 100%;
 }
-.afoot-machinery-data{
-    padding-left: 15px;
-    width: calc(100% - 90px);
+.afoot-machinery-data {
+  padding-left: 15px;
+  width: calc(100% - 90px);
 }
-.afoot-machinery-state{
-    color: #f73647;
-    font-size: 18px;
-    height: 50px;
-    overflow: hidden;
+.afoot-machinery-state {
+  color: #f73647;
+  font-size: 18px;
+  height: 50px;
+  overflow: hidden;
 }
-.afoot-machinery-time{
-    color: #7f99ba;
+.afoot-machinery-time {
+  color: #7f99ba;
 }
-.afoot-machinery-project{
-    color: #7f99ba;
-    padding-top: 10px;
+.afoot-machinery-project {
+  color: #7f99ba;
+  padding-top: 10px;
 }
-.afoot-machinery-map{
-    margin-top: 15px;
-    height: 200px;
-    border: 1px solid #054e85;
+.afoot-machinery-map {
+  margin-top: 15px;
+  height: 200px;
+  border: 1px solid #054e85;
 }
 
-
 /*foot*/
-.foot-max{
-    position: fixed;
-    left: 0;
-    bottom: -90px;
-    width: 100%;
-    height: 115px;
-    z-index: 5;
-    background: url("../images/foot_open.png") no-repeat bottom/100% 100%;
-    transition: bottom 0.2s;
+.foot-max {
+  position: fixed;
+  left: 0;
+  bottom: -90px;
+  width: 100%;
+  height: 115px;
+  z-index: 5;
+  background: url("../images/foot_open.png") no-repeat bottom/100% 100%;
+  transition: bottom 0.2s;
 }
-.foot-min{
-
+.foot-min {
 }
-.foot-content{
-    width: 75%;
-    margin: auto;
+.foot-content {
+  width: 75%;
+  margin: auto;
 }
-.foot-mouse{
-    width: 200px;
-    height: 40px;
-    margin: auto;
+.foot-mouse {
+  width: 200px;
+  height: 40px;
+  margin: auto;
 }
-.foot-content-left{
-    width: 30px;
-    height: 50px;
-    margin: auto;
-    cursor: pointer;
-    background: url("../images/foot_left.png") no-repeat center/20px 40px;
+.foot-content-left {
+  width: 30px;
+  height: 50px;
+  margin: auto;
+  cursor: pointer;
+  background: url("../images/foot_left.png") no-repeat center/20px 40px;
 }
-.foot-content-right{
-    width: 30px;
-    height: 50px;
-    margin: auto;
-    cursor: pointer;
-    background: url("../images/foot_right.png") no-repeat center/20px 40px;
+.foot-content-right {
+  width: 30px;
+  height: 50px;
+  margin: auto;
+  cursor: pointer;
+  background: url("../images/foot_right.png") no-repeat center/20px 40px;
 }
-.foot-content-tabs{
-    width: 1250px;
-    height: 50px;
-    overflow: auto;
-    margin: auto;
-    position: relative;
+.foot-content-tabs {
+  width: 1250px;
+  height: 50px;
+  overflow: auto;
+  margin: auto;
+  position: relative;
 }
-.foot-content-tabs::-webkit-scrollbar{
-    width: 0px;
-    height: 0px;
+.foot-content-tabs::-webkit-scrollbar {
+  width: 0px;
+  height: 0px;
 }
-.foot-content-tabs-min{
-    display: flex;
-    align-items: center;
-    padding-top: 3px;
-    position: absolute;
-    transition: left 1s;
+.foot-content-tabs-min {
+  display: flex;
+  align-items: center;
+  padding-top: 3px;
+  position: absolute;
+  transition: left 1s;
 }
-.foot-tabs{
-    width: 250px;
-    text-align: center;
+.foot-tabs {
+  width: 250px;
+  text-align: center;
 }
-.foot-tabs-bgd{
-    margin: auto;
-    width: 160px;
-    height: 40px;
-    line-height: 40px;
-    color:#a2c8f9;
-    cursor: pointer;
-    background:url("../images/foot_btn.png") no-repeat center/100% 100%;
+.foot-tabs-bgd {
+  margin: auto;
+  width: 160px;
+  height: 40px;
+  line-height: 40px;
+  color: #a2c8f9;
+  cursor: pointer;
+  background: url("../images/foot_btn.png") no-repeat center/100% 100%;
 }
-.foot-tabs-bgd.active{
-    width: 200px;
-    height: 45px;
-    line-height: 45px;
-    font-size: 16px;
-    color: #ffffff;
-    background:url("../images/foot_btn_active.png") no-repeat center/100% 100%;
+.foot-tabs-bgd.active {
+  width: 200px;
+  height: 45px;
+  line-height: 45px;
+  font-size: 16px;
+  color: #ffffff;
+  background: url("../images/foot_btn_active.png") no-repeat center/100% 100%;
 }
 
 /*劳务用工 公司级*/
 
 /*劳务人员概况*/
-.labour-survey_content_number{
-    color: #cbdaff;
-    font-size: 16px;
-    text-align: center;
-    padding-top: 25px;
-    padding-left: 0;
+.labour-survey_content_number {
+  color: #cbdaff;
+  font-size: 16px;
+  text-align: center;
+  padding-top: 25px;
+  padding-left: 0;
 }
-.labour-survey_content_number p{
-    padding: 15px;
+.labour-survey_content_number p {
+  padding: 15px;
 }
 /*工种占比*/
-.chart-work-gif{
-    width: 110px;
-    height: 110px;
-    position: absolute;
-    top: 85px;
-    left: 48px;
-    background: url("../images/run_circle.png") no-repeat center/100% 100%;
+.chart-work-gif {
+  width: 110px;
+  height: 110px;
+  position: absolute;
+  top: 85px;
+  left: 48px;
+  background: url("../images/run_circle.png") no-repeat center/100% 100%;
 }
-.labour-education{
-    display: flex;
-    justify-content: space-between;
+.labour-education {
+  display: flex;
+  justify-content: space-between;
 }
-.labour-education_bgd{
-    background: url("../images/education_bgd.png") no-repeat bottom/90px 60px;
+.labour-education_bgd {
+  background: url("../images/education_bgd.png") no-repeat bottom/90px 60px;
 }
 /*预警分析*/
-.labour-warning-title{
-    padding: 15px;
-    display: flex;
-    justify-content: space-around;
-    align-items: center;
+.labour-warning-title {
+  padding: 15px;
+  display: flex;
+  justify-content: space-around;
+  align-items: center;
 }
-.labour-warning-img{
-    height: 60px;
-    width: 80px;
-    text-align: center;
-    background: url("../images/labour_warning_bgd.png") no-repeat center/100% 100%;
+.labour-warning-img {
+  height: 60px;
+  width: 80px;
+  text-align: center;
+  background: url("../images/labour_warning_bgd.png") no-repeat center/100% 100%;
 }
-.labour-warning-bgd{
-    padding-top: 15px;
+.labour-warning-bgd {
+  padding-top: 15px;
 }
-.labour-warning-bgd img{
-    animation: scale 1.5s infinite cubic-bezier(0, 0, .2, .2);
+.labour-warning-bgd img {
+  animation: scale 1.5s infinite cubic-bezier(0, 0, 0.2, 0.2);
 }
 @keyframes scale {
-    0% { transform: scale(1); opacity: 0.4  }
-    25%{ transform: scale(1.25);opacity: 0.7  }
-    50%{transform: scale(1.5); opacity: 1  }
-    75%{ transform: scale(1.25);opacity: 0.7 }
-    100% {transform: scale(1);opacity: 0.4}
+  0% {
+    transform: scale(1);
+    opacity: 0.4;
+  }
+  25% {
+    transform: scale(1.25);
+    opacity: 0.7;
+  }
+  50% {
+    transform: scale(1.5);
+    opacity: 1;
+  }
+  75% {
+    transform: scale(1.25);
+    opacity: 0.7;
+  }
+  100% {
+    transform: scale(1);
+    opacity: 0.4;
+  }
 }
-.labour-warning-data{
-    text-align: center;
-    color: #cbdaff;
-    font-size: 16px;
+.labour-warning-data {
+  text-align: center;
+  color: #cbdaff;
+  font-size: 16px;
 }
-.labour-warning-number{
-    padding-top: 10px;
+.labour-warning-number {
+  padding-top: 10px;
 }
-.labour-warning-number span{
-    color: #f73647;
-    font-weight: bold;
-    font-size:25px;
-    font-style:italic
+.labour-warning-number span {
+  color: #f73647;
+  font-weight: bold;
+  font-size: 25px;
+  font-style: italic;
 }
 
 /*劳务 预警分析*/
-.labour-warning-table{
-    padding: 0 10px;
+.labour-warning-table {
+  padding: 0 10px;
 }
-.labour-warning-table-color{
-    color: #f73647;
-    font-size: 16px;
-    font-weight: bold;
+.labour-warning-table-color {
+  color: #f73647;
+  font-size: 16px;
+  font-weight: bold;
 }
 .labour-warning-table .el-table__body-wrapper::-webkit-scrollbar {
-    width: 0px;
-    height: 0px;
+  width: 0px;
+  height: 0px;
 }
-.labour-warning-table .el-table .cell{
-    padding: 0 5px;
+.labour-warning-table .el-table .cell {
+  padding: 0 5px;
 }
-.labour-warning-table .el-table{
-    background: none;
+.labour-warning-table .el-table {
+  background: none;
 }
-.labour-warning-table .el-table th, .el-table tr{
-    background: none;
+.labour-warning-table .el-table th,
+.el-table tr {
+  background: none;
 }
-.labour-warning-table .el-table th{
-    height: 35px;
-    text-align: center;
-    color: #cbdaff;
-    padding: 0;
+.labour-warning-table .el-table th {
+  height: 35px;
+  text-align: center;
+  color: #cbdaff;
+  padding: 0;
 }
-.labour-warning-table .el-table td{
-    height: 50px;
-    text-align: center;
-    padding: 0;
-    color: #ffffff;
+.labour-warning-table .el-table td {
+  height: 50px;
+  text-align: center;
+  padding: 0;
+  color: #ffffff;
 }
-.labour-warning-table .el-table td, .el-table th.is-leaf{
-    border: 0;
+.labour-warning-table .el-table td,
+.el-table th.is-leaf {
+  border: 0;
 }
-.labour-warning-table .el-table .el-table__row{
-    background: url("../images/text_red_bgd.png") no-repeat center/100% 35px;
+.labour-warning-table .el-table .el-table__row {
+  background: url("../images/text_red_bgd.png") no-repeat center/100% 35px;
 }
-.labour-warning-table .el-table--enable-row-hover .el-table__body tr:hover>td{
-    background: none !important;
+.labour-warning-table .el-table--enable-row-hover .el-table__body tr:hover > td {
+  background: none !important;
 }
-.labour-warning-table .el-table::before{
-    background: none;
+.labour-warning-table .el-table::before {
+  background: none;
 }
-.return-company-btn{
-    position: absolute;
-    top: 30px;
-    left: 30px;
-    background: url("../images/return_btn_bgd.png") no-repeat center/100% 100%;
-    width: 120px;
-    height: 35px;
-    text-align: center;
-    line-height: 35px;
-    color: #5677a2;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    cursor: pointer;
-    z-index: 99;
+.return-company-btn {
+  position: absolute;
+  top: 30px;
+  left: 30px;
+  background: url("../images/return_btn_bgd.png") no-repeat center/100% 100%;
+  width: 120px;
+  height: 35px;
+  text-align: center;
+  line-height: 35px;
+  color: #5677a2;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  z-index: 99;
 }
-.return-company-btn:hover{
-    color: #cbdaff;
-    background: url("../images/dangerous_active.png") no-repeat center/100% 100%;
+.return-company-btn:hover {
+  color: #cbdaff;
+  background: url("../images/dangerous_active.png") no-repeat center/100% 100%;
 }
-.return-company-btn:active{
-    color: #5677a2;
+.return-company-btn:active {
+  color: #5677a2;
 }
-.return-company-btn span{
-    padding-left: 5px;
+.return-company-btn span {
+  padding-left: 5px;
 }
 
 /*项目概况*/
-.project-number{
-    padding:25px 15px 0;
-    display: flex;
-    align-items: center;
-    justify-content: space-evenly;
-    color: #a2c8f9;
+.project-number {
+  padding: 25px 15px 0;
+  display: flex;
+  align-items: center;
+  justify-content: space-evenly;
+  color: #a2c8f9;
 }
-.project-number div{
-    padding: 0 15px;
+.project-number div {
+  padding: 0 15px;
 }
-.project-number span{
-    font-size: 20px;
-    font-weight: bold;
-    font-style: italic;
-    color: #63baff;
-    padding-right: 15px;
+.project-number span {
+  font-size: 20px;
+  font-weight: bold;
+  font-style: italic;
+  color: #63baff;
+  padding-right: 15px;
 }
-.chart-overview-gif{
-    width: 105px;
-    height: 105px;
-    position: absolute;
-    top: 63px;
-    left:61px;
-    background: url("../images/run_circle.png") no-repeat center/100% 100%;
+.chart-overview-gif {
+  width: 105px;
+  height: 105px;
+  position: absolute;
+  top: 63px;
+  left: 61px;
+  background: url("../images/run_circle.png") no-repeat center/100% 100%;
 }
 
-.project-map-bottom{
-    height: 210px;
-    padding:  0 15px;
+.project-map-bottom {
+  height: 210px;
+  padding: 0 15px;
 }
-.project-analyse-title{
-    width: 50%;
+.project-analyse-title {
+  width: 50%;
 }
-.project-expect-max{
-    position: relative;
-    padding-top: 20px;
+.project-expect-max {
+  position: relative;
+  padding-top: 20px;
 }
-.project-expect-left{
-    position: absolute;
-    width: 30px;
-    left: 0;
-    height: 60px;
-    top: 75px;
-    background: url("../images/foot_left.png") no-repeat center/20px 40px;
+.project-expect-left {
+  position: absolute;
+  width: 30px;
+  left: 0;
+  height: 60px;
+  top: 75px;
+  background: url("../images/foot_left.png") no-repeat center/20px 40px;
 }
-.project-expect-right{
-    position: absolute;
-    width: 30px;
-    right: 0;
-    height: 60px;
-    top: 75px;
-    background: url("../images/foot_right.png") no-repeat center/20px 40px;
+.project-expect-right {
+  position: absolute;
+  width: 30px;
+  right: 0;
+  height: 60px;
+  top: 75px;
+  background: url("../images/foot_right.png") no-repeat center/20px 40px;
 }
-.project-expect-middle{
-    width: 810px;
-    margin:auto;
-    overflow: auto;
-    position: relative;
-    height: 150px;
+.project-expect-middle {
+  width: 810px;
+  margin: auto;
+  overflow: auto;
+  position: relative;
+  height: 150px;
 }
-.project-expect-big{
-    position: absolute;
-    top: 0;
-    transition: left 0.5s;
+.project-expect-big {
+  position: absolute;
+  top: 0;
+  transition: left 0.5s;
 }
-.project-expect-middle::-webkit-scrollbar{
-    width: 0px;
-    height: 0px;
+.project-expect-middle::-webkit-scrollbar {
+  width: 0px;
+  height: 0px;
 }
-.project-expect-min{
-    padding: 0 10px;
-    float: left;
+.project-expect-min {
+  padding: 0 10px;
+  float: left;
 }
-.project-expect-list{
-    width: 250px;
-    height: 150px;
-    background: url("../images/expect_list.png") no-repeat center/100% 100%;
+.project-expect-list {
+  width: 250px;
+  height: 150px;
+  background: url("../images/expect_list.png") no-repeat center/100% 100%;
 }
-.project-expect-list.active{
-    background: url("../images/expect_list_active.png") no-repeat center/100% 100%;
+.project-expect-list.active {
+  background: url("../images/expect_list_active.png") no-repeat center/100% 100%;
 }
 
-.project-expect-con{
-    padding: 5px 15px;
+.project-expect-con {
+  padding: 5px 15px;
 }
-.project-expect-title{
-    display: flex;
-    align-items: center;
-    border-bottom: 1px solid #1c4489;
-    height: 30px;
+.project-expect-title {
+  display: flex;
+  align-items: center;
+  border-bottom: 1px solid #1c4489;
+  height: 30px;
 }
-.project-expect-title-No{
-    border-bottom: 1px solid #69b9fe;
-    text-align: center;
-    line-height: 30px;
+.project-expect-title-No {
+  border-bottom: 1px solid #69b9fe;
+  text-align: center;
+  line-height: 30px;
 }
-.project-expect-title-text{
-    color: #68afef;
-    line-height: 30px;
-    height: 30px;
-    overflow: hidden;
-    white-space:nowrap;
-    text-overflow:ellipsis;
+.project-expect-title-text {
+  color: #68afef;
+  line-height: 30px;
+  height: 30px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
 }
-.project-expect-info{
-    padding: 8px 0;
-    font-size: 12px;
-    color: #c2d5f6;
-    line-height: 20px;
+.project-expect-info {
+  padding: 8px 0;
+  font-size: 12px;
+  color: #c2d5f6;
+  line-height: 20px;
 }
-.project-expect-details{
-    max-height: 40px;
-    overflow: hidden;
+.project-expect-details {
+  max-height: 40px;
+  overflow: hidden;
 }
-.project-expect-time{
-    color: #6bb8ff;
+.project-expect-time {
+  color: #6bb8ff;
 }
-.project-expect-state{
-    width: 85px;
-    height: 23px;
-    background: url("../images/expect_list_zc.png") no-repeat center/100% 100%;
-    color: #76fefe;
-    text-align: center;
-    line-height: 23px;
-    font-size: 12px;
+.project-expect-state {
+  width: 85px;
+  height: 23px;
+  background: url("../images/expect_list_zc.png") no-repeat center/100% 100%;
+  color: #76fefe;
+  text-align: center;
+  line-height: 23px;
+  font-size: 12px;
 }
 
-.project-expect-state.state-2{
-    color: #05fb05;
+.project-expect-state.state-2 {
+  color: #05fb05;
 }
 
-.project-expect-list.active .project-expect-title{
-    border-bottom: 1px solid #351e2e;
+.project-expect-list.active .project-expect-title {
+  border-bottom: 1px solid #351e2e;
 }
-.project-expect-list.active .project-expect-title-No{
-    border-bottom: 1px solid #cd4456;
+.project-expect-list.active .project-expect-title-No {
+  border-bottom: 1px solid #cd4456;
 }
-.project-expect-list.active .project-expect-title-text{
-    color: #ffffff;
+.project-expect-list.active .project-expect-title-text {
+  color: #ffffff;
 }
-.project-expect-list.active .project-expect-time{
-    color: #cd4456
+.project-expect-list.active .project-expect-time {
+  color: #cd4456;
 }
-.project-expect-list.active .project-expect-state{
-    background: url("../images/expect_list_yc.png") no-repeat center/100% 100%;
-    color: #ffffff;
+.project-expect-list.active .project-expect-state {
+  background: url("../images/expect_list_yc.png") no-repeat center/100% 100%;
+  color: #ffffff;
 }
 
 /*项目概况  项目级*/
 
 /*项目概况*/
-.company-name-max{
-    padding:5px 10px;
-    position: relative;
+.company-name-max {
+  padding: 5px 10px;
+  position: relative;
 }
-.company-project-introduction{
-    position: absolute;
-    display: flex;
-    align-items: center;
-    right: 10px;
-    top: -22px;
-    cursor: pointer;
-    font-size: 14px;
-    color: #c2d5f6;
+.company-project-introduction {
+  position: absolute;
+  display: flex;
+  align-items: center;
+  right: 10px;
+  top: -22px;
+  cursor: pointer;
+  font-size: 14px;
+  color: #c2d5f6;
 }
-.company-project-introduction img{
-    width: 8px;
-    margin-left: 10px;
+.company-project-introduction img {
+  width: 8px;
+  margin-left: 10px;
 }
-.company-name{
-    display: flex;
-    padding:12px 5px;
+.company-name {
+  display: flex;
+  padding: 12px 5px;
 }
-.company-img{
-    padding-top: 5px;
+.company-img {
+  padding-top: 5px;
 }
-.company-img img{
-    height: 35px;
-    width: 35px;
+.company-img img {
+  height: 35px;
+  width: 35px;
 }
-.company-info{
-    width: calc(100% - 45px);
-    padding-left: 10px;
+.company-info {
+  width: calc(100% - 45px);
+  padding-left: 10px;
 }
-.company-title{
-    color: #c2d5f6;
-    font-size: 14px;
+.company-title {
+  color: #c2d5f6;
+  font-size: 14px;
 }
-.company-text{
-    color: #50a2eb;
-    padding: 5px 0;
-    overflow: hidden;
-    white-space:nowrap;
-    text-overflow:ellipsis;
-    font-size: 14px;
-    cursor: pointer;
+.company-text {
+  color: #50a2eb;
+  padding: 5px 0;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  font-size: 14px;
+  cursor: pointer;
 }
-.company-person-info{
-    font-size: 14px;
-    color: #f79d1a;
+.company-person-info {
+  font-size: 14px;
+  color: #f79d1a;
 }
 
-.popup-project-introduction-max{
-    position: fixed;
-    width: 100%;
-    height: 100%;
-    top: 0;
-    left: 0;
-    background: rgba(0,0,0,0.5);
-    z-index: 2000;
+.popup-project-introduction-max {
+  position: fixed;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background: rgba(0, 0, 0, 0.5);
+  z-index: 2000;
 }
-.popup-project-introduction-min{
-    width: 1000px;
-    height: 600px;
-    margin: auto;
-    transform: translateY(30%);
-    background: linear-gradient(#010b2d, #097fca9c) left -3px top 0, linear-gradient(#097fca9c, #097fca9c) right 0px bottom -3px, linear-gradient(#010b2d, #097fca9c) right -3px top 0px, linear-gradient(#097fca9c, #097fca9c) left 0px top -3px;
-    background-repeat: no-repeat;
-    background-color: #002233d4;
-    background-size: 3px 100%, 100% 3px;
-    border: 1px solid transparent;
-    backdrop-filter: blur(1px);
+.popup-project-introduction-min {
+  width: 1000px;
+  height: 600px;
+  margin: auto;
+  transform: translateY(30%);
+  background: linear-gradient(#010b2d, #097fca9c) left -3px top 0, linear-gradient(#097fca9c, #097fca9c) right 0px bottom -3px, linear-gradient(#010b2d, #097fca9c) right -3px top 0px, linear-gradient(#097fca9c, #097fca9c) left 0px top -3px;
+  background-repeat: no-repeat;
+  background-color: #002233d4;
+  background-size: 3px 100%, 100% 3px;
+  border: 1px solid transparent;
+  backdrop-filter: blur(1px);
 }
-.popup-project-introduction-con{
-    padding: 0px;
+.popup-project-introduction-con {
+  padding: 0px;
 }
-.popup-project-introduction-title{
-   
-    background: url("../images/map_popup_title.png") no-repeat left/100% 100%;
-   
-    display: flex;
-    align-items: center;
-    padding: 0 15px;
-    justify-content: space-between;
+.popup-project-introduction-title {
+  background: url("../images/map_popup_title.png") no-repeat left/100% 100%;
+
+  display: flex;
+  align-items: center;
+  padding: 0 15px;
+  justify-content: space-between;
 }
-.popup-project-introduction-close{
-   
-    text-align: center;
-    
-    border-radius: 50%;
-    cursor: pointer;
+.popup-project-introduction-close {
+  text-align: center;
+
+  border-radius: 50%;
+  cursor: pointer;
 }
-.popup-project-introduction-close:hover{
-    background: #37536f;
+.popup-project-introduction-close:hover {
+  background: #37536f;
 }
-.popup-project-introduction-details{
-    padding: 18px;
+.popup-project-introduction-details {
+  padding: 18px;
 }
-.popup-project-introduction-info{
-    height: 500px;
-    overflow: auto;
+.popup-project-introduction-info {
+  height: 500px;
+  overflow: auto;
 }
 .popup-project-introduction-info::-webkit-scrollbar {
-    width: 10px;
-    height: 10px;
+  width: 10px;
+  height: 10px;
 }
 .popup-project-introduction-info::-webkit-scrollbar-thumb {
-    border-radius: 10px;
-    background: #192c64;
+  border-radius: 10px;
+  background: #192c64;
 }
 .popup-project-introduction-info::-webkit-scrollbar-track {
-    border-radius: 10px;
-    background: #010b2d;
+  border-radius: 10px;
+  background: #010b2d;
 }
-.popup-project-introduction-info p{
-    padding: 8px 5px;
-    line-height: 30px;
-    text-indent: 2em;
+.popup-project-introduction-info p {
+  padding: 8px 5px;
+  line-height: 30px;
+  text-indent: 2em;
 }
 
-.modify-project-amount{
-    display: flex;
-    justify-content: space-between;
+.modify-project-amount {
+  display: flex;
+  justify-content: space-between;
 }
-.modify-btn{
-    width: 50px;
-    text-align: center;
-    padding-top: 45px;
+.modify-btn {
+  width: 50px;
+  text-align: center;
+  padding-top: 45px;
 }
-.modify-btn img{
-    cursor: pointer;
+.modify-btn img {
+  cursor: pointer;
 }
-.modify-content{
-    width: 840px;
-    overflow: hidden;
+.modify-content {
+  width: 840px;
+  overflow: hidden;
 }
-.modify-content-overflow{
-    display: flex;
-    align-items: center;
+.modify-content-overflow {
+  display: flex;
+  align-items: center;
 }
 
-
-
-
-.project-introduce{
-    padding: 0 15px;
+.project-introduce {
+  padding: 0 15px;
 }
-.project-introduce-text{
-    padding-left: 20px;
-    color: #c2d5f6;
-    background: url(../images/check_icon.png) no-repeat left/8px 15px;
+.project-introduce-text {
+  padding-left: 20px;
+  color: #c2d5f6;
+  background: url(../images/check_icon.png) no-repeat left/8px 15px;
 }
-.project-introduce-con{
-    height:80px;
-    overflow: hidden;
-    margin-top: 10px;
-    color: #c2d5f6;
-    position: relative;
+.project-introduce-con {
+  height: 80px;
+  overflow: hidden;
+  margin-top: 10px;
+  color: #c2d5f6;
+  position: relative;
 }
-.project-introduce-con p{
-    text-indent: 2em;
-    padding: 5px 0;
-    line-height: 25px;
+.project-introduce-con p {
+  text-indent: 2em;
+  padding: 5px 0;
+  line-height: 25px;
 }
-.project-introduce-con::-webkit-scrollbar{
-    width: 0px;
-    height: 0px;
+.project-introduce-con::-webkit-scrollbar {
+  width: 0px;
+  height: 0px;
 }
-.project-introduce-absolute{
-    position: absolute;
-    width: 100%;
-    top: 0;
-    left: 0;
-    transition: top 0.1s;
+.project-introduce-absolute {
+  position: absolute;
+  width: 100%;
+  top: 0;
+  left: 0;
+  transition: top 0.1s;
 }
-.project-amount{
-    padding: 10px;
+.project-amount {
+  padding: 10px;
 }
-.project-amount-bgd{
-    height: 110px;
-    width: 260px;
-    background: url("../images/project_amount_bgd.png") no-repeat center/100% 100%;
+.project-amount-bgd {
+  height: 110px;
+  width: 260px;
+  background: url("../images/project_amount_bgd.png") no-repeat center/100% 100%;
 }
-.project-amount-con{
-    padding: 20px 30px;
-    color: #c2d5f6;
+.project-amount-con {
+  padding: 20px 30px;
+  color: #c2d5f6;
 }
-.project-amount-con p{
-    padding-bottom: 15px;
-    font-size: 16px;
+.project-amount-con p {
+  padding-bottom: 15px;
+  font-size: 16px;
 }
-.project-amount-con span{
-    font-size: 25px;
-    color: #64ccff;
-    font-weight: bold;
-    font-style: italic;
+.project-amount-con span {
+  font-size: 25px;
+  color: #64ccff;
+  font-weight: bold;
+  font-style: italic;
 }
-.aerial-view-max{
-    padding: 10px;
+.aerial-view-max {
+  padding: 10px;
 }
-.aerial-view-min{
-    height: 510px;
+.aerial-view-min {
+  height: 510px;
 }
-.aerial-view-min img{
-    width: 100%;
-    height: 100%;
+.aerial-view-min img {
+  width: 100%;
+  height: 100%;
 }
 
 /*重大节点预期预警*/
-.dangerous-max{
-    padding:10px 30px;
+.dangerous-max {
+  padding: 10px 30px;
 }
-.dangerous-tab{
-    display: flex;
-    justify-content: right;
-    align-items: center;
+.dangerous-tab {
+  display: flex;
+  justify-content: right;
+  align-items: center;
 }
-.dangerous-tab div{
-    padding: 8px 20px;
-    background: url("../images/dangerous.png") no-repeat center/100% 100%;
-    margin-left: 15px;
-    cursor: pointer;
-    color: #5388b0;
+.dangerous-tab div {
+  padding: 8px 20px;
+  background: url("../images/dangerous.png") no-repeat center/100% 100%;
+  margin-left: 15px;
+  cursor: pointer;
+  color: #5388b0;
 }
-.dangerous-tab .active{
-    color: #ffffff;
-    background: url("../images/dangerous_active.png") no-repeat center/100% 100%;
+.dangerous-tab .active {
+  color: #ffffff;
+  background: url("../images/dangerous_active.png") no-repeat center/100% 100%;
 }
-.dangerous-timeline-max{
-    width: 850px;
-    height: 230px;
-    overflow-y: hidden;
-    overflow-x: auto;
-    position: relative;
+.dangerous-timeline-max {
+  width: 850px;
+  height: 230px;
+  overflow-y: hidden;
+  overflow-x: auto;
+  position: relative;
 }
 
-.dangerous-timeline-min{
-    z-index: 2;
-    position: absolute;
+.dangerous-timeline-min {
+  z-index: 2;
+  position: absolute;
 }
-.dangerous-timeline-con{
-    width: 200px;
-    padding-top: 20px;
-    float: left;
+.dangerous-timeline-con {
+  width: 200px;
+  padding-top: 20px;
+  float: left;
 }
-.strip-max{
-    height: 6px;
-    background: #808992;
-    position: absolute;
-    top: 88px;
-    z-index: 1;
+.strip-max {
+  height: 6px;
+  background: #808992;
+  position: absolute;
+  top: 88px;
+  z-index: 1;
 }
-.strip-min{
-    height: 6px;
-    background: #54acf4;
+.strip-min {
+  height: 6px;
+  background: #54acf4;
 }
-.dangerous-text{
-    height: 50px;
-    padding: 0 20px;
-    text-align: center;
-    font-size: 16px;
-    line-height: 25px;
-    overflow: hidden;
+.dangerous-text {
+  height: 50px;
+  padding: 0 20px;
+  text-align: center;
+  font-size: 16px;
+  line-height: 25px;
+  overflow: hidden;
 }
-.dangerous-dot{
-    height: 35px;
-    position: relative;
+.dangerous-dot {
+  height: 35px;
+  position: relative;
 }
-.dangerous-dot-item{
-    width: 8px;
-    height: 8px;
-    border: 3px solid #ffffff;
-    border-radius: 50%;
-    margin: auto;
-    position: relative;
-    top: 14px;
+.dangerous-dot-item {
+  width: 8px;
+  height: 8px;
+  border: 3px solid #ffffff;
+  border-radius: 50%;
+  margin: auto;
+  position: relative;
+  top: 14px;
 }
-.dangerous-time-max{
-    height: 100px;
-    padding: 5px 30px;
-    color: #b9cbe3;
-    position: relative;
+.dangerous-time-max {
+  height: 100px;
+  padding: 5px 30px;
+  color: #b9cbe3;
+  position: relative;
 }
-.dangerous-time-min{
-    padding: 5px 0;
+.dangerous-time-min {
+  padding: 5px 0;
 }
-.dangerous-time-nav{
-    margin-top: 8px;
+.dangerous-time-nav {
+  margin-top: 8px;
 }
-.dangerous-time-nav.active{
-    color: #eeeeee;
-    background: url("../images/expect_list_yc.png") no-repeat center/100% 100%;
+.dangerous-time-nav.active {
+  color: #eeeeee;
+  background: url("../images/expect_list_yc.png") no-repeat center/100% 100%;
 }
 
 /*智慧党建*/
-.carousel-padding{
-    padding: 10px;
+.carousel-padding {
+  padding: 10px;
 }
-.carousel-max{
-    position: relative;
-    overflow-x: hidden;
-    overflow-y: hidden;
-    margin: auto;
+.carousel-max {
+  position: relative;
+  overflow-x: hidden;
+  overflow-y: hidden;
+  margin: auto;
 }
-.carousel-min{
-    height: 100%;
-    position: absolute;
-    transition: left 0.5s
+.carousel-min {
+  height: 100%;
+  position: absolute;
+  transition: left 0.5s;
 }
-.carousel-for{
-    float: left;
-    width: 100%;
-    height: 100%;
+.carousel-for {
+  float: left;
+  width: 100%;
+  height: 100%;
 }
-.carousel-for > img{
-    width: 100%;
-    height: 100%;
+.carousel-for > img {
+  width: 100%;
+  height: 100%;
 }
-.carousel-text{
-    height: 35px;
-    line-height: 35px;
-    text-align: center;
-    width: 100%;
-    position: absolute;
-    bottom: 0;
-    color: #fff;
-    background-color: rgba(0, 0, 0, 0.5);
+.carousel-text {
+  height: 35px;
+  line-height: 35px;
+  text-align: center;
+  width: 100%;
+  position: absolute;
+  bottom: 0;
+  color: #fff;
+  background-color: rgba(0, 0, 0, 0.5);
 }
 
 .carousel-left {
-    position: absolute;
-    top: 50%;
-    transform: translateY(-50%);
-    user-select: none;
-    cursor: pointer;
-    transition: left 0.1s linear;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  user-select: none;
+  cursor: pointer;
+  transition: left 0.1s linear;
 }
 .carousel-right {
-    position: absolute;
-    top: 50%;
-    transform: translateY(-50%);
-    user-select: none;
-    cursor: pointer;
-    transition: right 0.1s linear;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  user-select: none;
+  cursor: pointer;
+  transition: right 0.1s linear;
 }
 
 /*党建视频*/
-.carousel-padding video{
-    width: 100%;
-    height: 520px;
+.carousel-padding video {
+  width: 100%;
+  height: 520px;
 }
-.video-img{
-    width: 100%;
-    height: 520px;
+.video-img {
+  width: 100%;
+  height: 520px;
 }
-.video-nav{
-    display: flex;
-    padding:15px 10px;
+.video-nav {
+  display: flex;
+  padding: 15px 10px;
 }
-.video-nav-btn{
-    background: #420200;
-    padding: 10px 15px;
-    color: #e67b71;
-    margin-right: 15px;
-    cursor: pointer;
-    border-radius: 5px;
+.video-nav-btn {
+  background: #420200;
+  padding: 10px 15px;
+  color: #e67b71;
+  margin-right: 15px;
+  cursor: pointer;
+  border-radius: 5px;
 }
-.video-nav-btn.active{
-    background: #b34039;
-    color: #ffffff;
+.video-nav-btn.active {
+  background: #b34039;
+  color: #ffffff;
 }
-.video-nav-btn:hover{
-    background: #972321;
-    color: #f1bdb9;
+.video-nav-btn:hover {
+  background: #972321;
+  color: #f1bdb9;
 }
-.video-nav-btn.active:hover{
-    background: #b34039;
-    color: #ffffff;
+.video-nav-btn.active:hover {
+  background: #b34039;
+  color: #ffffff;
 }
 
 /*媒体聚焦*/
-.party-list{
-    padding:20px 15px;
+.party-list {
+  padding: 20px 15px;
 }
 .party-list .el-table__body-wrapper::-webkit-scrollbar {
-    width: 0px;
-    height: 0px;
+  width: 0px;
+  height: 0px;
 }
-.party-list .el-table .cell{
-    padding: 0 5px;
+.party-list .el-table .cell {
+  padding: 0 5px;
 }
-.party-list .el-table{
-    background: none;
+.party-list .el-table {
+  background: none;
 }
-.party-list .el-table th, .el-table tr{
-    background: none;
+.party-list .el-table th,
+.el-table tr {
+  background: none;
 }
-.party-list .el-table th{
-    height: 50px;
-    color: #ffffff;
-    padding: 0 10px;
+.party-list .el-table th {
+  height: 50px;
+  color: #ffffff;
+  padding: 0 10px;
 }
-.party-list .el-table td{
-    height: 50px;
-    color:  #ffffff;
-    padding: 0;
+.party-list .el-table td {
+  height: 50px;
+  color: #ffffff;
+  padding: 0;
 }
-.party-list .el-table td .cell{
-    height: 35px;
-    line-height:35px;
-    padding:0 10px;
-    background: rgba(66,0 ,0 ,0.7);
-    letter-spacing: 1px;
-
+.party-list .el-table td .cell {
+  height: 35px;
+  line-height: 35px;
+  padding: 0 10px;
+  background: rgba(66, 0, 0, 0.7);
+  letter-spacing: 1px;
 }
-.party-list .el-table td, .el-table th.is-leaf{
-    border: 0;
+.party-list .el-table td,
+.el-table th.is-leaf {
+  border: 0;
 }
-.party-list .el-table--enable-row-hover .el-table__body tr:hover>td{
-    background: none !important;
+.party-list .el-table--enable-row-hover .el-table__body tr:hover > td {
+  background: none !important;
 }
-.party-list .el-table::before{
-    background: none;
+.party-list .el-table::before {
+  background: none;
 }
-.party-list-color{
-    color:#edaa46;
-    overflow: hidden;
-    white-space:nowrap;
-    text-overflow:ellipsis;
+.party-list-color {
+  color: #edaa46;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
 }
 
 /*安全管理*/
 /*当日预警信息*/
 .safe-day-table .el-table__body-wrapper::-webkit-scrollbar {
-    width: 0px;
-    height: 0px;
+  width: 0px;
+  height: 0px;
 }
-.safe-day-table .el-table .cell{
-    padding: 0 5px;
+.safe-day-table .el-table .cell {
+  padding: 0 5px;
 }
-.safe-day-table .el-table{
-    background: none;
+.safe-day-table .el-table {
+  background: none;
 }
-.safe-day-table .el-table th, .el-table tr{
-    background: none;
+.safe-day-table .el-table th,
+.el-table tr {
+  background: none;
 }
-.safe-day-table .el-table th{
-    height: 50px;
-    text-align: center;
-    color: #1ce7ff;
+.safe-day-table .el-table th {
+  height: 50px;
+  text-align: center;
+  color: #1ce7ff;
 }
-.safe-day-table .el-table td{
-    height: 55px;
-    text-align: center;
-    padding: 0;
+.safe-day-table .el-table td {
+  height: 55px;
+  text-align: center;
+  padding: 0;
 }
-.safe-day-table .el-table td, .el-table th.is-leaf{
-    border: 0;
+.safe-day-table .el-table td,
+.el-table th.is-leaf {
+  border: 0;
 }
-.safe-day-table .el-table .el-table__row{
-    background: url("../images/text_red_safe_bgd.png") no-repeat center/100% 40px;
+.safe-day-table .el-table .el-table__row {
+  background: url("../images/text_red_safe_bgd.png") no-repeat center/100% 40px;
 }
-.safe-day-table .el-table--enable-row-hover .el-table__body tr:hover>td{
-    background: none !important;
-    color: #ffffff;
+.safe-day-table .el-table--enable-row-hover .el-table__body tr:hover > td {
+  background: none !important;
+  color: #ffffff;
 }
-.safe-day-table .el-table::before{
-    background: none;
+.safe-day-table .el-table::before {
+  background: none;
 }
 
-.map-foot-max{
-    height: 150px;
-    display: flex;
-    align-items: center;
-    justify-content: space-evenly;
+.map-foot-max {
+  height: 150px;
+  display: flex;
+  align-items: center;
+  justify-content: space-evenly;
 }
-.map-foot-min{
-    display: flex;
-    align-items: center;
-    justify-content: center;
+.map-foot-min {
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
-.map-foot-con{
-    padding-left: 10px;
-    color:#b9cbe3;
+.map-foot-con {
+  padding-left: 10px;
+  color: #b9cbe3;
 }
-.map-foot-con p{
-    padding-bottom: 10px;
+.map-foot-con p {
+  padding-bottom: 10px;
 }
-.map-foot-num span{
-    font-size: 25px;
-    font-weight: bold;
-    font-style: italic;
+.map-foot-num span {
+  font-size: 25px;
+  font-weight: bold;
+  font-style: italic;
 }
-.map-icon-color-1{
-    color: #71b3f0;
+.map-icon-color-1 {
+  color: #71b3f0;
 }
-.map-icon-color-2{
-    color: #c1b762 ;
+.map-icon-color-2 {
+  color: #c1b762;
 }
-.map-icon-color-3{
-    color: #7874e3;
+.map-icon-color-3 {
+  color: #7874e3;
 }
-.map-foot-min img{
-    width: 84px;
-    height: 66px;
-    animation: safe 3s infinite;
-    -webkit-animation: safe 3s infinite;
+.map-foot-min img {
+  width: 84px;
+  height: 66px;
+  animation: safe 3s infinite;
+  -webkit-animation: safe 3s infinite;
 }
 @keyframes safe {
-    0% {
-        transform: translate(0px, -10px);
-    }
-    50% {
-        transform: translate(0px, 10px); /* 可配置跳动方向 */
-    }
-    100% {
-        transform: translate(0px, -10px);
-    }
+  0% {
+    transform: translate(0px, -10px);
+  }
+  50% {
+    transform: translate(0px, 10px); /* 可配置跳动方向 */
+  }
+  100% {
+    transform: translate(0px, -10px);
+  }
 }
 
 /*安全管理 项目级 塔机*/
 
 /*监控列表*/
-.list-max{
-    padding: 10px 0;
+.list-max {
+  padding: 10px 0;
 }
-.list-min{
-    height: 630px;
-    overflow: auto;
-    position: relative;
+.list-min {
+  height: 630px;
+  overflow: auto;
+  position: relative;
 }
 
 .list-min::-webkit-scrollbar {
-    width: 10px;
-    height: 1px;
+  width: 10px;
+  height: 1px;
 }
 .list-min::-webkit-scrollbar-thumb {
-    border-radius: 10px;
-    background: #192c64;
+  border-radius: 10px;
+  background: #192c64;
 }
 .list-min::-webkit-scrollbar-track {
-    border-radius: 10px;
-    background: #010b2d;
+  border-radius: 10px;
+  background: #010b2d;
 }
-.list-for{
-    padding: 15px 0;
-    border-bottom: 1px dashed #3da2ff;
+.list-for {
+  padding: 15px 0;
+  border-bottom: 1px dashed #3da2ff;
 }
-.list-con{
-    padding: 15px;
-    cursor: pointer;
+.list-con {
+  padding: 15px;
+  cursor: pointer;
 }
-.list-con.active{
-    background: url("../images/list_bgd.png") no-repeat center/100% 100%;
+.list-con.active {
+  background: url("../images/list_bgd.png") no-repeat center/100% 100%;
 }
-.list-top{
-    display: flex;
-    align-items: center;
+.list-top {
+  display: flex;
+  align-items: center;
 }
-.list-img{
-    height: 70px;
-    width: 70px;
-    text-align: center;
-    line-height: 70px;
-    background: url("../images/list_img_icon.png") no-repeat bottom/100% 45px;
+.list-img {
+  height: 70px;
+  width: 70px;
+  text-align: center;
+  line-height: 70px;
+  background: url("../images/list_img_icon.png") no-repeat bottom/100% 45px;
 }
-.list-img img{
-    animation: listImg 3s infinite;
-    -webkit-animation: listImg 3s infinite;
+.list-img img {
+  animation: listImg 3s infinite;
+  -webkit-animation: listImg 3s infinite;
 }
 @keyframes listImg {
-    0% {
-        transform: translate(0px, 0px);
-    }
-    50% {
-        transform: translate(0px, 15px); /* 可配置跳动方向 */
-    }
-    100% {
-        transform: translate(0px, 0px);
-    }
+  0% {
+    transform: translate(0px, 0px);
+  }
+  50% {
+    transform: translate(0px, 15px); /* 可配置跳动方向 */
+  }
+  100% {
+    transform: translate(0px, 0px);
+  }
 }
-.list-info{
-    padding-left: 15px;
+.list-info {
+  padding-left: 15px;
 }
-.list-info-name{
-    padding: 7px 0 ;
-    font-size: 16px;
+.list-info-name {
+  padding: 7px 0;
+  font-size: 16px;
 }
-.list-info-name span{
-    color: #8accff;
+.list-info-name span {
+  color: #8accff;
 }
-.list-info-name .list-info-state{
-    color: #f3ba4f;
+.list-info-name .list-info-state {
+  color: #f3ba4f;
 }
-.list-info-name .list-info-state.active{
-    color: #61f1be;
+.list-info-name .list-info-state.active {
+  color: #61f1be;
 }
-.list-bottom{
-    padding: 10px 0;
-    color: #a5d3eb;
+.list-bottom {
+  padding: 10px 0;
+  color: #a5d3eb;
 }
-.list-details{
-    padding: 8px 0;
+.list-details {
+  padding: 8px 0;
 }
-.list-time{
-    color: #429fff;
+.list-time {
+  color: #429fff;
 }
 
-.sf-big-title{
-    padding: 15px 20px;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
+.sf-big-title {
+  padding: 15px 20px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
 }
 
-.monitor-max{
-    height: 240px;
-    position: relative;
+.monitor-max {
+  height: 240px;
+  position: relative;
 }
-.sf-speed-data-chart{
-    width: 50px;
-    height: 250px;
-    margin: auto;
+.sf-speed-data-chart {
+  width: 50px;
+  height: 250px;
+  margin: auto;
 }
-.sf-speed-data-chart div{
-    width: 100%;
-    height: 10px;
-    margin-top: 14px;
-    background: #0b204f;
-    border-radius: 2px;
+.sf-speed-data-chart div {
+  width: 100%;
+  height: 10px;
+  margin-top: 14px;
+  background: #0b204f;
+  border-radius: 2px;
 }
-.sf-speed-data-chart .activation{
-    background: #2e8cfe;
+.sf-speed-data-chart .activation {
+  background: #2e8cfe;
 }
-.sf-speed-data-chart .warning{
-    background: #fead38;
+.sf-speed-data-chart .warning {
+  background: #fead38;
 }
-.sf-speed-data-chart .police{
-    background: #ff4e4e;
+.sf-speed-data-chart .police {
+  background: #ff4e4e;
 }
-.monitor-left{
-    position: absolute;
-    height: 240px;
-    width:70px;
-    top: -5px;
-    left: 5px;
-    color: #a1d4e7;
+.monitor-left {
+  position: absolute;
+  height: 240px;
+  width: 70px;
+  top: -5px;
+  left: 5px;
+  color: #a1d4e7;
 }
-.monitor-right{
-    position: absolute;
-    height: 250px;
-    top: -10px;
-    left: 140px;
-
+.monitor-right {
+  position: absolute;
+  height: 250px;
+  top: -10px;
+  left: 140px;
 }
-.monitor-police{
-    position: absolute;
-    top: 0;
-    width: 70px;
-    text-align: right;
-    font-size: 13px;
+.monitor-police {
+  position: absolute;
+  top: 0;
+  width: 70px;
+  text-align: right;
+  font-size: 13px;
 }
-.monitor-warning{
-    position: absolute;
-    top: 50px;
-    width: 70px;
-    text-align: right;
-    font-size: 13px;
+.monitor-warning {
+  position: absolute;
+  top: 50px;
+  width: 70px;
+  text-align: right;
+  font-size: 13px;
 }
-.monitor-zero{
-    position: absolute;
-    bottom: 0;
-    width: 70px;
-    text-align: right;
+.monitor-zero {
+  position: absolute;
+  bottom: 0;
+  width: 70px;
+  text-align: right;
 }
-.monitor-data{
-    color: #88c9ff;
-    width: 70px;
-    position: absolute;
-    top: 100px;
-    text-align: center;
+.monitor-data {
+  color: #88c9ff;
+  width: 70px;
+  position: absolute;
+  top: 100px;
+  text-align: center;
 }
-.warning-data{
-    color: #fead38;
+.warning-data {
+  color: #fead38;
 }
-.police-data{
-    color: #ff4e4e !important;
+.police-data {
+  color: #ff4e4e !important;
 }
 
-.monitor-data span{
-    font-weight: bold;
-    font-size: 18px;
+.monitor-data span {
+  font-weight: bold;
+  font-size: 18px;
 }
 
-.safe-height{
-    height:660px;
+.safe-height {
+  height: 660px;
 }
-.safe-small{
-    height: 120px;
+.safe-small {
+  height: 120px;
 }
-.safe-small-title{
-    background: url("../images/small_title.png") no-repeat center/100% 100%;
-    padding: 5px 0 5px 20px;
+.safe-small-title {
+  background: url("../images/small_title.png") no-repeat center/100% 100%;
+  padding: 5px 0 5px 20px;
 }
-.safe-small-content{
-    display: flex;
-    align-items: center;
-    justify-content:space-around;
+.safe-small-content {
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
 }
-.safe-small-details{
-    padding: 10px;
-    font-size: 16px;
+.safe-small-details {
+  padding: 10px;
+  font-size: 16px;
 }
-.safe-small-details p{
-    color: #429fff;
-    padding: 10px 0 15px;
+.safe-small-details p {
+  color: #429fff;
+  padding: 10px 0 15px;
 }
-.safe-small-details span{
-    color: #8bcdff;
-    font-size: 20px;
-    font-weight: bold;
+.safe-small-details span {
+  color: #8bcdff;
+  font-size: 20px;
+  font-weight: bold;
 }
-.safe-afoot-content{
-    padding:30px 20px;
+.safe-afoot-content {
+  padding: 30px 20px;
 }
-.safe-afoot-overflow{
-    height: 200px;
+.safe-afoot-overflow {
+  height: 200px;
 }
-.safe-afoot-machinery-nam{
-    padding:15px 0 20px;
+.safe-afoot-machinery-nam {
+  padding: 15px 0 20px;
 }
 /*力矩曲线*/
-.safe-moment{
-    padding: 15px 0;
+.safe-moment {
+  padding: 15px 0;
 }
 
-
-.safe-tower-crane-max{
-    padding: 10px;
+.safe-tower-crane-max {
+  padding: 10px;
 }
-.safe-tower-crane-min{
-
+.safe-tower-crane-min {
 }
-.safe-tower-left{
-    height: 500px;
-    cursor: pointer;
-    background:url("../images/safe_tower_left.png") no-repeat center/100% 70%;
+.safe-tower-left {
+  height: 500px;
+  cursor: pointer;
+  background: url("../images/safe_tower_left.png") no-repeat center/100% 70%;
 }
-.safe-tower-left:hover{
-    background:url("../images/safe_tower_left_a.png") no-repeat center/100% 80%;
+.safe-tower-left:hover {
+  background: url("../images/safe_tower_left_a.png") no-repeat center/100% 80%;
 }
-.safe-tower-left:active{
-    background:url("../images/safe_tower_left_a.png") no-repeat center/100% 75%;
+.safe-tower-left:active {
+  background: url("../images/safe_tower_left_a.png") no-repeat center/100% 75%;
 }
-.safe-tower-right{
-    height: 500px;
-    cursor: pointer;
-    background:url("../images/safe_tower_right.png") no-repeat center/100% 70%;
+.safe-tower-right {
+  height: 500px;
+  cursor: pointer;
+  background: url("../images/safe_tower_right.png") no-repeat center/100% 70%;
 }
-.safe-tower-right:hover{
-    background:url("../images/safe_tower_right_a.png") no-repeat center/100% 80%;
+.safe-tower-right:hover {
+  background: url("../images/safe_tower_right_a.png") no-repeat center/100% 80%;
 }
-.safe-tower-right:active{
-    background:url("../images/safe_tower_right_a.png") no-repeat center/100% 75%;
+.safe-tower-right:active {
+  background: url("../images/safe_tower_right_a.png") no-repeat center/100% 75%;
 }
-.safe-tower-content-max{
-    position: relative;
-    width: 770px;
-    height: 500px;
-    margin: auto;
-    overflow: hidden;
+.safe-tower-content-max {
+  position: relative;
+  width: 770px;
+  height: 500px;
+  margin: auto;
+  overflow: hidden;
 }
-.safe-tower-content{
-    position: absolute;
-    width: 100%;
-    transition: left 0.5s
+.safe-tower-content {
+  position: absolute;
+  width: 100%;
+  transition: left 0.5s;
 }
-.safe-tower-content-title{
-    text-align: center;
-    padding-top: 20px;
+.safe-tower-content-title {
+  text-align: center;
+  padding-top: 20px;
 }
-.safe-tower-content-title span{
-    padding: 10px 35px;
-    font-size: 16px;
-    background: url("../images/safe_tower_name_bgd.png") no-repeat center/100% 100%;
+.safe-tower-content-title span {
+  padding: 10px 35px;
+  font-size: 16px;
+  background: url("../images/safe_tower_name_bgd.png") no-repeat center/100% 100%;
 }
-.safe-tower-content-data{
-    padding: 60px 0;
+.safe-tower-content-data {
+  padding: 60px 0;
 }
-.safe-tower-content-data-list{
-    color: #b9cbe3;
-    font-size: 16px;
-    padding: 17px 5px;
+.safe-tower-content-data-list {
+  color: #b9cbe3;
+  font-size: 16px;
+  padding: 17px 5px;
 }
-.safe-tower-content-data-list p{
-    padding-bottom: 15px;
+.safe-tower-content-data-list p {
+  padding-bottom: 15px;
 }
-.safe-tower-content-data-list span{
-    color: #429fff;
-    font-weight: bold;
-    font-size: 20px;
+.safe-tower-content-data-list span {
+  color: #429fff;
+  font-weight: bold;
+  font-size: 20px;
 }
-.safe-tower-content-data-list-time span{
-    font-size: 14px;
+.safe-tower-content-data-list-time span {
+  font-size: 14px;
 }
-.safe-tower-icon{
-    width: 577px;
-    position: relative;
+.safe-tower-icon {
+  width: 577px;
+  position: relative;
 }
 
-.sf-equipment-overview-bgd{
-    height: 320px;
-    width: 500px;
-    background: url("../images/tower_crane.png") no-repeat center/100% 100%;
-    position: relative;
-    margin: auto;
+.sf-equipment-overview-bgd {
+  height: 320px;
+  width: 500px;
+  background: url("../images/tower_crane.png") no-repeat center/100% 100%;
+  position: relative;
+  margin: auto;
 }
-.sf-legend{
-    position: absolute;
-    padding: 10px;
-    top: -5px;
-    right: 0;
-    display: flex;
+.sf-legend {
+  position: absolute;
+  padding: 10px;
+  top: -5px;
+  right: 0;
+  display: flex;
 }
-.sf-legend div{
-    padding:5px 10px;
+.sf-legend div {
+  padding: 5px 10px;
 }
-.sf-slider-track{
-    position: absolute;
-    z-index: 9;
+.sf-slider-track {
+  position: absolute;
+  z-index: 9;
 }
-.sf-slider-track-min{
-    position: absolute;
-    width: 16px;
+.sf-slider-track-min {
+  position: absolute;
+  width: 16px;
 }
-.sf-slider{
-    width: 16px;
-    height: 8px;
-    background:#f0b334;
-    position: absolute;
+.sf-slider {
+  width: 16px;
+  height: 8px;
+  background: #f0b334;
+  position: absolute;
 }
-.sf-towrope{
-    width: 10px;
-    height:200px;
-    border-left: 2px solid #f0b334;
-    border-right: 2px solid #f0b334;
-    margin: auto;
+.sf-towrope {
+  width: 10px;
+  height: 200px;
+  border-left: 2px solid #f0b334;
+  border-right: 2px solid #f0b334;
+  margin: auto;
 }
-.sf-hook{
-    width: 16px;
-    height: 30px;
-    background: url("../images/drag_hook.png") no-repeat center/100% 100%;
+.sf-hook {
+  width: 16px;
+  height: 30px;
+  background: url("../images/drag_hook.png") no-repeat center/100% 100%;
 }
-.circular{
-    position: absolute;
-    width: 120px;
-    height: 120px;
-    bottom: 15px;
-    right: 15px;
-    background: url("../images/circular.png") no-repeat center/100% 100%;
+.circular {
+  position: absolute;
+  width: 120px;
+  height: 120px;
+  bottom: 15px;
+  right: 15px;
+  background: url("../images/circular.png") no-repeat center/100% 100%;
 }
-.needle{
-    width: 100%;
-    height: 100%;
-    background: url("../images/needle.png") no-repeat center/100% 100%;
-    transform:rotate(0deg);
+.needle {
+  width: 100%;
+  height: 100%;
+  background: url("../images/needle.png") no-repeat center/100% 100%;
+  transform: rotate(0deg);
 }
-.dot-track{
-    width: 35px;
-    height: 12px;
-    right: 12px;
-    position: absolute;
-    top: 54px;
+.dot-track {
+  width: 35px;
+  height: 12px;
+  right: 12px;
+  position: absolute;
+  top: 54px;
 }
-.dot{
-    width: 12px;
-    height: 12px;
-    border-radius: 50%;
-    background: #f0b334;
-    position: absolute;
+.dot {
+  width: 12px;
+  height: 12px;
+  border-radius: 50%;
+  background: #f0b334;
+  position: absolute;
 }
 
-
-
 /*深基坑*/
-.sjk-info{
-    padding:20px 10px;
-    font-size: 14px;
+.sjk-info {
+  padding: 20px 10px;
+  font-size: 14px;
 }
-.company-sjk-name{
-    padding: 20px 0;
+.company-sjk-name {
+  padding: 20px 0;
 }
-.company-sjk-name img{
-    width: 40px;
-    height: 40px;
+.company-sjk-name img {
+  width: 40px;
+  height: 40px;
 }
-.company-sjk-text{
-    color: #50a2eb;
+.company-sjk-text {
+  color: #50a2eb;
 }
-.sjk-icon-max{
-    padding: 5px 0 5px;
-    position: relative;
+.sjk-icon-max {
+  padding: 5px 0 5px;
+  position: relative;
 }
-.sjk-img-min{
-    text-align: center;
-    height: 600px;
-    position: relative;
+.sjk-img-min {
+  text-align: center;
+  height: 600px;
+  position: relative;
 }
-.sjk-img img{
-
+.sjk-img img {
 }
-.sjk-icon-legend{
-    position: absolute;
-    height: 50px;
-    background: rgba(0,0,0,0.7);
-    width: 99%;
-    bottom: 0;
-    left: 0.5%;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
+.sjk-icon-legend {
+  position: absolute;
+  height: 50px;
+  background: rgba(0, 0, 0, 0.7);
+  width: 99%;
+  bottom: 0;
+  left: 0.5%;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
 }
-.sjk-icon-legend-color{
-    display: flex;
-    align-items: center;
+.sjk-icon-legend-color {
+  display: flex;
+  align-items: center;
 }
-.sjk-icon-legend-color-list{
-    display: flex;
-    align-items: center;
-    padding: 0 15px;
-    cursor: pointer;
+.sjk-icon-legend-color-list {
+  display: flex;
+  align-items: center;
+  padding: 0 15px;
+  cursor: pointer;
 }
-.sjk-icon-legend-color-list-box{
-    width: 15px;
-    height: 15px;
-    margin-right: 10px;
+.sjk-icon-legend-color-list-box {
+  width: 15px;
+  height: 15px;
+  margin-right: 10px;
 }
-.sjk-icon-legend-color-list-text{
-    font-size: 16px;
+.sjk-icon-legend-color-list-text {
+  font-size: 16px;
 }
-.box-green{
-    background: #7dc57b;
+.box-green {
+  background: #7dc57b;
 }
-.box-red{
-    background: #d44645;
+.box-red {
+  background: #d44645;
 }
-.box-orange{
-    background: #eeb532;
+.box-orange {
+  background: #eeb532;
 }
-.box-blue{
-    background: #1890ff;
+.box-blue {
+  background: #1890ff;
 }
-.box-grey{
-    background: #9da4b4;
+.box-grey {
+  background: #9da4b4;
 }
-.sjk-icon-legend-right{
-    display: flex;
-    align-items: center;
-    justify-content: right;
-    font-size: 16px;
+.sjk-icon-legend-right {
+  display: flex;
+  align-items: center;
+  justify-content: right;
+  font-size: 16px;
 }
-.sjk-icon-legend-right img{
-    width: 25px;
-    height: 25px;
-    margin-right: 5px;
+.sjk-icon-legend-right img {
+  width: 25px;
+  height: 25px;
+  margin-right: 5px;
 }
-.sjk-icon-legend-right-icon{
-    display: flex;
-    align-items: center;
-    padding:0 15px;
-    cursor: pointer;
-    color: #63c8ff;
+.sjk-icon-legend-right-icon {
+  display: flex;
+  align-items: center;
+  padding: 0 15px;
+  cursor: pointer;
+  color: #63c8ff;
 }
-.sjk-legend-filter{
-    filter: grayscale(100%);
+.sjk-legend-filter {
+  filter: grayscale(100%);
 }
-.sjk-icon-spot img{
-    position: absolute;
-    width: 30px;
-    height: 36px;
+.sjk-icon-spot img {
+  position: absolute;
+  width: 30px;
+  height: 36px;
 }
-.sjk-icon-spot img:hover{
-    width: 40px;
-    height: 48px;
-    z-index: 1;
+.sjk-icon-spot img:hover {
+  width: 40px;
+  height: 48px;
+  z-index: 1;
 }
 
 /*点位图弹窗*/
-.sjk-popup{
-    width: 400px;
-    background: url('../images/map_sjk_popup_bgd.png') no-repeat center/100% 100%;font-size: 14px;
-    position: fixed;
-    z-index: 100;
+.sjk-popup {
+  width: 400px;
+  background: url("../images/map_sjk_popup_bgd.png") no-repeat center/100% 100%;
+  font-size: 14px;
+  position: fixed;
+  z-index: 100;
 }
-.sjk-popup-content{
-    padding: 8px 3px
+.sjk-popup-content {
+  padding: 8px 3px;
 }
-.sjk-popup-title{
-    padding: 8px;
-    color: #ffffff;
-    font-size: 16px;
-    background: url('../images/map_popup_title.png') no-repeat left/100% 100%;
+.sjk-popup-title {
+  padding: 8px;
+  color: #ffffff;
+  font-size: 16px;
+  background: url("../images/map_popup_title.png") no-repeat left/100% 100%;
 }
-.sjk-popup-time{
-    padding: 10px;
-    color: #3da2ff;
+.sjk-popup-time {
+  padding: 10px;
+  color: #3da2ff;
 }
-.sjk-popup-table{
-    text-align: center;
-    padding: 0 8px;
+.sjk-popup-table {
+  text-align: center;
+  padding: 0 8px;
 }
-.sjk-popup-table table{
-    width: 100%;
+.sjk-popup-table table {
+  width: 100%;
 }
-.sjk-popup-table table th{
-    background: #193d7d;
-    padding: 5px 0;
+.sjk-popup-table table th {
+  background: #193d7d;
+  padding: 5px 0;
 }
-.sjk-popup-table table td{
-    padding: 10px 0;
-    color: #c8dbfc;
-    font-size: 16px;
+.sjk-popup-table table td {
+  padding: 10px 0;
+  color: #c8dbfc;
+  font-size: 16px;
 }
-.sjk-popup-table table td:nth-child(2){
-    color: #4fb5fd;
+.sjk-popup-table table td:nth-child(2) {
+  color: #4fb5fd;
 }
-.sjk-popup-table table td:nth-child(3){
-    color: #ff7a00 ;
+.sjk-popup-table table td:nth-child(3) {
+  color: #ff7a00;
 }
-.sjk-popup-table table td:nth-child(4){
-    color: #fb3b48;
+.sjk-popup-table table td:nth-child(4) {
+  color: #fb3b48;
 }
-.sjk-off-line{
-    height: 150px;
-    line-height: 150px;
-    text-align: center;
-    color: #999999;
+.sjk-off-line {
+  height: 150px;
+  line-height: 150px;
+  text-align: center;
+  color: #999999;
 }
 
-
-
-
-
-
-
-
 /*近15天变化趋势*/
-.sjk-chart-line{
-    position: relative;
+.sjk-chart-line {
+  position: relative;
 }
-.sjk-chart-line-title{
-    display: flex;
-    padding: 15px 20px;
+.sjk-chart-line-title {
+  display: flex;
+  padding: 15px 20px;
 }
-.sjk-chart-line-title div{
-    padding: 5px 20px;
-    cursor: pointer;
-    margin-right: 20px;
-    background: url("../images/dangerous.png") no-repeat center/100% 100%;
-    color: #5388b0;
-    font-size: 16px;
+.sjk-chart-line-title div {
+  padding: 5px 20px;
+  cursor: pointer;
+  margin-right: 20px;
+  background: url("../images/dangerous.png") no-repeat center/100% 100%;
+  color: #5388b0;
+  font-size: 16px;
 }
-.sjk-chart-line-title-tz{
-    display: flex;
-    padding: 15px 20px;
-    align-items: center;
+.sjk-chart-line-title-tz {
+  display: flex;
+  padding: 15px 20px;
+  align-items: center;
 }
-.sjk-chart-line-title-tz button{
-    padding: 5px ;
-    width: 130px;
-    cursor: pointer;
-    margin-right: 20px;
-    background: url("../images/dangerous.png") no-repeat center/100% 100%;
-    color: #5388b0;
-    font-size: 16px;
+.sjk-chart-line-title-tz button {
+  padding: 5px;
+  width: 130px;
+  cursor: pointer;
+  margin-right: 20px;
+  background: url("../images/dangerous.png") no-repeat center/100% 100%;
+  color: #5388b0;
+  font-size: 16px;
 }
-.sjk-chart-line-title-tz .active{
-    color: #ffffff;
-    background: url(../images/dangerous_active.png) no-repeat center/100% 100%;
+.sjk-chart-line-title-tz .active {
+  color: #ffffff;
+  background: url(../images/dangerous_active.png) no-repeat center/100% 100%;
 }
 
-
-.sjk-chart-line-title .active{
-    color: #ffffff;
-    background: url(../images/dangerous_active.png) no-repeat center/100% 100%;
+.sjk-chart-line-title .active {
+  color: #ffffff;
+  background: url(../images/dangerous_active.png) no-repeat center/100% 100%;
 }
-.sjk-afoot-overflow{
-    height: 325px;
+.sjk-afoot-overflow {
+  height: 325px;
 }
-.sjk-chart-line-legend{
-    width: 80%;
-    position: absolute;
-    top: 5px;
-    right: 0;
-    text-align: right;
-    z-index: 9999;
+.sjk-chart-line-legend {
+  width: 80%;
+  position: absolute;
+  top: 5px;
+  right: 0;
+  text-align: right;
+  z-index: 9999;
 }
-.sjk-chart-line-legend button{
-    padding: 5px 15px;
-    background: none;
-    cursor: pointer;
-    border: 0;
-    color: #50a1db;
-    margin: 5px;
+.sjk-chart-line-legend button {
+  padding: 5px 15px;
+  background: none;
+  cursor: pointer;
+  border: 0;
+  color: #50a1db;
+  margin: 5px;
 }
-.sjk-chart-line-legend button.active{
-    color: #ffffff;
+.sjk-chart-line-legend button.active {
+  color: #ffffff;
 }
-.sjk-chart-line-legend label{
-    padding:1px 8px;
-    border-radius: 50%;
-    margin-right: 10px;
+.sjk-chart-line-legend label {
+  padding: 1px 8px;
+  border-radius: 50%;
+  margin-right: 10px;
 }
-.trend-chart-max{
-    padding: 0 10px;
+.trend-chart-max {
+  padding: 0 10px;
 }
 
 /*环境管理*/
-.hj-afoot-overflow{
-    height: 590px;
+.hj-afoot-overflow {
+  height: 590px;
 }
-.equipment-list-max{
-    padding: 20px;
+.equipment-list-max {
+  padding: 20px;
 }
-.equipment-list-min{
-    padding: 25px 0 25px 20px;
-    display: flex;
-    align-items: center;
+.equipment-list-min {
+  padding: 25px 0 25px 20px;
+  display: flex;
+  align-items: center;
 }
-.equipment-list-gif{
-    width: 70px;
-    height: 70px;
-    background: url(../images/hj_gif.gif) no-repeat center/100% 100%;
-    text-align: center;
+.equipment-list-gif {
+  width: 70px;
+  height: 70px;
+  background: url(../images/hj_gif.gif) no-repeat center/100% 100%;
+  text-align: center;
 }
-.equipment-list-gif img{
-    width: 40px;
-    height: 40px;
-    transform: translateY(35%);
-
+.equipment-list-gif img {
+  width: 40px;
+  height: 40px;
+  transform: translateY(35%);
 }
-.equipment-list-data{
-    padding-left: 15px;
-    color: #c0dafb;
-    font-size: 16px;
+.equipment-list-data {
+  padding-left: 15px;
+  color: #c0dafb;
+  font-size: 16px;
 }
-.equipment-list-data div{
-    padding-top: 10px;
+.equipment-list-data div {
+  padding-top: 10px;
 }
-.equipment-list-data span{
-    font-size: 28px;
-    font-weight: bold;
-    padding-right: 5px;
-    color: #82c9ff;
+.equipment-list-data span {
+  font-size: 28px;
+  font-weight: bold;
+  padding-right: 5px;
+  color: #82c9ff;
 }
 
 /*环境管理  项目页面*/
-.current-value-max{
-    padding: 20px;
+.current-value-max {
+  padding: 20px;
 }
-.current-value-min{
-    padding: 20px;
+.current-value-min {
+  padding: 20px;
 }
-.current-value-con{
-    padding: 30px 40px;
-    background: url("../images/current_value_bgd.png") no-repeat center/100% 100%;
-    display: flex;
-    align-items: center;
+.current-value-con {
+  padding: 30px 40px;
+  background: url("../images/current_value_bgd.png") no-repeat center/100% 100%;
+  display: flex;
+  align-items: center;
 }
-.current-value-img{
-    height: 90px;
-    width: 90px;
-    background: url("../images/education_bgd.png") no-repeat center/100% 100%;
-    text-align: center;
+.current-value-img {
+  height: 90px;
+  width: 90px;
+  background: url("../images/education_bgd.png") no-repeat center/100% 100%;
+  text-align: center;
 }
-.current-value-img img{
-    width: 50px;
-    height: 50px;
-    -webkit-animation: icon 3s infinite;
+.current-value-img img {
+  width: 50px;
+  height: 50px;
+  -webkit-animation: icon 3s infinite;
 }
-.current-value-img-small img{
-    width: 35px;
-    height: 35px;
+.current-value-img-small img {
+  width: 35px;
+  height: 35px;
 }
-.current-value-data{
-    color: #c0dafb;
-    font-size: 18px;
-    padding-left: 40px;
+.current-value-data {
+  color: #c0dafb;
+  font-size: 18px;
+  padding-left: 40px;
 }
-.current-value-data p{
-    padding-top: 15px;
-    font-size: 28px;
-    font-weight: bold;
-    color: #ffffff;
+.current-value-data p {
+  padding-top: 15px;
+  font-size: 28px;
+  font-weight: bold;
+  color: #ffffff;
 }
-.hj-moment-max{
-    padding: 15px;
+.hj-moment-max {
+  padding: 15px;
 }
-.hj-moment-max table{
-    height: 310px;
+.hj-moment-max table {
+  height: 310px;
 }
-.hj-moment-max td{
-    padding: 0 5px;
-    font-size: 16px;
-    color: #aaaaaa;
+.hj-moment-max td {
+  padding: 0 5px;
+  font-size: 16px;
+  color: #aaaaaa;
 }
-.hj-moment-max td:first-child{
-    width: 24%;
-    text-align: right;
-    color: #c0dafb;
+.hj-moment-max td:first-child {
+  width: 24%;
+  text-align: right;
+  color: #c0dafb;
 }
-.hj-moment-choice{
-    display: flex;
-    align-items: center;
+.hj-moment-choice {
+  display: flex;
+  align-items: center;
 }
-.hj-moment-select{
-    width: 70%;
+.hj-moment-select {
+  width: 70%;
 }
-.hj-moment-state{
-    padding: 0 10px;
+.hj-moment-state {
+  padding: 0 10px;
 }
-.state-tag{
-    height: 33px;
-    width: 60px;
-    line-height: 33px;
-    text-align: center;
+.state-tag {
+  height: 33px;
+  width: 60px;
+  line-height: 33px;
+  text-align: center;
 }
-.state-zx{
-    color: #3eb11e;
-    background: url("../images/state_bgd.png") no-repeat center/100% 100%;
+.state-zx {
+  color: #3eb11e;
+  background: url("../images/state_bgd.png") no-repeat center/100% 100%;
 }
-.state-lx{
-    color: #eeb532;
-    background: url("../images/state_lx_bgd.png") no-repeat center/100% 100%;
+.state-lx {
+  color: #eeb532;
+  background: url("../images/state_lx_bgd.png") no-repeat center/100% 100%;
 }
 
-.hj-moment-blue{
-    color: #559adf;
+.hj-moment-blue {
+  color: #559adf;
 }
-.hj-moment-green{
-    color: #41b026;
+.hj-moment-green {
+  color: #41b026;
 }
-.hj-moment-orange{
-    color: #eeb532;
+.hj-moment-orange {
+  color: #eeb532;
 }
 
-
-
-
-.select-max{
-    position: relative;
+.select-max {
+  position: relative;
 }
-.select-input{
-    height: 35px;
-    padding-left: 10px;
-    padding-right: 25px;
-    background: url("../images/select_bgd.png") no-repeat center/100% 100%;
+.select-input {
+  height: 35px;
+  padding-left: 10px;
+  padding-right: 25px;
+  background: url("../images/select_bgd.png") no-repeat center/100% 100%;
 }
-.select-input-two{
-    height: 35px;
-    padding-left: 10px;
-    padding-right: 25px;
-    width: 100%;
-    background: url("../images/select_bgd.png") no-repeat center/100% 100%;
+.select-input-two {
+  height: 35px;
+  padding-left: 10px;
+  padding-right: 25px;
+  width: 100%;
+  background: url("../images/select_bgd.png") no-repeat center/100% 100%;
 }
-.select-input input{
-    width: 100%;
-    height: 35px;
-    background: 0;
-    border: 0;
-    outline: 0;
-    color: #1ce7ff;
-    cursor: pointer;
-    overflow: hidden;
-    white-space:nowrap;
-    text-overflow:ellipsis;
-    font-size: 16px;
+.select-input input {
+  width: 100%;
+  height: 35px;
+  background: 0;
+  border: 0;
+  outline: 0;
+  color: #1ce7ff;
+  cursor: pointer;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  font-size: 16px;
 }
 
-.select-input-two input{
-    width: 100%;
-    height: 35px;
-    background: 0;
-    border: 0;
-    outline: 0;
-    color: #1ce7ff;
-    cursor: pointer;
-    overflow: hidden;
-    white-space:nowrap;
-    text-overflow:ellipsis;
-    font-size: 16px;
+.select-input-two input {
+  width: 100%;
+  height: 35px;
+  background: 0;
+  border: 0;
+  outline: 0;
+  color: #1ce7ff;
+  cursor: pointer;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  font-size: 16px;
 }
 
-.select-input input::-webkit-input-placeholder{
-    color: #6ca5b1;
+.select-input input::-webkit-input-placeholder {
+  color: #6ca5b1;
 }
-.select-input-two input::-webkit-input-placeholder{
-    color: #6ca5b1;
+.select-input-two input::-webkit-input-placeholder {
+  color: #6ca5b1;
 }
-.select-option{
-    list-style: none;
-    position: absolute;
+.select-option {
+  list-style: none;
+  position: absolute;
 }
-.select-option{
-    list-style: none;
-    width: 100%;
-    position: absolute;
-    max-height: 250px;
-    border: 1px solid #05556b;
-    background: #00092a;
-    overflow: auto;
-    color: #02a6ff;
-    border-radius: 3px;
-    z-index: 9999;
+.select-option {
+  list-style: none;
+  width: 100%;
+  position: absolute;
+  max-height: 250px;
+  border: 1px solid #05556b;
+  background: #00092a;
+  overflow: auto;
+  color: #02a6ff;
+  border-radius: 3px;
+  z-index: 9999;
 }
 .select-option::-webkit-scrollbar {
-    width: 10px;
-    height: 1px;
+  width: 10px;
+  height: 1px;
 }
 .select-option::-webkit-scrollbar-thumb {
-    border-radius: 10px;
-    background: #192c64;
+  border-radius: 10px;
+  background: #192c64;
 }
 .select-option::-webkit-scrollbar-track {
-    border-radius: 10px;
-    background: #010b2d;
+  border-radius: 10px;
+  background: #010b2d;
 }
-.select-option li{
-    padding:12px 10px;
-    cursor: pointer;
+.select-option li {
+  padding: 12px 10px;
+  cursor: pointer;
 }
-.select-option li:hover{
-    background: #031348;
-    color: #1ce7ff;
+.select-option li:hover {
+  background: #031348;
+  color: #1ce7ff;
 }
 
-.el-carousel__indicators--horizontal{
-    top: 0;
+.el-carousel__indicators--horizontal {
+  top: 0;
 }
-.el-carousel__button{
-    width: 15px;
+.el-carousel__button {
+  width: 15px;
 }
 
 /*视频管理*/
-.video-list-max{
-    padding: 10px;
+.video-list-max {
+  padding: 10px;
 }
-.video-list-min{
-    height: 920px;
-    overflow: auto;
-    padding-right: 5px;
+.video-list-min {
+  height: 920px;
+  overflow: auto;
+  padding-right: 5px;
 }
 .video-list-min::-webkit-scrollbar {
-    width: 5px;
-    height: 1px;
+  width: 5px;
+  height: 1px;
 }
 .video-list-min::-webkit-scrollbar-thumb {
-    border-radius: 10px;
-    background: #192c64;
+  border-radius: 10px;
+  background: #192c64;
 }
 .video-list-min::-webkit-scrollbar-track {
-    border-radius: 10px;
-    background: #010b2d;
+  border-radius: 10px;
+  background: #010b2d;
 }
-.video-list-for{
-    padding: 5px 0;
+.video-list-for {
+  padding: 5px 0;
 }
-.video-list-title{
-    height: 40px;
-    background: url("../images/video_list_title.png") no-repeat center/100% 100%;
-    line-height: 40px;
-    padding:0 10px;
-    overflow: hidden;
-    white-space:nowrap;
-    text-overflow:ellipsis;
-    cursor: pointer;
+.video-list-title {
+  height: 40px;
+  background: url("../images/video_list_title.png") no-repeat center/100% 100%;
+  line-height: 40px;
+  padding: 0 10px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  cursor: pointer;
 }
-.video-list-ul{
-    list-style: none;
-    padding: 5px 0;
+.video-list-ul {
+  list-style: none;
+  padding: 5px 0;
 }
-.video-list-ul li{
-    padding: 10px 0;
-    overflow: hidden;
-    white-space:nowrap;
-    text-overflow:ellipsis;
-    position: relative;
-    cursor: pointer;
-    color: #c0dafb;
+.video-list-ul li {
+  padding: 10px 0;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  position: relative;
+  cursor: pointer;
+  color: #c0dafb;
 }
-.video-list-ul .active{
-    color:  #3da2ff;
+.video-list-ul .active {
+  color: #3da2ff;
 }
-.video-list-ul li:hover{
-    color: #67afee ;
+.video-list-ul li:hover {
+  color: #67afee;
 }
-.video-list-ul .active:hover{
-    color:  #3da2ff;
+.video-list-ul .active:hover {
+  color: #3da2ff;
 }
-.video-list-ul li button{
-    padding: 3px;
-    position: relative;
-    top: -5px;
+.video-list-ul li button {
+  padding: 3px;
+  position: relative;
+  top: -5px;
 }
-.video-state-zx{
-    background: #119f1b;
+.video-state-zx {
+  background: #119f1b;
 }
-.video-state-lx{
-    background: #e70b0b;
+.video-state-lx {
+  background: #e70b0b;
 }
-.video-enlarge-max{
-    padding: 15px;
+.video-enlarge-max {
+  padding: 15px;
 }
-.video-enlarge-title{
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    height: 30px;
-    padding:0 10px 0 20px;
-    line-height: 30px;
-    background: url("../images/video_title.png") no-repeat left/180px 22px;
+.video-enlarge-title {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 30px;
+  padding: 0 10px 0 20px;
+  line-height: 30px;
+  background: url("../images/video_title.png") no-repeat left/180px 22px;
 }
-.video-enlarge-content{
-    margin-top: 15px;
-    background: rgba(0,0,0,0.5);
-    height: 905;
-    z-index: 999999;
+.video-enlarge-content {
+  margin-top: 15px;
+  background: rgba(0, 0, 0, 0.5);
+  height: 905;
+  z-index: 999999;
 }
-.video-enlarge-content video{
-    width: 100%;
-    height: 890px;
+.video-enlarge-content video {
+  width: 100%;
+  height: 890px;
 }
-.video-enlarge-content img{
-    width: 100%;
-    height: 890px;
+.video-enlarge-content img {
+  width: 100%;
+  height: 890px;
 }
-.video-enlarge-title-right{
-    display: flex;
-    align-items: center;
+.video-enlarge-title-right {
+  display: flex;
+  align-items: center;
 }
-.video-enlarge-title-right{
-    display: flex;
-    justify-content: right;
-    align-items: center;
+.video-enlarge-title-right {
+  display: flex;
+  justify-content: right;
+  align-items: center;
 }
-.video-enlarge-title-right div{
-    padding: 2px 15px;
-    background: url("../images/dangerous.png") no-repeat center/100% 100%;
-    margin-left: 15px;
-    cursor: pointer;
-    color: #5388b0;
+.video-enlarge-title-right div {
+  padding: 2px 15px;
+  background: url("../images/dangerous.png") no-repeat center/100% 100%;
+  margin-left: 15px;
+  cursor: pointer;
+  color: #5388b0;
 }
-.video-enlarge-title-right .active{
-    color: #ffffff;
-    background: url("../images/dangerous_active.png") no-repeat center/100% 100%;
+.video-enlarge-title-right .active {
+  color: #ffffff;
+  background: url("../images/dangerous_active.png") no-repeat center/100% 100%;
 }
-.video-vehicle-table{
-    padding: 15px 0;
+.video-vehicle-table {
+  padding: 15px 0;
 }
 .video-vehicle-table .el-table__body-wrapper::-webkit-scrollbar {
-    width: 0px;
-    height: 0px;
+  width: 0px;
+  height: 0px;
 }
-.video-vehicle-table .el-table .cell{
-    padding: 0 5px;
+.video-vehicle-table .el-table .cell {
+  padding: 0 5px;
 }
-.video-vehicle-table .el-table{
-    background: none;
+.video-vehicle-table .el-table {
+  background: none;
 }
-.video-vehicle-table .el-table th, .el-table tr{
-    background: none;
+.video-vehicle-table .el-table th,
+.el-table tr {
+  background: none;
 }
-.video-vehicle-table .el-table th{
-    color: #67baff;
-    padding:10px 25px ;
+.video-vehicle-table .el-table th {
+  color: #67baff;
+  padding: 10px 25px;
 }
-.video-vehicle-table .el-table td{
-    padding:10px 15px;
-    color:  #a2c8f9;
+.video-vehicle-table .el-table td {
+  padding: 10px 15px;
+  color: #a2c8f9;
 }
-.video-vehicle-table .el-table td, .el-table th.is-leaf{
-    border: 0;
+.video-vehicle-table .el-table td,
+.el-table th.is-leaf {
+  border: 0;
 }
-.video-vehicle-table .el-table--enable-row-hover .el-table__body tr:hover>td{
-    background: none !important;
+.video-vehicle-table .el-table--enable-row-hover .el-table__body tr:hover > td {
+  background: none !important;
 }
-.video-vehicle-table .el-table::before{
-    background: none;
+.video-vehicle-table .el-table::before {
+  background: none;
 }
 
-.vehicle-number{
-    padding: 8px 15px;
-    background: url("../images/dangerous.png") no-repeat center/100% 100%;
-    width: 90%;
-    margin: auto;
+.vehicle-number {
+  padding: 8px 15px;
+  background: url("../images/dangerous.png") no-repeat center/100% 100%;
+  width: 90%;
+  margin: auto;
 }
-.vehicle-jin-img-max{
-    padding: 10px;
+.vehicle-jin-img-max {
+  padding: 10px;
 }
-.vehicle-jin-img-bgd{
-    width: 180px;
-    height: 180px;
-    background: #062247 url("../images/no_picture.png") no-repeat center/80px 80px;
-    border-radius: 5px;
+.vehicle-jin-img-bgd {
+  width: 180px;
+  height: 180px;
+  background: #062247 url("../images/no_picture.png") no-repeat center/80px 80px;
+  border-radius: 5px;
 }
-.vehicle-jin-img-bgd img{
-    width: 100%;
-    height: 100%;
+.vehicle-jin-img-bgd img {
+  width: 100%;
+  height: 100%;
 }
-.vehicle-time{
-    height: 40px;
-    text-align: center;
-    line-height: 40px;
+.vehicle-time {
+  height: 40px;
+  text-align: center;
+  line-height: 40px;
 }
-.video-vehicle-census{
-    height: 60px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
+.video-vehicle-census {
+  height: 60px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
-.video-vehicle-census div{
-    padding: 0 20px;
-    color: #c0dafb;
+.video-vehicle-census div {
+  padding: 0 20px;
+  color: #c0dafb;
 }
-.video-vehicle-census div span{
-    font-size: 25px;
-    color: #67baff;
-    padding: 0 10px;
+.video-vehicle-census div span {
+  font-size: 25px;
+  color: #67baff;
+  padding: 0 10px;
 }
 
 /*劳务用工人员定位*/
-.baidu-map{
-    width: 1920px;
-    height: 1080px;
-    background: #3da2ff;
-    position: fixed;
+.baidu-map {
+  width: 1920px;
+  height: 1080px;
+  background: #3da2ff;
+  position: fixed;
 }
-.people-head{
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 1920px;
-    z-index: 111;
+.people-head {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 1920px;
+  z-index: 111;
 }
-.people-left{
-    position: absolute;
-    top: 90px;
-    left: 20px;
-    width: 400px;
-    background: rgba(0,0,0,0.5);
-    z-index: 10;
-    padding: 10px;
-
+.people-left {
+  position: absolute;
+  top: 90px;
+  left: 20px;
+  width: 400px;
+  background: rgba(0, 0, 0, 0.5);
+  z-index: 10;
+  padding: 10px;
 }
-.people-right{
-    position: absolute;
-    top: 90px;
-    right: 20px;
-    width: 400px;
-    background: rgba(0,0,0,0.5);
-    z-index: 10;
-    padding: 10px;
+.people-right {
+  position: absolute;
+  top: 90px;
+  right: 20px;
+  width: 400px;
+  background: rgba(0, 0, 0, 0.5);
+  z-index: 10;
+  padding: 10px;
 }
-.people-search{
-    padding: 0 15px;
-    height: 45px;
-    background: url("../images/input_search.png") no-repeat center/100% 100%;
+.people-search {
+  padding: 0 15px;
+  height: 45px;
+  background: url("../images/input_search.png") no-repeat center/100% 100%;
 }
-.people-search input{
-    border: 0;
-    outline: 0;
-    background: url("../images/search.png") no-repeat right/20px 20px;
-    width: 100%;
-    height: 100%;
-    color: #3da2ff;
-    font-size: 16px;
+.people-search input {
+  border: 0;
+  outline: 0;
+  background: url("../images/search.png") no-repeat right/20px 20px;
+  width: 100%;
+  height: 100%;
+  color: #3da2ff;
+  font-size: 16px;
 }
-.people-search input::-webkit-input-placeholder{
-    color: #446079;
+.people-search input::-webkit-input-placeholder {
+  color: #446079;
 }
-.people-list-min{
-    height: 660px;
+.people-list-min {
+  height: 660px;
 }
-.people-list-con{
-    cursor: pointer;
-    padding: 15px 5px;
+.people-list-con {
+  cursor: pointer;
+  padding: 15px 5px;
 }
-.people-list-con.active{
-    background: url("../images/list_bgd.png") no-repeat center/100% 100%;
+.people-list-con.active {
+  background: url("../images/list_bgd.png") no-repeat center/100% 100%;
 }
-.people-list-img{
-    height: 70px;
-    width: 70px;
-    text-align: center;
-    background: url("../images/warning_renyuan.png") no-repeat bottom/100% 100%;
+.people-list-img {
+  height: 70px;
+  width: 70px;
+  text-align: center;
+  background: url("../images/warning_renyuan.png") no-repeat bottom/100% 100%;
 }
 
-.people-list-img img{
-    width: 100% ;
-    height: 100%;
+.people-list-img img {
+  width: 100%;
+  height: 100%;
 }
-.people-list-top{
-    display: flex;
-    align-items: center;
-    padding-bottom: 15px;
-    position: relative;
-    background: url("../images/Line.png") no-repeat bottom/100% 2px;
+.people-list-top {
+  display: flex;
+  align-items: center;
+  padding-bottom: 15px;
+  position: relative;
+  background: url("../images/Line.png") no-repeat bottom/100% 2px;
 }
-.people-list-state{
-    padding: 0 5px;
-    border-radius: 10px 0 10px 0;
-    background: #3eb11e;
-    font-size: 14px;
-    color: #ffffff;
-    position: absolute;
-    right: 15px;
+.people-list-state {
+  padding: 0 5px;
+  border-radius: 10px 0 10px 0;
+  background: #3eb11e;
+  font-size: 14px;
+  color: #ffffff;
+  position: absolute;
+  right: 15px;
 }
-.baidu-people-list-state{
-    right: 5px;
-    font-size: 12px;
+.baidu-people-list-state {
+  right: 5px;
+  font-size: 12px;
 }
-.people-list-state.active{
-    background: #888888;
+.people-list-state.active {
+  background: #888888;
 }
-.people-info-name{
-    padding: 7px 0 ;
-    font-size: 16px;
-    display: flex;
-    align-items: center;
+.people-info-name {
+  padding: 7px 0;
+  font-size: 16px;
+  display: flex;
+  align-items: center;
 }
-.list-info .people-info-work{
-    color: #3da2ff;
-    font-size: 14px;
+.list-info .people-info-work {
+  color: #3da2ff;
+  font-size: 14px;
 }
-.people-info-name{
-    padding: 7px 0 ;
-    font-size: 16px;
+.people-info-name {
+  padding: 7px 0;
+  font-size: 16px;
 }
-.people-info-action{
-    color: #3eb11e;
+.people-info-action {
+  color: #3eb11e;
 }
-.people-info-action.active{
-    color: #d7220b;
+.people-info-action.active {
+  color: #d7220b;
 }
-.people-battery-max{
-    display: flex;
-    align-items: center;
+.people-battery-max {
+  display: flex;
+  align-items: center;
 }
-.people-battery-bgd{
-    width: 30px;
-    height: 15px;
-    background: url("../images/battery.png") no-repeat center/100% 100%;
+.people-battery-bgd {
+  width: 30px;
+  height: 15px;
+  background: url("../images/battery.png") no-repeat center/100% 100%;
 }
-.people-battery-bgd.active{
-    background: url("../images/battery_red.png") no-repeat center/100% 100%;
+.people-battery-bgd.active {
+  background: url("../images/battery_red.png") no-repeat center/100% 100%;
 }
-.people-battery-padding{
-    width: 24px;
-    height: 11px;
-    padding: 2px 4px 2px 2px;
+.people-battery-padding {
+  width: 24px;
+  height: 11px;
+  padding: 2px 4px 2px 2px;
 }
-.people-battery{
-    background: #3eb11e;
-    height: 100%;
+.people-battery {
+  background: #3eb11e;
+  height: 100%;
 }
-.people-battery.active{
-    background: #d7220b;
+.people-battery.active {
+  background: #d7220b;
 }
-.people-battery-value{
-    padding:0 10px;
-    color: #3eb11e;
+.people-battery-value {
+  padding: 0 10px;
+  color: #3eb11e;
 }
-.people-battery-value.active{
-    color:#d7220b;
+.people-battery-value.active {
+  color: #d7220b;
 }
-.people-info-address{
-    color: #429fff;
-    background: url("../images/address_dw.png") no-repeat left/14px 16px;
-    padding-left: 18px;
+.people-info-address {
+  color: #429fff;
+  background: url("../images/address_dw.png") no-repeat left/14px 16px;
+  padding-left: 18px;
 }
 
-.people-company-btn{
-    position: absolute;
-    top: 100px;
-    left: 470px;
-    background: url("../images/return_btn_bgd.png") no-repeat center/100% 100%;
-    width: 120px;
-    height: 35px;
-    text-align: center;
-    line-height: 35px;
-    color: #5677a2;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    cursor: pointer;
-    z-index: 99;
+.people-company-btn {
+  position: absolute;
+  top: 100px;
+  left: 470px;
+  background: url("../images/return_btn_bgd.png") no-repeat center/100% 100%;
+  width: 120px;
+  height: 35px;
+  text-align: center;
+  line-height: 35px;
+  color: #5677a2;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  z-index: 99;
 }
-.people-company-btn:hover{
-    color: #cbdaff;
-    background: url("../images/dangerous_active.png") no-repeat center/100% 100%;
+.people-company-btn:hover {
+  color: #cbdaff;
+  background: url("../images/dangerous_active.png") no-repeat center/100% 100%;
 }
-.people-company-btn:active{
-    color: #5677a2;
+.people-company-btn:active {
+  color: #5677a2;
 }
-.people-company-btn span{
-    padding-left: 5px;
+.people-company-btn span {
+  padding-left: 5px;
 }
 
-
 /*人员定位弹窗*/
-.popup-people-max{
-    width: 280px;
-    height: 300px;
-    background: url('../images/map_popup_bgd.png') no-repeat center/100% 100%;
-    font-size: 14px;
+.popup-people-max {
+  width: 280px;
+  height: 300px;
+  background: url("../images/map_popup_bgd.png") no-repeat center/100% 100%;
+  font-size: 14px;
 }
-.popup-people-max.active{
-    background: url('../images/map_popup_red_bgd.png') no-repeat center/100% 100%;
+.popup-people-max.active {
+  background: url("../images/map_popup_red_bgd.png") no-repeat center/100% 100%;
 }
-.popup-people-min{
-    padding:20px 15px;
+.popup-people-min {
+  padding: 20px 15px;
 }
-.popup-list-details span{
-    color: #027ae7;
+.popup-list-details span {
+  color: #027ae7;
 }
-.popup-list-details{
-    padding: 5px 0;
-    font-size: 14px;
+.popup-list-details {
+  padding: 5px 0;
+  font-size: 14px;
 }
-.popup-people-info-address{
-    background: rgba(2,122,231,0.2);
-    padding: 10px;
-    font-size: 14px;
+.popup-people-info-address {
+  background: rgba(2, 122, 231, 0.2);
+  padding: 10px;
+  font-size: 14px;
 }
-.popup-people-info-address.active{
-    background: rgba(243, 3, 3, 0.4);
+.popup-people-info-address.active {
+  background: rgba(243, 3, 3, 0.4);
 }
-.popup-people-info-address.active .people-info-address{
-    color: #ffffff;
-    background: url("../images/address_dw_red.png") no-repeat left/14px 16px;
+.popup-people-info-address.active .people-info-address {
+  color: #ffffff;
+  background: url("../images/address_dw_red.png") no-repeat left/14px 16px;
 }
-.popup-people-info-name{
-    color: #ffffff;
+.popup-people-info-name {
+  color: #ffffff;
 }
 
-
 /*质量管理公司级*/
-.quality-target-max{
-    padding:15px 10px;
+.quality-target-max {
+  padding: 15px 10px;
 }
-.quality-target-min{
-    padding:15px 10px;
-    display: flex;
-    align-items: flex-start;
+.quality-target-min {
+  padding: 15px 10px;
+  display: flex;
+  align-items: flex-start;
 }
-.quality-target-img{
-    width: 50px;
-    height: 50px;
-    padding-top: 10px;
+.quality-target-img {
+  width: 50px;
+  height: 50px;
+  padding-top: 10px;
 }
-.quality-target-img img{
-    width: 100%;
-    height: 100%;
+.quality-target-img img {
+  width: 100%;
+  height: 100%;
 }
-.quality-target-con{
-    width: calc(100% - 65px);
-    padding-left: 15px;
+.quality-target-con {
+  width: calc(100% - 65px);
+  padding-left: 15px;
 }
-.quality-target-title{
-    padding: 3px 0;
-    color: #c0dafb;
+.quality-target-title {
+  padding: 3px 0;
+  color: #c0dafb;
 }
-.quality-target-info{
-    padding: 3px 0;
-    overflow: hidden;
-    white-space:nowrap;
-    text-overflow:ellipsis;
-    color: #50a2eb;
-    cursor: pointer;
+.quality-target-info {
+  padding: 3px 0;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  color: #50a2eb;
+  cursor: pointer;
 }
-.quality-target-info-new{
-    padding: 3px 0;
-    color: #50a2eb;
-    font-size: 14px;
-    letter-spacing: 2px;
-    /*display: -webkit-box;*/
-    /*-webkit-box-orient: vertical;*/
-    /*-webkit-line-clamp: 2;*/
-    /*overflow: hidden;*/
+.quality-target-info-new {
+  padding: 3px 0;
+  color: #50a2eb;
+  font-size: 14px;
+  letter-spacing: 2px;
+  /*display: -webkit-box;*/
+  /*-webkit-box-orient: vertical;*/
+  /*-webkit-line-clamp: 2;*/
+  /*overflow: hidden;*/
 }
-.quality-target-index{
-    padding: 0px;
+.quality-target-index {
+  padding: 0px;
 }
-.quality-target-index-min{
-    padding: 15px 0 15px 20px;
+.quality-target-index-min {
+  padding: 15px 0 15px 20px;
 }
 
-.quality-dynamic-max{
-    padding: 10px 10px 0;
+.quality-dynamic-max {
+  padding: 10px 10px 0;
 }
-.quality-dynamic-min{
-    padding: 0 5px;
-    height: 655px;
-    overflow: auto;
+.quality-dynamic-min {
+  padding: 0 5px;
+  height: 655px;
+  overflow: auto;
 }
 .quality-dynamic-min::-webkit-scrollbar {
-    width: 0px;
-    height: 1px;
+  width: 0px;
+  height: 1px;
 }
 .quality-dynamic-min::-webkit-scrollbar-thumb {
-    border-radius: 10px;
-    background: #192c64;
+  border-radius: 10px;
+  background: #192c64;
 }
 .quality-dynamic-min::-webkit-scrollbar-track {
-    border-radius: 10px;
-    background: #010b2d;
+  border-radius: 10px;
+  background: #010b2d;
 }
-.quality-dynamic-for{
-    padding: 10px;
+.quality-dynamic-for {
+  padding: 10px;
 }
-.quality-dynamic-for.active{
-    background: url("../images/zzfs_bgf.png") no-repeat center/100% 100%;
+.quality-dynamic-for.active {
+  background: url("../images/zzfs_bgf.png") no-repeat center/100% 100%;
 }
-.quality-dynamic-content{
-    display: flex;
-    align-items: center;
-}
-.quality-dynamic-img{
-    width: 90px;
-    height: 90px;
-    background: url("../images/logo_bgd.png") no-repeat center/100% 100%;
-}
-.quality-dynamic-img img{
-    width: 100%;
-    height: 100%;
-    border-radius: 3px;
-}
-.quality-dynamic-info{
-    padding-left: 20px;
-    width: calc(100% - 110px);
-}
-.quality-dynamic-top{
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 7px 0;
-}
-.quality-dynamic-item{
-    overflow: hidden;
-    white-space:nowrap;
-    text-overflow:ellipsis;
-    padding: 7px 0;
-    color: #3da2ff;
-}
-.quality-dynamic-item-span{
-    cursor: pointer;
-
+.quality-dynamic-content {
+  display: flex;
+  align-items: center;
 }
 .quality-dynamic-img {
-    cursor: pointer;
+  width: 90px;
+  height: 90px;
+  background: url("../images/logo_bgd.png") no-repeat center/100% 100%;
 }
-.quality-dynamic-img:hover{
-   border: 1px solid #5aecff
+.quality-dynamic-img img {
+  width: 100%;
+  height: 100%;
+  border-radius: 3px;
 }
-.quality-dynamic-item-span:hover{
-    color: #5aecff;
-    text-decoration: underline;
+.quality-dynamic-info {
+  padding-left: 20px;
+  width: calc(100% - 110px);
 }
-.quality-dynamic-describe{
-    margin-top: 10px;
-    height: 50px;
-    line-height: 25px;
-    overflow: hidden;
-    color: #c0dafb;
+.quality-dynamic-top {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 7px 0;
 }
-.quality-dynamic-time{
-    color: #999999;
+.quality-dynamic-item {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  padding: 7px 0;
+  color: #3da2ff;
 }
-.quality-dynamic-state{
-    border: 1px solid #44ad1f;
-    padding: 1px 10px;
-    background: rgba(68,173,31,0.3);
-    border-radius: 3px;
-    color: #44ad1f;
+.quality-dynamic-item-span {
+  cursor: pointer;
 }
-.quality-dynamic-state.active{
-    border: 1px solid #ff9000;
-    padding: 1px 10px;
-    background: rgba(255,144,0,0.3);
-    border-radius: 3px;
-    color: #ff9000;
+.quality-dynamic-img {
+  cursor: pointer;
 }
-.quality-button{
-    justify-content: right;
+.quality-dynamic-img:hover {
+  border: 1px solid #5aecff;
 }
-.quality-table{
-    padding: 0 15px;
+.quality-dynamic-item-span:hover {
+  color: #5aecff;
+  text-decoration: underline;
+}
+.quality-dynamic-describe {
+  margin-top: 10px;
+  height: 50px;
+  line-height: 25px;
+  overflow: hidden;
+  color: #c0dafb;
+}
+.quality-dynamic-time {
+  color: #999999;
+}
+.quality-dynamic-state {
+  border: 1px solid #44ad1f;
+  padding: 1px 10px;
+  background: rgba(68, 173, 31, 0.3);
+  border-radius: 3px;
+  color: #44ad1f;
+}
+.quality-dynamic-state.active {
+  border: 1px solid #ff9000;
+  padding: 1px 10px;
+  background: rgba(255, 144, 0, 0.3);
+  border-radius: 3px;
+  color: #ff9000;
+}
+.quality-button {
+  justify-content: right;
+}
+.quality-table {
+  padding: 0 15px;
 }
 .quality-table .el-table__body-wrapper::-webkit-scrollbar {
-    width: 0px;
-    height: 0px;
+  width: 0px;
+  height: 0px;
 }
-.quality-table .el-table .cell{
-    padding: 0 5px;
+.quality-table .el-table .cell {
+  padding: 0 5px;
 }
-.quality-table .el-table{
-    background: none;
+.quality-table .el-table {
+  background: none;
 }
-.quality-table .el-table th, .el-table tr{
-    background: none;
+.quality-table .el-table th,
+.el-table tr {
+  background: none;
 }
-.quality-table .el-table th{
-    height: 35px;
-    text-align: center;
-    color: #cbdaff;
-    padding: 0;
+.quality-table .el-table th {
+  height: 35px;
+  text-align: center;
+  color: #cbdaff;
+  padding: 0;
 }
-.quality-table .el-table td{
-    height: 60px;
-    text-align: center;
-    padding: 0;
-    color: #ffffff;
+.quality-table .el-table td {
+  height: 60px;
+  text-align: center;
+  padding: 0;
+  color: #ffffff;
 }
-.quality-table .el-table td, .el-table th.is-leaf{
-    border: 0;
+.quality-table .el-table td,
+.el-table th.is-leaf {
+  border: 0;
 }
-.quality-table .el-table .el-table__body-wrapper tr:hover{
-    background-color: #409eff52;
+.quality-table .el-table .el-table__body-wrapper tr:hover {
+  background-color: #409eff52;
 }
-.quality-table .el-table .el-table__row:nth-child(odd){
-    background: url("../images/long_tr_bgd.png") no-repeat center/100% 55px;
+.quality-table .el-table .el-table__row:nth-child(odd) {
+  background: url("../images/long_tr_bgd.png") no-repeat center/100% 55px;
 }
-.quality-table .el-table--enable-row-hover .el-table__body tr:hover>td{
-    background: none !important;
+.quality-table .el-table--enable-row-hover .el-table__body tr:hover > td {
+  background: none !important;
 }
-.quality-table .el-table::before{
-    background: none;
+.quality-table .el-table::before {
+  background: none;
 }
-.quality-table .el-table__footer-wrapper tbody td.el-table__cell{
-    background: none ;
-    color: #fff ;
-    font-weight: bold;
-    font-size:16px;
-    border-bottom: solid 1px rgba(60, 170, 255, 0.3);
+.quality-table .el-table__footer-wrapper tbody td.el-table__cell {
+  background: none;
+  color: #fff;
+  font-weight: bold;
+  font-size: 16px;
+  border-bottom: solid 1px rgba(60, 170, 255, 0.3);
 }
 
-
-
-.ai-video-entrance-max{
-    padding: 10px;
+.ai-video-entrance-max {
+  padding: 10px;
 }
-.ai-video-entrance{
-    text-align: center;
-    padding: 5px 0;
-    height: 33px;
-    background: url("../images/dangerous.png") no-repeat center/100% 100%;
-    line-height: 33px;
-    cursor: pointer;
-    color: #5388b0;
+.ai-video-entrance {
+  text-align: center;
+  padding: 5px 0;
+  height: 33px;
+  background: url("../images/dangerous.png") no-repeat center/100% 100%;
+  line-height: 33px;
+  cursor: pointer;
+  color: #5388b0;
 }
-.ai-video-entrance:hover{
-    background: url("../images/dangerous_active.png") no-repeat center/100% 100%;
-    color: #ffffff;
+.ai-video-entrance:hover {
+  background: url("../images/dangerous_active.png") no-repeat center/100% 100%;
+  color: #ffffff;
 }
-.popup-video video{
-    width: 100%;
-    height: 500px;
+.popup-video video {
+  width: 100%;
+  height: 500px;
 }
-.map-popup{
-    background: rgba(0,0,0,0.5);
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    padding-top: 180px;
-    z-index: 999999;
+.map-popup {
+  background: rgba(0, 0, 0, 0.5);
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  padding-top: 180px;
+  z-index: 999999;
 }
-.map-popup-content{
-    width: 50%;
-    background: #051725;
-    border: 5px solid #11294f;
-    border-radius: 10px;
-    margin: auto;
-    box-shadow: 0 0 30px #4ab4bc;
-    font-size: 16px;
+.map-popup-content {
+  width: 50%;
+  background: #051725;
+  border: 5px solid #11294f;
+  border-radius: 10px;
+  margin: auto;
+  box-shadow: 0 0 30px #4ab4bc;
+  font-size: 16px;
 }
-.map-popup-title{
-    border-bottom: 1px solid #3d7788;
-    height: 50px;
-    padding: 0 20px;
-    line-height: 50px;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
+.map-popup-title {
+  border-bottom: 1px solid #3d7788;
+  height: 50px;
+  padding: 0 20px;
+  line-height: 50px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
 }
-.map-popup-list-max{
-    padding: 15px;
+.map-popup-list-max {
+  padding: 15px;
 }
-.map-popup-list{
-    padding:5px 15px;
-    height: 480px;
-    overflow: auto;
+.map-popup-list {
+  padding: 5px 15px;
+  height: 480px;
+  overflow: auto;
 }
 .map-popup-list::-webkit-scrollbar {
-    width: 10px;
-    height: 1px;
+  width: 10px;
+  height: 1px;
 }
 .map-popup-list::-webkit-scrollbar-thumb {
-    border-radius: 10px;
-    background: #192c64;
+  border-radius: 10px;
+  background: #192c64;
 }
 .map-popup-list::-webkit-scrollbar-track {
-    border-radius: 10px;
-    background: #010b2d;
+  border-radius: 10px;
+  background: #010b2d;
 }
-.map-popup-for-title{
-    padding: 10px 15px;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    cursor: pointer;
-    color: #00eaff;
-    border-radius: 5px;
-    margin-bottom: 5px;
+.map-popup-for-title {
+  padding: 10px 15px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  cursor: pointer;
+  color: #00eaff;
+  border-radius: 5px;
+  margin-bottom: 5px;
 }
-.map-popup-for-title:hover{
-    box-shadow: 0px 0px 10px #00eaff;
+.map-popup-for-title:hover {
+  box-shadow: 0px 0px 10px #00eaff;
 }
-.map-popup-for-ul{
-    padding: 0 30px;
-    list-style: none;
+.map-popup-for-ul {
+  padding: 0 30px;
+  list-style: none;
 }
-.map-popup-for-ul li{
-    padding: 10px 20px;
-    cursor: pointer;
-    color: #00a8ff;
+.map-popup-for-ul li {
+  padding: 10px 20px;
+  cursor: pointer;
+  color: #00a8ff;
 }
 .map-popup-for-ul li:hover {
-    color: #98acff;
+  color: #98acff;
 }
-.popup-icon-close{
-    font-size: 28px;
-    color: #999999;
-    cursor: pointer;
-    width: 50px ;
-    height: 50px;
-    text-align: center;
+.popup-icon-close {
+  font-size: 28px;
+  color: #999999;
+  cursor: pointer;
+  width: 50px;
+  height: 50px;
+  text-align: center;
 }
-.popup-icon-close:hover{
-    color: #ffffff;
+.popup-icon-close:hover {
+  color: #ffffff;
 }
 
-
 /*百度地图弹窗*/
-.popup-baidu-max{
-    width: 300px;
-    background: url("../images/map_popup_bgd.png") no-repeat top/300px 100%;
+.popup-baidu-max {
+  width: 300px;
+  background: url("../images/map_popup_bgd.png") no-repeat top/300px 100%;
 }
-.popup-baidu-min{
-    padding: 0px 10px;
+.popup-baidu-min {
+  padding: 0px 10px;
 }
-.popup-baidu-con{
-
+.popup-baidu-con {
 }
-.popup-baidu-title{
-    display: flex;
-    align-items: center;
-    padding: 10px 0 5px;
-    border-bottom: 1px solid #00aaff;
+.popup-baidu-title {
+  display: flex;
+  align-items: center;
+  padding: 10px 0 5px;
+  border-bottom: 1px solid #00aaff;
 }
-.popup-baidu-machine-img{
-    width: 50px;
-    height: 50px;
+.popup-baidu-machine-img {
+  width: 50px;
+  height: 50px;
 }
-.popup-baidu-machine-img img{
-    width: 100%;
-    height: 100%;
+.popup-baidu-machine-img img {
+  width: 100%;
+  height: 100%;
 }
-.popup-baidu-machine-info{
-    width: calc(100% - 50px);
+.popup-baidu-machine-info {
+  width: calc(100% - 50px);
 }
-.popup-baidu-machine-first{
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 5px 0 5px 15px;
+.popup-baidu-machine-first {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 5px 0 5px 15px;
 }
-.popup-baidu-machine-second{
-    display: flex;
-    align-items: center;
-    padding: 5px 0 5px 15px;
-    font-size: 14px;
+.popup-baidu-machine-second {
+  display: flex;
+  align-items: center;
+  padding: 5px 0 5px 15px;
+  font-size: 14px;
 }
-.popup-baidu-machine-name{
-    color: #00aaff;
+.popup-baidu-machine-name {
+  color: #00aaff;
 }
-.popup-baidu-machine-state{
-    border-radius: 3px;
-    width: 40px;
-    text-align: center;
-    height: 20px;
-    line-height: 20px;
-    font-size: 12px;
+.popup-baidu-machine-state {
+  border-radius: 3px;
+  width: 40px;
+  text-align: center;
+  height: 20px;
+  line-height: 20px;
+  font-size: 12px;
 }
-.state-yx{
-    border: 1px solid #00c240;
-    color: #00c240;
-    background: rgba(0,194,64,0.3);
+.state-yx {
+  border: 1px solid #00c240;
+  color: #00c240;
+  background: rgba(0, 194, 64, 0.3);
 }
-.state-ds{
-    border: 1px solid #ffcd34;
-    color: #ffcd34;
-    background: rgba(255,205,52,0.3);
+.state-ds {
+  border: 1px solid #ffcd34;
+  color: #ffcd34;
+  background: rgba(255, 205, 52, 0.3);
 }
-.state-jz{
-    border: 1px solid #cccccc;
-    color: #cccccc;
-    background: rgba(153,153,153,0.3);
+.state-jz {
+  border: 1px solid #cccccc;
+  color: #cccccc;
+  background: rgba(153, 153, 153, 0.3);
 }
-.state-dk{
-    border: 1px solid #00aaff;
-    color: #00aaff;
-    background: rgba(0,170,255,0.3);
+.state-dk {
+  border: 1px solid #00aaff;
+  color: #00aaff;
+  background: rgba(0, 170, 255, 0.3);
 }
-.state-lx{
-    border: 1px solid #777777;
-    color: #777777;
-    background: rgba(153,153,153,0.3);
+.state-lx {
+  border: 1px solid #777777;
+  color: #777777;
+  background: rgba(153, 153, 153, 0.3);
 }
-.popup-baidu-machine-model{
-    color: #dddddd;
-    padding-right: 15px;
+.popup-baidu-machine-model {
+  color: #dddddd;
+  padding-right: 15px;
 }
-.popup-baidu-machine-oil{
-    background: url("../images/oil.png") no-repeat left/20px 15px;
-    padding-left: 25px;
-    color: #3eb11e;
+.popup-baidu-machine-oil {
+  background: url("../images/oil.png") no-repeat left/20px 15px;
+  padding-left: 25px;
+  color: #3eb11e;
 }
-.popup-baidu-machine-details{
-    padding: 5px 0;
-    color: #eeeeee;
-    font-size: 14px;
+.popup-baidu-machine-details {
+  padding: 5px 0;
+  color: #eeeeee;
+  font-size: 14px;
 }
-.popup-baidu-machine-details table td{
-    padding: 2px 0;
-    vertical-align: top;
+.popup-baidu-machine-details table td {
+  padding: 2px 0;
+  vertical-align: top;
 }
-.popup-baidu-machine-details table td:first-child{
-    width: 75px;
-    color: #dddddd;
+.popup-baidu-machine-details table td:first-child {
+  width: 75px;
+  color: #dddddd;
 }
-.popup-baidu-machine-address{
-    padding: 5px ;
-    background: rgba(0,170,255,0.2);
-    font-size: 14px;
-    color: #ffffff;
+.popup-baidu-machine-address {
+  padding: 5px;
+  background: rgba(0, 170, 255, 0.2);
+  font-size: 14px;
+  color: #ffffff;
 }
-.popup-baidu-machine-button{
-    display: flex;
-    padding: 15px 0;
-    align-items: center;
-    justify-content: space-evenly;
+.popup-baidu-machine-button {
+  display: flex;
+  padding: 15px 0;
+  align-items: center;
+  justify-content: space-evenly;
 }
-.popup-baidu-machine-button div{
-    color: #ffffff;
-    width: 110px;
-    text-align: center;
-    padding: 5px 0;
-    border-radius: 3px;
-    cursor: pointer;
-    font-size: 14px;
+.popup-baidu-machine-button div {
+  color: #ffffff;
+  width: 110px;
+  text-align: center;
+  padding: 5px 0;
+  border-radius: 3px;
+  cursor: pointer;
+  font-size: 14px;
 }
-.popup-baidu-machine-blue{
-    background: #00a8ff;
+.popup-baidu-machine-blue {
+  background: #00a8ff;
 }
-.popup-baidu-machine-green{
-    background: #19b140;
+.popup-baidu-machine-green {
+  background: #19b140;
 }
-.baidu-map-info{
-    padding: 10px 30px;
+.baidu-map-info {
+  padding: 10px 30px;
 }
-.baidu-map-info table td{
-    padding: 7px 10px;
-    vertical-align: top;
-    color: #16d6ff;
+.baidu-map-info table td {
+  padding: 7px 10px;
+  vertical-align: top;
+  color: #16d6ff;
 }
-.baidu-map-info table td:first-child{
-    width: 18%;
-    text-align: right;
-    color: #4ab4bc;
+.baidu-map-info table td:first-child {
+  width: 18%;
+  text-align: right;
+  color: #4ab4bc;
 }
-.baidu-map-info table td img{
-    width: 70px;
-    height: 70px;
+.baidu-map-info table td img {
+  width: 70px;
+  height: 70px;
 }
-.map-full-screen{
-    position: fixed;
-    width: 100%;
-    height: 100%;
-    top: 0;
-    left: 0;
-    background: #000000;
-    z-index: 99;
+.map-full-screen {
+  position: fixed;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background: #000000;
+  z-index: 99;
 }
-.map-full-screen-btn{
-    position: fixed;
-    z-index: 999;
-    top: 30px;
-    right: 30px;
+.map-full-screen-btn {
+  position: fixed;
+  z-index: 999;
+  top: 30px;
+  right: 30px;
 }
 /*劳务 参见单位分布*/
-.see-unit-list{
-    padding: 20px;
+.see-unit-list {
+  padding: 20px;
 }
 
-
-.aerial-view-min video{
-    width: 100%;
-    height: 510px;
-    border: 1px solid #217dca;
+.aerial-view-min video {
+  width: 100%;
+  height: 510px;
+  border: 1px solid #217dca;
 }
 
-
-
 /*机械管理场布图*/
-.jx-field-layout{
-    height: 690px;
+.jx-field-layout {
+  height: 690px;
 
-    background: url("../images/field_layout_1.png") no-repeat center/auto 100%;
+  background: url("../images/field_layout_1.png") no-repeat center/auto 100%;
 }
 
 /*tower-crane   塔机组件*/
-.tower-crane-border{
-    position: absolute;
-    border: 2px dashed #5c9029;
-    border-radius: 50%;
-    background: rgba(0,0,0,0.1);
+.tower-crane-border {
+  position: absolute;
+  border: 2px dashed #5c9029;
+  border-radius: 50%;
+  background: rgba(0, 0, 0, 0.1);
 }
-.jx-field-layout-text{
-    position: absolute;
-    z-index: 999;
-    cursor: pointer;
-    width: 60%;
-    height: 30px;
-    top:65px;
-    left:20%;
-    text-align: center;
-    z-index: 1;
+.jx-field-layout-text {
+  position: absolute;
+  z-index: 999;
+  cursor: pointer;
+  width: 60%;
+  height: 30px;
+  top: 65px;
+  left: 20%;
+  text-align: center;
+  z-index: 1;
 }
-.jx-field-layout-text:hover{
-    color: #cbdaff;
+.jx-field-layout-text:hover {
+  color: #cbdaff;
 }
-.tower-crane-sweep{
-    width: 100%;
-    height: 100%;
-    background: url("../images/needle.png") no-repeat center/100% 100%;
-    transform:rotate(0deg);
-    position: relative;
+.tower-crane-sweep {
+  width: 100%;
+  height: 100%;
+  background: url("../images/needle.png") no-repeat center/100% 100%;
+  transform: rotate(0deg);
+  position: relative;
 }
-.tower-crane-track{
-    width: 40%;
-    height: 17px;
-    top: 46%;
-    right: 3px;
-    position: absolute;
+.tower-crane-track {
+  width: 40%;
+  height: 17px;
+  top: 46%;
+  right: 3px;
+  position: absolute;
 }
-.tower-crane-dot{
-    width: 17px;
-    height: 17px;
-    border-radius: 50%;
-    background: #f0b334;
-    position: absolute;
+.tower-crane-dot {
+  width: 17px;
+  height: 17px;
+  border-radius: 50%;
+  background: #f0b334;
+  position: absolute;
 }
 
-
 /*head—btn 组件*/
-.header-btn-max{
-    position: relative;
+.header-btn-max {
+  position: relative;
 }
-.header-btn-list{
-    padding-top: 10px;
-    position: absolute;
-    top: 30px;
-    left: 0;
-    z-index: 9999;
+.header-btn-list {
+  padding-top: 10px;
+  position: absolute;
+  top: 30px;
+  left: 0;
+  z-index: 9999;
 }
-.header-btn-list-arrow{
-    height: 20px;
-    width: 105px;
-    text-align: center;
-    position: relative;
-    background: url("../images/arrow.png") no-repeat center/30px 18px;
-    z-index: 99;
+.header-btn-list-arrow {
+  height: 20px;
+  width: 105px;
+  text-align: center;
+  position: relative;
+  background: url("../images/arrow.png") no-repeat center/30px 18px;
+  z-index: 99;
 }
-.header-btn-list-arrow-active{
-    height: 20px;
-    width: 105px;
-    text-align: center;
-    position: relative;
-    background: url("/cdn/images/WEB_6F5A43456312447C9F8D75CA97EDCCE8.png") no-repeat center/30px 18px;
-    z-index: 99;
+.header-btn-list-arrow-active {
+  height: 20px;
+  width: 105px;
+  text-align: center;
+  position: relative;
+  background: url("/cdn/images/WEB_6F5A43456312447C9F8D75CA97EDCCE8.png") no-repeat center/30px 18px;
+  z-index: 99;
 }
-.header-btn-list-item{
-    top: -3px;
-    position: relative;
-    border: 2px solid #2258a2;
-    background: rgba(2, 18, 56, 0.9);
-    border-radius: 5px;
+.header-btn-list-item {
+  top: -3px;
+  position: relative;
+  border: 2px solid #2258a2;
+  background: rgba(2, 18, 56, 0.9);
+  border-radius: 5px;
 }
-.header-btn-list-item-active{
-    top: -3px;
-    position: relative;
-    border: 2px solid #df5567;
-    background: rgba(100, 20, 23);
-    border-radius: 5px;
+.header-btn-list-item-active {
+  top: -3px;
+  position: relative;
+  border: 2px solid #df5567;
+  background: rgba(100, 20, 23);
+  border-radius: 5px;
 }
-.header-btn-list-padding{
-    padding: 8px;
+.header-btn-list-padding {
+  padding: 8px;
 }
-.header-btn-list-padding button{
-    margin: 10px;
-    height: 35px;
-    background: #142c6a;
-    color: #738fb4;
-    width: 110px;
-    border: 0;
-    outline: 0;
-    cursor: pointer;
-    font-size: 15px;
+.header-btn-list-padding button {
+  margin: 10px;
+  height: 35px;
+  background: #142c6a;
+  color: #738fb4;
+  width: 110px;
+  border: 0;
+  outline: 0;
+  cursor: pointer;
+  font-size: 15px;
 }
 
-.header-btn-list-padding-red button{
-    margin: 10px;
-    height: 35px;
-    background: #910000;
-    color: #c16363;
-    width: 110px;
-    border: 0;
-    outline: 0;
-    cursor: pointer;
-    font-size: 15px;
+.header-btn-list-padding-red button {
+  margin: 10px;
+  height: 35px;
+  background: #910000;
+  color: #c16363;
+  width: 110px;
+  border: 0;
+  outline: 0;
+  cursor: pointer;
+  font-size: 15px;
 }
-.header-btn-list-padding button:hover{
-    color: #63baff;
-    background: #15388f;
+.header-btn-list-padding button:hover {
+  color: #63baff;
+  background: #15388f;
 }
-.header-btn-list-padding button.active{
-    background:url("../images/btn_nav.png") no-repeat center/100% 100%;
-    color: #ffffff;
+.header-btn-list-padding button.active {
+  background: url("../images/btn_nav.png") no-repeat center/100% 100%;
+  color: #ffffff;
 }
-.header-btn-list-padding-red button.actives{
-    background:url("/cdn/images/WEB_F27BA493E32349E4AEC08A2A521B7ED1.png") no-repeat center/100% 100%;
-    color: #ffffff;
+.header-btn-list-padding-red button.actives {
+  background: url("/cdn/images/WEB_F27BA493E32349E4AEC08A2A521B7ED1.png") no-repeat center/100% 100%;
+  color: #ffffff;
 }
 
-.video-field-layout{
-    height: 610px;
-    background: url("../images/field_layout_video.png") no-repeat center/100% auto;
-    position: relative;
+.video-field-layout {
+  height: 610px;
+  background: url("../images/field_layout_video.png") no-repeat center/100% auto;
+  position: relative;
 }
-.video-bgd-img-position{
-    position: absolute;
+.video-bgd-img-position {
+  position: absolute;
 }
-.video-bgd-div{
-    width: 30px;
-    height: 30px;
-    border-radius: 50%;
-    cursor: pointer;
-    background: #3676c0;
+.video-bgd-div {
+  width: 30px;
+  height: 30px;
+  border-radius: 50%;
+  cursor: pointer;
+  background: #3676c0;
 }
-.video-bgd-div.active{
-    background: #00f93a;
+.video-bgd-div.active {
+  background: #00f93a;
 }
-.video-bgd-div.active{
-    animation:videoDiv 2s;
-    -webkit-animation:videoDiv 2s infinite;
+.video-bgd-div.active {
+  animation: videoDiv 2s;
+  -webkit-animation: videoDiv 2s infinite;
 }
 @keyframes videoDiv {
-    0%   {opacity:0.6;}
-    25%  {opacity:0.8;}
-    50%  {opacity:1;}
-    75%  {opacity:0.8;}
-    100% {opacity:0.6;}
+  0% {
+    opacity: 0.6;
+  }
+  25% {
+    opacity: 0.8;
+  }
+  50% {
+    opacity: 1;
+  }
+  75% {
+    opacity: 0.8;
+  }
+  100% {
+    opacity: 0.6;
+  }
 }
-.video-bgd-img{
-    width: 18px;
-    height: 18px;
-    position: absolute;
-    top: 6px;
-    left: 7px;
+.video-bgd-img {
+  width: 18px;
+  height: 18px;
+  position: absolute;
+  top: 6px;
+  left: 7px;
 }
 
-
 /*质量管理-标养室监测*/
-.process-control{
-    height: 610px;
+.process-control {
+  height: 610px;
 }
-.process-control-padding{
-    padding: 40px 20px;
+.process-control-padding {
+  padding: 40px 20px;
 }
-.process-control-btn-max{
-    display: flex;
-    align-items: center;
-    padding: 10px 0;
+.process-control-btn-max {
+  display: flex;
+  align-items: center;
+  padding: 10px 0;
 }
-.process-control-btn{
-    display: flex;
-    width: 45%;
-    align-items: center;
-    cursor: pointer;
+.process-control-btn {
+  display: flex;
+  width: 45%;
+  align-items: center;
+  cursor: pointer;
 }
-.process-control-arrow{
-    width: 10%;
+.process-control-arrow {
+  width: 10%;
 }
-.process-control-arrow img{
-    width: 90%;
+.process-control-arrow img {
+  width: 90%;
 }
-.process-control-order{
-    height: 40px;
-    width: 40px;
-    text-align: center;
-    line-height: 40px;
-    color: #728fb7;
-    font-weight: bold;
-    background: url("../images/order_1.png") no-repeat center/100% 100%;
+.process-control-order {
+  height: 40px;
+  width: 40px;
+  text-align: center;
+  line-height: 40px;
+  color: #728fb7;
+  font-weight: bold;
+  background: url("../images/order_1.png") no-repeat center/100% 100%;
 }
-.process-control-name{
-    padding: 0 10px;
+.process-control-name {
+  padding: 0 10px;
 }
-.process-control-name button{
-    width: 120px;
-    background: #112347;
-    border: 1px solid #112347;
-    color: #728fb7;
-    outline: 0;
-    height: 40px;
-    cursor: pointer;
-    font-size: 16px;
+.process-control-name button {
+  width: 120px;
+  background: #112347;
+  border: 1px solid #112347;
+  color: #728fb7;
+  outline: 0;
+  height: 40px;
+  cursor: pointer;
+  font-size: 16px;
 }
-.process-control-btn.active .process-control-order{
-    background: url("../images/order_2.png") no-repeat center/100% 100%;
-    color: #00092a;
+.process-control-btn.active .process-control-order {
+  background: url("../images/order_2.png") no-repeat center/100% 100%;
+  color: #00092a;
 }
-.process-control-btn.active .process-control-name button{
-    background: url("../images/btn_nav.png") no-repeat center/100% 100%;
-    color: #ffffff;
+.process-control-btn.active .process-control-name button {
+  background: url("../images/btn_nav.png") no-repeat center/100% 100%;
+  color: #ffffff;
 }
 
-
-.process-control-name button:hover{
-    border: 1px solid #08528f;
-    color: #63baff;
+.process-control-name button:hover {
+  border: 1px solid #08528f;
+  color: #63baff;
 }
-.process-control-link{
-    height: 90px;
-    padding-left: 17px;
+.process-control-link {
+  height: 90px;
+  padding-left: 17px;
 }
-.process-control-max{
-    display: flex;
-    align-items: center;
+.process-control-max {
+  display: flex;
+  align-items: center;
 }
-.process-control-min{
-    width: 20%;
-
+.process-control-min {
+  width: 20%;
 }
-.process-control-current-value-con{
-    padding: 25px 0px 25px 50px;
-    display: flex;
-    align-items: center;
+.process-control-current-value-con {
+  padding: 25px 0px 25px 50px;
+  display: flex;
+  align-items: center;
 }
-.process-control-current-value-padding{
-    padding: 10px 0px 10px 50px;
-    display: flex;
-    align-items: center;
+.process-control-current-value-padding {
+  padding: 10px 0px 10px 50px;
+  display: flex;
+  align-items: center;
 }
-.process-control-current-value-data{
-    color: #c0dafb;
-    font-size: 18px;
-    padding-left: 20px;
+.process-control-current-value-data {
+  color: #c0dafb;
+  font-size: 18px;
+  padding-left: 20px;
 }
-.process-control-current-value-data p{
-    padding-top: 15px;
-    font-size: 23px;
-    font-weight: bold;
-    color: #62cff8;
+.process-control-current-value-data p {
+  padding-top: 15px;
+  font-size: 23px;
+  font-weight: bold;
+  color: #62cff8;
 }
-.process-control-current-value-data p span{
-    color: #c0dafb;
-    font-size: 16px;
+.process-control-current-value-data p span {
+  color: #c0dafb;
+  font-size: 16px;
 }
-.process-control-current-value-data .red-data{
-    padding: 0;
-    width: 110px;
-    height: 40px;
-    text-align: center;
-    line-height: 40px;
-    background: url("../images/yuzhi_bgd.png") no-repeat center/100% 100%;
-    color: #ff0000;
-    margin-top: 15px;
+.process-control-current-value-data .red-data {
+  padding: 0;
+  width: 110px;
+  height: 40px;
+  text-align: center;
+  line-height: 40px;
+  background: url("../images/yuzhi_bgd.png") no-repeat center/100% 100%;
+  color: #ff0000;
+  margin-top: 15px;
 }
-.process-control-current-value-data .red-data span{
-    color: #ff0000;
+.process-control-current-value-data .red-data span {
+  color: #ff0000;
 }
 
-
-
-.process-afoot-overflow{
-    height: 910px;
+.process-afoot-overflow {
+  height: 910px;
 }
-.afoot-machinery-state .hj-moment-blue{
-    font-size: 14px;
+.afoot-machinery-state .hj-moment-blue {
+  font-size: 14px;
 }
 
 /*安全管理 -- 检查演练*/
-.safety-quality-table{
-    padding:10px 15px;
+.safety-quality-table {
+  padding: 10px 15px;
 }
-.safety-hazard-source-type{
-    padding: 15px;
+.safety-hazard-source-type {
+  padding: 15px;
 }
-.safety-hazard-source-type table th{
-    background: #183753;
+.safety-hazard-source-type table th {
+  background: #183753;
 }
-.safety-hazard-source-type table td,.safety-hazard-source-type table th{
-    font-weight: 500;
-    padding:4px 5px;
-    font-size: 14px;
-    text-align: center;
+.safety-hazard-source-type table td,
+.safety-hazard-source-type table th {
+  font-weight: 500;
+  padding: 4px 5px;
+  font-size: 14px;
+  text-align: center;
 }
-.safety-hazard-source-type table  .safety-hazard-source-td{
-    color: #cadafe;
-    text-align: left;
+.safety-hazard-source-type table .safety-hazard-source-td {
+  color: #cadafe;
+  text-align: left;
 }
-.safety-hazard-source-td p{
-    padding:5px 0;
-    line-height: 20px;
+.safety-hazard-source-td p {
+  padding: 5px 0;
+  line-height: 20px;
 }
-.safety-hazard-source-td p img{
-    width: 10px;
-    height: 10px;
-    margin-right: 6px;
+.safety-hazard-source-td p img {
+  width: 10px;
+  height: 10px;
+  margin-right: 6px;
 }
-.cause-content td{
-    width: 50%;
-    vertical-align: top;
-    text-align: left !important;
-    color: #cadafe !important;
+.cause-content td {
+  width: 50%;
+  vertical-align: top;
+  text-align: left !important;
+  color: #cadafe !important;
 }
-.exercise-photos{
-    padding:20px 15px;
+.exercise-photos {
+  padding: 20px 15px;
 }
-.exercise-photos-status{
-    padding: 10px 0;
-    display: flex;
-    align-items: center;
-    justify-content: space-around;
-    color:#5ca9ef;
+.exercise-photos-status {
+  padding: 10px 0;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  color: #5ca9ef;
 }
-.exercise-photos-padding{
-    padding: 5px;
-    text-align: center;
+.exercise-photos-padding {
+  padding: 5px;
+  text-align: center;
 }
-.exercise-photos-max{
-    padding: 10px 0;
+.exercise-photos-max {
+  padding: 10px 0;
 }
-.exercise-photos-overflow{
-    overflow: auto;
+.exercise-photos-overflow {
+  overflow: auto;
 }
-.exercise-photos-overflow::-webkit-scrollbar{
-    width: 0px;
-    height: 0px;
+.exercise-photos-overflow::-webkit-scrollbar {
+  width: 0px;
+  height: 0px;
 }
 
-
-
 /*质量管理-过程验收*/
-.trends-max{
-    padding: 15px 0;
+.trends-max {
+  padding: 15px 0;
 }
-.trends-min{
-    height: 895px;
-    overflow: auto;
+.trends-min {
+  height: 895px;
+  overflow: auto;
 }
-.trends-min::-webkit-scrollbar{
-    width: 0px;
-    height: 0px;
+.trends-min::-webkit-scrollbar {
+  width: 0px;
+  height: 0px;
 }
 
-.trends-list{
-    padding: 15px;
-    border-bottom: 1px dashed #5591df;
+.trends-list {
+  padding: 15px;
+  border-bottom: 1px dashed #5591df;
 }
-.trends-min .trends-list:last-child{
-    border-bottom:none
+.trends-min .trends-list:last-child {
+  border-bottom: none;
 }
-.trends-list table td{
-    padding: 5px;
-    vertical-align: top;
-    color: #c4dbfb;
+.trends-list table td {
+  padding: 5px;
+  vertical-align: top;
+  color: #c4dbfb;
 }
-.trends-list table td:first-child{
-    width: 80px;
+.trends-list table td:first-child {
+  width: 80px;
 }
-.trends-list-position{
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
+.trends-list-position {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
 }
-.trends-list-status{
-    border: 1px solid #f69000;
-    background: #584a2d;
-    color:#f69000;
-    padding: 1px 5px;
-    font-size: 14px;
+.trends-list-status {
+  border: 1px solid #f69000;
+  background: #584a2d;
+  color: #f69000;
+  padding: 1px 5px;
+  font-size: 14px;
 }
-.trends-list-status.active{
-    border: 1px solid #43ad19;
-    background: #023f2f;
-    color:#43ad19;
+.trends-list-status.active {
+  border: 1px solid #43ad19;
+  background: #023f2f;
+  color: #43ad19;
 }
 
 /*质量管理  原材料进场*/
-.roll-img{
-    padding-top: 15px;
-    width: 420px;
-    overflow: auto;
+.roll-img {
+  padding-top: 15px;
+  width: 420px;
+  overflow: auto;
 }
-.roll-img::-webkit-scrollbar{
-    width: 0px;
-    height: 0px;
+.roll-img::-webkit-scrollbar {
+  width: 0px;
+  height: 0px;
 }
-.roll-img-list{
-    display: flex;
+.roll-img-list {
+  display: flex;
 }
-.roll-img-info{
-    width: 210px;
-    text-align: center;
+.roll-img-info {
+  width: 210px;
+  text-align: center;
 }
 
 /*标准化照片*/
-.bzh-flex{
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding:0 10px;
+.bzh-flex {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 10px;
 }
-.bzh-btn{
-    width:25px;
-    height: 200px;
-    align-items: center;
-    display: flex;
+.bzh-btn {
+  width: 25px;
+  height: 200px;
+  align-items: center;
+  display: flex;
 }
-.bzh-btn img{
-    height: 70px;
-    width: 100%;
-    cursor: pointer;
+.bzh-btn img {
+  height: 70px;
+  width: 100%;
+  cursor: pointer;
 }
-.bzh-btn img:hover{
-    background: #999999;
+.bzh-btn img:hover {
+  background: #999999;
 }
-.bzh-btn img:active{
-    background: #666666;
+.bzh-btn img:active {
+  background: #666666;
 }
-.bzh-content{
-    width: 800px;
-    display: flex;
-    align-items: center;
-    overflow: auto;
+.bzh-content {
+  width: 800px;
+  display: flex;
+  align-items: center;
+  overflow: auto;
 }
-.bzh-content::-webkit-scrollbar{
-    width: 0px;
-    height: 0px;
+.bzh-content::-webkit-scrollbar {
+  width: 0px;
+  height: 0px;
 }
-.bzh-content-img{
-    padding:20px 10px;
+.bzh-content-img {
+  padding: 20px 10px;
 }
-.bzh-photo-title{
-    padding: 40px 50px 0;
-    color: #cbdaff;
-    font-size: 18px;
-    border-top: 1px solid #2c6cac;
+.bzh-photo-title {
+  padding: 40px 50px 0;
+  color: #cbdaff;
+  font-size: 18px;
+  border-top: 1px solid #2c6cac;
 }
-.bzh-photo-title-top{
-    border: 0;
+.bzh-photo-title-top {
+  border: 0;
 }
 /*进度管理*/
 
-.pcd-img-max{
-    padding: 15px;
+.pcd-img-max {
+  padding: 15px;
 }
-.pcd-img-min{
-    height: 585px;
+.pcd-img-min {
+  height: 585px;
 }
-.quality-button-height div{
-    height: 30px;
-    padding: 0 20px;
-    line-height: 30px;
+.quality-button-height div {
+  height: 30px;
+  padding: 0 20px;
+  line-height: 30px;
 }
-.pcd-duration-survey-max{
-    padding: 0 10px;
+.pcd-duration-survey-max {
+  padding: 0 10px;
 }
-.pcd-duration-survey{
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
+.pcd-duration-survey {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
 }
-.pcd-duration-survey-left{
-    display: flex;
-    align-items: center;
+.pcd-duration-survey-left {
+  display: flex;
+  align-items: center;
 }
-.pcd-duration-survey-time{
-    font-size: 13px;
-    color: #00aaff;
+.pcd-duration-survey-time {
+  font-size: 13px;
+  color: #00aaff;
 }
 
-.pcd-problem-analysis{
-    padding: 15px;
+.pcd-problem-analysis {
+  padding: 15px;
 }
-.pcd-problem-analysis-title{
-    padding: 5px 15px;
-    background-image: linear-gradient(to right, #2c6cac , #041328, #041328);
-    -webkit-animation: Glow 1s ease infinite alternate;
-    animation: Glow 1s ease infinite alternate;
+.pcd-problem-analysis-title {
+  padding: 5px 15px;
+  background-image: linear-gradient(to right, #2c6cac, #041328, #041328);
+  -webkit-animation: Glow 1s ease infinite alternate;
+  animation: Glow 1s ease infinite alternate;
 }
-.pcd-problem-analysis-list{
-    display: flex;
-    padding: 15px 0;
-    color: #b9cbe3;
+.pcd-problem-analysis-list {
+  display: flex;
+  padding: 15px 0;
+  color: #b9cbe3;
 }
-.pcd-problem-analysis-label{
-    width: 90px;
-    color: #adb5c3;
+.pcd-problem-analysis-label {
+  width: 90px;
+  color: #adb5c3;
 }
-.pcd-problem-analysis-text{
-    width: calc(100% - 90px);
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 2;
-    overflow: hidden;
+.pcd-problem-analysis-text {
+  width: calc(100% - 90px);
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
 }
-.pcd-output-value{
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 20px 0 20px 10px;
+.pcd-output-value {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 20px 0 20px 10px;
 }
-.pcd-output-value-key{
-    display: flex;
-    align-items: center;
-    font-size: 12px;
+.pcd-output-value-key {
+  display: flex;
+  align-items: center;
+  font-size: 12px;
 }
-.pcd-output-value-key-info{
-    padding: 0 8px;
-    display: flex;
-    align-items: center;
+.pcd-output-value-key-info {
+  padding: 0 8px;
+  display: flex;
+  align-items: center;
 }
-.pcd-key-1{
-    width: 12px;
-    height: 12px;
-    background-image: linear-gradient(to right, #003cda, #067dff);
-    margin-right: 5px;
+.pcd-key-1 {
+  width: 12px;
+  height: 12px;
+  background-image: linear-gradient(to right, #003cda, #067dff);
+  margin-right: 5px;
 }
-.pcd-key-2{
-    width: 12px;
-    height: 12px;
-    background-image: linear-gradient(to right, #008d7e, #26c8bb);
-    margin-right: 5px;
+.pcd-key-2 {
+  width: 12px;
+  height: 12px;
+  background-image: linear-gradient(to right, #008d7e, #26c8bb);
+  margin-right: 5px;
 }
-.pcd-output-value-title{
-    padding: 0 ;
+.pcd-output-value-title {
+  padding: 0;
 }
-.pcd-chart{
-    height: 540px;
+.pcd-chart {
+  height: 540px;
 }
-.pcd-chart-list{
-    height: 90px;
-    border: 1px solid #00c240;
-    display: flex;
-    align-items: center;
+.pcd-chart-list {
+  height: 90px;
+  border: 1px solid #00c240;
+  display: flex;
+  align-items: center;
 }
-.pcd-chart-list-date{
-    width: 110px;
-    text-align: center;
+.pcd-chart-list-date {
+  width: 110px;
+  text-align: center;
 }
-.pcd-chart-list-prop{
-    width: 80px;
+.pcd-chart-list-prop {
+  width: 80px;
 }
 
 /*技术交底*/
-.science-title-number{
-    position: absolute;
-    left: 100px;
-    top: 12px;
-    z-index: 99;
+.science-title-number {
+  position: absolute;
+  left: 100px;
+  top: 12px;
+  z-index: 99;
 }
-.science-list-max{
-    padding: 15px;
+.science-list-max {
+  padding: 15px;
 }
-.science-list-min{
-    height: 250px;
-    overflow: auto;
+.science-list-min {
+  height: 250px;
+  overflow: auto;
 }
-.science-list-min::-webkit-scrollbar{
-    width: 0px;
-    height: 0px;
+.science-list-min::-webkit-scrollbar {
+  width: 0px;
+  height: 0px;
 }
 
-.science-list{
-    display: flex;
-    align-items: center;
-    padding: 15px 0;
-    border-bottom: 1px dashed #00c240;
+.science-list {
+  display: flex;
+  align-items: center;
+  padding: 15px 0;
+  border-bottom: 1px dashed #00c240;
 }
-.science-list-min .science-list:last-child{
-    border:none
+.science-list-min .science-list:last-child {
+  border: none;
 }
-.science-list-info{
-    width: calc(100% - 75px);
-    padding-left: 15px;
+.science-list-info {
+  width: calc(100% - 75px);
+  padding-left: 15px;
 }
-.science-list-sign-green{
-    border: 1px solid #00c240;
-    background: #073d2f;
-    color: #00c240;
-    padding: 1px 10px;
-    width: 50px;
-    text-align: center;
+.science-list-sign-green {
+  border: 1px solid #00c240;
+  background: #073d2f;
+  color: #00c240;
+  padding: 1px 10px;
+  width: 50px;
+  text-align: center;
 }
-.science-list-sign-orange{
-    border: 1px solid #f78f08;
-    background: #68492d;
-    color: #f78f08;
-    padding: 1px 10px 2px;
-    width: 50px;
-    text-align: center;
+.science-list-sign-orange {
+  border: 1px solid #f78f08;
+  background: #68492d;
+  color: #f78f08;
+  padding: 1px 10px 2px;
+  width: 50px;
+  text-align: center;
 }
-.science-list-sign-name{
-    color: #cbdaff;
-    padding-top: 10px;
+.science-list-sign-name {
+  color: #cbdaff;
+  padding-top: 10px;
 }
-.science-list-img{
-    width: 60px;
-    height: 60px;
-    background: #142c6a url("http://fileimg.makalu.cc/WEB_8FB4152935074DB39165D962E554FB19.png") no-repeat center/100% 100%;
+.science-list-img {
+  width: 60px;
+  height: 60px;
+  background: #142c6a url("http://fileimg.makalu.cc/WEB_8FB4152935074DB39165D962E554FB19.png") no-repeat center/100% 100%;
 }
-.science-list-img-rz{
-    background: #142c6a url("http://fileimg.makalu.cc/WEB_4A7304893BDF45F6BD8EFCACAAAD19CB.png") no-repeat center/30px 30px;
+.science-list-img-rz {
+  background: #142c6a url("http://fileimg.makalu.cc/WEB_4A7304893BDF45F6BD8EFCACAAAD19CB.png") no-repeat center/30px 30px;
 }
-.system-img{
-    padding:50px 15px;
+.system-img {
+  padding: 50px 15px;
 }
-.system-img img{
-    width: 100%;
+.system-img img {
+  width: 100%;
 }
-.process-video-3d{
-    padding: 0 20px;
+.process-video-3d {
+  padding: 0 20px;
 }
-.process-video-bgd{
-    background: #062247;
-    height: 205px;
-    border-radius: 5px;
+.process-video-bgd {
+  background: #062247;
+  height: 205px;
+  border-radius: 5px;
 }
-.process-not-video{
-    padding-top: 50px;
-    text-align: center;
-    color: #47a5e3;
+.process-not-video {
+  padding-top: 50px;
+  text-align: center;
+  color: #47a5e3;
 }
-.process-not-video img{
-    width: 65px;
+.process-not-video img {
+  width: 65px;
 }
-.list-ledger-bgd{
-    width: 60px;
-    height: 60px;
-    background: #142c6a url("../images/circle_icon_12.png") no-repeat center/30px 30px;
+.list-ledger-bgd {
+  width: 60px;
+  height: 60px;
+  background: #142c6a url("../images/circle_icon_12.png") no-repeat center/30px 30px;
 }
-.list-ledger-for{
-    padding: 15px 0 5px;
+.list-ledger-for {
+  padding: 15px 0 5px;
 }
-.science-list-min .list-ledger-for:last-child{
-    border:none
+.science-list-min .list-ledger-for:last-child {
+  border: none;
 }
-.list-ledger-list{
-    display: flex;
-    align-items: center;
+.list-ledger-list {
+  display: flex;
+  align-items: center;
 }
-.list-ledger-teams{
-    padding: 10px;
-    color: #999999;
+.list-ledger-teams {
+  padding: 10px;
+  color: #999999;
 }
-.list-ledger-teams span{
-    color: #cbdaff;
+.list-ledger-teams span {
+  color: #cbdaff;
 }
-.list-ledger-title{
-    color: #00aaff;
-    padding-bottom: 10px;
+.list-ledger-title {
+  color: #00aaff;
+  padding-bottom: 10px;
 }
-.list-ledger-info{
-    display: flex;
-    color: #999999;
+.list-ledger-info {
+  display: flex;
+  color: #999999;
 }
-.list-ledger-info span{
-    color: #cbdaff;
+.list-ledger-info span {
+  color: #cbdaff;
 }
-.more-btn{
-    text-align: center;
-    color: #6383aa;
-    cursor: pointer;
-    padding: 5px 15px;
-    background: url("../images/dangerous.png") no-repeat center/100% 100%;
+.more-btn {
+  text-align: center;
+  color: #6383aa;
+  cursor: pointer;
+  padding: 5px 15px;
+  background: url("../images/dangerous.png") no-repeat center/100% 100%;
 }
-.more-btn.active{
-    background: url("../images/dangerous_active.png") no-repeat center/100% 100%;
-    color: #ffffff;
+.more-btn.active {
+  background: url("../images/dangerous_active.png") no-repeat center/100% 100%;
+  color: #ffffff;
 }
-.more-btn:hover{
-    color: #86b2e3;
+.more-btn:hover {
+  color: #86b2e3;
 }
-.more-btn.active:hover{
-    color: #ffffff;
+.more-btn.active:hover {
+  color: #ffffff;
 }
-.warning-popup-project-introduction-info{
-    height: 430px;
-    overflow: auto;
+.warning-popup-project-introduction-info {
+  height: 430px;
+  overflow: auto;
 }
 .warning-popup-project-introduction-info::-webkit-scrollbar {
-    width: 10px;
-    height: 10px;
+  width: 10px;
+  height: 10px;
 }
 .warning-popup-project-introduction-info::-webkit-scrollbar-thumb {
-    border-radius: 10px;
-    background: #192c64;
+  border-radius: 10px;
+  background: #192c64;
 }
 .warning-popup-project-introduction-info::-webkit-scrollbar-track {
-    border-radius: 10px;
-    background: #010b2d;
+  border-radius: 10px;
+  background: #010b2d;
 }
-.warning-popup-project-for{
-    padding: 20px 10px;
-    border-bottom: 1px dashed #00c240;
+.warning-popup-project-for {
+  padding: 20px 10px;
+  border-bottom: 1px dashed #00c240;
 }
-.warning-popup-project-data{
-    display: flex;
-    align-items: center;
-    color: #aaaaaa;
+.warning-popup-project-data {
+  display: flex;
+  align-items: center;
+  color: #aaaaaa;
 }
-.warning-popup-color{
-    color: #aaaaaa;
-    padding-top: 8px;
-    padding-right: 10px;
+.warning-popup-color {
+  color: #aaaaaa;
+  padding-top: 8px;
+  padding-right: 10px;
 }
-.warning-popup-project-data-left{
-    display: flex;
-    align-items: center;
-    width: 50%;
+.warning-popup-project-data-left {
+  display: flex;
+  align-items: center;
+  width: 50%;
 }
-.warning-popup-project-data-left-value{
-    padding-left: 15px;
+.warning-popup-project-data-left-value {
+  padding-left: 15px;
 }
-.warning-popup-project-data-left-value div{
-    padding: 8px 0;
+.warning-popup-project-data-left-value div {
+  padding: 8px 0;
 }
-.warning-popup-project-data-right{
-    width: 50%;
+.warning-popup-project-data-right {
+  width: 50%;
 }
-.warning-popup-project-data-right div{
-    padding: 8px 0;
+.warning-popup-project-data-right div {
+  padding: 8px 0;
 }
-.warning-popup-color-blue{
-    color: #00aaff;
+.warning-popup-color-blue {
+  color: #00aaff;
 }
-.warning-popup-color-red{
-    color: #ff0900;
+.warning-popup-color-red {
+  color: #ff0900;
 }
-.warning-popup-color-silvery{
-    color: #cbdaff;
+.warning-popup-color-silvery {
+  color: #cbdaff;
 }
 
-
-
-
 /*材料销号制*/
-.xhz-glr-title{
-    padding: 20px 25px;
+.xhz-glr-title {
+  padding: 20px 25px;
 }
-.xhz-czz-number{
-    display: flex;
-    align-items: center;
-    padding: 20px 10px 20px 20px;
+.xhz-czz-number {
+  display: flex;
+  align-items: center;
+  padding: 20px 10px 20px 20px;
 }
-.xhz-quality-button{
-    justify-content: right;
-    padding: 10px 20px;
+.xhz-quality-button {
+  justify-content: right;
+  padding: 10px 20px;
 }
-.xhz-survey_title{
-    padding: 30px 15px 10px;
+.xhz-survey_title {
+  padding: 30px 15px 10px;
 }
-.xhz-device-data{
-    padding:0 10px 20px;
+.xhz-device-data {
+  padding: 0 10px 20px;
 }
-.xhz-device-data-min{
-    padding:10px;
-    display: flex;
-    align-items: center;
+.xhz-device-data-min {
+  padding: 10px;
+  display: flex;
+  align-items: center;
 }
-.xhz-education_bgd{
-    width: 80px;
-    height: 80px;
-    background: url("../images/education_bgd.png") no-repeat bottom/70px 50px;
+.xhz-education_bgd {
+  width: 80px;
+  height: 80px;
+  background: url("../images/education_bgd.png") no-repeat bottom/70px 50px;
 }
-.xhz-education_bgd img{
-    width: 35px;
-    height: 35px;
+.xhz-education_bgd img {
+  width: 35px;
+  height: 35px;
 }
-.xhz-current-value-data{
-    color: #9fafc3;
-    font-size: 16px;
-    padding-top: 20px;
-    padding-left: 10px;
+.xhz-current-value-data {
+  color: #9fafc3;
+  font-size: 16px;
+  padding-top: 20px;
+  padding-left: 10px;
 }
-.xhz-current-value-data p{
-    padding: 10px 0;
+.xhz-current-value-data p {
+  padding: 10px 0;
 }
-.xhz-current-value-data p span{
-    font-size: 20px;
-    font-weight: bold;
-    color: #ffffff;
+.xhz-current-value-data p span {
+  font-size: 20px;
+  font-weight: bold;
+  color: #ffffff;
 }
-.xhz-current-value-data p span.open{
-    color: #f78f08;
+.xhz-current-value-data p span.open {
+  color: #f78f08;
 }
-.xhz-current-value-data p span.close{
-    color: #4ab121;
+.xhz-current-value-data p span.close {
+  color: #4ab121;
 }
 
-.xhz-rank-chart{
-    padding: 0;
+.xhz-rank-chart {
+  padding: 0;
 }
-.xhz-rank-chart-title span{
-    color: #3da2ff;
-    font-size: 14px;
-    padding-left: 30px;
+.xhz-rank-chart-title span {
+  color: #3da2ff;
+  font-size: 14px;
+  padding-left: 30px;
 }
-.xhz-analyse_title_blue{
-    background: url("../images/analyse_title_blue.png") no-repeat left/450px 100% ;
+.xhz-analyse_title_blue {
+  background: url("../images/analyse_title_blue.png") no-repeat left/450px 100%;
 }
-.xhz-work-order-padding{
-    padding: 10px;
+.xhz-work-order-padding {
+  padding: 10px;
 }
-.xhz-work-order-max{
-    padding-top: 15px;
+.xhz-work-order-max {
+  padding-top: 15px;
 }
-.xhz-work-order{
-    height: 645px;
-    overflow: auto;
+.xhz-work-order {
+  height: 645px;
+  overflow: auto;
 }
 .xhz-work-order::-webkit-scrollbar {
-    width: 10px;
-    height: 1px;
+  width: 10px;
+  height: 1px;
 }
 .xhz-work-order::-webkit-scrollbar-thumb {
-    border-radius: 10px;
-    background: #192c64;
+  border-radius: 10px;
+  background: #192c64;
 }
 .xhz-work-order::-webkit-scrollbar-track {
-    border-radius: 10px;
-    background: #010b2d;
+  border-radius: 10px;
+  background: #010b2d;
 }
-.xhz-work-order-list{
-    padding: 10px;
+.xhz-work-order-list {
+  padding: 10px;
 }
-.xhz-work-order-bgd{
-    padding-bottom: 15px;
-    background: url("../images/expect_list.png") no-repeat center/100% 100%;
+.xhz-work-order-bgd {
+  padding-bottom: 15px;
+  background: url("../images/expect_list.png") no-repeat center/100% 100%;
 }
-.xhz-work-order-info{
-    padding:0 10px;
+.xhz-work-order-info {
+  padding: 0 10px;
 }
-.xhz-work-order-title{
-    height: 40px;
-    line-height: 40px;
-    padding-right: 20px;
-    border-bottom: 1px solid #1c4489;
-    display: flex;
-    background: url("../images/check_icon.png") no-repeat right/8px 17px;
+.xhz-work-order-title {
+  height: 40px;
+  line-height: 40px;
+  padding-right: 20px;
+  border-bottom: 1px solid #1c4489;
+  display: flex;
+  background: url("../images/check_icon.png") no-repeat right/8px 17px;
 }
-.xhz-order-number{
-    width: 40px;
-    height: 40px;
-    text-align: center;
-    border-bottom: 1px solid #69b9fe;
-    color: #69b9fe;
-    font-size: 18px;
+.xhz-order-number {
+  width: 40px;
+  height: 40px;
+  text-align: center;
+  border-bottom: 1px solid #69b9fe;
+  color: #69b9fe;
+  font-size: 18px;
 }
-.xhz-job-number{
-    width: calc(100% - 40px);
-    overflow: hidden;
-    white-space:nowrap;
-    text-overflow:ellipsis;
-    cursor: pointer;
+.xhz-job-number {
+  width: calc(100% - 40px);
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  cursor: pointer;
 }
-.xhz-job-number:hover{
-    color: #1ce7ff;
+.xhz-job-number:hover {
+  color: #1ce7ff;
 }
-.xhz-work-order-table{
-    padding: 5px;
-    color: #9fafc3;
+.xhz-work-order-table {
+  padding: 5px;
+  color: #9fafc3;
 }
-.xhz-work-order-table table{
-    width: 100%;
+.xhz-work-order-table table {
+  width: 100%;
 }
-.xhz-work-order-table td{
-    padding: 5px;
+.xhz-work-order-table td {
+  padding: 5px;
 }
-.xhz-work-order-table td:first-child{
-    width: 80px;
-    text-align: right;
+.xhz-work-order-table td:first-child {
+  width: 80px;
+  text-align: right;
 }
-.xhz-project-expect-state{
-    padding: 0 15px;
+.xhz-project-expect-state {
+  padding: 0 15px;
 }
-.xhz-project-expect-state .project-expect-state{
-    width: 90px;
-    height: 25px;
-    font-size: 14px;
+.xhz-project-expect-state .project-expect-state {
+  width: 90px;
+  height: 25px;
+  font-size: 14px;
 }
-.xhz-exceed-state{
-    background: url("../images/expect_list_yc.png") no-repeat center/100% 100%;
-    color: #ffffff;
+.xhz-exceed-state {
+  background: url("../images/expect_list_yc.png") no-repeat center/100% 100%;
+  color: #ffffff;
 }
-.xhz-temporary-state{
-    background: url("../images/expect_list_ch.png") no-repeat center/100% 100%;
-    color: #ffffff;
+.xhz-temporary-state {
+  background: url("../images/expect_list_ch.png") no-repeat center/100% 100%;
+  color: #ffffff;
 }
 
-.popup-xhz-title td{
-    color: #429fff;
-    padding:8px 5px;
+.popup-xhz-title td {
+  color: #429fff;
+  padding: 8px 5px;
 }
-.popup-xhz-title td:nth-child(odd){
-    color: #9fafc3;
-    width: 110px;
+.popup-xhz-title td:nth-child(odd) {
+  color: #9fafc3;
+  width: 110px;
 }
 
-
-
-.xhz-quality-table{
-    padding: 5px 0;
+.xhz-quality-table {
+  padding: 5px 0;
 }
 .xhz-quality-table .el-table__body-wrapper::-webkit-scrollbar {
-    width: 10px;
-    height: 0px;
+  width: 10px;
+  height: 0px;
 }
 .xhz-quality-table .el-table__body-wrapper::-webkit-scrollbar-thumb {
-    border-radius: 10px;
-    background: #1a3956;
+  border-radius: 10px;
+  background: #1a3956;
 }
 .xhz-quality-table .el-table__body-wrapper::-webkit-scrollbar-track {
-    border-radius: 10px;
-    background: #010b2d;
+  border-radius: 10px;
+  background: #010b2d;
 }
-.xhz-quality-table .el-table .cell{
-    padding: 0 5px;
+.xhz-quality-table .el-table .cell {
+  padding: 0 5px;
 }
-.xhz-quality-table .el-table{
-    background: none;
+.xhz-quality-table .el-table {
+  background: none;
 }
-.xhz-quality-table .el-table th, .el-table tr{
-    background: none;
+.xhz-quality-table .el-table th,
+.el-table tr {
+  background: none;
 }
-.xhz-quality-table .el-table th{
-    height: 45px;
-    text-align: center;
-    color: #ffffff;
-    padding: 0;
-    background: #1a3956;
+.xhz-quality-table .el-table th {
+  height: 45px;
+  text-align: center;
+  color: #ffffff;
+  padding: 0;
+  background: #1a3956;
 }
-.xhz-quality-table .el-table td{
-    height: 45px;
-    text-align: center;
-    padding: 0;
-    color: #c8dbfc;
-    border: 1px solid #227cca;
+.xhz-quality-table .el-table td {
+  height: 45px;
+  text-align: center;
+  padding: 0;
+  color: #c8dbfc;
+  border: 1px solid #227cca;
 }
 
-.xhz-quality-table .el-table .el-table__row:nth-child(odd){
-    background: none;
+.xhz-quality-table .el-table .el-table__row:nth-child(odd) {
+  background: none;
 }
-.xhz-quality-table .el-table--enable-row-hover .el-table__body tr:hover>td{
-    background: none !important;
+.xhz-quality-table .el-table--enable-row-hover .el-table__body tr:hover > td {
+  background: none !important;
 }
-.xhz-quality-table .el-table::before{
-    background: none;
+.xhz-quality-table .el-table::before {
+  background: none;
 }
 
-
-.building-max{
-    display: flex;
-    width: 100%;
+.building-max {
+  display: flex;
+  width: 100%;
 }
-.building-min{
-    width: 20%;
-    padding: 20px 0;
-    cursor: pointer;
+.building-min {
+  width: 20%;
+  padding: 20px 0;
+  cursor: pointer;
 }
-.building-min-title{
-    width: 90px;
-    height: 35px;
-    text-align: center;
-    line-height: 35px;
-    background: url(../images/dangerous_active.png) no-repeat center/100% 100%;
-    margin: auto;
+.building-min-title {
+  width: 90px;
+  height: 35px;
+  text-align: center;
+  line-height: 35px;
+  background: url(../images/dangerous_active.png) no-repeat center/100% 100%;
+  margin: auto;
 }
-.building-img{
-    text-align: center;
-    padding: 10px 0;
+.building-img {
+  text-align: center;
+  padding: 10px 0;
 }
 
-
-
-.craft-video-flex{
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding:0 10px;
+.craft-video-flex {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 10px;
 }
-.craft-video-btn{
-    width:5%;
-    height: 230px;
-    align-items: center;
-    display: flex;
+.craft-video-btn {
+  width: 5%;
+  height: 230px;
+  align-items: center;
+  display: flex;
 }
-.craft-video-btn img{
-    height: 70px;
-    cursor: pointer;
+.craft-video-btn img {
+  height: 70px;
+  cursor: pointer;
 }
-.craft-video-btn img:hover{
-    background: #999999;
+.craft-video-btn img:hover {
+  background: #999999;
 }
-.craft-video-btn img:active{
-    background: #666666;
+.craft-video-btn img:active {
+  background: #666666;
 }
-.craft-video-content{
-    display: flex;
-    align-items: center;
-    overflow: auto;
-    padding: 15px 0;
+.craft-video-content {
+  display: flex;
+  align-items: center;
+  overflow: auto;
+  padding: 15px 0;
 }
-.craft-video-content::-webkit-scrollbar{
-    width: 0px;
-    height: 0px;
+.craft-video-content::-webkit-scrollbar {
+  width: 0px;
+  height: 0px;
 }
-.craft-video-process-video-3d{
-    padding: 0 10px;
+.craft-video-process-video-3d {
+  padding: 0 10px;
 }
 
-
 /*
 .craft-video-process-video-bgd{
     background: #062247;
@@ -5056,1588 +5196,1583 @@ table{
     border-radius: 5px;
 }*/
 
-.technical-disclosure{
-    overflow: auto;
-    padding: 0 25px;
+.technical-disclosure {
+  overflow: auto;
+  padding: 0 25px;
 }
-.technical-disclosure::-webkit-scrollbar{
-    width: 0px;
-    height: 0px;
+.technical-disclosure::-webkit-scrollbar {
+  width: 0px;
+  height: 0px;
 }
-.technical-disclosure-for{
-    height: 70px;
+.technical-disclosure-for {
+  height: 70px;
 }
-.technical-disclosure-title{
-    padding:8px 5px;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    color: #c2d5f6;
+.technical-disclosure-title {
+  padding: 8px 5px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  color: #c2d5f6;
 }
-.technical-disclosure-border{
-    background: #1e537e
+.technical-disclosure-border {
+  background: #1e537e;
 }
-.technical-disclosure-bgd{
-    height: 8px;
-    background: #6ab9fe;
-    cursor: pointer;
+.technical-disclosure-bgd {
+  height: 8px;
+  background: #6ab9fe;
+  cursor: pointer;
 }
-.technical-disclosure-text{
-    background: url("../images/up.png") no-repeat left/15px 10px;
-    padding-left: 25px;
+.technical-disclosure-text {
+  background: url("../images/up.png") no-repeat left/15px 10px;
+  padding-left: 25px;
 }
-.technical-disclosure-value span{
-    padding: 0 5px;
+.technical-disclosure-value span {
+  padding: 0 5px;
 }
 
 /*安全管理*/
-.toSafety-fixed-left-max{
-    position: absolute;
+.toSafety-fixed-left-max {
+  position: absolute;
 }
-.toSafety-fixed-bottom-max{
-    position: absolute;
-    width: calc(100% - 1000px);
-    left: 500px;
-    bottom: 10px;
-    text-align: center;
+.toSafety-fixed-bottom-max {
+  position: absolute;
+  width: calc(100% - 1000px);
+  left: 500px;
+  bottom: 10px;
+  text-align: center;
 }
-.toSafety-fixed-left{
-    padding: 10px 0 10px 15px;
-    width: 473px;
+.toSafety-fixed-left {
+  padding: 10px 0 10px 15px;
+  width: 473px;
 }
-.toSafety-fixed-left-img{
-    position: absolute;
-    left: 490px;
-    top: 450px;
-    cursor: pointer;
+.toSafety-fixed-left-img {
+  position: absolute;
+  left: 490px;
+  top: 450px;
+  cursor: pointer;
 }
-.toSafety-fixed-right-max{
-    position: absolute;
-    display: flex;
-    align-items: center;
-    right: 0;
+.toSafety-fixed-right-max {
+  position: absolute;
+  display: flex;
+  align-items: center;
+  right: 0;
 }
-.toSafety-fixed-bottom-img{
-    position: absolute;
-    margin-left:-50px;
-    top:-20px;
+.toSafety-fixed-bottom-img {
+  position: absolute;
+  margin-left: -50px;
+  top: -20px;
 }
-.toSafety-fixed-right{
-    padding: 10px 15px 10px 0;
-    width: 473px;
+.toSafety-fixed-right {
+  padding: 10px 15px 10px 0;
+  width: 473px;
 }
 
-.toSafety-fixed-right-img{
-    position: absolute;
-    right: 490px;
-    top: 450px;
-    cursor: pointer;
+.toSafety-fixed-right-img {
+  position: absolute;
+  right: 490px;
+  top: 450px;
+  cursor: pointer;
 }
 
 .left-enter,
 .left-leave-to {
-    opacity: 0;
-    transform: translateX(-473px);
+  opacity: 0;
+  transform: translateX(-473px);
 }
 .left-enter-active,
-.left-leave-active{
-    transition: all 0.5s ease;
+.left-leave-active {
+  transition: all 0.5s ease;
 }
 .right-enter,
 .right-leave-to {
-    opacity: 0;
-    transform: translateX(473px);
+  opacity: 0;
+  transform: translateX(473px);
 }
 .right-enter-active,
-.right-leave-active{
-    transition: all 0.5s ease;
+.right-leave-active {
+  transition: all 0.5s ease;
 }
 
-.toSafety-info-btn{
-    text-align: center;
-    padding: 5px 0;
+.toSafety-info-btn {
+  text-align: center;
+  padding: 5px 0;
 }
-.toSafety-info-btn button{
-    padding: 10px 25px;
-    background: #143f74;
-    color: #ffffff;
-    cursor: pointer;
-    border-radius: 5px;
+.toSafety-info-btn button {
+  padding: 10px 25px;
+  background: #143f74;
+  color: #ffffff;
+  cursor: pointer;
+  border-radius: 5px;
 }
-.toSafety-info-btn button:hover{
-    background: #155c97;
+.toSafety-info-btn button:hover {
+  background: #155c97;
 }
 
 /*安全管理-安全检查*/
-.month-list-max{
-    height: 660px;
-    overflow: auto;
+.month-list-max {
+  height: 660px;
+  overflow: auto;
 }
-.month-list-max::-webkit-scrollbar{
-    width: 0px;
-    height: 0px;
+.month-list-max::-webkit-scrollbar {
+  width: 0px;
+  height: 0px;
 }
-.month-list-for{
-   padding: 10px 0;
+.month-list-for {
+  padding: 10px 0;
 }
-.month-list-min{
-    padding: 0 15px;
-    height: 200px;
-    background: url("../images/weekly_check.png") no-repeat center/100% 100%;
+.month-list-min {
+  padding: 0 15px;
+  height: 200px;
+  background: url("../images/weekly_check.png") no-repeat center/100% 100%;
 }
-.inspect-content{
-    display: flex;
-    align-items: center;
-    padding: 10px 0;
-    color: #aaaaaa;
+.inspect-content {
+  display: flex;
+  align-items: center;
+  padding: 10px 0;
+  color: #aaaaaa;
 }
-.inspect-content-img{
-    text-align: center;
-    padding: 4px 7px;
+.inspect-content-img {
+  text-align: center;
+  padding: 4px 7px;
 }
-.inspect-content-img p{
-    padding-top: 4px;
+.inspect-content-img p {
+  padding-top: 4px;
 }
-.inspect-content-info{
-    padding: 0 5px;
+.inspect-content-info {
+  padding: 0 5px;
 }
-.inspect-content-info div{
-    padding: 6px 3px;
+.inspect-content-info div {
+  padding: 6px 3px;
 }
-.inspect-content-info div span{
-    font-weight: bold;
+.inspect-content-info div span {
+  font-weight: bold;
 }
 
 /*教育培训*/
-.safety-education{
-    display: flex;
-    align-items: center;
-    padding:20px 30px 10px;
+.safety-education {
+  display: flex;
+  align-items: center;
+  padding: 20px 30px 10px;
 }
-.safety-education-min{
-    color: #c2d5f6;
-    padding-right: 50px;
-    display: flex;
-    align-items: center;
+.safety-education-min {
+  color: #c2d5f6;
+  padding-right: 50px;
+  display: flex;
+  align-items: center;
 }
-.safety-education-min span{
-    font-size: 22px;
-    font-weight: bold;
-    color: #00aaff;
-    padding:0 5px;
+.safety-education-min span {
+  font-size: 22px;
+  font-weight: bold;
+  color: #00aaff;
+  padding: 0 5px;
 }
-.element-table-ranking{
-    padding:10px 5px 10px 15px;
+.element-table-ranking {
+  padding: 10px 5px 10px 15px;
 }
 .element-table-ranking .el-table__body-wrapper::-webkit-scrollbar {
-    width: 5px;
-    height: 0px;
+  width: 5px;
+  height: 0px;
 }
 .element-table-ranking .el-table__body-wrapper::-webkit-scrollbar-thumb {
-    border-radius: 10px;
-    background: #1a3956;
+  border-radius: 10px;
+  background: #1a3956;
 }
 .element-table-ranking .el-table__body-wrapper::-webkit-scrollbar-track {
-    border-radius: 10px;
-    background: #010b2d;
+  border-radius: 10px;
+  background: #010b2d;
 }
-.element-table-ranking .el-table .cell{
-    padding: 0 5px;
+.element-table-ranking .el-table .cell {
+  padding: 0 5px;
 }
-.element-table-ranking .el-table{
-    background: none;
+.element-table-ranking .el-table {
+  background: none;
 }
-.element-table-ranking .el-table th, .el-table tr{
-    background: none;
-    color: #cbdaff;
+.element-table-ranking .el-table th,
+.el-table tr {
+  background: none;
+  color: #cbdaff;
 }
 
-.element-table-ranking .el-table th{
-    height: 50px;
-    text-align: center;
+.element-table-ranking .el-table th {
+  height: 50px;
+  text-align: center;
 
-    padding: 0 5px;
-    font-size: 16px;
-    font-weight: 400;
+  padding: 0 5px;
+  font-size: 16px;
+  font-weight: 400;
 }
-.element-table-ranking .el-table td{
-    height: 60px;
-    text-align: center;
-    padding: 0 5px;
-    font-size: 16px;
+.element-table-ranking .el-table td {
+  height: 60px;
+  text-align: center;
+  padding: 0 5px;
+  font-size: 16px;
 }
-.element-table-ranking .el-table td, .el-table th.is-leaf{
-    border: 0;
+.element-table-ranking .el-table td,
+.el-table th.is-leaf {
+  border: 0;
 }
-.element-table-ranking .el-table .el-table__row{
-    cursor: pointer;
+.element-table-ranking .el-table .el-table__row {
+  cursor: pointer;
 }
-.element-table-ranking .el-table .el-table__row:hover{
-    color: #00aaff;
-    background: url("../images/table_tr.png") no-repeat center/100% 60px;
+.element-table-ranking .el-table .el-table__row:hover {
+  color: #00aaff;
+  background: url("../images/table_tr.png") no-repeat center/100% 60px;
 }
-.element-table-ranking .el-table--enable-row-hover .el-table__body tr:hover>td{
-    background: none !important;
+.element-table-ranking .el-table--enable-row-hover .el-table__body tr:hover > td {
+  background: none !important;
 }
-.element-table-ranking .el-table::before{
-    background: none;
+.element-table-ranking .el-table::before {
+  background: none;
 }
-.drill-content{
-    padding:15px 10px;
+.drill-content {
+  padding: 15px 10px;
 }
-.drill-list-max{
-    height: 570px;
-    overflow: auto;
+.drill-list-max {
+  height: 570px;
+  overflow: auto;
 }
-.drill-list-max::-webkit-scrollbar{
-    width: 0px;
-    height: 0px;
+.drill-list-max::-webkit-scrollbar {
+  width: 0px;
+  height: 0px;
 }
-.drill-list-min{
-    padding: 0 15px;
-    height: 170px;
-    background: url("../images/weekly_check.png") no-repeat center/100% 100%;
+.drill-list-min {
+  padding: 0 15px;
+  height: 170px;
+  background: url("../images/weekly_check.png") no-repeat center/100% 100%;
 }
-.drill-list-partnership{
-    color: #aaaaaa;
-    overflow: hidden;
-    white-space:nowrap;
-    text-overflow:ellipsis;
+.drill-list-partnership {
+  color: #aaaaaa;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
 }
 
 /*质量管理-过程管控组件*/
-.process-control-new{
-    padding: 2px 20px;
+.process-control-new {
+  padding: 2px 20px;
 }
-.process-control-new-list{
-    margin: 15px 0px;
-    height: 100px;
-    cursor: pointer;
-    background: url("../images/control_bgd.png") no-repeat bottom/100% 40px;
+.process-control-new-list {
+  margin: 15px 0px;
+  height: 100px;
+  cursor: pointer;
+  background: url("../images/control_bgd.png") no-repeat bottom/100% 40px;
 }
-.active.process-control-new-list{
-    background: url("../images/control_bgd_active.png") no-repeat bottom/100% 40px;
+.active.process-control-new-list {
+  background: url("../images/control_bgd_active.png") no-repeat bottom/100% 40px;
 }
-.process-control-new-list:hover{
-    background: url("../images/control_bgd_active.png") no-repeat bottom/100% 40px;
+.process-control-new-list:hover {
+  background: url("../images/control_bgd_active.png") no-repeat bottom/100% 40px;
 }
-.process-control-new-list:active{
-    background: url("../images/control_bgd_active.png") no-repeat bottom/98% 35px;
+.process-control-new-list:active {
+  background: url("../images/control_bgd_active.png") no-repeat bottom/98% 35px;
 }
-.process-control-new-run{
-    padding-top: 22px;
-    display: flex;
-    align-items: center;
-    padding-left: 55px;
+.process-control-new-run {
+  padding-top: 22px;
+  display: flex;
+  align-items: center;
+  padding-left: 55px;
 }
-.active .process-control-new-run{
-    animation: icon 3s infinite;
-    -webkit-animation: icon 3s infinite;
+.active .process-control-new-run {
+  animation: icon 3s infinite;
+  -webkit-animation: icon 3s infinite;
 }
-.process-control-new-order{
-    height: 40px;
-    width: 40px;
-    text-align: center;
-    line-height: 40px;
-    color: #728fb7;
-    font-weight: bold;
-    background: url("../images/order_1.png") no-repeat center/100% 100%;
+.process-control-new-order {
+  height: 40px;
+  width: 40px;
+  text-align: center;
+  line-height: 40px;
+  color: #728fb7;
+  font-weight: bold;
+  background: url("../images/order_1.png") no-repeat center/100% 100%;
 }
-.active .process-control-new-order{
-    background: url("../images/order_2.png") no-repeat center/100% 100%;
-    color: #00092a;
+.active .process-control-new-order {
+  background: url("../images/order_2.png") no-repeat center/100% 100%;
+  color: #00092a;
 }
-.process-control-new-content{
-    color: #728fb7;
+.process-control-new-content {
+  color: #728fb7;
 }
-.process-control-new-title{
-    padding: 5px 15px;
+.process-control-new-title {
+  padding: 5px 15px;
 }
-.active .process-control-new-title{
-    color: #ffffff;
+.active .process-control-new-title {
+  color: #ffffff;
 }
-.process-control-new-data{
-    padding: 5px 15px;
-    display: flex;
-    align-items: center;
-    font-size: 14px;
+.process-control-new-data {
+  padding: 5px 15px;
+  display: flex;
+  align-items: center;
+  font-size: 14px;
 }
-.process-control-new-number-1{
-    width: 120px;
-    color: #00aaff;
-    font-size: 12px;
+.process-control-new-number-1 {
+  width: 120px;
+  color: #00aaff;
+  font-size: 12px;
 }
-.process-control-new-number-2{
-    color: #00aaff;
-    font-size: 12px;
+.process-control-new-number-2 {
+  color: #00aaff;
+  font-size: 12px;
 }
-.process-control-new-number-1 span{
-    color: #728fb7;
+.process-control-new-number-1 span {
+  color: #728fb7;
 }
-.process-control-new-number-2 span{
-    color: #728fb7;
+.process-control-new-number-2 span {
+  color: #728fb7;
 }
 
 /*安全检查 弹窗*/
-.popup-inspect-table td{
-    padding: 10px;
-    font-size: 16px;
-    color: #cbdaff;
-    vertical-align: top;
+.popup-inspect-table td {
+  padding: 10px;
+  font-size: 16px;
+  color: #cbdaff;
+  vertical-align: top;
 }
-.popup-inspect-table td:nth-child(odd){
-    width: 20%;
-    text-align: right;
+.popup-inspect-table td:nth-child(odd) {
+  width: 20%;
+  text-align: right;
 }
-.popup-color{
-    color: #00aaff;
+.popup-color {
+  color: #00aaff;
 }
-.popup-list-con{
-    padding:12px 5px;
-    font-size: 16px;
-    color: #cbdaff;
-    vertical-align: top;
-    display: flex;
-    align-items: center;
+.popup-list-con {
+  padding: 12px 5px;
+  font-size: 16px;
+  color: #cbdaff;
+  vertical-align: top;
+  display: flex;
+  align-items: center;
 }
-.popup-list-title{
-    width: 35%;
-    text-align: right;
+.popup-list-title {
+  width: 35%;
+  text-align: right;
 }
-.popup-list-title-val{
-    width: 65%;
-    overflow: hidden;
-    white-space:nowrap;
-    text-overflow:ellipsis;
+.popup-list-title-val {
+  width: 65%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
 }
-.popup-list-title-job{
-    width: 22%;
+.popup-list-title-job {
+  width: 22%;
 }
-.popup-list-title-val-job{
-    width: 80%;
-    overflow: hidden;
-    white-space:nowrap;
-    text-overflow:ellipsis;
+.popup-list-title-val-job {
+  width: 80%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
 }
 
 /*项目概况修改*/
-.safe-production{
-    display: flex;
-    align-items: center;
-    padding: 0 15px;
+.safe-production {
+  display: flex;
+  align-items: center;
+  padding: 0 15px;
 }
-.safe-production-time{
-    padding-left: 30px;
+.safe-production-time {
+  padding-left: 30px;
 }
-.weather-forecast{
-    height: 180px;
+.weather-forecast {
+  height: 180px;
 }
-.weather-forecast-list{
-    display: flex;
-    align-items: center;
-    padding: 15px 50px;
+.weather-forecast-list {
+  display: flex;
+  align-items: center;
+  padding: 15px 50px;
 }
-.weather-forecast-date{
-    width: 30%;
-    color: #cbdaff;
+.weather-forecast-date {
+  width: 30%;
+  color: #cbdaff;
 }
-.weather-forecast-img{
-    width: 30%;
+.weather-forecast-img {
+  width: 30%;
 }
-.weather-forecast-img img{
-    width: 30px;
+.weather-forecast-img img {
+  width: 30px;
 }
-.weather-forecast-temp{
-    width: 40%;
+.weather-forecast-temp {
+  width: 40%;
 }
 
 /*施工日志*/
-.daily-diary-max{
-    padding: 10px;
+.daily-diary-max {
+  padding: 10px;
 }
-.daily-diary-min{
-    color:#cbdaff;
-    padding:0 10px;
+.daily-diary-min {
+  color: #cbdaff;
+  padding: 0 10px;
 }
-.daily-diary-img{
-    height: 180px;
-    padding: 15px;
-    position: relative;
+.daily-diary-img {
+  height: 180px;
+  padding: 15px;
+  position: relative;
 }
-.daily-diary-img img{
-    height: 100%;
-    width: 100%;
+.daily-diary-img img {
+  height: 100%;
+  width: 100%;
 }
-.daily-diary-bottom{
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    background: rgba(0, 0 ,0 ,0.5);
-    position: absolute;
-    bottom: 15px;
-    left: 0;
-    padding:5px 30px;
-    width:calc(100% - 60px);
-    color: #ffffff;
+.daily-diary-bottom {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  background: rgba(0, 0, 0, 0.5);
+  position: absolute;
+  bottom: 15px;
+  left: 0;
+  padding: 5px 30px;
+  width: calc(100% - 60px);
+  color: #ffffff;
 }
-.daily-diary-see{
-    color: #00aaff;
-    cursor: pointer;
+.daily-diary-see {
+  color: #00aaff;
+  cursor: pointer;
 }
-.daily-diary-time-line-max{
-    padding: 10px 0;
+.daily-diary-time-line-max {
+  padding: 10px 0;
 }
-.daily-diary-time-line-min{
-    padding: 5px;
-    height: 229px;
-    overflow: auto;
+.daily-diary-time-line-min {
+  padding: 5px;
+  height: 229px;
+  overflow: auto;
 }
 .daily-diary-time-line-min::-webkit-scrollbar {
-    width: 7px;
-    height: 1px;
+  width: 7px;
+  height: 1px;
 }
 .daily-diary-time-line-min::-webkit-scrollbar-thumb {
-    border-radius: 10px;
-    background: #192c64;
+  border-radius: 10px;
+  background: #192c64;
 }
 .daily-diary-time-line-min::-webkit-scrollbar-track {
-    border-radius: 10px;
-    background: #010b2d;
+  border-radius: 10px;
+  background: #010b2d;
 }
-.daily-diary-time-line{
-    display: flex;
-    align-items: center;
-    padding: 8px 0;
+.daily-diary-time-line {
+  display: flex;
+  align-items: center;
+  padding: 8px 0;
 }
-.daily-diary-time-line-icon{
-    width: 10%;
-    padding-top: 4px;
+.daily-diary-time-line-icon {
+  width: 10%;
+  padding-top: 4px;
 }
-daily-diary-time-line-icon-4{
-    display: block;
-    /*align-items: center;*/
-    height: 40px;
-    line-height: 40px;
-    width: 4%;
-    padding-top: 4px !important;
+daily-diary-time-line-icon-4 {
+  display: block;
+  /*align-items: center;*/
+  height: 40px;
+  line-height: 40px;
+  width: 4%;
+  padding-top: 4px !important;
 }
-.daily-diary-time-line-icon img{
-    width: 25px;
-    height: 25px;
+.daily-diary-time-line-icon img {
+  width: 25px;
+  height: 25px;
 }
-.daily-diary-time-line-title{
-    width: 90%;
-    display: flex;
-    height: 40px;
-    /*align-items: center;*/
-    justify-content: space-between;
-    margin-top: 15px;
-    margin-left: 15px;
-    cursor: pointer;
-    color: #c5d9fd;
+.daily-diary-time-line-title {
+  width: 90%;
+  display: flex;
+  height: 40px;
+  /*align-items: center;*/
+  justify-content: space-between;
+  margin-top: 15px;
+  margin-left: 15px;
+  cursor: pointer;
+  color: #c5d9fd;
 }
-.daily-diary-time-line-title:hover{
-    color: #00aaff;
+.daily-diary-time-line-title:hover {
+  color: #00aaff;
 }
-.daily-diary-time-line-arrow{
-    width: 20px;
-    color: #00aaff;
+.daily-diary-time-line-arrow {
+  width: 20px;
+  color: #00aaff;
 }
-.daily-diary-time-line-info-max{
-    padding: 10px 12px;
+.daily-diary-time-line-info-max {
+  padding: 10px 12px;
 }
-.daily-diary-time-line-info{
-    padding-left: 27px;
-    border-left: 1px dashed #00aaff;
+.daily-diary-time-line-info {
+  padding-left: 27px;
+  border-left: 1px dashed #00aaff;
 }
-.daily-diary-time-line-subtitle{
-    font-size: 14px;
-    color: #98a1aa;
+.daily-diary-time-line-subtitle {
+  font-size: 14px;
+  color: #98a1aa;
 }
-.daily-diary-time-line-subtitle p{
-    padding: 2px 0;
+.daily-diary-time-line-subtitle p {
+  padding: 2px 0;
 }
-.daily-diary-info-for{
-    padding: 8px 0;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
+.daily-diary-info-for {
+  padding: 8px 0;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
 }
-.daily-diary-info-left{
-    height: 45px;
-    padding-left: 45px;
-    background: url("../images/daily_img.png") no-repeat left/38px 38px;
+.daily-diary-info-left {
+  height: 45px;
+  padding-left: 45px;
+  background: url("../images/daily_img.png") no-repeat left/38px 38px;
 }
-.daily-diary-info-text{
-    padding-bottom: 5px;
+.daily-diary-info-text {
+  padding-bottom: 5px;
 }
-.daily-diary-info-right{
-    cursor: pointer;
-    color: #00aaff;
+.daily-diary-info-right {
+  cursor: pointer;
+  color: #00aaff;
 }
-.daily-diary-info-right:hover{
-    color: #0080d3;
+.daily-diary-info-right:hover {
+  color: #0080d3;
 }
-.popup-daily-img{
-    position: relative;
-    height: 600px;
+.popup-daily-img {
+  position: relative;
+  height: 600px;
 }
-.popup-daily-img img{
-    width: 100%;
-    height: 100%;
+.popup-daily-img img {
+  width: 100%;
+  height: 100%;
 }
-.popup-daily-img-title{
-    width:calc(100% - 30px) ;
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    padding: 10px 15px;
-    background: rgba(0,0,0,0.5);
-    color:#cbdaff;
+.popup-daily-img-title {
+  width: calc(100% - 30px);
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  padding: 10px 15px;
+  background: rgba(0, 0, 0, 0.5);
+  color: #cbdaff;
 }
-.popup-daily-title{
-    color:#cbdaff;
-    position: relative;
+.popup-daily-title {
+  color: #cbdaff;
+  position: relative;
 }
-.popup-daily-title i{
-    color: #00aaff;
-    margin-right: 5px;
-    font-size: 20px;
-    position: relative;
-    top: 3px;
+.popup-daily-title i {
+  color: #00aaff;
+  margin-right: 5px;
+  font-size: 20px;
+  position: relative;
+  top: 3px;
 }
-.popup-daily-sift{
-    padding:0 0 0 15px;
+.popup-daily-sift {
+  padding: 0 0 0 15px;
 }
-.popup-daily-sift-table{
-    padding: 10px 0;
+.popup-daily-sift-table {
+  padding: 10px 0;
 }
-.popup-daily-sift-table table td{
-    padding:8px 5px;
+.popup-daily-sift-table table td {
+  padding: 8px 5px;
 }
-.popup-daily-sift-table table td:first-child{
-    width: 80px;
-    color: #98a1aa;
+.popup-daily-sift-table table td:first-child {
+  width: 80px;
+  color: #98a1aa;
 }
-.popup-daily-sift-date{
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
+.popup-daily-sift-date {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
 }
-.popup-daily-sift-date div{
-    width: 20%;
-    border: 1px solid #0d3568;
-    text-align: center;
-    padding: 3px 0;
-    color: #7895b5;
-    cursor: pointer;
+.popup-daily-sift-date div {
+  width: 20%;
+  border: 1px solid #0d3568;
+  text-align: center;
+  padding: 3px 0;
+  color: #7895b5;
+  cursor: pointer;
 }
-.popup-daily-sift-date .active{
-    border: 1px solid #4584a7;
-    background: #132b57;
-    color: #ffffff;
+.popup-daily-sift-date .active {
+  border: 1px solid #4584a7;
+  background: #132b57;
+  color: #ffffff;
 }
-.popup-daily-sift-btn{
-    width: 50%;
-    border: 1px solid #3d84b0;
-    background: #122a56;
-    height: 35px;
-    line-height: 35px;
-    text-align: center;
-    cursor: pointer;
+.popup-daily-sift-btn {
+  width: 50%;
+  border: 1px solid #3d84b0;
+  background: #122a56;
+  height: 35px;
+  line-height: 35px;
+  text-align: center;
+  cursor: pointer;
 }
-.popup-daily-sift-btn:hover{
-    border: 1px solid #2c5877;
-    background: #0f1c38;
+.popup-daily-sift-btn:hover {
+  border: 1px solid #2c5877;
+  background: #0f1c38;
 }
-.popup-daily-sift-btn:active{
-    background: #192447;
+.popup-daily-sift-btn:active {
+  background: #192447;
 }
-.popup-daily-list-max{
-    padding: 12px 0;
+.popup-daily-list-max {
+  padding: 12px 0;
 }
-.popup-daily-list-min{
-    height: 310px;
-    overflow: auto;
+.popup-daily-list-min {
+  height: 310px;
+  overflow: auto;
 }
 .popup-daily-list-min::-webkit-scrollbar {
-    width: 7px;
-    height: 1px;
+  width: 7px;
+  height: 1px;
 }
 .popup-daily-list-min::-webkit-scrollbar-thumb {
-    border-radius: 10px;
-    background: #192c64;
+  border-radius: 10px;
+  background: #192c64;
 }
 .popup-daily-list-min::-webkit-scrollbar-track {
-    border-radius: 10px;
-    background: #010b2d;
+  border-radius: 10px;
+  background: #010b2d;
 }
-.popup-daily-list-for{
-    padding: 5px 0;
+.popup-daily-list-for {
+  padding: 5px 0;
 }
-.popup-daily-list{
-    height: 160px;
-    padding-right: 10px;
-    position: relative;
+.popup-daily-list {
+  height: 160px;
+  padding-right: 10px;
+  position: relative;
 }
-.popup-daily-list img{
-    height: 100%;
-    width: 100%;
+.popup-daily-list img {
+  height: 100%;
+  width: 100%;
 }
-.popup-daily-list-bottom{
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    background: rgba(0, 0 ,0 ,0.5);
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    padding:5px 15px;
-    width:calc(100% - 40px);
-    color: #ffffff;
+.popup-daily-list-bottom {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  background: rgba(0, 0, 0, 0.5);
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  padding: 5px 15px;
+  width: calc(100% - 40px);
+  color: #ffffff;
 }
-.popup-daily-list-see{
-    color: #00aaff;
-    cursor: pointer;
+.popup-daily-list-see {
+  color: #00aaff;
+  cursor: pointer;
 }
 
 /*技术管理*/
-.new-technical-max{
-    padding:30px 15px;
-
+.new-technical-max {
+  padding: 30px 15px;
 }
-.new-technical{
-    padding:25px 10px;
-    width: calc(100% - 20px);
+.new-technical {
+  padding: 25px 10px;
+  width: calc(100% - 20px);
 }
-.date-font-size span{
-    font-size: 18px;
+.date-font-size span {
+  font-size: 18px;
 }
-.technical-overflow-max{
-    overflow: hidden;
+.technical-overflow-max {
+  overflow: hidden;
 }
-.technical-overflow-min{
-    display: flex;
-    align-items: center;
+.technical-overflow-min {
+  display: flex;
+  align-items: center;
 }
 
-.technical-innovation-max{
-    padding: 15px 0;
-
+.technical-innovation-max {
+  padding: 15px 0;
 }
-.technical-innovation{
-    display: flex;
-    padding: 5px;
+.technical-innovation {
+  display: flex;
+  padding: 5px;
 }
-.technical-innovation-text{
-    width: 100px;
-    color: #9ba3b0;
+.technical-innovation-text {
+  width: 100px;
+  color: #9ba3b0;
 }
-.technical-innovation-info{
-    width: calc(100% - 80px);
-    color: #00aaff;
+.technical-innovation-info {
+  width: calc(100% - 80px);
+  color: #00aaff;
 }
-.technical-index-min li{
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding:9px 12px;
+.technical-index-min li {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 9px 12px;
 }
-.technical-index-text{
-    color:#cbdaff;
-    width: calc(30% - 20px);
-    background: url("../images/text_spot.png") no-repeat left/10px 10px;
-    padding-left: 20px;
+.technical-index-text {
+  color: #cbdaff;
+  width: calc(30% - 20px);
+  background: url("../images/text_spot.png") no-repeat left/10px 10px;
+  padding-left: 20px;
 }
-.technical-index-hr{
-    width: 50%;
-    border: 1px dashed #104384;
+.technical-index-hr {
+  width: 50%;
+  border: 1px dashed #104384;
 }
-.technical-index-state{
-    width: 20%;
-    display: flex;
-    justify-content: right;
+.technical-index-state {
+  width: 20%;
+  display: flex;
+  justify-content: right;
 }
-.technical-index-state-tag{
-    height: 25px;
-    width: 80%;
-    border: 1px solid #ff8b0a;
-    background: #5c4b3b;
-    color: #ff8b0a;
-    text-align: center;
-    line-height: 25px;
-    font-size: 14px;
+.technical-index-state-tag {
+  height: 25px;
+  width: 80%;
+  border: 1px solid #ff8b0a;
+  background: #5c4b3b;
+  color: #ff8b0a;
+  text-align: center;
+  line-height: 25px;
+  font-size: 14px;
 }
-.technical-index-state-tag.active{
-    border: 1px solid #4ab121;
-    background: #004230;
-    color: #4ab121;
+.technical-index-state-tag.active {
+  border: 1px solid #4ab121;
+  background: #004230;
+  color: #4ab121;
 }
-.technical-index-text-btn{
-    position: absolute;
-    right: 30px;
-    top: 12px;
-    z-index: 99;
-    padding-right: 20px;
-    background: url("../images/check_icon.png") no-repeat right/10px 20px;
-    cursor: pointer;
-    color:#cbdaff;
+.technical-index-text-btn {
+  position: absolute;
+  right: 30px;
+  top: 12px;
+  z-index: 99;
+  padding-right: 20px;
+  background: url("../images/check_icon.png") no-repeat right/10px 20px;
+  cursor: pointer;
+  color: #cbdaff;
 }
-.technical-index-text-btn:hover{
-    color: #ffffff;
+.technical-index-text-btn:hover {
+  color: #ffffff;
 }
-.technical-index-title{
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 0 30px;
+.technical-index-title {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 30px;
 }
-.technical-index-title-bgd{
-    background-image: linear-gradient(to right, #2c70b1 , #0a1b35);
-    padding: 5px 15px;
-    color:#cbdaff;
+.technical-index-title-bgd {
+  background-image: linear-gradient(to right, #2c70b1, #0a1b35);
+  padding: 5px 15px;
+  color: #cbdaff;
 }
-.technology{
-    position: relative;
-    height: 610px;
-    background: url("../images/technology_bgd.png") no-repeat top/100% 100%;
+.technology {
+  position: relative;
+  height: 610px;
+  background: url("../images/technology_bgd.png") no-repeat top/100% 100%;
 }
-.technology-module{
-    position: absolute;
+.technology-module {
+  position: absolute;
 }
-.technology-btn{
-    padding: 0 20px;
-    min-width: 60px;
-    height: 30px;
-    text-align: center;
-    line-height: 30px;
-    position: relative;
-    color: #cbdaff;
-    background: url(../images/dangerous_active.png) no-repeat center/100% 100%;
-    cursor: pointer;
+.technology-btn {
+  padding: 0 20px;
+  min-width: 60px;
+  height: 30px;
+  text-align: center;
+  line-height: 30px;
+  position: relative;
+  color: #cbdaff;
+  background: url(../images/dangerous_active.png) no-repeat center/100% 100%;
+  cursor: pointer;
 }
-.technology-btn:hover{
-    color: #ffffff;
+.technology-btn:hover {
+  color: #ffffff;
 }
-.technology-btn img{
-    width: 8px;
-    position: absolute;
-    right: 8px;
-    top: 7px;
+.technology-btn img {
+  width: 8px;
+  position: absolute;
+  right: 8px;
+  top: 7px;
 }
-.technology-photo{
-    width: 65px;
-    height: 91px;
-    margin: 5px auto;
+.technology-photo {
+  width: 65px;
+  height: 91px;
+  margin: 5px auto;
 }
-.technology-not-photo{
-    width: 70px;
-    height: 98px;
-    line-height: 98px;
-    background: #1d3d6c;
-    font-size: 12px;
-    color: #00aaff;
-    margin: 8px 0;
-    text-align: center;
+.technology-not-photo {
+  width: 70px;
+  height: 98px;
+  line-height: 98px;
+  background: #1d3d6c;
+  font-size: 12px;
+  color: #00aaff;
+  margin: 8px 0;
+  text-align: center;
 }
-.technology-name{
-    text-align: center;
-    color: #cbdaff;
+.technology-name {
+  text-align: center;
+  color: #cbdaff;
 }
-.technology-min{
-    justify-content: center;
+.technology-min {
+  justify-content: center;
 }
 
-.new-technology{
-    position: relative;
-    height: 615px;
-    background: url("../images/technology_bgd_new.png") no-repeat top/100% 100%;
+.new-technology {
+  position: relative;
+  height: 615px;
+  background: url("../images/technology_bgd_new.png") no-repeat top/100% 100%;
 }
 
-
-
-
-
 /*延迟摄影*/
-.delay-list-max{
-    padding: 15px;
+.delay-list-max {
+  padding: 15px;
 }
-.delay-list-min{
-    height: 910px;
-    overflow: auto;
+.delay-list-min {
+  height: 910px;
+  overflow: auto;
 }
 .delay-list-min::-webkit-scrollbar {
-    width: 7px;
-    height: 1px;
+  width: 7px;
+  height: 1px;
 }
 .delay-list-min::-webkit-scrollbar-thumb {
-    border-radius: 10px;
-    background: #192c64;
+  border-radius: 10px;
+  background: #192c64;
 }
 .delay-list-min::-webkit-scrollbar-track {
-    border-radius: 10px;
-    background: #010b2d;
+  border-radius: 10px;
+  background: #010b2d;
 }
-.delay-list-title-bgd{
-    height: 60px;
-    line-height: 60px;
-    padding:0 15px;
-    background: url("../images/table_tr.png") no-repeat center/100% 50px;
+.delay-list-title-bgd {
+  height: 60px;
+  line-height: 60px;
+  padding: 0 15px;
+  background: url("../images/table_tr.png") no-repeat center/100% 50px;
 }
-.delay-list-title{
-    cursor: pointer;
-    color:#00aaff;
-    background: url("../images/survey_icon_3.png") no-repeat right/22px 22px;
+.delay-list-title {
+  cursor: pointer;
+  color: #00aaff;
+  background: url("../images/survey_icon_3.png") no-repeat right/22px 22px;
 }
-.delay-list-title.active{
-    color:#ffffff;
+.delay-list-title.active {
+  color: #ffffff;
 }
-.delay-list-title:hover{
-    color:#ffffff;
+.delay-list-title:hover {
+  color: #ffffff;
 }
-.delay-list-img-list{
-    padding:5px;
-    height: 190px;
-    position: relative;
+.delay-list-img-list {
+  padding: 5px;
+  height: 190px;
+  position: relative;
 }
-.delay-list-img-date{
-    position: absolute;
-    bottom: 5px;
-    left: 0;
-    height: 30px;
-    line-height: 30px;
-    padding: 0 15px;
-    background: rgba(0,0,0,0.5);
-    width: calc(100% - 30px);
+.delay-list-img-date {
+  position: absolute;
+  bottom: 5px;
+  left: 0;
+  height: 30px;
+  line-height: 30px;
+  padding: 0 15px;
+  background: rgba(0, 0, 0, 0.5);
+  width: calc(100% - 30px);
 }
-.delay-video{
-    padding: 20px 0;
+.delay-video {
+  padding: 20px 0;
 }
 
 /*电子沙盘*/
 
-.sand-table-quality{
-    padding: 10px 0px 10px 20px;
-    display: flex;
-    align-items: center;
+.sand-table-quality {
+  padding: 10px 0px 10px 20px;
+  display: flex;
+  align-items: center;
 }
-.sand-table-bgd{
-    background: url("../images/education_bgd.png") no-repeat bottom/80px 55px;
+.sand-table-bgd {
+  background: url("../images/education_bgd.png") no-repeat bottom/80px 55px;
 }
-.sand-table-bgd img{
-    width: 35px;
-    height: 35px;
+.sand-table-bgd img {
+  width: 35px;
+  height: 35px;
 }
-.sand-table-value-data{
-    color: #c0dafb;
-    padding-left: 10px;
+.sand-table-value-data {
+  color: #c0dafb;
+  padding-left: 10px;
 }
-.sand-table-value-data p{
-    padding-top: 15px;
-    font-size: 20px;
-    font-weight: bold;
-    color: #62cff8;
+.sand-table-value-data p {
+  padding-top: 15px;
+  font-size: 20px;
+  font-weight: bold;
+  color: #62cff8;
 }
-.sand-table-value-data p span{
-    color: #c0dafb;
-    font-size: 16px;
+.sand-table-value-data p span {
+  color: #c0dafb;
+  font-size: 16px;
 }
 
-.sand-table-background{
-    position: absolute;
-    width: 1920px;
-    height: 1080px;
-    background: url("../images/sand_table_bgd.png") no-repeat center/100% 100%;
+.sand-table-background {
+  position: absolute;
+  width: 1920px;
+  height: 1080px;
+  background: url("../images/sand_table_bgd.png") no-repeat center/100% 100%;
 }
-.sand-table-background img{
-    position: absolute;
-    cursor: pointer;
+.sand-table-background img {
+  position: absolute;
+  cursor: pointer;
 }
-.bottom-legend{
-    width: 50%;
-    position: fixed;
-    bottom: 20px;
-    left: 25%;
-    height: 40px;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
+.bottom-legend {
+  width: 50%;
+  position: fixed;
+  bottom: 20px;
+  left: 25%;
+  height: 40px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
 }
-.bottom-legend-icon{
-    display: flex;
-    align-items: center;
+.bottom-legend-icon {
+  display: flex;
+  align-items: center;
 }
-.bottom-legend-list{
-    display: flex;
-    align-items: center;
+.bottom-legend-list {
+  display: flex;
+  align-items: center;
 }
-.bottom-legend-list img{
-    width: 25px;
-    height: 25px;
+.bottom-legend-list img {
+  width: 25px;
+  height: 25px;
 }
-.bottom-legend-list span{
-    padding: 0 15px 0 10px;
+.bottom-legend-list span {
+  padding: 0 15px 0 10px;
 }
-.bottom-legend-state{
-    display: flex;
-    align-items: center;
+.bottom-legend-state {
+  display: flex;
+  align-items: center;
 }
-.bottom-state-list{
-    display: flex;
-    align-items: center;
+.bottom-state-list {
+  display: flex;
+  align-items: center;
 }
-.bottom-state-list span{
-    padding:0 10px;
+.bottom-state-list span {
+  padding: 0 10px;
 }
-.bottom-state-list button{
-    width: 15px;
-    height: 15px;
-    border: 0;
+.bottom-state-list button {
+  width: 15px;
+  height: 15px;
+  border: 0;
 }
-.bottom-state-zc{
-    background: #008efe;
+.bottom-state-zc {
+  background: #008efe;
 }
-.bottom-state-bj{
-    background: #d64349;
+.bottom-state-bj {
+  background: #d64349;
 }
-.bottom-state-lx{
-    background: #9da4b6;
+.bottom-state-lx {
+  background: #9da4b6;
 }
-.sand-table-popup-max{
-    width: 380px;
-    position: absolute;
+.sand-table-popup-max {
+  width: 380px;
+  position: absolute;
 }
-.sand-table-top-icon{
-    height: 5px;
-    background: url("../images/popup_top.png") no-repeat left/100px 5px;
+.sand-table-top-icon {
+  height: 5px;
+  background: url("../images/popup_top.png") no-repeat left/100px 5px;
 }
-.sand-table-popup-content{
-    padding: 2px;
-    border: 1px solid #3473b8;
-    background: rgba(22, 37, 75, 0.9);
-    position: relative;
+.sand-table-popup-content {
+  padding: 2px;
+  border: 1px solid #3473b8;
+  background: rgba(22, 37, 75, 0.9);
+  position: relative;
 }
-.sand-table-popup-jx-close{
-    font-size: 25px;
-    width: 25px;
-    height: 25px;
-    text-align: center;
-    line-height: 25px;
-    border-radius: 50%;
-    cursor: pointer;
-    position: absolute;
-    right: 10px;
-    top: 5px;
+.sand-table-popup-jx-close {
+  font-size: 25px;
+  width: 25px;
+  height: 25px;
+  text-align: center;
+  line-height: 25px;
+  border-radius: 50%;
+  cursor: pointer;
+  position: absolute;
+  right: 10px;
+  top: 5px;
 }
 .sand-table-popup-jx-close:hover {
-    background: #37536f;
+  background: #37536f;
 }
-.sand-table-popup-content-title{
-    height: 30px;
-    background: url("../images/map_popup_title.png") no-repeat left/100% 100%;
-    display: flex;
-    align-items: center;
-    padding: 0 10px;
-    justify-content: space-between;
+.sand-table-popup-content-title {
+  height: 30px;
+  background: url("../images/map_popup_title.png") no-repeat left/100% 100%;
+  display: flex;
+  align-items: center;
+  padding: 0 10px;
+  justify-content: space-between;
 }
-.sand-table-popup-content-close{
-    font-size: 25px;
-    width: 25px;
-    height: 25px;
-    text-align: center;
-    line-height: 25px;
-    border-radius: 50%;
-    cursor: pointer;
+.sand-table-popup-content-close {
+  font-size: 25px;
+  width: 25px;
+  height: 25px;
+  text-align: center;
+  line-height: 25px;
+  border-radius: 50%;
+  cursor: pointer;
 }
 .sand-table-popup-content-close:hover {
-    background: #37536f;
+  background: #37536f;
 }
-.sand-table-popup-content-date{
-    padding:10px;
-    font-size: 14px;
-    color: #00aaff;
+.sand-table-popup-content-date {
+  padding: 10px;
+  font-size: 14px;
+  color: #00aaff;
 }
-.sand-ji-keng-info{
-    padding:0 5px 10px;
-    font-size: 14px;
-    color: #c0dafb;
+.sand-ji-keng-info {
+  padding: 0 5px 10px;
+  font-size: 14px;
+  color: #c0dafb;
 }
-.sand-ji-keng-info table th{
-    font-weight: 400;
-    padding: 5px;
-    background: #203f65;
-    text-align: center;
-    color: #ffffff;
+.sand-ji-keng-info table th {
+  font-weight: 400;
+  padding: 5px;
+  background: #203f65;
+  text-align: center;
+  color: #ffffff;
 }
-.sand-ji-keng-info table td{
-    padding:8px 5px;
-    text-align: center;
+.sand-ji-keng-info table td {
+  padding: 8px 5px;
+  text-align: center;
 }
-.sand-ji-keng-info table td:nth-child(2){
-    color: #00aaff;
+.sand-ji-keng-info table td:nth-child(2) {
+  color: #00aaff;
 }
-.sand-ji-keng-info table td:nth-child(3){
-    color: #ff9900;
+.sand-ji-keng-info table td:nth-child(3) {
+  color: #ff9900;
 }
-.sand-ji-keng-info table td:nth-child(4){
-    color: #ff0000;
+.sand-ji-keng-info table td:nth-child(4) {
+  color: #ff0000;
 }
-.sand-table-popup-ligature{
-    width: 36px;
-    height: 60px;
-    margin:-10px auto 0;
-    position: absolute;
-    background: url("../images/ligature.png") no-repeat center/100% 100%;
-    left: 45%;
+.sand-table-popup-ligature {
+  width: 36px;
+  height: 60px;
+  margin: -10px auto 0;
+  position: absolute;
+  background: url("../images/ligature.png") no-repeat center/100% 100%;
+  left: 45%;
 }
 
-.sand-table-ji-xie-content{
-    padding: 10px;
+.sand-table-ji-xie-content {
+  padding: 10px;
 }
-.sand-table-ji-xie-top{
-    padding-bottom: 15px;
+.sand-table-ji-xie-top {
+  padding-bottom: 15px;
 }
-.sand-table-ji-xie-title{
-    display: flex;
-    align-items: center;
+.sand-table-ji-xie-title {
+  display: flex;
+  align-items: center;
 }
-.sand-table-ji-xie-title-img{
-    width: 60px;
-    height: 60px;
-    background: #0e3157;
-    text-align: center;
+.sand-table-ji-xie-title-img {
+  width: 60px;
+  height: 60px;
+  background: #0e3157;
+  text-align: center;
 }
-.sand-table-ji-xie-title-img img{
-    width: 35px;
-    height: 35px;
-    transform: translateY(40%);
+.sand-table-ji-xie-title-img img {
+  width: 35px;
+  height: 35px;
+  transform: translateY(40%);
 }
-.sand-table-ji-xie-title-text{
-    width: calc(100% - 75px);
-    padding-left: 15px;
+.sand-table-ji-xie-title-text {
+  width: calc(100% - 75px);
+  padding-left: 15px;
 }
-.sand-table-ji-xie-title-name{
-    padding: 6px 0;
+.sand-table-ji-xie-title-name {
+  padding: 6px 0;
 }
-.sand-table-ji-xie-title-model{
-    padding: 6px 0;
-    color: #00aaff;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
+.sand-table-ji-xie-title-model {
+  padding: 6px 0;
+  color: #00aaff;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
 }
-.sand-table-ji-xie-title-model span{
-    background: #1b8807;
-    color: #ffffff;
-    font-size: 14px;
-    padding: 1px 8px;
-    border-radius: 10px 0 10px 0;
+.sand-table-ji-xie-title-model span {
+  background: #1b8807;
+  color: #ffffff;
+  font-size: 14px;
+  padding: 1px 8px;
+  border-radius: 10px 0 10px 0;
 }
 
-.sand-table-ji-xie-info{
-    padding: 10px 0;
-    border-top: 2px dashed #4999d6;
-    border-bottom: 2px dashed #4999d6;
+.sand-table-ji-xie-info {
+  padding: 10px 0;
+  border-top: 2px dashed #4999d6;
+  border-bottom: 2px dashed #4999d6;
 }
-.sand-table-ji-xie-info-list{
-    display: flex;
-    align-items: center;
-    padding: 7px 0;
+.sand-table-ji-xie-info-list {
+  display: flex;
+  align-items: center;
+  padding: 7px 0;
 }
-.sand-table-ji-xie-info-list div:first-child{
-    width: 45%;
+.sand-table-ji-xie-info-list div:first-child {
+  width: 45%;
 }
-.sand-table-ji-xie-info-list div:last-child{
-    width: 55%;
+.sand-table-ji-xie-info-list div:last-child {
+  width: 55%;
 }
-.sand-table-ji-xie-info-list span{
-    color: #00aaff;
+.sand-table-ji-xie-info-list span {
+  color: #00aaff;
 }
-.sand-table-ji-xie-info-details{
-    padding: 7px 0;
+.sand-table-ji-xie-info-details {
+  padding: 7px 0;
 }
-.sand-table-ji-xie-info-details span{
-    color: #00aaff;
+.sand-table-ji-xie-info-details span {
+  color: #00aaff;
 }
-.sand-table-ji-xie-driver{
-    padding-bottom: 12px;
+.sand-table-ji-xie-driver {
+  padding-bottom: 12px;
 }
-.sand-table-ji-xie-project{
-    padding: 15px 0;
-    color: #c0dafb;
+.sand-table-ji-xie-project {
+  padding: 15px 0;
+  color: #c0dafb;
 }
-.sand-table-ji-xie-address{
-    margin: 10px 0;
-    background: #1e355f;
-    padding: 6px;
-    color: #00aaff;
+.sand-table-ji-xie-address {
+  margin: 10px 0;
+  background: #1e355f;
+  padding: 6px;
+  color: #00aaff;
 }
-.sand-bys-info{
-    padding:10px 5px;
-    color: #c0dafb;
-    font-size: 14px;
+.sand-bys-info {
+  padding: 10px 5px;
+  color: #c0dafb;
+  font-size: 14px;
 }
-.sand-bys-info table td{
-    padding:8px 3px;
-    text-align: center;
+.sand-bys-info table td {
+  padding: 8px 3px;
+  text-align: center;
 }
-.sand-bys-info-val{
-    padding-bottom: 10px;
+.sand-bys-info-val {
+  padding-bottom: 10px;
 }
-.sand-bys-info-val span{
-    font-size: 20px;
-    color: #00aaff;
+.sand-bys-info-val span {
+  font-size: 20px;
+  color: #00aaff;
 }
 
-.sand-table-battery{
-    display: flex;
-    align-items: center;
-    color: #2ac807
+.sand-table-battery {
+  display: flex;
+  align-items: center;
+  color: #2ac807;
 }
-.sand-table-battery.active{
-    color: #ff0000;
+.sand-table-battery.active {
+  color: #ff0000;
 }
-.sand-table-battery-icon{
-    padding: 2px 5px 2px  2px;
-    height: 10px;
-    width: 23px;
-    background: url("../images/battery.png") no-repeat center/100% 100%;
-    margin-right: 5px;
+.sand-table-battery-icon {
+  padding: 2px 5px 2px 2px;
+  height: 10px;
+  width: 23px;
+  background: url("../images/battery.png") no-repeat center/100% 100%;
+  margin-right: 5px;
 }
-.sand-table-battery.active .sand-table-battery-icon{
-    background: url("../images/battery_red.png") no-repeat center/100% 100%;
+.sand-table-battery.active .sand-table-battery-icon {
+  background: url("../images/battery_red.png") no-repeat center/100% 100%;
 }
-.sand-table-battery-quantity{
-    height: 100%;
-    background: #1b8807;
+.sand-table-battery-quantity {
+  height: 100%;
+  background: #1b8807;
 }
-.sand-table-battery.active .sand-table-battery-quantity{
-    background: #ff0000;
+.sand-table-battery.active .sand-table-battery-quantity {
+  background: #ff0000;
 }
 
 /*2023-5-6  标准换照片修改*/
-.img-see-details{
-    cursor: pointer;
-    color: #00a8ff;
+.img-see-details {
+  cursor: pointer;
+  color: #00a8ff;
 }
-.amplify-carousel{
-    position: fixed;
-    width: 100%;
-    height: 100%;
-    background: rgba(0,0,0,0.6);
-    left: 0;
-    top: 0;
-    z-index:2002 ;
+.amplify-carousel {
+  position: fixed;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.6);
+  left: 0;
+  top: 0;
+  z-index: 2002;
 }
-.amplify-carousel-img{
-    width: 100%;
-    height: 100%;
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-pack: center;
-    -ms-flex-pack: center;
-    justify-content: center;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center;
+.amplify-carousel-img {
+  width: 100%;
+  height: 100%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
 }
-.amplify-carousel-img img{
-    transform: scale(1) rotate(0deg);
-    margin-left: 0px;
-    margin-top: 0px;
-    max-height: 100%;
-    max-width: 100%;
+.amplify-carousel-img img {
+  transform: scale(1) rotate(0deg);
+  margin-left: 0px;
+  margin-top: 0px;
+  max-height: 100%;
+  max-width: 100%;
 }
-.amplify-carousel-btn{
-    position: fixed;
-    width: 44px;
-    height: 44px;
-    border-radius: 50%;
-    font-size: 24px;
-    color: #fff;
-    background-color: #606266;
-    z-index: 2003;
-    line-height: 44px;
-    text-align: center;
-    cursor: pointer;
+.amplify-carousel-btn {
+  position: fixed;
+  width: 44px;
+  height: 44px;
+  border-radius: 50%;
+  font-size: 24px;
+  color: #fff;
+  background-color: #606266;
+  z-index: 2003;
+  line-height: 44px;
+  text-align: center;
+  cursor: pointer;
 }
-.amplify-carousel-left{
-    top: 50%;
-    left: 40px;
+.amplify-carousel-left {
+  top: 50%;
+  left: 40px;
 }
-.amplify-carousel-right{
-    top: 50%;
-    right: 40px;
-    text-indent: 2px;
+.amplify-carousel-right {
+  top: 50%;
+  right: 40px;
+  text-indent: 2px;
 }
-.amplify-carousel-btn:active{
-    background-color:#444444;
+.amplify-carousel-btn:active {
+  background-color: #444444;
 }
-.amplify-carousel-close{
-    position: fixed;
-    width: 35px;
-    height: 35px;
-    border-radius: 50%;
-    font-size: 24px;
-    color: #fff;
-    border:1px solid #fff;
-    z-index: 2003;
-    line-height: 35px;
-    text-align: center;
-    cursor: pointer;
-    top: 40px;
-    right: 40px;
+.amplify-carousel-close {
+  position: fixed;
+  width: 35px;
+  height: 35px;
+  border-radius: 50%;
+  font-size: 24px;
+  color: #fff;
+  border: 1px solid #fff;
+  z-index: 2003;
+  line-height: 35px;
+  text-align: center;
+  cursor: pointer;
+  top: 40px;
+  right: 40px;
 }
-.amplify-carousel-close:hover{
-    background-color:#606266;
+.amplify-carousel-close:hover {
+  background-color: #606266;
 }
-.amplify-carousel-close:active{
-    background-color:#444444;
+.amplify-carousel-close:active {
+  background-color: #444444;
 }
 
 /*过程管控 planne-output 组件*/
-.output-content{
-    overflow: auto;
+.output-content {
+  overflow: auto;
 }
 .output-content::-webkit-scrollbar {
-    width: 0px;
-    height: 1px;
+  width: 0px;
+  height: 1px;
 }
 .output-content::-webkit-scrollbar-thumb {
-    border-radius: 10px;
-    background: #192c64;
+  border-radius: 10px;
+  background: #192c64;
 }
 .output-content::-webkit-scrollbar-track {
-    border-radius: 10px;
-    background: #010b2d;
+  border-radius: 10px;
+  background: #010b2d;
 }
-.output-content-for{
-    height: 90px;
+.output-content-for {
+  height: 90px;
 }
-.output-title{
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    color: #c0dafb;
-    padding: 5px 0;
+.output-title {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  color: #c0dafb;
+  padding: 5px 0;
 }
-.output-rightTitle{
-    display: flex;
-    align-items: center;
-    width: 180px;
-    height: 21px;
+.output-rightTitle {
+  display: flex;
+  align-items: center;
+  width: 180px;
+  height: 21px;
 }
-.output-bar{
-    padding: 3px 0;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
+.output-bar {
+  padding: 3px 0;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
 }
-.output-bar-border{
-    width: 80%;
-    border: 1px solid #1d446d;
-    padding: 2px;
+.output-bar-border {
+  width: 80%;
+  border: 1px solid #1d446d;
+  padding: 2px;
 }
-.output-bar-background-1{
-    background-image: linear-gradient(to right, #003cda, #067dff);
-    height: 8px;
+.output-bar-background-1 {
+  background-image: linear-gradient(to right, #003cda, #067dff);
+  height: 8px;
 }
-.output-bar-background-2{
-    background-image: linear-gradient(to right, #008d7e, #26c8bb);
-    height: 8px;
+.output-bar-background-2 {
+  background-image: linear-gradient(to right, #008d7e, #26c8bb);
+  height: 8px;
 }
-.output-bar-value{
-    width: 15%;
-    color: #067dff;
+.output-bar-value {
+  width: 15%;
+  color: #067dff;
 }
 /*质量管理*/
-.milestone-max{
-    padding: 15px 0;
+.milestone-max {
+  padding: 15px 0;
 }
-.milestone-min{
-    height: 900px;
-    overflow: auto;
+.milestone-min {
+  height: 900px;
+  overflow: auto;
 }
-.milestone-min::-webkit-scrollbar{
-    width: 0px;
-    height: 0px;
+.milestone-min::-webkit-scrollbar {
+  width: 0px;
+  height: 0px;
 }
-.milestone-for{
-    padding: 15px 10px;
+.milestone-for {
+  padding: 15px 10px;
 }
-.milestone-background{
-    background: url("../images/milestone_bgd.png") no-repeat center/100% 100%;
+.milestone-background {
+  background: url("../images/milestone_bgd.png") no-repeat center/100% 100%;
 }
-.milestone-title{
-    display: flex;
-    align-items: center;
-    border-bottom: 1px solid #194689;
+.milestone-title {
+  display: flex;
+  align-items: center;
+  border-bottom: 1px solid #194689;
 }
-.milestone-title-number{
-    height: 50px;
-    width: 50px;
-    text-align: center;
-    line-height: 50px;
-    color: #42d0ff;
-    border-bottom: 1px solid #42d0ff;
+.milestone-title-number {
+  height: 50px;
+  width: 50px;
+  text-align: center;
+  line-height: 50px;
+  color: #42d0ff;
+  border-bottom: 1px solid #42d0ff;
 }
-.milestone-title-text{
-    width: calc(100% - 60px);
-    padding-left: 10px;
-    overflow: hidden;
-    white-space:nowrap;
-    text-overflow:ellipsis;
+.milestone-title-text {
+  width: calc(100% - 60px);
+  padding-left: 10px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
 }
-.milestone-table{
-    color: #9ea6b1;
-    padding: 20px 15px 0;
+.milestone-table {
+  color: #9ea6b1;
+  padding: 20px 15px 0;
 }
-.milestone-table table td:first-child{
-    width: 90px;
+.milestone-table table td:first-child {
+  width: 90px;
 }
-.milestone-table table{
-    height: 200px;
+.milestone-table table {
+  height: 200px;
 }
-.milestone-table table td{
-    vertical-align: top;
+.milestone-table table td {
+  vertical-align: top;
 }
 
 /*龙门吊样式*/
-.lmd-stat{
-    display: flex;
-    align-items: center;
-    padding: 15px;
+.lmd-stat {
+  display: flex;
+  align-items: center;
+  padding: 15px;
 }
-.lmd-stat img{
-    width: 50px;
-    height: 50px;
+.lmd-stat img {
+  width: 50px;
+  height: 50px;
 }
-.lmd-stat-con{
-    padding: 10px;
-    color: #c0dafb;
+.lmd-stat-con {
+  padding: 10px;
+  color: #c0dafb;
 }
-.lmd-stat-con p{
-    padding-bottom: 10px;
+.lmd-stat-con p {
+  padding-bottom: 10px;
 }
-.lmd-stat-con span{
-    font-size: 20px;
-    color: #00a8ff;
+.lmd-stat-con span {
+  font-size: 20px;
+  color: #00a8ff;
 }
 
-.xhz-concrete-nav{
-    display: flex;
-    align-items: center;
-    justify-content: space-between
+.xhz-concrete-nav {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
 }
-.xhz-concrete-nav .sjk-chart-line-title-tz button{
-    width: 100px;
+.xhz-concrete-nav .sjk-chart-line-title-tz button {
+  width: 100px;
 }
-.xhz-concrete-nav .more-btn{
-    width: auto !important;
-    padding: 5px 12px;
+.xhz-concrete-nav .more-btn {
+  width: auto !important;
+  padding: 5px 12px;
 }
 
-.many-chart-max{
-    width: 1350px;
-    margin: auto;
-    overflow: hidden;
-    display: flex;
-    align-items: center;
+.many-chart-max {
+  width: 1350px;
+  margin: auto;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
 }
-.many-chart-min{
-    display:flex
+.many-chart-min {
+  display: flex;
 }
-.many-chart-text{
-    padding-top: 15px;
-    font-size: 18px;
-    color: #00f1fc;
+.many-chart-text {
+  padding-top: 15px;
+  font-size: 18px;
+  color: #00f1fc;
 }
-.xhz-concrete-legend{
-    display: flex;
-    align-items: center;
-    padding: 5px 15px 0;
+.xhz-concrete-legend {
+  display: flex;
+  align-items: center;
+  padding: 5px 15px 0;
 }
-.xhz-concrete-legend-1 button{
-    width: 20px;
-    height: 15px;
-    margin-right: 5px;
-    background: rgba(64,124,254,1)
+.xhz-concrete-legend-1 button {
+  width: 20px;
+  height: 15px;
+  margin-right: 5px;
+  background: rgba(64, 124, 254, 1);
 }
-.xhz-concrete-legend-2 button{
-    width: 20px;
-    height: 15px;
-    margin-right: 5px;
-    background: rgba(25,210,204,1)
+.xhz-concrete-legend-2 button {
+  width: 20px;
+  height: 15px;
+  margin-right: 5px;
+  background: rgba(25, 210, 204, 1);
 }
 
 /*技术管理*/
-.plan-max{
-    height: 420px;
-    overflow: auto;
+.plan-max {
+  height: 420px;
+  overflow: auto;
 }
-.plan-max::-webkit-scrollbar{
-    width: 0px;
-    height: 0px;
+.plan-max::-webkit-scrollbar {
+  width: 0px;
+  height: 0px;
 }
-.plan-list-for{
-    padding: 10px 0;
+.plan-list-for {
+  padding: 10px 0;
 }
-.plan-list-min{
-    padding: 0 15px;
-    height: 190px;
-    background: url("../images/weekly_check.png") no-repeat center/100% 100%;
+.plan-list-min {
+  padding: 0 15px;
+  height: 190px;
+  background: url("../images/weekly_check.png") no-repeat center/100% 100%;
 }
-.plan-list-title{
-    height: 40px;
-    line-height: 40px;
-    padding-right: 20px;
-    display: flex;
+.plan-list-title {
+  height: 40px;
+  line-height: 40px;
+  padding-right: 20px;
+  display: flex;
 }
-.plan-list-title-border{
-    border-bottom: 1px solid #1c4489;
+.plan-list-title-border {
+  border-bottom: 1px solid #1c4489;
 }
-.plan-list-con{
-    padding: 10px 0;
-    color: #aaaaaa;
+.plan-list-con {
+  padding: 10px 0;
+  color: #aaaaaa;
 }
-.plan-list-flex{
-    padding: 10px 0;
-    color: #aaaaaa;
-    display: flex;
+.plan-list-flex {
+  padding: 10px 0;
+  color: #aaaaaa;
+  display: flex;
 }
-.plan-list-flex-title{
-    width: 80px;
+.plan-list-flex-title {
+  width: 80px;
 }
-.plan-list-flex-con{
-    width: calc(100% - 80px);
-    overflow: hidden;
-    white-space:nowrap;
-    text-overflow:ellipsis;
+.plan-list-flex-con {
+  width: calc(100% - 80px);
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
 }
-.plan-list-title-max{
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    border-bottom: 1px solid #1c4489;
+.plan-list-title-max {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  border-bottom: 1px solid #1c4489;
 }
-.plan-list-name{
-    width: 280px;
-    overflow: hidden;
-    white-space:nowrap;
-    text-overflow:ellipsis;
+.plan-list-name {
+  width: 280px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
 }
-.plan-list-flex-node-title{
-    width: 115px;
+.plan-list-flex-node-title {
+  width: 115px;
 }
-.plan-list-flex-node-con{
-    width: calc(100% - 120px);
-    overflow: hidden;
-    white-space:nowrap;
-    text-overflow:ellipsis;
+.plan-list-flex-node-con {
+  width: calc(100% - 120px);
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
 }
 /*2023-05-29*/
-.log-content{
-    padding: 10px 0;
-    border-bottom: 2px dashed #4999d6;
+.log-content {
+  padding: 10px 0;
+  border-bottom: 2px dashed #4999d6;
 }
-.log-title{
-    padding: 5px 25px;
-    background: url("http://fileimg.makalu.cc/WEB_8AC1D23FA99E4783A11E6AA15958F945.png") no-repeat left/20px;
-    color: #00aaff;
-    font-weight: bold;
+.log-title {
+  padding: 5px 25px;
+  background: url("http://fileimg.makalu.cc/WEB_8AC1D23FA99E4783A11E6AA15958F945.png") no-repeat left/20px;
+  color: #00aaff;
+  font-weight: bold;
 }
-.log-list-con{
-    padding: 7px;
+.log-list-con {
+  padding: 7px;
 }
-.log-list{
-    padding: 10px;
+.log-list {
+  padding: 10px;
 }
-.log-list span{
-    color: #00aaff;
-    font-size: 18px;
+.log-list span {
+  color: #00aaff;
+  font-size: 18px;
 }
 /*进度管理-新*/
-.topBox{
-    position: absolute;
-    top: 0px;
-    left: 0px;
-    width: 100%;
-    display: none;
+.topBox {
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  width: 100%;
+  display: none;
 }
-.bottomBox{
-    position: absolute;
-    top: 0px;
-    left: 0px;
-    width: 100%;
-    display: none;
+.bottomBox {
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  width: 100%;
+  display: none;
 }
-.showchart{
-    display: block;
+.showchart {
+  display: block;
 }
-.videoBox{
-    position: relative;
+.videoBox {
+  position: relative;
 }
 /*筛选框*/
-.select-shigong{
-    padding: 5px ;
-    width: 130px;
-    cursor: pointer;
-    background: url("../images/dangerous.png") no-repeat center/100% 100%;
-    color: #5388b0;
-    font-size: 16px;
+.select-shigong {
+  padding: 5px;
+  width: 130px;
+  cursor: pointer;
+  background: url("../images/dangerous.png") no-repeat center/100% 100%;
+  color: #5388b0;
+  font-size: 16px;
 }
 
-select:focus{
-    outline: none;
+select:focus {
+  outline: none;
 }
 option {
-    display:block;
-    padding: 5px ;
-    width: 130px;
-    height: 30px;
-    cursor: pointer;
-    margin-right: 20px;
-    color: #5388b0;
-    font-size: 16px;
-    background-color: #020e26;
+  display: block;
+  padding: 5px;
+  width: 130px;
+  height: 30px;
+  cursor: pointer;
+  margin-right: 20px;
+  color: #5388b0;
+  font-size: 16px;
+  background-color: #020e26;
 }
 /*施工日志-填报日志弹窗*/
-.date-shigong{
-    display: flex;
-    align-items: center;
-    margin: 10px;
+.date-shigong {
+  display: flex;
+  align-items: center;
+  margin: 10px;
 }
 
-
 /*修改时间位置*/
-.el-input__prefix{
-    position: relative;
+.el-input__prefix {
+  position: relative;
 }
 
-
-.el-input__icon{
-    position: absolute;
-    right: 5px;
+.el-input__icon {
+  position: absolute;
+  right: 5px;
 }
 /*修改input*/
-.el-input__inner{
-    padding-left: 6px !important;
-    border-radius: 0px !important;
+.el-input__inner {
+  padding-left: 6px !important;
+  border-radius: 0px !important;
 }
 
-.el-select .el-input__inner{
-    background: transparent;
-    color: #fff;
-    border:solid 1px #409eff66;
-    line-height: 30px;
-    height: 30px;
-    border-radius: 4px !important;
+.el-select .el-input__inner {
+  background: transparent;
+  color: #fff;
+  border: solid 1px #409eff66;
+  line-height: 30px;
+  height: 30px;
+  border-radius: 4px !important;
 }
-.el-select .el-input__icon{
-    line-height: 30px;
+.el-select .el-input__icon {
+  line-height: 30px;
 }
 
-.el-select:hover .el-input__inner, .el-select .el-input__inner:focus{
-    border:solid 1px #409effaa;
-}
\ No newline at end of file
+.el-select:hover .el-input__inner,
+.el-select .el-input__inner:focus {
+  border: solid 1px #409effaa;
+}
diff --git a/yanzhu-bigscreen/src/api/machmater.js b/yanzhu-bigscreen/src/api/machmater.js
index 483bfb35..5597d065 100644
--- a/yanzhu-bigscreen/src/api/machmater.js
+++ b/yanzhu-bigscreen/src/api/machmater.js
@@ -33,6 +33,28 @@ const machGetCertInfoData=(projectId)=>{
     })
 }
 
+//机智管家-操作证列表
+const machGetCertInfoList=(projectId,status)=>{
+    return request({
+        url: '/manage/bgscreen/machMater/machGetCertInfoList',
+        method: 'get',
+        params: {
+            projectId: projectId,
+            status:status
+        }
+    })
+}
+//机智管家-塔机指挥
+const machSelectMachineCardImageList=(projectId)=>{
+    return request({
+        url: '/manage/bgscreen/machMater/machSelectMachineCardImageList',
+        method: 'get',
+        params: {
+            projectId: projectId
+        }
+    })
+}
+
 //机智管家-机械地图数据
 const machSelectMachineMapData=(projectId)=>{
     return request({
@@ -192,6 +214,8 @@ export default{
     machGetExceptionAlert,
     machGetMachineInfo,
     machGetSystemDeviceInfoUrl,
+    machSelectMachineCardImageList,
+    machGetCertInfoList,
     materGetConcreteMaterialActQuantityBuildingNoInfoService,
     materGetConcreteMaterialActQuantityGhInfoService,
     materGetProjectChaoHaoStatisticsRPTService,
diff --git a/yanzhu-bigscreen/src/components/MyChart.vue b/yanzhu-bigscreen/src/components/MyChart.vue
index 9b165642..ab8db497 100644
--- a/yanzhu-bigscreen/src/components/MyChart.vue
+++ b/yanzhu-bigscreen/src/components/MyChart.vue
@@ -21,6 +21,9 @@ export default {
             type: String,
             default: '400px',
         },
+        tag:{
+            type:Object
+        },
         render: {
             type: Function,
         },
@@ -44,13 +47,13 @@ export default {
         reLoad() {
             let opt = {}
             if (this.render) {
-                opt = this.render(opt)
+                opt = this.render(opt,this.chart,this.tag)
             }
             this.chart.setOption(opt, true)
         },
         setOption(opt) {
             if (this.render) {
-                opt = this.render(opt, this.chart)
+                opt = this.render(opt, this.chart,this.tag)
             }
             this.chart.setOption(opt)
         },
diff --git a/yanzhu-bigscreen/src/views/bim/briefingTools.js b/yanzhu-bigscreen/src/views/bim/briefingTools.js
index 3936d4f2..d6b90f85 100644
--- a/yanzhu-bigscreen/src/views/bim/briefingTools.js
+++ b/yanzhu-bigscreen/src/views/bim/briefingTools.js
@@ -102,8 +102,8 @@ function subFeatureSize(that) {
           { name: "宽", value: y.toFixed(2) + "" },
           { name: "高", value: z.toFixed(2) + "" },
         ];
-        result[1].data = [{ name: "面积", value: (x * y).toFixed(2) + "" }];
-        result[2].data = [{ name: "体积", value: (x * y * z).toFixed(2) }];
+        result[1].data = [{ name: "面积", value: (x * y).toFixed(4) + "" }];
+        result[2].data = [{ name: "体积", value: (x * y * z).toFixed(6) }];
         api.Feature.setColor(featureId, "rgba(255,0,255,1)", modelId);
         that.selFeatureId = featureId;
         that.info = result;
diff --git a/yanzhu-bigscreen/src/views/machmater/certInfoDataDialog.vue b/yanzhu-bigscreen/src/views/machmater/certInfoDataDialog.vue
new file mode 100644
index 00000000..b283cd73
--- /dev/null
+++ b/yanzhu-bigscreen/src/views/machmater/certInfoDataDialog.vue
@@ -0,0 +1,159 @@
+<template>
+  <MyDialog v-if="show" v-model="show" width="60vw" height="65vh" class="cert-info-dlg" :key="dpi">
+    <template slot="title">
+      {{ title }}
+    </template>
+    <div class="sjk-chart-line-title sjk-chart-line-title-border" v-if="1==2">
+      <div :class="labelsNav == 0 ? 'active' : ''" @click="onDiscloseNatBut(0)">设备司机操作证</div>
+      <div :class="labelsNav == 1 ? 'active' : ''" @click="onDiscloseNatBut(1)">塔机指挥操作证</div>
+    </div>
+    <el-table v-if="labelsNav == 0" :data="certInfoList" :max-height="certHeight" class="scroll mytable">
+      <el-table-column prop="photoUrl" label="照片">
+        <template slot-scope="{ row }">
+          <el-image class="td-img" :src="row.images[0]" v-if="row.images && row.images.length > 0" :preview-src-list="row.images" fit="cover" />
+          <span v-else class="td-no-data"> 暂无图片</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="certificateNum" label="操作证编号"></el-table-column>
+      <el-table-column prop="name" label="姓名"></el-table-column>
+      <el-table-column prop="phone" label="电话"></el-table-column>
+      <el-table-column prop="issuingUnit" label="发证单位"></el-table-column>
+      <el-table-column prop="issuingDate" label="发证日期"></el-table-column>
+      <el-table-column prop="validityDate" label="有效日期"></el-table-column>
+      <el-table-column prop="userType" label="人员类型"></el-table-column>
+      <el-table-column prop="deviceNames" label="绑定设备"></el-table-column>
+    </el-table>
+  </MyDialog>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      dpi: "",
+      show: false,
+      title: "操作证书列表",
+      labelsNav: 0,
+      loading: true,
+      certInfoList: [],
+      machineCardList: [],
+      projectId: null,
+      status: "",
+      certHeight: 400,
+    };
+  },
+  methods: {
+    onDiscloseNatBut(index) {
+      this.labelsNav = index;
+      this.loadData();
+    },
+    showDialog(prjId, status) {
+      window.addEventListener("resize", () => {
+        if (this.dpi != this.$dpi()) {
+          this.dpi = this.$dpi();
+          this.resize();
+        }
+      });
+      this.resize();
+      this.labelsNav=0
+      this.projectId = prjId;
+      this.status = status;
+      this.show = true;
+      this.loadData();
+    },
+    resize() {
+      let is1K = this.$dpi() == "1K";
+      let is2K = this.$dpi() == "2K";
+      //this.certHeight = is1K ? 450 : is2K ? 630 : 980;
+      this.certHeight = is1K ? 530 : is2K ? 740 : 980;
+    },
+    loadData() {
+      this.loading = true;
+      if (this.labelsNav == 0) {
+        this.$api.machMater.machGetCertInfoList(this.projectId, this.status).then((d) => {
+          this.loading = false;
+          this.certInfoList = (d.data?.data || []).map((it) => {
+            it.images = it.photoUrl ? it.photoUrl.split(",") : [];
+            return it;
+          });
+        });
+      } else {
+        this.loading = true;
+        this.$api.machMater.machSelectMachineCardImageList(this.projectId).then((d) => {
+          this.loading = false;
+          this.machineCardList = d.data?.data;
+        });
+      }
+    },
+  },
+};
+</script>
+
+<style lang="less">
+.cert-info-dlg {
+  .popup-project-introduction-min {
+    transform: translateY(20%);
+    min-width: 960px;
+    .popup-project-introduction-details {
+      padding: 0px;
+      .quality-table {
+        padding: 0px;
+      }
+
+      .td-img {
+        width: 100px;
+        height: 100px;
+      }
+      .td-no-data {
+        color: #cccc;
+      }
+
+      .sjk-chart-line-title {
+        margin: 0px 0px;
+        div {
+          font-size: 14px;
+          height: 30px;
+          line-height: 30px;
+        }
+      }
+    }
+  }
+
+  @media (min-width: 1921px) and (max-width: 2560px) {
+    .popup-project-introduction-min {
+        max-height: 810px;
+      .popup-project-introduction-details {
+        .sjk-chart-line-title {
+          margin: 10px 0px;
+          div {
+            font-size: 18px;
+            height: 40px;
+            line-height: 40px;
+          }
+        }
+      }
+    }
+  }
+
+  @media (min-width: 2561px) {
+    .popup-project-introduction-min {
+        min-height: 1060px;
+      .popup-project-introduction-details {
+        .sjk-chart-line-title {
+          margin: 20px 0px;
+          div {
+            font-size: 24px;
+            height: 60px;
+            line-height: 60px;
+          }
+        }
+
+        td-img {
+          width: 200px;
+          height: 200px;
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/yanzhu-bigscreen/src/views/machmater/machineInfoDialog.vue b/yanzhu-bigscreen/src/views/machmater/machineInfoDialog.vue
index d7a64904..76db0ef4 100644
--- a/yanzhu-bigscreen/src/views/machmater/machineInfoDialog.vue
+++ b/yanzhu-bigscreen/src/views/machmater/machineInfoDialog.vue
@@ -162,14 +162,14 @@ export default {
     };
   },
   methods: {
-    getManualUrl(url){
-        if(url.indexOf("://")==-1){
-            if(url.indexOf("/")!=0){
-                url="/"+url;
-            }
-            return "https://file-other.makalu.cc"+url;
+    getManualUrl(url) {
+      if (url.indexOf("://") == -1) {
+        if (url.indexOf("/") != 0) {
+          url = "/" + url;
         }
-        return url;
+        return "https://file-other.makalu.cc" + url;
+      }
+      return url;
     },
     showDialog(prjId, deviceNum) {
       this.$api.machMater.machGetMachineInfo(prjId, deviceNum).then((res) => {
@@ -225,7 +225,7 @@ export default {
     .info-label {
       color: #4ab4bc;
       vertical-align: top;
-      margin-right:10px;
+      margin-right: 10px;
     }
     .info-value {
       color: #16d6ff;
@@ -241,7 +241,7 @@ export default {
       width: 10%;
       margin-right: 10px;
       text-align: center;
-      .el-image{
+      .el-image {
         height: 100px;
       }
     }
@@ -257,43 +257,47 @@ export default {
 
 @media (min-width: 1921px) and (max-width: 2560px) {
   .machine-info-dlg {
-    .popup-project-introduction-details {
-      * {
-        font-size: 24px;
-        line-height: 40px;
+    .popup-project-introduction-min {
+      .popup-project-introduction-details {
+        * {
+          font-size: 24px;
+          line-height: 40px;
+        }
+      }
+      .info-main {
+        max-height: 740px;
+        overflow-y: auto;
       }
     }
-    .info-main {
-    max-height: 740px;
-    overflow-y: auto;
-  }
   }
 }
 
 @media (min-width: 2561px) {
   .machine-info-dlg {
-    .popup-project-introduction-details {
-      * {
-        font-size: 32px;
-        line-height: 60px;
-      }
-      .info-main {
-        max-height: 1110px;
-      }
-      .info-list {
-        padding-left: 60px;
-      }
-      .info-item {
-        .info-label {
+    .popup-project-introduction-min {
+      .popup-project-introduction-details {
+        * {
+          font-size: 32px;
+          line-height: 60px;
+        }
+        .info-main {
+          max-height: 1110px;
+        }
+        .info-list {
+          padding-left: 60px;
+        }
+        .info-item {
+          .info-label {
+            font-size: 24px;
+          }
+          .info-value {
+            margin-left: 20px;
+            font-size: 24px;
+          }
+        }
+        .link {
           font-size: 24px;
         }
-        .info-value {
-          margin-left: 20px;
-          font-size: 24px;
-        }
-      }
-      .link {
-        font-size: 24px;
       }
     }
   }
diff --git a/yanzhu-bigscreen/src/views/machmater/machineManage.vue b/yanzhu-bigscreen/src/views/machmater/machineManage.vue
index 55fa8bd8..00c17286 100644
--- a/yanzhu-bigscreen/src/views/machmater/machineManage.vue
+++ b/yanzhu-bigscreen/src/views/machmater/machineManage.vue
@@ -83,17 +83,93 @@
         </div>
       </module-one-2-2>
 
-      <module-one-2-1 label class="no-title no-border h22"> </module-one-2-1>
+      <module-one-2-1 label class="no-title no-border h22 manage-quota">
+        <div class="manage-nav indicators-chart-bgd">
+          <img :src="'./images/check_icon.png'" />
+          <span class="nva-text">管理指标 （{{ manageQuota.startDate }} 至 {{ manageQuota.endDate }}）注：此统计不包括：海外设备、公务用车、临管设备 </span>
+        </div>
+        <div class="manage-chart">
+          <div class="chart-item">
+            <my-chart :key="manageChartKey" class="manage-data" id="manageChart1" width="100%" height="100%" :tag="{ value: !manageQuota.deviceClockRate ? 0 : manageQuota.deviceClockRate, text: '打卡率' }" :render="renderManage"></my-chart>
+          </div>
+          <div class="chart-item">
+            <my-chart :key="manageChartKey" class="manage-data" id="manageChart2" width="100%" height="100%" :tag="{ value: manageQuota.deviceAttendanceRate, text: '完好率' }" :render="renderManage"></my-chart>
+          </div>
+          <div class="chart-item">
+            <my-chart :key="manageChartKey" class="manage-data" id="manageChart3" width="100%" height="100%" :tag="{ value: manageQuota.deviceWorkTimeRate == 0 ? 100 : manageQuota.deviceWorkTimeRate, text: '运行工时占比' }" :render="renderManage"></my-chart>
+          </div>
+          <div class="chart-item">
+            <my-chart :key="manageChartKey" class="manage-data" id="manageChart4" width="100%" height="100%" :tag="{ value: !manageQuota.deviceCertRate ? 0 : manageQuota.deviceCertRate, text: '持证上岗率' }" :render="renderManage"></my-chart>
+          </div>
+
+          <div class="chart-item">
+            <my-chart :key="manageChartKey" class="manage-data" id="manageChart5" width="100%" height="100%" :tag="{ value: manageQuota.deviceIdleRate > 100 ? 100 : manageQuota.deviceIdleRate, text: '设备利用率' }" :render="renderManage"></my-chart>
+          </div>
+        </div>
+      </module-one-2-1>
     </el-col>
 
     <el-col :span="6" class="h100">
-      <module-one-1-1 label="操作证情况" class="labor-base"> </module-one-1-1>
+      <module-one-1-1 label="操作证情况" class="certInfo-data">
+        <div class="czz-number">
+          <div class="czz-number-content" @click="getCertInfoList(1)">
+            <div class="czz-number-img czz-number-img-blue">
+              <svg-icon icon-class="skill" />
+            </div>
+            <div class="survey_content_number">
+              <p>操作证数量</p>
+              <div class="survey_content_value">
+                <span v-cloak class="led-number">{{ certInfoData.count }}</span> 个
+              </div>
+            </div>
+          </div>
+          <div class="czz-number-content" @click="getCertInfoList(2)">
+            <div class="czz-number-img czz-number-img-green">
+              <svg-icon icon-class="bind" />
+            </div>
+            <div class="survey_content_number">
+              <p>已绑定数量</p>
+              <div class="survey_content_value survey_content_value_color_green">
+                <span v-cloak class="led-number">{{ certInfoData.bindCount }}</span> 台
+              </div>
+            </div>
+          </div>
+        </div>
 
-      <module-one-1-1 label="打卡管控提示" class="labor-base"> </module-one-1-1>
+        <staffSurveyChart :key="certKey" :height="$dpi() == '1K' ? '180px' : $dpi() == '2K' ? '280px' : '450px'" :data="certificateData" :width="140"></staffSurveyChart>
+      </module-one-1-1>
 
-      <module-one-1-1 label="监控异常预警" class="labor-base"> </module-one-1-1>
+      <module-one-1-1 label="打卡管控提示" class="check-in-module">
+        <div class="warning-info" :key="checkInKey">
+          <div class="warning-info-title">
+            <div :class="checkInNav == 0 ? 'active' : ''" @click="onCheckIn(0)">位置异常</div>
+            <div :class="checkInNav == 1 ? 'active' : ''" @click="onCheckIn(1)">工时异常</div>
+            <div :class="checkInNav == 2 ? 'active' : ''" @click="onCheckIn(2)">操作证到期</div>
+          </div>
+
+          <div class="warning-info-table">
+            <el-table ref="elCheckIn" :data="showCheckInTableData" :height="checkInHeight" :row-style="rowStyle" @cell-mouse-enter="checkInMouseEnter" @cell-mouse-leave="checkInMouseLeave" class="elTable scroll">
+              <el-table-column v-for="(st, idx) in showCheckInTableTile" :prop="st.value" :key="idx" :width="idx == 0 ? checkInFirstWidth : ''" :label="st.name" show-overflow-tooltip></el-table-column>
+            </el-table>
+          </div>
+        </div>
+      </module-one-1-1>
+
+      <module-one-1-1 label="监控异常预警" class="exception-alert">
+        <div class="warning-info" :key="exceptionAlertKey">
+          <div class="warning-info-table">
+            <el-table ref="elException" :data="exceptionAlertData" :height="exceptionAlertHeight" :row-style="rowStyle" @cell-mouse-enter="exceptionMouseEnter" @cell-mouse-leave="exceptionMouseLeave" class="elTable scroll">
+              <el-table-column prop="project_abbreviation" label="归属项目" :width="checkInFirstWidth" show-overflow-tooltip></el-table-column>
+              <el-table-column prop="device_name" label="机械名称" show-overflow-tooltip></el-table-column>
+              <el-table-column prop="alarm_type_name" label="预警类型" show-overflow-tooltip></el-table-column>
+              <el-table-column prop="address" label="预警地址" show-overflow-tooltip></el-table-column>
+            </el-table>
+          </div>
+        </div>
+      </module-one-1-1>
     </el-col>
     <machine-info-dialog ref="machineInfoDialog"></machine-info-dialog>
+    <cert-info-data-dialog ref="certInfoDataDialog"></cert-info-data-dialog>
   </div>
 </template>
 
@@ -102,11 +178,19 @@ import debounce from "lodash.debounce";
 import processControlBar from "./processControlBar.vue";
 import machineInfoDialog from "./machineInfoDialog.vue";
 import baiduMap from "./baiduMap.vue";
+import MyChart from "@/components/MyChart.vue";
+import SvgIcon from "@/components/SvgIcon.vue";
+import staffSurveyChart from "@/components/staffSurveyChart.vue";
+import certInfoDataDialog from "./certInfoDataDialog.vue";
 export default {
   components: {
     processControlBar,
     baiduMap,
     machineInfoDialog,
+    MyChart,
+    SvgIcon,
+    staffSurveyChart,
+    certInfoDataDialog,
   },
   data() {
     return {
@@ -140,6 +224,42 @@ export default {
       buildingData: [],
       baiduMapShow: false,
       figureShow: true,
+      //管理指标
+      manageQuota: {
+        startDate: "",
+        endDate: "",
+        deviceClockRate: 0,
+        deviceIdleRate: 0,
+        deviceWorkTimeRate: 0,
+        deviceCertRate: 0,
+        deviceAttendanceRate: 0,
+      },
+      manageChartKey: 0,
+      //操作证
+      certInfoData: {},
+      certificateData: [],
+      certKey: 0,
+      //打卡管控提示  表格数据
+      checkInNav: 0,
+      checkInHeight: 230,
+      chechkInInterval: "",
+      rowStyle: {
+        color: "#ffffff",
+        fontSize: "12px",
+        height: "32px",
+      },
+      checkInTableData: [],
+      checkInTableTile: [],
+      showCheckInTableData: [],
+      showCheckInTableTile: [],
+      checkInKey: 0,
+      checkRowHeight: 40,
+      checkInFirstWidth: 200,
+      //安全预警
+      exceptionAlertData: [],
+      exceptionAlertKey: 0,
+      exceptionAlertHeight: 230,
+      exceptionInterval:null
     };
   },
   mounted() {
@@ -168,6 +288,11 @@ export default {
     window.goOBDDetails = this.goOBDDetails;
   },
   methods: {
+    onCheckIn(n) {
+      this.checkInNav = n;
+      this.showCheckInTableData = this.checkInTableData[n];
+      this.showCheckInTableTile = this.checkInTableTile[n];
+    },
     goOBDDetails(deviceNum) {
       //跳转OBD轨迹回放页面
       let requestUrl = "https://jzgj.crfeb.com.cn/largeScreen/digitalConstruction/";
@@ -254,8 +379,15 @@ export default {
       this.warningHeight = is1K ? 166 : is2K ? 270 : 470;
       this.mapHeight = is1K ? 720 : is2K ? 1500 : 2000;
       this.chart3Height = is1K ? 260 : is2K ? 400 : 600;
+      this.checkInHeight = is1K ? 200 : is2K ? 310 : 520;
+      this.checkRowHeight = is1K ? 60 : is2K ? 60 : 90;
+      this.checkInFirstWidth = is1K ? 120 : is2K ? 220 : 300;
+      this.exceptionAlertHeight = is1K ? 250 : is2K ? 360 : 590;
       this.chartKey++;
       this.chart3Key++;
+      this.manageChartKey++;
+      this.certKey++;
+      this.checkInKey++;
     },
     init() {
       if (!this.selProject) {
@@ -264,10 +396,33 @@ export default {
       this.$api.machMater.machGetManageQuota(this.selProject.id).then((d) => {
         console.log("====>", d);
       });
-      this.loadDeviceOverview();
-      this.loadClassifyBarData();
 
+      //设备概况
+      this.loadDeviceOverview();
+      //分类及工时
+      this.loadClassifyBarData();
+      //地图数据
       this.loadMapData();
+
+      //管理指标
+      this.loadManageQuota();
+
+      //操作证情况统计
+      this.loadCertInfoData();
+
+      // 打卡管控提示
+      this.loadClockInException();
+
+      // //打卡管控提示   自动滚动
+      this.chechkInInterval = setInterval(this.checkInScroll, 3000);
+
+      //监控异常预警
+      this.loadDeviceWarnData();
+
+      //监控异常预警 自动滚动
+       this.exceptionInterval = setInterval(this.exceptionScroll, 3000);
+
+      //分类及工时定时器
       if (this.overviewInterval) {
         clearInterval(this.overviewInterval);
       }
@@ -319,6 +474,232 @@ export default {
         },
       };
     },
+    loadDeviceWarnData() {
+      this.$api.machMater.machGetExceptionAlert(this.selProject.id, 10).then((d) => {
+        let tmps=d.data || [];
+        this.exceptionAlertData = [...tmps];
+        this.exceptionAlertKey++;
+      });
+    },
+    // 表格滚动  方法 --------- 开始
+    exceptionScroll() {
+      if (!this.$refs.elException) {
+        return;
+      }
+      let maxHeight = this.$refs.elException.$el.querySelectorAll(".el-table__body")[0].offsetHeight;
+      let clientHeight = this.$refs.elException.bodyWrapper.clientHeight;
+      if (Math.abs(this.$refs.elException.bodyWrapper.scrollTop - (maxHeight - clientHeight)) < 5) {
+        //预留5像素误差
+        this.$refs.elException.bodyWrapper.scrollTop = 0;
+      } else {
+        this.$refs.elException.bodyWrapper.scrollTop += this.checkRowHeight; //32是每一行表格的高度，每秒滚一行
+      }
+    },
+    exceptionMouseEnter() {
+      //鼠标移入停止滚动
+      clearInterval(this.exceptionInterval);
+    },
+    exceptionMouseLeave() {
+      //鼠标离开继续滚动
+      this.exceptionInterval = setInterval(this.exceptionInterval, 3000);
+    },
+    // 表格滚动  方法 --------- 开始
+    checkInScroll() {
+      if (!this.$refs.elCheckIn) {
+        return;
+      }
+      let maxHeight = this.$refs.elCheckIn.$el.querySelectorAll(".el-table__body")[0].offsetHeight;
+      let clientHeight = this.$refs.elCheckIn.bodyWrapper.clientHeight;
+      if (Math.abs(this.$refs.elCheckIn.bodyWrapper.scrollTop - (maxHeight - clientHeight)) < 5) {
+        //预留5像素误差
+        this.$refs.elCheckIn.bodyWrapper.scrollTop = 0;
+      } else {
+        this.$refs.elCheckIn.bodyWrapper.scrollTop += this.checkRowHeight; //32是每一行表格的高度，每秒滚一行
+      }
+    },
+    checkInMouseEnter() {
+      //鼠标移入停止滚动
+      clearInterval(this.checkInInterval);
+    },
+    checkInMouseLeave() {
+      //鼠标离开继续滚动
+      this.checkInInterval = setInterval(this.checkInScroll, 3000);
+    },
+    loadClockInException() {
+      this.$api.machMater.machGetClockInException(this.selProject.id, 50).then((d) => {
+        let res = d.data?.data;
+        this.checkInTableData = [res.signExceptionList, res.workTimeExceptionList, res.certExceptionList];
+        this.checkInTableTile = [
+          [
+            { name: "项目名称", value: "projectName", width: "30%" },
+            { name: "姓名", value: "userName" },
+            { name: "打卡设备", value: "deviceName" },
+            { name: "打卡时间", value: "dataTime" },
+          ],
+          [
+            { name: "项目名称", value: "projectName", width: "30%" },
+            { name: "设备名称", value: "deviceName" },
+            { name: "异常原因", value: "errorReason" },
+            { name: "打卡时间", value: "date" },
+          ],
+          [
+            { name: "项目名称", value: "projectAbbreviation" },
+            { name: "姓名", value: "certificateName" },
+            { name: "过期天数", value: "date" },
+            { name: "到期时间", value: "validityDate" },
+          ],
+        ];
+
+        let num = 0;
+        if (res.signExceptionList.length > 0) {
+          num = 0;
+        } else if (res.workTimeExceptionList.length > 0) {
+          num = 1;
+        } else if (res.certExceptionList.length > 0) {
+          num = 2;
+        } else {
+          num = 0;
+        }
+        this.checkInNav = num;
+        this.showCheckInTableData = this.checkInTableData[num];
+        this.showCheckInTableTile = this.checkInTableTile[num];
+        this.checkInKey++;
+      });
+    },
+    getCertInfoList(status) {
+      this.$refs.certInfoDataDialog.showDialog(this.selProject.id, status == 1 ? "" : "1");
+    },
+    loadCertInfoData() {
+      this.$api.machMater.machGetCertInfoData(this.selProject.id).then((d) => {
+        let res = d.data?.data || {};
+        this.certInfoData = res;
+        this.certificateData = [
+          { text: "职工", value: res.zgCount },
+          { text: "劳务派遣", value: res.lwCount },
+          { text: "其他", value: res.qtCount },
+        ];
+        this.certKey++;
+      });
+    },
+    renderManage(opt, c, tag) {
+      let is1K = this.$dpi() == "1K";
+      let is2K = this.$dpi() == "2K";
+      let value = tag?.value || 0;
+      let text = tag?.text || "-";
+      if (!value) {
+        value = 0;
+      }
+      let placeHolderStyle = {
+        normal: {
+          label: {
+            show: false,
+          },
+          labelLine: {
+            show: false,
+          },
+          color: "rgba(0,0,0,0)",
+          borderWidth: 0,
+        },
+        emphasis: {
+          color: "rgba(0,0,0,0)",
+          borderWidth: 0,
+        },
+      };
+      opt = {
+        title: [
+          {
+            text: value + "%",
+            textAlign: "center",
+            left: "50%",
+            top: is1K ? "35%" : "39%",
+            textStyle: {
+              color: "#67abf2",
+              fontSize: is1K ? 20 : is2K ? 32 : 48,
+            },
+          },
+          {
+            text: text,
+            left: "50%",
+            top: "85%",
+            textAlign: "center",
+            textStyle: {
+              color: "#cdd7fa",
+              fontWeight: "normal",
+              fontSize: is1K ? 16 : is2K ? 24 : 32,
+              textAlign: "center",
+            },
+          },
+        ],
+        series: [
+          {
+            type: "pie",
+            hoverAnimation: false,
+            radius: ["50%", "49%"],
+            center: ["50%", "45%"],
+            labelLine: {
+              normal: {
+                show: false,
+              },
+            },
+            label: {
+              normal: {
+                position: "center",
+              },
+            },
+            data: [
+              {
+                value: 100,
+                itemStyle: {
+                  normal: {
+                    color: "#255788",
+                  },
+                },
+              },
+            ],
+          },
+          {
+            type: "pie",
+            hoverAnimation: false,
+            radius: ["43%", "50%"],
+            center: ["50%", "45%"],
+            labelLine: {
+              normal: {
+                show: false,
+              },
+            },
+            label: {
+              normal: {
+                position: "center",
+              },
+            },
+            data: [
+              {
+                value: value,
+                itemStyle: {
+                  normal: {
+                    color: "#68a8f2",
+                  },
+                },
+                normal: {
+                  show: false,
+                },
+              },
+              {
+                value: 100 - value,
+                itemStyle: placeHolderStyle,
+              },
+            ],
+          },
+        ],
+      };
+      return opt;
+    },
+    loadManageQuota() {
+      this.$api.machMater.machGetManageQuota(this.selProject.id).then((d) => {
+        this.manageQuota = d.data?.data || {};
+        this.manageChartKey++;
+      });
+    },
     loadMapData() {
       this.$api.machMater.machSelectMachineMapData(this.selProject.id).then((d) => {
         let obj = {};
@@ -480,6 +861,56 @@ export default {
       }
     }
   }
+  .manage-quota {
+    .manage-nav {
+      display: flex;
+      align-items: center;
+      padding-left: 20px;
+      line-height: 40px;
+      img {
+        width: 12px;
+        margin-right: 8px;
+      }
+      font-size: 20px;
+    }
+    .manage-chart {
+      display: flex;
+      flex-direction: row;
+      height: calc(100% - 40px);
+      .chart-item {
+        width: 20%;
+        height: 100%;
+      }
+    }
+  }
+
+  .certInfo-data {
+    .czz-number {
+      padding: 20px 10px;
+      .czz-number-content {
+        .czz-number-img {
+          width: 60px;
+          height: 60px;
+          .svg-icon {
+            width: 30px;
+            height: 30px;
+            margin-top: 15px;
+          }
+          &.czz-number-img-blue {
+            .svg-icon {
+              fill: #52adf4;
+            }
+          }
+          &.czz-number-img-green {
+            .svg-icon {
+              fill: aquamarine;
+            }
+          }
+        }
+      }
+    }
+  }
+
   @media (min-width: 1921px) and (max-width: 2560px) {
     .device-info {
       .survey_title {
@@ -531,6 +962,11 @@ export default {
       }
     }
 
+    .certInfo-data {
+      .czz-number {
+        padding: 30px 10px;
+      }
+    }
     .device-status {
       .project-overview-chart {
         .chart-gif {
@@ -563,7 +999,7 @@ export default {
           }
         }
       }
-     .BMap_bubble_content {
+      .BMap_bubble_content {
         .popup-baidu-max {
           .popup-baidu-machine-second {
             font-size: 14px;
@@ -673,7 +1109,7 @@ export default {
           }
         }
       }
-     .BMap_bubble_content {
+      .BMap_bubble_content {
         .popup-baidu-max {
           .popup-baidu-machine-second {
             font-size: 18px;
@@ -734,6 +1170,76 @@ export default {
         }
       }
     }
+
+    .manage-quota {
+      .manage-nav {
+        padding-left: 20px;
+        line-height: 60px;
+        height: 60px;
+        img {
+          width: 16px;
+          margin-right: 8px;
+        }
+        font-size: 32px;
+      }
+      .manage-chart {
+        height: calc(100% - 60px);
+      }
+    }
+
+    .warning-info-title {
+      .active {
+        background-size: 16px 30px;
+        padding-left: 20px;
+      }
+    }
+
+    .certInfo-data {
+      .czz-number {
+        padding: 30px 10px;
+        .czz-number-content {
+          .czz-number-img {
+            width: 120px;
+            height: 120px;
+            .svg-icon {
+              width: 60px;
+              height: 60px;
+              margin-top: 30px;
+            }
+          }
+          .survey_content_number {
+            font-size: 32px;
+            .survey_content_value {
+              font-size: 24px;
+              .led-number {
+                font-size: 60px;
+              }
+            }
+          }
+        }
+      }
+    }
+    .check-in-module,.exception-alert {
+      .elTable {
+        .el-table__row {
+          height: 90px !important;
+          background-size: 100% 60px;
+        }
+        .el-table__empty-text {
+          font-size: 18px;
+        }
+        th {
+          .cell {
+            font-size: 24px;
+          }
+        }
+        td {
+          .cell {
+            font-size: 22px;
+          }
+        }
+      }
+    }
   }
 }
 </style>
diff --git a/yanzhu-common/yanzhu-common-core/pom.xml b/yanzhu-common/yanzhu-common-core/pom.xml
index 54d3de3b..558a7bd6 100644
--- a/yanzhu-common/yanzhu-common-core/pom.xml
+++ b/yanzhu-common/yanzhu-common-core/pom.xml
@@ -7,18 +7,7 @@
         <artifactId>yanzhu-common</artifactId>
         <version>3.6.2</version>
     </parent>
-    <build>
-        <plugins>
-            <plugin>
-                <groupId>org.apache.maven.plugins</groupId>
-                <artifactId>maven-compiler-plugin</artifactId>
-                <configuration>
-                    <source>10</source>
-                    <target>10</target>
-                </configuration>
-            </plugin>
-        </plugins>
-    </build>
+
     <modelVersion>4.0.0</modelVersion>
 
     <artifactId>yanzhu-common-core</artifactId>
diff --git a/yanzhu-common/yanzhu-common-core/src/main/java/com/yanzhu/common/core/utils/http/HttpUtils.java b/yanzhu-common/yanzhu-common-core/src/main/java/com/yanzhu/common/core/utils/http/HttpUtils.java
index bb950d29..f51cb16e 100644
--- a/yanzhu-common/yanzhu-common-core/src/main/java/com/yanzhu/common/core/utils/http/HttpUtils.java
+++ b/yanzhu-common/yanzhu-common-core/src/main/java/com/yanzhu/common/core/utils/http/HttpUtils.java
@@ -384,7 +384,7 @@ public class HttpUtils
      * @param json JSON 对象
      * @return GET 请求参数
      */
-    public static String jsonToGetParams(JSONObject json) {
+    public static String jsonToGetParams(JSONObject json) throws UnsupportedEncodingException {
         if (json == null || json.isEmpty()) {
             return "";
         }
@@ -396,9 +396,9 @@ public class HttpUtils
             String key = entry.getKey();
             String value = entry.getValue() != null ? entry.getValue().toString() : "";
             // 对键值进行 URL 编码
-            params.append(URLEncoder.encode(key, StandardCharsets.UTF_8))
+            params.append(URLEncoder.encode(key, "UTF-8"))
                     .append("=")
-                    .append(URLEncoder.encode(value, StandardCharsets.UTF_8));
+                    .append(URLEncoder.encode(value, "UTF-8"));
         }
         return params.toString();
     }
diff --git a/yanzhu-modules/yanzhu-manage/src/main/java/com/yanzhu/manage/controller/bigscreen/MachMaterController.java b/yanzhu-modules/yanzhu-manage/src/main/java/com/yanzhu/manage/controller/bigscreen/MachMaterController.java
index 0742e989..baae1116 100644
--- a/yanzhu-modules/yanzhu-manage/src/main/java/com/yanzhu/manage/controller/bigscreen/MachMaterController.java
+++ b/yanzhu-modules/yanzhu-manage/src/main/java/com/yanzhu/manage/controller/bigscreen/MachMaterController.java
@@ -1,5 +1,6 @@
 package com.yanzhu.manage.controller.bigscreen;
 
+import com.alibaba.fastjson2.JSONArray;
 import com.alibaba.fastjson2.JSONObject;
 import com.yanzhu.common.core.utils.StringUtils;
 import com.yanzhu.common.core.utils.http.HttpUtils;
@@ -88,6 +89,35 @@ public class MachMaterController extends BaseController {
         return AjaxResult.success(JSONObject.parseObject(result));
     }
 
+    /**
+     * 机智管家-操作证列表
+     */
+    @GetMapping("/machGetCertInfoList")
+    public AjaxResult machGetCertInfoList(Long projectId,String status) throws Exception {
+        Map<String, Object> map = getConfig(projectId, "mach");
+        String url = map.get("url").toString();
+        JSONObject paramJson = (JSONObject) map.get("obj");
+        paramJson.put("deviceNames", status);
+        HttpUtils httpUtils = new HttpUtils();
+        url += "/largeScreen/digitalConstruction/getCertInfoList?"+ HttpUtils.jsonToGetParams( paramJson);
+        String result = httpUtils.sendGet(url);
+        return AjaxResult.success(JSONObject.parseObject(result));
+    }
+
+    /**
+     * 机智管家-塔机指挥
+     */
+    @GetMapping("/machSelectMachineCardImageList")
+    public AjaxResult machSelectMachineCardImageList(Long projectId)throws Exception{
+        Map<String, Object> map = getConfig(projectId, "mach");
+        String url = map.get("url").toString();
+        JSONObject paramJson = (JSONObject) map.get("obj");
+        paramJson.put("imageStatus", 2);
+        HttpUtils httpUtils = new HttpUtils();
+        url += "/api/warning/selectMachineCardImageList?"+ HttpUtils.jsonToGetParams( paramJson);
+        String result = httpUtils.sendGet(url);
+        return AjaxResult.success(JSONObject.parseObject(result));
+    }
     /**
      * 机智管家-机械地图数据
      */
@@ -217,7 +247,7 @@ public class MachMaterController extends BaseController {
         HttpUtils httpUtils = new HttpUtils();
         url += "/largeScreen/digitalConstruction/getExceptionAlert?"+ HttpUtils.jsonToGetParams( paramJson);
         String result = httpUtils.sendGet(url);
-        return AjaxResult.success(JSONObject.parseObject(result));
+        return AjaxResult.success(JSONArray.parse(result));
     }
 
 
diff --git a/yanzhu-ui-vue3/src/views/manage/plan/bimSelectTools2.js b/yanzhu-ui-vue3/src/views/manage/plan/bimSelectTools2.js
index 38156d01..cafa3a10 100644
--- a/yanzhu-ui-vue3/src/views/manage/plan/bimSelectTools2.js
+++ b/yanzhu-ui-vue3/src/views/manage/plan/bimSelectTools2.js
@@ -146,9 +146,55 @@ function getSelectFeatureIds(that) {
   }
   return [];
 }
+function addAllModels(that, cb) {
+  let api = bimSelectionDlgApi;
+  loadModels(that);
+  setTimeout(() => {
+    that.models.forEach(model => {
+      api.Model.setVisible(model.modelId, true);
+      api.Model.original(model.modelId);
+      that.$refs.tree.setChecked(model.modelId, true, true)
+      setTimeout(() => {
+        cb && cb();
+      }, 400)
+    });
+  }, 1000)
+
+}
 
 // 加载部分模型(计划中绑定的模型)
 function partLoadModel(that) {
+  let featureIds = getSelectFeatureIds(that);
+  let api = bimSelectionDlgApi;
+  addAllModels(that, () => {
+    if (featureIds.length > 0) {
+      let tmps=featureIds.map(it=>it);
+      let tmpsIds2 = tmps.splice(0, 1000);
+      api.Feature.showFeatures(tmpsIds2.join("#"));
+      setFeatueVisible(tmps, true);
+      initBim(that)
+      api.Feature.setColor(featureIds.join("#"), "rgba(255,0,255,1)");
+      that.$message.info("模型加载完成");
+      that.bimLoaded = true;
+      that.doMenu(2);
+    } else {
+      that.$refs.tree.setChecked("root", true, true);
+      initBim(that);
+      let func = () => {
+        if (that.loadedModelCount == that.models.length) {
+          setTimeout(() => {
+            setFeatueShowOrHide(that, []);
+          }, 1000);
+        } else {
+          setTimeout(func, 100);
+        }
+      };
+      func();
+    }
+  })
+}
+// 加载部分模型(计划中绑定的模型)
+function partLoadModelxxx(that) {
   let featureInfos = getSelectFeatureIds(that);
   let api = bimSelectionDlgApi;
   let obj = {};
@@ -536,7 +582,7 @@ async function selectTreeData(that) {
       if (!obj[modelId]) {
         obj[modelId] = [];
       }
-      if(d.glid){
+      if (d.glid) {
         obj[modelId].push(d.glid);
       }
     }
diff --git a/yanzhu-ui-vue3/src/views/manage/plan/bimSelectTools3.js b/yanzhu-ui-vue3/src/views/manage/plan/bimSelectTools3.js
index d9afa993..170df31a 100644
--- a/yanzhu-ui-vue3/src/views/manage/plan/bimSelectTools3.js
+++ b/yanzhu-ui-vue3/src/views/manage/plan/bimSelectTools3.js
@@ -6,7 +6,6 @@ import {
   getModelFeatureInfos,
   modelTreeAllLeafChildByGlids,
 } from "@/api/bim/bimModel";
-import { MergeArray, DelArray } from "@/utils/index";
 import { ElMessage } from "element-plus";
 function selectFeature(that, featureId) {
   let api = bimSelectionDlgApi;
@@ -38,11 +37,6 @@ function getHideFeatures(that) {
   return result;
 }
 
-function hideFeature(that, featureId) {
-  let api = bimSelectionDlgApi;
-  api.Feature.setVisible(featureId, false);
-}
-
 function selectSingle(that) {
   let api = bimSelectionDlgApi;
   api.Public.clearHandler();
@@ -153,82 +147,6 @@ function initBim(that) {
   });
 }
 
-function getSelectFeatureIds(that) {
-  let tmps = that.allBimData.filter((it) => it.id == that.plan.id);
-  if (tmps.length > 0) {
-    return tmps[0].bim || [];
-  }
-  return [];
-}
-
-// 加载部分模型(计划中绑定的模型)
-function partLoadModel(that) {
-  let featureInfos = getSelectFeatureIds(that);
-  let api = bimSelectionDlgApi;
-  let obj = {};
-  for (let i = 0; i < featureInfos.length; i++) {
-    let it = featureInfos[i].featureId;
-    let tmps = it.split("^");
-    let modelId = tmps[0];
-    if (!obj[modelId]) {
-      obj[modelId] = [];
-    }
-    obj[modelId].push(it);
-  }
-  for (let modelId in obj) {
-    let tmps = that.models.filter((it) => it.modelId == modelId);
-    setTimeout(() => {
-      that.$refs.tree.setChecked(modelId, true, true);
-    }, 3000);
-    if (tmps.length > 0) {
-      let url = `${window.config.modelUrl}/Tools/output/model/${modelId}/root.glt`;
-      that.partLoad = true;
-      api.Model.addPart(
-        url,
-        modelId,
-        obj[modelId].join("#"),
-        (res) => { },
-        (res) => {
-          setTimeout(() => {
-            if (that.viewPoint) {
-              api.Camera.setViewPort(that.viewPoint);
-            } else {
-              api.Camera.getViewPort((p) => {
-                that.viewPoint = p;
-              });
-            }
-          }, 1000);
-          that.$message.info("模型加载完成");
-          that.bimLoaded = true;
-          that.doMenu(2);
-          initBim(that);
-        },
-        {
-          FlyTo: true,
-        }
-      );
-    }
-  }
-  if (featureInfos.length == 0) {
-    setTimeout(() => {
-      that.$refs.tree.setChecked("root", true, true);
-    }, 3000);
-
-    loadModels(that);
-    initBim(that);
-    let func = () => {
-      if (that.loadedModelCount == that.models.length) {
-        setTimeout(() => {
-          setFeatueShowOrHide(that, []);
-        }, 1000);
-      } else {
-        setTimeout(func, 100);
-      }
-    };
-    func();
-  }
-}
-
 //构建树形数据
 function buildTreeData(that) {
   that.allFeatures = [];
@@ -477,7 +395,7 @@ function loadNode(that, node, resolve) {
     resolve(nd);
     setTimeout(() => {
       document
-        .querySelectorAll(".bim-selection-dialog .model-tree .el-tree-node")[0]
+        .querySelectorAll(".bim-selection-dialog3 .model-tree .el-tree-node")[0]
         .click();
     }, 1000);
   } else if (node.level == 1) {
@@ -650,7 +568,7 @@ function showPlanFeatchure(that) {
       //未绑定BIM模型 显示所有可以绑定的构件
 
       initBim(that)
-      setFeatueVisible(that.readlyParts,false)
+      setFeatueVisible(that.readlyParts, false)
     }
   });
 }
diff --git a/yanzhu-ui-vue3/src/views/manage/plan/bimSelectionDialog3.vue b/yanzhu-ui-vue3/src/views/manage/plan/bimSelectionDialog3.vue
index 471c92d7..6a8ce507 100644
--- a/yanzhu-ui-vue3/src/views/manage/plan/bimSelectionDialog3.vue
+++ b/yanzhu-ui-vue3/src/views/manage/plan/bimSelectionDialog3.vue
@@ -5,7 +5,7 @@
     :close-on-click-modal="false"
     :close-on-press-escape="false"
     :title="title"
-    modal-class="bim-selection-dialog"
+    modal-class="bim-selection-dialog3"
   >
     <div id="bimSelectionDlg">
       <div id="bimSelectionDlgContainer" class="bimSelectionDlgContainer"></div>
@@ -534,7 +534,7 @@ export default {
 };
 </script>
 <style lang="scss">
-.bim-selection-dialog {
+.bim-selection-dialog3 {
   .el-dialog {
     min-width: 960px;
     width: 80%;