{"remainingRequest":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\bbsl-fvue\\src\\views\\frontScreens\\DigitalStructure.vue?vue&type=style&index=0&id=2c86cc6b&lang=scss&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\src\\views\\frontScreens\\DigitalStructure.vue","mtime":1684458238481},{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n@import './css/screen.scss';\r\n\r\n/deep/ .details_title {\r\n  font-size: 15px;\r\n  cursor: pointer;\r\n  margin-left: 15px;\r\n  font-style: oblique;\r\n  font-weight: normal;\r\n}\r\n\r\n.section-title {\r\n  display: inline-block;\r\n  background: linear-gradient(to right, #c2a071, transparent, transparent);\r\n  height: 20px;\r\n  width: calc(100% - 50px);\r\n  padding: 2px 0;\r\n  line-height: 18px;\r\n  font-style: oblique;\r\n  font-weight: 700;\r\n  text-shadow: 1px 1px 2px #000;\r\n  font-size: 18px;\r\n  margin-top: 10px;\r\n}\r\n\r\n.bg-container {\r\n  overflow: hidden;\r\n  height: 100%;\r\n  width: 100%;\r\n  background: #060f18; //#ebeef5;\r\n  box-sizing: border-box;\r\n  // background-image: url('./../assets/img/waterbg5.jpg');\r\n  background-image: url('../../assets/img/app-bg.jpg');\r\n  background-repeat: no-repeat;\r\n  background-size: 100% 100%;\r\n  color: #fff;\r\n  display: flex;\r\n  color: #043b68;\r\n  padding: 0 20px;\r\n}\r\n\r\n.left-section {\r\n  width: 30%;\r\n  height: 100%;\r\n}\r\n\r\n.center-section {\r\n  width: calc(40% - 22px);\r\n  height: 100%;\r\n  margin: 0 10px;\r\n  position: relative;\r\n}\r\n\r\n.section-con {\r\n  position: relative;\r\n}\r\n\r\n.right-section {\r\n  width: 30%;\r\n  height: 100%;\r\n}\r\n\r\n.left-section1,\r\n.right-section1 {\r\n  height: 40%;\r\n  position: relative;\r\n}\r\n\r\n.left-section2,\r\n.right-section2 {\r\n  height: 30%;\r\n  margin-top: 10px;\r\n}\r\n\r\n.left-section1 .full {\r\n  margin-top: 10px;\r\n  height: calc(100% - 34px);\r\n}\r\n\r\n.left-section3,\r\n.right-section3 {\r\n  height: calc(30% - 20px);\r\n  margin-top: 10px;\r\n}\r\n\r\n.video-container {\r\n  height: 100%;\r\n  width: calc(100% - 4px);\r\n}\r\n\r\n.videoWindow {\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.center-section-top {\r\n  height: calc(50% - 40px);\r\n  margin-top: 10px;\r\n  width: 100%;\r\n  overflow: hidden;\r\n}\r\n\r\n.center-section-center {\r\n  height: calc(20% - 10px);\r\n  margin-top: 10px;\r\n  width: 100%;\r\n  display: flex;\r\n}\r\n\r\n.center-section-bottom {\r\n  height: calc(30% - 20px);\r\n  margin-top: 10px;\r\n  display: flex;\r\n  width: 100%;\r\n}\r\n\r\n.top-container {\r\n  display: flex;\r\n  height: 66%;\r\n  width: 100%;\r\n  margin-top: 10px;\r\n}\r\n\r\n.total-count-container {\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.total-count-container-top {\r\n  display: flex;\r\n  height: 60%;\r\n  width: 100%;\r\n  margin-bottom: 2px;\r\n}\r\n\r\n.total-count-item {\r\n  // margin-left: 10px;\r\n  margin: 0 5px;\r\n  width: 50%;\r\n  height: 90%;\r\n  background-image: linear-gradient(\r\n    rgba(54, 90, 152, 0.6) 0%,\r\n    rgba(27, 55, 116, 0.6) 100%\r\n  );\r\n  border-radius: 10px;\r\n  color: #badeff;\r\n  border: 1px solid #4885d5;\r\n\r\n  .icon {\r\n    text-align: center;\r\n    margin-top: 10px;\r\n  }\r\n\r\n  .bbsl-iconfont {\r\n    font-size: 50px;\r\n    color: #3cbaf4;\r\n  }\r\n\r\n  .num {\r\n    text-align: center;\r\n    margin-top: 20px;\r\n    color: rgb(6, 194, 6);\r\n  }\r\n\r\n  .word {\r\n    font-size: 18px !important;\r\n  }\r\n\r\n  .num > span {\r\n    font-size: 40px;\r\n    font-weight: 700;\r\n    font-family: 'electronicFont';\r\n  }\r\n\r\n  .title {\r\n    text-align: center;\r\n    font-size: 14px;\r\n  }\r\n\r\n  .CurrentWaterLevel {\r\n    color: rgb(6, 194, 6);\r\n  }\r\n\r\n  .circle {\r\n    margin: 0 auto;\r\n    width: 146px;\r\n    height: 100px;\r\n    margin-top: -30px;\r\n    pointer-events: auto;\r\n    image-rendering: -webkit-optimize-contrast;\r\n    background-repeat: no-repeat;\r\n    background-size: 100% 100%;\r\n    background-image: url('../../assets/img/circle-light.png');\r\n    mask-image: none;\r\n    mask-repeat: initial;\r\n    mask-size: initial;\r\n    border-radius: 0px;\r\n    cursor: pointer;\r\n  }\r\n}\r\n\r\n.water-rain-container {\r\n  width: 100%;\r\n  height: 40%;\r\n  display: flex;\r\n  justify-content: space-around;\r\n  align-items: center;\r\n\r\n  .section {\r\n    width: 80%;\r\n    height: 100%;\r\n    border: 1px solid #4885d5;\r\n    color: #fff;\r\n    background-image: linear-gradient(\r\n      rgba(54, 90, 152, 0.6) 0%,\r\n      rgba(27, 55, 116, 0.6) 100%\r\n    );\r\n    border-radius: 10px;\r\n    color: #badeff;\r\n    padding: 10px 10px;\r\n    box-sizing: border-box;\r\n    // display: flex;\r\n    // align-items: center;\r\n    // justify-content: center;\r\n  }\r\n\r\n  .section:nth-of-type(2) {\r\n    margin: 0 10px;\r\n  }\r\n\r\n  .section:nth-of-type(3) {\r\n    margin-right: 10px;\r\n  }\r\n\r\n  .title {\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    text-align: center;\r\n    // color: #0498f6;\r\n  }\r\n\r\n  // .num {\r\n  //   text-align: center;\r\n  //   font-size: 20px;\r\n  //   // text-align: right;\r\n  //   color: #ff9a00;\r\n  //   font-weight: normal;\r\n  //   font-family: 'electronicFont';\r\n  // }\r\n\r\n  .num {\r\n    text-align: center;\r\n    margin-top: 10px;\r\n    color: rgb(6, 194, 6);\r\n  }\r\n\r\n  .num > span {\r\n    font-size: 40px;\r\n    font-weight: 700;\r\n    font-family: 'electronicFont';\r\n  }\r\n\r\n  // .unit {\r\n  //   margin-left: -4px;\r\n  //   font-size: 12px;\r\n  //   color: #b7c6d8;\r\n  //   font-weight: normal;\r\n  //   font-family: Metropolis, Avenir Next, Helvetica Neue, Arial, sans-serif;\r\n  // }\r\n}\r\n\r\n.other-info {\r\n  margin-bottom: 6px;\r\n  // width: calc(20% - 20px);\r\n  width: 100%;\r\n  height: 45%;\r\n  color: #badeff;\r\n  display: flex;\r\n  display: -webkit-flex;\r\n  flex-direction: row;\r\n\r\n  .section {\r\n    background-image: linear-gradient(\r\n      rgba(54, 90, 152, 0.6) 0%,\r\n      rgba(27, 55, 116, 0.6) 100%\r\n    );\r\n    border-radius: 10px;\r\n    color: #badeff;\r\n    width: 100%;\r\n    border: 1px solid #4885d5;\r\n    text-align: center;\r\n  }\r\n\r\n  .history {\r\n    margin: 0 5px;\r\n    // height: 40%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n    cursor: pointer;\r\n\r\n    .bbsl-iconfont {\r\n      font-size: 25px;\r\n      color: #ff9a00;\r\n    }\r\n\r\n    span {\r\n      display: inline-block;\r\n      font-weight: 700;\r\n      margin-top: 6px;\r\n    }\r\n  }\r\n\r\n  .history:hover,\r\n  .plan:hover {\r\n    background-image: linear-gradient(\r\n      rgba(152, 121, 54, 0.6) 0%,\r\n      rgba(116, 83, 27, 0.6) 100%\r\n    );\r\n    border: 1px solid #ff9a00;\r\n  }\r\n\r\n  .plan {\r\n    height: calc(30% - 12px);\r\n    margin-top: 10px;\r\n    display: flex;\r\n    // flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n    cursor: pointer;\r\n\r\n    .bbsl-iconfont {\r\n      display: inline-block;\r\n      font-size: 16px;\r\n      color: #ff9a00;\r\n      vertical-align: middle;\r\n    }\r\n\r\n    span {\r\n      display: inline-block;\r\n      font-weight: 700;\r\n      vertical-align: middle;\r\n      margin-left: 4px;\r\n    }\r\n  }\r\n}\r\n\r\n.bottom-container {\r\n  width: 100%;\r\n  height: 24%;\r\n  margin-top: 10px;\r\n  padding: 10px;\r\n  box-sizing: border-box;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.safe-maintain {\r\n  width: 100%;\r\n  height: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  flex-direction: row;\r\n}\r\n\r\n.safe-maintain-item {\r\n  width: 50%;\r\n  height: 100%;\r\n  background-image: url('../../assets/img/safe-maintain.png');\r\n  background-size: 100% 100%;\r\n  background-position: center center;\r\n  text-align: center;\r\n  color: #a7e7f0;\r\n  cursor: pointer;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n  // margin-left: 10px;\r\n  margin: 10px;\r\n\r\n  .num {\r\n    font-size: 16px;\r\n    font-family: 'electronicFont';\r\n\r\n    span {\r\n      font-size: 12px;\r\n      margin-left: -10px;\r\n    }\r\n  }\r\n\r\n  .name {\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    margin-bottom: 10px;\r\n  }\r\n}\r\n\r\n.safe-maintain-item:hover {\r\n  background-image: url('../../assets/img/safe-maintain-light.png');\r\n  color: #ffdfc6;\r\n}\r\n\r\n.safe-maintain-item.ad {\r\n  width: 80px;\r\n  height: 46px;\r\n}\r\n\r\n.center-section1 {\r\n  margin-right: 10px;\r\n  width: 50%;\r\n}\r\n\r\n.center-section2 {\r\n  width: 50%;\r\n}\r\n\r\n.center-m-section1 {\r\n  margin-right: 10px;\r\n  width: 40%;\r\n}\r\n\r\n.center-m-section2 {\r\n  width: calc(60% - 10px);\r\n}\r\n\r\n.structure-title {\r\n  width: 100%;\r\n  height: 40px;\r\n  line-height: 40px;\r\n  // background-repeat: no-repeat;\r\n  // background-size: 100% 100%;\r\n  // background-image: url('../../assets/img/title_light.apng');\r\n  margin: 0 auto;\r\n  position: relative;\r\n\r\n  .icon {\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    width: 40px;\r\n    height: 40px;\r\n    line-height: 40px;\r\n    text-align: center;\r\n    font-size: 18px;\r\n    color: #b9b2a0;\r\n  }\r\n\r\n  .icon:hover {\r\n    color: #ff9a00;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .title {\r\n    display: inline-block;\r\n    width: 100%;\r\n    height: 100%;\r\n    text-align: center;\r\n    font-size: 28px;\r\n    color: #fcf8ef;\r\n    font-weight: 700;\r\n    letter-spacing: 1px;\r\n    background: linear-gradient(\r\n      to right,\r\n      transparent,\r\n      rgba(#c2a071, 0.6),\r\n      transparent\r\n    );\r\n    text-shadow: 1px 1px 2px #000;\r\n  }\r\n}\r\n\r\n.section1-inner {\r\n  width: 94%;\r\n  margin: 0 auto;\r\n  height: calc(50% - 20px);\r\n  overflow: hidden;\r\n\r\n  .pop-modal {\r\n    margin-top: 18px;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n\r\n  .pop-modal .pop-modal-item {\r\n    margin: 0 10px;\r\n    background-image: linear-gradient(\r\n      rgb(57, 65, 120) 0%,\r\n      rgb(38, 43, 85) 100%\r\n    );\r\n    opacity: 1;\r\n    // position: absolute;\r\n    // top: 0px;\r\n    // left: 0px;\r\n    // width: 100%;\r\n    // height: 100%;\r\n    // border-radius: inherit;\r\n  }\r\n}\r\n\r\n.section1-top {\r\n  height: calc(64% - 50px);\r\n}\r\n\r\n.section1-bottom {\r\n  width: 90%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  height: 36%;\r\n}\r\n\r\n.alarm {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.alarm-item {\r\n  // width: 33.33%;\r\n  flex: 1;\r\n\r\n  .icon {\r\n    text-align: center;\r\n    color: #4885d5;\r\n  }\r\n\r\n  i {\r\n    font-size: 40px;\r\n  }\r\n\r\n  .title {\r\n    font-weight: 700;\r\n    letter-spacing: 1px;\r\n    width: 76%;\r\n    height: 18px;\r\n    line-height: 18px;\r\n    margin: auto;\r\n    margin-top: 10px;\r\n    margin-bottom: 0.1rem;\r\n    text-align: center;\r\n    color: #badeff;\r\n    background: linear-gradient(to right, transparent, #0574d4, transparent);\r\n    font-size: 16px;\r\n    text-shadow: 1px 1px 2px rgb(58, 58, 58);\r\n  }\r\n\r\n  .num {\r\n    font-size: 20px;\r\n    text-align: center;\r\n    color: #fff;\r\n    margin-top: 10px;\r\n    font-family: 'electronicFont';\r\n  }\r\n}\r\n\r\n.alarm .alarm-item {\r\n  cursor: pointer;\r\n  position: relative;\r\n  // top: -10%;\r\n  width: 90%;\r\n\r\n  .num {\r\n    color: #ff9a00;\r\n    width: 60%;\r\n    margin: 0 auto;\r\n    height: 70px;\r\n    background: url('../../assets/img/alarm_icon.png');\r\n    background-size: 100% 100%;\r\n    font-size: 30px;\r\n    font-weight: 700;\r\n    text-align: center;\r\n    line-height: 60px;\r\n    font-family: 'electronicFont';\r\n  }\r\n\r\n  .alarmIcon {\r\n    font-size: 30px;\r\n    color: red;\r\n  }\r\n\r\n  .alarmIcon.dark {\r\n    color: #cbcaca;\r\n  }\r\n}\r\n\r\n.alarm .alarm-item.active,\r\n.alarm .alarm-item:hover {\r\n  transform: scale(1.1);\r\n\r\n  .icon {\r\n    color: #e7a74d;\r\n  }\r\n\r\n  .title {\r\n    color: #ffce5a;\r\n    background: linear-gradient(\r\n      to right,\r\n      transparent,\r\n      rgba(255, 192, 0, 0.45),\r\n      transparent\r\n    );\r\n    text-shadow: 1px 1px 2px rgb(58, 58, 58);\r\n  }\r\n\r\n  .num {\r\n    color: #ff9a00;\r\n    width: 60%;\r\n    margin: 0 auto;\r\n    height: 70px;\r\n    background: url('../../assets/img/alarm_icon_active.png');\r\n    background-size: 100% 100%;\r\n    font-size: 30px;\r\n    font-weight: 700;\r\n    text-align: center;\r\n    line-height: 60px;\r\n  }\r\n}\r\n\r\n.responsible {\r\n  display: flex;\r\n  justify-content: space-around;\r\n  align-items: center;\r\n\r\n  .responsible-item {\r\n    width: calc(50% - 10px);\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .title {\r\n    display: inline-block;\r\n    background: url('../../assets/img/nav_normal.png');\r\n    background-size: 100% 100%;\r\n    color: #badeff;\r\n    font-weight: 700;\r\n    padding: 6px 20px 8px;\r\n    margin-bottom: 10px;\r\n    margin-left: 10px;\r\n    text-align: center;\r\n  }\r\n\r\n  .person-item {\r\n    padding: 4px;\r\n\r\n    span {\r\n      padding: 0 4px;\r\n      color: #badeff;\r\n    }\r\n\r\n    .icon-contact {\r\n      color: #ff9a00;\r\n      font-weight: bold;\r\n      font-size: 16px;\r\n      cursor: pointer;\r\n    }\r\n\r\n    .icon-person {\r\n      color: #188df0;\r\n    }\r\n  }\r\n}\r\n\r\n.equipment-item-content .equipment-item > div {\r\n  padding: 8px 10px;\r\n  border: 1px dashed rgba(24, 141, 240, 0.6);\r\n  width: 78%;\r\n}\r\n\r\n.equipment-item-content .equipment-item:hover > div {\r\n  transform: translateY(-6px);\r\n  cursor: pointer;\r\n  border: 1px dashed rgba(#ff9a00, 0.6);\r\n}\r\n\r\n.pdf-item {\r\n  font-weight: 700;\r\n  cursor: pointer;\r\n}\r\n\r\n.pdf-item:hover {\r\n  color: #188df0;\r\n}\r\n\r\n/deep/ .el-input--mini .el-textarea__inner {\r\n  background-color: rgba(0, 0, 0, 0.7);\r\n  border: 1px solid #ebeef5;\r\n  color: #dddee0;\r\n}\r\n\r\n.station-search {\r\n  position: absolute;\r\n  right: 10px;\r\n  top: 6px;\r\n  width: 40%;\r\n\r\n  /deep/ .el-select .el-input--suffix .el-input__inner,\r\n  /deep/ .el-input--mini .el-input__inner {\r\n    background-color: #1c2330;\r\n    border: 1px solid #2a3447;\r\n    color: #dddddd;\r\n  }\r\n\r\n  /deep/ .el-select-dropdown {\r\n    background-color: #1c2330;\r\n    border: solid 1px #2a3447;\r\n    left: 0 !important;\r\n  }\r\n\r\n  /deep/ .el-select-dropdown__item {\r\n    height: 28px;\r\n    line-height: 28px;\r\n  }\r\n\r\n  /deep/ .el-select-dropdown__item span {\r\n    color: #dddddd;\r\n  }\r\n\r\n  /deep/ .el-select-dropdown__item.selected span {\r\n    color: #4db7ff !important;\r\n  }\r\n\r\n  /deep/ .el-select-dropdown__item.hover,\r\n  /deep/ .el-select-dropdown__item.hover,\r\n  .el-select-dropdown__item:hover {\r\n    background-color: #33415a !important;\r\n  }\r\n\r\n  /deep/ .el-scrollbar__wrap {\r\n    margin-right: -8px !important;\r\n  }\r\n}\r\n\r\n.station-search.videoSelect {\r\n  right: 0;\r\n  top: 0;\r\n}\r\n\r\n.el-dropdown {\r\n  color: white;\r\n}\r\n\r\n.el-dropdown-menu {\r\n  overflow: scroll; // 添加滚动条\r\n  max-height: 200px; // 最大高度\r\n  overflow-x: hidden; // 隐藏x轴上的滚动条\r\n}\r\n",null]}