@charset "UTF-8";.rows[data-v-b554a98b] {
  overflow: hidden;
  width: 100%;
  height: inherit;
}
.rows .null-dall[data-v-b554a98b] {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.rows > div[data-v-b554a98b] {
  overflow: hidden;
}
.rows .list-enter-active[data-v-b554a98b],
.rows .list-leave-active[data-v-b554a98b] {
  transition: all 1s;
}
.rows .list-enter[data-v-b554a98b] {
  opacity: 0;
  transform: translateY(100%);
}.table-btn[data-v-a7bd7bca] {
  color: #409eff;
  border-radius: 2px;
  text-align: center;
  padding: 2px 5px;
  box-shadow: 1px 1px 1px 1px #a4b3c4;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  min-height: 25px;
  height: 25px;
}
.table-btn .title[data-v-a7bd7bca] {
  font-size: 12px !important;
  margin-left: 3px;
}
.table-btn:hover .icon-btn-table[data-v-a7bd7bca] {
  transform: scale(1.2);
  transition: transform 0.2s;
}
.table-btn:hover .iconel-icon-delete[data-v-a7bd7bca] {
  color: red;
}/*!
 * vue-treeselect v0.4.0 | (c) 2017-2019 Riophae Lee
 * Released under the MIT License.
 * https://vue-treeselect.js.org/
 */
/**
 * Dependencies
 */
/**
 * Variables
 */
/**
 * Mixins
 */
/**
 * Helpers
 */
.vue-treeselect-helper-hide {
  display: none;
}
.vue-treeselect-helper-zoom-effect-off {
  -ms-transform: none !important;
      transform: none !important;
}
/**
 * Animations
 */
@keyframes vue-treeselect-animation-fade-in {
  0% {
    opacity: 0;
  }
}
@keyframes vue-treeselect-animation-bounce {
  0%,
  100% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
}
@keyframes vue-treeselect-animation-rotate {
  100% {
    transform: rotate(360deg);
  }
}
/**
 * Transitions
 */
.vue-treeselect__multi-value-item--transition-enter-active,
.vue-treeselect__multi-value-item--transition-leave-active {
  transition-duration: 200ms;
  transition-property: transform, opacity;
}
.vue-treeselect__multi-value-item--transition-enter-active {
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
.vue-treeselect__multi-value-item--transition-leave-active {
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  position: absolute;
}
.vue-treeselect__multi-value-item--transition-enter,
.vue-treeselect__multi-value-item--transition-leave-to {
  -ms-transform: scale(0.7);
      transform: scale(0.7);
  opacity: 0;
}
.vue-treeselect__multi-value-item--transition-move {
  transition: 200ms transform cubic-bezier(0.165, 0.84, 0.44, 1);
}
/**
 * Namespace
 */
.vue-treeselect {
  position: relative;
  text-align: left;
}
[dir="rtl"] .vue-treeselect {
  text-align: right;
}
.vue-treeselect div,
.vue-treeselect span {
  box-sizing: border-box;
}
.vue-treeselect svg {
  fill: currentColor;
}
/**
 * Control
 */
.vue-treeselect__control {
  padding-left: 5px;
  padding-right: 5px;
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 36px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background: #fff;
  transition-duration: 200ms;
  transition-property: border-color, box-shadow, width, height, background-color, opacity;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.vue-treeselect:not(.vue-treeselect--disabled):not(.vue-treeselect--focused) .vue-treeselect__control:hover {
  border-color: #cfcfcf;
}
.vue-treeselect--focused:not(.vue-treeselect--open) .vue-treeselect__control {
  border-color: #039be5;
  box-shadow: 0 0 0 3px rgba(3, 155, 229, 0.1);
}
.vue-treeselect--disabled .vue-treeselect__control {
  background-color: #f9f9f9;
}
.vue-treeselect--open .vue-treeselect__control {
  border-color: #cfcfcf;
}
.vue-treeselect--open.vue-treeselect--open-below .vue-treeselect__control {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.vue-treeselect--open.vue-treeselect--open-above .vue-treeselect__control {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.vue-treeselect__value-container,
.vue-treeselect__multi-value {
  width: 100%;
  vertical-align: middle;
}
.vue-treeselect__value-container {
  display: table-cell;
  position: relative;
}
.vue-treeselect--searchable:not(.vue-treeselect--disabled) .vue-treeselect__value-container {
  cursor: text;
}
.vue-treeselect__multi-value {
  display: inline-block;
}
.vue-treeselect--has-value .vue-treeselect__multi-value {
  margin-bottom: 5px;
}
.vue-treeselect__placeholder,
.vue-treeselect__single-value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 5px;
  padding-right: 5px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  line-height: 34px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}
.vue-treeselect__placeholder {
  color: #bdbdbd;
}
.vue-treeselect__single-value {
  color: #333;
}
.vue-treeselect--focused.vue-treeselect--searchable .vue-treeselect__single-value {
  color: #bdbdbd;
}
.vue-treeselect--disabled .vue-treeselect__single-value {
  position: static;
}
.vue-treeselect__multi-value-item-container {
  display: inline-block;
  padding-top: 5px;
  padding-right: 5px;
  vertical-align: top;
}
[dir="rtl"] .vue-treeselect__multi-value-item-container {
  padding-right: 0;
  padding-left: 5px;
}
.vue-treeselect__multi-value-item {
  cursor: pointer;
  display: inline-table;
  background: #e3f2fd;
  padding: 2px 0;
  border: 1px solid transparent;
  border-radius: 2px;
  color: #039be5;
  font-size: 12px;
  vertical-align: top;
}
.vue-treeselect:not(.vue-treeselect--disabled) .vue-treeselect__multi-value-item:not(.vue-treeselect__multi-value-item-disabled):hover .vue-treeselect__multi-value-item:not(.vue-treeselect__multi-value-item-new) .vue-treeselect__multi-value-item:not(.vue-treeselect__multi-value-item-new):hover {
  cursor: pointer;
  background: #e3f2fd;
  color: #039be5;
}
.vue-treeselect__multi-value-item.vue-treeselect__multi-value-item-disabled {
  cursor: default;
  background: #f5f5f5;
  color: #757575;
}
.vue-treeselect--disabled .vue-treeselect__multi-value-item {
  cursor: default;
  background: #fff;
  border-color: #e5e5e5;
  color: #555;
}
.vue-treeselect__multi-value-item.vue-treeselect__multi-value-item-new {
  background: #e8f5e9;
}
.vue-treeselect__multi-value-item.vue-treeselect__multi-value-item-new:hover {
  background: #e8f5e9;
}
.vue-treeselect__value-remove,
.vue-treeselect__multi-value-label {
  display: table-cell;
  padding: 0 5px;
  vertical-align: middle;
}
.vue-treeselect__value-remove {
  color: #039be5;
  padding-left: 5px;
  border-left: 1px solid #fff;
  line-height: 0;
}
[dir="rtl"] .vue-treeselect__value-remove {
  border-left: 0 none;
  border-right: 1px solid #fff;
}
.vue-treeselect__multi-value-item:hover .vue-treeselect__value-remove {
  color: #e53935;
}
.vue-treeselect--disabled .vue-treeselect__value-remove,
.vue-treeselect__multi-value-item-disabled .vue-treeselect__value-remove {
  display: none;
}
.vue-treeselect__value-remove > svg {
  width: 6px;
  height: 6px;
}
.vue-treeselect__multi-value-label {
  padding-right: 5px;
  white-space: pre-line;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.vue-treeselect__limit-tip {
  display: inline-block;
  padding-top: 5px;
  padding-right: 5px;
  vertical-align: top;
}
[dir="rtl"] .vue-treeselect__limit-tip {
  padding-right: 0;
  padding-left: 5px;
}
.vue-treeselect__limit-tip-text {
  cursor: default;
  display: block;
  margin: 2px 0;
  padding: 1px 0;
  color: #bdbdbd;
  font-size: 12px;
  font-weight: 600;
}
.vue-treeselect__input-container {
  display: block;
  max-width: 100%;
  outline: none;
}
.vue-treeselect--single .vue-treeselect__input-container {
  font-size: inherit;
  height: 100%;
}
.vue-treeselect--multi .vue-treeselect__input-container {
  display: inline-block;
  font-size: 12px;
  vertical-align: top;
}
.vue-treeselect--searchable .vue-treeselect__input-container {
  padding-left: 5px;
  padding-right: 5px;
}
.vue-treeselect--searchable.vue-treeselect--multi.vue-treeselect--has-value .vue-treeselect__input-container {
  padding-top: 5px;
  padding-left: 0;
}
[dir="rtl"] .vue-treeselect--searchable.vue-treeselect--multi.vue-treeselect--has-value .vue-treeselect__input-container {
  padding-left: 5px;
  padding-right: 0;
}
.vue-treeselect--disabled .vue-treeselect__input-container {
  display: none;
}
.vue-treeselect__input,
.vue-treeselect__sizer {
  margin: 0;
  line-height: inherit;
  font-family: inherit;
  font-size: inherit;
}
.vue-treeselect__input {
  max-width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
  box-sizing: content-box;
  box-shadow: none;
  background: none transparent;
  line-height: 1;
  vertical-align: middle;
}
.vue-treeselect__input::-ms-clear {
  display: none;
}
.vue-treeselect--single .vue-treeselect__input {
  width: 100%;
  height: 100%;
}
.vue-treeselect--multi .vue-treeselect__input {
  padding-top: 3px;
  padding-bottom: 3px;
}
.vue-treeselect--has-value .vue-treeselect__input {
  line-height: inherit;
  vertical-align: top;
}
.vue-treeselect__sizer {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  height: 0;
  overflow: scroll;
  white-space: pre;
}
.vue-treeselect__x-container {
  display: table-cell;
  vertical-align: middle;
  width: 20px;
  text-align: center;
  line-height: 0;
  cursor: pointer;
  color: #ccc;
  animation: 200ms vue-treeselect-animation-fade-in cubic-bezier(0.075, 0.82, 0.165, 1);
}
.vue-treeselect__x-container:hover {
  color: #e53935;
}
.vue-treeselect__x {
  width: 8px;
  height: 8px;
}
.vue-treeselect__control-arrow-container {
  display: table-cell;
  vertical-align: middle;
  width: 20px;
  text-align: center;
  line-height: 0;
  cursor: pointer;
}
.vue-treeselect--disabled .vue-treeselect__control-arrow-container {
  cursor: default;
}
.vue-treeselect__control-arrow {
  width: 9px;
  height: 9px;
  color: #ccc;
}
.vue-treeselect:not(.vue-treeselect--disabled) .vue-treeselect__control-arrow-container:hover .vue-treeselect__control-arrow {
  color: #616161;
}
.vue-treeselect--disabled .vue-treeselect__control-arrow {
  opacity: 0.35;
}
.vue-treeselect__control-arrow--rotated {
  -ms-transform: rotate(180deg);
      transform: rotateZ(180deg);
}
/**
 * Menu
 */
.vue-treeselect__menu-container {
  position: absolute;
  left: 0;
  width: 100%;
  overflow: visible;
  transition: 0s;
}
.vue-treeselect--open-below:not(.vue-treeselect--append-to-body) .vue-treeselect__menu-container {
  top: 100%;
}
.vue-treeselect--open-above:not(.vue-treeselect--append-to-body) .vue-treeselect__menu-container {
  bottom: 100%;
}
.vue-treeselect__menu {
  cursor: default;
  padding-top: 5px;
  padding-bottom: 5px;
  display: block;
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  width: auto;
  border: 1px solid #cfcfcf;
  background: #fff;
  line-height: 180%;
  -webkit-overflow-scrolling: touch;
}
.vue-treeselect--open-below .vue-treeselect__menu {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  top: 0;
  margin-top: -1px;
  border-top-color: #f2f2f2;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}
.vue-treeselect--open-above .vue-treeselect__menu {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  bottom: 0;
  margin-bottom: -1px;
  border-bottom-color: #f2f2f2;
}
.vue-treeselect__indent-level-0 .vue-treeselect__option {
  padding-left: 5px;
}
[dir="rtl"] .vue-treeselect__indent-level-0 .vue-treeselect__option {
  padding-left: 5px;
  padding-right: 5px;
}
.vue-treeselect__indent-level-0 .vue-treeselect__tip {
  padding-left: 25px;
}
[dir="rtl"] .vue-treeselect__indent-level-0 .vue-treeselect__tip {
  padding-left: 5px;
  padding-right: 25px;
}
.vue-treeselect__indent-level-1 .vue-treeselect__option {
  padding-left: 25px;
}
[dir="rtl"] .vue-treeselect__indent-level-1 .vue-treeselect__option {
  padding-left: 5px;
  padding-right: 25px;
}
.vue-treeselect__indent-level-1 .vue-treeselect__tip {
  padding-left: 45px;
}
[dir="rtl"] .vue-treeselect__indent-level-1 .vue-treeselect__tip {
  padding-left: 5px;
  padding-right: 45px;
}
.vue-treeselect__indent-level-2 .vue-treeselect__option {
  padding-left: 45px;
}
[dir="rtl"] .vue-treeselect__indent-level-2 .vue-treeselect__option {
  padding-left: 5px;
  padding-right: 45px;
}
.vue-treeselect__indent-level-2 .vue-treeselect__tip {
  padding-left: 65px;
}
[dir="rtl"] .vue-treeselect__indent-level-2 .vue-treeselect__tip {
  padding-left: 5px;
  padding-right: 65px;
}
.vue-treeselect__indent-level-3 .vue-treeselect__option {
  padding-left: 65px;
}
[dir="rtl"] .vue-treeselect__indent-level-3 .vue-treeselect__option {
  padding-left: 5px;
  padding-right: 65px;
}
.vue-treeselect__indent-level-3 .vue-treeselect__tip {
  padding-left: 85px;
}
[dir="rtl"] .vue-treeselect__indent-level-3 .vue-treeselect__tip {
  padding-left: 5px;
  padding-right: 85px;
}
.vue-treeselect__indent-level-4 .vue-treeselect__option {
  padding-left: 85px;
}
[dir="rtl"] .vue-treeselect__indent-level-4 .vue-treeselect__option {
  padding-left: 5px;
  padding-right: 85px;
}
.vue-treeselect__indent-level-4 .vue-treeselect__tip {
  padding-left: 105px;
}
[dir="rtl"] .vue-treeselect__indent-level-4 .vue-treeselect__tip {
  padding-left: 5px;
  padding-right: 105px;
}
.vue-treeselect__indent-level-5 .vue-treeselect__option {
  padding-left: 105px;
}
[dir="rtl"] .vue-treeselect__indent-level-5 .vue-treeselect__option {
  padding-left: 5px;
  padding-right: 105px;
}
.vue-treeselect__indent-level-5 .vue-treeselect__tip {
  padding-left: 125px;
}
[dir="rtl"] .vue-treeselect__indent-level-5 .vue-treeselect__tip {
  padding-left: 5px;
  padding-right: 125px;
}
.vue-treeselect__indent-level-6 .vue-treeselect__option {
  padding-left: 125px;
}
[dir="rtl"] .vue-treeselect__indent-level-6 .vue-treeselect__option {
  padding-left: 5px;
  padding-right: 125px;
}
.vue-treeselect__indent-level-6 .vue-treeselect__tip {
  padding-left: 145px;
}
[dir="rtl"] .vue-treeselect__indent-level-6 .vue-treeselect__tip {
  padding-left: 5px;
  padding-right: 145px;
}
.vue-treeselect__indent-level-7 .vue-treeselect__option {
  padding-left: 145px;
}
[dir="rtl"] .vue-treeselect__indent-level-7 .vue-treeselect__option {
  padding-left: 5px;
  padding-right: 145px;
}
.vue-treeselect__indent-level-7 .vue-treeselect__tip {
  padding-left: 165px;
}
[dir="rtl"] .vue-treeselect__indent-level-7 .vue-treeselect__tip {
  padding-left: 5px;
  padding-right: 165px;
}
.vue-treeselect__indent-level-8 .vue-treeselect__option {
  padding-left: 165px;
}
[dir="rtl"] .vue-treeselect__indent-level-8 .vue-treeselect__option {
  padding-left: 5px;
  padding-right: 165px;
}
.vue-treeselect__indent-level-8 .vue-treeselect__tip {
  padding-left: 185px;
}
[dir="rtl"] .vue-treeselect__indent-level-8 .vue-treeselect__tip {
  padding-left: 5px;
  padding-right: 185px;
}
.vue-treeselect__option {
  padding-left: 5px;
  padding-right: 5px;
  display: table;
  table-layout: fixed;
  width: 100%;
}
.vue-treeselect__option--highlight {
  background: #f5f5f5;
}
.vue-treeselect--single .vue-treeselect__option--selected {
  background: #e3f2fd;
  font-weight: 600;
}
.vue-treeselect--single .vue-treeselect__option--selected:hover {
  background: #e3f2fd;
}
.vue-treeselect__option--hide {
  display: none;
}
.vue-treeselect__option-arrow-container,
.vue-treeselect__option-arrow-placeholder {
  display: table-cell;
  vertical-align: middle;
  width: 20px;
  text-align: center;
  line-height: 0;
}
.vue-treeselect__option-arrow-container {
  cursor: pointer;
}
.vue-treeselect__option-arrow {
  display: inline-block;
  width: 9px;
  height: 9px;
  color: #ccc;
  vertical-align: middle;
  transition: 200ms transform cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transform: rotate(-90deg);
      transform: rotateZ(-90deg);
}
[dir="rtl"] .vue-treeselect__option-arrow {
  -ms-transform: rotate(90deg);
      transform: rotateZ(90deg);
}
.vue-treeselect__option-arrow-container:hover .vue-treeselect__option-arrow,
.vue-treeselect--branch-nodes-disabled .vue-treeselect__option:hover .vue-treeselect__option-arrow {
  color: #616161;
}
.vue-treeselect__option-arrow--rotated {
  -ms-transform: rotate(0);
      transform: rotateZ(0);
}
[dir="rtl"] .vue-treeselect__option-arrow--rotated {
  -ms-transform: rotate(0);
      transform: rotateZ(0);
}
.vue-treeselect__option-arrow--rotated.vue-treeselect__option-arrow--prepare-enter {
  -ms-transform: rotate(-90deg) !important;
      transform: rotateZ(-90deg) !important;
}
[dir="rtl"] .vue-treeselect__option-arrow--rotated.vue-treeselect__option-arrow--prepare-enter {
  -ms-transform: rotate(90deg) !important;
      transform: rotateZ(90deg) !important;
}
.vue-treeselect__label-container {
  display: table-cell;
  vertical-align: middle;
  cursor: pointer;
  display: table;
  width: 100%;
  table-layout: fixed;
  color: inherit;
}
.vue-treeselect__option--disabled .vue-treeselect__label-container {
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.25);
}
.vue-treeselect__checkbox-container {
  display: table-cell;
  width: 20px;
  min-width: 20px;
  height: 100%;
  text-align: center;
  vertical-align: middle;
}
.vue-treeselect__checkbox {
  display: block;
  margin: auto;
  width: 12px;
  height: 12px;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  position: relative;
  transition: 200ms all cubic-bezier(0.075, 0.82, 0.165, 1);
}
.vue-treeselect__check-mark,
.vue-treeselect__minus-mark {
  display: block;
  position: absolute;
  left: 1px;
  top: 1px;
  background-repeat: no-repeat;
  opacity: 0;
  transition: 200ms all ease;
}
.vue-treeselect__minus-mark {
  width: 8px;
  height: 8px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIAgMAAAC5YVYYAAAACVBMVEUAAAD///////9zeKVjAAAAAnRSTlMAuLMp9oYAAAAPSURBVAjXY4CDrJUgBAMAGaECJ9dz3BAAAAAASUVORK5CYII=);
  background-size: 8px 8px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .vue-treeselect__minus-mark {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAAD///////////84wDuoAAAAA3RSTlMAyTzPIdReAAAAGUlEQVQI12PAD+b///+Nof7//79gAsLFCwAx/w4blADeeQAAAABJRU5ErkJggg==);
  }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .vue-treeselect__minus-mark {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAAD///////////84wDuoAAAAA3RSTlMAyTzPIdReAAAAGUlEQVQI12PAD+b///+Nof7//79gAsLFCwAx/w4blADeeQAAAABJRU5ErkJggg==);
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
  .vue-treeselect__minus-mark {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAD1BMVEUAAAD///////////////+PQt5oAAAABHRSTlMAy2EFIuWxUgAAACRJREFUGNNjGBBgJOICBY7KDCoucODEAJSAS6FwUJShGjAQAADBPRGrK2/FhgAAAABJRU5ErkJggg==);
  }
}
.vue-treeselect__checkbox--indeterminate > .vue-treeselect__minus-mark {
  opacity: 1;
}
.vue-treeselect__checkbox--disabled .vue-treeselect__minus-mark {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIAgMAAAC5YVYYAAAACVBMVEUAAADi4uLh4eHOxeSRAAAAAnRSTlMAuLMp9oYAAAAPSURBVAjXY4CDrJUgBAMAGaECJ9dz3BAAAAAASUVORK5CYII=);
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .vue-treeselect__checkbox--disabled .vue-treeselect__minus-mark {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAADi4uLi4uLh4eE5RQaIAAAAA3RSTlMAyTzPIdReAAAAGUlEQVQI12PAD+b///+Nof7//79gAsLFCwAx/w4blADeeQAAAABJRU5ErkJggg==);
  }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .vue-treeselect__checkbox--disabled .vue-treeselect__minus-mark {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAADi4uLi4uLh4eE5RQaIAAAAA3RSTlMAyTzPIdReAAAAGUlEQVQI12PAD+b///+Nof7//79gAsLFCwAx/w4blADeeQAAAABJRU5ErkJggg==);
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
  .vue-treeselect__checkbox--disabled .vue-treeselect__minus-mark {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAD1BMVEUAAADh4eHg4ODNzc3h4eEYfw2wAAAABHRSTlMAy2EFIuWxUgAAACRJREFUGNNjGBBgJOICBY7KDCoucODEAJSAS6FwUJShGjAQAADBPRGrK2/FhgAAAABJRU5ErkJggg==);
  }
}
.vue-treeselect__check-mark {
  width: 8px;
  height: 8px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAQlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////8IX9KGAAAAFXRSTlMA8u24NxILB+Tawb6jiH1zRz0xIQIIP3GUAAAAMklEQVQI1y3FtQEAMQDDQD+EGbz/qkEVOpyEOP6PudKjZNSXn4Jm2CKRdBKzSLsFWl8fMG0Bl6Jk1rMAAAAASUVORK5CYII=);
  background-size: 8px 8px;
  -ms-transform: scaleY(0.125);
      transform: scaleY(0.125);
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .vue-treeselect__check-mark {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAYFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////98JRy6AAAAH3RSTlMAzu4sDenl38fBvo1OMyIdEQrj1cSihX5hYFpHNycIcQOASAAAAF9JREFUGNN9zEcOgDAMRFHTS0LvNfe/JRmHKAIJ/mqeLJn+k9uDtaeUeFnFziGsBucUTirrprfe81RqZ3Bb6hPWeuZwDFOHyf+ig9CCzQ7INBn7bG5kF+QSt13BHNJnF7AaCT4Y+CW7AAAAAElFTkSuQmCC);
  }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .vue-treeselect__check-mark {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAYFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////98JRy6AAAAH3RSTlMAzu4sDenl38fBvo1OMyIdEQrj1cSihX5hYFpHNycIcQOASAAAAF9JREFUGNN9zEcOgDAMRFHTS0LvNfe/JRmHKAIJ/mqeLJn+k9uDtaeUeFnFziGsBucUTirrprfe81RqZ3Bb6hPWeuZwDFOHyf+ig9CCzQ7INBn7bG5kF+QSt13BHNJnF7AaCT4Y+CW7AAAAAElFTkSuQmCC);
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
  .vue-treeselect__check-mark {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAWlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////9ZMre9AAAAHXRSTlMA/PiJhGNI9XlEHJB/b2ldV08+Oibk49vPp6QhAYgGBuwAAACCSURBVCjPrdHdDoIwDAXgTWAqCigo/+f9X5OwnoUwtis4V92XNWladUl+rzQPeQJAN2EHxoOnsPn7/oYk8fxBv08Rr/deOH/aZ2Nm8ZJ+s573QGfWKnNuZGzWm3+lv2V3pcU1XQ385/yjmBoM3Z+dXvlbYLLD3ujhTaOM3KaIXvNkFkuSEvYy1LqOAAAAAElFTkSuQmCC);
  }
}
.vue-treeselect__checkbox--checked > .vue-treeselect__check-mark {
  opacity: 1;
  -ms-transform: scaleY(1);
      transform: scaleY(1);
}
.vue-treeselect__checkbox--disabled .vue-treeselect__check-mark {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAP1BMVEUAAADj4+Pf39/h4eHh4eHh4eHk5OTh4eHg4ODi4uLh4eHh4eHg4ODh4eHh4eHg4ODh4eHh4eHp6en////h4eFqcyvUAAAAFHRSTlMAOQfy7bgS5NrBvqOIfXNHMSELAgQ/iFsAAAA2SURBVAjXY4AANjYIzcjMAaVFuBkY+RkEWERYmRjYRXjANAOfiIgIFxNIAa8IpxBEi6AwiAQAK2MBd7xY8csAAAAASUVORK5CYII=);
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .vue-treeselect__checkbox--disabled .vue-treeselect__check-mark {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAXVBMVEUAAADh4eHh4eHh4eHi4uLb29vh4eHh4eHh4eHh4eHh4eHh4eHh4eHi4uLi4uLj4+Pi4uLk5OTo6Ojh4eHh4eHi4uLg4ODg4ODh4eHg4ODh4eHf39/g4OD////h4eEzIk+wAAAAHnRSTlMAzu6/LA3p5eLZx8ONTjYiHRIKooV+YWBaRzEnCANnm5rnAAAAZElEQVQY033P2wqAIAyA4VWaaWrnc/n+j5mbhBjUf7WPoTD47TJb4i5zTr/sRDRHuyFaoWX7uK/RlbctlPEuyI1f4WY9yQINEkf6rzzo8YIzmUFoCs7J1EjeIaa9bXIEmzl8dgOZEAj/+2IvzAAAAABJRU5ErkJggg==);
  }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .vue-treeselect__checkbox--disabled .vue-treeselect__check-mark {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAXVBMVEUAAADh4eHh4eHh4eHi4uLb29vh4eHh4eHh4eHh4eHh4eHh4eHh4eHi4uLi4uLj4+Pi4uLk5OTo6Ojh4eHh4eHi4uLg4ODg4ODh4eHg4ODh4eHf39/g4OD////h4eEzIk+wAAAAHnRSTlMAzu6/LA3p5eLZx8ONTjYiHRIKooV+YWBaRzEnCANnm5rnAAAAZElEQVQY033P2wqAIAyA4VWaaWrnc/n+j5mbhBjUf7WPoTD47TJb4i5zTr/sRDRHuyFaoWX7uK/RlbctlPEuyI1f4WY9yQINEkf6rzzo8YIzmUFoCs7J1EjeIaa9bXIEmzl8dgOZEAj/+2IvzAAAAABJRU5ErkJggg==);
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
  .vue-treeselect__checkbox--disabled .vue-treeselect__check-mark {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAUVBMVEUAAADh4eHh4eHh4eHh4eHi4uLi4uLh4eHh4eHh4eHf39/j4+Ph4eHh4eHh4eHg4ODi4uLh4eHh4eHi4uLh4eHh4eHh4eHh4eHh4eH////h4eF3FMFTAAAAGnRSTlMA+/eJhGhfSHE9JBzz5KaQf3pXT0Xbz0I5AYDw8F0AAAB+SURBVCjPrdHbDoMgEEVRKAii1dZe9fz/hxplTiKIT7qfYCWTEEZdUvOwbckNAD2WHeh3brHW5f5EzGQ+iN+b1Gt6KPvtv16Dn6JX9M9ya3/A1yfu5dlyduL6Hec7mXY6ddXLPP2lpABGZ8PWXfYLTJxZekVhhl7eTX24zZPNKXoRC7zQLjUAAAAASUVORK5CYII=);
  }
}
.vue-treeselect__checkbox--unchecked {
  border-color: #e0e0e0;
  background: #fff;
}
.vue-treeselect__label-container:hover .vue-treeselect__checkbox--unchecked {
  border-color: #039be5;
  background: #fff;
}
.vue-treeselect__checkbox--indeterminate {
  border-color: #039be5;
  background: #039be5;
}
.vue-treeselect__label-container:hover .vue-treeselect__checkbox--indeterminate {
  border-color: #039be5;
  background: #039be5;
}
.vue-treeselect__checkbox--checked {
  border-color: #039be5;
  background: #039be5;
}
.vue-treeselect__label-container:hover .vue-treeselect__checkbox--checked {
  border-color: #039be5;
  background: #039be5;
}
.vue-treeselect__checkbox--disabled {
  border-color: #e0e0e0;
  background-color: #f7f7f7;
}
.vue-treeselect__label-container:hover .vue-treeselect__checkbox--disabled {
  border-color: #e0e0e0;
  background-color: #f7f7f7;
}
.vue-treeselect__label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: table-cell;
  padding-left: 5px;
  max-width: 100%;
  vertical-align: middle;
  cursor: inherit;
}
[dir="rtl"] .vue-treeselect__label {
  padding-left: 0;
  padding-right: 5px;
}
.vue-treeselect__count {
  margin-left: 5px;
  font-weight: 400;
  opacity: 0.6;
}
[dir="rtl"] .vue-treeselect__count {
  margin-left: 0;
  margin-right: 5px;
}
.vue-treeselect__tip {
  padding-left: 5px;
  padding-right: 5px;
  display: table;
  table-layout: fixed;
  width: 100%;
  color: #757575;
}
.vue-treeselect__tip-text {
  display: table-cell;
  vertical-align: middle;
  padding-left: 5px;
  padding-right: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  font-size: 12px;
}
.vue-treeselect__error-tip .vue-treeselect__retry {
  cursor: pointer;
  margin-left: 5px;
  font-style: normal;
  font-weight: 600;
  text-decoration: none;
  color: #039be5;
}
[dir="rtl"] .vue-treeselect__error-tip .vue-treeselect__retry {
  margin-left: 0;
  margin-right: 5px;
}
.vue-treeselect__icon-container {
  display: table-cell;
  vertical-align: middle;
  width: 20px;
  text-align: center;
  line-height: 0;
}
.vue-treeselect--single .vue-treeselect__icon-container {
  padding-left: 5px;
}
[dir="rtl"] .vue-treeselect--single .vue-treeselect__icon-container {
  padding-left: 0;
  padding-right: 5px;
}
.vue-treeselect__icon-warning {
  display: block;
  margin: auto;
  border-radius: 50%;
  position: relative;
  width: 12px;
  height: 12px;
  background: #fb8c00;
}
.vue-treeselect__icon-warning::after {
  display: block;
  position: absolute;
  content: "";
  left: 5px;
  top: 2.5px;
  width: 2px;
  height: 1px;
  border: 0 solid #fff;
  border-top-width: 5px;
  border-bottom-width: 1px;
}
.vue-treeselect__icon-error {
  display: block;
  margin: auto;
  border-radius: 50%;
  position: relative;
  width: 12px;
  height: 12px;
  background: #e53935;
}
.vue-treeselect__icon-error::before,
.vue-treeselect__icon-error::after {
  display: block;
  position: absolute;
  content: "";
  background: #fff;
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
}
.vue-treeselect__icon-error::before {
  width: 6px;
  height: 2px;
  left: 3px;
  top: 5px;
}
.vue-treeselect__icon-error::after {
  width: 2px;
  height: 6px;
  left: 5px;
  top: 3px;
}
.vue-treeselect__icon-loader {
  display: block;
  margin: auto;
  position: relative;
  width: 12px;
  height: 12px;
  text-align: center;
  animation: 1.6s vue-treeselect-animation-rotate linear infinite;
}
.vue-treeselect__icon-loader::before,
.vue-treeselect__icon-loader::after {
  border-radius: 50%;
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  animation: 1.6s vue-treeselect-animation-bounce ease-in-out infinite;
}
.vue-treeselect__icon-loader::before {
  background: #039be5;
}
.vue-treeselect__icon-loader::after {
  background: #b3e5fc;
  animation-delay: -0.8s;
}
/**
 * Menu Portal
 */
.vue-treeselect__menu-placeholder {
  display: none;
}
.vue-treeselect__portal-target {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  height: 0;
  width: 0;
  padding: 0;
  margin: 0;
  border: 0;
  overflow: visible;
  box-sizing: border-box;
}
/*# sourceMappingURL=vue-treeselect.css.map */
.hs-member-list-container[data-v-c7ed9694] {
	width: 100%;
	height: 100%;
	user-select: none;
	position: relative;
}
.hs-member-list-head[data-v-c7ed9694] {
	width: 100%;
	padding: 0 10px;
}
.hs-member-list-head .text[data-v-c7ed9694] {
	font-size: 16px;
	padding-left: 10px;
}
.hs-member-list-head button[data-v-c7ed9694] {
	float: right;
}
.hs-member-list-main[data-v-c7ed9694] {
	width: 100%;
	height: calc(100% - 90px);
	overflow: scroll;
	padding-top: 10px;
}
.hs-member-list[data-v-c7ed9694] {
	float: left;
	width: 100%;
	padding: 0 10px;
	display: flex;
	justify-content: space-between;
}
.hs-member-list[data-v-c7ed9694]:hover {
	background: #eee;
	cursor: pointer;
}
.hs-member-list label[data-v-c7ed9694] {
	float: left;
	line-height: 40px;
}
.user-item[data-v-c7ed9694] {
	display: flex;
	justify-items: center;
	align-items: center;
	flex: 1;
	position: relative;
}
.user-item .filter[data-v-c7ed9694] {
	position: absolute;
	background: none;
	width: 20px;
	height: 100%;
	left: 0;
	z-index: 999;
}
.user-item .ivu-avatar[data-v-c7ed9694] {
	margin: 5px 0;
}
.user-item span[data-v-c7ed9694] {
	/* line-height: 40px; */

	font-size: 14px;
}
[data-v-fb2a2fb5] .ivu-select-item-disabled {
  color: #409eff;
  cursor: pointer;
}
.type .list[data-v-fb2a2fb5] {
  display: flex;
  flex-direction: column;
  max-height: 500px;
}
.type .list .item[data-v-fb2a2fb5] {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.type .list .item i[data-v-fb2a2fb5] {
  font-size: 18px;
  color: red;
  margin-left: 10px;
  cursor: pointer;
}
.type .list .item[data-v-fb2a2fb5] .ivu-input[disabled] {
  border: 1px solid #dcdee2;
}
.handle[data-v-fb2a2fb5],
.forbid[data-v-fb2a2fb5],
.icon[data-v-fb2a2fb5] {
  color: #000 !important;
}.form[data-v-b80ae06e] .box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.form[data-v-b80ae06e] .ivu-form-item {
  width: 47%;
}
.form .table[data-v-b80ae06e] {
  width: 100%;
  margin-top: 10px;
  table-layout: fixed;
  border-collapse: collapse;
}
.form .table thead[data-v-b80ae06e] {
  width: 100%;
}
.form .table tr[data-v-b80ae06e] {
  width: 100%;
  box-sizing: border-box;
}
.form .table th[data-v-b80ae06e],
.form .table td[data-v-b80ae06e] {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: center;
  word-break: break-all;
}
.form .table th[data-v-b80ae06e] {
  background-color: #f0f2f7;
}
.form .table td[data-v-b80ae06e] {
  border-top: none;
}
.form .table[data-v-b80ae06e] .el-input__inner {
  font-size: 14px;
}
.form .table .del[data-v-b80ae06e] {
  color: #ff0000;
  cursor: pointer;
}.form[data-v-41f973df] .box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.form[data-v-41f973df] .ivu-form-item {
  width: 47%;
}
.form .table[data-v-41f973df] {
  width: 100%;
  margin-top: 10px;
  table-layout: fixed;
  border-collapse: collapse;
}
.form .table thead[data-v-41f973df] {
  width: 100%;
}
.form .table tr[data-v-41f973df] {
  width: 100%;
  box-sizing: border-box;
}
.form .table th[data-v-41f973df],
.form .table td[data-v-41f973df] {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: center;
  word-break: break-all;
}
.form .table th[data-v-41f973df] {
  background-color: #f0f2f7;
}
.form .table td[data-v-41f973df] {
  border-top: none;
}
.form .table[data-v-41f973df] .el-input__inner {
  font-size: 14px;
}
.form .table .del[data-v-41f973df] {
  color: #ff0000;
  cursor: pointer;
}.container[data-v-a6902b71] {
  width: 100%;
  height: 100%;
}
.container .hs-view-head[data-v-a6902b71] {
  height: auto;
}
.container .selected-wrapper[data-v-a6902b71] {
  display: flex;
  align-items: center;
  font-size: 14px;
  margin-top: 20px;
  overflow: hidden;
}
.container .selected-wrapper .selected[data-v-a6902b71] {
  flex: 1;
  white-space: nowrap;
  overflow-x: auto;
}
.container .selected-wrapper .selected .user-item[data-v-a6902b71] {
  display: inline-block;
  padding: 4px 8px;
  border: 1px solid #eee;
  border-radius: 5px;
  margin-right: 10px;
}
.container .selected-wrapper .selected .user-item .close[data-v-a6902b71] {
  font-size: 18px;
  margin-left: 5px;
  cursor: pointer;
}
.container .footer[data-v-a6902b71] {
  display: flex;
  justify-content: flex-end;
  margin-top: 25px;
  border-top: 1px solid #e1e1e1;
  padding-top: 10px;
}
.container .footer button[data-v-a6902b71] {
  margin-right: 10px;
}
.form[data-v-a6902b71] {
  display: flex;
}
.form[data-v-a6902b71] .ivu-form-item {
  margin-bottom: 10px;
}.form .point-wrapper[data-v-aaf51d5f] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.form .point-wrapper .name[data-v-aaf51d5f] {
  white-space: pre-wrap;
}
.form .point-wrapper .parent-name[data-v-aaf51d5f] {
  color: #666;
  font-size: 12px;
  flex: none;
}
.form .object-type[data-v-aaf51d5f] {
  width: 100%;
  font-size: 14px;
  display: flex;
  flex-wrap: wrap;
}
.form .object-type li[data-v-aaf51d5f] {
  padding: 3px 9px;
  background: #f7f6f6;
  margin: 0 10px 10px 0;
  border-radius: 5px;
  font-size: 12px;
  cursor: pointer;
}
.form .object-type li[data-v-aaf51d5f]:hover {
  color: #0da5ff;
}
.form .object-type-list[data-v-aaf51d5f] {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #a5a5a5;
}
.form .input[data-v-aaf51d5f] {
  display: inline-block;
  width: 100%;
  height: 32px;
  line-height: 1.5;
  padding: 4px 7px;
  font-size: 14px;
  border: 1px solid #dcdee2;
  border-radius: 4px;
  color: #515a6e;
  background-color: #fff;
  background-image: none;
  position: relative;
  cursor: pointer;
}
.form[data-v-aaf51d5f] .box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.form[data-v-aaf51d5f] .ivu-form-item {
  width: 47%;
}
.form .translate[data-v-aaf51d5f] {
  min-height: 70px;
  max-height: 135px;
  overflow: auto;
  user-select: text;
}
.form .remark[data-v-aaf51d5f] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.form .remark .tip[data-v-aaf51d5f] {
  color: #666;
  font-size: 12px;
}
.form .remark .action span[data-v-aaf51d5f]:not(:last-child) {
  margin-right: 10px;
}
.form .remark .action .btn-text[data-v-aaf51d5f] {
  color: #4aa3ff;
  cursor: pointer;
}.audio-player[data-v-39c3cfdc] {
  display: flex;
  align-items: center;
  padding: 0 10px;
  border: 1px solid #eee;
  background: #fff;
  border-radius: 3px;
  height: 35px;
  cursor: pointer;
}
.audio-player i[data-v-39c3cfdc] {
  font-size: 22px;
}
.audio-player span[data-v-39c3cfdc] {
  margin-left: 5px;
}
.audio-player .not[data-v-39c3cfdc] {
  color: #666;
}
.playing[data-v-39c3cfdc] {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.playing .bar[data-v-39c3cfdc] {
  width: 3px;
  border-radius: 4px;
  background: #fff;
  animation: movement-39c3cfdc 1.5s ease-in-out infinite;
}
.playing .bar[data-v-39c3cfdc]:not(:last-child) {
  margin-right: 5px;
}
.playing .bar[data-v-39c3cfdc]:nth-child(1) {
  background: #0472e4;
  animation-delay: 1s;
}
.playing .bar[data-v-39c3cfdc]:nth-child(2) {
  background: #80bbf7;
  animation-delay: 0.8s;
}
.playing .bar[data-v-39c3cfdc]:nth-child(3) {
  background: #0472e4;
  animation-delay: 0.6s;
}
.playing .bar[data-v-39c3cfdc]:nth-child(4) {
  background: #0472e4;
  animation-delay: 0.4s;
}
.playing .bar[data-v-39c3cfdc]:nth-child(5) {
  background: #0472e4;
  animation-delay: 0.2s;
}
.playing .bar[data-v-39c3cfdc]:nth-child(6) {
  background: #80bbf7;
  animation-delay: 0.2s;
}
.playing .bar[data-v-39c3cfdc]:nth-child(7) {
  background: #0472e4;
  animation-delay: 0.4s;
}
.playing .bar[data-v-39c3cfdc]:nth-child(8) {
  background: #80bbf7;
  animation-delay: 0.6s;
}
.playing .bar[data-v-39c3cfdc]:nth-child(9) {
  background: #0472e4;
  animation-delay: 0.8s;
}
.playing .bar[data-v-39c3cfdc]:nth-child(10) {
  background: #80bbf7;
  animation-delay: 1s;
}
@keyframes movement-39c3cfdc {
0%, 100% {
    height: 2px;
}
50% {
    height: 20px;
}
}.container[data-v-575c46bf] {
  width: 100%;
  height: 100%;
}
.container .hs-view-head[data-v-575c46bf] {
  height: auto;
}
.container .selected-wrapper[data-v-575c46bf] {
  display: flex;
  align-items: center;
  font-size: 14px;
  margin-top: 20px;
  overflow: hidden;
}
.container .selected-wrapper .selected[data-v-575c46bf] {
  flex: 1;
  white-space: nowrap;
  overflow-x: auto;
}
.container .selected-wrapper .selected .user-item[data-v-575c46bf] {
  display: inline-block;
  padding: 4px 8px;
  border: 1px solid #eee;
  border-radius: 5px;
  margin-right: 10px;
}
.container .selected-wrapper .selected .user-item .close[data-v-575c46bf] {
  font-size: 18px;
  margin-left: 5px;
  cursor: pointer;
}
.container .footer[data-v-575c46bf] {
  display: flex;
  justify-content: flex-end;
  margin-top: 25px;
  border-top: 1px solid #e1e1e1;
  padding-top: 10px;
}
.container .footer button[data-v-575c46bf] {
  margin-right: 10px;
}
.form[data-v-575c46bf] {
  display: flex;
}
.form[data-v-575c46bf] .ivu-form-item {
  margin-bottom: 0;
}
.form .btn[data-v-575c46bf] {
  display: flex;
  justify-content: flex-end;
  color: #238cfd;
  cursor: pointer;
}.form[data-v-468a97f0] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.form[data-v-468a97f0] .ivu-form-item {
  width: 47%;
  margin-bottom: 10px;
}
.form .remark[data-v-468a97f0] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.form .remark .tip[data-v-468a97f0] {
  color: #666;
  font-size: 12px;
}
.form .remark .action span[data-v-468a97f0]:not(:last-child) {
  margin-right: 10px;
}
.form .flex-end[data-v-468a97f0] {
  width: 100%;
  margin-top: -50px;
  display: flex;
  justify-content: flex-end;
}
.form .btn-text[data-v-468a97f0] {
  color: #4aa3ff;
  cursor: pointer;
}
.form .object-type[data-v-468a97f0] {
  width: 100%;
  font-size: 14px;
  display: flex;
  flex-wrap: wrap;
}
.form .object-type li[data-v-468a97f0] {
  padding: 3px 9px;
  background: #f7f6f6;
  margin: 0 10px 10px 0;
  border-radius: 5px;
  font-size: 12px;
  cursor: pointer;
}
.form .object-type li[data-v-468a97f0]:hover {
  color: #0da5ff;
}
.form .object-type-list[data-v-468a97f0] {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #a5a5a5;
}
.translate[data-v-468a97f0] {
  min-height: 70px;
  max-height: 135px;
  overflow: auto;
  user-select: text;
}
.close[data-v-468a97f0] {
  font-size: 20px;
  font-weight: bold;
  display: flex;
  justify-content: flex-end;
  cursor: pointer;
}
.input[data-v-468a97f0] {
  display: inline-block;
  width: 100%;
  height: 32px;
  line-height: 1.5;
  padding: 4px 7px;
  font-size: 14px;
  border: 1px solid #dcdee2;
  border-radius: 4px;
  color: #515a6e;
  background-color: #fff;
  background-image: none;
  position: relative;
  cursor: pointer;
}.container[data-v-93e62fb4] {
  width: 100%;
  height: 100%;
}
.container .hs-view-head[data-v-93e62fb4] {
  height: auto;
}
.container .selected-wrapper[data-v-93e62fb4] {
  display: flex;
  align-items: center;
  font-size: 14px;
  margin-top: 20px;
  overflow: hidden;
}
.container .selected-wrapper .selected[data-v-93e62fb4] {
  flex: 1;
  white-space: nowrap;
  overflow-x: auto;
}
.container .selected-wrapper .selected .user-item[data-v-93e62fb4] {
  display: inline-block;
  padding: 4px 8px;
  border: 1px solid #eee;
  border-radius: 5px;
  margin-right: 10px;
}
.container .selected-wrapper .selected .user-item .close[data-v-93e62fb4] {
  font-size: 18px;
  margin-left: 5px;
  cursor: pointer;
}
.container .footer[data-v-93e62fb4] {
  display: flex;
  justify-content: flex-end;
  margin-top: 25px;
  border-top: 1px solid #e1e1e1;
  padding-top: 10px;
}
.container .footer button[data-v-93e62fb4] {
  margin-right: 10px;
}
.form[data-v-93e62fb4] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.form[data-v-93e62fb4] .ivu-form-item {
  width: 32%;
  margin-bottom: 10px;
}.form[data-v-b0a1c12a] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.form[data-v-b0a1c12a] .ivu-form-item {
  width: 47%;
  margin-bottom: 10px;
}
.form .remark[data-v-b0a1c12a] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.form .remark .tip[data-v-b0a1c12a] {
  color: #666;
  font-size: 12px;
}
.form .remark .action span[data-v-b0a1c12a]:not(:last-child) {
  margin-right: 10px;
}
.form .flex-end[data-v-b0a1c12a] {
  width: 100%;
  margin-top: -50px;
  display: flex;
  justify-content: flex-end;
}
.form .btn-text[data-v-b0a1c12a] {
  color: #4aa3ff;
  cursor: pointer;
}
.form .object-type[data-v-b0a1c12a] {
  width: 100%;
  font-size: 14px;
  display: flex;
  flex-wrap: wrap;
}
.form .object-type li[data-v-b0a1c12a] {
  padding: 3px 9px;
  background: #f7f6f6;
  margin: 0 10px 10px 0;
  border-radius: 5px;
  font-size: 12px;
  cursor: pointer;
}
.form .object-type li[data-v-b0a1c12a]:hover {
  color: #0da5ff;
}
.form .object-type-list[data-v-b0a1c12a] {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #a5a5a5;
}
.close[data-v-b0a1c12a] {
  font-size: 20px;
  font-weight: bold;
  display: flex;
  justify-content: flex-end;
  cursor: pointer;
}
.translate[data-v-b0a1c12a] {
  min-height: 70px;
  max-height: 135px;
  overflow: auto;
  user-select: text;
}.container[data-v-60e49c9e] {
  display: flex;
}
.container .left[data-v-60e49c9e] {
  width: 180px;
  max-height: 620px;
  margin-right: 10px;
  overflow-y: auto;
  overflow-x: hidden;
}
.container .left .item[data-v-60e49c9e] {
  margin: 6px 6px 0 0;
  padding: 10px 5px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  border: 1px solid #d9d9d9;
  position: relative;
  cursor: pointer;
}
.container .left .item .name[data-v-60e49c9e] {
  word-break: break-word;
}
.container .left .item i[data-v-60e49c9e] {
  position: absolute;
  color: #d62f2e;
  background: #fff;
  border-radius: 50%;
  top: -6px;
  right: -6px;
  font-size: 20px;
  z-index: 1;
}
.container .left .item[data-v-60e49c9e]:not(:last-child) {
  margin-bottom: 10px;
}
.container .left .active[data-v-60e49c9e] {
  background: #2d8cf0;
  color: #fff;
}
.container .right[data-v-60e49c9e] {
  flex: 1;
  overflow: hidden;
}
.container .right .nav[data-v-60e49c9e] {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 10px;
  overflow-x: scroll;
}
.container .right .nav-item[data-v-60e49c9e] {
  border-bottom: 2px solid transparent;
  text-align: center;
  min-width: 100px;
  padding-bottom: 10px;
  cursor: pointer;
}
.container .right .nav .active[data-v-60e49c9e] {
  color: #2d8cf0;
  border-color: #2d8cf0;
}
.container .right[data-v-60e49c9e] .box {
  margin-top: 0;
}
.flex-end[data-v-60e49c9e] {
  display: flex;
  justify-content: flex-end;
}
.alarm-drawer[data-v-4871e3b9] .ivu-drawer-mask {
  background-color: rgba(0, 0, 29, 0.1);
}
.alarm-drawer[data-v-4871e3b9] .ivu-drawer .ivu-drawer-content {
  background-color: rgba(175, 12, 0, 0.85);
  box-shadow: 0 4px 12px rgb(13, 131, 197);
}
.alarm-drawer .content-wrapper[data-v-4871e3b9] {
  margin: 0.125rem 0;
  background-color: rgba(255, 80, 80, 0.6);
  position: relative;
  padding: 0.125rem;
  line-height: 0.25rem;
}
.alarm-drawer .content-wrapper > .title[data-v-4871e3b9] {
  font-size: 0.1625rem;
  font-weight: bold;
  line-height: 1.6;
  margin-bottom: 0.075rem;
}
.alarm-drawer .content-wrapper .line-title[data-v-4871e3b9] {
  display: flex;
  align-items: center;
  margin: 0.0625rem 0;
}
.alarm-drawer .content-wrapper .line-title[data-v-4871e3b9]::before, .alarm-drawer .content-wrapper .line-title[data-v-4871e3b9]::after {
  flex: 1;
  content: "";
  height: 1px;
  background-color: #ff9d9d;
  margin: 0 0.0625rem;
}
.alarm-drawer .content-wrapper .data-table .table-item[data-v-4871e3b9], .alarm-drawer .content-wrapper .data-table .table-body > div[data-v-4871e3b9], .alarm-drawer .content-wrapper .data-table .table-head[data-v-4871e3b9] {
  display: flex;
  width: 100%;
  line-height: 0.325rem;
}
.alarm-drawer .content-wrapper .data-table .table-item > *[data-v-4871e3b9], .alarm-drawer .content-wrapper .data-table .table-body > div > *[data-v-4871e3b9], .alarm-drawer .content-wrapper .data-table .table-head > *[data-v-4871e3b9] {
  text-align: center;
  flex: 1;
}
.alarm-drawer .content-wrapper .data-table .table-head[data-v-4871e3b9] {
  border-bottom: 0.0125rem solid #ff9d9d;
}
.alarm-drawer .content-wrapper .normal[data-v-4871e3b9] {
  color: #3ed54a;
}
.alarm-drawer .content-wrapper .abnormal[data-v-4871e3b9] {
  color: #ffe500;
}
.alarm-drawer .alarm-overview[data-v-4871e3b9] {
  margin-top: 0;
  line-height: 1.5;
}
.alarm-drawer .alarm-overview .iconfont[data-v-4871e3b9] {
  margin-right: 0.0625rem;
}
.alarm-drawer .alarm-overview .name[data-v-4871e3b9] {
  font-size: 0.1625rem;
  font-weight: bold;
}
.alarm-drawer .area-manager .user-wrapper[data-v-4871e3b9] {
  display: flex;
  align-items: center;
}
.alarm-drawer .area-manager .user-wrapper .user—avatar[data-v-4871e3b9] {
  border: 0.0125rem solid coral;
  border-radius: 50%;
  width: 0.75rem;
  height: 0.75rem;
  margin-right: 0.125rem;
}
.alarm-drawer .area-manager .user-wrapper .user-state[data-v-4871e3b9] {
  margin-left: auto;
  background-color: rgb(52, 202, 221);
  text-align: center;
  width: 0.625rem;
}
.alarm-drawer .device-alarm .device-wrapper[data-v-4871e3b9] {
  display: flex;
  align-items: center;
}
.alarm-drawer .device-alarm .device-wrapper .device-img[data-v-4871e3b9] {
  max-height: 0.875rem;
  margin-right: 0.125rem;
}
.alarm-drawer .device-alarm .device-wrapper .device-info .name[data-v-4871e3b9] {
  font-weight: bold;
}
.alarm-drawer .device-alarm .device-wrapper .device-state[data-v-4871e3b9] {
  position: absolute;
  right: 0.125rem;
  top: 0.25rem;
  background-color: rgb(52, 202, 221);
  text-align: center;
  width: 0.625rem;
}
.alarm-drawer .environment .params[data-v-4871e3b9] {
  display: flex;
  justify-content: space-around;
  border-top: 1px solid #ff9d9d;
  padding-top: 0.0625rem;
}
.alarm-drawer .environment .params .param[data-v-4871e3b9] {
  display: flex;
  align-items: center;
}
.alarm-drawer .environment .params .param i[data-v-4871e3b9] {
  font-size: 0.25rem;
}
.alarm-drawer .environment .params .param .name[data-v-4871e3b9] {
  margin-left: 0.0625rem;
}
.alarm-drawer .environment .params .param .name[data-v-4871e3b9]::after {
  content: "：";
}
.alarm-drawer .link-video .head[data-v-4871e3b9] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.0625rem;
  justify-content: flex-end;
}
.alarm-drawer .link-video .head .title[data-v-4871e3b9] {
  font-size: 0.1625rem;
  font-weight: bold;
  margin-right: auto;
}
.alarm-drawer .link-video .head i[data-v-4871e3b9] {
  cursor: pointer;
  width: 0.2rem;
  height: 0.2rem;
  margin-left: 0.0625rem;
  font-size: 0.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.025rem solid #ffffff;
  border-radius: 50%;
}
.alarm-drawer .link-video .head .iconduijiang[data-v-4871e3b9] {
  font-size: 0.125rem;
}
.alarm-drawer .link-video .video-wrapper img[data-v-4871e3b9] {
  width: 100%;
}
.alarm-drawer .btn-wrapper[data-v-4871e3b9] {
  position: absolute;
  bottom: 0;
  display: flex;
  justify-content: flex-end;
  width: 100%;
  background-color: rgba(255, 80, 80, 0.6);
}
.alarm-drawer .btn-wrapper > div[data-v-4871e3b9] {
  cursor: pointer;
  height: 0.35rem;
  display: flex;
  align-items: center;
  color: #ffffff;
  margin-right: 0.075rem;
  padding: 0 0.0375rem;
  font-weight: bold;
}
.alarm-drawer .btn-wrapper > div[data-v-4871e3b9]:hover {
  color: #95e2ff;
}#assets-main .main-wrapper .main-title[data-v-197a70c8] {
  display: flex;
}
#assets-main .main-wrapper .chart[data-v-197a70c8] {
  width: 100%;
  height: 100%;
}
#assets-main .asset-usage[data-v-197a70c8] {
  display: flex;
  height: 13vh;
}
#assets-main .assets-type[data-v-197a70c8] {
  display: flex;
  align-items: center;
  height: 18vh;
}
#assets-main .assets-type .chart-item[data-v-197a70c8] {
  flex: 1;
  height: 100%;
}
#assets-main .assets-consume[data-v-197a70c8] {
  display: flex;
  align-items: center;
  height: 15vh;
}
#assets-main .assets-consume .consume[data-v-197a70c8] {
  width: 5vw;
  height: 15vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}
#assets-main .assets-consume .consume .consume-item[data-v-197a70c8] {
  display: flex;
  align-items: center;
}
#assets-main .assets-consume .consume .consume-item .tags[data-v-197a70c8] {
  font-size: 0.225rem;
  font-weight: 800;
  color: #88e2fd;
  background-image: -webkit-linear-gradient(bottom, #62a1fb, #88e2fd);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#assets-main .assets-consume .consume .consume-item .info[data-v-197a70c8] {
  display: flex;
  flex-direction: column;
  margin-left: 0.125rem;
}
#assets-main .assets-consume .consume .consume-item .info > span[data-v-197a70c8] {
  color: #6a95c7;
  font-size: 0.15rem;
}
#assets-main .assets-consume .consume .consume-item .info .num[data-v-197a70c8] {
  display: flex;
  align-items: center;
  font-size: 0.2rem;
}
#assets-main .assets-consume .consume .consume-item .info .num .unit[data-v-197a70c8] {
  font-size: 0.125rem;
}
#assets-main .assets-consume .consume-chart[data-v-197a70c8] {
  flex: 1;
  height: 15vh;
}
#assets-main .spare-consume[data-v-197a70c8] {
  display: flex;
  align-items: center;
  height: 15vh;
}
#assets-main .spare-consume .spare-chart[data-v-197a70c8] {
  flex: 1;
  height: 15vh;
}
#assets-main .spare-consume .spare[data-v-197a70c8] {
  width: 5vw;
}
#assets-main .spare-consume .spare .row[data-v-197a70c8] {
  font-size: 0.15rem;
  margin-bottom: 0.125rem;
}
#assets-main .spare-consume .spare .row .num[data-v-197a70c8] {
  color: #4df8e9;
  font-weight: bold;
}
#assets-main .alarm-list[data-v-197a70c8] {
  height: 11vh;
  color: #95c9dd;
}
#assets-main .alarm-list[data-v-197a70c8] .alarm-item {
  cursor: pointer;
}
#assets-main .alarm-list[data-v-197a70c8] .alarm-item:nth-child(odd)::before {
  background-color: #c34247;
}
#assets-main .alarm-list[data-v-197a70c8] .alarm-item:nth-child(even)::before {
  background-color: #e5a354;
}
#assets-main .alarm-list[data-v-197a70c8] .alarm-item::before {
  content: "";
  width: 0.1rem;
  height: 0.1rem;
  border-radius: 50%;
}
#assets-main .alarm-list[data-v-197a70c8] .alarm-item {
  display: flex;
  align-items: center;
  line-height: 2.6;
}
#assets-main .alarm-list[data-v-197a70c8] .alarm-item .content {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#assets-main .alarm-list[data-v-197a70c8] .alarm-item .time {
  color: #f1f1f1;
  font-size: 0.125rem;
}
#assets-main .order-statistics[data-v-197a70c8] {
  display: flex;
  align-items: center;
  height: 18vh;
}
#assets-main .order-statistics .statistics[data-v-197a70c8] {
  width: 5vw;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}
#assets-main .order-statistics .statistics .statistics-item[data-v-197a70c8] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 0.65rem;
  margin-bottom: 0.1125rem;
  background: url("../img/item1-wMKy9zMA.png") center center/100% 100% no-repeat;
}
#assets-main .order-statistics .statistics .statistics-item .value[data-v-197a70c8] {
  font-size: 0.2rem;
}
#assets-main .order-statistics .statistics .statistics-item .name[data-v-197a70c8] {
  font-size: 0.125rem;
}
#assets-main .order-statistics .statistics-chart[data-v-197a70c8] {
  flex: 1;
  height: 100%;
}
#assets-main .inspect[data-v-197a70c8] {
  display: flex;
  flex-direction: column;
  overflow: auto;
  max-height: 40vh;
}
#assets-main .inspect .inspect-row[data-v-197a70c8] {
  display: flex;
  align-items: center;
  font-size: 0.15rem;
}
#assets-main .inspect .inspect-row span[data-v-197a70c8] {
  text-align: center;
  flex: 1;
}
#assets-main .inspect .inspect-row span[data-v-197a70c8]:nth-child(3), #assets-main .inspect .inspect-row span[data-v-197a70c8]:nth-child(5), #assets-main .inspect .inspect-row span[data-v-197a70c8]:nth-child(6) {
  flex: 2;
}
#assets-main .inspect .row-head[data-v-197a70c8] {
  color: #007bff;
  background: rgba(255, 255, 255, 0.3);
  height: 0.375rem;
  font-weight: bold;
}
#assets-main .inspect .inspect-item:nth-child(even) .inspect-row[data-v-197a70c8] {
  background: rgba(1, 249, 255, 0.2);
}
#assets-main .inspect .inspect-item .inspect-row[data-v-197a70c8] {
  font-size: 0.125rem;
  height: 0.375rem;
  color: #95c9dd;
  cursor: pointer;
}
#assets-main .inspect .inspect-item .inspect-row span[data-v-197a70c8]:nth-child(4) {
  color: #1af4eb;
}
#assets-main .inspect .inspect-item .inspect-row .status-box[data-v-197a70c8] {
  flex: 2;
  text-align: center;
}
#assets-main .inspect .inspect-item .inspect-row .status-box span[data-v-197a70c8] {
  border: 1px solid #fff;
  padding: 0.0375rem 0.0625rem;
  font-size: 0.1375rem;
}
#assets-main .inspect .inspect-item .inspect-row .status-box .ING[data-v-197a70c8] {
  color: #1af4eb;
  border-color: #1af4eb;
}
#assets-main .inspect .inspect-item .inspect-row .status-box .DONE[data-v-197a70c8] {
  color: #b1b1b1;
  border-color: #b1b1b1;
}
#assets-main .inspect .inspect-item .inspect-row .status-box .PEND[data-v-197a70c8] {
  color: #fac858;
  border-color: #fac858;
}
#assets-main .inspect .inspect-item .inspect-details[data-v-197a70c8] {
  padding: 0.0375rem 0.125rem 0.125rem;
  font-size: 0.125rem;
}
#assets-main .inspect .inspect-item .inspect-details .details-info[data-v-197a70c8] {
  display: flex;
  align-items: center;
  margin-top: 0.0625rem;
}
#assets-main .inspect .inspect-item .inspect-details .details-info .user-head[data-v-197a70c8] {
  width: 3vw;
  height: 3vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0db3e0;
  border-radius: 5px;
}
#assets-main .inspect .inspect-item .inspect-details .details-info .user-head i[data-v-197a70c8] {
  font-size: 0.6rem;
  color: #0db3e0;
}
#assets-main .inspect .inspect-item .inspect-details .details-info .user-info[data-v-197a70c8] {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  margin-left: 0.125rem;
}
#assets-main .inspect .inspect-item .inspect-details .details-info .user-info span[data-v-197a70c8] {
  width: 50%;
  margin-bottom: 0.0375rem;
}.box[data-v-13795cb5] {
  position: relative;
  padding: 0.0125rem;
}
.box .border-box[data-v-13795cb5] {
  padding: 0.125rem;
  border: 0.0125rem solid #46abee;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.box .ornament[data-v-13795cb5] {
  position: absolute;
  overflow: hidden;
}
.box.animation .ornament[data-v-13795cb5]:nth-child(odd) {
  width: 100%;
  height: 0.0375rem;
  left: 0;
}
.box.animation .ornament[data-v-13795cb5]:nth-child(even) {
  height: 100%;
  width: 0.0375rem;
  top: 0;
}
.box.animation .ornament[data-v-13795cb5]::before {
  content: " ";
  background: #50dfdb;
  position: absolute;
  width: 100%;
  height: 100%;
}
.box.animation .ornament[data-v-13795cb5]:nth-child(odd)::before {
  background: linear-gradient(90deg, #50dfdb, #50dfdb);
}
.box.animation .ornament[data-v-13795cb5]:nth-child(even)::before {
  background: linear-gradient(0deg, #46abee, #50dfdb);
}
.box.animation .ornament[data-v-13795cb5]:nth-child(1) {
  top: 0;
}
.box.animation .ornament[data-v-13795cb5]:nth-child(1)::before {
  left: -100%;
  animation: animate1-13795cb5 4s linear infinite;
}
@keyframes animate1-13795cb5 {
0% {
    left: -100%;
}
50%, 100% {
    left: 100%;
}
}
.box.animation .ornament[data-v-13795cb5]:nth-child(2) {
  right: 0;
}
.box.animation .ornament[data-v-13795cb5]:nth-child(2)::before {
  top: -100%;
  animation: animate2-13795cb5 4s linear infinite;
  animation-delay: 1s;
}
@keyframes animate2-13795cb5 {
0% {
    top: -100%;
}
50%, 100% {
    top: 100%;
}
}
.box.animation .ornament[data-v-13795cb5]:nth-child(3) {
  bottom: 0;
}
.box.animation .ornament[data-v-13795cb5]:nth-child(3)::before {
  left: 100%;
  animation: animate3-13795cb5 4s linear infinite;
  animation-delay: 2s;
}
@keyframes animate3-13795cb5 {
0% {
    left: 100%;
}
50%, 100% {
    left: -100%;
}
}
.box.animation .ornament[data-v-13795cb5]:nth-child(4) {
  left: 0;
}
.box.animation .ornament[data-v-13795cb5]:nth-child(4)::before {
  animation: animate4-13795cb5 4s linear infinite;
  animation-delay: 3s;
  top: 100%;
}
@keyframes animate4-13795cb5 {
0% {
    top: 100%;
}
50%, 100% {
    top: -100%;
}
}.device-drawer[data-v-eb35a40f] .ivu-drawer-mask {
  background-color: rgba(0, 0, 29, 0.1);
}
.device-drawer[data-v-eb35a40f] .ivu-drawer .ivu-drawer-content {
  background-color: rgba(0, 6, 67, 0.85);
  box-shadow: 0 4px 12px rgb(13, 131, 197);
}
.device-drawer .head[data-v-eb35a40f] {
  background-color: rgba(27, 66, 175, 0.6);
}
.device-drawer .head .head-img .image-wrapper[data-v-eb35a40f] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.device-drawer .head .head-img .image-wrapper img[data-v-eb35a40f] {
  max-height: 2rem;
  max-width: 100%;
}
.device-drawer .head .head-title[data-v-eb35a40f] {
  padding: 0.0625rem 0.1rem;
  line-height: 1.5;
}
.device-drawer .head .head-title .name[data-v-eb35a40f] {
  font-size: 0.1625rem;
}
.device-drawer .content-wrapper[data-v-eb35a40f] {
  margin-top: 0.125rem;
  background-color: rgba(27, 66, 175, 0.6);
  position: relative;
  padding: 0.125rem;
}
.device-drawer .content-wrapper .title[data-v-eb35a40f] {
  font-size: 0.1625rem;
  font-weight: bold;
  line-height: 1.6;
}
.device-drawer .content-wrapper .get-more[data-v-eb35a40f],
.device-drawer .content-wrapper .state[data-v-eb35a40f] {
  position: absolute;
  right: 0.125rem;
  top: 0.125rem;
  line-height: 0.25rem;
}
.device-drawer .content-wrapper .state[data-v-eb35a40f] {
  background-color: rgb(52, 202, 221);
  text-align: center;
  width: 0.625rem;
}
.device-drawer .content-wrapper .get-more[data-v-eb35a40f] {
  font-size: 0.1rem;
  cursor: pointer;
}
.device-drawer .content-wrapper .describe[data-v-eb35a40f] {
  font-size: 0.125rem;
  padding: 0.075rem 0;
}
.device-drawer .content-wrapper .describe i[data-v-eb35a40f] {
  margin-right: 0.075rem;
}
.device-drawer .content-wrapper .describe .iconxunjianweixiu[data-v-eb35a40f] {
  color: #ff9800;
}
.device-drawer .content-wrapper .describe .iconbaoyang[data-v-eb35a40f] {
  color: lightskyblue;
}
.device-drawer .content-wrapper .describe-info[data-v-eb35a40f] {
  background-color: rgba(0, 6, 67, 0.85);
  display: flex;
  justify-content: space-around;
  height: 0.75rem;
  align-items: center;
}
.device-drawer .content-wrapper .describe-info span[data-v-eb35a40f] {
  font-size: 0.1875rem;
  font-weight: bold;
}
.device-drawer .content-wrapper .describe-info.repair > div[data-v-eb35a40f] {
  text-align: center;
}
.device-drawer .content-wrapper .describe-info.maintain[data-v-eb35a40f] {
  display: flex;
}
.device-drawer .content-wrapper .describe-info.maintain span[data-v-eb35a40f] {
  margin-left: 0.125rem;
}
.device-drawer .content-wrapper .device-info > div[data-v-eb35a40f] {
  line-height: 0.35rem;
  display: flex;
  font-size: 0.1375rem;
}
.device-drawer .content-wrapper .device-info > div > span[data-v-eb35a40f] {
  color: #00e7ff;
  flex-basis: 0.875rem;
}
.device-drawer .content-wrapper .monitor-info[data-v-eb35a40f] {
  width: 100%;
  height: 350px;
  overflow: hidden;
}
.device-drawer .content-wrapper .line-wrapper[data-v-eb35a40f] {
  background-color: rgba(0, 6, 67, 0.85);
  display: flex;
  justify-content: space-between;
  line-height: 0.35rem;
  padding: 0 0.075rem;
  margin-top: 0.075rem;
}
.device-drawer .content-wrapper .line-wrapper > div[data-v-eb35a40f] {
  display: flex;
  align-items: center;
}
.device-drawer .content-wrapper .line-wrapper > div .time[data-v-eb35a40f] {
  color: #5fbee2;
  margin-right: 0.0625rem;
  font-size: 0.1rem;
}
.device-drawer .content-wrapper .line-wrapper > div .iconfont[data-v-eb35a40f] {
  margin-right: 0.0625rem;
}
.device-drawer .content-wrapper .line-wrapper .iconweixiujilu[data-v-eb35a40f] {
  color: coral;
}
.device-drawer .content-wrapper .line-wrapper .iconbaoyangjilu[data-v-eb35a40f] {
  color: #4dc62f;
}
.device-drawer .content-wrapper .line-wrapper .iconxunjianjilu[data-v-eb35a40f] {
  color: #20a2ff;
}
.device-drawer .content-wrapper .line-wrapper .iconlishijilu[data-v-eb35a40f] {
  color: #9f9fff;
}
.device-drawer .content-wrapper .line-wrapper .icondangjian_biaozhunhuajianshe[data-v-eb35a40f] {
  color: orange;
}
.device-drawer .content-wrapper .line-wrapper .iconweibaobiaozhun[data-v-eb35a40f] {
  color: cornflowerblue;
}.sub-system > div[data-v-cf22e297] {
  perspective: 1300px;
}
.sub-system > .main.left-main .anima-3d-rotateHide[data-v-cf22e297] {
  transition: all 500ms;
  transform: translateZ(100px) translateX(-30%) rotateY(90deg);
  opacity: 0;
}
.sub-system > .main.right-main .info-title[data-v-cf22e297] {
  text-align: right;
}
.sub-system > .main.right-main .anima-3d-rotateHide[data-v-cf22e297] {
  transition: all 500ms;
  transform: translateZ(100px) translateX(100%) rotateY(-45deg);
  opacity: 0;
}
.sub-system > .main .main-wrapper[data-v-cf22e297] {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  font: 1;
  position: relative;
}
.sub-system > .main .main-wrapper .main-title[data-v-cf22e297] {
  margin: 0 0.125rem;
  display: flex !important;
}
.sub-system > .main .main-wrapper.close[data-v-cf22e297] {
  transform: translateX(100%);
  transition: all 500ms;
}
.sub-system > .main .main-wrapper .btn-close[data-v-cf22e297] {
  position: absolute;
  top: 0.125rem;
  right: 0.125rem;
  cursor: pointer;
  transition: 0.5s transform;
  transform: rotate(0deg);
  padding: 0 0.0625rem;
}
.sub-system > .main .main-wrapper .btn-close[data-v-cf22e297]:hover {
  transform: rotate(180deg) scale(1.2);
  color: #95e2ff;
}
.sub-system > .main .main-wrapper .main-content[data-v-cf22e297] {
  flex: 1;
  position: static;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.sub-system > .main .main-wrapper .main-content .info-wrapper .info-title[data-v-cf22e297] {
  line-height: 2;
}
.sub-system > .main .main-wrapper .main-content .info-wrapper .info-echat[data-v-cf22e297] {
  width: 100%;
  height: 16vh;
}
.sub-system > .main .main-wrapper .main-content .main-floor[data-v-cf22e297] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.sub-system > .main .main-wrapper .main-content .main-floor > div[data-v-cf22e297] {
  cursor: pointer;
  height: 0.35rem;
  display: flex;
  align-items: center;
  color: #ffffff;
  margin-right: 0.075rem;
  padding: 0 0.0375rem;
  font-weight: bold;
}
.sub-system > .main .main-wrapper .main-content .main-floor > div[data-v-cf22e297]:hover {
  color: #95e2ff;
}
.sub-system .device-info[data-v-cf22e297] {
  font-size: 0.1375rem;
  text-align: center;
}
.sub-system .device-info .table-title[data-v-cf22e297] {
  margin: 0.0625rem 0;
  padding-right: 6px;
  color: rgb(189, 236, 237);
  display: flex;
  font-weight: bold;
}
.sub-system .device-info .table-title > div[data-v-cf22e297],
.sub-system .device-info .table-item > div[data-v-cf22e297] {
  flex: 1;
}
.sub-system .device-info .table-title > div[data-v-cf22e297]:nth-child(2),
.sub-system .device-info .table-item > div[data-v-cf22e297]:nth-child(2) {
  flex: 2;
}
.sub-system .device-info .table-list[data-v-cf22e297] {
  height: 30vh;
  overflow-y: scroll;
}
.sub-system .device-info .table-list .table-item[data-v-cf22e297] {
  align-items: center;
  display: flex;
  color: rgb(125, 156, 176);
  padding: 0.0375rem;
  border: 0.0125rem solid transparent;
}
.sub-system .device-info .table-list .table-item[data-v-cf22e297]:nth-child(2n) {
  background-color: rgba(255, 255, 255, 0.2);
}
.sub-system .device-info .table-list .table-item[data-v-cf22e297]:hover, .sub-system .device-info .table-list .table-item.active[data-v-cf22e297] {
  cursor: pointer;
  background-color: rgba(177, 0, 0, 0.2);
  border-color: #b10000;
}
.sub-system .overview[data-v-cf22e297] {
  display: flex;
  justify-content: space-between;
  height: 15vh;
}
.sub-system .overview .doughnutEchat[data-v-cf22e297] {
  width: calc(50% - 0.125rem);
  height: 100%;
  overflow: hidden;
  position: relative;
}
.sub-system .overview .doughnutEchat > div[data-v-cf22e297] {
  position: absolute;
  top: -40%;
  left: -40%;
  width: 180%;
  height: 180%;
}
.shade-text[data-v-cf22e297] {
  background-image: linear-gradient(to bottom, #02f9fd, #0e72b3);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #02f9fd;
}
.anima-3d-rotateInRight[data-v-cf22e297] {
  transform-style: preserve-3d;
  transform-origin: 0 100%;
  animation: rotateInRight-cf22e297 500ms 1;
}
@keyframes rotateInRight-cf22e297 {
0% {
    transform: translateZ(100px) translateX(-30%) rotateY(90deg);
    opacity: 0;
}
100% {
    transform: translateZ(0px) translateX(0%) rotateY(0deg);
    opacity: 1;
}
}
.anima-3d-rotateInLeft[data-v-cf22e297] {
  transform-style: preserve-3d;
  transform-origin: 0 100%;
  animation: rotateInLeft-cf22e297 500ms 1;
}
@keyframes rotateInLeft-cf22e297 {
0% {
    transform: translateZ(100px) translateX(100%) rotateY(-45deg);
    opacity: 0;
}
100% {
    transform: translateZ(0px) translateX(0%) rotateY(0deg);
    opacity: 1;
}
}

/* entire container, keeps perspective */
.flip-container[data-v-cf22e297] {
  overflow: hidden;
  flex: 1;
  perspective: 1000px;
  /* flip the pane when hovered */
}
.flip-container.hover .flipper[data-v-cf22e297] {
  transform: rotateY(180deg);
}
.flip-container[data-v-cf22e297] {
  /* flip speed goes here */
}
.flip-container .flipper[data-v-cf22e297] {
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative;
}
.flip-container[data-v-cf22e297] {
  /* hide back of pane during swap */
}
.flip-container .front[data-v-cf22e297],
.flip-container .back[data-v-cf22e297] {
  backface-visibility: hidden;
  width: 100%;
}
.flip-container[data-v-cf22e297] {
  /* front pane, placed above back */
}
.flip-container .front[data-v-cf22e297] {
  z-index: 2;
}
.flip-container[data-v-cf22e297] {
  /* back, initially hidden pane */
}
.flip-container .back[data-v-cf22e297] {
  transform: rotateY(180deg);
}
#energy-main .main-wrapper .main-title[data-v-cf22e297] {
  display: flex;
}
.alarm-wrapper[data-v-cf22e297] {
  padding: 0 0.0375rem 0.0625rem !important;
}
.alarm-wrapper .alarm[data-v-cf22e297] {
  display: flex;
  border-left: 0.0375rem solid;
  padding-left: 0.0625rem !important;
}
.theme-blue .alarm-wrapper .alarm[data-v-cf22e297] {
  border-color: #95c9dd;
}
.theme-green .alarm-wrapper .alarm[data-v-cf22e297] {
  border-color: #0b7eaa;
}
.alarm-wrapper .alarm strong[data-v-cf22e297] {
  margin-right: 0.15rem;
}
.alarm-wrapper .alarm .alarm-content[data-v-cf22e297] {
  flex: 1;
}
.alarm-wrapper .alarm .alarm-content .alarm-info[data-v-cf22e297] {
  display: flex;
  align-items: center;
}
.alarm-wrapper .alarm .alarm-content .alarm-info .alram-item[data-v-cf22e297] {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding-left: 0.125rem;
  position: relative;
  color: #fff;
}
.alarm-wrapper .alarm .alarm-content .alarm-info .alram-item[data-v-cf22e297]::before {
  content: "";
  width: 0.0125rem;
  height: 90%;
  background: rgba(255, 255, 255, 0.7);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-50%, -50%);
}
.alarm-wrapper .alarm .alarm-content .alarm-info .alram-item .value[data-v-cf22e297] {
  font-size: 0.175rem;
}
.alarm-wrapper .alarm .alarm-content .alarm-info .alram-item .name[data-v-cf22e297] {
  font-size: 0.025rem;
}
.hospital-wrapper .total-item[data-v-cf22e297] {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0.125rem;
}
.hospital-wrapper .total-item[data-v-cf22e297] {
  margin-bottom: 0.125rem;
}
.hospital-wrapper .total-item .icontongji[data-v-cf22e297] {
  color: #2acf84;
  font-size: 0.45rem;
}
.hospital-wrapper .total-item .iconzhexiantu[data-v-cf22e297] {
  color: #2d8dde;
  font-size: 0.45rem;
}
.hospital-wrapper .total-item .total-info[data-v-cf22e297] {
  margin-left: 0.1875rem;
}
.hospital-wrapper .total-item .total-info .name[data-v-cf22e297] {
  color: #fff;
  font-size: 0.15rem;
}
.hospital-wrapper .total-item .total-info .value span[data-v-cf22e297] {
  font-size: 0.2rem;
  margin-right: 0.0625rem;
}
.hospital-wrapper .total-item .total-info .value span[data-v-cf22e297]:nth-child(2) {
  font-size: 0.14rem;
}
.hospital-wrapper .total-item .total-info .value i[data-v-cf22e297] {
  font-size: 0.15rem;
}
.hospital-wrapper .index[data-v-cf22e297] {
  display: flex;
  align-items: center;
}
.hospital-wrapper .index .index-title[data-v-cf22e297] {
  width: 1.2rem;
  color: #44ff44;
}
.hospital-wrapper .index .index-title span[data-v-cf22e297] {
  font-size: 0.1375rem;
  font-weight: bold;
  margin: 0 0.0625rem;
}
.hospital-wrapper[data-v-cf22e297] .ivu-progress-text {
  color: #44ff44;
  font-size: 0.1375rem;
  font-weight: bold;
}
.ratio-wrapper .main-content[data-v-cf22e297] {
  height: 20vh;
}
.ratio-wrapper .main-content .chart[data-v-cf22e297] {
  width: 100%;
  height: 100%;
}
.comparison-wrapper .main-content[data-v-cf22e297] {
  height: 20vh;
}
.comparison-wrapper .main-content .chart[data-v-cf22e297] {
  width: 100%;
  height: 100%;
}
.rank-wrapper[data-v-cf22e297] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.rank-wrapper .main-content[data-v-cf22e297] {
  margin-top: 0 !important;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.rank-wrapper .main-content .model-nav[data-v-cf22e297] {
  display: flex;
  align-items: center;
  margin-bottom: 0.0625rem;
}
.rank-wrapper .main-content .model-nav .nav-item[data-v-cf22e297] {
  font-size: 0.1375rem;
  font-weight: bold;
  margin: 0.0625rem 0.125rem 0 0;
  text-align: center;
  border-radius: 5px;
  padding: 0.025rem 0.125rem;
  border: 1px solid;
  cursor: pointer;
}
.theme-blue .rank-wrapper .main-content .model-nav .nav-item[data-v-cf22e297] {
  color: #fff;
  border-color: #209cff;
}
.theme-green .rank-wrapper .main-content .model-nav .nav-item[data-v-cf22e297] {
  color: #18acb4;
  border-color: #2c89ac;
}
.theme-blue .rank-wrapper .main-content .model-nav .nav-item-active[data-v-cf22e297] {
  background: linear-gradient(0deg, #209cff 0, #68e0cf);
}
.theme-green .rank-wrapper .main-content .model-nav .nav-item-active[data-v-cf22e297] {
  background: #0b7eaa;
}
.rank-wrapper .main-content .model-list[data-v-cf22e297] {
  height: 18vh;
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.rank-wrapper .main-content .model-list .chart[data-v-cf22e297] {
  width: 100%;
  height: 100%;
}
.rank-wrapper .main-content .model-list .model-item[data-v-cf22e297] {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 0.0625rem;
  margin-bottom: 0.0375rem;
}
.rank-wrapper .main-content .model-list .model-item span[data-v-cf22e297] {
  flex: 1 0 13%;
  font-size: 0.125rem;
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.rank-wrapper .main-content .model-list .model-item span[data-v-cf22e297]:nth-child(1) {
  flex-basis: 20%;
}
.rank-wrapper .main-content .model-list .model-item span[data-v-cf22e297]:nth-child(4) {
  text-align: right;
  flex-basis: 25%;
}
.rank-wrapper .main-content .model-list .model-item .progress[data-v-cf22e297] {
  flex-basis: 38%;
}
.rank-wrapper .main-content .model-list .model-item-active[data-v-cf22e297] {
  border: 1px solid;
  border-image-source: linear-gradient(to bottom, #8f41e9, #578aef);
  border-image-slice: 1;
}
.rank-wrapper .energy-data[data-v-cf22e297] {
  margin-top: 0.125rem;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.rank-wrapper .energy-data .title-head[data-v-cf22e297] {
  background: rgba(255, 255, 255, 0.1);
  padding: 0.0625rem 0;
  display: flex;
  justify-content: center;
}
.rank-wrapper .energy-data .title-head .title[data-v-cf22e297] {
  border-bottom: 2px solid;
}
.rank-wrapper .energy-data .title-head .title span[data-v-cf22e297]:first-child {
  font-weight: bold;
  margin-right: 0.025rem;
}
.rank-wrapper .energy-data .energy-content[data-v-cf22e297] {
  margin-top: 0.0625rem;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.rank-wrapper .energy-data .energy-content .c-wrapper[data-v-cf22e297] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.rank-wrapper .energy-data .energy-content .c-head[data-v-cf22e297] {
  background: rgba(255, 255, 255, 0.1);
  padding: 0.0625rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-left: 0.025rem solid;
}
.rank-wrapper .energy-data .energy-content .c-head .remark[data-v-cf22e297] {
  font-size: 0.125rem;
  color: #fff;
}
.rank-wrapper .energy-data .energy-content .c-content[data-v-cf22e297] {
  flex: 1;
}
.rank-wrapper .energy-data .energy-content .c-content .chart[data-v-cf22e297] {
  width: 100%;
  height: 100%;
}
.rank-wrapper .energy-data .energy-content .c-content .row[data-v-cf22e297] {
  display: flex;
  align-items: center;
  margin-top: 0.0625rem;
}
.rank-wrapper .energy-data .energy-content .c-content .row > *[data-v-cf22e297] {
  flex: 1 0 33.3%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rank-wrapper .energy-data .energy-content .c-content .row i[data-v-cf22e297] {
  font-size: 0.225rem;
  margin-right: 0.0375rem;
}
.rank-wrapper .energy-data .energy-content .c-content .row .value[data-v-cf22e297] {
  color: #fff;
}
.rank-wrapper .energy-data .energy-content .c-content .row .maxvalue[data-v-cf22e297] {
  color: #ffff00;
}
.warn-wrapper[data-v-cf22e297] {
  height: 15vh;
}
[data-v-cf22e297] .ivu-select {
  width: auto;
}
[data-v-cf22e297] .ivu-select .ivu-select-selection,[data-v-cf22e297] .ivu-select .ivu-select-selected-value {
  color: #fff;
  height: 0.25rem;
  line-height: 0.25rem;
}
[data-v-cf22e297] .ivu-select i {
  color: #fff;
}
[data-v-cf22e297] .ivu-select .ivu-select-selection {
  background: rgba(255, 255, 255, 0.1);
  border: none;
  box-shadow: none;
}
[data-v-cf22e297] .ivu-select .ivu-select-item {
  color: rgba(255, 255, 255, 0.5);
}
[data-v-cf22e297] .ivu-select .ivu-select-item-selected {
  color: #fff;
}
[data-v-cf22e297] .ivu-select .ivu-select-item-focus,[data-v-cf22e297] .ivu-select .ivu-select-item:hover {
  background: none;
  color: #fff;
}.flex-cc[data-v-df7b038c], .fixed-form .head .close-btn[data-v-df7b038c] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.fixed-form[data-v-df7b038c] {
  perspective: 1300px;
  position: absolute;
  top: 0.925rem;
  background-color: rgba(1, 78, 157, 0.2509803922);
  width: 16vw;
  padding: 0.125rem 0.125rem 0.0375rem 0.125rem;
  box-shadow: inset 0px 0px 0.125rem rgba(102, 245, 255, 0.6196078431);
  border: 0.0125rem solid;
  transform: rotateX(0deg);
  opacity: 1;
}
.fixed-form.fixed-form-enter-active[data-v-df7b038c], .fixed-form.fixed-form-leave-active[data-v-df7b038c] {
  transition: all 0.5s;
}
.fixed-form.fixed-form-enter[data-v-df7b038c], .fixed-form.fixed-form-leave-to[data-v-df7b038c] {
  transform: rotateX(70deg);
  opacity: 0;
}
.fixed-form.showAnimation[data-v-df7b038c] {
  animation: spin-df7b038c 0.5s linear;
}
@keyframes spin-df7b038c {
0% {
    transform: rotateX(70deg);
    opacity: 0;
}
100% {
    transform: rotateX(0deg);
    opacity: 1;
}
}
.fixed-form.alarm[data-v-df7b038c] {
  box-shadow: inset 0px 0px 0.125rem #8e2335;
  border-color: #8e2335;
  left: 18vw;
}
.fixed-form.alarm[data-v-df7b038c]::before, .fixed-form.alarm[data-v-df7b038c]::after {
  background-color: #c48f4c;
}
.fixed-form.alarm .icontubiaocankaoxian1024-21[data-v-df7b038c]::before {
  color: salmon;
}
.fixed-form.alarm .floor-btn[data-v-df7b038c] {
  color: salmon;
}
.fixed-form.info[data-v-df7b038c] {
  box-shadow: inset 0px 0px 0.125rem rgba(102, 245, 255, 0.6196078431);
  border-color: rgba(102, 245, 255, 0.6196078431);
  right: 18vw;
}
.fixed-form.info[data-v-df7b038c]::before, .fixed-form.info[data-v-df7b038c]::after {
  background-color: rgb(102, 245, 255);
}
.fixed-form.info .iconmoxing[data-v-df7b038c]::before {
  color: skyblue;
}
.fixed-form.info .floor-btn[data-v-df7b038c] {
  color: skyblue;
}
.fixed-form[data-v-df7b038c]::before, .fixed-form[data-v-df7b038c]::after {
  content: "";
  top: 0;
  position: absolute;
  width: 0.0375rem;
  height: 0.075rem;
}
.fixed-form[data-v-df7b038c]::before {
  left: 0;
}
.fixed-form[data-v-df7b038c]::after {
  right: 0;
}
.fixed-form .head[data-v-df7b038c] {
  background-color: rgba(255, 255, 255, 0.1098039216);
  color: #ffffff;
  font-size: 0.1625rem;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
}
.fixed-form .head .title[data-v-df7b038c] {
  padding: 0.0375rem 0;
}
.fixed-form .head .title[data-v-df7b038c]::before {
  margin: 0 0.0625rem;
}
.fixed-form .head .close-btn[data-v-df7b038c] {
  padding: 0.0375rem 0.0625rem;
  font-size: 0.125rem;
  cursor: pointer;
}
.fixed-form .floor .floor-btn[data-v-df7b038c] {
  float: right;
  padding: 0.075rem 0.0375rem;
  margin-left: 0.1rem;
  cursor: pointer;
}
.flex-center[data-v-2a42f41d], .is-body .ho-main .maintain .main-content .work-info .info-wrapper .type[data-v-2a42f41d], .is-body .ho-main .maintain .main-content .work-odd[data-v-2a42f41d], .is-body .ho-main .warn .warn-wrapper .warn-icon[data-v-2a42f41d] {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* entire container, keeps perspective */
.flip-container[data-v-2a42f41d] {
  flex: 1;
  perspective: 1000;
  /* flip the pane when hovered */
}
.flip-container.hover .flipper[data-v-2a42f41d] {
  transform: rotateY(180deg);
}
.flip-container[data-v-2a42f41d] {
  /* flip speed goes here */
}
.flip-container .flipper[data-v-2a42f41d] {
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative;
}
.flip-container[data-v-2a42f41d] {
  /* hide back of pane during swap */
}
.flip-container .back[data-v-2a42f41d] {
  position: absolute;
  top: 0;
  left: 0;
}
.flip-container .front[data-v-2a42f41d],
.flip-container .back[data-v-2a42f41d] {
  backface-visibility: hidden;
}
.flip-container[data-v-2a42f41d] {
  /* front pane, placed above back */
}
.flip-container .front[data-v-2a42f41d] {
  z-index: 2;
}
.flip-container[data-v-2a42f41d] {
  /* back, initially hidden pane */
}
.flip-container .back[data-v-2a42f41d] {
  transform: rotateY(180deg);
}
.flip-container[data-v-2a42f41d],
.front[data-v-2a42f41d],
.back[data-v-2a42f41d],
.flipper[data-v-2a42f41d] {
  width: 100%;
  height: 100%;
}
.is-body .ho-main .hospital-info[data-v-2a42f41d] {
  font-size: 0.15rem;
  line-height: 1.5;
  flex: unset;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}
.is-body .ho-main .hospital-info img[data-v-2a42f41d] {
  height: 1rem;
  width: 1.5rem;
  float: left;
  margin: 0.0375rem 0.075rem 0.075rem 0;
}
.is-body .ho-main .hospital-info .attr[data-v-2a42f41d] {
  display: flex;
  flex-wrap: wrap;
  padding-top: 0.375rem;
  line-height: 2.4;
}
.is-body .ho-main .hospital-info .attr > div[data-v-2a42f41d] {
  width: 50%;
  display: flex;
  align-items: center;
}
.is-body .ho-main .hospital-info .attr > div[data-v-2a42f41d]::before {
  display: block;
  content: " ";
  width: 0.075rem;
  height: 0.075rem;
  border: 0.025rem solid #4df8e9;
  border-radius: 100%;
  margin-right: 0.0625rem;
}
.is-body .ho-main .hospital-info .attr > div[data-v-2a42f41d] {
  color: #4df8e9;
}
.is-body .ho-main .energy .energy-info[data-v-2a42f41d] {
  display: flex;
  justify-content: space-between;
  text-align: center;
  line-height: 1.5;
}
.is-body .ho-main .energy .energy-info .info-wrapper[data-v-2a42f41d] {
  width: 30%;
}
.is-body .ho-main .energy .energy-info .info-wrapper .value[data-v-2a42f41d] {
  background-image: linear-gradient(180deg, #317df0, #4df8e9);
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #02f9fd;
  font-size: 0.25rem;
}
.is-body .ho-main .energy .energy-info .info-wrapper .name[data-v-2a42f41d] {
  font-size: 0.125rem;
}
.is-body .ho-main .energy .chart-wrapper[data-v-2a42f41d] {
  width: 100%;
  height: 15vh;
}
.is-body .ho-main .device[data-v-2a42f41d] {
  width: 100%;
  height: 3.125rem;
  display: flex;
  flex-direction: column;
}
.is-body .ho-main .device .main-content[data-v-2a42f41d] {
  flex: 1;
}
.is-body .ho-main .warn .warn-wrapper[data-v-2a42f41d] {
  display: flex;
  justify-content: space-between;
}
.is-body .ho-main .warn .warn-wrapper .warn-icon[data-v-2a42f41d] {
  background-image: linear-gradient(rgba(128, 151, 255, 0.278), rgba(5, 196, 255, 0.69));
  width: 28%;
}
.is-body .ho-main .warn .warn-wrapper .warn-icon .iconfont[data-v-2a42f41d] {
  color: #02f9fd;
  font-size: 0.5rem;
}
.is-body .ho-main .warn .warn-wrapper .warn-info[data-v-2a42f41d] {
  position: relative;
  padding-right: 0.125rem;
}
.is-body .ho-main .warn .warn-wrapper .warn-info[data-v-2a42f41d]::after {
  content: "";
  height: 50%;
  width: 0.0125rem;
  background-color: #317df0;
  position: absolute;
  right: 0;
  top: 25%;
}
.is-body .ho-main .warn .warn-wrapper .warn-info .name[data-v-2a42f41d] {
  color: #6a95c7;
  font-size: 0.1625rem;
  font-weight: bold;
}
.is-body .ho-main .warn .warn-wrapper .warn-info .rate[data-v-2a42f41d] {
  background-image: linear-gradient(rgb(49, 125, 240), rgb(0, 195, 255));
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #02f9fd;
  font-size: 0.3rem;
}
.is-body .ho-main .warn .warn-wrapper .warn-info .tip[data-v-2a42f41d] {
  color: #aaa;
  font-size: 0.125rem;
}
.is-body .ho-main .warn .warn-wrapper .warn-level[data-v-2a42f41d] {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.is-body .ho-main .warn .warn-wrapper .warn-level > div[data-v-2a42f41d] {
  display: flex;
  align-items: center;
  font-size: 0.14rem;
}
.is-body .ho-main .warn .warn-wrapper .warn-level > div[data-v-2a42f41d] :last-child {
  text-indent: 0.15rem;
}
.is-body .ho-main .warn .warn-wrapper .warn-level[data-v-2a42f41d] > :nth-child(1) {
  color: #c34247;
}
.is-body .ho-main .warn .warn-wrapper .warn-level[data-v-2a42f41d] > :nth-child(2) {
  color: #e5a354;
}
.is-body .ho-main .warn .warn-wrapper .warn-level[data-v-2a42f41d] > :nth-child(3) {
  color: #5e81ad;
}
.is-body .ho-main .warn .warn-hr[data-v-2a42f41d] {
  height: 0.0125rem;
  margin: 0.125rem auto;
  width: 60%;
  background-color: #317df0;
}
.is-body .ho-main .maintain .main-content[data-v-2a42f41d] {
  display: flex;
}
.is-body .ho-main .maintain .main-content .work-odd .work-odd-chart[data-v-2a42f41d] {
  width: 180px;
  height: 180px;
}
.is-body .ho-main .maintain .main-content .work-info[data-v-2a42f41d] {
  flex: 1;
  padding: 0 0.1875rem;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.is-body .ho-main .maintain .main-content .work-info .info-wrapper[data-v-2a42f41d] {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.is-body .ho-main .maintain .main-content .work-info .info-wrapper .type[data-v-2a42f41d]::before {
  background-color: turquoise;
  width: 0.075rem;
  height: 0.075rem;
  border-radius: 50%;
  content: "";
  margin-right: 0.0625rem;
}
.is-body .ho-main .maintain .main-content .work-info .info-wrapper .value[data-v-2a42f41d] {
  color: #317df0;
}
.is-body .ho-main .maintain .main-content .work-info .info-wrapper .value[data-v-2a42f41d]::after {
  color: #ffffff;
  margin-left: 0.075rem;
  content: "个";
}
.is-body .ho-main .alarm[data-v-2a42f41d] {
  color: #95c9dd;
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow: hidden;
}
.is-body .ho-main .alarm .flipper > div[data-v-2a42f41d] {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.is-body .ho-main .alarm .flipper > div .main-content[data-v-2a42f41d] {
  flex: 1;
}
.is-body .ho-main .alarm .alarm-list[data-v-2a42f41d] .alarm-item {
  cursor: pointer;
}
.is-body .ho-main .alarm .alarm-list[data-v-2a42f41d] .alarm-item:nth-child(odd)::before {
  background-color: #c34247;
}
.is-body .ho-main .alarm .alarm-list[data-v-2a42f41d] .alarm-item:nth-child(even)::before {
  background-color: #e5a354;
}
.is-body .ho-main .alarm .alarm-list[data-v-2a42f41d] .alarm-item::before {
  content: "";
  width: 0.1rem;
  height: 0.1rem;
  border-radius: 50%;
}
.is-body .ho-main .alarm .alarm-list[data-v-2a42f41d] .alarm-item {
  display: flex;
  align-items: center;
  line-height: 2.6;
}
.is-body .ho-main .alarm .alarm-list[data-v-2a42f41d] .alarm-item .content {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.is-body .ho-main .alarm .alarm-list[data-v-2a42f41d] .alarm-item .time {
  color: #f1f1f1;
  font-size: 0.125rem;
}
.is-body .ho-main .alarm .alarm-detail[data-v-2a42f41d] {
  display: flex;
}
.is-body .ho-main .alarm .alarm-detail .detail-left[data-v-2a42f41d] {
  width: 30%;
  padding-right: 0.125rem;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.is-body .ho-main .alarm .alarm-detail .detail-left .detail-visual[data-v-2a42f41d] {
  text-align: center;
}
.is-body .ho-main .alarm .alarm-detail .detail-left .detail-visual img[data-v-2a42f41d] {
  width: 100%;
  height: 100%;
}
.is-body .ho-main .alarm .alarm-detail .detail-left .detail-visual span[data-v-2a42f41d] {
  font-size: 0.125rem;
  color: #aaa;
}
.is-body .ho-main .alarm .alarm-detail .detail-right[data-v-2a42f41d] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.is-body .ho-main .alarm .alarm-detail .detail-right .datail-head[data-v-2a42f41d] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.is-body .ho-main .alarm .alarm-detail .detail-right .datail-head .time[data-v-2a42f41d] {
  color: #f1f1f1;
  font-size: 0.125rem;
}
.is-body .ho-main .alarm .alarm-detail .detail-right .datail-content[data-v-2a42f41d] {
  flex: 1;
}
.is-body .ho-main .alarm .alarm-detail .detail-right .detail-btn[data-v-2a42f41d] {
  display: flex;
  justify-content: flex-end;
}
.is-body .ho-main .alarm .alarm-detail .detail-right .detail-btn > div[data-v-2a42f41d] {
  cursor: pointer;
  margin: 0 0.0625rem;
}
.is-body .ho-main .monitoring .big-monitoring[data-v-2a42f41d] {
  width: 100%;
  padding: 0.0125rem;
  height: 14vh;
}
.is-body .ho-main .monitoring .small-monitoring[data-v-2a42f41d] {
  margin-top: 0.0625rem;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
}
.is-body .ho-main .monitoring .small-monitoring > div[data-v-2a42f41d] {
  flex: 1;
  margin-right: 0.0625rem;
  padding: 0.0125rem;
}
.is-body .ho-main .monitoring .small-monitoring > div[data-v-2a42f41d]:last-child {
  margin-right: 0;
}
.is-body .ho-main .monitoring img[data-v-2a42f41d] {
  width: 100%;
  height: 100%;
  display: block;
}.isle .flex-cc[data-v-a904b264], .isle .run-index .run-tab .tow-line[data-v-a904b264] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.isle .flex-ccc[data-v-a904b264], .isle .run-index .run-tab .run-state[data-v-a904b264], .isle .run-index .run-tab[data-v-a904b264] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.isle .run-index .run-tab[data-v-a904b264] {
  width: 20vh;
  height: 20vh;
  position: relative;
  background: url(../img/tab8_1-B8ozmFbL.svg) no-repeat center;
  margin: 0 auto;
}
.isle .run-index .run-tab .run-state[data-v-a904b264] {
  width: calc(6vh - 2px);
  height: 6vh;
  position: relative;
  margin: 0 0.025rem;
  color: #acfbff;
  line-height: 1;
}
.isle .run-index .run-tab .run-state > div[data-v-a904b264] {
  z-index: 0;
}
.isle .run-index .run-tab .run-state .value[data-v-a904b264] {
  font-size: 0.2rem;
  margin-bottom: 0.0625rem;
}
.isle .run-index .run-tab .run-state[data-v-a904b264]::before {
  width: 100%;
  height: 100%;
  background: url(../img/tab8_state-DmKRxryj.svg) no-repeat center;
  background-size: 100% 100%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  animation: clockwise-a904b264 10s linear infinite;
  z-index: 0;
}
.isle .run-index .run-tab .margin-auto[data-v-a904b264], .isle .run-index .run-tab .tow-line[data-v-a904b264] {
  margin: -0.2rem auto 0;
}
.isle .run-index .run-tab .tow-line[data-v-a904b264] {
  margin-top: -0.05rem;
}
.isle .run-index .run-tab[data-v-a904b264]::before {
  width: 100%;
  height: 100%;
  background: url(../img/tab8_2-A5GA2XoU.svg) no-repeat center;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  animation: clockwise-a904b264 10s linear infinite;
}
.isle .run-index .run-tab[data-v-a904b264]::after {
  width: 100%;
  height: 100%;
  background: url(../img/tab8_3-B58cP2_g.svg) no-repeat center;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  animation: anticlockwise-a904b264 10s linear infinite;
}
@keyframes clockwise-a904b264 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
@keyframes anticlockwise-a904b264 {
from {
    transform: rotate(360deg);
}
to {
    transform: rotate(0deg);
}
}
.isle .device-synthesis[data-v-a904b264] {
  height: 23vh;
}
.isle .alarm-info[data-v-a904b264] {
  height: 23vh;
}#isre[data-v-389cb5a2] {
  overflow: hidden;
  width: 22vw;
}
#isre .flex-cc[data-v-389cb5a2] {
  display: flex;
  align-items: center;
  justify-content: center;
}
#isre .flex-ccc[data-v-389cb5a2] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
#isre .slide-area[data-v-389cb5a2] {
  height: 100%;
  padding-left: 75px;
  animation: roll-389cb5a2 50s linear 25s infinite alternate;
}
@keyframes roll-389cb5a2 {
0% {
    transform: translateY(0);
}
1% {
    transform: translateY(calc(-100% - 0.075rem));
}
50% {
    transform: translateY(calc(-100% - 0.075rem));
}
51% {
    transform: translateY(0%);
}
100% {
    transform: translateY(0%);
}
}
#isre .slide-area .main-wrapper[data-v-389cb5a2] {
  width: 18vw;
  height: calc((100% - 0.25rem) / 3);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
#isre .slide-area .main-wrapper .main-content[data-v-389cb5a2] {
  flex: 1;
}
#isre .slide-area .main-wrapper .gsc-info img[data-v-389cb5a2] {
  width: 100%;
  height: auto;
}
#isre .slide-area .main-wrapper[data-v-389cb5a2]:last-child {
  margin-bottom: inherit;
}.sub-system > div[data-v-68b4a0e9] {
  perspective: 1300px;
}
.sub-system > .main.left-main .anima-3d-rotateHide[data-v-68b4a0e9] {
  transition: all 500ms;
  transform: translateZ(100px) translateX(-30%) rotateY(90deg);
  opacity: 0;
}
.sub-system > .main.right-main .info-title[data-v-68b4a0e9] {
  text-align: right;
}
.sub-system > .main.right-main .anima-3d-rotateHide[data-v-68b4a0e9] {
  transition: all 500ms;
  transform: translateZ(100px) translateX(100%) rotateY(-45deg);
  opacity: 0;
}
.sub-system > .main .main-wrapper[data-v-68b4a0e9] {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  font: 1;
  position: relative;
}
.sub-system > .main .main-wrapper .main-title[data-v-68b4a0e9] {
  margin: 0 0.125rem;
  display: flex !important;
}
.sub-system > .main .main-wrapper.close[data-v-68b4a0e9] {
  transform: translateX(100%);
  transition: all 500ms;
}
.sub-system > .main .main-wrapper .btn-close[data-v-68b4a0e9] {
  position: absolute;
  top: 0.125rem;
  right: 0.125rem;
  cursor: pointer;
  transition: 0.5s transform;
  transform: rotate(0deg);
  padding: 0 0.0625rem;
}
.sub-system > .main .main-wrapper .btn-close[data-v-68b4a0e9]:hover {
  transform: rotate(180deg) scale(1.2);
  color: #95e2ff;
}
.sub-system > .main .main-wrapper .main-content[data-v-68b4a0e9] {
  flex: 1;
  position: static;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.sub-system > .main .main-wrapper .main-content .info-wrapper .info-title[data-v-68b4a0e9] {
  line-height: 2;
}
.sub-system > .main .main-wrapper .main-content .info-wrapper .info-echat[data-v-68b4a0e9] {
  width: 100%;
  height: 16vh;
}
.sub-system > .main .main-wrapper .main-content .main-floor[data-v-68b4a0e9] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.sub-system > .main .main-wrapper .main-content .main-floor > div[data-v-68b4a0e9] {
  cursor: pointer;
  height: 0.35rem;
  display: flex;
  align-items: center;
  color: #ffffff;
  margin-right: 0.075rem;
  padding: 0 0.0375rem;
  font-weight: bold;
}
.sub-system > .main .main-wrapper .main-content .main-floor > div[data-v-68b4a0e9]:hover {
  color: #95e2ff;
}
.sub-system .device-info[data-v-68b4a0e9] {
  font-size: 0.1375rem;
  text-align: center;
}
.sub-system .device-info .table-title[data-v-68b4a0e9] {
  margin: 0.0625rem 0;
  padding-right: 6px;
  color: rgb(189, 236, 237);
  display: flex;
  font-weight: bold;
}
.sub-system .device-info .table-title > div[data-v-68b4a0e9],
.sub-system .device-info .table-item > div[data-v-68b4a0e9] {
  flex: 1;
}
.sub-system .device-info .table-title > div[data-v-68b4a0e9]:nth-child(2),
.sub-system .device-info .table-item > div[data-v-68b4a0e9]:nth-child(2) {
  flex: 2;
}
.sub-system .device-info .table-list[data-v-68b4a0e9] {
  height: 30vh;
  overflow-y: scroll;
}
.sub-system .device-info .table-list .table-item[data-v-68b4a0e9] {
  align-items: center;
  display: flex;
  color: rgb(125, 156, 176);
  padding: 0.0375rem;
  border: 0.0125rem solid transparent;
}
.sub-system .device-info .table-list .table-item[data-v-68b4a0e9]:nth-child(2n) {
  background-color: rgba(255, 255, 255, 0.2);
}
.sub-system .device-info .table-list .table-item[data-v-68b4a0e9]:hover, .sub-system .device-info .table-list .table-item.active[data-v-68b4a0e9] {
  cursor: pointer;
  background-color: rgba(177, 0, 0, 0.2);
  border-color: #b10000;
}
.sub-system .overview[data-v-68b4a0e9] {
  display: flex;
  justify-content: space-between;
  height: 15vh;
}
.sub-system .overview .doughnutEchat[data-v-68b4a0e9] {
  width: calc(50% - 0.125rem);
  height: 100%;
  overflow: hidden;
  position: relative;
}
.sub-system .overview .doughnutEchat > div[data-v-68b4a0e9] {
  position: absolute;
  top: -40%;
  left: -40%;
  width: 180%;
  height: 180%;
}
.shade-text[data-v-68b4a0e9], .ss-lighting .lighting-overview .build-distribution .build-head .back-btn[data-v-68b4a0e9], .ss-lighting .lighting-overview .distribution-condition .condition-list .build-item .build-condition .total-info > .building-name[data-v-68b4a0e9] {
  background-image: linear-gradient(to bottom, #02f9fd, #0e72b3);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #02f9fd;
}
.anima-3d-rotateInRight[data-v-68b4a0e9] {
  transform-style: preserve-3d;
  transform-origin: 0 100%;
  animation: rotateInRight-68b4a0e9 500ms 1;
}
@keyframes rotateInRight-68b4a0e9 {
0% {
    transform: translateZ(100px) translateX(-30%) rotateY(90deg);
    opacity: 0;
}
100% {
    transform: translateZ(0px) translateX(0%) rotateY(0deg);
    opacity: 1;
}
}
.anima-3d-rotateInLeft[data-v-68b4a0e9] {
  transform-style: preserve-3d;
  transform-origin: 0 100%;
  animation: rotateInLeft-68b4a0e9 500ms 1;
}
@keyframes rotateInLeft-68b4a0e9 {
0% {
    transform: translateZ(100px) translateX(100%) rotateY(-45deg);
    opacity: 0;
}
100% {
    transform: translateZ(0px) translateX(0%) rotateY(0deg);
    opacity: 1;
}
}

/* entire container, keeps perspective */
.flip-container[data-v-68b4a0e9] {
  overflow: hidden;
  flex: 1;
  perspective: 1000px;
  /* flip the pane when hovered */
}
.flip-container.hover .flipper[data-v-68b4a0e9] {
  transform: rotateY(180deg);
}
.flip-container[data-v-68b4a0e9] {
  /* flip speed goes here */
}
.flip-container .flipper[data-v-68b4a0e9] {
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative;
}
.flip-container[data-v-68b4a0e9] {
  /* hide back of pane during swap */
}
.flip-container .front[data-v-68b4a0e9],
.flip-container .back[data-v-68b4a0e9] {
  backface-visibility: hidden;
  width: 100%;
}
.flip-container[data-v-68b4a0e9] {
  /* front pane, placed above back */
}
.flip-container .front[data-v-68b4a0e9] {
  z-index: 2;
}
.flip-container[data-v-68b4a0e9] {
  /* back, initially hidden pane */
}
.flip-container .back[data-v-68b4a0e9] {
  transform: rotateY(180deg);
}
.ss-lighting .lighting-overview[data-v-68b4a0e9] {
  height: 100%;
}
.ss-lighting .lighting-overview > div[data-v-68b4a0e9] {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ss-lighting .lighting-overview .distribution-condition .condition-list[data-v-68b4a0e9] {
  display: flex;
  flex-direction: column-reverse;
  overflow: auto;
  flex: 1;
}
.ss-lighting .lighting-overview .distribution-condition .condition-list .build-item[data-v-68b4a0e9] {
  padding: 0.0625rem 0 0.0625rem 0.125rem;
  background-image: radial-gradient(rgba(255, 255, 255, 0), rgba(0, 50, 104, 0.6));
  margin-bottom: 0.125rem;
  cursor: pointer;
  display: flex;
}
.ss-lighting .lighting-overview .distribution-condition .condition-list .build-item.active[data-v-68b4a0e9] {
  box-shadow: 0px 0px 4px 0px #66fff7 inset, 0px 0px 4px 0px #58fff7;
}
.ss-lighting .lighting-overview .distribution-condition .condition-list .build-item .build-condition[data-v-68b4a0e9] {
  font-size: 0.125rem;
  flex: 1;
}
.ss-lighting .lighting-overview .distribution-condition .condition-list .build-item .build-condition .total-info[data-v-68b4a0e9] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ss-lighting .lighting-overview .distribution-condition .condition-list .build-item .build-condition .total-info > .building-name[data-v-68b4a0e9] {
  font-weight: bold;
  font-size: 0.175rem;
}
.ss-lighting .lighting-overview .distribution-condition .condition-list .build-item .build-condition .detail-info[data-v-68b4a0e9] {
  display: flex;
  justify-content: space-between;
  padding: 0.0375rem 0;
}
.ss-lighting .lighting-overview .distribution-condition .condition-list .build-item .build-condition .detail-info .run[data-v-68b4a0e9] {
  color: #00fff3;
}
.ss-lighting .lighting-overview .distribution-condition .condition-list .build-item .build-condition .detail-info .close[data-v-68b4a0e9] {
  color: #d3d3d3;
}
.ss-lighting .lighting-overview .distribution-condition .condition-list .build-item .build-condition .detail-info .off-line[data-v-68b4a0e9] {
  color: #ed4014;
}
.ss-lighting .lighting-overview .distribution-condition .condition-list .build-item .build-condition .detail-info .repairs[data-v-68b4a0e9] {
  color: #ff9900;
}
.ss-lighting .lighting-overview .distribution-condition .condition-list .build-item .go-to[data-v-68b4a0e9] {
  display: flex;
  align-items: center;
  padding: 0 0.1rem;
}
.ss-lighting .lighting-overview .distribution-condition .condition-list .build-item .go-to[data-v-68b4a0e9]:hover {
  color: aqua;
}
.ss-lighting .lighting-overview .build-distribution .state-0[data-v-68b4a0e9] {
  background-color: #104573;
}
.ss-lighting .lighting-overview .build-distribution .state-1[data-v-68b4a0e9] {
  background-color: #d3d3d3;
}
.ss-lighting .lighting-overview .build-distribution .state-2[data-v-68b4a0e9] {
  background-color: #ed4014;
}
.ss-lighting .lighting-overview .build-distribution .state-3[data-v-68b4a0e9] {
  background-color: #ff9900;
}
.ss-lighting .lighting-overview .build-distribution .build-head[data-v-68b4a0e9] {
  display: flex;
  justify-content: space-between;
}
.ss-lighting .lighting-overview .build-distribution .build-head .back-btn[data-v-68b4a0e9] {
  cursor: pointer;
  font-size: 0.125rem;
}
.ss-lighting .lighting-overview .build-distribution .part-wrapper[data-v-68b4a0e9] {
  width: 100%;
  display: block;
  margin: 0.0625rem 0;
}
.ss-lighting .lighting-overview .build-distribution .build-figure[data-v-68b4a0e9] {
  display: flex;
  font-size: 0.125rem;
  margin-top: 0.0625rem;
  flex-direction: row-reverse;
}
.ss-lighting .lighting-overview .build-distribution .build-figure .figure-item[data-v-68b4a0e9] {
  display: flex;
  align-items: center;
  margin-left: 0.1rem;
}
.ss-lighting .lighting-overview .build-distribution .build-figure .figure-item .figure-box[data-v-68b4a0e9] {
  margin-right: 0.0625rem;
  width: 0.125rem;
  height: 0.125rem;
}
.ss-lighting .lighting-overview .build-distribution .scattergram-wrapper[data-v-68b4a0e9] {
  display: flex;
  flex-direction: column-reverse;
  overflow: auto;
  flex: 1;
}
.ss-lighting .lighting-overview .build-distribution .scattergram-wrapper :last-child.build-floor[data-v-68b4a0e9] {
  padding-top: 0.0125rem;
}
.ss-lighting .lighting-overview .build-distribution .scattergram-wrapper :first-child.build-floor > .floor-wrapper[data-v-68b4a0e9] {
  border-bottom: 0.0125rem solid rgb(109, 137, 157);
}
.ss-lighting .lighting-overview .build-distribution .scattergram-wrapper :last-child.build-floor > .floor-wrapper[data-v-68b4a0e9] {
  border-top: 0.0125rem solid rgb(109, 137, 157);
}
.ss-lighting .lighting-overview .build-distribution .scattergram-wrapper .build-floor[data-v-68b4a0e9] {
  display: flex;
  justify-content: flex-end;
}
.ss-lighting .lighting-overview .build-distribution .scattergram-wrapper .build-floor .floor-wrapper[data-v-68b4a0e9] {
  padding: 0.025rem;
  border-right: 0.0125rem solid rgb(109, 137, 157);
  border-left: 0.0125rem solid rgb(109, 137, 157);
  flex: 1;
}
.ss-lighting .lighting-overview .build-distribution .scattergram-wrapper .build-floor .floor-wrapper .build-dot[data-v-68b4a0e9] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  background-color: rgba(16, 69, 115, 0.5);
  padding: 0.025rem;
}
.ss-lighting .lighting-overview .build-distribution .scattergram-wrapper .build-floor .floor-wrapper .build-dot .layer-box[data-v-68b4a0e9] {
  width: calc(6.25% - 0.05rem);
  margin: 0.025rem;
  cursor: pointer;
}
.ss-lighting .lighting-overview .build-distribution .scattergram-wrapper .build-floor .floor-wrapper .build-dot .layer-box[data-v-68b4a0e9]::after {
  content: "";
  margin-top: 100%;
  display: block;
}
.ss-lighting .lighting-overview .build-distribution .scattergram-wrapper .build-floor .floor-num[data-v-68b4a0e9] {
  border-right: 0.0125rem solid rgb(109, 137, 157);
  font-size: 0.125rem;
  color: rgb(109, 137, 157);
  width: 0.375rem;
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
.ss-lighting .lighting-overview .build-distribution .scattergram-wrapper .build-floor .floor-num[data-v-68b4a0e9]::after {
  content: "-";
}.sub-system > div[data-v-c5db3388] {
  perspective: 1300px;
}
.sub-system > .main.left-main .anima-3d-rotateHide[data-v-c5db3388] {
  transition: all 500ms;
  transform: translateZ(100px) translateX(-30%) rotateY(90deg);
  opacity: 0;
}
.sub-system > .main.right-main .info-title[data-v-c5db3388] {
  text-align: right;
}
.sub-system > .main.right-main .anima-3d-rotateHide[data-v-c5db3388] {
  transition: all 500ms;
  transform: translateZ(100px) translateX(100%) rotateY(-45deg);
  opacity: 0;
}
.sub-system > .main .main-wrapper[data-v-c5db3388] {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  font: 1;
  position: relative;
}
.sub-system > .main .main-wrapper .main-title[data-v-c5db3388] {
  margin: 0 0.125rem;
  display: flex !important;
}
.sub-system > .main .main-wrapper.close[data-v-c5db3388] {
  transform: translateX(100%);
  transition: all 500ms;
}
.sub-system > .main .main-wrapper .btn-close[data-v-c5db3388] {
  position: absolute;
  top: 0.125rem;
  right: 0.125rem;
  cursor: pointer;
  transition: 0.5s transform;
  transform: rotate(0deg);
  padding: 0 0.0625rem;
}
.sub-system > .main .main-wrapper .btn-close[data-v-c5db3388]:hover {
  transform: rotate(180deg) scale(1.2);
  color: #95e2ff;
}
.sub-system > .main .main-wrapper .main-content[data-v-c5db3388] {
  flex: 1;
  position: static;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.sub-system > .main .main-wrapper .main-content .info-wrapper .info-title[data-v-c5db3388] {
  line-height: 2;
}
.sub-system > .main .main-wrapper .main-content .info-wrapper .info-echat[data-v-c5db3388] {
  width: 100%;
  height: 16vh;
}
.sub-system > .main .main-wrapper .main-content .main-floor[data-v-c5db3388] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.sub-system > .main .main-wrapper .main-content .main-floor > div[data-v-c5db3388] {
  cursor: pointer;
  height: 0.35rem;
  display: flex;
  align-items: center;
  color: #ffffff;
  margin-right: 0.075rem;
  padding: 0 0.0375rem;
  font-weight: bold;
}
.sub-system > .main .main-wrapper .main-content .main-floor > div[data-v-c5db3388]:hover {
  color: #95e2ff;
}
.sub-system .device-info[data-v-c5db3388] {
  font-size: 0.1375rem;
  text-align: center;
}
.sub-system .device-info .table-title[data-v-c5db3388] {
  margin: 0.0625rem 0;
  padding-right: 6px;
  color: rgb(189, 236, 237);
  display: flex;
  font-weight: bold;
}
.sub-system .device-info .table-title > div[data-v-c5db3388],
.sub-system .device-info .table-item > div[data-v-c5db3388] {
  flex: 1;
}
.sub-system .device-info .table-title > div[data-v-c5db3388]:nth-child(2),
.sub-system .device-info .table-item > div[data-v-c5db3388]:nth-child(2) {
  flex: 2;
}
.sub-system .device-info .table-list[data-v-c5db3388] {
  height: 30vh;
  overflow-y: scroll;
}
.sub-system .device-info .table-list .table-item[data-v-c5db3388] {
  align-items: center;
  display: flex;
  color: rgb(125, 156, 176);
  padding: 0.0375rem;
  border: 0.0125rem solid transparent;
}
.sub-system .device-info .table-list .table-item[data-v-c5db3388]:nth-child(2n) {
  background-color: rgba(255, 255, 255, 0.2);
}
.sub-system .device-info .table-list .table-item[data-v-c5db3388]:hover, .sub-system .device-info .table-list .table-item.active[data-v-c5db3388] {
  cursor: pointer;
  background-color: rgba(177, 0, 0, 0.2);
  border-color: #b10000;
}
.sub-system .overview[data-v-c5db3388] {
  display: flex;
  justify-content: space-between;
  height: 15vh;
}
.sub-system .overview .doughnutEchat[data-v-c5db3388] {
  width: calc(50% - 0.125rem);
  height: 100%;
  overflow: hidden;
  position: relative;
}
.sub-system .overview .doughnutEchat > div[data-v-c5db3388] {
  position: absolute;
  top: -40%;
  left: -40%;
  width: 180%;
  height: 180%;
}
.shade-text[data-v-c5db3388] {
  background-image: linear-gradient(to bottom, #02f9fd, #0e72b3);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #02f9fd;
}
.anima-3d-rotateInRight[data-v-c5db3388] {
  transform-style: preserve-3d;
  transform-origin: 0 100%;
  animation: rotateInRight-c5db3388 500ms 1;
}
@keyframes rotateInRight-c5db3388 {
0% {
    transform: translateZ(100px) translateX(-30%) rotateY(90deg);
    opacity: 0;
}
100% {
    transform: translateZ(0px) translateX(0%) rotateY(0deg);
    opacity: 1;
}
}
.anima-3d-rotateInLeft[data-v-c5db3388] {
  transform-style: preserve-3d;
  transform-origin: 0 100%;
  animation: rotateInLeft-c5db3388 500ms 1;
}
@keyframes rotateInLeft-c5db3388 {
0% {
    transform: translateZ(100px) translateX(100%) rotateY(-45deg);
    opacity: 0;
}
100% {
    transform: translateZ(0px) translateX(0%) rotateY(0deg);
    opacity: 1;
}
}

/* entire container, keeps perspective */
.flip-container[data-v-c5db3388] {
  overflow: hidden;
  flex: 1;
  perspective: 1000px;
  /* flip the pane when hovered */
}
.flip-container.hover .flipper[data-v-c5db3388] {
  transform: rotateY(180deg);
}
.flip-container[data-v-c5db3388] {
  /* flip speed goes here */
}
.flip-container .flipper[data-v-c5db3388] {
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative;
}
.flip-container[data-v-c5db3388] {
  /* hide back of pane during swap */
}
.flip-container .front[data-v-c5db3388],
.flip-container .back[data-v-c5db3388] {
  backface-visibility: hidden;
  width: 100%;
}
.flip-container[data-v-c5db3388] {
  /* front pane, placed above back */
}
.flip-container .front[data-v-c5db3388] {
  z-index: 2;
}
.flip-container[data-v-c5db3388] {
  /* back, initially hidden pane */
}
.flip-container .back[data-v-c5db3388] {
  transform: rotateY(180deg);
}
#ss-elevator .device-wrapper[data-v-c5db3388] {
  display: flex;
  overflow: hidden;
}
#ss-elevator .device-wrapper .main-content[data-v-c5db3388] {
  overflow: hidden;
}
#ss-elevator .device-wrapper .main-content .info-wrapper[data-v-c5db3388] {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
#ss-elevator .device-wrapper .main-content .info-wrapper .info-title[data-v-c5db3388] {
  display: flex;
}
#ss-elevator .device-wrapper .main-content .info-wrapper .info-title > div[data-v-c5db3388] {
  width: 50%;
}
#ss-elevator .device-wrapper .main-content .info-wrapper .device-content[data-v-c5db3388] {
  display: flex;
  overflow: hidden;
  flex: 1;
  max-height: 7rem;
}
#ss-elevator .device-wrapper .main-content .info-wrapper .device-content > div[data-v-c5db3388] {
  width: 50%;
  overflow-y: auto;
  overflow-x: hidden;
}
#ss-elevator .device-wrapper .main-content .info-wrapper .device-content .device-list[data-v-c5db3388] .ivu-tree-title-selected,
#ss-elevator .device-wrapper .main-content .info-wrapper .device-content .device-list[data-v-c5db3388] .ivu-tree-title:hover {
  background-color: rgba(132, 193, 255, 0.4392156863);
}
#ss-elevator .device-wrapper .main-content .info-wrapper .device-content .device-list[data-v-c5db3388] .ivu-tree-title-selected:hover {
  background-color: rgba(132, 193, 255, 0.6196078431);
}
#ss-elevator .device-wrapper .main-content .info-wrapper .device-content .device-list[data-v-c5db3388] .device-item {
  color: #ffffff;
  width: 100%;
}
#ss-elevator .device-wrapper .main-content .info-wrapper .device-content .device-list[data-v-c5db3388] .device-item .ivu-tree-title {
  width: 100%;
}
#ss-elevator .device-wrapper .main-content .info-wrapper .device-content .device-list[data-v-c5db3388] .device-item i {
  margin-right: 0.0625rem;
}
#ss-elevator .device-wrapper .main-content .info-wrapper .device-content .device-info[data-v-c5db3388] {
  padding-bottom: 0.0625rem;
}
#ss-elevator .device-wrapper .main-content .info-wrapper .device-content .device-info .device-info-item[data-v-c5db3388] {
  line-height: 0.4rem;
  font-size: 0.1625rem;
  margin-top: 0.0375rem;
  letter-spacing: 2px;
}
#ss-elevator .device-wrapper .main-content .info-wrapper .device-content .device-info .device-info-item[data-v-c5db3388] :first-child {
  color: rgb(216, 220, 229);
  font-weight: 400;
}
#ss-elevator .device-wrapper .main-content .info-wrapper .device-content .device-info .device-info-item[data-v-c5db3388] :last-child {
  color: rgb(74, 229, 222);
  background-color: rgba(51, 102, 153, 0.3);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#ss-elevator .video-monitoring img[data-v-c5db3388] {
  width: 100%;
  height: auto;
}
#ss-elevator .operation-target .info-content[data-v-c5db3388] {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#ss-elevator .operation-target .info-content .traget-itme[data-v-c5db3388] {
  text-align: center;
  width: calc(25% - 0.075rem);
  padding: 0.125rem 0;
  border-radius: 10px;
  background-color: rgba(51, 102, 153, 0.3);
  font-size: 0.175rem;
  margin-bottom: 0.1rem;
}
#ss-elevator .operation-target .info-content .traget-itme.active[data-v-c5db3388] {
  color: rgb(255, 144, 41);
  box-shadow: 0 0 0.1rem 0.01rem rgb(255, 144, 41) inset;
}
#ss-elevator .operation-target .info-content .traget-itme.active .traget-title[data-v-c5db3388] {
  color: rgb(255, 144, 41);
}
#ss-elevator .operation-target .info-content .traget-itme .traget-title[data-v-c5db3388] {
  font-size: 0.125rem;
  line-height: 2;
  color: hsla(0, 0%, 100%, 0.7);
  letter-spacing: 2px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#ss-elevator .operation-target .info-content .traget-itme .traget-content[data-v-c5db3388] {
  color: #00afff;
}
#ss-elevator .operation-target .info-content .traget-itme .traget-content .traget-unit[data-v-c5db3388] {
  font-size: 0.1rem;
  color: #819ebe;
}
#ss-elevator .operation-target .info-content .traget-itme .iconfont[data-v-c5db3388] {
  font-size: 0.25rem;
}
#ss-elevator .right-main .main-wrapper[data-v-c5db3388] {
  padding: 0;
}
#ss-elevator .right-main .main-wrapper .main-content[data-v-c5db3388] {
  overflow-y: auto;
  padding: 0 0.125rem 0.0625rem;
}.sub-system > div[data-v-87947a1d] {
  perspective: 1300px;
}
.sub-system > .main.left-main .anima-3d-rotateHide[data-v-87947a1d] {
  transition: all 500ms;
  transform: translateZ(100px) translateX(-30%) rotateY(90deg);
  opacity: 0;
}
.sub-system > .main.right-main .info-title[data-v-87947a1d] {
  text-align: right;
}
.sub-system > .main.right-main .anima-3d-rotateHide[data-v-87947a1d] {
  transition: all 500ms;
  transform: translateZ(100px) translateX(100%) rotateY(-45deg);
  opacity: 0;
}
.sub-system > .main .main-wrapper[data-v-87947a1d] {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  font: 1;
  position: relative;
}
.sub-system > .main .main-wrapper .main-title[data-v-87947a1d] {
  margin: 0 0.125rem;
  display: flex !important;
}
.sub-system > .main .main-wrapper.close[data-v-87947a1d] {
  transform: translateX(100%);
  transition: all 500ms;
}
.sub-system > .main .main-wrapper .btn-close[data-v-87947a1d] {
  position: absolute;
  top: 0.125rem;
  right: 0.125rem;
  cursor: pointer;
  transition: 0.5s transform;
  transform: rotate(0deg);
  padding: 0 0.0625rem;
}
.sub-system > .main .main-wrapper .btn-close[data-v-87947a1d]:hover {
  transform: rotate(180deg) scale(1.2);
  color: #95e2ff;
}
.sub-system > .main .main-wrapper .main-content[data-v-87947a1d] {
  flex: 1;
  position: static;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.sub-system > .main .main-wrapper .main-content .info-wrapper .info-title[data-v-87947a1d] {
  line-height: 2;
}
.sub-system > .main .main-wrapper .main-content .info-wrapper .info-echat[data-v-87947a1d] {
  width: 100%;
  height: 16vh;
}
.sub-system > .main .main-wrapper .main-content .main-floor[data-v-87947a1d] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.sub-system > .main .main-wrapper .main-content .main-floor > div[data-v-87947a1d] {
  cursor: pointer;
  height: 0.35rem;
  display: flex;
  align-items: center;
  color: #ffffff;
  margin-right: 0.075rem;
  padding: 0 0.0375rem;
  font-weight: bold;
}
.sub-system > .main .main-wrapper .main-content .main-floor > div[data-v-87947a1d]:hover {
  color: #95e2ff;
}
.sub-system .device-info[data-v-87947a1d] {
  font-size: 0.1375rem;
  text-align: center;
}
.sub-system .device-info .table-title[data-v-87947a1d] {
  margin: 0.0625rem 0;
  padding-right: 6px;
  color: rgb(189, 236, 237);
  display: flex;
  font-weight: bold;
}
.sub-system .device-info .table-title > div[data-v-87947a1d],
.sub-system .device-info .table-item > div[data-v-87947a1d] {
  flex: 1;
}
.sub-system .device-info .table-title > div[data-v-87947a1d]:nth-child(2),
.sub-system .device-info .table-item > div[data-v-87947a1d]:nth-child(2) {
  flex: 2;
}
.sub-system .device-info .table-list[data-v-87947a1d] {
  height: 30vh;
  overflow-y: scroll;
}
.sub-system .device-info .table-list .table-item[data-v-87947a1d] {
  align-items: center;
  display: flex;
  color: rgb(125, 156, 176);
  padding: 0.0375rem;
  border: 0.0125rem solid transparent;
}
.sub-system .device-info .table-list .table-item[data-v-87947a1d]:nth-child(2n) {
  background-color: rgba(255, 255, 255, 0.2);
}
.sub-system .device-info .table-list .table-item[data-v-87947a1d]:hover, .sub-system .device-info .table-list .table-item.active[data-v-87947a1d] {
  cursor: pointer;
  background-color: rgba(177, 0, 0, 0.2);
  border-color: #b10000;
}
.sub-system .overview[data-v-87947a1d] {
  display: flex;
  justify-content: space-between;
  height: 15vh;
}
.sub-system .overview .doughnutEchat[data-v-87947a1d] {
  width: calc(50% - 0.125rem);
  height: 100%;
  overflow: hidden;
  position: relative;
}
.sub-system .overview .doughnutEchat > div[data-v-87947a1d] {
  position: absolute;
  top: -40%;
  left: -40%;
  width: 180%;
  height: 180%;
}
.shade-text[data-v-87947a1d] {
  background-image: linear-gradient(to bottom, #02f9fd, #0e72b3);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #02f9fd;
}
.anima-3d-rotateInRight[data-v-87947a1d] {
  transform-style: preserve-3d;
  transform-origin: 0 100%;
  animation: rotateInRight-87947a1d 500ms 1;
}
@keyframes rotateInRight-87947a1d {
0% {
    transform: translateZ(100px) translateX(-30%) rotateY(90deg);
    opacity: 0;
}
100% {
    transform: translateZ(0px) translateX(0%) rotateY(0deg);
    opacity: 1;
}
}
.anima-3d-rotateInLeft[data-v-87947a1d] {
  transform-style: preserve-3d;
  transform-origin: 0 100%;
  animation: rotateInLeft-87947a1d 500ms 1;
}
@keyframes rotateInLeft-87947a1d {
0% {
    transform: translateZ(100px) translateX(100%) rotateY(-45deg);
    opacity: 0;
}
100% {
    transform: translateZ(0px) translateX(0%) rotateY(0deg);
    opacity: 1;
}
}

/* entire container, keeps perspective */
.flip-container[data-v-87947a1d] {
  overflow: hidden;
  flex: 1;
  perspective: 1000px;
  /* flip the pane when hovered */
}
.flip-container.hover .flipper[data-v-87947a1d] {
  transform: rotateY(180deg);
}
.flip-container[data-v-87947a1d] {
  /* flip speed goes here */
}
.flip-container .flipper[data-v-87947a1d] {
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative;
}
.flip-container[data-v-87947a1d] {
  /* hide back of pane during swap */
}
.flip-container .front[data-v-87947a1d],
.flip-container .back[data-v-87947a1d] {
  backface-visibility: hidden;
  width: 100%;
}
.flip-container[data-v-87947a1d] {
  /* front pane, placed above back */
}
.flip-container .front[data-v-87947a1d] {
  z-index: 2;
}
.flip-container[data-v-87947a1d] {
  /* back, initially hidden pane */
}
.flip-container .back[data-v-87947a1d] {
  transform: rotateY(180deg);
}
.flex-cc[data-v-87947a1d] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex-cs[data-v-87947a1d] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.left-main .garden-wrapper[data-v-87947a1d] {
  align-items: center;
  justify-content: space-between;
}
.left-main .garden-wrapper .main-title[data-v-87947a1d] {
  width: 100%;
  margin: 0 !important;
}
.left-main .garden-wrapper .main-title .title[data-v-87947a1d] {
  width: 100%;
  display: flex;
  align-items: center;
  line-height: 1.5;
  padding: 0.125rem 0;
}
.left-main .garden-wrapper .main-title .title span[data-v-87947a1d]:first-child {
  font-size: 0.2625rem;
  font-weight: bold;
}
.left-main .garden-wrapper .main-title .title .status[data-v-87947a1d] {
  margin-left: 0.0625rem;
  font-size: 0.25rem;
}
.left-main .garden-wrapper .main-title .title .status i[data-v-87947a1d] {
  border-radius: 50px;
}
.left-main .garden-wrapper .main-title .title .normal[data-v-87947a1d] {
  color: #00eb9f;
}
.left-main .garden-wrapper .main-title .title .warn[data-v-87947a1d] {
  color: #fddd60;
  animation: blink-87947a1d 3s linear infinite;
}
.left-main .garden-wrapper .main-title .title .error[data-v-87947a1d] {
  color: #fd666d;
  animation: blink-87947a1d 3s linear infinite;
}
.left-main .garden-wrapper .main-title .title > div[data-v-87947a1d] {
  flex: 1;
}
.left-main .garden-wrapper .main-title .title .iconshipinjiankong[data-v-87947a1d] {
  font-size: 25px;
  color: #f5f5f5;
}
.left-main .garden-wrapper .main-title[data-v-87947a1d]::before {
  content: "";
  width: 84% !important;
}
.left-main .garden-wrapper .main-content[data-v-87947a1d] {
  width: 100%;
  padding: 0 0 0.125rem 0 !important;
}
.left-main .garden-wrapper .main-content .info[data-v-87947a1d] {
  padding: 0.0625rem 0;
}
.left-main .garden-wrapper .main-content .info p[data-v-87947a1d] {
  font-weight: bold;
}
.left-main .garden-wrapper .main-content .info p .info-name[data-v-87947a1d] {
  font-size: 0.125rem;
  color: #f5f5f5;
  margin-right: 0.0625rem;
}
.left-main .garden-wrapper .main-content .info p .info-value[data-v-87947a1d] {
  font-size: 0.3125rem;
  color: #d4d310;
  font-family: fantasy;
  letter-spacing: 3px;
}
.left-main .trend-wrapper[data-v-87947a1d] {
  flex: 1;
  padding: 0 !important;
}
.left-main .trend-wrapper .main-content[data-v-87947a1d] {
  margin-top: 0 !important;
}
.left-main .trend-wrapper .chart[data-v-87947a1d] {
  width: 100%;
  height: 100%;
}
.left-main[data-v-87947a1d] .el-carousel__container {
  height: 18vh;
}
.center-main[data-v-87947a1d] {
  width: calc(100% - 38vw);
  position: absolute;
  left: 50%;
  margin-left: calc((-100% + 38vw) / 2);
  margin-top: 0.0625rem;
  padding: 0.0625rem 0;
}
.center-main .statistics[data-v-87947a1d] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.center-main .statistics .main-wrapper[data-v-87947a1d] {
  flex: 1;
  height: 20vh;
}
.center-main .statistics .main-wrapper[data-v-87947a1d]:not(:last-child) {
  margin-right: 0.1875rem;
}
.center-main .statistics .main-wrapper[data-v-87947a1d]:last-child {
  margin-bottom: 0.125rem !important;
}
.center-main .statistics .main-wrapper .main-title[data-v-87947a1d] {
  display: flex;
  margin: 0 !important;
  color: #fff;
}
.center-main .statistics .main-wrapper .main-content[data-v-87947a1d] {
  flex: 1;
  padding: 0 !important;
}
.center-main .statistics .main-wrapper .chart[data-v-87947a1d] {
  width: 100%;
  height: 100%;
}
.center-main .statistics .main-wrapper .state[data-v-87947a1d] {
  font-size: 0.15rem;
}
.center-main .statistics .main-wrapper .normal[data-v-87947a1d] {
  color: #42d3e7;
}
.center-main .statistics .main-wrapper .warn[data-v-87947a1d] {
  color: #fddd60;
  animation: blink-87947a1d 3s linear infinite;
}
.center-main .statistics .main-wrapper .error[data-v-87947a1d] {
  color: #fd666d;
  animation: blink-87947a1d 3s linear infinite;
}
@keyframes blink-87947a1d {
0% {
    opacity: 1;
}
10% {
    opacity: 0;
}
40% {
    opacity: 1;
}
}
.right-main .main-wrapper[data-v-87947a1d] {
  flex: 1;
}
.right-main .main-wrapper .main-title[data-v-87947a1d] {
  display: flex;
  margin: 0 !important;
}
.right-main .main-wrapper .main-content[data-v-87947a1d] {
  flex: 1;
}
.right-main .main-wrapper .chart[data-v-87947a1d] {
  width: 100%;
  height: 100%;
}
.right-main .sewage-info[data-v-87947a1d] {
  align-items: center;
  justify-content: space-around;
}
.right-main .sewage-info .sewage-item[data-v-87947a1d] {
  display: flex;
  align-items: center;
  width: 90%;
}
.right-main .sewage-info .sewage-item .icon[data-v-87947a1d] {
  font-size: 0.6rem;
}
.right-main .sewage-info .sewage-item .info[data-v-87947a1d] {
  margin-left: 0.1875rem;
  flex: 1;
}
.right-main .sewage-info .sewage-item .info .value[data-v-87947a1d] {
  display: flex;
  align-items: flex-start;
}
.right-main .sewage-info .sewage-item .info .value .v span[data-v-87947a1d]:first-child {
  font-size: 0.3rem;
  font-weight: bold;
}
.right-main .sewage-info .sewage-item .info .value > span[data-v-87947a1d] {
  font-size: 0.15rem;
}
.right-main .sewage-info .sewage-item .info .name[data-v-87947a1d] {
  color: #f5f5f5;
}
.right-main .warn-list[data-v-87947a1d] {
  padding: 0 !important;
  margin: 0 !important;
}
.right-main .warn-list[data-v-87947a1d] .warn-item {
  width: 100%;
  font-size: 0.15rem;
  color: #fff;
}
.right-main .warn-list[data-v-87947a1d] .warn-item .item-head {
  display: flex;
  justify-content: space-between;
  padding: 0.0625rem;
}
.right-main .warn-list[data-v-87947a1d] .warn-item .item-head > p {
  font-weight: bold;
}
.right-main .warn-list[data-v-87947a1d] .warn-item .item-head > span {
  font-size: 0.125rem;
}
.right-main .warn-list[data-v-87947a1d] .warn-item p {
  display: flex;
  align-items: center;
  font-size: 0.125rem;
}
.right-main .warn-list[data-v-87947a1d] .warn-item p span {
  margin-left: 10px;
}
.right-main .warn-list[data-v-87947a1d] .warn-item p span:first-child {
  text-align: left;
  font-weight: bold;
}#ss-power .main-title[data-v-c043ab29] {
  display: flex;
}
.flex[data-v-c043ab29] {
  display: flex;
  align-items: center;
}
.left-main .index-total[data-v-c043ab29] {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.left-main .index-total .total-item[data-v-c043ab29] {
  flex: 1;
  height: 0.9rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.7rem 0.7rem;
  position: relative;
}
.left-main .index-total .total-item[data-v-c043ab29]:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  width: 0.0063rem;
  height: 35%;
  background: rgba(255, 255, 255, 0.5215686275);
}
.left-main .index-total .total-item span[data-v-c043ab29]:first-child {
  font-size: 0.25rem;
  font-weight: bold;
  line-height: 1;
}
.left-main .index-total .total-item span[data-v-c043ab29]:last-child {
  font-size: 0.125rem;
}
.left-main .index-total .bg1[data-v-c043ab29] {
  background-image: url("../img/bg1-CNbyuVLm.png");
  color: #ffbf00;
}
.left-main .index-total .bg2[data-v-c043ab29] {
  background-image: url("../img/bg2-BQBe2XQC.png");
  color: #ff6333;
}
.left-main .index-total .bg3[data-v-c043ab29] {
  background-image: url("../img/bg3-CiWxltBI.png");
  color: #3dcf7a;
}
.left-main .index-total .bg4[data-v-c043ab29] {
  background-image: url("../img/bg11-BD4Wjdqx.png");
  color: #3dcf7a;
}
.left-main .power-wrapper[data-v-c043ab29] {
  align-items: center;
  justify-content: space-between;
  flex: 1;
}
.left-main .power-wrapper .main-title[data-v-c043ab29] {
  width: 100%;
  margin: 0;
}
.left-main .power-wrapper .main-title .title[data-v-c043ab29] {
  display: flex;
  flex-direction: column;
  line-height: 1.5;
  padding: 0.125rem 0;
}
.left-main .power-wrapper .main-title .title span[data-v-c043ab29]:first-child {
  font-size: 0.2625rem;
  font-weight: bold;
}
.left-main .power-wrapper .main-title .title span[data-v-c043ab29]:last-child {
  font-size: 0.15rem;
}
.left-main .power-wrapper .main-title .iconfont[data-v-c043ab29] {
  font-size: 0.35rem;
}
.left-main .power-wrapper .main-title[data-v-c043ab29]::before {
  content: "";
  width: 84% !important;
}
.left-main .power-wrapper .survey-info[data-v-c043ab29] {
  flex-direction: column;
  justify-content: center;
  margin-top: 0.0625rem;
}
.left-main .power-wrapper .survey-info .row[data-v-c043ab29] {
  display: flex;
  align-items: center;
  flex: 1;
  font-size: 0.125rem;
}
.left-main .power-wrapper .survey-info .row[data-v-c043ab29]:first-child {
  padding: 0.0625rem 0;
}
.left-main .power-wrapper .survey-info .row[data-v-c043ab29]:not(:last-child) {
  border-bottom: 0.0125rem solid #dcdee2;
}
.left-main .power-wrapper .survey-info .row .value[data-v-c043ab29] {
  font-size: 18px;
  font-weight: bold;
  margin: 0 2px;
}
.left-main .power-wrapper .survey-info .row:last-child .row-l[data-v-c043ab29],
.left-main .power-wrapper .survey-info .row:last-child .row-r[data-v-c043ab29] {
  padding: 0.1rem 0;
}
.left-main .power-wrapper .survey-info .row .row-l[data-v-c043ab29] {
  width: 60%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.left-main .power-wrapper .survey-info .row .row-l .flex[data-v-c043ab29] {
  width: 100%;
  height: 100%;
  justify-content: space-evenly;
  padding: 0.1rem 0;
}
.left-main .power-wrapper .survey-info .row .row-l .flex[data-v-c043ab29]:not(:last-child) {
  border-bottom: 1px solid #dcdee2;
}
.left-main .power-wrapper .survey-info .row .row-r[data-v-c043ab29] {
  width: 40%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.left-main .trans-wrapper[data-v-c043ab29] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.left-main .trans-wrapper .main-content[data-v-c043ab29] {
  flex: 1;
}
.left-main .trans-wrapper .trans-list[data-v-c043ab29] {
  width: 100%;
  height: 90%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.left-main .trans-wrapper .trans-list .trans-item[data-v-c043ab29] {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-image: url("../img/line-simple-D0cYBas9.png");
  background-size: 100% 100%;
}
.left-main .trans-wrapper .trans-list .trans-item .value[data-v-c043ab29] {
  font-size: 0.2rem;
}
.left-main .trans-wrapper .trans-list .trans-item .name[data-v-c043ab29] {
  font-size: 0.125rem;
}
.left-main .warn-wrapper[data-v-c043ab29] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.left-main .warn-wrapper .warn-list[data-v-c043ab29] {
  padding: 0 !important;
  margin: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}
.left-main .warn-wrapper .warn-list[data-v-c043ab29] .warn-item {
  width: 100%;
  font-size: 0.15rem;
  color: #fff;
}
.left-main .warn-wrapper .warn-list[data-v-c043ab29] .warn-item .item-head {
  display: flex;
  justify-content: space-between;
  padding: 0.0625rem;
}
.left-main .warn-wrapper .warn-list[data-v-c043ab29] .warn-item .item-head > p {
  font-weight: bold;
}
.left-main .warn-wrapper .warn-list[data-v-c043ab29] .warn-item .item-head > span {
  font-size: 0.125rem;
}
.left-main .warn-wrapper .warn-list[data-v-c043ab29] .warn-item p {
  display: flex;
  align-items: center;
  font-size: 0.125rem;
}
.left-main .warn-wrapper .warn-list[data-v-c043ab29] .warn-item p span {
  margin-left: 10px;
}
.left-main .warn-wrapper .warn-list[data-v-c043ab29] .warn-item p span:first-child {
  text-align: left;
  font-weight: bold;
}
.left-main[data-v-c043ab29] .ivu-select .ivu-select-selection,
.left-main[data-v-c043ab29] .ivu-select .ivu-select-selected-value {
  color: #fff;
}
.left-main[data-v-c043ab29] .ivu-select i {
  color: #3399ff;
}
.left-main[data-v-c043ab29] .ivu-select .ivu-select-selection {
  background: transparent;
  box-shadow: none;
  border: none;
  border-top: 0.0125rem solid #3399ff;
  border-bottom: 0.0125rem solid #3399ff;
  border-radius: 0;
}
.left-main[data-v-c043ab29] .ivu-select .ivu-select-item {
  color: rgba(255, 255, 255, 0.5);
}
.left-main[data-v-c043ab29] .ivu-select .ivu-select-item-selected {
  color: #fff;
}
.left-main[data-v-c043ab29] .ivu-select .ivu-select-item-focus,
.left-main[data-v-c043ab29] .ivu-select .ivu-select-item:hover {
  background: none;
  color: #fff;
}
.right-main .main-content[data-v-c043ab29] {
  flex: 1;
}
.right-main .main-content .chart[data-v-c043ab29] {
  width: 100%;
  height: 100%;
}
.right-main .electric-wrapper[data-v-c043ab29] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.right-main .electric-wrapper .main-content[data-v-c043ab29] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.right-main .electric-wrapper .main-content .chart[data-v-c043ab29] {
  height: 95%;
}
.right-main .load-wrapper[data-v-c043ab29] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.right-main .monitor-wrapper[data-v-c043ab29] {
  flex: 1;
}
.right-main .monitor-wrapper .main-content[data-v-c043ab29] {
  display: flex;
  flex-wrap: wrap;
  overflow-y: auto;
}
.right-main .monitor-wrapper .item[data-v-c043ab29] {
  width: 33%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 10px;
}
.right-main .monitor-wrapper .item .icon[data-v-c043ab29] {
  width: 55px;
  height: 55px;
  background-color: #5e8aff;
  border-radius: 50%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 5px;
}
.right-main .monitor-wrapper .item .icon span[data-v-c043ab29] {
  font-size: 24px;
}
.right-main .monitor-wrapper .item > span[data-v-c043ab29] {
  font-size: 14px;
}
.right-main .monitor-wrapper .item .value[data-v-c043ab29] {
  font-size: 16px;
  font-weight: bold;
}
.right-main[data-v-c043ab29] .ivu-select {
  width: auto;
}
.right-main[data-v-c043ab29] .ivu-select .ivu-select-selection,
.right-main[data-v-c043ab29] .ivu-select .ivu-select-selected-value {
  color: #fff;
  height: 0.25rem;
  line-height: 0.25rem;
}
.right-main[data-v-c043ab29] .ivu-select i {
  color: #fff;
}
.right-main[data-v-c043ab29] .ivu-select .ivu-select-selection {
  background: rgba(255, 255, 255, 0.1);
  border: none;
  box-shadow: none;
}
.right-main[data-v-c043ab29] .ivu-select .ivu-select-item {
  color: rgba(255, 255, 255, 0.5);
}
.right-main[data-v-c043ab29] .ivu-select .ivu-select-item-selected {
  color: #fff;
}
.right-main[data-v-c043ab29] .ivu-select .ivu-select-item-focus,
.right-main[data-v-c043ab29] .ivu-select .ivu-select-item:hover {
  background: none;
  color: #fff;
}
.right-main[data-v-c043ab29] .ivu-cascader {
  width: auto;
}
.right-main[data-v-c043ab29] .ivu-cascader .ivu-cascader-menu-item {
  color: rgba(255, 255, 255, 0.5);
}
.right-main[data-v-c043ab29] .ivu-cascader .ivu-cascader-menu-item:hover {
  background: none;
  color: #fff;
}
.right-main[data-v-c043ab29] .ivu-cascader .ivu-cascader-menu-item-active {
  color: #fff;
  background: none;
}
.right-main[data-v-c043ab29] .ivu-cascader .ivu-input {
  background: rgba(255, 255, 255, 0.1);
  border: none;
  box-shadow: none;
  color: #fff;
}#insu-main #system-wapper[data-v-3c43ffe0] {
  height: auto;
}
#insu-main .system-info[data-v-3c43ffe0] {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#insu-main .system-info .system[data-v-3c43ffe0] {
  cursor: pointer;
  display: flex;
  align-items: center;
  width: 48%;
  height: 0.45rem;
  margin-bottom: 0.1125rem;
  background: url(../img/fn-item-a8h2so_S.png) center center/100% 100% no-repeat;
}
#insu-main .system-info .system[data-v-3c43ffe0]:nth-last-child(2), #insu-main .system-info .system[data-v-3c43ffe0]:nth-last-child(1) {
  margin-bottom: 0;
}
#insu-main .system-info .system[data-v-3c43ffe0]:hover, #insu-main .system-info .system.active[data-v-3c43ffe0] {
  background: url(../img/fn-active-CAoX4A4-.png) center center/100% 100% no-repeat;
}
#insu-main .system-info .system .iconfont[data-v-3c43ffe0] {
  font-size: 0.2rem;
  margin: 0 0.125rem;
  color: #acfbff;
  border-bottom: 0.0125rem solid #acfbff;
}
#insu-main .system-info .system .system-part[data-v-3c43ffe0] {
  font-size: 0.125rem;
  line-height: 0.125rem;
  color: #acfbff;
}
#insu-main .system-info .system .system-part .system-zh[data-v-3c43ffe0] {
  margin-bottom: 0.05rem;
}
.loading-wrapper[data-v-a051c2dd] {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background-color: rgb(34, 34, 255);
  background-image: linear-gradient(335deg, hsla(243, 87%, 18%, 0.849), transparent);
  top: 0;
  left: 0;
  z-index: 4;
}
.loading-wrapper[data-v-a051c2dd] .particule {
  position: absolute;
}
.loading-wrapper .anim[data-v-a051c2dd],
.loading-wrapper .anim svg[data-v-a051c2dd] {
  position: relative;
  width: 100%;
  height: 100%;
  transform: scale(0.8);
  opacity: 0.5;
  animation: trans-a051c2dd 10s linear forwards;
}
.loading-wrapper .anim path[data-v-a051c2dd] {
  stroke-width: 2;
}
@keyframes trans-a051c2dd {
to {
    transform: scale(0.8);
    opacity: 0.8;
}
}
@keyframes title-animation-a051c2dd {
0% {
    transform: scale(1);
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #00a67c, 0 0 35px #00a67c, 0 0 40px #00a67c, 0 0 50px #00a67c, 0 0 75px #00a67c;
}
50% {
    transform: scale(1.5);
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #00a67c, 0 0 70px #00a67c, 0 0 80px #00a67c, 0 0 100px #00a67c, 0 0 150px #00a67c;
}
100% {
    transform: scale(1);
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #00a67c, 0 0 35px #00a67c, 0 0 40px #00a67c, 0 0 50px #00a67c, 0 0 75px #00a67c;
}
}
.loading-wrapper .title[data-v-a051c2dd] {
  position: absolute;
  z-index: 10;
  color: #504dff;
  font-size: 40px;
  font-weight: bold;
  animation: title-animation-a051c2dd 3s linear infinite;
  cursor: alias;
}
.loading-wrapper .title > span[data-v-a051c2dd]:after {
  content: "©DFLC";
  position: absolute;
  top: -20px;
  right: 10px;
  font-size: 14px;
  font-weight: normal;
}
/**------------头部分割线------------**/
.hs-screen-main[data-v-3159a594] {
	padding: 0.125rem 0.125rem 0;
	display: flex;
	flex: auto;
	overflow: hidden;
	z-index: 1;
	position: relative;
	flex-direction: column;
	height: calc(100% - 1.05rem);
}
.day-change[data-v-3159a594] {
	height: 0.25rem;
}
.day-change > span[data-v-3159a594] {
	color: #ffffff;
	margin-right: 0.125rem;
	border-bottom: 1px solid #fff;
	padding-bottom: 0.0375rem;
}
.day-change .active[data-v-3159a594] {
	border-bottom: 1px solid #157de5;
	color: #157de5;
}
.total-main[data-v-3159a594] {
	flex: 1;
	display: flex;
	justify-content: space-between;
}
.total-list[data-v-3159a594] {
	width: 23%;
	height: 100%;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}
.total-item[data-v-3159a594] {
	width: 100%;
	padding: 0.225rem;
	border: 2px solid #157de5;
	border-radius: 0.125rem;
	height: 30%;
}
.big-total[data-v-3159a594] {
	width: 28%;
}
.big-total .total-item[data-v-3159a594]:first-child {
	height: 63.5%;
}
.total-chart[data-v-3159a594] {
	height: 100%;
}
.table[data-v-3159a594] {
	display: flex;
	flex-direction: column;
}
.table > span[data-v-3159a594] {
	color: #fff;
	text-align: center;
	font-size: 0.2rem;
	margin-bottom: 0.125rem;
}
.total-table[data-v-3159a594] {
	display: flex;
	flex-direction: column;
	/* height: 100%; */
	flex: 1;
}
.table-item[data-v-3159a594] {
	display: flex;
	align-items: center;
	color: #fff;
	flex: 1;
}
.table-item:first-child > span[data-v-3159a594]:last-child {
	font-size: 0.25rem;
	color: #fff;
	font-weight: bold;
}
.table-item > span[data-v-3159a594] {
	flex: 1;
	height: 100%;
	border: 1px solid #157de5;
	display: flex;
	align-items: center;
	font-size: 0.175rem;
	padding-left: 0.125rem;
}
.ls[data-v-9d4fb4d9] {
  display: flex;
}
.ls .flex-column[data-v-9d4fb4d9] {
  display: flex;
  flex-direction: column;
}
.ls .flex-auto[data-v-9d4fb4d9] {
  flex: 1;
  overflow: hidden;
}
.ls .flex-center[data-v-9d4fb4d9] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ls .text-ellipsis[data-v-9d4fb4d9] {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.ls .flex > div[data-v-9d4fb4d9],
.ls .child-margin > div[data-v-9d4fb4d9] {
  margin-bottom: 0.125rem;
}
.ls .flex > div[data-v-9d4fb4d9]:last-child,
.ls .child-margin > div[data-v-9d4fb4d9]:last-child {
  margin-bottom: 0;
}
.ls .flex[data-v-9d4fb4d9] {
  flex: 2;
}
.ls .flex.column[data-v-9d4fb4d9] {
  background-image: url("../img/box1-BDnP0hY1.png");
}
.ls .flex5[data-v-9d4fb4d9] {
  flex: 4;
}
.ls .flex5 .bottom-wrapper[data-v-9d4fb4d9] {
  display: flex;
}
.ls .flex5 .bottom-wrapper > div[data-v-9d4fb4d9] {
  flex: 1;
  overflow: hidden;
  padding: 0 0.1rem;
}
.ls .flex4[data-v-9d4fb4d9] {
  flex: 3;
}
.ls .flex4.column[data-v-9d4fb4d9] {
  margin-right: 0;
}
.ls .column[data-v-9d4fb4d9] {
  padding: 0.3rem 0.125rem 0.2rem;
  display: flex;
  flex-direction: column;
  margin-right: 0.15rem;
  background-size: 100% 100%;
  overflow: hidden;
}
.ls .column .align-wrapper[data-v-9d4fb4d9] {
  padding-left: 0.25rem;
  padding-right: 0.15rem;
}
.ls .column .align-wrapper > .title[data-v-9d4fb4d9] {
  padding-left: 0;
}
.ls .column .align-wrapper > .title[data-v-9d4fb4d9]::before {
  left: -0.25rem;
}
.ls .column .align-wrapper .sub-title[data-v-9d4fb4d9] {
  padding-left: 0;
}
.ls .column .title[data-v-9d4fb4d9] {
  background-image: linear-gradient(to bottom, #02f9fd, #0e72b3);
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #02f9fd;
  position: relative;
  height: 0.425rem;
  padding-left: 0.25rem;
  display: flex;
  font-size: 0.2rem;
  align-items: center;
  font-weight: bold;
  margin: 0.125rem 0;
}
.ls .column .title[data-v-9d4fb4d9]::before {
  content: "";
  background: url("../img/title-bg-DCpmht21.png") no-repeat;
  background-size: auto 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
}
.ls .column .sub-title[data-v-9d4fb4d9] {
  margin-bottom: 0.125rem;
  font-size: 0.1625rem;
  padding-left: 0.25rem;
  background-image: linear-gradient(bottom, #5197ff, #80f2ff);
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
}
.ls .column .border-title[data-v-9d4fb4d9] {
  border-top: 0.0125rem solid #0c3561;
  position: relative;
  text-align: center;
  line-height: 2.5;
  padding: 0;
  margin-bottom: 0;
}
.ls .column .border-title[data-v-9d4fb4d9]::before, .ls .column .border-title[data-v-9d4fb4d9]::after {
  content: "";
  float: left;
  width: 0.625rem;
  height: 0.0625rem;
  margin-top: -0.025rem;
  background: linear-gradient(90deg, rgb(45, 119, 243), rgb(33, 232, 255));
}
.ls .column .border-title[data-v-9d4fb4d9]::after {
  float: right;
}
.ls .column .user-info[data-v-9d4fb4d9] {
  margin-top: 0.05rem;
  line-height: 1.8;
}
.ls .column .user-info > div[data-v-9d4fb4d9]:first-child {
  display: flex;
}
.ls .column .user-info > div:first-child .user-name[data-v-9d4fb4d9] {
  min-width: 40%;
  padding-right: 0.1875rem;
}
.ls .column .user-info .iconfont[data-v-9d4fb4d9],
.ls .column .color-icon[data-v-9d4fb4d9] {
  font-size: 0.2rem;
  padding-right: 0.125rem;
  font-weight: bold;
  background-image: linear-gradient(to top, #02f9fd, #0e72b3);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.ls .column .bg-wrapper[data-v-9d4fb4d9] {
  width: 100%;
  padding: 0.0625rem 0.125rem;
  background-image: radial-gradient(rgba(255, 255, 255, 0), rgba(0, 50, 104, 0.6));
}
.ls .column .echart-area[data-v-9d4fb4d9] {
  display: flex;
  flex-direction: column;
  height: 30%;
}
.ls .column .echart-area > *[data-v-9d4fb4d9]:last-child {
  flex: 1;
}
.ls .column .alarm[data-v-9d4fb4d9] {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ls .column .alarm .alarm-list[data-v-9d4fb4d9] {
  flex: 1;
  overflow: hidden;
}
.ls .column .alarm .alarm-list[data-v-9d4fb4d9] .alarm-item {
  height: 0.4rem;
  font-size: 0.15rem;
  text-align: left;
  color: #30d7e0;
  padding: 0 0.125rem;
  display: flex;
  align-items: center;
}
.ls .column .alarm .alarm-list[data-v-9d4fb4d9] .alarm-item .alarm-content {
  padding-right: 0.125rem;
  flex: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.ls .column .order[data-v-9d4fb4d9] {
  line-height: 1.6;
  color: #ffffff;
  display: flex;
  justify-content: space-around;
  font-size: 0.1625rem;
  padding: 0.125rem 0;
}
.ls .column .order > div[data-v-9d4fb4d9] {
  float: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ls .column .order > div .num[data-v-9d4fb4d9] {
  font-size: 0.225rem;
  font-weight: bold;
}
.ls .column .order > div:nth-child(1) .num[data-v-9d4fb4d9] {
  color: #0dcaf6;
}
.ls .column .order > div:nth-child(2) .num[data-v-9d4fb4d9] {
  color: #ff0000;
}
.ls .column .order > div:nth-child(3) .num[data-v-9d4fb4d9] {
  color: #ffa500;
}
.ls .column .order > div:nth-child(4) .num[data-v-9d4fb4d9] {
  color: #36ff36;
}
.ls .column .fire-list[data-v-9d4fb4d9] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.ls .column .fire-list .text-center > div[data-v-9d4fb4d9] {
  justify-content: center;
}
.ls .column .fire-list[data-v-9d4fb4d9] .list-item {
  display: flex;
  width: 100%;
  border-bottom: 0.0125rem solid rgba(255, 255, 255, 0.1882352941);
  height: 0.4rem;
  font-size: 0.175rem;
}
.ls .column .fire-list[data-v-9d4fb4d9] .list-item > div {
  flex: unset;
  display: flex;
  align-items: center;
}
.ls .column .fire-list[data-v-9d4fb4d9] .list-item > div:nth-child(1) {
  width: 0.5rem;
}
.ls .column .fire-list[data-v-9d4fb4d9] .list-item > div:nth-child(2) {
  width: calc((100% - 2.4rem) * 0.4);
}
.ls .column .fire-list[data-v-9d4fb4d9] .list-item > div:nth-child(3) {
  width: calc((100% - 2.4rem) * 0.6);
}
.ls .column .fire-list[data-v-9d4fb4d9] .list-item > div:nth-child(4) {
  width: 1.1rem;
}
.ls .column .fire-list[data-v-9d4fb4d9] .list-item > div:nth-child(5) {
  width: 0.8rem;
}
.ls .column .fire-list[data-v-9d4fb4d9] .list-body {
  flex: 1;
}
.ls .column .fire-list[data-v-9d4fb4d9] .list-body .list-item:last-child {
  border-bottom: none;
}
.ls .flex4 .top-wrapper .top-content[data-v-9d4fb4d9],
.ls .flex5 .top-wrapper .top-content[data-v-9d4fb4d9] {
  display: flex;
}
.ls .flex4 .top-wrapper .top-content .left-wrapper[data-v-9d4fb4d9],
.ls .flex5 .top-wrapper .top-content .left-wrapper[data-v-9d4fb4d9] {
  width: 30%;
  margin-right: 0.125rem;
}
.ls .flex4 .top-wrapper .top-content .left-wrapper .sub-title[data-v-9d4fb4d9],
.ls .flex5 .top-wrapper .top-content .left-wrapper .sub-title[data-v-9d4fb4d9] {
  align-self: top;
}
.ls .flex4 .top-wrapper .top-content .left-wrapper .flex-column[data-v-9d4fb4d9],
.ls .flex5 .top-wrapper .top-content .left-wrapper .flex-column[data-v-9d4fb4d9] {
  justify-content: space-around;
}
.ls .flex4 .top-wrapper .top-content .left-wrapper .flex-column img[data-v-9d4fb4d9],
.ls .flex5 .top-wrapper .top-content .left-wrapper .flex-column img[data-v-9d4fb4d9] {
  border: 0.0125rem solid #409eff;
  width: 100%;
  height: 100%;
}
.ls .flex4 .top-wrapper .top-content .right-wrapper[data-v-9d4fb4d9],
.ls .flex5 .top-wrapper .top-content .right-wrapper[data-v-9d4fb4d9] {
  flex: 1;
  overflow: hidden;
}
.ls .flex4 .top-wrapper .top-content .right-wrapper .echart-area[data-v-9d4fb4d9],
.ls .flex5 .top-wrapper .top-content .right-wrapper .echart-area[data-v-9d4fb4d9] {
  height: 40%;
}
.ls .flex5.column[data-v-9d4fb4d9],
.ls .flex4.column[data-v-9d4fb4d9] {
  background-image: url("../img/box2-qfiN10wA.png");
}.model-loading[data-v-f5aba3b2] {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 4;
}
.model-loading .loading[data-v-f5aba3b2] {
  display: flex;
  align-items: center;
  justify-content: center;
  /* position: relative; */
  padding: 15px 130px;
  border-radius: 10px;
  background-color: rgba(11, 11, 12, 0.5411764706);
  font-weight: 500;
}
.model-loading .loading span[data-v-f5aba3b2] {
  position: absolute;
  color: #003cf1;
  font-weight: bold;
  font-size: 18px;
}.sub-system > div[data-v-9e7321b0] {
  perspective: 1300px;
}
.sub-system > .main.left-main .anima-3d-rotateHide[data-v-9e7321b0] {
  transition: all 500ms;
  transform: translateZ(100px) translateX(-30%) rotateY(90deg);
  opacity: 0;
}
.sub-system > .main.right-main .info-title[data-v-9e7321b0] {
  text-align: right;
}
.sub-system > .main.right-main .anima-3d-rotateHide[data-v-9e7321b0] {
  transition: all 500ms;
  transform: translateZ(100px) translateX(100%) rotateY(-45deg);
  opacity: 0;
}
.sub-system > .main .main-wrapper[data-v-9e7321b0] {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  font: 1;
  position: relative;
}
.sub-system > .main .main-wrapper .main-title[data-v-9e7321b0] {
  margin: 0 0.125rem;
  display: flex !important;
}
.sub-system > .main .main-wrapper.close[data-v-9e7321b0] {
  transform: translateX(100%);
  transition: all 500ms;
}
.sub-system > .main .main-wrapper .btn-close[data-v-9e7321b0] {
  position: absolute;
  top: 0.125rem;
  right: 0.125rem;
  cursor: pointer;
  transition: 0.5s transform;
  transform: rotate(0deg);
  padding: 0 0.0625rem;
}
.sub-system > .main .main-wrapper .btn-close[data-v-9e7321b0]:hover {
  transform: rotate(180deg) scale(1.2);
  color: #95e2ff;
}
.sub-system > .main .main-wrapper .main-content[data-v-9e7321b0] {
  flex: 1;
  position: static;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.sub-system > .main .main-wrapper .main-content .info-wrapper .info-title[data-v-9e7321b0] {
  line-height: 2;
}
.sub-system > .main .main-wrapper .main-content .info-wrapper .info-echat[data-v-9e7321b0] {
  width: 100%;
  height: 16vh;
}
.sub-system > .main .main-wrapper .main-content .main-floor[data-v-9e7321b0] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.sub-system > .main .main-wrapper .main-content .main-floor > div[data-v-9e7321b0] {
  cursor: pointer;
  height: 0.35rem;
  display: flex;
  align-items: center;
  color: #ffffff;
  margin-right: 0.075rem;
  padding: 0 0.0375rem;
  font-weight: bold;
}
.sub-system > .main .main-wrapper .main-content .main-floor > div[data-v-9e7321b0]:hover {
  color: #95e2ff;
}
.sub-system .device-info[data-v-9e7321b0] {
  font-size: 0.1375rem;
  text-align: center;
}
.sub-system .device-info .table-title[data-v-9e7321b0] {
  margin: 0.0625rem 0;
  padding-right: 6px;
  color: rgb(189, 236, 237);
  display: flex;
  font-weight: bold;
}
.sub-system .device-info .table-title > div[data-v-9e7321b0],
.sub-system .device-info .table-item > div[data-v-9e7321b0] {
  flex: 1;
}
.sub-system .device-info .table-title > div[data-v-9e7321b0]:nth-child(2),
.sub-system .device-info .table-item > div[data-v-9e7321b0]:nth-child(2) {
  flex: 2;
}
.sub-system .device-info .table-list[data-v-9e7321b0] {
  height: 30vh;
  overflow-y: scroll;
}
.sub-system .device-info .table-list .table-item[data-v-9e7321b0] {
  align-items: center;
  display: flex;
  color: rgb(125, 156, 176);
  padding: 0.0375rem;
  border: 0.0125rem solid transparent;
}
.sub-system .device-info .table-list .table-item[data-v-9e7321b0]:nth-child(2n) {
  background-color: rgba(255, 255, 255, 0.2);
}
.sub-system .device-info .table-list .table-item[data-v-9e7321b0]:hover, .sub-system .device-info .table-list .table-item.active[data-v-9e7321b0] {
  cursor: pointer;
  background-color: rgba(177, 0, 0, 0.2);
  border-color: #b10000;
}
.sub-system .overview[data-v-9e7321b0] {
  display: flex;
  justify-content: space-between;
  height: 15vh;
}
.sub-system .overview .doughnutEchat[data-v-9e7321b0] {
  width: calc(50% - 0.125rem);
  height: 100%;
  overflow: hidden;
  position: relative;
}
.sub-system .overview .doughnutEchat > div[data-v-9e7321b0] {
  position: absolute;
  top: -40%;
  left: -40%;
  width: 180%;
  height: 180%;
}
.shade-text[data-v-9e7321b0] {
  background-image: linear-gradient(to bottom, #02f9fd, #0e72b3);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #02f9fd;
}
.anima-3d-rotateInRight[data-v-9e7321b0] {
  transform-style: preserve-3d;
  transform-origin: 0 100%;
  animation: rotateInRight-9e7321b0 500ms 1;
}
@keyframes rotateInRight-9e7321b0 {
0% {
    transform: translateZ(100px) translateX(-30%) rotateY(90deg);
    opacity: 0;
}
100% {
    transform: translateZ(0px) translateX(0%) rotateY(0deg);
    opacity: 1;
}
}
.anima-3d-rotateInLeft[data-v-9e7321b0] {
  transform-style: preserve-3d;
  transform-origin: 0 100%;
  animation: rotateInLeft-9e7321b0 500ms 1;
}
@keyframes rotateInLeft-9e7321b0 {
0% {
    transform: translateZ(100px) translateX(100%) rotateY(-45deg);
    opacity: 0;
}
100% {
    transform: translateZ(0px) translateX(0%) rotateY(0deg);
    opacity: 1;
}
}

/* entire container, keeps perspective */
.flip-container[data-v-9e7321b0] {
  overflow: hidden;
  flex: 1;
  perspective: 1000px;
  /* flip the pane when hovered */
}
.flip-container.hover .flipper[data-v-9e7321b0] {
  transform: rotateY(180deg);
}
.flip-container[data-v-9e7321b0] {
  /* flip speed goes here */
}
.flip-container .flipper[data-v-9e7321b0] {
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative;
}
.flip-container[data-v-9e7321b0] {
  /* hide back of pane during swap */
}
.flip-container .front[data-v-9e7321b0],
.flip-container .back[data-v-9e7321b0] {
  backface-visibility: hidden;
  width: 100%;
}
.flip-container[data-v-9e7321b0] {
  /* front pane, placed above back */
}
.flip-container .front[data-v-9e7321b0] {
  z-index: 2;
}
.flip-container[data-v-9e7321b0] {
  /* back, initially hidden pane */
}
.flip-container .back[data-v-9e7321b0] {
  transform: rotateY(180deg);
}
.flex-cc[data-v-9e7321b0], #ss-monitor .right-main .video-monitor .main-content .monitor-item[data-v-9e7321b0] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex-cs[data-v-9e7321b0], #ss-monitor .left-main .video-wrapper .video-head[data-v-9e7321b0] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#ss-monitor .left-main .garden-wrapper[data-v-9e7321b0] {
  align-items: center;
  justify-content: space-between;
}
#ss-monitor .left-main .garden-wrapper .main-title[data-v-9e7321b0] {
  width: 100%;
  margin: 0 !important;
  display: flex;
}
#ss-monitor .left-main .garden-wrapper .main-title .title[data-v-9e7321b0] {
  display: flex;
  flex-direction: column;
  line-height: 1.5;
}
#ss-monitor .left-main .garden-wrapper .main-title .title span[data-v-9e7321b0]:first-child {
  font-size: 0.2625rem;
  font-weight: bold;
}
#ss-monitor .left-main .garden-wrapper .main-title .title span[data-v-9e7321b0]:last-child {
  font-size: 0.15rem;
}
#ss-monitor .left-main .garden-wrapper .main-title[data-v-9e7321b0]::before {
  content: "";
  width: 84% !important;
}
#ss-monitor .left-main .garden-wrapper .main-title .info[data-v-9e7321b0] {
  padding: 0.0625rem 0;
}
#ss-monitor .left-main .garden-wrapper .main-title .info p[data-v-9e7321b0] {
  font-weight: bold;
  line-height: 1.2;
}
#ss-monitor .left-main .garden-wrapper .main-title .info p .info-name[data-v-9e7321b0] {
  font-size: 0.125rem;
  color: #f5f5f5;
  margin-right: 0.0625rem;
}
#ss-monitor .left-main .garden-wrapper .main-title .info p .info-value[data-v-9e7321b0] {
  font-size: 0.3125rem;
  color: #d4d310;
  font-family: fantasy;
  letter-spacing: 3px;
}
#ss-monitor .left-main .garden-wrapper .main-content[data-v-9e7321b0] {
  width: 100%;
  padding: 0 0 0.125rem 0 !important;
}
#ss-monitor .left-main .garden-wrapper .main-content .garden-list[data-v-9e7321b0] {
  display: flex;
  align-items: center;
  flex-flow: wrap;
}
#ss-monitor .left-main .garden-wrapper .main-content .garden-list .garden-item[data-v-9e7321b0] {
  font-size: 0.1375rem;
  font-weight: bold;
  margin: 0.0625rem 0.125rem 0 0;
  text-align: center;
  border-radius: 5px;
  padding: 0.025rem 0.125rem;
  border: 1px solid;
  cursor: pointer;
}
.theme-blue #ss-monitor .left-main .garden-wrapper .main-content .garden-list .garden-item[data-v-9e7321b0] {
  color: #fff;
  border-color: #209cff;
}
.theme-green #ss-monitor .left-main .garden-wrapper .main-content .garden-list .garden-item[data-v-9e7321b0] {
  color: #18acb4;
  border-color: #2c89ac;
}
.theme-blue #ss-monitor .left-main .garden-wrapper .main-content .garden-list .garden-item-active[data-v-9e7321b0] {
  background: linear-gradient(0deg, #209cff 0, #68e0cf);
}
.theme-green #ss-monitor .left-main .garden-wrapper .main-content .garden-list .garden-item-active[data-v-9e7321b0] {
  background: #0b7eaa;
}
#ss-monitor .left-main .video-wrapper[data-v-9e7321b0] {
  flex: 1;
  padding: 0 !important;
  position: relative;
}
#ss-monitor .left-main .video-wrapper .video-head[data-v-9e7321b0] {
  font-size: 0.13rem;
  padding: 0.0625rem 0.125rem 0;
  color: #fff;
  font-weight: bold;
}
#ss-monitor .left-main .video-wrapper .video-head .tag[data-v-9e7321b0] {
  width: 0.1rem;
  height: 0.1rem;
  background-color: rgb(115, 192, 222);
  border-radius: 50%;
  margin-right: 0.0625rem;
  display: inline-block;
}
#ss-monitor .left-main .video-wrapper .video-head .search-box[data-v-9e7321b0] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#ss-monitor .left-main .video-wrapper .video-head .search-box .search-input[data-v-9e7321b0] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1;
}
#ss-monitor .left-main .video-wrapper .video-head .search-box .search-input .input[data-v-9e7321b0] {
  width: 0%;
  transition: all 0.5s;
}
#ss-monitor .left-main .video-wrapper .video-head .search-box .search-input i[data-v-9e7321b0] {
  font-size: 0.2rem;
  cursor: pointer;
  z-index: 1;
}
#ss-monitor .left-main .video-wrapper .video-head .search-box .search-input[data-v-9e7321b0] .ivu-input {
  background: transparent;
  height: 0.3125rem;
  border: none;
  outline: none;
  color: #fff;
}
#ss-monitor .left-main .video-wrapper .video-head .search-box .all-list[data-v-9e7321b0] {
  margin-left: 0.0625rem;
  cursor: pointer;
}
#ss-monitor .left-main .video-wrapper .video-head .search-box .all-list i[data-v-9e7321b0] {
  font-weight: normal;
}
#ss-monitor .left-main .video-wrapper .video-content[data-v-9e7321b0] {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
}
#ss-monitor .left-main .video-wrapper .video-content .building-list-nav[data-v-9e7321b0] {
  display: flex;
  width: 100%;
  padding: 0.0625rem 0.125rem 0 !important;
  overflow-x: scroll;
}
#ss-monitor .left-main .video-wrapper .video-content .building-list-nav[data-v-9e7321b0]::-webkit-scrollbar-thumb {
  display: none;
}
#ss-monitor .left-main .video-wrapper .video-content .building-list-nav .building-item-nav[data-v-9e7321b0] {
  font-size: 0.1375rem;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  padding: 0.025rem 0.125rem;
  border: 1px solid;
  flex-shrink: 0;
  cursor: pointer;
}
#ss-monitor .left-main .video-wrapper .video-content .building-list-nav .building-item-nav[data-v-9e7321b0]:not(:last-child) {
  margin-right: 0.125rem;
}
.theme-blue #ss-monitor .left-main .video-wrapper .video-content .building-list-nav .building-item-nav[data-v-9e7321b0] {
  color: #fff;
  border-color: #209cff;
}
.theme-green #ss-monitor .left-main .video-wrapper .video-content .building-list-nav .building-item-nav[data-v-9e7321b0] {
  color: #18acb4;
  border-color: #2c89ac;
}
.theme-blue #ss-monitor .left-main .video-wrapper .video-content .building-list-nav .building-item-nav-active[data-v-9e7321b0] {
  background: linear-gradient(0deg, #209cff 0, #68e0cf);
}
.theme-green #ss-monitor .left-main .video-wrapper .video-content .building-list-nav .building-item-nav-active[data-v-9e7321b0] {
  background: #0b7eaa;
}
#ss-monitor .left-main .video-wrapper .video-content .floor-wrapper[data-v-9e7321b0] {
  display: flex;
  align-items: center;
  padding: 0 0.0625rem;
}
#ss-monitor .left-main .video-wrapper .video-content .floor-wrapper > i[data-v-9e7321b0] {
  font-size: 0.175rem;
  cursor: pointer;
}
.theme-blue #ss-monitor .left-main .video-wrapper .video-content .floor-wrapper > i[data-v-9e7321b0] {
  color: #fff;
}
.theme-green #ss-monitor .left-main .video-wrapper .video-content .floor-wrapper > i[data-v-9e7321b0] {
  color: #18acb4;
}
#ss-monitor .left-main .video-wrapper .video-content .floor-wrapper .tabs-block[data-v-9e7321b0] {
  flex: 1;
  overflow: hidden;
  position: relative;
}
#ss-monitor .left-main .video-wrapper .video-content .floor-wrapper .tabs-block .tabs-content .tabs-content-scroll[data-v-9e7321b0] {
  margin: 0 0.125rem;
  overflow-x: scroll;
}
#ss-monitor .left-main .video-wrapper .video-content .floor-wrapper .tabs-block .tabs-content .tabs-content-scroll[data-v-9e7321b0]::-webkit-scrollbar-thumb {
  display: none;
}
#ss-monitor .left-main .video-wrapper .video-content .floor-wrapper .tabs-block .tabs-list[data-v-9e7321b0] {
  position: relative;
  display: flex;
  padding-bottom: 0.0625rem;
  white-space: nowrap;
}
.theme-blue #ss-monitor .left-main .video-wrapper .video-content .floor-wrapper .tabs-block .tabs-list .tabs-item[data-v-9e7321b0] {
  color: #fff;
}
.theme-green #ss-monitor .left-main .video-wrapper .video-content .floor-wrapper .tabs-block .tabs-list .tabs-item[data-v-9e7321b0] {
  color: #18acb4;
}
#ss-monitor .left-main .video-wrapper .video-content .floor-wrapper .tabs-block .tabs-list .tabs-item[data-v-9e7321b0] {
  margin-right: 0.25rem;
  position: relative;
  cursor: pointer;
}
.theme-blue #ss-monitor .left-main .video-wrapper .video-content .floor-wrapper .tabs-block .tabs-list .tabs-item-active[data-v-9e7321b0] {
  color: #acfbff;
}
.theme-green #ss-monitor .left-main .video-wrapper .video-content .floor-wrapper .tabs-block .tabs-list .tabs-item-active[data-v-9e7321b0] {
  color: #fff;
}
#ss-monitor .left-main .video-wrapper .video-content .floor-wrapper .tabs-block .tabs-list .tabs-item-title[data-v-9e7321b0] {
  font-size: 0.15rem;
  font-weight: bold;
}
#ss-monitor .left-main .video-wrapper .video-content .floor-wrapper .tabs-block .tabs-line[data-v-9e7321b0] {
  display: block;
  height: 0.025rem;
  position: absolute;
  bottom: 0px;
  left: 0;
  z-index: 1;
  border-radius: 0.0375rem;
  position: relative;
}
.theme-blue #ss-monitor .left-main .video-wrapper .video-content .floor-wrapper .tabs-block .tabs-line[data-v-9e7321b0] {
  background: #acfbff;
}
.theme-green #ss-monitor .left-main .video-wrapper .video-content .floor-wrapper .tabs-block .tabs-line[data-v-9e7321b0] {
  background: #fff;
}
#ss-monitor .left-main .video-wrapper .video-content .monitor-list[data-v-9e7321b0] {
  display: flex;
  flex-wrap: wrap;
  max-height: 43vh;
  overflow: auto;
  z-index: 99;
}
#ss-monitor .left-main .video-wrapper .video-content .monitor-list .monitor-item[data-v-9e7321b0] {
  width: calc(33.3333333333% - 0.125rem);
  text-align: center;
  border: 1px solid;
  border-radius: 3px;
  margin: 0.0625rem;
  padding: 0.0625rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  position: relative;
}
.theme-blue #ss-monitor .left-main .video-wrapper .video-content .monitor-list .monitor-item[data-v-9e7321b0] {
  color: #fff;
}
.theme-green #ss-monitor .left-main .video-wrapper .video-content .monitor-list .monitor-item[data-v-9e7321b0] {
  color: #18acb4;
}
#ss-monitor .left-main .video-wrapper .video-content .monitor-list .state-green[data-v-9e7321b0] {
  border-color: #4eff00;
}
#ss-monitor .left-main .video-wrapper .video-content .monitor-list .state-red[data-v-9e7321b0] {
  border-color: #cd3f3f;
  background-color: rgba(225, 27, 27, 0.831372549);
}
.theme-blue #ss-monitor .left-main .video-wrapper .video-content .monitor-list .monitor-item-active[data-v-9e7321b0] {
  color: #acfbff;
  background: linear-gradient(0deg, #209cff 0, #68e0cf);
}
.theme-green #ss-monitor .left-main .video-wrapper .video-content .monitor-list .monitor-item-active[data-v-9e7321b0] {
  color: #fff;
  background: #0b7eaa;
}
#ss-monitor .left-main .video-wrapper .video-content .monitor-wrapper[data-v-9e7321b0] {
  height: 20vh;
  padding: 0.0625rem;
  position: relative;
  box-shadow: 0.0125rem 0.0125rem 0.1125rem 0.0125rem rgba(102, 245, 255, 0.6);
}
#ss-monitor .left-main .video-wrapper .video-content .monitor-wrapper .not-monitor[data-v-9e7321b0] {
  width: 100% !important;
  height: 100% !important;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute !important;
  top: 0;
  left: 0;
  z-index: 1;
  font-size: 1.125rem;
}
#ss-monitor .left-main .video-wrapper .video-content .monitor-wrapper .not-monitor i[data-v-9e7321b0] {
  color: #66f5ff;
}
#ss-monitor .left-main .video-wrapper .video-content .monitor-wrapper .loader[data-v-9e7321b0] {
  width: 3.125rem !important;
  height: 0.625rem !important;
  text-align: center;
  line-height: 0.625rem;
  font-weight: 900;
  letter-spacing: 0.2em;
  color: #66f5ff;
  position: absolute !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#ss-monitor .left-main .video-wrapper .video-content .monitor-wrapper .loader[data-v-9e7321b0]::before, #ss-monitor .left-main .video-wrapper .video-content .monitor-wrapper .loader[data-v-9e7321b0]::after {
  content: "";
  display: block;
  width: 0.125rem;
  height: 0.125rem;
  background: #66f5ff;
  position: absolute;
  animation: load-9e7321b0 0.7s infinite alternate ease-in-out;
}
#ss-monitor .left-main .video-wrapper .video-content .monitor-wrapper .loader[data-v-9e7321b0]::before {
  top: 0;
}
#ss-monitor .left-main .video-wrapper .video-content .monitor-wrapper .loader[data-v-9e7321b0]::after {
  bottom: 0;
}
@keyframes load-9e7321b0 {
0% {
    left: 0;
    height: 0.3125rem;
    width: 0.125rem;
}
50% {
    height: 0.0375rem;
    width: 0.4375rem;
}
100% {
    left: 2.875rem;
    height: 0.3125rem;
    width: 0.125rem;
}
}
#ss-monitor .left-main .video-wrapper .video-content .monitor-wrapper .control[data-v-9e7321b0] {
  width: 100% !important;
  position: absolute !important;
  bottom: 0.0625rem;
  right: 0.075rem;
  display: none;
  z-index: 2;
}
#ss-monitor .left-main .video-wrapper .video-content .monitor-wrapper .control span[data-v-9e7321b0] {
  color: #fff;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.6392156863);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
}
#ss-monitor .left-main .video-wrapper .video-content .monitor-wrapper .mask[data-v-9e7321b0] {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
#ss-monitor .left-main .video-wrapper .video-content .monitor-wrapper:hover .control[data-v-9e7321b0] {
  display: flex;
  justify-content: flex-end;
}
#ss-monitor .left-main .video-wrapper .video-content .monitor-wrapper .glplayer[data-v-9e7321b0] {
  width: 100%;
  height: 100%;
}
#ss-monitor .left-main .video-wrapper .video-content .monitor-wrapper .glplayer[data-v-9e7321b0] video {
  object-fit: fill;
}
#ss-monitor .left-main .video-wrapper .video-content .monitor-wrapper img[data-v-9e7321b0] {
  width: 100%;
  height: 100%;
  display: block;
}
#ss-monitor .left-main .video-wrapper .video-content .pop-up[data-v-9e7321b0] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(9, 16, 37, 0.8588235294);
  z-index: 999;
}
#ss-monitor .left-main .video-wrapper .video-content .pop-up .building-list-nav[data-v-9e7321b0] {
  flex-wrap: wrap;
  overflow: hidden;
}
#ss-monitor .left-main .video-wrapper .video-content .pop-up .building-list-nav[data-v-9e7321b0]:not(:last-child) {
  border-bottom: 2px solid #66f5ff;
  padding-bottom: 0.0625rem !important;
  margin-bottom: 0.125rem;
}
#ss-monitor .left-main .video-wrapper .video-content .pop-up .building-list-nav .building-item-nav[data-v-9e7321b0] {
  margin-bottom: 0.125rem;
}
#ss-monitor .left-main .video-wrapper .video-content .fade-enter-active[data-v-9e7321b0],
#ss-monitor .left-main .video-wrapper .video-content .fade-leave-active[data-v-9e7321b0] {
  transition: 0.8s;
}
#ss-monitor .left-main .video-wrapper .video-content .fade-enter[data-v-9e7321b0],
#ss-monitor .left-main .video-wrapper .video-content .fade-leave-to[data-v-9e7321b0] {
  opacity: 0;
}
#ss-monitor .right-main .main-wrapper[data-v-9e7321b0] {
  flex: 3;
  display: flex;
  flex-direction: column;
}
#ss-monitor .right-main .main-wrapper .main-title[data-v-9e7321b0] {
  display: flex;
  margin: 0 !important;
}
#ss-monitor .right-main .main-wrapper .main-content[data-v-9e7321b0] {
  flex: 1;
}
#ss-monitor .right-main .main-wrapper .chart[data-v-9e7321b0] {
  width: 100%;
  height: 100%;
}
#ss-monitor .right-main .video-monitor[data-v-9e7321b0] {
  flex: 1;
}
#ss-monitor .right-main .video-monitor .main-content[data-v-9e7321b0] {
  display: flex;
  flex-direction: column;
}
#ss-monitor .right-main .video-monitor .main-content .monitor-item[data-v-9e7321b0] {
  width: 100%;
  height: 100%;
  padding: 0 0.125rem 0.125rem;
}
#ss-monitor .right-main .video-monitor .main-content .monitor-item i[data-v-9e7321b0] {
  font-size: 0.275rem;
}
#ss-monitor .right-main .video-monitor .main-content .monitor-item .total[data-v-9e7321b0] {
  margin-left: 0.125rem;
}
#ss-monitor .right-main .video-monitor .main-content .monitor-item .total span[data-v-9e7321b0]:nth-child(1) {
  font-size: 0.3rem;
}
#ss-monitor .right-main .video-monitor .main-content .monitor-item .total span[data-v-9e7321b0]:nth-child(2) {
  font-size: 0.15rem;
  margin-left: 0.0375rem;
}
#ss-monitor .right-main .alarm-list[data-v-9e7321b0] .alarm-item {
  cursor: pointer;
}
#ss-monitor .right-main .alarm-list[data-v-9e7321b0] .alarm-item:nth-child(odd)::before {
  background-color: #c34247;
}
#ss-monitor .right-main .alarm-list[data-v-9e7321b0] .alarm-item:nth-child(even)::before {
  background-color: #e5a354;
}
#ss-monitor .right-main .alarm-list[data-v-9e7321b0] .alarm-item::before {
  content: "";
  width: 0.1rem;
  height: 0.1rem;
  border-radius: 50%;
}
#ss-monitor .right-main .alarm-list[data-v-9e7321b0] .alarm-item {
  display: flex;
  align-items: center;
  line-height: 2.6;
}
#ss-monitor .right-main .alarm-list[data-v-9e7321b0] .alarm-item .content {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#ss-monitor .right-main .alarm-list[data-v-9e7321b0] .alarm-item .time {
  color: #f1f1f1;
  font-size: 0.125rem;
}.flex-center[data-v-3fa25346], .root .wrapper.alarm .content .fire .fire-icon[data-v-3fa25346] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex-between[data-v-3fa25346], .root .wrapper .title[data-v-3fa25346] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flex-column[data-v-3fa25346] {
  flex-direction: column;
}
.root .wrapper .title[data-v-3fa25346] {
  border-bottom: 0.025rem solid rgba(77, 248, 234, 0.1);
  font-size: 0.18rem;
  color: #fff;
  position: relative;
  line-height: 2.4;
}
.root .wrapper .title .icon[data-v-3fa25346] {
  color: #4df8e9;
}
.root .wrapper .title[data-v-3fa25346]::before {
  content: " ";
  height: 0.025rem;
  width: 0.5rem;
  background-color: #4df8e9;
  position: absolute;
  bottom: -0.0125rem;
  left: 0;
}
.root .wrapper .content[data-v-3fa25346] {
  padding: 0.2rem 0;
  display: flex;
}
.root .wrapper.alarm .content > div[data-v-3fa25346] {
  padding-right: 0.25rem;
}
.root .wrapper.alarm .content .fire .fire-icon[data-v-3fa25346] {
  width: 0.75rem;
  height: 0.75rem;
  background-image: linear-gradient(rgba(3, 169, 220, 0.29), rgba(3, 169, 220, 0.73));
  position: relative;
}
.root .wrapper.alarm .content .fire .fire-icon[data-v-3fa25346]::after, .root .wrapper.alarm .content .fire .fire-icon[data-v-3fa25346]::before {
  content: "";
  border-top: 1px solid #317df0;
  position: absolute;
  width: 0.125rem;
  height: 0.125rem;
  top: 0;
}
.root .wrapper.alarm .content .fire .fire-icon[data-v-3fa25346]::after {
  border-left: 1px solid #317df0;
  left: 0;
}
.root .wrapper.alarm .content .fire .fire-icon[data-v-3fa25346]::before {
  border-right: 1px solid #317df0;
  right: 0;
}
.root .wrapper.alarm .content .fire-alarm[data-v-3fa25346] {
  position: relative;
}
.root .wrapper.alarm .content .fire-alarm[data-v-3fa25346]::after {
  content: "";
  height: 50%;
  width: 0.0125rem;
  background-color: #317df0;
  position: absolute;
  right: 0;
  top: 25%;
}
.root .wrapper.alarm .content .fire-alarm .name[data-v-3fa25346] {
  color: #6a95c7;
  font-size: 0.1625rem;
  font-weight: bold;
}
.root .wrapper.alarm .content .fire-alarm .rate[data-v-3fa25346] {
  background-image: linear-gradient(rgb(49, 125, 240), rgb(0, 195, 255));
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #02f9fd;
  font-size: 0.4rem;
  line-height: 1.6;
}
.root .wrapper.alarm .content .alarm-rate[data-v-3fa25346] {
  margin-left: 0.25rem;
}
.root .wrapper.alarm .content .alarm-rate .name[data-v-3fa25346] {
  color: #6a95c7;
  font-size: 0.1625rem;
  font-weight: bold;
}
.root .wrapper.alarm .content .alarm-rate .rate[data-v-3fa25346] {
  color: #fff;
  font-size: 0.3rem;
  line-height: 1.5;
}
.root .wrapper.alarm .content .alarm-level[data-v-3fa25346] {
  padding: 0;
}
.root .wrapper.alarm .content .alarm-level > div[data-v-3fa25346] {
  display: flex;
  height: 36px;
  align-items: center;
  font-size: 0.14rem;
}
.root .wrapper.alarm .content .alarm-level > div[data-v-3fa25346] :last-child {
  text-indent: 0.15rem;
}
.root .wrapper.alarm .content .alarm-level[data-v-3fa25346] > :nth-child(1) {
  color: #c34247;
}
.root .wrapper.alarm .content .alarm-level[data-v-3fa25346] > :nth-child(2) {
  color: #e5a354;
}
.root .wrapper.alarm .content .alarm-level[data-v-3fa25346] > :nth-child(3) {
  color: #5e81ad;
}
.root .wrapper.alarm .content .tip[data-v-3fa25346] {
  line-height: 2;
  color: #aaa;
}
.root .wrapper.maintenance .content[data-v-3fa25346] {
  height: 2.2rem;
}
.root .wrapper.energy .content[data-v-3fa25346] {
  height: 2.5rem;
}
.root .wrapper.monitoring .content[data-v-3fa25346] {
  height: 1.4rem;
}
.root .wrapper.device[data-v-3fa25346] {
  flex: 1;
}.ornament-line[data-v-16493126] {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.ornament-line[data-v-16493126]::before {
  content: " ";
  background: #50dfdb;
  position: absolute;
  width: 100%;
  height: 100%;
  animation-direction: alternate !important;
}
.ornament-line.level[data-v-16493126] {
  height: 0.0125rem;
}
.ornament-line.level[data-v-16493126]::before {
  background: linear-gradient(90deg, #50dfdb, #50dfdb);
}
.ornament-line.level.reverse[data-v-16493126]::before {
  left: -100%;
  animation: to-left-16493126 4s linear infinite;
}
@keyframes to-left-16493126 {
0% {
    left: -100%;
}
100% {
    left: 100%;
}
}
.ornament-line.level.positive[data-v-16493126]::before {
  left: 100%;
  animation: to-right-16493126 4s linear infinite;
}
@keyframes to-right-16493126 {
0% {
    left: 100%;
}
100% {
    left: -100%;
}
}
.ornament-line.vertical[data-v-16493126] {
  width: 0.0125rem;
}
.ornament-line.vertical[data-v-16493126]::before {
  background: linear-gradient(0deg, #46abee, #50dfdb);
}
.ornament-line.vertical.reverse[data-v-16493126]::before {
  animation: to-top-16493126 4s linear infinite;
  top: 100%;
}
@keyframes to-top-16493126 {
0% {
    top: 100%;
}
100% {
    top: -100%;
}
}
.ornament-line.vertical.positive[data-v-16493126]::before {
  animation: to-top-16493126 4s linear infinite;
  top: -100%;
}
@keyframes to-top-16493126 {
0% {
    top: -100%;
}
100% {
    top: 100%;
}
}.sub-system > div[data-v-637ab696] {
  perspective: 1300px;
}
.sub-system > .main.left-main .anima-3d-rotateHide[data-v-637ab696] {
  transition: all 500ms;
  transform: translateZ(100px) translateX(-30%) rotateY(90deg);
  opacity: 0;
}
.sub-system > .main.right-main .info-title[data-v-637ab696] {
  text-align: right;
}
.sub-system > .main.right-main .anima-3d-rotateHide[data-v-637ab696] {
  transition: all 500ms;
  transform: translateZ(100px) translateX(100%) rotateY(-45deg);
  opacity: 0;
}
.sub-system > .main .main-wrapper[data-v-637ab696] {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  font: 1;
  position: relative;
}
.sub-system > .main .main-wrapper .main-title[data-v-637ab696] {
  margin: 0 0.125rem;
  display: flex !important;
}
.sub-system > .main .main-wrapper.close[data-v-637ab696] {
  transform: translateX(100%);
  transition: all 500ms;
}
.sub-system > .main .main-wrapper .btn-close[data-v-637ab696] {
  position: absolute;
  top: 0.125rem;
  right: 0.125rem;
  cursor: pointer;
  transition: 0.5s transform;
  transform: rotate(0deg);
  padding: 0 0.0625rem;
}
.sub-system > .main .main-wrapper .btn-close[data-v-637ab696]:hover {
  transform: rotate(180deg) scale(1.2);
  color: #95e2ff;
}
.sub-system > .main .main-wrapper .main-content[data-v-637ab696] {
  flex: 1;
  position: static;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.sub-system > .main .main-wrapper .main-content .info-wrapper .info-title[data-v-637ab696] {
  line-height: 2;
}
.sub-system > .main .main-wrapper .main-content .info-wrapper .info-echat[data-v-637ab696] {
  width: 100%;
  height: 16vh;
}
.sub-system > .main .main-wrapper .main-content .main-floor[data-v-637ab696] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.sub-system > .main .main-wrapper .main-content .main-floor > div[data-v-637ab696] {
  cursor: pointer;
  height: 0.35rem;
  display: flex;
  align-items: center;
  color: #ffffff;
  margin-right: 0.075rem;
  padding: 0 0.0375rem;
  font-weight: bold;
}
.sub-system > .main .main-wrapper .main-content .main-floor > div[data-v-637ab696]:hover {
  color: #95e2ff;
}
.sub-system .device-info[data-v-637ab696] {
  font-size: 0.1375rem;
  text-align: center;
}
.sub-system .device-info .table-title[data-v-637ab696] {
  margin: 0.0625rem 0;
  padding-right: 6px;
  color: rgb(189, 236, 237);
  display: flex;
  font-weight: bold;
}
.sub-system .device-info .table-title > div[data-v-637ab696],
.sub-system .device-info .table-item > div[data-v-637ab696] {
  flex: 1;
}
.sub-system .device-info .table-title > div[data-v-637ab696]:nth-child(2),
.sub-system .device-info .table-item > div[data-v-637ab696]:nth-child(2) {
  flex: 2;
}
.sub-system .device-info .table-list[data-v-637ab696] {
  height: 30vh;
  overflow-y: scroll;
}
.sub-system .device-info .table-list .table-item[data-v-637ab696] {
  align-items: center;
  display: flex;
  color: rgb(125, 156, 176);
  padding: 0.0375rem;
  border: 0.0125rem solid transparent;
}
.sub-system .device-info .table-list .table-item[data-v-637ab696]:nth-child(2n) {
  background-color: rgba(255, 255, 255, 0.2);
}
.sub-system .device-info .table-list .table-item[data-v-637ab696]:hover, .sub-system .device-info .table-list .table-item.active[data-v-637ab696] {
  cursor: pointer;
  background-color: rgba(177, 0, 0, 0.2);
  border-color: #b10000;
}
.sub-system .overview[data-v-637ab696] {
  display: flex;
  justify-content: space-between;
  height: 15vh;
}
.sub-system .overview .doughnutEchat[data-v-637ab696] {
  width: calc(50% - 0.125rem);
  height: 100%;
  overflow: hidden;
  position: relative;
}
.sub-system .overview .doughnutEchat > div[data-v-637ab696] {
  position: absolute;
  top: -40%;
  left: -40%;
  width: 180%;
  height: 180%;
}
.shade-text[data-v-637ab696] {
  background-image: linear-gradient(to bottom, #02f9fd, #0e72b3);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #02f9fd;
}
.anima-3d-rotateInRight[data-v-637ab696] {
  transform-style: preserve-3d;
  transform-origin: 0 100%;
  animation: rotateInRight-637ab696 500ms 1;
}
@keyframes rotateInRight-637ab696 {
0% {
    transform: translateZ(100px) translateX(-30%) rotateY(90deg);
    opacity: 0;
}
100% {
    transform: translateZ(0px) translateX(0%) rotateY(0deg);
    opacity: 1;
}
}
.anima-3d-rotateInLeft[data-v-637ab696] {
  transform-style: preserve-3d;
  transform-origin: 0 100%;
  animation: rotateInLeft-637ab696 500ms 1;
}
@keyframes rotateInLeft-637ab696 {
0% {
    transform: translateZ(100px) translateX(100%) rotateY(-45deg);
    opacity: 0;
}
100% {
    transform: translateZ(0px) translateX(0%) rotateY(0deg);
    opacity: 1;
}
}

/* entire container, keeps perspective */
.flip-container[data-v-637ab696] {
  overflow: hidden;
  flex: 1;
  perspective: 1000px;
  /* flip the pane when hovered */
}
.flip-container.hover .flipper[data-v-637ab696] {
  transform: rotateY(180deg);
}
.flip-container[data-v-637ab696] {
  /* flip speed goes here */
}
.flip-container .flipper[data-v-637ab696] {
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative;
}
.flip-container[data-v-637ab696] {
  /* hide back of pane during swap */
}
.flip-container .front[data-v-637ab696],
.flip-container .back[data-v-637ab696] {
  backface-visibility: hidden;
  width: 100%;
}
.flip-container[data-v-637ab696] {
  /* front pane, placed above back */
}
.flip-container .front[data-v-637ab696] {
  z-index: 2;
}
.flip-container[data-v-637ab696] {
  /* back, initially hidden pane */
}
.flip-container .back[data-v-637ab696] {
  transform: rotateY(180deg);
}
.flex-cc[data-v-637ab696], #ss-park .left-main .space-wrapper .area-list-nav[data-v-637ab696] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex-cs[data-v-637ab696], #ss-park .left-main .space-wrapper .area-item .area-head[data-v-637ab696] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.fade-enter-active[data-v-637ab696],
.fade-leave-active[data-v-637ab696] {
  transition: opacity 0.5s;
}
.fade-enter[data-v-637ab696],
.fade-leave-to[data-v-637ab696] {
  opacity: 0;
}
.car-img[data-v-637ab696] {
  position: absolute;
  left: 18vw;
  width: 18vw;
  height: 18vw;
  margin-top: 0.125rem;
  border-radius: 0.06rem;
}
.theme-blue .car-img[data-v-637ab696] {
  color: #acfbff;
  background: rgba(13, 23, 86, 0.231372549);
  box-shadow: 0.025rem 0.025rem 0.1rem -0.01rem #2f44a3;
}
.theme-green .car-img[data-v-637ab696] {
  color: #fff;
  background: rgba(24, 172, 180, 0.231372549);
  box-shadow: 0.025rem 0.025rem 0.1rem -0.01rem #0ea3bf;
}
.car-img .img[data-v-637ab696],
.car-img img[data-v-637ab696] {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.car-img[data-v-637ab696] .el-image {
  width: 100%;
  height: 100%;
}
.car-img[data-v-637ab696] .image-slot {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.4875rem;
}
.car-img[data-v-637ab696] .el-image__placeholder,
.car-img[data-v-637ab696] .el-image__placeholder:before,
.car-img[data-v-637ab696] .el-image__placeholder:after {
  background: #fff;
  animation: load1-637ab696 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}
.car-img[data-v-637ab696] .el-image__placeholder:before,
.car-img[data-v-637ab696] .el-image__placeholder:after {
  position: absolute;
  top: 0;
  content: "";
}
.car-img[data-v-637ab696] .el-image__placeholder:before {
  left: -1.5em;
}
.car-img[data-v-637ab696] .el-image__placeholder {
  text-indent: -9999em;
  margin: 38% auto;
  position: relative;
  font-size: 11px;
  animation-delay: 0.16s;
}
.car-img[data-v-637ab696] .el-image__placeholder:after {
  left: 1.5em;
  animation-delay: 0.32s;
}
@keyframes load1-637ab696 {
0%, 80%, 100% {
    box-shadow: 0 0 #fff;
    height: 4em;
}
40% {
    box-shadow: 0 -2em #ffffff;
    height: 5em;
}
}
.car-info[data-v-637ab696] {
  width: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 0.2rem;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
#ss-park .left-main .park-wrapper[data-v-637ab696] {
  align-items: center;
  justify-content: space-between;
}
#ss-park .left-main .park-wrapper .info[data-v-637ab696] {
  padding: 0.0625rem 0;
}
#ss-park .left-main .park-wrapper .info p[data-v-637ab696] {
  font-weight: bold;
  line-height: 1.2;
}
#ss-park .left-main .park-wrapper .info p .info-name[data-v-637ab696] {
  font-size: 0.125rem;
  color: #f5f5f5;
  margin-right: 0.0625rem;
}
#ss-park .left-main .park-wrapper .info p .info-value[data-v-637ab696] {
  font-size: 0.3125rem;
  color: #d4d310;
  font-family: fantasy;
  /* font-weight: bold; */
  letter-spacing: 3px;
}
#ss-park .left-main .park-wrapper .main-title[data-v-637ab696] {
  width: 100%;
  margin: 0;
  display: flex;
}
#ss-park .left-main .park-wrapper .main-title .title[data-v-637ab696] {
  display: flex;
  flex-direction: column;
  line-height: 1.5;
}
#ss-park .left-main .park-wrapper .main-title .title span[data-v-637ab696]:first-child {
  font-size: 0.2625rem;
  font-weight: bold;
}
#ss-park .left-main .park-wrapper .main-title .title span[data-v-637ab696]:last-child {
  font-size: 0.15rem;
}
#ss-park .left-main .park-wrapper .main-title[data-v-637ab696]::before {
  content: "";
  width: 84% !important;
}
#ss-park .left-main .park-wrapper .park-info[data-v-637ab696] {
  width: 100%;
  padding: 0 0 0.125rem 0 !important;
}
#ss-park .left-main .park-wrapper .park-info .floor-list[data-v-637ab696] {
  display: flex;
  align-items: center;
  flex-flow: wrap;
}
#ss-park .left-main .park-wrapper .park-info .floor-list .floor-item[data-v-637ab696] {
  font-size: 0.1375rem;
  font-weight: bold;
  margin: 0.0625rem 0.125rem 0 0;
  text-align: center;
  border-radius: 5px;
  padding: 0.025rem 0.125rem;
  cursor: pointer;
  flex: 1;
  border: 1px solid;
}
.theme-blue #ss-park .left-main .park-wrapper .park-info .floor-list .floor-item[data-v-637ab696] {
  color: #fff;
  border-color: #209cff;
}
.theme-green #ss-park .left-main .park-wrapper .park-info .floor-list .floor-item[data-v-637ab696] {
  color: #18acb4;
  border-color: #2c89ac;
}
.theme-blue #ss-park .left-main .park-wrapper .park-info .floor-list .floor-item-active[data-v-637ab696] {
  background: linear-gradient(0deg, #209cff 0, #68e0cf);
}
.theme-green #ss-park .left-main .park-wrapper .park-info .floor-list .floor-item-active[data-v-637ab696] {
  background: #0b7eaa;
}
#ss-park .left-main .space-wrapper[data-v-637ab696] {
  flex: 1;
  padding: 0 !important;
  overflow: hidden;
}
#ss-park .left-main .space-wrapper .area-list-nav[data-v-637ab696] {
  width: 100%;
  padding: 0.0625rem 0.125rem !important;
}
#ss-park .left-main .space-wrapper .area-list-nav .area-item-nav[data-v-637ab696] {
  font-size: 0.1375rem;
  font-weight: bold;
  background-image: linear-gradient(-20deg, #2b5876 0%, #4e4376 100%);
  text-align: center;
  border-radius: 5px;
  padding: 0.025rem 0.125rem;
  color: #fff;
  cursor: pointer;
}
#ss-park .left-main .space-wrapper .area-list-nav .area-item-nav[data-v-637ab696]:not(:last-child) {
  margin-right: 0.125rem;
}
#ss-park .left-main .space-wrapper .area-list-nav .area-item-nav-active[data-v-637ab696] {
  background-image: linear-gradient(to top, #209cff 0%, #68e0cf 100%);
}
#ss-park .left-main .space-wrapper .space-search[data-v-637ab696] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#ss-park .left-main .space-wrapper .space-search .search-input[data-v-637ab696] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1;
}
#ss-park .left-main .space-wrapper .space-search .search-input .input[data-v-637ab696] {
  width: 0%;
  transition: all 0.3s;
}
#ss-park .left-main .space-wrapper .space-search .search-input i[data-v-637ab696] {
  font-size: 0.2rem;
  cursor: pointer;
  z-index: 1;
}
#ss-park .left-main .space-wrapper .space-search .search-input[data-v-637ab696] .ivu-input {
  background: transparent;
  height: 0.3125rem;
  border: none;
  outline: none;
  color: #fff;
}
#ss-park .left-main .space-wrapper .space-search .space-num[data-v-637ab696] {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  background: #3d4552;
  margin-left: 0.125rem;
}
#ss-park .left-main .space-wrapper .space-search .space-num span[data-v-637ab696] {
  padding: 0.0125rem 0.125rem;
  border-radius: 3px;
  cursor: pointer;
}
#ss-park .left-main .space-wrapper .space-search .space-num span[data-v-637ab696]:nth-child(2) {
  margin: 0 0.0625rem;
  padding: 0;
}
#ss-park .left-main .space-wrapper .space-search .space-num .spare[data-v-637ab696] {
  background: #1ae6a4;
}
#ss-park .left-main .space-wrapper .space-search .space-num .total[data-v-637ab696] {
  background: #d4d310;
}
#ss-park .left-main .space-wrapper .area-item[data-v-637ab696] {
  position: relative;
  z-index: 2;
  height: 100%;
  border-radius: 0.06rem;
  box-shadow: 0.025rem 0.025rem 0.25rem rgba(102, 245, 255, 0.6), inset 0 0 10px rgba(102, 245, 255, 0.4), 0 1px 0 rgb(102, 245, 255);
}
#ss-park .left-main .space-wrapper .area-item[data-v-637ab696]:not(:last-child) {
  margin-bottom: 0.125rem;
}
#ss-park .left-main .space-wrapper .area-item .area-head[data-v-637ab696] {
  font-size: 0.13rem;
  padding: 0.125rem 0.125rem 0;
  color: #fff;
  font-weight: bold;
}
#ss-park .left-main .space-wrapper .area-item .area-head .tag[data-v-637ab696] {
  width: 0.1rem;
  height: 0.1rem;
  background-color: rgb(115, 192, 222);
  border-radius: 50%;
  margin-right: 0.0625rem;
  display: inline-block;
}
#ss-park .left-main .space-wrapper .area-item .area-content[data-v-637ab696] {
  display: flex;
  flex-wrap: wrap;
  overflow: auto;
  max-height: calc(100% - 0.65rem);
  margin-top: 0.125rem;
}
#ss-park .left-main .space-wrapper .area-item .area-content .space-item[data-v-637ab696] {
  width: calc(50% - 0.125rem);
  text-align: center;
  border: 1px solid;
  border-radius: 3px;
  margin: 0.0625rem;
  padding: 0.125rem 0.0625rem;
  background: rgba(0, 0, 0, 0.4);
  cursor: pointer;
}
#ss-park .left-main .space-wrapper .area-item .area-content .space-item .space-info[data-v-637ab696] {
  display: flex;
  align-items: center;
}
#ss-park .left-main .space-wrapper .area-item .area-content .space-item .space-info .icon[data-v-637ab696] {
  display: inline-block;
  width: 0.2125rem;
  height: 0.2125rem;
  border: 1px solid;
  border-radius: 50%;
  font-size: 0.1rem;
  text-align: center;
}
#ss-park .left-main .space-wrapper .area-item .area-content .space-item .space-info .name[data-v-637ab696] {
  flex: 1;
  font-size: 0.15rem;
  font-weight: bold;
}
#ss-park .left-main .space-wrapper .area-item .area-content .space-item .space-info .plate-no[data-v-637ab696] {
  flex: 1;
  padding: 0 0.0625rem;
  white-space: nowrap;
  color: #fff;
  background: #36373a;
}
#ss-park .left-main .space-wrapper .area-item .area-content .space-item-active[data-v-637ab696] {
  box-shadow: 0px 0px 6px 3px rgb(223, 225, 238);
}
#ss-park .left-main .space-wrapper .area-item .area-content .status-green[data-v-637ab696] {
  color: #4eff00;
  background: rgba(4, 41, 105, 0.7803921569);
  border-color: #4eff00;
}
#ss-park .left-main .space-wrapper .area-item .area-content .status-blue[data-v-637ab696] {
  background: rgba(4, 41, 105, 0.7803921569);
  color: #fff;
  border-color: #1d7ea3;
}
#ss-park .left-main .space-wrapper .area-item .area-content .status-gray[data-v-637ab696] {
  color: #909399;
  background: #f4f4f5;
  border-color: #d3d4d6;
}
#ss-park .left-main .space-wrapper .area-item .area-content .status-red[data-v-637ab696] {
  color: #f56c6c;
  background: #fef0f0;
  border-color: #fbc4c4;
}
#ss-park .right-main .main-wrapper[data-v-637ab696] {
  height: calc((100% - 0.25rem) / 2);
  display: flex;
  flex-direction: column;
}
#ss-park .right-main .main-wrapper .main-title[data-v-637ab696] {
  display: flex;
  margin: 0 !important;
}
#ss-park .right-main .main-wrapper .main-content[data-v-637ab696] {
  flex: 1;
}
#ss-park .right-main .main-wrapper .chart[data-v-637ab696] {
  width: 100%;
  height: 100%;
}
#ss-park .right-main .assets-consume[data-v-637ab696] {
  display: flex;
  align-items: center;
  flex-direction: column;
  flex: 1;
}
#ss-park .right-main .assets-consume .consume[data-v-637ab696] {
  width: 100%;
  height: 7vh;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
#ss-park .right-main .assets-consume .consume .consume-item[data-v-637ab696] {
  display: flex;
  align-items: center;
}
#ss-park .right-main .assets-consume .consume .consume-item .tags[data-v-637ab696] {
  font-size: 0.225rem;
  font-weight: 800;
  color: #88e2fd;
  background-image: -webkit-linear-gradient(bottom, #62a1fb, #88e2fd);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#ss-park .right-main .assets-consume .consume .consume-item .info[data-v-637ab696] {
  display: flex;
  flex-direction: column;
  margin-left: 0.125rem;
}
#ss-park .right-main .assets-consume .consume .consume-item .info > span[data-v-637ab696] {
  color: #6a95c7;
  font-size: 0.15rem;
}
#ss-park .right-main .assets-consume .consume .consume-item .info .num[data-v-637ab696] {
  display: flex;
  align-items: center;
  font-size: 0.2rem;
}
#ss-park .right-main .assets-consume .consume .consume-item .info .num .unit[data-v-637ab696] {
  font-size: 0.125rem;
}
#ss-park .right-main .assets-consume .consume-chart[data-v-637ab696] {
  flex: 1;
  width: 100%;
}[data-v-ed53a324] .el-range-editor.el-input__inner {
  height: 32px;
  line-height: 32px;
}
[data-v-ed53a324] .el-date-editor .el-range__icon {
  line-height: 24px;
}
[data-v-ed53a324] .el-date-editor .el-range__close-icon {
  line-height: 24px;
}
[data-v-ed53a324] .el-date-editor .el-range-separator {
  line-height: 24px;
  padding: 0;
}
.item[data-v-ed53a324] .ivu-form-item-content {
  margin-left: 0 !important;
}.rows[data-v-9bd31afc] {
  overflow: hidden;
}
.rows .null-dall[data-v-9bd31afc] {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.rows > div[data-v-9bd31afc] {
  overflow: hidden;
}
.rows .list-enter-active[data-v-9bd31afc],
.rows .list-leave-active[data-v-9bd31afc] {
  transition: all 1s;
}
.rows .list-enter[data-v-9bd31afc] {
  opacity: 0;
  transform: translateY(100%);
}#sm-main #system-wapper[data-v-106c5470] {
  height: auto;
}
#sm-main .system-info[data-v-106c5470] {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#sm-main .system-info .system[data-v-106c5470] {
  cursor: pointer;
  display: flex;
  align-items: center;
  width: 48%;
  height: 0.45rem;
  margin-bottom: 0.1125rem;
  background: url(../img/fn-item-a8h2so_S.png) center center/100% 100% no-repeat;
}
#sm-main .system-info .system[data-v-106c5470]:nth-last-child(2), #sm-main .system-info .system[data-v-106c5470]:nth-last-child(1) {
  margin-bottom: 0;
}
#sm-main .system-info .system[data-v-106c5470]:hover, #sm-main .system-info .system.active[data-v-106c5470] {
  background: url(../img/fn-active-CAoX4A4-.png) center center/100% 100% no-repeat;
}
#sm-main .system-info .system .iconfont[data-v-106c5470] {
  font-size: 0.2rem;
  margin: 0 0.125rem;
  border-bottom: 0.0125rem solid;
}
#sm-main .system-info .system .system-part[data-v-106c5470] {
  font-size: 0.125rem;
  line-height: 0.125rem;
}
#sm-main .system-info .system .system-part .system-zh[data-v-106c5470] {
  margin-bottom: 0.05rem;
}
#sm-main .main-wrapper[data-v-106c5470] {
  position: relative;
  overflow: hidden;
}.param-wrapper[data-v-cd7273c7] {
  display: grid;
  grid-template-columns: 3fr 4fr 4fr;
  color: #fff;
  height: 14vh;
}
.param-wrapper > div[data-v-cd7273c7] {
  display: flex;
  align-items: center;
  font-weight: bold;
}
.param-wrapper > div .iconfont[data-v-cd7273c7]::before {
  font-size: 0.25rem;
  margin-right: 0.1rem;
}
.param-wrapper > div .name[data-v-cd7273c7] {
  font-size: 0.175rem;
  margin-right: 0.1rem;
}
.param-wrapper .abnormal[data-v-cd7273c7] {
  color: red;
}
.param-wrapper .safety[data-v-cd7273c7] {
  color: green;
}#space-main .main-wrapper .main-title[data-v-17467138] {
  display: flex;
}
#space-main .main-wrapper .chart[data-v-17467138] {
  width: 100%;
  height: 100%;
}
#space-main .space-usage[data-v-17467138] {
  display: flex;
  height: 15vh;
}
#space-main .ope-statistics[data-v-17467138] {
  display: flex;
  align-items: center;
  height: 18vh;
}
#space-main .ope-statistics .ope-chart[data-v-17467138] {
  width: 40%;
  height: 100%;
}
#space-main .ope-statistics .ope[data-v-17467138] {
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
}
#space-main .ope-statistics .ope .ope-item[data-v-17467138] {
  width: 100%;
  display: flex;
}
#space-main .ope-statistics .ope .ope-item span[data-v-17467138] {
  flex: 1;
  font-size: 0.15rem;
}
#space-main .ope-statistics .ope .ope-item .ball[data-v-17467138] {
  display: inline-block;
  width: 0.125rem;
  height: 0.125rem;
  border-radius: 50%;
}
#space-main .energy-chart[data-v-17467138] {
  display: flex;
  height: 18vh;
}
#space-main .room-info[data-v-17467138] {
  display: flex;
  flex-direction: column;
  height: 15vh;
}
#space-main .room-info .room-row[data-v-17467138] {
  display: flex;
  align-items: center;
}
#space-main .room-info .room-row[data-v-17467138]:not(:last-child) {
  padding-bottom: 0.125rem;
  border-bottom: 1px dotted rgba(255, 255, 255, 0.3);
  margin-bottom: 0.125rem;
}
#space-main .room-info .room-row .room-item[data-v-17467138] {
  flex: 1;
}
#space-main .room-info .room-row .room-item .name[data-v-17467138] {
  color: #95c9dd;
  font-size: 0.125rem;
}
#space-main .room-info .room-row .room-item .value[data-v-17467138] {
  font-size: 0.25rem;
}
#space-main .water-statistics[data-v-17467138] {
  display: flex;
  flex-direction: column;
}
#space-main .water-statistics .row[data-v-17467138] {
  display: flex;
  align-items: center;
  padding-bottom: 0.125rem;
  border-bottom: 1px dotted rgba(255, 255, 255, 0.3);
  margin-bottom: 0.125rem;
}
#space-main .water-statistics .row .item[data-v-17467138] {
  flex: 1;
}
#space-main .water-statistics .row .item .name[data-v-17467138] {
  color: #95c9dd;
  font-size: 0.125rem;
}
#space-main .water-statistics .row .item .value[data-v-17467138] {
  font-size: 0.25rem;
}
#space-main .water-statistics .water-chart[data-v-17467138] {
  width: 100%;
  height: 20vh;
}
.center[data-v-17467138] {
  width: calc(100% - 50vw);
  position: relative;
}
div.starfield[data-v-411a915f] {
	position: fixed;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
div.starfield .static[data-v-411a915f] {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 3px;
	height: 3px;
	border-radius: 100%;
	transform-origin: -31vw -38vh;
	box-shadow: 36vw -46vh 1px 0.75px rgba(255, 244, 245, 0.5235723442), -68vw -54vh 1px 0.75px rgba(252, 243, 255, 0.9688846036), 27vw -66vh 1px 0.75px #f3f6f1,
		21vw -38vh 1px 0.75px rgba(241, 249, 243, 0.8680567471), -15vw -3vh 1px 0.75px rgba(252, 244, 250, 0.8741643268), -95vw -40vh 1px 0.75px #f1f4ff,
		-88vw 14vh 1px 0.75px #fcf3fb, -83vw 12vh 1px 0.75px #f6f8fe, -61vw 39vh 1px 0.75px #f7f2ff, 41vw 34vh 1px 0.75px rgba(246, 247, 248, 0.9318846392),
		-53vw -73vh 1px 0.75px rgba(255, 250, 247, 0.9158435917), -39vw 28vh 1px 0.75px #f8f8fa, 73vw -66vh 1px 0.75px #f1fbf5,
		82vw -1vh 1px 0.75px rgba(242, 242, 242, 0.8414716373), 92vw -27vh 1px 0.75px rgba(245, 251, 250, 0.9663508769), 28vw -64vh 1px 0.75px #f1f9f1,
		76vw 82vh 1px 0.75px #f1f9f6, 53vw -70vh 1px 0.75px #f7fdf7, -11vw -70vh 1px 0.75px rgba(251, 253, 241, 0.5709810522), -73vw -40vh 1px 0.75px #f9f1fb,
		-36vw 41vh 1px 0.75px #fdf1fe, -12vw -9vh 1px 0.75px rgba(247, 244, 242, 0.8454906488), 60vw 62vh 1px 0.75px #fdfaf4,
		-83vw 87vh 1px 0.75px rgba(245, 241, 244, 0.9176305322), 44vw -54vh 1px 0.75px rgba(242, 252, 248, 0.9693348061), 36vw -32vh 1px 0.75px #f9fafa,
		41vw -61vh 1px 0.75px #f2faf8, 42vw -49vh 1px 0.75px rgba(249, 246, 254, 0.9134938038), -52vw 53vh 1px 0.75px #f3feff,
		3vw -97vh 1px 0.75px rgba(249, 245, 247, 0.8889316068), -90vw 46vh 1px 0.75px #f8fafd, 23vw -29vh 1px 0.75px rgba(246, 247, 250, 0.6862141599),
		-33vw -63vh 1px 0.75px rgba(243, 253, 249, 0.6395580736), -2vw 50vh 1px 0.75px #f5faff, -96vw 67vh 1px 0.75px rgba(255, 241, 243, 0.8407892564),
		29vw -95vh 1px 0.75px #f5f5f3, 3vw -27vh 1px 0.75px #fbfef6, -87vw 83vh 1px 0.75px rgba(253, 248, 246, 0.8165139252), 47vw 57vh 1px 0.75px #f9f5f1,
		-9vw -14vh 1px 0.75px rgba(245, 243, 246, 0.6535044176), 54vw 31vh 1px 0.75px #fff5f3, 25vw -52vh 1px 0.75px #f7faf3, 91vw -6vh 1px 0.75px #f8fff8,
		-21vw 88vh 1px 0.75px rgba(253, 245, 248, 0.7648848183), -29vw 45vh 1px 0.75px rgba(253, 241, 244, 0.6657591369), 61vw -47vh 1px 0.75px #f3fcf6,
		57vw 23vh 1px 0.75px #f9f3fa, -90vw 100vh 1px 0.75px rgba(251, 244, 248, 0.9775995177), -27vw -93vh 1px 0.75px rgba(248, 251, 250, 0.5803350999),
		28vw -29vh 1px 0.75px #f9f4fc, -80vw 67vh 1px 0.75px #f9f9fe, 90vw -18vh 1px 0.75px rgba(251, 251, 252, 0.6814187659),
		-82vw 27vh 1px 0.75px rgba(244, 248, 243, 0.893709482), -66vw 33vh 1px 0.75px #f1f8fc, 97vw 2vh 1px 0.75px rgba(244, 250, 241, 0.5214614359),
		-31vw -34vh 1px 0.75px rgba(245, 248, 244, 0.5625745825), 40vw -33vh 1px 0.75px #f6f6f9, 10vw 47vh 1px 0.75px #fefcf4, -49vw -20vh 1px 0.75px #f3f3f7,
		-61vw -11vh 1px 0.75px rgba(250, 244, 248, 0.7422571864), -67vw -2vh 1px 0.75px rgba(254, 243, 243, 0.8733439445), -39vw 17vh 1px 0.75px #f8f2f1,
		-36vw -56vh 1px 0.75px #f8faf6, 18vw -36vh 1px 0.75px rgba(249, 255, 248, 0.7808456449), -91vw 37vh 1px 0.75px #fcfef1, -67vw -26vh 1px 0.75px #f4f4fc,
		50vw -79vh 1px 0.75px rgba(245, 244, 252, 0.6027408961), 73vw 82vh 1px 0.75px rgba(243, 252, 255, 0.575434172), -24vw -97vh 1px 0.75px #f4f6ff,
		-87vw -23vh 1px 0.75px #fffcf9, 81vw 78vh 1px 0.75px rgba(250, 251, 255, 0.800520426), -18vw -98vh 1px 0.75px #fbfefc, 19vw -33vh 1px 0.75px #fefdff,
		-36vw -21vh 1px 0.75px #f3f4f2, 16vw -39vh 1px 0.75px rgba(243, 254, 247, 0.726988897), 47vw -57vh 1px 0.75px rgba(248, 244, 245, 0.5195989269),
		-83vw -81vh 1px 0.75px #fefdf2, -44vw -19vh 1px 0.75px rgba(245, 242, 243, 0.8433148122), 58vw -37vh 1px 0.75px rgba(255, 245, 249, 0.9858396814),
		61vw -76vh 1px 0.75px rgba(249, 247, 245, 0.7973323753), -59vw 45vh 1px 0.75px rgba(246, 254, 254, 0.5407901041), -20vw 73vh 1px 0.75px #fef8f1,
		-57vw -77vh 1px 0.75px #fefff2, -84vw 20vh 1px 0.75px rgba(247, 250, 254, 0.620131291), 77vw 20vh 1px 0.75px #f6fafd,
		87vw -15vh 1px 0.75px rgba(249, 250, 246, 0.7752325345), 19vw 60vh 1px 0.75px #fbfafb, 84vw 37vh 1px 0.75px #f5fef7, 69vw -79vh 1px 0.75px #fff4fb,
		64vw -90vh 1px 0.75px #f2f2f2, 70vw 21vh 1px 0.75px #fcf8f3, -63vw 86vh 1px 0.75px rgba(241, 253, 250, 0.881736872),
		-99vw -89vh 1px 0.75px rgba(255, 255, 245, 0.808938129), 13vw 58vh 1px 0.75px rgba(251, 247, 251, 0.6117021217),
		69vw -43vh 1px 0.75px rgba(241, 252, 255, 0.7327540053), 35vw -94vh 1px 0.75px #f4fbf5, 21vw -13vh 1px 0.75px rgba(251, 253, 244, 0.5327758874),
		-6vw -99vh 1px 0.75px #fdfdf4, -28vw -81vh 1px 0.75px #fdf6fb, -91vw 39vh 1px 0.75px #f1f2f1;
	width: 1px;
	height: 1px;
	animation: star-movement-411a915f 12s cubic-bezier(0.55, 0, 1, 0.45) infinite,direction-movement-411a915f 30s ease-in-out alternate infinite;
}
div.starfield .moving-1[data-v-411a915f] {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 3px;
	height: 3px;
	border-radius: 100%;
	transform-origin: -31vw -38vh;
	box-shadow: 98vw -71vh 1px 0.75px rgba(251, 254, 249, 0.5796560731), 60vw -74vh 1px 0.75px #f8f7f7, 28vw 43vh 1px 0.75px rgba(244, 241, 248, 0.6620956293),
		46vw -74vh 1px 0.75px #f5f9f9, 23vw 30vh 1px 0.75px #f2f6f2, -63vw 77vh 1px 0.75px #f6f6f9, -30vw 20vh 1px 0.75px rgba(255, 254, 242, 0.95287468),
		-55vw -26vh 1px 0.75px rgba(241, 244, 253, 0.883166328), 26vw 2vh 1px 0.75px #f2f3f7, 71vw -60vh 1px 0.75px rgba(248, 252, 241, 0.5509532549),
		74vw -17vh 1px 0.75px rgba(249, 246, 244, 0.7413498004), 96vw 16vh 1px 0.75px rgba(247, 246, 253, 0.6869293477), -36vw 53vh 1px 0.75px #fbf8f5,
		22vw 94vh 1px 0.75px #f1f2fe, -59vw 90vh 1px 0.75px #f5f5f1, 45vw 59vh 1px 0.75px #fbf2f5, -59vw 90vh 1px 0.75px rgba(252, 245, 252, 0.937959723),
		42vw -83vh 1px 0.75px rgba(244, 251, 247, 0.759251987), -29vw 83vh 1px 0.75px #f5fdf4, 34vw -96vh 1px 0.75px rgba(248, 254, 254, 0.547830485),
		16vw -5vh 1px 0.75px rgba(251, 245, 252, 0.8815244488), 69vw 64vh 1px 0.75px #fcfcf4, 13vw -25vh 1px 0.75px rgba(254, 251, 242, 0.9875626299),
		94vw -52vh 1px 0.75px rgba(246, 249, 244, 0.7827653594), 53vw 40vh 1px 0.75px #f5fbf3, -36vw 27vh 1px 0.75px #f7faff, -16vw 48vh 1px 0.75px #fef8f9,
		-46vw -68vh 1px 0.75px rgba(253, 241, 252, 0.8559579086), -31vw -88vh 1px 0.75px rgba(241, 241, 243, 0.5032175611),
		61vw 91vh 1px 0.75px rgba(251, 244, 248, 0.5219877666), -82vw 27vh 1px 0.75px #f4f9f7, 19vw -96vh 1px 0.75px #f5fdf4, -74vw -74vh 1px 0.75px #f2fef5,
		-30vw 86vh 1px 0.75px rgba(247, 250, 243, 0.996487551), 92vw -2vh 1px 0.75px rgba(252, 245, 246, 0.7235354241),
		99vw 1vh 1px 0.75px rgba(248, 250, 250, 0.9360883972), 88vw -73vh 1px 0.75px #fafbfc, 77vw 96vh 1px 0.75px #faf6fa,
		17vw 95vh 1px 0.75px rgba(244, 248, 241, 0.5054011713), 42vw 5vh 1px 0.75px rgba(246, 249, 254, 0.785195719),
		-97vw 68vh 1px 0.75px rgba(251, 245, 245, 0.7938347435), 7vw -95vh 1px 0.75px rgba(243, 249, 255, 0.5113630258), 75vw -99vh 1px 0.75px #f3fcf7,
		23vw -96vh 1px 0.75px #f1fdfd, 7vw 37vh 1px 0.75px rgba(242, 251, 254, 0.7921848084), -76vw 50vh 1px 0.75px rgba(254, 251, 253, 0.5466062608),
		-89vw -47vh 1px 0.75px #f7f4fc, 64vw 60vh 1px 0.75px #f5f3f4, 35vw -93vh 1px 0.75px rgba(244, 244, 253, 0.9113821496),
		-32vw 14vh 1px 0.75px rgba(255, 249, 247, 0.5448893182), 93vw 79vh 1px 0.75px rgba(243, 253, 243, 0.5715573667),
		30vw -37vh 1px 0.75px rgba(246, 252, 252, 0.5706466807), 56vw 4vh 1px 0.75px rgba(248, 248, 252, 0.8380061132),
		29vw -89vh 1px 0.75px rgba(245, 251, 241, 0.7265369866), 85vw -99vh 1px 0.75px rgba(247, 248, 252, 0.7803772343),
		-10vw 9vh 1px 0.75px rgba(250, 249, 253, 0.5637405381), 44vw 22vh 1px 0.75px rgba(246, 243, 241, 0.8564573626), 79vw 67vh 1px 0.75px #fff4fe,
		3vw -54vh 1px 0.75px rgba(253, 253, 254, 0.70205046), -36vw -14vh 1px 0.75px rgba(249, 250, 244, 0.9694684202), 32vw -34vh 1px 0.75px #fffffb,
		-6vw -95vh 1px 0.75px rgba(253, 252, 252, 0.9187564777), 96vw -45vh 1px 0.75px rgba(242, 250, 252, 0.8899203059),
		79vw -68vh 1px 0.75px rgba(253, 245, 244, 0.7345401342), -19vw 60vh 1px 0.75px #f1fbfb, 33vw 97vh 1px 0.75px #fbf1ff,
		-28vw 25vh 1px 0.75px rgba(242, 248, 245, 0.5307262917), -41vw -98vh 1px 0.75px #faf6f1, -24vw -83vh 1px 0.75px #fff4f9,
		45vw -20vh 1px 0.75px rgba(248, 243, 250, 0.5240054996), 28vw 39vh 1px 0.75px rgba(250, 243, 250, 0.5274017566), 90vw 31vh 1px 0.75px #f8f6f9,
		-96vw -21vh 1px 0.75px #f8f7f2, 96vw 9vh 1px 0.75px rgba(247, 251, 247, 0.7435375515), -64vw -52vh 1px 0.75px #f5f8f3,
		95vw -87vh 1px 0.75px rgba(243, 248, 243, 0.9133779279), 39vw -71vh 1px 0.75px #fbfcfa, -58vw 0vh 1px 0.75px #fbf5f7, -99vw -40vh 1px 0.75px #fff8f1,
		80vw 84vh 1px 0.75px rgba(243, 243, 254, 0.8503211098), -46vw 2vh 1px 0.75px rgba(253, 242, 245, 0.5192076591),
		-99vw 54vh 1px 0.75px rgba(252, 241, 246, 0.7197874037), -71vw -13vh 1px 0.75px rgba(245, 253, 242, 0.8075053814), 8vw 77vh 1px 0.75px #f5f1f1,
		80vw -98vh 1px 0.75px #fff8f1, -35vw -4vh 1px 0.75px #f6f3fb, -5vw -90vh 1px 0.75px #fbfdf1, 90vw -29vh 1px 0.75px rgba(251, 249, 241, 0.807057173),
		-20vw 73vh 1px 0.75px rgba(246, 242, 252, 0.5286088298), -46vw 83vh 1px 0.75px #f2faf1, -18vw 13vh 1px 0.75px #f1f2fc, 70vw 50vh 1px 0.75px #fff9fa,
		-82vw -18vh 1px 0.75px rgba(249, 254, 255, 0.835895734), 27vw -52vh 1px 0.75px rgba(246, 243, 243, 0.5915919663), 79vw -97vh 1px 0.75px #f3faf6,
		-27vw -84vh 1px 0.75px rgba(246, 245, 249, 0.6195757299), 25vw 95vh 1px 0.75px #f6f6fd, -83vw 95vh 1px 0.75px rgba(248, 250, 255, 0.995678514),
		18vw -96vh 1px 0.75px #fafbf9, -87vw -52vh 1px 0.75px #f6fcf4;
	animation: star-movement-411a915f 9s cubic-bezier(0.55, 0, 1, 0.45) infinite,direction-movement-411a915f 30s ease-in-out alternate infinite;
}
div.starfield .moving-2[data-v-411a915f] {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 3px;
	height: 3px;
	border-radius: 100%;
	transform-origin: -31vw -38vh;
	box-shadow: 40vw -74vh 1px 0.75px rgba(243, 253, 243, 0.6976853084), -93vw 42vh 1px 0.75px rgba(241, 241, 245, 0.5218902844), -6vw 27vh 1px 0.75px #f3ffff,
		-21vw -9vh 1px 0.75px #fef9f9, 70vw -13vh 1px 0.75px rgba(245, 253, 246, 0.632556686), 24vw -76vh 1px 0.75px rgba(247, 241, 242, 0.6379328074),
		36vw -80vh 1px 0.75px #f1faf9, 33vw -49vh 1px 0.75px #f4fdf6, 23vw 2vh 1px 0.75px rgba(244, 250, 246, 0.7003595363), -46vw 41vh 1px 0.75px #fef6f3,
		49vw -62vh 1px 0.75px rgba(249, 251, 241, 0.7464029821), 36vw 62vh 1px 0.75px #f3fafe, 87vw 44vh 1px 0.75px #f8f6f6,
		24vw 70vh 1px 0.75px rgba(243, 249, 250, 0.9627452695), -36vw 81vh 1px 0.75px rgba(245, 241, 250, 0.8348169547),
		65vw -86vh 1px 0.75px rgba(251, 250, 255, 0.6697964858), -78vw 27vh 1px 0.75px rgba(251, 250, 245, 0.6678135489), -99vw 84vh 1px 0.75px #fbfbf2,
		-66vw 63vh 1px 0.75px rgba(248, 247, 251, 0.6429325607), 54vw -53vh 1px 0.75px rgba(245, 241, 252, 0.8622728604), -51vw -13vh 1px 0.75px #fcf7f2,
		-93vw -91vh 1px 0.75px rgba(246, 242, 242, 0.7987353667), 80vw 91vh 1px 0.75px #f8f5f3, 67vw -66vh 1px 0.75px #f9f3f1,
		47vw 78vh 1px 0.75px rgba(245, 250, 244, 0.74760595), -22vw 57vh 1px 0.75px rgba(246, 247, 247, 0.7581258614), -96vw -5vh 1px 0.75px #f9f5f5,
		82vw -26vh 1px 0.75px #f3f7fc, 62vw -6vh 1px 0.75px #f2f7f1, 49vw 83vh 1px 0.75px rgba(248, 251, 252, 0.7898566349),
		30vw 45vh 1px 0.75px rgba(247, 241, 253, 0.8091298881), -24vw -54vh 1px 0.75px #f7fcf8, 53vw -22vh 1px 0.75px rgba(254, 244, 249, 0.573485027),
		-48vw 88vh 1px 0.75px #f3f8f8, -89vw -52vh 1px 0.75px rgba(247, 249, 249, 0.6259997331), 0vw 82vh 1px 0.75px #f1f7f5,
		-25vw 9vh 1px 0.75px rgba(252, 242, 255, 0.5956961941), -7vw 31vh 1px 0.75px rgba(253, 253, 247, 0.553963104),
		35vw 62vh 1px 0.75px rgba(254, 245, 254, 0.8865271661), -9vw -53vh 1px 0.75px #f8fbfa, 10vw -81vh 1px 0.75px #faf4fa, -75vw 8vh 1px 0.75px #f6f1f2,
		50vw -51vh 1px 0.75px #fbf9fc, 99vw 32vh 1px 0.75px #fffaf1, -98vw -1vh 1px 0.75px rgba(248, 245, 249, 0.5978577971),
		79vw -65vh 1px 0.75px rgba(243, 243, 245, 0.8759631083), 18vw 29vh 1px 0.75px #f5f3f6, -90vw -94vh 1px 0.75px #f2f5fb, -4vw -51vh 1px 0.75px #f2fef6,
		62vw 71vh 1px 0.75px #f9f6fc, 70vw 33vh 1px 0.75px rgba(243, 246, 249, 0.8400624172), -14vw 71vh 1px 0.75px rgba(249, 246, 241, 0.719868869),
		77vw -49vh 1px 0.75px #f9f9f4, 56vw -68vh 1px 0.75px #f1f1f6, 87vw -50vh 1px 0.75px #fdf9fd, -13vw 24vh 1px 0.75px rgba(254, 255, 245, 0.8050234245),
		20vw -5vh 1px 0.75px rgba(254, 249, 255, 0.7744509303), 29vw -22vh 1px 0.75px rgba(254, 252, 249, 0.8683826021), 54vw -35vh 1px 0.75px snow,
		19vw -30vh 1px 0.75px #f5f5f3, 99vw -48vh 1px 0.75px rgba(245, 245, 249, 0.5407473116), -84vw -26vh 1px 0.75px #f7f5fe, 38vw -24vh 1px 0.75px #f1fbf6,
		-48vw 33vh 1px 0.75px rgba(246, 255, 254, 0.6254991258), 28vw 15vh 1px 0.75px rgba(250, 245, 253, 0.8310338887),
		73vw 91vh 1px 0.75px rgba(253, 242, 254, 0.7767698708), -65vw 96vh 1px 0.75px #f4f1f8, 8vw -48vh 1px 0.75px rgba(253, 246, 246, 0.8645967089),
		-22vw -85vh 1px 0.75px #f9f3f8, 36vw 63vh 1px 0.75px rgba(254, 253, 241, 0.6785751691), 99vw 37vh 1px 0.75px rgba(247, 247, 247, 0.582057336),
		56vw -76vh 1px 0.75px #fffcfd, 83vw -12vh 1px 0.75px rgba(247, 250, 248, 0.8136677806), 26vw -12vh 1px 0.75px #fef9fd,
		100vw 82vh 1px 0.75px rgba(250, 242, 248, 0.6861693788), 73vw -21vh 1px 0.75px #fbfcfb, -91vw -24vh 1px 0.75px rgba(253, 245, 241, 0.7598353681),
		94vw 49vh 1px 0.75px rgba(254, 252, 251, 0.7513094056), -18vw 14vh 1px 0.75px rgba(247, 241, 247, 0.8442176478), -80vw 99vh 1px 0.75px #fcf3f8,
		-21vw 22vh 1px 0.75px #fdfaf6, 9vw 56vh 1px 0.75px rgba(241, 252, 250, 0.9484880841), -86vw 63vh 1px 0.75px #fffff7,
		97vw 93vh 1px 0.75px rgba(246, 243, 246, 0.7090860489), -47vw 100vh 1px 0.75px #fbf6f6, 57vw -62vh 1px 0.75px #f9f2f5,
		-60vw 60vh 1px 0.75px rgba(250, 248, 246, 0.8128038178), -63vw 85vh 1px 0.75px #fcfcf9, -76vw -58vh 1px 0.75px #f4faf4,
		-8vw 93vh 1px 0.75px rgba(253, 250, 245, 0.7038606127), -95vw 32vh 1px 0.75px rgba(242, 252, 245, 0.8777265504), 53vw -8vh 1px 0.75px #f7f9f6,
		49vw -13vh 1px 0.75px #f5f9fd, -41vw -60vh 1px 0.75px #f1faf1, -67vw 41vh 1px 0.75px rgba(254, 255, 254, 0.7231559202), 2vw 68vh 1px 0.75px #f9f3f6,
		-63vw 100vh 1px 0.75px #fbf1fc, -82vw 41vh 1px 0.75px #f8fff9, -72vw 95vh 1px 0.75px rgba(246, 244, 254, 0.8975317144),
		-42vw -56vh 1px 0.75px rgba(248, 253, 247, 0.5535049695);
	animation: star-movement-411a915f 9s -3s cubic-bezier(0.55, 0, 1, 0.45) infinite,direction-movement-411a915f 30s ease-in-out alternate infinite;
}
div.starfield .moving-3[data-v-411a915f] {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 3px;
	height: 3px;
	border-radius: 100%;
	transform-origin: -31vw -38vh;
	box-shadow: -44vw 6vh 1px 0.75px #f2f3fb, -80vw 15vh 1px 0.75px rgba(243, 250, 243, 0.516430015), 27vw -53vh 1px 0.75px #f3f7f6, -72vw 67vh 1px 0.75px #f2f7fd,
		67vw -22vh 1px 0.75px #fef1fe, 84vw 49vh 1px 0.75px rgba(251, 243, 255, 0.6223981162), -99vw 33vh 1px 0.75px #fdf7f1, -19vw 69vh 1px 0.75px #f1f4f3,
		24vw 62vh 1px 0.75px rgba(249, 244, 245, 0.847846961), -48vw 15vh 1px 0.75px rgba(252, 252, 243, 0.9462591898),
		-18vw 42vh 1px 0.75px rgba(242, 252, 248, 0.5148233329), -7vw -11vh 1px 0.75px rgba(254, 251, 242, 0.523792914),
		-37vw 21vh 1px 0.75px rgba(253, 251, 250, 0.6881076159), -47vw -23vh 1px 0.75px rgba(243, 242, 243, 0.6893285365), -79vw -28vh 1px 0.75px #f4f5fd,
		-33vw 85vh 1px 0.75px rgba(243, 241, 253, 0.8328932503), 63vw -7vh 1px 0.75px #fdf7ff, 94vw 26vh 1px 0.75px #f1fefc,
		-21vw 27vh 1px 0.75px rgba(244, 241, 251, 0.9303236812), -3vw -78vh 1px 0.75px rgba(254, 245, 245, 0.8262886947), 50vw -42vh 1px 0.75px #f6fef4,
		75vw 7vh 1px 0.75px #fbf4f7, 52vw -37vh 1px 0.75px #f1f6f8, 11vw 64vh 1px 0.75px #f7f2fe, -89vw 23vh 1px 0.75px rgba(245, 242, 250, 0.5728733726),
		38vw -48vh 1px 0.75px #f4fdf7, 61vw 66vh 1px 0.75px #f5f3f5, -25vw -43vh 1px 0.75px #f8f3f4, 6vw 77vh 1px 0.75px rgba(241, 246, 252, 0.7924307884),
		66vw 56vh 1px 0.75px rgba(247, 247, 248, 0.7896422377), 95vw 2vh 1px 0.75px rgba(249, 247, 246, 0.590453276), 9vw -33vh 1px 0.75px #fefcff,
		-44vw -94vh 1px 0.75px rgba(250, 249, 248, 0.7011202204), 43vw 0vh 1px 0.75px #fdfaf8, 43vw 87vh 1px 0.75px rgba(250, 241, 246, 0.7653099926),
		-18vw -25vh 1px 0.75px rgba(241, 249, 241, 0.5380415257), -16vw 42vh 1px 0.75px #f9fef1, -82vw 62vh 1px 0.75px rgba(243, 241, 243, 0.7823410134),
		-88vw -31vh 1px 0.75px rgba(245, 249, 243, 0.5612056516), -84vw 69vh 1px 0.75px #f5fcf9, -40vw 4vh 1px 0.75px rgba(246, 245, 252, 0.6526124422),
		-18vw 32vh 1px 0.75px #f6f9f8, -26vw 47vh 1px 0.75px rgba(252, 247, 243, 0.5120760699), 11vw 74vh 1px 0.75px #f4f4f6,
		88vw 64vh 1px 0.75px rgba(254, 242, 255, 0.6278793349), 1vw 100vh 1px 0.75px #fdf5fb, -12vw -52vh 1px 0.75px #fff1fa, -81vw 2vh 1px 0.75px #f9f9fa,
		-74vw 78vh 1px 0.75px rgba(253, 247, 250, 0.6531596142), 29vw 35vh 1px 0.75px rgba(254, 244, 244, 0.5155631285), -50vw 11vh 1px 0.75px #f4fcfc,
		-95vw -18vh 1px 0.75px rgba(245, 241, 241, 0.5907147267), 75vw 76vh 1px 0.75px rgba(252, 253, 245, 0.6198726616),
		8vw 26vh 1px 0.75px rgba(242, 254, 244, 0.6958144356), -84vw -22vh 1px 0.75px #f6f5fd, 55vw -21vh 1px 0.75px #fdf1fa,
		-27vw 38vh 1px 0.75px rgba(241, 248, 248, 0.5923234092), -41vw -69vh 1px 0.75px rgba(244, 243, 250, 0.7658755818),
		99vw 71vh 1px 0.75px rgba(253, 251, 248, 0.7687157225), -35vw -13vh 1px 0.75px rgba(254, 255, 246, 0.9431341704), -66vw -30vh 1px 0.75px #f8f3f2,
		-54vw -97vh 1px 0.75px #f5fffe, -31vw 73vh 1px 0.75px rgba(242, 249, 249, 0.6221945971), -78vw 51vh 1px 0.75px rgba(241, 255, 244, 0.9122044389),
		74vw -79vh 1px 0.75px rgba(249, 250, 253, 0.6143912375), -85vw -54vh 1px 0.75px #fff7ff, 8vw -50vh 1px 0.75px #f3fbf5, -55vw 8vh 1px 0.75px #fff5f9,
		49vw -98vh 1px 0.75px #f1f3fd, -87vw 27vh 1px 0.75px rgba(248, 242, 246, 0.7316524966), -50vw 43vh 1px 0.75px rgba(242, 255, 242, 0.9689863526),
		-81vw -81vh 1px 0.75px rgba(247, 245, 251, 0.7452617459), 8vw -90vh 1px 0.75px #f7f8f1, -10vw 52vh 1px 0.75px rgba(245, 251, 242, 0.8692656615),
		-30vw -52vh 1px 0.75px #f9fff1, 49vw -46vh 1px 0.75px #f2f6f8, 63vw 99vh 1px 0.75px #f7f9fd, -67vw 14vh 1px 0.75px #f1f8fc, 69vw 95vh 1px 0.75px #f3f3f2,
		56vw -55vh 1px 0.75px rgba(247, 253, 253, 0.7457878729), -4vw 84vh 1px 0.75px rgba(242, 252, 243, 0.7350566017),
		-61vw -68vh 1px 0.75px rgba(245, 252, 243, 0.5956419672), -30vw 88vh 1px 0.75px rgba(247, 249, 245, 0.7603800395), 80vw 41vh 1px 0.75px #fefdf7,
		-33vw 88vh 1px 0.75px rgba(248, 252, 250, 0.6284337101), -45vw 3vh 1px 0.75px #fdf8fd, 71vw 57vh 1px 0.75px #fbfcf5, -67vw 36vh 1px 0.75px #fffef1,
		16vw 32vh 1px 0.75px #f2fff9, -8vw 9vh 1px 0.75px rgba(249, 245, 243, 0.5095446679), -10vw -57vh 1px 0.75px rgba(253, 255, 246, 0.5957843896),
		56vw 92vh 1px 0.75px rgba(244, 244, 248, 0.6443797484), 62vw 51vh 1px 0.75px rgba(254, 241, 255, 0.6773818306),
		-41vw 29vh 1px 0.75px rgba(245, 248, 242, 0.8849121272), 75vw 74vh 1px 0.75px #f3fefd, -20vw 91vh 1px 0.75px #fcfaf1, -49vw 56vh 1px 0.75px #fbfbf3,
		-80vw -50vh 1px 0.75px rgba(241, 241, 242, 0.8231185693), -97vw 13vh 1px 0.75px #f6faf2, 43vw -50vh 1px 0.75px rgba(253, 255, 252, 0.8920248562);
	animation: star-movement-411a915f 9s -6s cubic-bezier(0.55, 0, 1, 0.45) infinite,direction-movement-411a915f 30s ease-in-out alternate infinite;
}
@keyframes star-movement-411a915f {
0% {
		transform: scale(0.5) translateZ(0);
		opacity: 0;
}
20% {
		opacity: 1;
}
99% {
		opacity: 1;
}
100% {
		transform: scale(2) translateZ(0);
		opacity: 0;
}
}
@keyframes direction-movement-411a915f {
from {
		transform-origin: -12vw -2vh;
}
to {
		transform-origin: 25vw 23vh;
}
}
div.word[data-v-411a915f] {
	position: absolute;
	right: 1vw;
	text-align: right;
	font-size: 2vh;
	animation: word-appear-411a915f 60s infinite;
	opacity: 0;
	transform: translate3d(calc(1vw + 100%), 0, 0);
}
@keyframes word-appear-411a915f {
0% {
		opacity: 0;
		transform: translate3d(calc(1vw + 100%), 0, 0);
}
2% {
		opacity: 1;
		transform: translate3d(0, 0, 0);
}
80% {
		opacity: 0;
		transform: translate3d(0, 0, 0);
}
}
.body[data-v-9ea367f3] {
  height: 100vh;
  background: #000;
}
*[data-v-9ea367f3],
*[data-v-9ea367f3]::before,
*[data-v-9ea367f3]::after {
  box-sizing: border-box;
}
@keyframes rotate-9ea367f3 {
100% {
    transform: rotate(1turn);
}
}
.conic[data-v-9ea367f3] {
  position: relative;
  z-index: 0;
  width: 400px;
  height: 300px;
  margin: 20px;
  border-radius: 10px;
  overflow: hidden;
  padding: 2rem;
}
.conic[data-v-9ea367f3]::before {
  content: "";
  position: absolute;
  z-index: -2;
  left: -50%;
  top: -50%;
  width: 200%;
  height: 200%;
  background-color: #1a232a;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: conic-gradient(transparent, rgb(168, 239, 255), transparent 30%);
  animation: rotate-9ea367f3 4s linear infinite;
}
.conic[data-v-9ea367f3]::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 6px;
  top: 6px;
  width: calc(100% - 12px);
  height: calc(100% - 12px);
  background: #000;
  border-radius: 5px;
}
.conic-demo[data-v-9ea367f3]::after {
  animation: opacityChange-9ea367f3 5s infinite linear;
}
@keyframes opacityChange-9ea367f3 {
50% {
    opacity: 0.5;
}
100% {
    opacity: 1;
}
}
a[data-v-9ea367f3] {
  position: relative;
  display: inline-block;
  padding: 25px 30px;
  margin: 40px 0;
  color: #03e9f4;
  text-decoration: none;
  text-transform: uppercase;
  transition: 0.5s;
  letter-spacing: 4px;
  overflow: hidden;
  margin-right: 50px;
  border: 1px solid;
}
a[data-v-9ea367f3]:nth-child(1) {
  filter: hue-rotate(270deg);
}
a[data-v-9ea367f3]:nth-child(2) {
  filter: hue-rotate(110deg);
}
a span[data-v-9ea367f3] {
  position: absolute;
  display: block;
}
a span[data-v-9ea367f3]:nth-child(1) {
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, transparent, #03e9f4);
  animation: animate1-9ea367f3 1s linear infinite;
}
@keyframes animate1-9ea367f3 {
0% {
    left: -100%;
}
50%, 100% {
    left: 100%;
}
}
a span[data-v-9ea367f3]:nth-child(2) {
  top: -100%;
  right: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(180deg, transparent, #03e9f4);
  animation: animate2-9ea367f3 1s linear infinite;
  animation-delay: 0.25s;
}
@keyframes animate2-9ea367f3 {
0% {
    top: -100%;
}
50%, 100% {
    top: 100%;
}
}
a span[data-v-9ea367f3]:nth-child(3) {
  bottom: 0;
  right: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(270deg, transparent, #03e9f4);
  animation: animate3-9ea367f3 1s linear infinite;
  animation-delay: 0.5s;
}
@keyframes animate3-9ea367f3 {
0% {
    right: -100%;
}
50%, 100% {
    right: 100%;
}
}
a span[data-v-9ea367f3]:nth-child(4) {
  bottom: -100%;
  left: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(360deg, transparent, #03e9f4);
  animation: animate4-9ea367f3 1s linear infinite;
  animation-delay: 0.75s;
}
@keyframes animate4-9ea367f3 {
0% {
    bottom: -100%;
}
50%, 100% {
    bottom: 100%;
}
}
.anim-flip[data-v-e618958a] {
  animation: 0.5s linear 0s alternate none 1 featuresicon-e618958a;
}
@keyframes featuresicon-e618958a {
50% {
    transform: scaleX(0);
}
100% {
    transform: scaleX(1);
}
}
.bg[data-v-e618958a] {
  background-image: url("../img/bg1-Bd_QmF1O.png");
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
  padding: 0.125rem;
  display: flex;
  flex-direction: column;
  font-size: 0.175rem;
  color: #ffffff;
}
.bg .title .more[data-v-e618958a] {
  cursor: pointer;
}
.bg .sub-title[data-v-e618958a] {
  color: #409eff;
}
.bg .conntent[data-v-e618958a] {
  display: flex;
  flex: 1;
  overflow: hidden;
  margin-top: 0.125rem;
}
.bg .conntent .flex2[data-v-e618958a] {
  flex: 2;
}
.bg .conntent .flex2 .info-wrapper[data-v-e618958a] {
  margin-top: 0.25rem;
  width: 100%;
}
.bg .conntent .flex2 .info-wrapper .info-head[data-v-e618958a] {
  padding: 0.2rem 0;
  font-size: 0.2rem;
}
.bg .conntent .flex2 .info-wrapper .info-content[data-v-e618958a] {
  width: 100%;
}
.bg .conntent .flex2 .info-wrapper .info-content .item[data-v-e618958a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.175rem 0;
  width: 80%;
}
.bg .conntent .flex2 .info-wrapper .info-content .item .iconfont[data-v-e618958a] {
  font-size: 0.25rem;
}
.bg .conntent .flex2 .info-wrapper .info-content .item .info-value[data-v-e618958a] {
  padding: 0 0.25rem;
  color: #489e88;
  font-weight: bold;
  font-size: 0.2rem;
  width: 0.75rem;
}
.bg .conntent .flex2 .info-wrapper .info-content .item .info-name[data-v-e618958a] {
  flex: 1;
}
.bg .conntent .flex2 .info-wrapper .info-content .item .info-state[data-v-e618958a] {
  display: flex;
  align-items: center;
}
.bg .conntent .flex2 .info-wrapper .environment-content[data-v-e618958a] {
  color: #489e88;
}
.bg .conntent .flex2 .info-wrapper .environment-content .iconfont[data-v-e618958a] {
  font-weight: normal;
  color: #ffffff;
  font-size: 0.3rem;
  padding-right: 0.15rem;
}
.bg .conntent .flex2 .info-wrapper .environment-content > div[data-v-e618958a] {
  display: flex;
  padding: 0.175rem 0;
}
.bg .conntent .flex2 .info-wrapper .environment-content > div > div[data-v-e618958a] {
  display: flex;
  align-items: center;
  flex: 1;
}
.bg .conntent .flex3[data-v-e618958a] {
  width: 30%;
  flex: 3;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.bg .conntent .flex3 .wrapper[data-v-e618958a] {
  overflow: hidden;
  margin-right: 0;
  margin-bottom: 0.125rem;
}
.bg .conntent .flex3 .wrapper[data-v-e618958a]:last-child {
  margin-bottom: 0;
  flex: 1;
}
.bg .conntent .flex3 .boiler .boiler-contetn-wrapper[data-v-e618958a] {
  max-height: 16vh;
  height: 2rem;
  display: flex;
  justify-content: space-between;
}
.bg .conntent .flex3 .boiler .boiler-contetn-wrapper > div[data-v-e618958a] {
  width: 32%;
  height: 100%;
}
.bg .conntent .flex3 .boiler .boiler-contetn-wrapper img[data-v-e618958a] {
  height: 100%;
  width: 100%;
}
.bg .conntent .flex3 .sewage[data-v-e618958a] .ivu-tabs-nav-scroll {
  color: white;
}
.bg .conntent .flex3 .fire .fire-wrapper[data-v-e618958a] {
  display: flex;
  flex: 1;
  overflow: hidden;
}
.bg .conntent .flex3 .fire .fire-wrapper .fire-charts[data-v-e618958a] {
  height: 100%;
  width: 30%;
  padding-right: 0.25rem;
}
.bg .conntent .flex3 .fire .fire-wrapper .fire-charts .echart-area[data-v-e618958a] {
  height: 50%;
}
.bg .conntent .flex3 .fire .fire-wrapper .fire-list[data-v-e618958a] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.bg .conntent .flex3 .fire .fire-wrapper .fire-list .list-title[data-v-e618958a] {
  border-bottom: 0.0125rem solid #ffffff;
  padding-bottom: 0.125rem;
  display: flex;
  justify-content: space-between;
  padding-right: 0.125rem;
}
.bg .conntent .flex3 .fire .fire-wrapper .fire-list .list-table[data-v-e618958a] {
  flex: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.bg .conntent .flex3 .fire .fire-wrapper .fire-list .list-table > div[data-v-e618958a] {
  width: 100%;
}
.bg .conntent .flex3 .fire .fire-wrapper .fire-list .list-table .list-body[data-v-e618958a] {
  flex: 1;
}
.bg .conntent .flex3 .fire .fire-wrapper .fire-list .list-table .list-item[data-v-e618958a] {
  height: 0.5rem;
  display: flex;
  width: 100%;
}
.bg .conntent .flex3 .fire .fire-wrapper .fire-list .list-table .list-item > div[data-v-e618958a] {
  flex: 1;
  display: flex;
  align-items: center;
}
.bg .conntent .wrapper[data-v-e618958a] {
  margin: 0 0.0625rem;
}
.bg .conntent .wrapper.flex2[data-v-e618958a]:first-child {
  margin-left: 0;
}
.bg .conntent .wrapper .safety[data-v-e618958a] {
  display: flex;
  align-items: center;
}
.bg .conntent .wrapper .safety[data-v-e618958a]::before {
  font-family: "iconfont" !important;
  content: "\e62c";
  margin-right: 0.125rem;
  color: #008000;
  font-size: 0.28rem;
}
.bg .conntent .wrapper .safety[data-v-e618958a]::after {
  content: "正常";
}
.bg .conntent .wrapper .head-wrapper[data-v-e618958a] {
  padding-bottom: 0.125rem;
}
.bg .conntent .wrapper .head-wrapper .title-wrapper[data-v-e618958a] {
  display: flex;
  align-items: center;
  font-size: 0.225rem;
}
.bg .conntent .wrapper .head-wrapper .title-wrapper i[data-v-e618958a] {
  margin-right: 0.1rem;
  font-size: 0.25rem;
}
.bg .conntent .wrapper .head-wrapper .title-wrapper i.iconwushuixitongtu[data-v-e618958a] {
  font-size: 0.3rem;
}
.bg .conntent .wrapper .head-wrapper .sub-title-wrapper[data-v-e618958a] {
  color: #489e88;
  font-size: 0.2rem;
  line-height: 2;
}
.bg .conntent .wrapper .user-info[data-v-e618958a] {
  display: flex;
  padding-top: 0.15rem;
}
.bg .conntent .wrapper .user-info > div[data-v-e618958a] {
  flex: 1;
}
.bg .conntent .wrapper .user-info > div i[data-v-e618958a] {
  font-size: 0.225rem;
  color: #46abee;
}
.bg .conntent .wrapper .echart-area[data-v-e618958a] {
  width: 100%;
  height: 100%;
}
.bg .conntent .wrapper .monitoring-wrapper[data-v-e618958a] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  height: 2rem;
}
.bg .conntent .wrapper .monitoring-wrapper .monitoring-box[data-v-e618958a] {
  width: calc(50% - 0.125rem);
  height: 100%;
}
.bg .conntent .wrapper .monitoring-wrapper .monitoring-box img[data-v-e618958a] {
  height: 100%;
  width: 100%;
}
.bg .conntent .energy .border-box > div[data-v-e618958a] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.bg .conntent .energy .border-box > div > .energy-connect[data-v-e618958a] {
  flex: 1;
}
.bg .conntent .energy .consume[data-v-e618958a] {
  flex: unset;
}
.bg .conntent .energy .consume .consume-wrapper[data-v-e618958a] {
  border-top: 0.0125rem solid #cccccc;
  border-bottom: 0.0125rem solid #cccccc;
  margin-bottom: 0.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  display: flex;
}
.bg .conntent .energy .consume .content[data-v-e618958a] {
  flex: 4;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.bg .conntent .energy .consume .content[data-v-e618958a]:first-child {
  border-right: 0.0125rem solid #cccccc;
}
.bg .conntent .energy .consume .content .value[data-v-e618958a] {
  font-size: 0.35rem;
  color: #3f9add;
  font-weight: bold;
  margin-bottom: 0.35rem;
}
.anim-flip[data-v-dd278c09] {
  animation: 0.5s linear 0s alternate none 1 featuresicon-dd278c09;
}
@keyframes featuresicon-dd278c09 {
50% {
    transform: scaleX(0);
}
100% {
    transform: scaleX(1);
}
}
.hegiht-flex1[data-v-dd278c09] {
  flex: 1;
  overflow: hidden;
}
.g-text[data-v-dd278c09] {
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.safety[data-v-dd278c09] {
  display: flex;
  align-items: center;
}
.safety[data-v-dd278c09]::before {
  font-family: "iconfont" !important;
  content: "\e62c";
  margin-right: 0.0625rem;
  color: #008000;
  font-size: 0.275rem;
}
.safety[data-v-dd278c09]::after {
  content: "正常";
}
.abnormal[data-v-dd278c09] {
  display: flex;
  align-items: center;
  font-family: "Ionicons";
}
.abnormal[data-v-dd278c09]::before {
  content: "\f107";
  margin-right: 0.0625rem;
  color: #ed4014;
  font-size: 0.275rem;
}
.abnormal[data-v-dd278c09]::after {
  content: "异常";
  color: #ed4014;
}
.bg[data-v-dd278c09] {
  background-image: url("../img/bg1-Bd_QmF1O.png");
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
  padding: 0 0.15rem 0.15rem;
  font-size: 0.175rem;
  color: #ffffff;
}
.bg .body[data-v-dd278c09] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  z-index: 1;
}
.bg .body .title-wrapper[data-v-dd278c09] {
  padding: 0.1rem 0;
}
.bg .body .title-wrapper .title .more[data-v-dd278c09] {
  padding-left: 0.1rem;
  cursor: pointer;
}
.bg .body .title-wrapper .sub-title[data-v-dd278c09] {
  font-size: 0.17rem;
  color: #409eff;
}
.bg .body .main[data-v-dd278c09] {
  display: flex;
}
.bg .body .main .column[data-v-dd278c09] {
  padding: 0.3rem 0.125rem;
  display: flex;
  flex-direction: column;
}
.bg .body .main .column.flex2[data-v-dd278c09] {
  flex: 2;
  background-image: url("../img/box1-BDnP0hY1.png");
  background-size: 100% 100%;
  margin-right: 0.15rem;
}
.bg .body .main .column.flex2 > div[data-v-dd278c09] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.bg .body .main .column.flex2 > div .content-wrapper[data-v-dd278c09] {
  width: calc(100% - 0.5rem);
  margin: 0 0.25rem;
}
.bg .body .main .column.flex2 .user-info[data-v-dd278c09] {
  line-height: 1.8;
}
.bg .body .main .column.flex2 .user-info > div[data-v-dd278c09]:first-child {
  display: flex;
}
.bg .body .main .column.flex2 .user-info > div:first-child .user-name[data-v-dd278c09] {
  min-width: 40%;
  padding-right: 0.1875rem;
}
.bg .body .main .column.flex3[data-v-dd278c09] {
  flex: 3;
  background-image: url("../img/box2-qfiN10wA.png");
  background-size: 100% 100%;
  padding: 0.3rem 0.1875rem;
}
.bg .body .main .column.flex3 .chunk[data-v-dd278c09] {
  display: flex;
  flex-direction: column;
}
.bg .body .main .column.flex3 .chunk > div[data-v-dd278c09] {
  flex: 3;
}
.bg .body .main .column.flex3 .user-info[data-v-dd278c09] {
  display: flex;
}
.bg .body .main .column.flex3 .user-info > div[data-v-dd278c09] {
  flex: 3;
}
.bg .body .main .column.flex3 .user-info > div[data-v-dd278c09]:last-child {
  flex: 4;
}
.bg .body .main .column .title[data-v-dd278c09] {
  background-image: linear-gradient(to bottom, #02f9fd, #0e72b3);
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #02f9fd;
  position: relative;
  height: 0.425rem;
  padding-left: 0.25rem;
  display: flex;
  font-size: 0.2125rem;
  align-items: center;
  font-weight: bold;
  margin: 0.125rem 0;
}
.bg .body .main .column .title[data-v-dd278c09]::before {
  content: "";
  background: url("../img/title-bg-DCpmht21.png") no-repeat;
  background-size: auto 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
}
.bg .body .main .column .sub-title[data-v-dd278c09] {
  padding-left: 0.25rem;
  margin-bottom: 0.1875rem;
}
.bg .body .main .column .echart-box[data-v-dd278c09] {
  position: relative;
}
.bg .body .main .column .echart-box[data-v-dd278c09]::before {
  content: "";
  height: 0.5rem;
  width: 90%;
  position: absolute;
  bottom: 10%;
  left: 5%;
  background-size: 100% 100%;
  background-image: url("../img/chart-wapper-CW-u-mOk.png");
}
.bg .body .main .column .echart-area[data-v-dd278c09] {
  flex: 1;
}
.bg .body .main .column .basics-info[data-v-dd278c09] {
  height: 15vh;
  max-height: 1.5rem;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.125rem;
}
.bg .body .main .column .basics-info > *[data-v-dd278c09] {
  width: calc(50% - 0.125rem);
  height: 100%;
}
.bg .body .main .column .basics-info img[data-v-dd278c09] {
  border: 0.0125rem solid #409eff;
}
.bg .body .main .column .bg-wrapper[data-v-dd278c09] {
  width: 100%;
  padding: 0.0625rem 0.125rem;
  background-image: radial-gradient(rgba(255, 255, 255, 0), rgba(0, 50, 104, 0.6));
}
.bg .body .main .column .device-info .item[data-v-dd278c09] {
  display: flex;
  align-items: center;
}
.bg .body .main .column .device-info .item:last-child .content[data-v-dd278c09] {
  border-bottom: 0;
  margin-bottom: 0;
}
.bg .body .main .column .device-info .item .content[data-v-dd278c09] {
  flex: 1;
  border-bottom: 0.00625rem solid #02f9fd;
  margin: 0.075rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.0625rem;
}
.bg .body .main .column .device-info .item .content span[data-v-dd278c09]:nth-child(1) {
  flex: 2;
}
.bg .body .main .column .device-info .item .content span[data-v-dd278c09]:nth-child(2) {
  flex: 1;
}
.bg .body .main .column .environment-info[data-v-dd278c09] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  text-align: center;
}
.bg .body .main .column .environment-info .attr-wrapper[data-v-dd278c09] {
  width: calc(50% - 0.0625rem);
  margin-bottom: 0.125rem;
  display: flex;
  align-items: center;
  height: 1rem;
}
.bg .body .main .column .environment-info .attr-wrapper > *[data-v-dd278c09] {
  flex: 1;
}
.bg .body .main .column .environment-info .attr-wrapper[data-v-dd278c09]:nth-child(1) {
  color: #ee831a;
}
.bg .body .main .column .environment-info .attr-wrapper[data-v-dd278c09]:nth-child(2) {
  color: #8be92f;
}
.bg .body .main .column .environment-info .attr-wrapper[data-v-dd278c09]:nth-child(3) {
  color: #349bff;
}
.bg .body .main .column .environment-info .attr-wrapper[data-v-dd278c09]:nth-child(4) {
  color: #6d3cd2;
}
.bg .body .main .column .environment-info .attr-wrapper[data-v-dd278c09]:nth-child(5) {
  color: #2cdadd;
  width: 100%;
  margin-bottom: 0;
}
.bg .body .main .column .environment-info .attr-wrapper:nth-child(5) .attr-name[data-v-dd278c09] {
  flex: unset;
  width: calc((50% - 0.1875rem) / 2);
}
.bg .body .main .column .environment-info .attr-wrapper .attr-name[data-v-dd278c09] {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.bg .body .main .column .environment-info .attr-wrapper .attr-name .iconfont[data-v-dd278c09] {
  font-size: 0.25rem;
}
.bg .body .main .column .environment-info .attr-wrapper .attr-name > div[data-v-dd278c09] {
  color: white;
}
.bg .body .main .column .environment-info .attr-wrapper .attr-value[data-v-dd278c09] {
  text-align: left;
  font-size: 0.2rem;
  font-weight: bold;
}
.bg .body .main .column .user-info .iconfont[data-v-dd278c09],
.bg .body .main .column .color-icon[data-v-dd278c09] {
  font-size: 0.2rem;
  padding-right: 0.125rem;
  font-weight: bold;
  background-image: linear-gradient(to top, #02f9fd, #0e72b3);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.bg .body .main .energy .consume .wrapper[data-v-dd278c09] {
  background: url("../img/energy-box-Dwn1K7-d.png") no-repeat;
  background-size: 100% 100%;
  height: 1.2rem;
  display: flex;
  align-items: center;
  margin-bottom: 0.1875rem;
}
.bg .body .main .energy .consume .wrapper > .iconfont[data-v-dd278c09] {
  font-size: 0.7rem;
  margin: 0 0.3125rem;
}
.bg .body .main .energy .consume .wrapper .monthColor[data-v-dd278c09] {
  background-image: linear-gradient(to bottom, #397cd5, #02cffe);
}
.bg .body .main .energy .consume .wrapper .todayColor[data-v-dd278c09] {
  background-image: linear-gradient(to bottom, #38ee7d, #139d8d);
}
.bg .body .main .energy .consume .wrapper .content p[data-v-dd278c09] {
  display: flex;
  align-items: center;
}
.bg .body .main .energy .consume .wrapper .content .amount[data-v-dd278c09] {
  font-size: 0.25rem;
  font-weight: bold;
  padding-right: 0.125rem;
}
.bg .body .main .energy .consume .wrapper .content .positive[data-v-dd278c09] {
  background-image: linear-gradient(to bottom, #c21d30, #a81e31);
}
.bg .body .main .energy .consume .wrapper .content .negative[data-v-dd278c09] {
  background-image: linear-gradient(to bottom, #38ee7d, #139d8d);
}
.bg .body .main .energy .consume .wrapper .content .iconfont[data-v-dd278c09] {
  font-size: 0.225rem;
  margin-left: 0.0625rem;
}
.bg .body .main .boiler .boiler-info[data-v-dd278c09] {
  max-height: 2rem;
  height: 2rem;
  /* entire container, keeps perspective */
}
.bg .body .main .boiler .boiler-info .flip-container[data-v-dd278c09] {
  perspective: 1000;
  width: calc(50% - 0.125rem);
  height: 100%;
  /* flip the pane when hovered */
}
.bg .body .main .boiler .boiler-info .flip-container.flip-container:hover .flipper[data-v-dd278c09], .bg .body .main .boiler .boiler-info .flip-container.flip-container.hover .flipper[data-v-dd278c09] {
  transform: rotateY(180deg);
}
.bg .body .main .boiler .boiler-info .flip-container *[data-v-dd278c09] {
  height: 100%;
  width: 100%;
}
.bg .body .main .boiler .boiler-info .flip-container[data-v-dd278c09] {
  /* flip speed goes here */
}
.bg .body .main .boiler .boiler-info .flip-container .flipper[data-v-dd278c09] {
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative;
  animation: flipper-dd278c09 10s linear infinite;
}
@keyframes flipper-dd278c09 {
0% {
    transform: rotateY(0deg);
}
5% {
    transform: rotateY(180deg);
}
50% {
    transform: rotateY(180deg);
}
55% {
    transform: rotateY(0deg);
}
100% {
    transform: rotateY(0deg);
}
}
.bg .body .main .boiler .boiler-info .flip-container[data-v-dd278c09] {
  /* hide back of pane during swap */
}
.bg .body .main .boiler .boiler-info .flip-container .front[data-v-dd278c09],
.bg .body .main .boiler .boiler-info .flip-container .back[data-v-dd278c09] {
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.bg .body .main .boiler .boiler-info .flip-container[data-v-dd278c09] {
  /* front pane, placed above back */
}
.bg .body .main .boiler .boiler-info .flip-container .front[data-v-dd278c09] {
  z-index: 2;
}
.bg .body .main .boiler .boiler-info .flip-container[data-v-dd278c09] {
  /* back, initially hidden pane */
}
.bg .body .main .boiler .boiler-info .flip-container .back[data-v-dd278c09] {
  transform: rotateY(180deg);
}
.bg .body .main .sewage .sewage-info[data-v-dd278c09] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  text-align: center;
  color: white;
}
.bg .body .main .sewage .sewage-info .attr-wrapper[data-v-dd278c09] {
  width: calc(40% - 0.5rem);
  margin-bottom: 0.15rem;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
}
.bg .body .main .sewage .sewage-info .attr-wrapper[data-v-dd278c09]:nth-child(1), .bg .body .main .sewage .sewage-info .attr-wrapper[data-v-dd278c09]:nth-child(4n+4) {
  width: calc(30% - 0.05rem);
}
.bg .body .main .sewage .sewage-info .attr-wrapper:nth-child(1) .iconfont[data-v-dd278c09] {
  color: #21dddd;
}
.bg .body .main .sewage .sewage-info .attr-wrapper:nth-child(2) .iconfont[data-v-dd278c09] {
  color: #218cdf;
}
.bg .body .main .sewage .sewage-info .attr-wrapper:nth-child(3) .iconfont[data-v-dd278c09] {
  color: #dfcb21;
}
.bg .body .main .sewage .sewage-info .attr-wrapper:nth-child(4) .iconfont[data-v-dd278c09] {
  color: #eb8e13;
}
.bg .body .main .sewage .sewage-info .attr-wrapper:nth-child(5) .iconfont[data-v-dd278c09] {
  color: #eb8e13;
}
.bg .body .main .sewage .sewage-info .attr-wrapper:nth-child(6) .iconfont[data-v-dd278c09] {
  color: #32ec13;
}
.bg .body .main .sewage .sewage-info .attr-wrapper .attr-name[data-v-dd278c09] {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-right: 0.125rem;
}
.bg .body .main .sewage .sewage-info .attr-wrapper .attr-name .iconfont[data-v-dd278c09] {
  font-size: 0.375rem;
}
.bg .body .main .sewage .sewage-info .attr-wrapper .attr-name .iconfont.iconkeshihua-yulv[data-v-dd278c09] {
  font-size: 0.4rem;
  line-height: 1.4;
}
.bg .body .main .sewage .sewage-info .attr-wrapper .attr-name .iconfont.iconnh[data-v-dd278c09] {
  font-size: 0.5rem;
  line-height: 1.1;
}
.bg .body .main .sewage .sewage-info .attr-wrapper .attr-value[data-v-dd278c09] {
  text-align: left;
  font-size: 0.18rem;
  font-weight: bold;
}
.bg .body .main .fire[data-v-dd278c09] {
  display: flex;
  flex-direction: column;
}
.bg .body .main .fire .fire-wrapper[data-v-dd278c09] {
  display: flex;
  flex: 1;
  overflow: hidden;
}
.bg .body .main .fire .fire-wrapper .fire-charts[data-v-dd278c09] {
  height: 100%;
  width: 30%;
  padding: 0.125rem;
  margin-right: 0.15rem;
}
.bg .body .main .fire .fire-wrapper .fire-charts .echart-box[data-v-dd278c09] {
  height: 0;
  padding-bottom: 62%;
}
.bg .body .main .fire .fire-wrapper .fire-charts .echart-box > div[data-v-dd278c09] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.bg .body .main .fire .fire-wrapper .fire-charts .echart-box[data-v-dd278c09]::before {
  bottom: 5%;
  height: 0.3rem;
}
.bg .body .main .fire .fire-wrapper .fire-list[data-v-dd278c09] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.bg .body .main .fire .fire-wrapper .fire-list .text-center > div[data-v-dd278c09] {
  justify-content: center;
}
.bg .body .main .fire .fire-wrapper .fire-list[data-v-dd278c09] .list-item {
  display: flex;
  width: 100%;
  border-bottom: 0.0125rem solid rgba(255, 255, 255, 0.1882352941);
  height: 0.4rem;
}
.bg .body .main .fire .fire-wrapper .fire-list[data-v-dd278c09] .list-item > div {
  flex: 1;
  display: flex;
  align-items: center;
}
.bg .body .main .fire .fire-wrapper .fire-list[data-v-dd278c09] .list-body {
  flex: 1;
}
.bg .body .main .fire .fire-wrapper .fire-list[data-v-dd278c09] .list-body .list-item {
  height: auto;
}
.bg .body .main .fire .fire-wrapper .fire-list[data-v-dd278c09] .list-body .list-item:last-child {
  border-bottom: none;
}.sewage .ivu-tabs-bar {
  border-color: rgba(255, 255, 255, 0.2);
}
.sewage .ivu-tabs-nav-scroll .ivu-tabs-ink-bar {
  background-color: #34feff;
}
.sewage .ivu-tabs-nav-scroll .ivu-tabs-nav {
  width: 100%;
}
.sewage .ivu-tabs-nav-scroll .ivu-tabs-nav .ivu-tabs-tab {
  background-image: linear-gradient(to top, #02f9fd, #0e72b3);
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 0.18rem;
  font-weight: bold;
  width: 33%;
  text-align: center;
}.flex-center[data-v-48abec0d], .body .main .expand .floor-wrapper > div[data-v-48abec0d], .body .main-btn[data-v-48abec0d], .body .head .right-area .alarm[data-v-48abec0d]::before, .body .head .right-area > div[data-v-48abec0d], .body .head .right-area[data-v-48abec0d] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex-between[data-v-48abec0d] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flex-column[data-v-48abec0d] {
  flex-direction: column;
}
.body[data-v-48abec0d] {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #000018;
}
.body .iframe-3d[data-v-48abec0d] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.body .head[data-v-48abec0d] {
  background-image: linear-gradient(rgba(145, 152, 229, 0.2078431373), transparent);
  height: 0.65rem;
  padding: 0.125rem;
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
.body .head .name[data-v-48abec0d] {
  z-index: 0;
  position: relative;
  display: flex;
  align-items: center;
  color: #fff;
}
.body .head .name[data-v-48abec0d]::before {
  z-index: -1;
  content: "";
  position: absolute;
  bottom: 0;
  width: 110%;
  height: 0.125rem;
  background-image: linear-gradient(to right, transparent, #317df0, transparent);
}
.body .head .name svg[data-v-48abec0d] {
  width: 0.35rem;
  height: 0.35rem;
}
.body .head .name span[data-v-48abec0d] {
  text-indent: 0.0625rem;
  font-size: 0.18rem;
}
.body .head .module[data-v-48abec0d] {
  margin-left: 0.75rem;
}
.body .head .module .main-btn[data-v-48abec0d]::before {
  content: "";
  border-radius: 100%;
  border: 0.01875rem solid #317df0;
  margin-right: 0.0625rem;
  width: 0.1rem;
  height: 0.1rem;
}
.body .head .module .active[data-v-48abec0d]::before {
  border-color: turquoise;
}
.body .head .right-area[data-v-48abec0d] {
  margin-left: auto;
  color: #fff;
  font-size: 0.175rem;
}
.body .head .right-area > div[data-v-48abec0d] {
  margin-left: 0.1875rem;
}
.body .head .right-area .margin-left[data-v-48abec0d] {
  margin-left: 0.125rem;
}
.body .head .right-area .alarm[data-v-48abec0d] {
  position: relative;
}
.body .head .right-area .alarm[data-v-48abec0d]::before {
  content: "1";
  top: -0.04rem;
  right: -0.04rem;
  height: 14px;
  background-color: #f00;
  border-radius: 100px;
  font-size: 10px;
  position: absolute;
  padding: 0px 4px;
}
.body .main-btn[data-v-48abec0d] {
  cursor: pointer;
  border-radius: 0.3125rem;
  height: 0.3125rem;
  padding: 0 0.15rem;
  border: 0.0125rem solid rgb(41, 123, 245);
  margin-right: 0.15rem;
  color: #fff;
  font-size: 0.16rem;
  background-image: linear-gradient(to right, rgba(41, 123, 245, 0.25) 60%, rgba(41, 123, 245, 0.5));
}
.body .main-btn.active[data-v-48abec0d] {
  border-color: turquoise;
  color: turquoise;
  background-image: linear-gradient(to right, rgba(31, 226, 207, 0.25) 60%, rgba(31, 226, 207, 0.5));
}
.body .buildings[data-v-48abec0d] {
  display: flex;
  position: absolute;
  bottom: 0.1875rem;
  left: 2.5rem;
}
.body .menu[data-v-48abec0d] {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0.125rem;
  color: #fff;
}
.body .menu > div[data-v-48abec0d] {
  cursor: pointer;
}
.body .menu .menu-btn[data-v-48abec0d] {
  border-radius: 100%;
  width: 80px;
  height: 80px;
  border: 0.025rem solid #3396c6;
  background-image: linear-gradient(to right, rgba(51, 149, 198, 0.25) 60%, rgba(51, 149, 198, 0.5));
}
.body .menu .sub-btn[data-v-48abec0d] {
  background-image: linear-gradient(to right, rgba(41, 123, 245, 0.25) 60%, rgba(41, 123, 245, 0.5));
  width: 40px;
  height: 40px;
  border-radius: 100%;
  border: 0.025rem solid #3396c6;
  position: absolute;
}
.body .menu .sub-btn[data-v-48abec0d]:nth-child(2) {
  top: -35px;
}
.body .menu .sub-btn[data-v-48abec0d]:nth-child(3) {
  top: -30px;
  left: 64px;
}
.body .menu .sub-btn[data-v-48abec0d]:nth-child(4) {
  top: 6px;
  left: 100px;
}
.body .menu .sub-btn[data-v-48abec0d]:nth-child(5) {
  top: 56px;
  left: 96px;
}
.body .main[data-v-48abec0d] {
  transition: right 1s;
  background-color: rgba(9, 16, 37, 0.65);
  width: 7.5rem;
  height: calc(100% - 0.65rem);
  position: absolute;
  right: 0;
  padding: 0.125rem;
  float: left;
  display: flex;
  flex-direction: column;
}
.body .main.hide[data-v-48abec0d] {
  right: -7.5rem;
}
.body .main.hide .toggle-btn svg[data-v-48abec0d] {
  transition: transform 1s;
  transform: rotate(180deg);
}
.body .main .main-body[data-v-48abec0d] {
  width: 100%;
  height: 100%;
}
.body .main .expand[data-v-48abec0d] {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
}
.body .main .expand .toggle-btn[data-v-48abec0d] {
  position: absolute;
  right: 0;
  top: calc(50% - 0.75rem);
  height: 0.75rem;
  width: 0.375rem;
  background-color: rgba(9, 16, 37, 0.65);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.body .main .expand .toggle-btn[data-v-48abec0d]::after, .body .main .expand .toggle-btn[data-v-48abec0d]::before {
  content: "";
  width: 0px;
  height: 0px;
  border-top: 0.375rem solid rgba(0, 0, 0, 0);
  border-bottom: 0.375rem solid rgba(9, 16, 37, 0.65);
  position: absolute;
  /* border-right: 50px solid rgba(0, 0, 0, 0); */
}
.body .main .expand .toggle-btn[data-v-48abec0d]::before {
  border-left: 0.375rem solid rgba(0, 0, 0, 0);
  top: -0.75rem;
}
.body .main .expand .toggle-btn[data-v-48abec0d]::after {
  border-right: 0.375rem solid rgba(0, 0, 0, 0);
  transform: rotate(180deg);
  top: 100%;
  left: 0;
}
.body .main .expand .floor-wrapper[data-v-48abec0d] {
  position: absolute;
  right: 0.0625rem;
  bottom: 0.0625rem;
  width: 0.375rem;
  border: 0.0125rem solid #4287f0;
  box-shadow: 0px 0px 10px #4276c5;
  border-radius: 5px;
  padding: 0.0125rem;
  color: #ccc;
}
.body .main .expand .floor-wrapper > div[data-v-48abec0d] {
  width: 100%;
  height: 0.35rem;
  border-bottom: 0.0125rem solid #02f9fd;
  font-size: 0.1375rem;
  cursor: pointer;
}
.body .main .expand .floor-wrapper > div.active[data-v-48abec0d] {
  color: #4df8e9;
}
.body .main .expand .floor-wrapper > div[data-v-48abec0d]:last-child {
  border-bottom: 0;
}.screen-drawer .ivu-carousel-list,
.screen-drawer .ivu-carousel-track,
.screen-drawer .ivu-carousel-item {
  height: auto !important;
}
.screen-drawer .ivu-carousel-track {
  display: block !important;
}
.screen-drawer .ivu-drawer-body,
.screen-drawer .ivu-drawer {
  overflow: auto !important;
}
.screen-drawer .ivu-drawer .ivu-drawer-header-inner,
.screen-drawer .ivu-drawer .ivu-drawer-close .ivu-icon-ios-close,
.screen-drawer .ivu-drawer .ivu-drawer-body {
  color: white;
}
.screen-drawer .ivu-drawer .ivu-drawer-body {
  padding: 0;
}
.screen-drawer .ivu-drawer .ivu-drawer-header-inner {
  font-weight: bold;
}@font-face {
  font-family: "digital-7";
  src: url(../fonts/digital-7-D68qVRwS.ttf);
}
.laoding-enter-active[data-v-3875a107],
.laoding-leave-active[data-v-3875a107] {
  transition: opacity 0.5s;
}
.laoding-enter[data-v-3875a107], .laoding-leave-to[data-v-3875a107] {
  opacity: 0;
}
.flex-cc[data-v-3875a107], .is-body .ctrl-panel .floor-wrapper > div[data-v-3875a107], .is-body .ctrl-panel > div[data-v-3875a107], .is-body .is-head[data-v-3875a107] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex-ccc[data-v-3875a107] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.is-body[data-v-3875a107] {
  position: relative;
  width: 100%;
  height: 100%;
  background-image: url(../img/bg-Dbv5uAih.jpg);
  background-color: #0a1bb7;
}
.is-body .fixed-form.alarm .list-item .name[data-v-3875a107] {
  color: tomato;
}
.is-body .fixed-form.alarm .floor-btn[data-v-3875a107] {
  color: tomato;
}
.is-body .fixed-form.info .list-item .name[data-v-3875a107] {
  color: #2ca6ff;
}
.is-body .fixed-form.info .floor-btn[data-v-3875a107] {
  color: skyblue;
}
.is-body .fixed-form[data-v-3875a107] .list-item {
  margin: 0.0625rem;
  font-size: 0.1375rem;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.is-body .fixed-form[data-v-3875a107] .list-item .content {
  color: #ffffff;
}
.is-body .fixed-form[data-v-3875a107] .list-item.pointer {
  cursor: pointer;
}
.is-body .fixed-form .floor-btn[data-v-3875a107] {
  float: right;
  padding: 0.075rem 0.0375rem;
  margin-left: 0.1rem;
  cursor: pointer;
}
.is-body .fixed-form .floor-btn.left[data-v-3875a107] {
  float: left;
  margin-left: 0;
  margin-right: 0.1rem;
}
.is-body .iframe-3d[data-v-3875a107] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.is-body .is-head[data-v-3875a107] {
  width: 100%;
  height: 0.8rem;
  background: url(../img/head-bg-DAam7crX.png);
  position: relative;
  background-size: 100% 100%;
  user-select: none;
  align-items: flex-end;
  padding-bottom: 0.05rem;
  z-index: 1;
}
.is-body .is-head[data-v-3875a107]::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background-image: linear-gradient(180deg, rgba(34, 40, 220, 0.6705882353) -20%, rgba(255, 255, 255, 0));
  background-size: 200% 200%;
  animation: titleglow-3875a107 5000ms ease-out infinite alternate;
}
.is-body .is-head[data-v-3875a107] {
  /* box-shadow: 2px 2px 2px 2px #6f6; */
}
@keyframes titleglow-3875a107 {
  /* 0% {
               background-position: 10% 0%
           }

           50% {
               background-position: 91% 100%
           } */
  /* 100% {
               background-position: 10% 0%
           } */
to {
    background-position: 91% 100%;
}
}
.is-body .is-head .text[data-v-3875a107], .is-body .is-head .time[data-v-3875a107], .is-body .is-head .title[data-v-3875a107] {
  color: #95c9dd;
  background: linear-gradient(180deg, #d0f4f6, #95c9dd);
  -webkit-box-reflect: below -30px -webkit-gradient(linear, left top, left bottom, from(transparent), to(hsla(0, 0%, 100%, 0.4)));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.is-body .is-head .title[data-v-3875a107] {
  align-self: center;
  letter-spacing: 0.0625rem;
  position: relative;
  font-size: 0.35rem;
  font-weight: 800;
  margin-top: -0.15rem;
}
.is-body .is-head .handle[data-v-3875a107] {
  display: flex;
  z-index: 0;
}
.is-body .is-head .handle .item-name[data-v-3875a107] {
  margin: 0 0.0625rem;
  padding: 0 0.05rem;
  cursor: pointer;
  font-size: 0.2rem;
  font-weight: bold;
  background: linear-gradient(180deg, #d0f4f6, #95c9dd);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 2;
}
.is-body .is-head .handle .item-name.active[data-v-3875a107] {
  position: relative;
}
.is-body .is-head .handle .item-name.active[data-v-3875a107]::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 0.025rem;
  background-color: #95c9dd;
  animation: mymove-3875a107 1s ease-out;
}
@keyframes mymove-3875a107 {
from {
    opacity: 0;
    transform: translateY(0.125rem);
}
to {
    opacity: 1;
    transform: translateY(0px);
}
}
.is-body .is-head .handle.left[data-v-3875a107] {
  margin-right: 0.8rem;
}
.is-body .is-head .handle.right[data-v-3875a107] {
  margin-left: 0.8rem;
}
.is-body .is-head .time[data-v-3875a107] {
  position: absolute;
  top: 0;
  right: 0.2rem;
  font-family: digital-7;
  line-height: 0.5rem;
  font-size: 0.25rem;
}
.is-body .copyright[data-v-3875a107] {
  position: fixed;
  bottom: 0;
  right: 0.0625rem;
  line-height: 0.25rem;
  color: rgba(6, 160, 220, 0.5803921569);
}
.is-body[data-v-3875a107] .vue-treeselect__multi-value-item-container {
  display: none;
}
.is-body[data-v-3875a107] .is-main .border-wrapper {
  background-color: hsla(216, 86%, 57%, 0.173);
  padding: 0.0625rem 0;
  position: relative;
}
.is-body[data-v-3875a107] .is-main .left-main,
.is-body[data-v-3875a107] .is-main .right-main {
  width: 18vw;
  height: calc(100% - 0.8rem - 0.6rem);
  position: absolute;
  padding: 0.0625rem 0.125rem 0.125rem;
  margin-top: 0.0625rem;
  display: flex;
  flex-direction: column;
  color: #ffffff;
  font-size: 0.15rem;
}
.is-body[data-v-3875a107] .is-main .left-main {
  left: 0;
  background-image: linear-gradient(to right, rgb(9, 16, 37), rgba(9, 16, 37, 0.1));
}
.is-body[data-v-3875a107] .is-main .right-main {
  right: 0;
  background-image: linear-gradient(to left, rgb(9, 16, 37), rgba(9, 16, 37, 0.1));
}
.is-body[data-v-3875a107] .is-main .main-wrapper {
  width: 100%;
  border: 0.0125rem solid;
  padding: 0 0.125rem 0.0625rem;
  margin-bottom: 0.125rem;
  border-color: rgb(35, 20, 245);
  border-radius: 0.06rem;
  box-shadow: 0.025rem 0.025rem 0.1rem -0.01rem rgb(28, 21, 239);
  animation: glow-3875a107 3000ms ease-out infinite alternate;
}
@keyframes glow-3875a107 {
0% {
    border-color: rgb(35, 20, 245);
    box-shadow: 0.025rem 0.025rem 0.1125rem -1px rgb(28, 21, 239), inset 0 3px 6px 9px -1px rgb(28, 21, 239), 3px 6px 9px -1px rgb(28, 21, 239);
}
100% {
    border-color: rgb(102, 245, 255);
    box-shadow: 0.025rem 0.025rem 0.25rem rgba(102, 245, 255, 0.6), inset 0 0 10px rgba(102, 245, 255, 0.4), 0 1px 0 rgb(102, 245, 255);
}
}
.is-body[data-v-3875a107] .is-main .main-wrapper:last-child {
  margin-bottom: 0;
}
.is-body[data-v-3875a107] .is-main .main-wrapper .main-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 0.025rem solid rgba(41, 123, 245, 0.2);
  font-size: 0.1625rem;
  position: relative;
  line-height: 2.2;
  display: none;
}
.is-body[data-v-3875a107] .is-main .main-wrapper .main-title::before {
  content: " ";
  height: 0.025rem;
  width: 0.5rem;
  background-color: #4df8e9;
  position: absolute;
  bottom: -0.0125rem;
  left: 0;
}
.is-body[data-v-3875a107] .is-main .main-wrapper .main-content {
  margin-top: 0.075rem;
  padding: 0.0625rem 0;
}
.is-body .ctrl-panel[data-v-3875a107] {
  width: 100%;
  position: absolute;
  bottom: 0.125rem;
  height: 0.375rem;
  z-index: 1;
}
.is-body .ctrl-panel > div.side[data-v-3875a107] {
  width: 18vw;
}
.is-body .ctrl-panel > div.side.left[data-v-3875a107] {
  float: left;
  padding: 0 0.125rem;
}
.is-body .ctrl-panel > div.side.right[data-v-3875a107] {
  float: right;
  padding: 0 0.125rem;
}
.is-body .ctrl-panel > div.center[data-v-3875a107] {
  width: calc(100% - 36vw);
  position: relative;
}
.is-body .ctrl-panel > div.center .external[data-v-3875a107] {
  position: absolute;
  bottom: calc(100% + 0.1rem);
}
.is-body .ctrl-panel > div.center .external.left[data-v-3875a107] {
  left: 0;
}
.is-body .ctrl-panel > div.center .external.right[data-v-3875a107] {
  right: 0;
}
.is-body .ctrl-panel .floor-wrapper[data-v-3875a107] {
  width: 0.375rem;
  border: 0.0125rem solid #4287f0;
  box-shadow: 0px 0px 10px #4276c5;
  border-radius: 5px;
  color: #ccc;
}
.is-body .ctrl-panel .floor-wrapper > div[data-v-3875a107] {
  width: 100%;
  height: 0.35rem;
  border-bottom: 0.0125rem solid #02f9fd;
  font-size: 0.1375rem;
  cursor: pointer;
}
.is-body .ctrl-panel .floor-wrapper > div.active[data-v-3875a107] {
  color: #4df8e9;
}
.is-body .ctrl-panel .floor-wrapper > div[data-v-3875a107]:last-child {
  border-bottom: 0;
}
.is-body .ctrl-panel .ctrl-seach[data-v-3875a107] {
  /* padding-left: 400px; */
}
.is-body .ctrl-panel .ctrl-seach .title[data-v-3875a107] {
  color: white;
}
.is-body .ctrl-panel .ctrl-seach .treeSelect[data-v-3875a107] {
  flex: 1;
}
.is-body .ctrl-panel .ctrl-btn[data-v-3875a107] {
  width: 8rem;
  display: flex;
  align-items: center;
}
.is-body .ctrl-panel .ctrl-btn .module-list-wrap[data-v-3875a107] {
  width: 7rem;
  overflow-x: scroll;
  display: flex;
  align-items: center;
  margin: 0 0.0625rem;
}
.is-body .ctrl-panel .ctrl-btn i[data-v-3875a107] {
  color: #fff;
  font-size: 0.3rem;
  height: 0.35rem;
  cursor: pointer;
}
.is-body .ctrl-panel .ctrl-btn .module-list[data-v-3875a107] {
  overflow: hidden;
  height: 0.35rem;
}
.is-body .ctrl-panel .ctrl-btn .module-list .module-item[data-v-3875a107] {
  width: 1rem;
  height: 0.35rem;
  background-color: rgba(19, 8, 198, 0.6901960784);
  color: white;
  text-align: center;
  line-height: 0.37rem;
  padding: 0 0.1rem;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}
.is-body .ctrl-panel .ctrl-btn .module-list .module-item[data-v-3875a107]:hover {
  background-color: #0a1bb7;
  /* transform: rotateZ(2deg) */
}
.is-body .ctrl-panel .ctrl-btn .module-list .module-item[data-v-3875a107]:active {
  opacity: 0.8;
}
.is-body .ctrl-panel .ctrl-btn .module-list .module-item-active[data-v-3875a107] {
  background-color: #0a1bb7;
}.screen-drawer .ivu-carousel-list,
.screen-drawer .ivu-carousel-track,
.screen-drawer .ivu-carousel-item {
  height: auto !important;
}
.screen-drawer .ivu-carousel-track {
  display: block !important;
}
.screen-drawer .ivu-drawer-body,
.screen-drawer .ivu-drawer {
  overflow: auto !important;
}
.screen-drawer .ivu-drawer .ivu-drawer-header-inner,
.screen-drawer .ivu-drawer .ivu-drawer-close .ivu-icon-ios-close,
.screen-drawer .ivu-drawer .ivu-drawer-body {
  color: white;
}
.screen-drawer .ivu-drawer .ivu-drawer-body {
  padding: 0;
}
.screen-drawer .ivu-drawer .ivu-drawer-header-inner {
  font-weight: bold;
}@font-face {
  font-family: "digital-7";
  src: url(../fonts/digital-7-D68qVRwS.ttf);
}
.laoding-enter-active[data-v-d354b205],
.laoding-leave-active[data-v-d354b205] {
  transition: opacity 0.5s;
}
.laoding-enter[data-v-d354b205],
.laoding-leave-to[data-v-d354b205] {
  opacity: 0;
}
.flex-cc[data-v-d354b205], .ctrl-panel .floor-wrapper .floor-item[data-v-d354b205], .ctrl-panel > div[data-v-d354b205], .is-head[data-v-d354b205] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex-ccc[data-v-d354b205] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.ball[data-v-d354b205] {
  position: fixed;
  bottom: 0.125rem;
  right: 0.0625rem;
  width: 50px;
  height: 50px;
  overflow: hidden;
  border-radius: 50%;
  box-shadow: 0.025rem 0.025rem 0.1rem -0.01rem #fff;
}
.ball .ball-img[data-v-d354b205] {
  position: relative;
  width: 200px;
  height: 140px;
  top: -45px;
  left: -75px;
}
.is-body[data-v-d354b205] {
  position: relative;
  width: 100%;
  height: 100%;
  background-image: url(../img/bg1-CILi2OR-.jpg);
  background-color: #0a1bb7;
  background-size: 100% 100%;
}
.fixed-form.alarm .list-item .name[data-v-d354b205] {
  color: tomato;
}
.fixed-form.alarm .floor-btn[data-v-d354b205] {
  color: tomato;
}
.fixed-form.info .list-item .name[data-v-d354b205] {
  color: #2ca6ff;
}
.fixed-form.info .floor-btn[data-v-d354b205] {
  color: skyblue;
}
.fixed-form[data-v-d354b205] .list-item {
  margin: 0.0625rem;
  font-size: 0.1375rem;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.fixed-form[data-v-d354b205] .list-item .content {
  color: #ffffff;
}
.fixed-form[data-v-d354b205] .list-item.pointer {
  cursor: pointer;
}
.fixed-form .floor-btn[data-v-d354b205] {
  float: right;
  padding: 0.075rem 0.0375rem;
  margin-left: 0.1rem;
  cursor: pointer;
}
.fixed-form .floor-btn.left[data-v-d354b205] {
  float: left;
  margin-left: 0;
  margin-right: 0.1rem;
}
.iframe-3d-wrapper[data-v-d354b205] {
  position: fixed;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.iframe-3d-wrapper .iframe-cover[data-v-d354b205] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}
.iframe-3d-wrapper .iframe-3d[data-v-d354b205] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.panels[data-v-d354b205] {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 3;
  pointer-events: none;
}
.is-head[data-v-d354b205] {
  width: 100%;
  height: 0.8rem;
  background: url(../img/head-bg-DAam7crX.png);
  position: relative;
  background-size: 100% 100%;
  user-select: none;
  align-items: flex-end;
  padding-bottom: 0.05rem;
  z-index: 1;
  pointer-events: auto;
}
@keyframes titleglow-d354b205 {
to {
    background-position: 91% 100%;
}
}
.theme-blue .is-head .text[data-v-d354b205], .theme-blue .is-head .subject span[data-v-d354b205], .theme-blue .is-head .time-wrapper .time-group .time[data-v-d354b205], .theme-blue .is-head .title .el[data-v-d354b205] {
  color: #95c9dd;
  background: linear-gradient(180deg, #d0f4f6, #95c9dd);
}
.theme-green .is-head .text[data-v-d354b205], .theme-green .is-head .subject span[data-v-d354b205], .theme-green .is-head .time-wrapper .time-group .time[data-v-d354b205], .theme-green .is-head .title .el[data-v-d354b205] {
  color: #0b7eaa;
  background: linear-gradient(180deg, #18acb4, #0b7eaa);
}
.is-head .text[data-v-d354b205], .is-head .subject span[data-v-d354b205], .is-head .time-wrapper .time-group .time[data-v-d354b205], .is-head .title .el[data-v-d354b205] {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
}
.is-head .title[data-v-d354b205] {
  align-self: center;
  letter-spacing: 0.0625rem;
  position: relative;
  font-size: 35px;
  font-weight: 800;
  margin-top: -0.15rem;
  -webkit-box-reflect: below -15px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255, 255, 255, 0.38)));
}
.is-head .title .text-box[data-v-d354b205] {
  display: inline-block;
}
.is-head .title .el[data-v-d354b205] {
  display: inline-block;
}
.is-head .handle[data-v-d354b205] {
  display: flex;
  z-index: 0;
}
.is-head .handle .item-name[data-v-d354b205] {
  margin: 0 0.0625rem;
  padding: 0 0.05rem;
  font-size: 25px;
  font-weight: bold;
  line-height: 2;
  position: relative;
  cursor: pointer;
}
.theme-blue .is-head .handle .item-name[data-v-d354b205] {
  color: #95c9dd;
}
.theme-green .is-head .handle .item-name[data-v-d354b205] {
  color: #0b7eaa;
}
.is-head .handle .item-name[data-v-d354b205]::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 100%;
  transition: all 0.5s;
  border-bottom: 0.025rem solid;
  z-index: -1;
}
.is-head .handle .item-name[data-v-d354b205]:hover::after {
  left: 0;
  width: 100%;
}
.theme-blue .is-head .handle .item-name[data-v-d354b205]:hover::after {
  border-color: #95c9dd;
  background: rgba(48, 57, 111, 0.3607843137);
}
.theme-green .is-head .handle .item-name[data-v-d354b205]:hover::after {
  border-color: #0b7eaa;
  background: rgba(24, 172, 180, 0.231372549);
}
.theme-blue .is-head .handle .item-name.active[data-v-d354b205] {
  color: #d0f4f6;
}
.theme-green .is-head .handle .item-name.active[data-v-d354b205] {
  color: #18acb4;
}
.is-head .handle .item-name.active[data-v-d354b205]::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.025rem;
  animation: mymove-d354b205 1s ease-out;
}
.theme-blue .is-head .handle .item-name.active[data-v-d354b205]::after {
  background-color: #95c9dd;
}
.theme-green .is-head .handle .item-name.active[data-v-d354b205]::after {
  background-color: #0b7eaa;
}
@keyframes mymove-d354b205 {
from {
    opacity: 0;
    transform: translateY(0.125rem);
}
to {
    opacity: 1;
    transform: translateY(0px);
}
}
.is-head .handle.left[data-v-d354b205] {
  margin-right: 0.8rem;
}
.is-head .handle.right[data-v-d354b205] {
  margin-left: 0.8rem;
}
.is-head .time-wrapper[data-v-d354b205] {
  position: absolute;
  bottom: 0;
  right: 0.2rem;
  display: flex;
  align-items: center;
}
.theme-blue .is-head .time-wrapper[data-v-d354b205] {
  color: #d0f4f6;
}
.theme-green .is-head .time-wrapper[data-v-d354b205] {
  color: #18acb4;
}
.is-head .time-wrapper .time-group[data-v-d354b205] {
  position: relative;
  width: 2rem;
  height: 0.5rem;
}
.is-head .time-wrapper .time-group .time[data-v-d354b205] {
  font-family: digital-7;
  line-height: 0.5rem;
  font-size: 0.375rem;
  position: absolute;
  z-index: 1;
}
.is-head .time-wrapper .time-group .time-shadow[data-v-d354b205] {
  position: absolute;
  z-index: 0;
  font-family: digital-7;
  line-height: 0.5rem;
  font-size: 0.375rem;
  color: rgba(208, 244, 246, 0.2196078431);
}
.is-head .time-wrapper i[data-v-d354b205] {
  font-size: 0.275rem;
  margin-left: 0.0625rem;
  cursor: pointer;
}
.is-head .subject[data-v-d354b205] {
  position: absolute;
  bottom: 0.2rem;
  left: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.is-head .subject span[data-v-d354b205] {
  font-size: 25px;
  font-weight: bold;
  line-height: 2;
  position: relative;
}
.is-head .subject[data-v-d354b205]::before {
  content: "";
  width: 150px;
  height: 60px;
  border: 2px solid #2ca6ff;
  border-radius: 3px;
  position: absolute;
  right: 0;
  animation: proRotate1-d354b205 20s infinite linear;
}
.is-head .subject[data-v-d354b205]::after {
  content: "";
  width: 150px;
  height: 40px;
  border: 2px solid #2ca6ff;
  border-radius: 3px;
  position: absolute;
  left: 0;
  animation: proRotate-d354b205 10s infinite linear;
}
@keyframes proRotate-d354b205 {
0% {
    transform: rotateZ(5deg) rotateY(0deg);
}
50% {
    transform: rotateZ(5deg) rotateY(360deg);
}
100% {
    transform: rotateZ(5deg) rotateY(0deg);
}
}
@keyframes proRotate1-d354b205 {
0% {
    transform: rotateZ(0deg) rotateY(0deg);
}
50% {
    transform: rotateZ(-5deg) rotateY(360deg);
}
100% {
    transform: rotateZ(0deg) rotateY(0deg);
}
}
.copyright[data-v-d354b205] {
  position: fixed;
  bottom: 0;
  right: 0.0625rem;
  line-height: 0.25rem;
  color: rgba(6, 160, 220, 0.5803921569);
}
[data-v-d354b205] .vue-treeselect__multi-value-item-container {
  display: none;
}
[data-v-d354b205] .is-main .border-wrapper {
  background-color: hsla(216, 86%, 57%, 0.173);
  padding: 0.0625rem 0;
  position: relative;
}
[data-v-d354b205] .is-main .left-main,[data-v-d354b205] .is-main .right-main {
  width: 18vw;
  height: calc(100% - 0.8rem - 0.6rem);
  position: absolute;
  padding: 0.0625rem 0.125rem 0.125rem;
  margin-top: 0.0625rem;
  display: flex;
  flex-direction: column;
  color: #ffffff;
  font-size: 0.15rem;
  pointer-events: auto;
}
[data-v-d354b205] .is-main .left-main {
  left: 0;
}
[data-v-d354b205] .is-main .right-main {
  right: 0;
}
[data-v-d354b205] .is-main .main-wrapper {
  width: 100%;
  padding: 0 0.125rem 0.0625rem;
  margin-bottom: 0.125rem;
  border-radius: 0.06rem;
}
.theme-blue[data-v-d354b205] .is-main .main-wrapper {
  color: #acfbff;
  background: rgba(13, 23, 86, 0.231372549);
  box-shadow: 0.025rem 0.025rem 0.1rem -0.01rem #2f44a3;
}
.theme-green[data-v-d354b205] .is-main .main-wrapper {
  color: #fff;
  background: rgba(24, 172, 180, 0.231372549);
  box-shadow: 0.025rem 0.025rem 0.1rem -0.01rem #0ea3bf;
}
[data-v-d354b205] .is-main .main-wrapper:last-child {
  margin-bottom: 0;
}
[data-v-d354b205] .is-main .main-wrapper .main-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 0.025rem solid rgba(41, 123, 245, 0.2);
  font-size: 0.1625rem;
  position: relative;
  line-height: 2.2;
  display: none;
}
[data-v-d354b205] .is-main .main-wrapper .main-title::before {
  content: " ";
  height: 0.025rem;
  width: 0.5rem;
  background-color: #4df8e9;
  position: absolute;
  bottom: -0.0125rem;
  left: 0;
}
[data-v-d354b205] .is-main .main-wrapper .main-content {
  margin-top: 0.075rem;
  padding: 0.0625rem 0;
}
@keyframes glow-d354b205 {
0% {
    box-shadow: 0.025rem 0.025rem 0.1rem -0.01rem #2f44a3;
}
100% {
    box-shadow: 0.025rem 0.025rem 0.25rem rgba(102, 245, 255, 0.6), inset 0 0 10px rgba(102, 245, 255, 0.4), 0 1px 0 rgb(102, 245, 255);
}
}
@keyframes glow-d354b205 {
0% {
    box-shadow: 0.025rem 0.025rem 0.1rem -0.01rem #0ea3bf;
}
100% {
    box-shadow: 0.025rem 0.025rem 0.25rem rgba(102, 245, 255, 0.6), inset 0 0 10px rgba(102, 245, 255, 0.4), 0 1px 0 rgb(102, 245, 255);
}
}
.ctrl-panel[data-v-d354b205] {
  width: 100%;
  position: absolute;
  bottom: 0.125rem;
  height: 0.375rem;
  display: flex;
  justify-content: center;
  z-index: 1;
  pointer-events: auto;
}
.ctrl-panel > div.side[data-v-d354b205] {
  width: 18vw;
}
.ctrl-panel > div.side.left[data-v-d354b205] {
  float: left;
  padding: 0 0.125rem;
}
.ctrl-panel > div.side.right[data-v-d354b205] {
  float: right;
  padding: 0 0.125rem;
}
.ctrl-panel > div.center[data-v-d354b205] {
  width: 100%;
  position: relative;
}
.ctrl-panel > div.center .external[data-v-d354b205] {
  position: absolute;
  bottom: calc(100% + 0.1rem);
}
.ctrl-panel > div.center .external.left[data-v-d354b205] {
  left: 0;
}
.ctrl-panel > div.center .external.right[data-v-d354b205] {
  right: 0;
}
.ctrl-panel .floor-wrapper[data-v-d354b205] {
  width: 0.375rem;
  border: 0.0125rem solid #4287f0;
  box-shadow: 0px 0px 10px #4276c5;
  border-radius: 5px;
  color: #ccc;
  display: flex;
  flex-direction: column-reverse;
}
.ctrl-panel .floor-wrapper .floor-scroll[data-v-d354b205] {
  overflow-y: scroll;
}
.ctrl-panel .floor-wrapper .floor-scroll[data-v-d354b205]::-webkit-scrollbar {
  display: none;
}
.ctrl-panel .floor-wrapper .floor-item[data-v-d354b205] {
  width: 100%;
  height: 0.35rem;
  border-bottom: 0.0125rem solid;
  font-size: 0.1375rem;
  cursor: pointer;
  background-color: rgba(66, 136, 240, 0.205);
}
.theme-blue .ctrl-panel .floor-wrapper .floor-item[data-v-d354b205] {
  border-color: #209cff;
}
.theme-green .ctrl-panel .floor-wrapper .floor-item[data-v-d354b205] {
  border-color: #2c89ac;
}
.theme-blue .ctrl-panel .floor-wrapper .floor-item.active[data-v-d354b205] {
  color: #209cff;
  background: #d0f4f6;
}
.theme-green .ctrl-panel .floor-wrapper .floor-item.active[data-v-d354b205] {
  color: #2c89ac;
  background: #18acb4;
}
[data-v-d354b205] .ivu-select-dropdown {
  background: rgba(29, 60, 165, 0.7882352941);
}
[data-v-d354b205] .ivu-switch {
  border-color: #ccc !important;
}
[data-v-d354b205] .conf-menu {
  display: flex;
  flex-direction: column;
  padding: 0.125rem;
}
[data-v-d354b205] .conf-menu .conf-item {
  display: flex;
  align-items: center;
  margin-bottom: 0.0625rem;
}
[data-v-d354b205] .conf-menu .conf-item span:first-child {
  white-space: nowrap;
}.bg[data-v-c4d75743] {
  background-image: url("../img/bg1-Bd_QmF1O.png");
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
  padding: 0 0.15rem 0.15rem;
  font-size: 0.175rem;
  color: #ffffff;
}
.bg .body[data-v-c4d75743] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  z-index: 1;
  position: relative;
}
.bg .body .head-wrapper[data-v-c4d75743] {
  padding: 0.1rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bg .body .head-wrapper .tabs-wrapper[data-v-c4d75743] {
  display: flex;
}
.bg .body .head-wrapper .tabs-wrapper > div[data-v-c4d75743] {
  line-height: 2.2;
  width: 1.5rem;
  padding: 0 0.125rem;
  margin-right: 0.1875rem;
  background-image: linear-gradient(to top, #02f9fd, #0e72b3);
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 0.18rem;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
}
.bg .body .head-wrapper .tabs-wrapper > div.active[data-v-c4d75743] {
  border-bottom: 0.0125rem solid #02f9fd;
  animation-name: identifier-c4d75743;
  animation-duration: 1s;
}
@keyframes identifier-c4d75743 {
from {
    opacity: 0.7;
}
to {
    opacity: 1;
}
}
.bg .body .head-wrapper .title-wrapper[data-v-c4d75743] {
  text-align: right;
}
.bg .body .head-wrapper .title-wrapper .title[data-v-c4d75743] {
  color: #ffffff;
}
.bg .body .head-wrapper .title-wrapper .title .more[data-v-c4d75743] {
  padding-right: 0.1rem;
  cursor: pointer;
}
.bg .body .head-wrapper .title-wrapper .title .more .iconarrows-left[data-v-c4d75743] {
  padding-left: 0.1rem;
  display: inline-block;
  transform: rotate(180deg);
}
.bg .body .head-wrapper .title-wrapper .sub-title[data-v-c4d75743] {
  font-size: 0.175rem;
  color: #409eff;
}
.bg .body .content[data-v-c4d75743] {
  flex: 1;
  overflow: hidden;
}
.bg .body .component-fade-enter-active[data-v-c4d75743],
.bg .body .component-fade-leave-active[data-v-c4d75743] {
  transition: opacity 0.2s ease;
}
.bg .body .component-fade-enter[data-v-c4d75743], .bg .body .component-fade-leave-to[data-v-c4d75743] {
  opacity: 0;
}.add-prog[data-v-79944a7b] {
  display: flex;
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
  overflow-y: auto;
  height: 100%;
  width: 100%;
}
.add-prog .goBack[data-v-79944a7b] {
  position: absolute;
  right: 25px;
  top: 0;
}
.add-prog .title[data-v-79944a7b] {
  font-size: 16px;
  padding: 3px 0;
  text-indent: 10px;
  border-left: 3px solid #409eff;
  margin: 10px 0 30px;
}
.add-prog .not-choose-hint[data-v-79944a7b] {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #6b6b6b;
  min-height: 220px;
  height: 100%;
}
.add-prog .left-area[data-v-79944a7b] {
  width: 50%;
  max-width: 500px;
  padding-right: 20px;
}
.add-prog .left-area .chart-area[data-v-79944a7b] {
  padding: 8px 15px;
  border: 1px solid #dcdee2;
  border-radius: 5px;
}
.add-prog .left-area .chart-area .chart-list[data-v-79944a7b] {
  position: relative;
}
.add-prog .left-area .chart-area .chart-list .check-all[data-v-79944a7b] {
  border-bottom: 1px solid #dcdee2;
  padding-bottom: 6px;
  margin-bottom: 6px;
}
.add-prog .left-area .chart-area .chart-list .preview-btn[data-v-79944a7b] {
  position: absolute;
  right: -8px;
  bottom: 0;
}
.add-prog .left-area .btn-araa[data-v-79944a7b] {
  display: flex;
  justify-content: center;
}
.add-prog .left-area .btn-araa > *[data-v-79944a7b] {
  margin: 0 15px;
  width: 150px;
}
.add-prog .right-area[data-v-79944a7b] {
  flex: 1;
  margin-top: 45px;
}
.add-prog .right-area .not-choose-hint[data-v-79944a7b] {
  min-height: 550px;
  background-color: #f9f9f9;
}
.add-prog .right-area .preview-chart-area > div[data-v-79944a7b] {
  width: 100%;
  height: 400px;
  margin: 10px 0;
}.hs-container[data-v-18d213c0] {
  overflow: auto;
  background-color: #f5f5f5;
  z-index: 0;
}
.hs-container .hs-bg[data-v-18d213c0] {
  background-color: #72a4f8;
  max-height: 450px;
  height: 30vh;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  min-width: 1024px;
}
.hs-container .hs-body[data-v-18d213c0] {
  max-width: 1440px;
  width: 80%;
  margin: 0 auto;
  min-width: 1024px;
}
.hs-container .hs-body .hs-head[data-v-18d213c0] {
  display: flex;
  padding: 15px;
}
.hs-container .hs-body .hs-head img[data-v-18d213c0] {
  height: 45px;
}
.hs-container .hs-body .hs-main[data-v-18d213c0] {
  padding: 10px;
  background-color: white;
  min-height: calc(100vh - 150px);
  margin-bottom: 30px;
  margin-top: 30px;
  position: relative;
  padding: 30px 100px;
}.info-table[data-v-28d6580c] {
  margin-bottom: 25px;
  border: 1px solid #dcdee2;
  width: 100%;
}
.info-table .table-head span[data-v-28d6580c] {
  background: #f8fbff !important;
  padding-left: 15px;
  justify-content: start !important;
  font-weight: bold;
}
.info-table .info-row[data-v-28d6580c] {
  display: flex;
}
.info-table .info-row > span[data-v-28d6580c]:nth-child(2n+1) {
  background-color: #f9f9f9;
}
.info-table .info-row > span[data-v-28d6580c]:nth-child(2) {
  justify-content: left;
  padding-left: 15px;
  flex: 5;
}
.info-table .info-row[data-v-28d6580c]:not(:last-child) {
  border-bottom: 1px solid #dcdee2;
}
.info-table .info-row > span[data-v-28d6580c] {
  flex: 1;
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.info-table .info-row > span[data-v-28d6580c]:not(:last-child) {
  border-right: 1px solid #dcdee2;
}
.info-table .info-row > span[data-v-28d6580c]:nth-child(2) {
  flex: 1;
  justify-content: center;
  padding-left: 0px;
}.info-table[data-v-5b070a89] {
  margin-bottom: 25px;
  border: 1px solid #dcdee2;
  width: 100%;
}
.info-table .table-head span[data-v-5b070a89] {
  background: #f8fbff !important;
  padding-left: 15px;
  justify-content: start !important;
  font-weight: bold;
}
.info-table .info-row[data-v-5b070a89] {
  display: flex;
}
.info-table .info-row > span[data-v-5b070a89]:nth-child(2n+1) {
  background-color: #f9f9f9;
}
.info-table .info-row > span[data-v-5b070a89]:nth-child(2) {
  justify-content: left;
  padding-left: 15px;
  flex: 5;
}
.info-table .info-row[data-v-5b070a89]:not(:last-child) {
  border-bottom: 1px solid #dcdee2;
}
.info-table .info-row > span[data-v-5b070a89] {
  flex: 1;
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.info-table .info-row > span[data-v-5b070a89]:not(:last-child) {
  border-right: 1px solid #dcdee2;
}
[data-v-5b070a89] .red {
  color: #ff0000;
}
[data-v-5b070a89] .blue {
  color: #3a8ee6;
}
[data-v-5b070a89] .green {
  color: #008000;
}
[data-v-5b070a89] .orange {
  color: rgb(255, 182, 46);
}
[data-v-5b070a89] .ivu-modal {
  top: 0;
}
.info-table .info-row > span[data-v-5b070a89]:nth-child(2) {
  flex: 1;
  justify-content: center;
  padding-left: 0px;
}
.info-table .info-chart[data-v-5b070a89] {
  padding: 5%;
}
.info-table .info-chart .echart-area[data-v-5b070a89] {
  height: 400px;
}
.info-table .info-chart .data-details[data-v-5b070a89] {
  text-align: center;
}.info-table[data-v-97bd7cf2] {
  margin-bottom: 25px;
  border: 1px solid #dcdee2;
  width: 100%;
}
.info-table .table-head span[data-v-97bd7cf2] {
  background: #f8fbff !important;
  padding-left: 15px;
  justify-content: start !important;
  font-weight: bold;
}
.info-table .info-row[data-v-97bd7cf2] {
  display: flex;
}
.info-table .info-row > span[data-v-97bd7cf2]:nth-child(2n+1) {
  background-color: #f9f9f9;
}
.info-table .info-row > span[data-v-97bd7cf2]:nth-child(2) {
  justify-content: left;
  padding-left: 15px;
  flex: 5;
}
.info-table .info-row[data-v-97bd7cf2]:not(:last-child) {
  border-bottom: 1px solid #dcdee2;
}
.info-table .info-row > span[data-v-97bd7cf2] {
  flex: 1;
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.info-table .info-row > span[data-v-97bd7cf2]:not(:last-child) {
  border-right: 1px solid #dcdee2;
}
.analy-report .downLoadReport[data-v-97bd7cf2] {
  position: absolute;
  right: 100px;
  height: 30px;
}
.analy-report .title[data-v-97bd7cf2] {
  margin: 60px;
  text-align: center;
}
.analy-report .footer-btn[data-v-97bd7cf2] {
  padding: 40px;
  display: flex;
  justify-content: center;
}
.hs-view-container[data-v-39def205] {
  display: flex;
  justify-content: space-between;
  padding: 10px;
}
.hs-view-container .left-area[data-v-39def205] {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}
.hs-view-container .left-area .an-list-box[data-v-39def205] {
  width: calc(25% - 20px);
  min-width: 240px;
  margin: 0 10px 15px;
  height: 220px;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.09);
}
.hs-view-container .left-area .an-list-item[data-v-39def205] {
  position: relative;
}
.hs-view-container .left-area .an-list-item .an-item-pic[data-v-39def205] {
  width: 100%;
  height: calc(100% - 38px);
  display: flex;
}
.hs-view-container .left-area .an-list-item .an-item-pic img[data-v-39def205] {
  width: 100%;
  object-fit: cover;
  height: 100%;
}
.hs-view-container .left-area .an-list-item .an-item-name[data-v-39def205] {
  line-height: 38px;
  width: 100%;
  text-align: center;
}
.hs-view-container .left-area .an-list-item .an-item-operation[data-v-39def205] {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.hs-view-container .left-area .an-list-item .an-item-operation .oper-btn[data-v-39def205] {
  color: white;
  cursor: pointer;
  line-height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hs-view-container .left-area .an-list-item .an-item-operation .oper-btn[data-v-39def205]:hover {
  color: #72a4f8;
}
.hs-view-container .left-area .an-list-item .an-item-operation .oper-btn > span[data-v-39def205] {
  padding: 0 3px;
}
.hs-view-container .left-area .an-list-item:hover .an-item-operation[data-v-39def205] {
  display: flex;
}
.hs-view-container .left-area .add-an[data-v-39def205] {
  display: flex;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.hs-view-container .left-area .add-an[data-v-39def205]:hover {
  color: #409eff;
}
.hs-view-container .left-area .add-an[data-v-39def205]::before {
  content: "+";
  font-size: 40px;
}
.hs-view-container .left-area .add-an[data-v-39def205]::after {
  content: "点击新增";
}
.hs-view-container .right-area[data-v-39def205] {
  min-width: 250px;
  max-width: 350px;
  width: 25%;
  display: flex;
  flex-direction: column;
}
.hs-view-container .right-area .an-user[data-v-39def205] {
  display: flex;
  position: relative;
}
.hs-view-container .right-area .an-user img[data-v-39def205] {
  width: 100%;
}
.hs-view-container .right-area .an-user .an-user-info[data-v-39def205] {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  height: 100%;
  padding: 14px;
  color: white;
  border-radius: 8px;
}
.hs-view-container .right-area .an-user .an-user-info .user-name[data-v-39def205] {
  font-weight: bold;
  font-size: 18px;
  line-height: 35px;
}
.hs-view-container .right-area .an-manual[data-v-39def205] {
  margin-top: 10px;
  flex: 1;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.09);
  overflow: auto;
  border-radius: 8px;
}
.hs-view-container .right-area .an-manual .an-manual-head[data-v-39def205] {
  border-bottom: 1px solid #474747;
  line-height: 40px;
  padding: 0 15px;
}
.hs-view-container .right-area .an-manual .an-manual-head .an-manual-title[data-v-39def205] {
  font-size: 16px;
}
.hs-view-container .right-area .an-manual .an-manual-head .an-manual-subtitle[data-v-39def205] {
  color: #ccc;
  font-size: 13px;
  margin-left: 5px;
}
.hs-view-container .right-area .an-manual .an-manual-main[data-v-39def205] {
  padding: 15px;
}
.hs-view-container .right-area .an-manual .an-manual-main .an-manual-item[data-v-39def205] {
  width: 100%;
  cursor: pointer;
}
.hs-view-container .right-area .an-manual .an-manual-main .an-manual-item div[data-v-39def205] {
  line-height: 40px;
}
.hs-view-container .right-area .an-manual .an-manual-main .an-manual-item img[data-v-39def205] {
  width: 100%;
  object-fit: cover;
}
[data-v-39def205] .choose-form {
  display: flex;
  justify-content: space-around;
}
[data-v-39def205] .choose-form .type-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
  width: 50%;
  cursor: pointer;
}
[data-v-39def205] .choose-form .type-item:hover {
  background-color: #f4f4f4;
}
[data-v-39def205] .choose-form .type-item > span {
  font-size: 50px;
  color: #3879f6;
}.info-table[data-v-3e4e5241] {
  margin-bottom: 25px;
  border: 1px solid #dcdee2;
  width: 100%;
}
.info-table .table-head span[data-v-3e4e5241] {
  background: #f8fbff !important;
  padding-left: 15px;
  justify-content: start !important;
  font-weight: bold;
}
.info-table .info-row[data-v-3e4e5241] {
  display: flex;
}
.info-table .info-row > span[data-v-3e4e5241]:nth-child(2n+1) {
  background-color: #f9f9f9;
}
.info-table .info-row > span[data-v-3e4e5241]:nth-child(2) {
  justify-content: left;
  padding-left: 15px;
  flex: 5;
}
.info-table .info-row[data-v-3e4e5241]:not(:last-child) {
  border-bottom: 1px solid #dcdee2;
}
.info-table .info-row > span[data-v-3e4e5241] {
  flex: 1;
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.info-table .info-row > span[data-v-3e4e5241]:not(:last-child) {
  border-right: 1px solid #dcdee2;
}
.info-table .perform-comments .comments-user[data-v-3e4e5241] {
  color: rgb(155, 155, 155);
}
.info-table .perform-comments .comments-info[data-v-3e4e5241] {
  height: 30px;
  display: flex;
  align-items: center;
}
.info-table .perform-comments .comments-info .comments-time[data-v-3e4e5241]::after {
  content: "|";
  color: #dcdee2;
  margin-left: 5px;
  font-size: 13px;
}
.info-table .perform-comments[data-v-3e4e5241] .ivu-btn-text:focus {
  box-shadow: none;
}.info-table[data-v-3b90c5a2] {
  margin-bottom: 25px;
  border: 1px solid #dcdee2;
  width: 100%;
}
.info-table .table-head span[data-v-3b90c5a2] {
  background: #f8fbff !important;
  padding-left: 15px;
  justify-content: start !important;
  font-weight: bold;
}
.info-table .info-row[data-v-3b90c5a2] {
  display: flex;
}
.info-table .info-row > span[data-v-3b90c5a2]:nth-child(2n+1) {
  background-color: #f9f9f9;
}
.info-table .info-row > span[data-v-3b90c5a2]:nth-child(2) {
  justify-content: left;
  padding-left: 15px;
  flex: 5;
}
.info-table .info-row[data-v-3b90c5a2]:not(:last-child) {
  border-bottom: 1px solid #dcdee2;
}
.info-table .info-row > span[data-v-3b90c5a2] {
  flex: 1;
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.info-table .info-row > span[data-v-3b90c5a2]:not(:last-child) {
  border-right: 1px solid #dcdee2;
}.analy-report .downLoadReport[data-v-b86a720b] {
  position: absolute;
  right: 100px;
  height: 30px;
}
.analy-report .title[data-v-b86a720b] {
  margin: 60px;
  text-align: center;
}.analy-report .downLoadReport[data-v-49210089] {
  position: absolute;
  right: 100px;
  height: 30px;
}
.analy-report .title[data-v-49210089] {
  margin: 60px;
  text-align: center;
}
.analy-report .segmentation-title[data-v-49210089] {
  position: relative;
  text-align: center;
  margin: 20px 0;
  color: rgb(155, 155, 155);
}
.analy-report .segmentation-title[data-v-49210089]::before {
  content: "";
  position: absolute;
  top: 50%;
  width: 100%;
  left: 0;
  border-top: 1px dashed #dcdee2;
}.analy-report .downLoadReport[data-v-44383dbb] {
  position: absolute;
  right: 100px;
  height: 30px;
}
.analy-report .title[data-v-44383dbb] {
  margin: 60px;
  text-align: center;
}.info-table[data-v-5897183e] {
  border: 1px solid #e8eaec;
  width: 100%;
  border-radius: 5px;
}
.info-table .table-head[data-v-5897183e] {
  background: #409eff;
  border-radius: 5px 5px 0 0;
}
.info-table .table-head span[data-v-5897183e] {
  padding-left: 15px;
  justify-content: start;
  font-weight: bold;
  color: #fff;
}
.info-table .info-row[data-v-5897183e] {
  display: flex;
}
.info-table .info-row[data-v-5897183e]:not(:last-child) {
  border-bottom: 1px solid #e8eaec;
}
.info-table .info-row > span[data-v-5897183e] {
  flex: 1 0 33.3%;
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: start;
  padding-left: 15px;
}
.info-table .info-row > span[data-v-5897183e]:not(:last-child) {
  border-right: 1px solid #e8eaec;
}
.info-table .info-row > div[data-v-5897183e] {
  flex: 1 0 33.3%;
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: start;
}
.info-table .info-row > div[data-v-5897183e]:not(:last-child) {
  border-right: 1px solid #e8eaec;
}
.info-table .info-row .params[data-v-5897183e] {
  display: flex;
  flex-direction: column;
}
.info-table .info-row .params .params-merge[data-v-5897183e] {
  display: flex;
  width: 100%;
}
.info-table .info-row .params .params-merge[data-v-5897183e]:not(:last-child) {
  border-bottom: 1px solid #e8eaec;
}
.info-table .info-row .params .params-merge > span[data-v-5897183e] {
  width: 20%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.info-table .info-row .params .params-merge .params-set[data-v-5897183e] {
  border-left: 1px solid #e8eaec;
  flex: 1;
}
.info-table .info-row .params .params-item[data-v-5897183e] {
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: start;
  width: 100%;
  padding-left: 15px;
}
.info-table .info-row .params .params-item[data-v-5897183e]:not(:last-child) {
  border-bottom: 1px solid #e8eaec;
}
.info-table .info-row .params .params-item span[data-v-5897183e]:last-child {
  margin-left: 5px;
}
.hs-view-container[data-v-7d59f51e] {
  display: flex;
}
.hs-view-container .hs-view-left[data-v-7d59f51e] {
  width: 300px;
  height: 100%;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 5px;
}
.hs-view-container .hs-view-right[data-v-7d59f51e] {
  width: calc(100% - 335px);
  height: 100%;
  margin-left: 35px;
}
.hs-view-container .hs-view-right .hs-view-head[data-v-7d59f51e] {
  justify-content: flex-end;
}
.hs-view-container .hs-view-right .hs-view-content[data-v-7d59f51e] {
  height: calc(100% - 50px);
  border: 1px solid #d9d9d9;
  display: flex;
}
.hs-view-container .hs-view-right .hs-view-content .member-container[data-v-7d59f51e] {
  padding: 10px;
  flex: 1;
}
.hs-view-container .hs-view-right .hs-view-content .member-container[data-v-7d59f51e]:not(:last-child) {
  border-right: 1px solid #d9d9d9;
}
.hs-view-container .hs-view-right .hs-view-content .member-container .member-head[data-v-7d59f51e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.hs-view-container .hs-view-right .hs-view-content .member-container .member-head .title[data-v-7d59f51e] {
  border-left: 2px solid #0472e4;
  font-size: 16px;
  padding-left: 5px;
}
.hs-view-container .hs-view-right .hs-view-content .member-container .member-head .search button[data-v-7d59f51e] {
  margin-left: 10px;
}
.hs-view-container .hs-view-right .hs-view-content .member-container .member-content[data-v-7d59f51e] {
  height: calc(100% - 42px);
}
.hs-view-container .hs-view-right .hs-view-content .member-container .member-content > .member-head[data-v-7d59f51e] {
  padding: 0px 10px;
}
.hs-view-container .hs-view-right .hs-view-content .member-container .member-content .member-list[data-v-7d59f51e] {
  width: 100%;
  height: calc(100% - 42px);
  margin-bottom: 5px;
  overflow-x: auto;
}
.hs-view-container .hs-view-right .hs-view-content .member-container .member-content .member-list .item[data-v-7d59f51e] {
  display: flex;
  align-items: center;
  padding: 5px 10px;
}
.hs-view-container .hs-view-right .hs-view-content .member-container .member-content .member-list .item[data-v-7d59f51e]:hover {
  background: #eee;
  cursor: pointer;
}
.hs-view-container .hs-view-right .hs-view-content .member-container .member-content .member-list[data-v-7d59f51e]:empty::after {
  content: "暂无数据";
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #999;
}[data-v-cbb3e339] .describe {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}.prompt-tip[data-v-305f580b] {
  margin-top: 6px;
  color: #999;
  font-size: 12px;
  line-height: 1.5;
}.hs-view-container[data-v-27684a09] {
  height: 100%;
}
.toolbar-filter[data-v-27684a09] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.refresh-icon-btn[data-v-27684a09] {
  padding: 0 10px;
  font-size: 16px;
}.hs-view-container[data-v-f61bb7fc] {
  height: 100%;
}
.toolbar-filter[data-v-f61bb7fc] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.refresh-icon-btn[data-v-f61bb7fc] {
  padding: 0 10px;
  font-size: 16px;
}.type-select[data-v-1c1dbd73] {
  display: flex;
  align-items: center;
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
}
.active[data-v-1c1dbd73]::before {
  content: "*";
  color: red;
}
[data-v-1c1dbd73] .ivu-tabs {
  height: 100%;
}
[data-v-1c1dbd73] .ivu-tabs-content {
  width: 100%;
  height: 100%;
}
.btn-blue[data-v-1c1dbd73] {
  color: #409eff;
  border: 1px solid #409eff;
}
[data-v-1c1dbd73] .state0,
.state[data-v-1c1dbd73] {
  color: #999;
}
[data-v-1c1dbd73] .state1 {
  color: #409eff;
}
[data-v-1c1dbd73] .state2 {
  color: #47cb89;
}
.type-list[data-v-1c1dbd73] {
  display: flex;
  flex-direction: column;
  overflow: auto;
  height: 500px;
}
.type-list .type-item[data-v-1c1dbd73] {
  margin-bottom: 10px;
}
.type-list .type-item .iot-list[data-v-1c1dbd73] {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
}
.type-list .type-item .iot-list .iot-item[data-v-1c1dbd73] {
  padding: 5px;
  border: 1px solid #eee;
  border-radius: 5px;
  cursor: pointer;
}
.info-table[data-v-1c1dbd73] {
  border: 1px solid #dcdee2;
  width: 100%;
  margin: 10px 0 20px;
}
.info-table .table-head[data-v-1c1dbd73] {
  background: #409eff;
  color: #fff;
}
.info-table .info-row[data-v-1c1dbd73] {
  display: flex;
}
.info-table .info-row[data-v-1c1dbd73]:not(:last-child) {
  border-bottom: 1px solid #dcdee2;
}
.info-table .info-row > span[data-v-1c1dbd73] {
  flex: 1 0 7.6%;
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.info-table .info-row > span[data-v-1c1dbd73]:not(:last-child) {
  border-right: 1px solid #dcdee2;
}.main[data-v-5c0ba08a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  height: 40px;
}
.main .left[data-v-5c0ba08a] {
  display: flex;
  align-items: center;
}
.main .left .title[data-v-5c0ba08a] {
  padding-left: 10px;
}
.main .left .subtitle[data-v-5c0ba08a] {
  font-size: 12px;
  color: #8d8d8d;
}
.main .left .subtitle[data-v-5c0ba08a]::before {
  text-align: center;
  content: "|";
  padding: 0 5px;
}.chart-list[data-v-e9f26677] {
  margin-bottom: 15px;
}
.chart-list .type-title-area[data-v-e9f26677] {
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 6px;
  margin-bottom: 6px;
}
.chart-list .ivu-checkbox-wrapper[data-v-e9f26677] {
  padding: 10px;
}[data-v-8cf60be4] .ivu-table-wrapper {
  border-radius: 5px;
}
[data-v-8cf60be4] .not-started {
  color: #ff0000;
}
[data-v-8cf60be4] .executing {
  color: #3a8ee6;
}
[data-v-8cf60be4] .completed {
  color: #008000;
}
.hs-view-container[data-v-8cf60be4] {
  display: flex;
  justify-content: space-between;
  height: 100%;
  z-index: 1;
  background: #eef3f6;
  padding: 10px;
  overflow: auto;
}
.hs-view-container .os-box[data-v-8cf60be4] {
  background-color: white;
  padding: 5px 15px 10px;
  width: 100%;
  margin-bottom: 15px;
}
.hs-view-container .os-left[data-v-8cf60be4] {
  width: calc(70% - 15px);
}
.hs-view-container .os-left .os-banner[data-v-8cf60be4] {
  display: inline-flex;
  padding: 0;
  max-height: 300px;
}
.hs-view-container .os-left .os-banner img[data-v-8cf60be4] {
  width: 100%;
  border-radius: 4px;
}
.hs-view-container .os-left .os-fun .os-fun-main[data-v-8cf60be4] {
  display: flex;
  justify-content: space-around;
}
.hs-view-container .os-left .os-fun .os-fun-main .os-fun-entry[data-v-8cf60be4] {
  width: 23%;
  max-width: 250px;
  text-align: center;
}
.hs-view-container .os-left .os-fun .os-fun-main .os-fun-entry img[data-v-8cf60be4] {
  width: 100%;
}
.hs-view-container .os-left .os-chart[data-v-8cf60be4] {
  display: flex;
  flex-flow: wrap;
}
.hs-view-container .os-left .os-chart .os-chart-area[data-v-8cf60be4] {
  width: 50%;
  height: 400px;
  margin: 10px 0;
}
@media screen and (max-width: 1280px) {
.hs-view-container .os-left .os-chart .os-chart-area[data-v-8cf60be4] {
    width: 100%;
}
}
.hs-view-container .os-right[data-v-8cf60be4] {
  width: 30%;
}
.hs-view-container .os-right .os-task[data-v-8cf60be4] {
  height: calc(50% - 7.5px);
}.content[data-v-aca8848f] {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.content .wrapper[data-v-aca8848f]:not(:last-child) {
  border-bottom: 1px solid #dcdee2;
}
.content .info-table[data-v-aca8848f] {
  border: 1px solid #dcdee2;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.content .info-table .table-head span[data-v-aca8848f] {
  padding-left: 15px;
  justify-content: start !important;
  font-weight: bold;
  background: #f8fbff !important;
}
.content .info-table .info-row[data-v-aca8848f] {
  display: flex;
}
.content .info-table .info-row[data-v-aca8848f]:not(:last-child) {
  border-bottom: 1px solid #dcdee2;
}
.content .info-table .info-row > *[data-v-aca8848f] {
  flex: 1 0 12.5%;
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: break-spaces;
  word-break: break-all;
  word-wrap: break-word;
}
.content .info-table .info-row > *[data-v-aca8848f]:not(:last-child) {
  border-right: 1px solid #dcdee2;
}
.content .info-table .info-row > *[data-v-aca8848f]:nth-child(odd) {
  background: #f9f9f9;
}
.content .info-table .desc-cell[data-v-aca8848f] {
  justify-content: start;
  padding-left: 15px;
}
.content .info-wrapper[data-v-aca8848f] {
  border: none;
}
.content .info-wrapper .table-wrapper[data-v-aca8848f] {
  max-height: 530px;
  border: none;
  padding: 10px;
}
.content .info-wrapper[data-v-aca8848f] .ivu-table th {
  background: #f8fbff !important;
  color: #515a6e;
}.hs-container[data-v-543c718d] {
  overflow: inherit;
}
.repair-order-basic-info[data-v-543c718d] {
  width: 100%;
  font-size: 14px;
  color: #515a6e;
  padding: 0 10px 5px;
}
.repair-order-basic-info div[data-v-543c718d] {
  display: flex;
}
.repair-order-basic-info p[data-v-543c718d] {
  line-height: 30px;
  padding-left: 70px;
  text-indent: -70px;
  flex: 1;
  word-break: break-all;
}.info-table[data-v-3c77656b] {
  border: 1px solid #dcdee2;
  width: 100%;
}
.info-table .table-head[data-v-3c77656b] {
  background: #f8fbff;
}
.info-table .table-head span[data-v-3c77656b] {
  padding-left: 15px;
  justify-content: start !important;
  font-weight: bold;
}
.info-table .info-row[data-v-3c77656b] {
  display: flex;
}
.info-table .info-row[data-v-3c77656b]:not(:last-child) {
  border-bottom: 1px solid #dcdee2;
}
.info-table .info-row > span[data-v-3c77656b] {
  flex: 1 0 12.5%;
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.info-table .info-row > span[data-v-3c77656b]:not(:last-child) {
  border-right: 1px solid #dcdee2;
}
.info-table .info-row > div[data-v-3c77656b] {
  flex: 1 0 12.5%;
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.info-table .info-row > div[data-v-3c77656b]:not(:last-child) {
  border-right: 1px solid #dcdee2;
}.content[data-v-d17707ed] {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.content .detail-trace[data-v-d17707ed] {
  width: 100%;
  display: flex;
  margin: 0 auto;
  background: #f2f9ff;
  padding: 20px;
}
.content .detail-trace li[data-v-d17707ed] {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.content .detail-trace li > .content[data-v-d17707ed] {
  text-align: center;
  width: 144px;
}
.content .detail-trace li > .content img[data-v-d17707ed] {
  width: 50px;
}
.content .detail-trace li > .content p[data-v-d17707ed] {
  width: 100%;
}
.content .detail-trace li .line[data-v-d17707ed] {
  width: 100%;
  border-bottom: 4px dotted #eee;
  margin-top: -15px;
}
.content .detail-trace li:last-child .line[data-v-d17707ed],
.content .detail-trace li:last-child i[data-v-d17707ed] {
  opacity: 0;
}
.content .trace-detail[data-v-d17707ed] {
  width: 100%;
  margin-top: 20px;
  background: #f2f9ff;
  padding: 20px;
}
.content .trace-detail .list[data-v-d17707ed] {
  width: 100%;
  display: flex;
}
.content .trace-detail .list > span[data-v-d17707ed] {
  color: #333;
  font-weight: 400;
  padding: 0 14px 0 10px;
}
.content .trace-detail .list .info[data-v-d17707ed] {
  padding-bottom: 20px;
  flex: 1;
  padding-left: 14px;
  border-left: 1px solid #d3d3d3;
  position: relative;
}
.content .trace-detail .list:not(:first-child) .info[data-v-d17707ed]::after {
  content: " ";
  background: #999999;
  position: absolute;
  left: -6px;
  top: 0px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
}
.content .trace-detail .list:first-child .info i[data-v-d17707ed] {
  color: #2e9dff;
  position: absolute;
  background: #f2f9ff;
  left: -11px;
  top: 0px;
  font-size: 20px;
}
.content .trace-detail .list:last-child .info[data-v-d17707ed] {
  border-left: 1px solid #f2f9ff;
}.head[data-v-6042f17c] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
  margin-bottom: 10px;
}
.head .h-info[data-v-6042f17c] {
  display: flex;
  align-items: center;
}
.head .h-info .code[data-v-6042f17c] {
  font-weight: bold;
  font-size: 16px;
}
.head .NOT[data-v-6042f17c] {
  background-color: #eab517;
}
.head .BACK[data-v-6042f17c] {
  background-color: #eab517;
}
.head .URGE[data-v-6042f17c] {
  background-color: #eab517;
}
.head .RECOVER[data-v-6042f17c] {
  background-color: #8000ff;
}
.head .WAIT[data-v-6042f17c] {
  background-color: #eab517;
}
.head .ROB[data-v-6042f17c] {
  background-color: #eab517;
}
.head .PEND[data-v-6042f17c] {
  background-color: #eab517;
}
.head .REPEND[data-v-6042f17c] {
  background-color: #eab517;
}
.head .ING[data-v-6042f17c] {
  background-color: #409eff;
}
.head .PAUSE[data-v-6042f17c] {
  background-color: red;
}
.head .ASSIST[data-v-6042f17c] {
  background-color: #ff9900;
}
.head .CANCEL[data-v-6042f17c] {
  background-color: #666;
}
.head .DONE[data-v-6042f17c],
.head .REVIEW[data-v-6042f17c],
.head .VISIT[data-v-6042f17c] {
  /* color: #36ad05; */
  background-color: #38a40b;
}
.head .status-btn[data-v-6042f17c] {
  padding: 3px 15px;
  border-radius: 3px;
  display: inline-block;
  text-align: center;
  color: #fff;
  margin-left: 10px;
}
.main[data-v-6042f17c] {
  display: flex;
}
.main .main-info[data-v-6042f17c] {
  width: 300px;
  display: flex;
  flex-direction: column;
}
.main .main-info span[data-v-6042f17c] {
  margin-bottom: 10px;
}
.main .main-info .material[data-v-6042f17c] {
  font-size: 14px;
}
.main .main-info .material > div[data-v-6042f17c] {
  margin-bottom: 10px;
}
.main .main-info .material > div[data-v-6042f17c]:last-child {
  margin-bottom: 0;
}
.main .main-info .material .list > div[data-v-6042f17c] {
  flex: 1;
  display: flex;
  justify-content: space-between;
  margin-bottom: 4px;
}
.main .main-info .material .list .descp[data-v-6042f17c] {
  font-size: 14px;
  color: #999999;
}
.main .main-info .material .total[data-v-6042f17c] {
  text-align: right;
  letter-spacing: 1px;
  margin-bottom: 3px;
}
.main .main-info .material .btn[data-v-6042f17c] {
  text-align: right;
}
.main .board[data-v-6042f17c] {
  flex: 1;
  height: 305px;
  border-left: 1px solid #eee;
  padding-left: 10px;
}
.main .board span[data-v-6042f17c] {
  margin-bottom: 10px;
  font-size: 16px;
  display: inline-block;
  font-weight: bold;
}
.main .board .esignature[data-v-6042f17c] {
  border: 1px solid #ccc;
}
.main .board .btn[data-v-6042f17c] {
  margin-top: 10px;
  float: right;
}
.footer[data-v-6042f17c] {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #eee;
}
.footer button[data-v-6042f17c] {
  margin-right: 10px;
}.main-info[data-v-994bdf3a] {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #dcdee2;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.main-info span[data-v-994bdf3a] {
  width: 50%;
}.hs-view-head[data-v-f732df4b] .ivu-form-item {
  margin-bottom: 0;
}
[data-v-f732df4b] .NOT {
  background-color: #eab517;
}
[data-v-f732df4b] .BACK {
  background-color: #eab517;
}
[data-v-f732df4b] .URGE {
  background-color: #eab517;
}
[data-v-f732df4b] .RECOVER {
  background-color: #8000ff;
}
[data-v-f732df4b] .WAIT {
  background-color: #eab517;
}
[data-v-f732df4b] .ROB {
  background-color: #eab517;
}
[data-v-f732df4b] .PEND {
  background-color: #eab517;
}
[data-v-f732df4b] .REPEND {
  background-color: #eab517;
}
[data-v-f732df4b] .ING {
  background-color: #409eff;
}
[data-v-f732df4b] .PAUSE {
  background-color: red;
}
[data-v-f732df4b] .ASSIST {
  background-color: #ff9900;
}
[data-v-f732df4b] .CANCEL {
  background-color: #666;
}
[data-v-f732df4b] .DONE,[data-v-f732df4b] .AFFIRM,[data-v-f732df4b] .REVIEW,[data-v-f732df4b] .VISIT {
  /* color: #36ad05; */
  background-color: #38a40b;
}
[data-v-f732df4b] .status-btn {
  padding: 3px 15px;
  border-radius: 0px;
  display: inline-block;
  text-align: center;
  color: #fff;
}
[data-v-f732df4b] .el-input__inner {
  height: 32px;
  line-height: 32px;
}
[data-v-f732df4b] .el-range__icon,[data-v-f732df4b] .el-input__icon {
  line-height: 23px;
}
[data-v-f732df4b] .el-range__close-icon {
  line-height: 23px;
}
[data-v-f732df4b] .el-range-separator {
  line-height: 23px;
  padding: 0;
}
.child[data-v-f732df4b] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-bottom: 24px;
}
.child[data-v-f732df4b] .ivu-form-item {
  width: 100% !important;
  flex: 1 !important;
  margin-bottom: 0;
}
.child[data-v-f732df4b] .ivu-checkbox-wrapper {
  width: 80px;
  margin-right: 0;
}
[data-v-f732df4b] .describe {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
}.detail[data-v-2c902015] {
  display: flex;
  height: calc(100% - 50px);
}
.detail .detail-content[data-v-2c902015] {
  margin-left: 20px;
  flex: 1;
  height: 100%;
  overflow: hidden;
}
.detail .detail-content[data-v-2c902015] .hs-view-container {
  padding: 0;
  height: calc(100% - 35px);
  padding-top: 0 !important;
}.special-remark-quick-input[data-v-ea4c0cc5] {
  min-height: 32px;
}
.special-remark-list[data-v-ea4c0cc5] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.special-remark-tag[data-v-ea4c0cc5] {
  padding: 3px 9px;
  background: #f7f6f6;
  margin: 0 10px 10px 0;
  border-radius: 5px;
  font-size: 12px;
  cursor: pointer;
}
.special-remark-tag[data-v-ea4c0cc5]:hover {
  color: #2d8cf0;
}
.special-remark-empty[data-v-ea4c0cc5] {
  font-size: 12px;
  line-height: 32px;
  color: #a5a5a5;
}.hs-view-container[data-v-0d99e739] {
  overflow-y: auto;
}
.hs-view-container .left[data-v-0d99e739] {
  width: 60%;
  height: 100%;
  border-right: 1px solid #7eacf0;
  padding-right: 20px;
}
.hs-view-container .left .form[data-v-0d99e739] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.hs-view-container .left .form[data-v-0d99e739] .ivu-form-item {
  width: 47%;
}
.hs-view-container .left .form .flex-end[data-v-0d99e739] {
  width: 100%;
  margin-top: -50px;
  display: flex;
  justify-content: flex-end;
}
.hs-view-container .left .form .flex-end .btn-text[data-v-0d99e739] {
  color: #4aa3ff;
  cursor: pointer;
}
.hs-view-container .left .form .object-type[data-v-0d99e739] {
  width: 100%;
  font-size: 14px;
  display: flex;
  flex-wrap: wrap;
}
.hs-view-container .left .form .object-type li[data-v-0d99e739] {
  padding: 3px 9px;
  background: #f7f6f6;
  margin: 0 10px 10px 0;
  border-radius: 5px;
  font-size: 12px;
  cursor: pointer;
}
.hs-view-container .left .form .object-type li[data-v-0d99e739]:hover {
  color: #0da5ff;
}
.hs-view-container .left .form .object-type-list[data-v-0d99e739] {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #a5a5a5;
}
.hs-view-container .left .action[data-v-0d99e739] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.hs-view-container .left .action button[data-v-0d99e739] {
  width: 100px;
  height: 40px;
  font-size: 16px;
}
.hs-view-container .left .action button[data-v-0d99e739]:last-child {
  margin-left: 20px;
}
.hs-view-container .left .close[data-v-0d99e739] {
  font-size: 20px;
  font-weight: bold;
  display: flex;
  justify-content: flex-end;
  cursor: pointer;
}
.hs-view-container .right[data-v-0d99e739] {
  width: 40%;
  height: 100%;
}.appointment-time-popper .appointment-minute-scroll {
  height: 192px;
  overflow-y: auto;
}
.appointment-time-popper .appointment-minute-scroll .el-time-spinner__item {
  height: 32px;
  line-height: 32px;
  text-align: center;
  list-style: none;
  cursor: pointer;
}
.appointment-time-popper .appointment-minute-scroll .el-time-spinner__item:hover {
  background: #f5f7fa;
}
.appointment-time-popper .appointment-minute-scroll .el-time-spinner__item.active {
  color: #409eff;
  font-weight: 700;
}.hs-view-container[data-v-5ca806dd] {
  display: flex;
}
.hs-view-container .hs-view-left[data-v-5ca806dd] {
  width: 300px;
  height: 100%;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 5px;
}
.hs-view-container .hs-view-right[data-v-5ca806dd] {
  width: calc(100% - 335px);
  height: 100%;
  margin-left: 35px;
}
.hs-view-container .hs-view-right .hs-view-head[data-v-5ca806dd] {
  justify-content: flex-end;
}
.hs-view-container .hs-view-right .hs-view-content[data-v-5ca806dd] {
  height: calc(100% - 50px);
  border: 1px solid #d9d9d9;
  display: flex;
}
.hs-view-container .hs-view-right .hs-view-content .member-container[data-v-5ca806dd] {
  padding: 10px;
  flex: 1;
}
.hs-view-container .hs-view-right .hs-view-content .member-container[data-v-5ca806dd]:not(:last-child) {
  border-right: 1px solid #d9d9d9;
}
.hs-view-container .hs-view-right .hs-view-content .member-container .member-head[data-v-5ca806dd] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.hs-view-container .hs-view-right .hs-view-content .member-container .member-head .title[data-v-5ca806dd] {
  border-left: 2px solid #0472e4;
  font-size: 16px;
  padding-left: 5px;
}
.hs-view-container .hs-view-right .hs-view-content .member-container .member-head .search button[data-v-5ca806dd] {
  margin-left: 10px;
}
.hs-view-container .hs-view-right .hs-view-content .member-container[data-v-5ca806dd] .hs-member-list-container,
.hs-view-container .hs-view-right .hs-view-content .member-container[data-v-5ca806dd] .hs-member-list-main {
  height: calc(100% - 42px);
}.hs-view-head[data-v-ca1041b0] .ivu-form-item {
  margin-bottom: 0;
}
[data-v-ca1041b0] .describe {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
}
[data-v-ca1041b0] .type-flex {
  display: flex;
  align-items: center;
  justify-content: center;
}
.hs-organize-left[data-v-775f690f] {
	float: left;
	width: 300px;
	height: 100%;
}
.hs-organize-left-list[data-v-775f690f] {
	width: 100%;
	margin-top: 20px;
	height: 100%;
	border: 1px solid rgba(217, 217, 217, 1);
}
.hs-organize-right[data-v-775f690f] {
	float: right;
	padding-left: 30px;
	width: calc(100% - 330px);
	height: 100%;
}
.hs-organize-head[data-v-775f690f] {
	float: left;
	width: 100%;
}
.hs-organize-head .hs-public-title[data-v-775f690f] {
	float: left;
}
.hs-organize-head button[data-v-775f690f] {
	float: right;
	margin: 10px 0 10px 10px;
}
.hs-MessageSetting-member-container[data-v-775f690f] {
	float: left;
	width: 50%;
	height: calc(100% - 40px);
	padding: 0 10px;
	display: inline-block;
	margin-top: 5px;
	border: 1px solid rgba(217, 217, 217, 1);
}
.hs-MessageSetting-member-container[data-v-775f690f]:last-child {
	border-left: none;
}
.hs-MessageSetting-member-head[data-v-775f690f] {
	width: 100%;
	height: 60px;
	padding: 10px;
}
.hs-MessageSetting-member-head p[data-v-775f690f] {
	width: calc(100% - 353px);

	font-size: 16px;
}
.hs-MessageSetting-member-head *[data-v-775f690f] {
	float: left;
	margin-right: 10px;
}
.hs-MessageSetting-member-head button[data-v-775f690f]:last-child {
	margin-right: 0;
}
#ss-air-fresh .main-title[data-v-435bf43d] {
  display: flex;
}
.flex[data-v-435bf43d], .right-main .area-wrapper .main-content .details .details-content[data-v-435bf43d], .right-main .area-wrapper .main-content .point-list .point-item .left[data-v-435bf43d], .right-main .area-wrapper .main-content .point-list .point-item[data-v-435bf43d], .right-main .area-wrapper .main-content .area-content[data-v-435bf43d], .right-main .area-wrapper .main-title .search-box .search-input[data-v-435bf43d], .right-main .area-wrapper .main-title .search-box[data-v-435bf43d], .left-main .abnormal-wrapper .main-content[data-v-435bf43d], .left-main .state-wrapper .main-content .state-info p[data-v-435bf43d], .left-main .state-wrapper .main-content[data-v-435bf43d], .not-data[data-v-435bf43d] {
  display: flex;
  align-items: center;
}
.not-data[data-v-435bf43d] {
  width: 100%;
  height: 100%;
  justify-content: center;
}
.left-main .main-wrapper[data-v-435bf43d] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.left-main .main-wrapper .main-content[data-v-435bf43d] {
  flex: 1;
}
.left-main .main-wrapper .main-content .chart[data-v-435bf43d] {
  width: 100%;
  height: 100%;
}
.left-main .state-wrapper[data-v-435bf43d] {
  height: 20vh;
  flex: none;
}
.left-main .state-wrapper .main-content .chart[data-v-435bf43d] {
  width: 60%;
}
.left-main .state-wrapper .main-content .state-info[data-v-435bf43d] {
  width: 40%;
}
.left-main .state-wrapper .main-content .state-info p[data-v-435bf43d] {
  font-size: 0.15rem;
  margin-bottom: 0.125rem;
}
.left-main .state-wrapper .main-content .state-info p[data-v-435bf43d]:nth-child(1) {
  color: #00ffff;
}
.left-main .state-wrapper .main-content .state-info p[data-v-435bf43d]:nth-child(2) {
  color: #ccff00;
}
.left-main .state-wrapper .main-content .state-info p[data-v-435bf43d]:nth-child(3) {
  color: #ff8c37;
}
.left-main .state-wrapper .main-content .state-info p[data-v-435bf43d]:nth-child(4) {
  color: #ffc257;
}
.left-main .state-wrapper .main-content .state-info p[data-v-435bf43d]:nth-child(4) {
  color: #a181fc;
}
.left-main .state-wrapper .main-content .state-info p span[data-v-435bf43d] {
  flex: 1;
}
.left-main .state-wrapper .main-content .state-info p span[data-v-435bf43d]:last-child {
  margin-left: 0.0625rem;
  text-align: center;
}
.left-main .subject-wrapper[data-v-435bf43d] {
  display: flex;
  flex-direction: column;
  height: 30vh;
  flex: none;
}
.left-main .subject-wrapper .main-content[data-v-435bf43d] {
  flex: 1;
  overflow: auto;
}
.left-main .subject-wrapper .main-content .subject-item[data-v-435bf43d] {
  margin-bottom: 0.0625rem;
  padding: 0.0625rem 0.125rem;
  background-image: radial-gradient(rgba(255, 255, 255, 0), rgba(0, 50, 104, 0.6));
}
.left-main .subject-wrapper .main-content .subject-item p[data-v-435bf43d] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.125rem;
  margin-bottom: 0.0625rem;
}
.left-main .subject-wrapper .main-content .subject-item p span[data-v-435bf43d] {
  color: #a6ffff;
}
.left-main .subject-wrapper .main-content .subject-item p .name[data-v-435bf43d] {
  font-size: 0.175rem;
  color: #00ffff;
}
.left-main .subject-wrapper .main-content .subject-item p:last-child span[data-v-435bf43d]:nth-child(1) {
  color: #00ffff;
}
.left-main .subject-wrapper .main-content .subject-item p:last-child span[data-v-435bf43d]:nth-child(2) {
  color: #ffc257;
}
.left-main .subject-wrapper .main-content .subject-item p:last-child span[data-v-435bf43d]:nth-child(3) {
  color: #a181fc;
}
.left-main .subject-wrapper .main-content .subject-item p:last-child span[data-v-435bf43d]:nth-child(4) {
  color: #ff8c37;
}
.left-main .abnormal-wrapper .main-content[data-v-435bf43d] {
  justify-content: center;
}
.right-main .area-wrapper[data-v-435bf43d] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.right-main .area-wrapper .main-title .search-box[data-v-435bf43d] {
  flex: 1;
  justify-content: flex-end;
}
.right-main .area-wrapper .main-title .search-box .search-input[data-v-435bf43d] {
  justify-content: flex-end;
  flex: 1;
}
.right-main .area-wrapper .main-title .search-box .search-input .input[data-v-435bf43d] {
  width: 0%;
  transition: all 0.5s;
}
.right-main .area-wrapper .main-title .search-box .search-input i[data-v-435bf43d] {
  font-size: 0.2rem;
  color: #fff;
  z-index: 1;
  cursor: pointer;
}
.right-main .area-wrapper .main-title .search-box .search-input[data-v-435bf43d] .ivu-input {
  background: transparent;
  height: 0.3125rem;
  border: none;
  outline: none;
  color: #fff;
}
.right-main .area-wrapper .main-title .search-box .all-list[data-v-435bf43d] {
  margin-left: 0.0625rem;
  cursor: pointer;
}
.right-main .area-wrapper .main-title .search-box .all-list i[data-v-435bf43d] {
  font-weight: normal;
  color: #fff;
}
.right-main .area-wrapper .main-content[data-v-435bf43d] {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  margin-top: 0 !important;
}
.right-main .area-wrapper .main-content .subject-list-nav[data-v-435bf43d] {
  display: flex;
  width: 100%;
  overflow-x: scroll;
}
.right-main .area-wrapper .main-content .subject-list-nav[data-v-435bf43d]::-webkit-scrollbar-thumb {
  display: none;
}
.right-main .area-wrapper .main-content .subject-list-nav .subject-item-nav[data-v-435bf43d] {
  font-size: 0.1375rem;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  padding: 0.025rem 0.125rem;
  color: #fff;
  border: 1px solid #209cff;
  flex-shrink: 0;
  cursor: pointer;
}
.right-main .area-wrapper .main-content .subject-list-nav .subject-item-nav[data-v-435bf43d]:not(:last-child) {
  margin-right: 0.125rem;
}
.right-main .area-wrapper .main-content .subject-list-nav .subject-item-nav-active[data-v-435bf43d] {
  background: linear-gradient(0deg, #209cff 0, #68e0cf);
}
.right-main .area-wrapper .main-content .area-content > i[data-v-435bf43d] {
  font-size: 0.175rem;
  color: #fff;
  cursor: pointer;
}
.right-main .area-wrapper .main-content .area-content .tabs-block[data-v-435bf43d] {
  flex: 1;
  overflow: hidden;
  position: relative;
}
.right-main .area-wrapper .main-content .area-content .tabs-block .tabs-content .tabs-content-scroll[data-v-435bf43d] {
  margin: 0 0.125rem;
  overflow-x: scroll;
}
.right-main .area-wrapper .main-content .area-content .tabs-block .tabs-content .tabs-content-scroll[data-v-435bf43d]::-webkit-scrollbar-thumb {
  display: none;
}
.right-main .area-wrapper .main-content .area-content .tabs-block .tabs-list[data-v-435bf43d] {
  position: relative;
  display: flex;
  padding-bottom: 0.0625rem;
  white-space: nowrap;
}
.right-main .area-wrapper .main-content .area-content .tabs-block .tabs-list .tabs-item[data-v-435bf43d] {
  color: #fff;
  margin-right: 0.25rem;
  position: relative;
  cursor: pointer;
}
.right-main .area-wrapper .main-content .area-content .tabs-block .tabs-list .tabs-item-active[data-v-435bf43d] {
  color: #acfbff;
}
.right-main .area-wrapper .main-content .area-content .tabs-block .tabs-list .tabs-item-title[data-v-435bf43d] {
  font-size: 0.15rem;
  font-weight: bold;
}
.right-main .area-wrapper .main-content .area-content .tabs-block .tabs-line[data-v-435bf43d] {
  display: block;
  height: 0.025rem;
  position: absolute;
  bottom: 0px;
  left: 0;
  z-index: 1;
  border-radius: 0.0375rem;
  position: relative;
  background: #acfbff;
}
.right-main .area-wrapper .main-content .point-list[data-v-435bf43d] {
  height: 27.2vh;
  overflow: auto;
  position: relative;
}
.right-main .area-wrapper .main-content .point-list .point-item[data-v-435bf43d] {
  justify-content: space-between;
  padding: 0.0625rem 0.125rem;
  margin-bottom: 0.0625rem;
  border-radius: 0.0375rem;
  border: 1px solid #578aef;
  cursor: pointer;
}
.right-main .area-wrapper .main-content .point-list .point-item .left i[data-v-435bf43d] {
  font-size: 0.3rem;
  margin-right: 0.125rem;
}
.right-main .area-wrapper .main-content .point-list .point-item .left .info p[data-v-435bf43d] {
  color: #fff;
  font-size: 0.125rem;
}
.right-main .area-wrapper .main-content .point-list .point-item .left .info p[data-v-435bf43d]:first-child {
  font-size: 0.175rem;
  font-weight: 600;
}
.right-main .area-wrapper .main-content .point-list .point-item .value[data-v-435bf43d] {
  font-size: 0.2rem;
}
.right-main .area-wrapper .main-content .point-list .point-item-active[data-v-435bf43d] {
  border-color: #00ffff;
  box-shadow: 0.025rem 0.025rem 0.1rem -0.01rem #00ffff;
}
.right-main .area-wrapper .main-content .details[data-v-435bf43d] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.right-main .area-wrapper .main-content .details .details-head[data-v-435bf43d] {
  cursor: pointer;
}
.right-main .area-wrapper .main-content .details .details-head[data-v-435bf43d] .ivu-divider {
  color: #acfbff;
  margin: 0 !important;
}
.right-main .area-wrapper .main-content .details .details-head[data-v-435bf43d] .ivu-divider::before, .right-main .area-wrapper .main-content .details .details-head[data-v-435bf43d] .ivu-divider::after {
  border-color: #acfbff;
}
.right-main .area-wrapper .main-content .details .details-head[data-v-435bf43d] .ivu-divider-inner-text {
  font-size: 0.1625rem;
}
.right-main .area-wrapper .main-content .details .details-content[data-v-435bf43d] {
  flex: 1;
  justify-content: center;
}
.right-main .area-wrapper .main-content .details .details-content .index-list[data-v-435bf43d] {
  width: 100%;
  height: 20vh;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  align-items: flex-start;
}
.right-main .area-wrapper .main-content .details .details-content .index-list .index-item[data-v-435bf43d] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.right-main .area-wrapper .main-content .details .details-content .index-list .index-item[data-v-435bf43d]:first-child {
  margin-right: 0.0625rem;
}
.right-main .area-wrapper .main-content .details .details-content .index-list .index-row[data-v-435bf43d] {
  margin-bottom: 0.0625rem;
  padding: 0.0625rem 0.125rem;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.right-main .area-wrapper .main-content .details .details-content .index-list .index-row span[data-v-435bf43d] {
  flex: 1;
  text-align: center;
  color: #fff;
}
.right-main .area-wrapper .main-content .details .details-content .index-list .index-row span[data-v-435bf43d]:nth-child(1) {
  color: #00ffff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.right-main .area-wrapper .main-content .details .details-content .index-list .index-row[data-v-435bf43d]::after {
  content: "";
  filter: blur(3px);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(16, 221, 231, 0.08);
}
.right-main .area-wrapper .main-content .details .details-content .chart-box[data-v-435bf43d] {
  width: 100%;
  height: 100%;
}
.right-main .area-wrapper .main-content .details .details-content .chart-box .chart[data-v-435bf43d] {
  width: 100%;
  height: 100%;
}
.right-main .area-wrapper .main-content .pop-up[data-v-435bf43d] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #091025;
  z-index: 999;
}
.right-main .area-wrapper .main-content .pop-up .subject-list-nav[data-v-435bf43d] {
  flex-wrap: wrap;
  overflow: hidden;
}
.right-main .area-wrapper .main-content .pop-up .subject-list-nav[data-v-435bf43d]:not(:last-child) {
  border-bottom: 2px solid #66f5ff;
  margin: 0.125rem 0;
}
.right-main .area-wrapper .main-content .pop-up .subject-list-nav .subject-item-nav[data-v-435bf43d] {
  margin-bottom: 0.125rem;
}
.right-main .area-wrapper .main-content .fade-enter-active[data-v-435bf43d],
.right-main .area-wrapper .main-content .fade-leave-active[data-v-435bf43d] {
  transition: 0.8s;
}
.right-main .area-wrapper .main-content .fade-enter[data-v-435bf43d],
.right-main .area-wrapper .main-content .fade-leave-to[data-v-435bf43d] {
  opacity: 0;
}
.right-main .warn-wrapper[data-v-435bf43d] {
  height: 25vh;
  display: flex;
  flex-direction: column;
}
.right-main .warn-wrapper .warn-list[data-v-435bf43d] {
  padding: 0 !important;
  margin: 0 !important;
  display: flex;
  flex: 1;
}
.right-main .warn-wrapper .warn-list[data-v-435bf43d] .warn-item {
  width: 100%;
  font-size: 0.15rem;
  color: #fff;
}
.right-main .warn-wrapper .warn-list[data-v-435bf43d] .warn-item .item-head {
  display: flex;
  justify-content: space-between;
  padding: 0.0625rem;
}
.right-main .warn-wrapper .warn-list[data-v-435bf43d] .warn-item .item-head > p {
  font-weight: bold;
}
.right-main .warn-wrapper .warn-list[data-v-435bf43d] .warn-item .item-head > span {
  font-size: 0.125rem;
}
.right-main .warn-wrapper .warn-list[data-v-435bf43d] .warn-item p {
  display: flex;
  align-items: center;
  font-size: 0.125rem;
}
.right-main .warn-wrapper .warn-list[data-v-435bf43d] .warn-item p span {
  margin-left: 10px;
}
.right-main .warn-wrapper .warn-list[data-v-435bf43d] .warn-item p span:first-child {
  text-align: left;
  font-weight: bold;
}#ss-air-quality .main-title[data-v-bf6cae8f] {
  display: flex;
}
.flex[data-v-bf6cae8f], .right-main .area-wrapper .main-content .details .details-content .not-data[data-v-bf6cae8f], .right-main .area-wrapper .main-content .details .details-content[data-v-bf6cae8f], .right-main .area-wrapper .main-content .point-list .point-item .left[data-v-bf6cae8f], .right-main .area-wrapper .main-content .point-list .point-item[data-v-bf6cae8f], .right-main .area-wrapper .main-content .area-content[data-v-bf6cae8f], .left-main .index-total .main-content .total[data-v-bf6cae8f], .left-main .index-total .main-content[data-v-bf6cae8f] {
  display: flex;
  align-items: center;
}
.left-main .index-total .main-content[data-v-bf6cae8f] {
  justify-content: space-around;
}
.left-main .index-total .main-content .total[data-v-bf6cae8f] {
  flex: 1;
  height: 0.9rem;
  justify-content: center;
  position: relative;
  color: #00ffff;
}
.left-main .index-total .main-content .total[data-v-bf6cae8f]:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  width: 0.0063rem;
  height: 35%;
  background: rgba(255, 255, 255, 0.5215686275);
}
.left-main .index-total .main-content .total i[data-v-bf6cae8f] {
  font-size: 0.35rem;
  margin-right: 0.125rem;
}
.left-main .index-total .main-content .total .value[data-v-bf6cae8f] {
  color: #fff;
  font-size: 0.2rem;
  font-weight: bold;
}
.left-main .monitor-wrapper .main-content[data-v-bf6cae8f] {
  height: 15vh;
  display: flex;
}
.left-main .monitor-wrapper .main-content .chart[data-v-bf6cae8f] {
  flex: 1;
  height: 100%;
}
.left-main .subject-wrapper[data-v-bf6cae8f] {
  height: 35vh;
  display: flex;
  flex-direction: column;
}
.left-main .subject-wrapper .main-content[data-v-bf6cae8f] {
  flex: 1;
  overflow: auto;
}
.left-main .subject-wrapper .main-content .subject-item[data-v-bf6cae8f] {
  margin-bottom: 0.0625rem;
  padding: 0.0625rem 0.125rem;
  background-image: radial-gradient(rgba(255, 255, 255, 0), rgba(0, 50, 104, 0.6));
}
.left-main .subject-wrapper .main-content .subject-item p[data-v-bf6cae8f] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.125rem;
  margin-bottom: 0.0625rem;
}
.left-main .subject-wrapper .main-content .subject-item p span[data-v-bf6cae8f] {
  color: #a6ffff;
}
.left-main .subject-wrapper .main-content .subject-item p .name[data-v-bf6cae8f] {
  font-size: 0.175rem;
  color: #00ffff;
}
.left-main .subject-wrapper .main-content .subject-item p:last-child span[data-v-bf6cae8f]:nth-child(1) {
  color: #00ffff;
}
.left-main .subject-wrapper .main-content .subject-item p:last-child span[data-v-bf6cae8f]:nth-child(2) {
  color: #ffc257;
}
.left-main .subject-wrapper .main-content .subject-item p:last-child span[data-v-bf6cae8f]:nth-child(3) {
  color: #a181fc;
}
.left-main .subject-wrapper .main-content .subject-item p:last-child span[data-v-bf6cae8f]:nth-child(4) {
  color: #ff8c37;
}
.right-main .area-wrapper[data-v-bf6cae8f] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.right-main .area-wrapper .main-title .search-box[data-v-bf6cae8f] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.right-main .area-wrapper .main-title .search-box .search-input[data-v-bf6cae8f] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1;
}
.right-main .area-wrapper .main-title .search-box .search-input .input[data-v-bf6cae8f] {
  width: 0%;
  transition: all 0.5s;
}
.right-main .area-wrapper .main-title .search-box .search-input i[data-v-bf6cae8f] {
  font-size: 0.2rem;
  color: #fff;
  z-index: 1;
  cursor: pointer;
}
.right-main .area-wrapper .main-title .search-box .search-input[data-v-bf6cae8f] .ivu-input {
  background: transparent;
  height: 0.3125rem;
  border: none;
  outline: none;
  color: #fff;
}
.right-main .area-wrapper .main-title .search-box .all-list[data-v-bf6cae8f] {
  margin-left: 0.0625rem;
  cursor: pointer;
}
.right-main .area-wrapper .main-title .search-box .all-list i[data-v-bf6cae8f] {
  font-weight: normal;
  color: #fff;
}
.right-main .area-wrapper .main-content[data-v-bf6cae8f] {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  margin-top: 0 !important;
}
.right-main .area-wrapper .main-content .subject-list-nav[data-v-bf6cae8f] {
  display: flex;
  width: 100%;
  overflow-x: scroll;
}
.right-main .area-wrapper .main-content .subject-list-nav[data-v-bf6cae8f]::-webkit-scrollbar-thumb {
  display: none;
}
.right-main .area-wrapper .main-content .subject-list-nav .subject-item-nav[data-v-bf6cae8f] {
  font-size: 0.1375rem;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  padding: 0.025rem 0.125rem;
  color: #fff;
  border: 1px solid #209cff;
  flex-shrink: 0;
  cursor: pointer;
}
.right-main .area-wrapper .main-content .subject-list-nav .subject-item-nav[data-v-bf6cae8f]:not(:last-child) {
  margin-right: 0.125rem;
}
.right-main .area-wrapper .main-content .subject-list-nav .subject-item-nav-active[data-v-bf6cae8f] {
  background: linear-gradient(0deg, #209cff 0, #68e0cf);
}
.right-main .area-wrapper .main-content .area-content > i[data-v-bf6cae8f] {
  font-size: 0.175rem;
  color: #fff;
  cursor: pointer;
}
.right-main .area-wrapper .main-content .area-content .tabs-block[data-v-bf6cae8f] {
  flex: 1;
  overflow: hidden;
  position: relative;
}
.right-main .area-wrapper .main-content .area-content .tabs-block .tabs-content .tabs-content-scroll[data-v-bf6cae8f] {
  margin: 0 0.125rem;
  overflow-x: scroll;
}
.right-main .area-wrapper .main-content .area-content .tabs-block .tabs-content .tabs-content-scroll[data-v-bf6cae8f]::-webkit-scrollbar-thumb {
  display: none;
}
.right-main .area-wrapper .main-content .area-content .tabs-block .tabs-list[data-v-bf6cae8f] {
  position: relative;
  display: flex;
  padding-bottom: 0.0625rem;
  white-space: nowrap;
}
.right-main .area-wrapper .main-content .area-content .tabs-block .tabs-list .tabs-item[data-v-bf6cae8f] {
  color: #fff;
  margin-right: 0.25rem;
  position: relative;
  cursor: pointer;
}
.right-main .area-wrapper .main-content .area-content .tabs-block .tabs-list .tabs-item-active[data-v-bf6cae8f] {
  color: #acfbff;
}
.right-main .area-wrapper .main-content .area-content .tabs-block .tabs-list .tabs-item-title[data-v-bf6cae8f] {
  font-size: 0.15rem;
  font-weight: bold;
}
.right-main .area-wrapper .main-content .area-content .tabs-block .tabs-line[data-v-bf6cae8f] {
  display: block;
  height: 0.025rem;
  position: absolute;
  bottom: 0px;
  left: 0;
  z-index: 1;
  border-radius: 0.0375rem;
  position: relative;
  background: #acfbff;
}
.right-main .area-wrapper .main-content .point-list[data-v-bf6cae8f] {
  height: 27.2vh;
  overflow: auto;
  position: relative;
}
.right-main .area-wrapper .main-content .point-list .point-item[data-v-bf6cae8f] {
  justify-content: space-between;
  padding: 0.0625rem 0.125rem;
  margin-bottom: 0.0625rem;
  border-radius: 0.0375rem;
  border: 1px solid #578aef;
  cursor: pointer;
}
.right-main .area-wrapper .main-content .point-list .point-item .left i[data-v-bf6cae8f] {
  font-size: 0.3rem;
  margin-right: 0.125rem;
}
.right-main .area-wrapper .main-content .point-list .point-item .left .info p[data-v-bf6cae8f] {
  color: #fff;
  font-size: 0.125rem;
}
.right-main .area-wrapper .main-content .point-list .point-item .left .info p[data-v-bf6cae8f]:first-child {
  font-size: 0.175rem;
  font-weight: 600;
}
.right-main .area-wrapper .main-content .point-list .point-item .value[data-v-bf6cae8f] {
  font-size: 0.2rem;
}
.right-main .area-wrapper .main-content .point-list .point-item-active[data-v-bf6cae8f] {
  border-color: #00ffff;
  box-shadow: 0.025rem 0.025rem 0.1rem -0.01rem #00ffff;
}
.right-main .area-wrapper .main-content .details[data-v-bf6cae8f] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.right-main .area-wrapper .main-content .details .details-head[data-v-bf6cae8f] .ivu-divider {
  color: #acfbff;
  margin: 0 !important;
}
.right-main .area-wrapper .main-content .details .details-head[data-v-bf6cae8f] .ivu-divider::before, .right-main .area-wrapper .main-content .details .details-head[data-v-bf6cae8f] .ivu-divider::after {
  border-color: #acfbff;
}
.right-main .area-wrapper .main-content .details .details-head[data-v-bf6cae8f] .ivu-divider-inner-text {
  font-size: 0.1625rem;
}
.right-main .area-wrapper .main-content .details .details-content[data-v-bf6cae8f] {
  flex: 1;
  justify-content: center;
}
.right-main .area-wrapper .main-content .details .details-content .chart[data-v-bf6cae8f] {
  width: 100%;
  height: 100%;
}
.right-main .area-wrapper .main-content .details .details-content .not-data[data-v-bf6cae8f] {
  width: 100%;
  height: 100%;
  justify-content: center;
}
.right-main .area-wrapper .main-content .pop-up[data-v-bf6cae8f] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #091025;
  z-index: 999;
}
.right-main .area-wrapper .main-content .pop-up .subject-list-nav[data-v-bf6cae8f] {
  flex-wrap: wrap;
  overflow: hidden;
}
.right-main .area-wrapper .main-content .pop-up .subject-list-nav[data-v-bf6cae8f]:not(:last-child) {
  border-bottom: 2px solid #66f5ff;
  margin: 0.125rem 0;
}
.right-main .area-wrapper .main-content .pop-up .subject-list-nav .subject-item-nav[data-v-bf6cae8f] {
  margin-bottom: 0.125rem;
}
.right-main .area-wrapper .main-content .fade-enter-active[data-v-bf6cae8f],
.right-main .area-wrapper .main-content .fade-leave-active[data-v-bf6cae8f] {
  transition: 0.8s;
}
.right-main .area-wrapper .main-content .fade-enter[data-v-bf6cae8f],
.right-main .area-wrapper .main-content .fade-leave-to[data-v-bf6cae8f] {
  opacity: 0;
}
.right-main .warn-wrapper[data-v-bf6cae8f] {
  height: 25vh;
  display: flex;
  flex-direction: column;
}
.right-main .warn-wrapper .warn-list[data-v-bf6cae8f] {
  padding: 0 !important;
  margin: 0 !important;
  display: flex;
  flex: 1;
}
.right-main .warn-wrapper .warn-list[data-v-bf6cae8f] .warn-item {
  width: 100%;
  font-size: 0.15rem;
  color: #fff;
}
.right-main .warn-wrapper .warn-list[data-v-bf6cae8f] .warn-item .item-head {
  display: flex;
  justify-content: space-between;
  padding: 0.0625rem;
}
.right-main .warn-wrapper .warn-list[data-v-bf6cae8f] .warn-item .item-head > p {
  font-weight: bold;
}
.right-main .warn-wrapper .warn-list[data-v-bf6cae8f] .warn-item .item-head > span {
  font-size: 0.125rem;
}
.right-main .warn-wrapper .warn-list[data-v-bf6cae8f] .warn-item p {
  display: flex;
  align-items: center;
  font-size: 0.125rem;
}
.right-main .warn-wrapper .warn-list[data-v-bf6cae8f] .warn-item p span {
  margin-left: 10px;
}
.right-main .warn-wrapper .warn-list[data-v-bf6cae8f] .warn-item p span:first-child {
  text-align: left;
  font-weight: bold;
}
.alarm-drawer[data-v-88487590] .ivu-drawer-mask {
  background-color: rgba(0, 0, 29, 0.1);
}
.alarm-drawer[data-v-88487590] .ivu-drawer .ivu-drawer-content {
  background-color: rgba(175, 12, 0, 0.85);
  box-shadow: 0 4px 12px rgb(13, 131, 197);
}
.alarm-drawer .content-wrapper[data-v-88487590] {
  margin: 0.125rem 0;
  background-color: rgba(255, 80, 80, 0.6);
  position: relative;
  padding: 0.125rem;
  line-height: 0.25rem;
}
.alarm-drawer .content-wrapper > .title[data-v-88487590] {
  font-size: 0.1625rem;
  font-weight: bold;
  line-height: 1.6;
  margin-bottom: 0.075rem;
}
.alarm-drawer .content-wrapper .line-title[data-v-88487590] {
  display: flex;
  align-items: center;
  margin: 0.0625rem 0;
}
.alarm-drawer .content-wrapper .line-title[data-v-88487590]::before, .alarm-drawer .content-wrapper .line-title[data-v-88487590]::after {
  flex: 1;
  content: "";
  height: 1px;
  background-color: #ff9d9d;
  margin: 0 0.0625rem;
}
.alarm-drawer .content-wrapper .data-table .table-item[data-v-88487590], .alarm-drawer .content-wrapper .data-table .table-body > div[data-v-88487590], .alarm-drawer .content-wrapper .data-table .table-head[data-v-88487590] {
  display: flex;
  width: 100%;
  line-height: 0.325rem;
}
.alarm-drawer .content-wrapper .data-table .table-item > *[data-v-88487590], .alarm-drawer .content-wrapper .data-table .table-body > div > *[data-v-88487590], .alarm-drawer .content-wrapper .data-table .table-head > *[data-v-88487590] {
  text-align: center;
  flex: 1;
}
.alarm-drawer .content-wrapper .data-table .table-head[data-v-88487590] {
  border-bottom: 0.0125rem solid #ff9d9d;
}
.alarm-drawer .content-wrapper .normal[data-v-88487590] {
  color: #3ed54a;
}
.alarm-drawer .content-wrapper .abnormal[data-v-88487590] {
  color: #ffe500;
}
.alarm-drawer .alarm-overview[data-v-88487590] {
  margin-top: 0;
  line-height: 1.5;
}
.alarm-drawer .alarm-overview .iconfont[data-v-88487590] {
  margin-right: 0.0625rem;
}
.alarm-drawer .alarm-overview .name[data-v-88487590] {
  font-size: 0.1625rem;
  font-weight: bold;
}
.alarm-drawer .area-manager .user-wrapper[data-v-88487590] {
  display: flex;
  align-items: center;
}
.alarm-drawer .area-manager .user-wrapper .user—avatar[data-v-88487590] {
  border: 0.0125rem solid coral;
  border-radius: 50%;
  width: 0.75rem;
  height: 0.75rem;
  margin-right: 0.125rem;
}
.alarm-drawer .area-manager .user-wrapper .user-state[data-v-88487590] {
  margin-left: auto;
  background-color: rgb(52, 202, 221);
  text-align: center;
  width: 0.625rem;
}
.alarm-drawer .device-alarm .device-wrapper[data-v-88487590] {
  display: flex;
  align-items: center;
}
.alarm-drawer .device-alarm .device-wrapper .device-img[data-v-88487590] {
  max-height: 0.875rem;
  margin-right: 0.125rem;
}
.alarm-drawer .device-alarm .device-wrapper .device-info .name[data-v-88487590] {
  font-weight: bold;
}
.alarm-drawer .device-alarm .device-wrapper .device-state[data-v-88487590] {
  position: absolute;
  right: 0.125rem;
  top: 0.25rem;
  background-color: rgb(52, 202, 221);
  text-align: center;
  width: 0.625rem;
}
.alarm-drawer .environment .params[data-v-88487590] {
  display: flex;
  justify-content: space-around;
  border-top: 1px solid #ff9d9d;
  padding-top: 0.0625rem;
}
.alarm-drawer .environment .params .param[data-v-88487590] {
  display: flex;
  align-items: center;
}
.alarm-drawer .environment .params .param i[data-v-88487590] {
  font-size: 0.25rem;
}
.alarm-drawer .environment .params .param .name[data-v-88487590] {
  margin-left: 0.0625rem;
}
.alarm-drawer .environment .params .param .name[data-v-88487590]::after {
  content: "：";
}
.alarm-drawer .link-video .head[data-v-88487590] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.0625rem;
  justify-content: flex-end;
}
.alarm-drawer .link-video .head .title[data-v-88487590] {
  font-size: 0.1625rem;
  font-weight: bold;
  margin-right: auto;
}
.alarm-drawer .link-video .head i[data-v-88487590] {
  cursor: pointer;
  width: 0.2rem;
  height: 0.2rem;
  margin-left: 0.0625rem;
  font-size: 0.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.025rem solid #ffffff;
  border-radius: 50%;
}
.alarm-drawer .link-video .head .iconduijiang[data-v-88487590] {
  font-size: 0.125rem;
}
.alarm-drawer .link-video .video-wrapper img[data-v-88487590] {
  width: 100%;
}
.alarm-drawer .btn-wrapper[data-v-88487590] {
  position: absolute;
  bottom: 0;
  display: flex;
  justify-content: flex-end;
  width: 100%;
  background-color: rgba(255, 80, 80, 0.6);
}
.alarm-drawer .btn-wrapper > div[data-v-88487590] {
  cursor: pointer;
  height: 0.35rem;
  display: flex;
  align-items: center;
  color: #ffffff;
  margin-right: 0.075rem;
  padding: 0 0.0375rem;
  font-weight: bold;
}
.alarm-drawer .btn-wrapper > div[data-v-88487590]:hover {
  color: #95e2ff;
}#assets-main .main-wrapper .main-title[data-v-5310a21e] {
  display: flex;
}
#assets-main .main-wrapper .chart[data-v-5310a21e] {
  width: 100%;
  height: 100%;
}
#assets-main .asset-usage[data-v-5310a21e] {
  display: flex;
  height: 13vh;
}
#assets-main .assets-type[data-v-5310a21e] {
  display: flex;
  align-items: center;
  height: 18vh;
}
#assets-main .assets-type .chart-item[data-v-5310a21e] {
  flex: 1;
  height: 100%;
}
#assets-main .assets-consume[data-v-5310a21e] {
  display: flex;
  align-items: center;
  height: 15vh;
}
#assets-main .assets-consume .consume[data-v-5310a21e] {
  width: 5vw;
  height: 15vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}
#assets-main .assets-consume .consume .consume-item[data-v-5310a21e] {
  display: flex;
  align-items: center;
}
#assets-main .assets-consume .consume .consume-item .tags[data-v-5310a21e] {
  font-size: 0.225rem;
  font-weight: 800;
  color: #88e2fd;
  background-image: -webkit-linear-gradient(bottom, #62a1fb, #88e2fd);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#assets-main .assets-consume .consume .consume-item .info[data-v-5310a21e] {
  display: flex;
  flex-direction: column;
  margin-left: 0.125rem;
}
#assets-main .assets-consume .consume .consume-item .info > span[data-v-5310a21e] {
  color: #6a95c7;
  font-size: 0.15rem;
}
#assets-main .assets-consume .consume .consume-item .info .num[data-v-5310a21e] {
  display: flex;
  align-items: center;
  font-size: 0.2rem;
}
#assets-main .assets-consume .consume .consume-item .info .num .unit[data-v-5310a21e] {
  font-size: 0.125rem;
}
#assets-main .assets-consume .consume-chart[data-v-5310a21e] {
  flex: 1;
  height: 15vh;
}
#assets-main .spare-consume[data-v-5310a21e] {
  display: flex;
  align-items: center;
  height: 15vh;
}
#assets-main .spare-consume .spare-chart[data-v-5310a21e] {
  flex: 1;
  height: 15vh;
}
#assets-main .spare-consume .spare[data-v-5310a21e] {
  width: 5vw;
}
#assets-main .spare-consume .spare .row[data-v-5310a21e] {
  font-size: 0.15rem;
  margin-bottom: 0.125rem;
}
#assets-main .spare-consume .spare .row .num[data-v-5310a21e] {
  color: #4df8e9;
  font-weight: bold;
}
#assets-main .alarm-list[data-v-5310a21e] {
  height: 11vh;
  color: #95c9dd;
}
#assets-main .alarm-list[data-v-5310a21e] .alarm-item {
  cursor: pointer;
}
#assets-main .alarm-list[data-v-5310a21e] .alarm-item:nth-child(odd)::before {
  background-color: #c34247;
}
#assets-main .alarm-list[data-v-5310a21e] .alarm-item:nth-child(even)::before {
  background-color: #e5a354;
}
#assets-main .alarm-list[data-v-5310a21e] .alarm-item::before {
  content: "";
  width: 0.1rem;
  height: 0.1rem;
  border-radius: 50%;
}
#assets-main .alarm-list[data-v-5310a21e] .alarm-item {
  display: flex;
  align-items: center;
  line-height: 2.6;
}
#assets-main .alarm-list[data-v-5310a21e] .alarm-item .content {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#assets-main .alarm-list[data-v-5310a21e] .alarm-item .time {
  color: #f1f1f1;
  font-size: 0.125rem;
}
#assets-main .order-statistics[data-v-5310a21e] {
  display: flex;
  align-items: center;
  height: 18vh;
}
#assets-main .order-statistics .statistics[data-v-5310a21e] {
  width: 5vw;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}
#assets-main .order-statistics .statistics .statistics-item[data-v-5310a21e] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 0.65rem;
  margin-bottom: 0.1125rem;
  background: url("../img/item1-wMKy9zMA.png") center center/100% 100% no-repeat;
}
#assets-main .order-statistics .statistics .statistics-item .value[data-v-5310a21e] {
  font-size: 0.2rem;
}
#assets-main .order-statistics .statistics .statistics-item .name[data-v-5310a21e] {
  font-size: 0.125rem;
}
#assets-main .order-statistics .statistics-chart[data-v-5310a21e] {
  flex: 1;
  height: 100%;
}
#assets-main .inspect[data-v-5310a21e] {
  display: flex;
  flex-direction: column;
  overflow: auto;
  max-height: 40vh;
}
#assets-main .inspect .inspect-row[data-v-5310a21e] {
  display: flex;
  align-items: center;
  font-size: 0.15rem;
}
#assets-main .inspect .inspect-row span[data-v-5310a21e] {
  text-align: center;
  flex: 1;
}
#assets-main .inspect .inspect-row span[data-v-5310a21e]:nth-child(3), #assets-main .inspect .inspect-row span[data-v-5310a21e]:nth-child(5), #assets-main .inspect .inspect-row span[data-v-5310a21e]:nth-child(6) {
  flex: 2;
}
#assets-main .inspect .row-head[data-v-5310a21e] {
  color: #007bff;
  background: rgba(255, 255, 255, 0.3);
  height: 0.375rem;
  font-weight: bold;
}
#assets-main .inspect .inspect-item:nth-child(even) .inspect-row[data-v-5310a21e] {
  background: rgba(1, 249, 255, 0.2);
}
#assets-main .inspect .inspect-item .inspect-row[data-v-5310a21e] {
  font-size: 0.125rem;
  height: 0.375rem;
  color: #95c9dd;
  cursor: pointer;
}
#assets-main .inspect .inspect-item .inspect-row span[data-v-5310a21e]:nth-child(4) {
  color: #1af4eb;
}
#assets-main .inspect .inspect-item .inspect-row .status-box[data-v-5310a21e] {
  flex: 2;
  text-align: center;
}
#assets-main .inspect .inspect-item .inspect-row .status-box span[data-v-5310a21e] {
  border: 1px solid #fff;
  padding: 0.0375rem 0.0625rem;
  font-size: 0.1375rem;
}
#assets-main .inspect .inspect-item .inspect-row .status-box .ING[data-v-5310a21e] {
  color: #1af4eb;
  border-color: #1af4eb;
}
#assets-main .inspect .inspect-item .inspect-row .status-box .DONE[data-v-5310a21e] {
  color: #b1b1b1;
  border-color: #b1b1b1;
}
#assets-main .inspect .inspect-item .inspect-row .status-box .PEND[data-v-5310a21e] {
  color: #fac858;
  border-color: #fac858;
}
#assets-main .inspect .inspect-item .inspect-details[data-v-5310a21e] {
  padding: 0.0375rem 0.125rem 0.125rem;
  font-size: 0.125rem;
}
#assets-main .inspect .inspect-item .inspect-details .details-info[data-v-5310a21e] {
  display: flex;
  align-items: center;
  margin-top: 0.0625rem;
}
#assets-main .inspect .inspect-item .inspect-details .details-info .user-head[data-v-5310a21e] {
  width: 3vw;
  height: 3vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0db3e0;
  border-radius: 5px;
}
#assets-main .inspect .inspect-item .inspect-details .details-info .user-head i[data-v-5310a21e] {
  font-size: 0.6rem;
  color: #0db3e0;
}
#assets-main .inspect .inspect-item .inspect-details .details-info .user-info[data-v-5310a21e] {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  margin-left: 0.125rem;
}
#assets-main .inspect .inspect-item .inspect-details .details-info .user-info span[data-v-5310a21e] {
  width: 50%;
  margin-bottom: 0.0375rem;
}.box[data-v-6d1e0f7e] {
  position: relative;
  padding: 0.0125rem;
}
.box .border-box[data-v-6d1e0f7e] {
  padding: 0.125rem;
  border: 0.0125rem solid #46abee;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.box .ornament[data-v-6d1e0f7e] {
  position: absolute;
  overflow: hidden;
}
.box.animation .ornament[data-v-6d1e0f7e]:nth-child(odd) {
  width: 100%;
  height: 0.0375rem;
  left: 0;
}
.box.animation .ornament[data-v-6d1e0f7e]:nth-child(even) {
  height: 100%;
  width: 0.0375rem;
  top: 0;
}
.box.animation .ornament[data-v-6d1e0f7e]::before {
  content: " ";
  background: #50dfdb;
  position: absolute;
  width: 100%;
  height: 100%;
}
.box.animation .ornament[data-v-6d1e0f7e]:nth-child(odd)::before {
  background: linear-gradient(90deg, #50dfdb, #50dfdb);
}
.box.animation .ornament[data-v-6d1e0f7e]:nth-child(even)::before {
  background: linear-gradient(0deg, #46abee, #50dfdb);
}
.box.animation .ornament[data-v-6d1e0f7e]:nth-child(1) {
  top: 0;
}
.box.animation .ornament[data-v-6d1e0f7e]:nth-child(1)::before {
  left: -100%;
  animation: animate1-6d1e0f7e 4s linear infinite;
}
@keyframes animate1-6d1e0f7e {
0% {
    left: -100%;
}
50%, 100% {
    left: 100%;
}
}
.box.animation .ornament[data-v-6d1e0f7e]:nth-child(2) {
  right: 0;
}
.box.animation .ornament[data-v-6d1e0f7e]:nth-child(2)::before {
  top: -100%;
  animation: animate2-6d1e0f7e 4s linear infinite;
  animation-delay: 1s;
}
@keyframes animate2-6d1e0f7e {
0% {
    top: -100%;
}
50%, 100% {
    top: 100%;
}
}
.box.animation .ornament[data-v-6d1e0f7e]:nth-child(3) {
  bottom: 0;
}
.box.animation .ornament[data-v-6d1e0f7e]:nth-child(3)::before {
  left: 100%;
  animation: animate3-6d1e0f7e 4s linear infinite;
  animation-delay: 2s;
}
@keyframes animate3-6d1e0f7e {
0% {
    left: 100%;
}
50%, 100% {
    left: -100%;
}
}
.box.animation .ornament[data-v-6d1e0f7e]:nth-child(4) {
  left: 0;
}
.box.animation .ornament[data-v-6d1e0f7e]:nth-child(4)::before {
  animation: animate4-6d1e0f7e 4s linear infinite;
  animation-delay: 3s;
  top: 100%;
}
@keyframes animate4-6d1e0f7e {
0% {
    top: 100%;
}
50%, 100% {
    top: -100%;
}
}@font-face {
  font-family: "digital-7";
  src: url("../fonts/digital-7-D68qVRwS.ttf");
}
.flex[data-v-d8d4c6bc] {
  display: flex;
  align-items: center;
}
.is-body[data-v-d8d4c6bc] {
  padding: 0.125rem;
  display: flex;
  overflow: hidden;
  height: calc(100% - 0.8rem);
}
.wrapper[data-v-d8d4c6bc] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.wrapper .title[data-v-d8d4c6bc] {
  width: 100%;
  font-size: 0.175rem;
  text-align: center;
  color: #00ecff;
}
.wrapper .title span[data-v-d8d4c6bc] {
  margin: 0.125rem 0 0 0;
  background: url("../img/titleBg-CK-W6PiM.png") no-repeat center;
  background-size: 100%;
  overflow: hidden;
  font-weight: 600;
  display: block;
}
.wrapper .content[data-v-d8d4c6bc] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.wrapper .content .chart[data-v-d8d4c6bc] {
  width: 100%;
  height: 100%;
}
.left[data-v-d8d4c6bc],
.right[data-v-d8d4c6bc] {
  width: 18vw;
  height: 100%;
  padding: 0.0625rem 0.125rem 0.125rem;
  display: flex;
  flex-direction: column;
  color: #ffffff;
  font-size: 0.15rem;
  background: url("../img/container-DwzhvfJ9.png");
  background-size: 100% 100%;
}
.left .count-info[data-v-d8d4c6bc],
.right .count-info[data-v-d8d4c6bc] {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.left .count-info .item[data-v-d8d4c6bc],
.right .count-info .item[data-v-d8d4c6bc] {
  width: 50%;
  display: flex;
  align-items: center;
}
.left .count-info .item .iconfont[data-v-d8d4c6bc],
.right .count-info .item .iconfont[data-v-d8d4c6bc] {
  font-size: 0.4rem;
  color: #00ecff;
}
.left .count-info .item .info[data-v-d8d4c6bc],
.right .count-info .item .info[data-v-d8d4c6bc] {
  color: rgba(255, 255, 255, 0.8);
  margin-left: 0.125rem;
  font-size: 0.15rem;
}
.left .count-info .item .info .value[data-v-d8d4c6bc],
.right .count-info .item .info .value[data-v-d8d4c6bc] {
  font-size: 0.2rem;
  color: #fff;
}
.left[data-v-d8d4c6bc] {
  position: absolute;
  left: 0;
}
.right[data-v-d8d4c6bc] {
  position: absolute;
  right: 0;
  height: calc(100% - 1rem);
}
.center[data-v-d8d4c6bc] {
  width: calc(100% - 38vw);
  position: absolute;
  left: 50%;
  margin-left: calc((-100% + 38vw) / 2);
  display: flex;
  flex-direction: column;
  height: calc(100% - 1rem);
}
.center .chart[data-v-d8d4c6bc] {
  width: 100%;
  height: 100%;
}
.center .top[data-v-d8d4c6bc] {
  flex: 2;
  position: relative;
  display: flex;
}
.center .top .shop-item[data-v-d8d4c6bc] {
  flex: 1;
  background: url("../img/bottom1-DOoyYxj7.png");
  background-size: 100% 100%;
  padding: 0.125rem;
  display: flex;
  flex-direction: column;
}
.center .top .shop-item[data-v-d8d4c6bc]:not(:last-child) {
  margin-right: 0.125rem;
}
.center .top .shop-item .title[data-v-d8d4c6bc] {
  background-image: linear-gradient(to bottom, #02f9fd, #0e72b3);
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #02f9fd;
  position: relative;
  height: 0.3rem;
  padding-left: 0.25rem;
  display: flex;
  font-size: 0.15rem;
  align-items: center;
  font-weight: bold;
}
.center .top .shop-item .title[data-v-d8d4c6bc]::before {
  content: "";
  background: url("../img/title-bg-DCpmht21.png") no-repeat;
  background-size: auto 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
}
.center .top .shop-item .content[data-v-d8d4c6bc] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.center .top .shop-item .content .shop-data[data-v-d8d4c6bc] {
  flex: 2;
  display: flex;
  flex-direction: column;
}
.center .top .shop-item .content .shop-data[data-v-d8d4c6bc]:first-child {
  flex: 1;
}
.center .top .shop-item .content .shop-data .data-head[data-v-d8d4c6bc] {
  font-weight: 600;
  width: 100%;
  font-size: 0.175rem;
  color: #00ecff;
  border-bottom: 1px solid #0d2366;
  padding-bottom: 0.0625rem;
}
.center .top .shop-item .content .shop-data .data-content[data-v-d8d4c6bc] {
  flex: 1;
}
.center .top .shop-item .content .revenue-data[data-v-d8d4c6bc] {
  display: flex;
  align-items: center;
  flex-direction: row;
}
.center .top .shop-item .content .revenue-data .iconfont[data-v-d8d4c6bc] {
  font-size: 0.5rem;
  color: #409eff;
  margin: 0 0.25rem;
}
.center .top .shop-item .content .revenue-data .info[data-v-d8d4c6bc] {
  color: rgba(255, 255, 255, 0.8);
  margin-left: 0.125rem;
  font-size: 0.15rem;
  flex: 1;
}
.center .top .shop-item .content .revenue-data .info .value[data-v-d8d4c6bc] {
  font-size: 0.2rem;
  color: #fff;
}
.center .top .shop-item .content .row-data[data-v-d8d4c6bc] {
  flex-direction: row;
}
.center .top .shop-item .content .row-data .shop-data[data-v-d8d4c6bc] {
  flex: 1;
}
.center .top .shop-item .content .state-content[data-v-d8d4c6bc] {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}
.center .top .shop-item .content .state-content .state-item[data-v-d8d4c6bc] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  height: 50%;
}
.center .top .shop-item .content .state-content .state-item i[data-v-d8d4c6bc] {
  margin-right: 0.125rem;
  font-size: 0.35rem;
}
.center .top .shop-item .content .state-content .state-item .info .value[data-v-d8d4c6bc] {
  font-weight: 700;
  font-size: 0.25rem;
}
.center .top .shop-item .content .state-content .state-item .info .name[data-v-d8d4c6bc] {
  color: #fff;
  font-size: 0.175rem;
}
.center .leave[data-v-d8d4c6bc] {
  opacity: 0;
  transform: translateX(-50%);
  transition: all 0.5s ease-out;
}
.center .enter[data-v-d8d4c6bc] {
  opacity: 1;
  transform: translateX(50%);
  transition: all 0.5s ease-out;
}
.center .bottom[data-v-d8d4c6bc] {
  flex: 1;
  margin-top: 0.125rem;
  position: relative;
  background: url("../img/bottom1-DOoyYxj7.png");
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
}
.center .bottom .content[data-v-d8d4c6bc] {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: calc(100% - 0.2rem);
}
.center .bottom .title[data-v-d8d4c6bc] {
  width: 4rem;
  position: absolute;
  top: -25px;
  left: 50%;
  margin-left: -2rem;
  font-size: 0.23rem;
  text-align: center;
  color: #00ecff;
}
.center .bottom .title span[data-v-d8d4c6bc] {
  margin: 0.125rem 0 0 0;
  background: url("../img/titleBg-CK-W6PiM.png") no-repeat center;
  background-size: 100%;
  overflow: hidden;
  font-weight: 600;
  display: block;
}#ss-cold-source .main-title[data-v-fadbdc2c] {
  display: flex;
}
.flex[data-v-fadbdc2c], .right-main .area-wrapper .main-content .details .details-content[data-v-fadbdc2c], .right-main .area-wrapper .main-content .point-list .point-item .left[data-v-fadbdc2c], .right-main .area-wrapper .main-content .point-list .point-item[data-v-fadbdc2c], .right-main .area-wrapper .main-content .area-content[data-v-fadbdc2c], .right-main .area-wrapper .main-title .search-box .search-input[data-v-fadbdc2c], .right-main .area-wrapper .main-title .search-box[data-v-fadbdc2c], .left-main .abnormal-wrapper .main-content[data-v-fadbdc2c], .left-main .state-wrapper .main-content .state-info p[data-v-fadbdc2c], .left-main .state-wrapper .main-content[data-v-fadbdc2c], .not-data[data-v-fadbdc2c] {
  display: flex;
  align-items: center;
}
.not-data[data-v-fadbdc2c] {
  width: 100%;
  height: 100%;
  justify-content: center;
}
.left-main .main-wrapper[data-v-fadbdc2c] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.left-main .main-wrapper .main-content[data-v-fadbdc2c] {
  flex: 1;
}
.left-main .main-wrapper .main-content .chart[data-v-fadbdc2c] {
  width: 100%;
  height: 100%;
}
.left-main .state-wrapper[data-v-fadbdc2c] {
  height: 20vh;
  flex: none;
}
.left-main .state-wrapper .main-content .chart[data-v-fadbdc2c] {
  width: 60%;
}
.left-main .state-wrapper .main-content .state-info[data-v-fadbdc2c] {
  width: 40%;
}
.left-main .state-wrapper .main-content .state-info p[data-v-fadbdc2c] {
  font-size: 0.15rem;
  margin-bottom: 0.125rem;
}
.left-main .state-wrapper .main-content .state-info p[data-v-fadbdc2c]:nth-child(1) {
  color: #00ffff;
}
.left-main .state-wrapper .main-content .state-info p[data-v-fadbdc2c]:nth-child(2) {
  color: #ccff00;
}
.left-main .state-wrapper .main-content .state-info p[data-v-fadbdc2c]:nth-child(3) {
  color: #ff8c37;
}
.left-main .state-wrapper .main-content .state-info p[data-v-fadbdc2c]:nth-child(4) {
  color: #ffc257;
}
.left-main .state-wrapper .main-content .state-info p[data-v-fadbdc2c]:nth-child(4) {
  color: #a181fc;
}
.left-main .state-wrapper .main-content .state-info p span[data-v-fadbdc2c] {
  flex: 1;
}
.left-main .state-wrapper .main-content .state-info p span[data-v-fadbdc2c]:last-child {
  margin-left: 0.0625rem;
  text-align: center;
}
.left-main .subject-wrapper[data-v-fadbdc2c] {
  display: flex;
  flex-direction: column;
  height: 30vh;
  flex: none;
}
.left-main .subject-wrapper .main-content[data-v-fadbdc2c] {
  flex: 1;
  overflow: auto;
}
.left-main .subject-wrapper .main-content .subject-item[data-v-fadbdc2c] {
  margin-bottom: 0.0625rem;
  padding: 0.0625rem 0.125rem;
  background-image: radial-gradient(rgba(255, 255, 255, 0), rgba(0, 50, 104, 0.6));
}
.left-main .subject-wrapper .main-content .subject-item p[data-v-fadbdc2c] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.125rem;
  margin-bottom: 0.0625rem;
}
.left-main .subject-wrapper .main-content .subject-item p span[data-v-fadbdc2c] {
  color: #a6ffff;
}
.left-main .subject-wrapper .main-content .subject-item p .name[data-v-fadbdc2c] {
  font-size: 0.175rem;
  color: #00ffff;
}
.left-main .subject-wrapper .main-content .subject-item p:last-child span[data-v-fadbdc2c]:nth-child(1) {
  color: #00ffff;
}
.left-main .subject-wrapper .main-content .subject-item p:last-child span[data-v-fadbdc2c]:nth-child(2) {
  color: #ffc257;
}
.left-main .subject-wrapper .main-content .subject-item p:last-child span[data-v-fadbdc2c]:nth-child(3) {
  color: #a181fc;
}
.left-main .subject-wrapper .main-content .subject-item p:last-child span[data-v-fadbdc2c]:nth-child(4) {
  color: #ff8c37;
}
.left-main .abnormal-wrapper .main-content[data-v-fadbdc2c] {
  justify-content: center;
}
.right-main .area-wrapper[data-v-fadbdc2c] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.right-main .area-wrapper .main-title .search-box[data-v-fadbdc2c] {
  flex: 1;
  justify-content: flex-end;
}
.right-main .area-wrapper .main-title .search-box .search-input[data-v-fadbdc2c] {
  justify-content: flex-end;
  flex: 1;
}
.right-main .area-wrapper .main-title .search-box .search-input .input[data-v-fadbdc2c] {
  width: 0%;
  transition: all 0.5s;
}
.right-main .area-wrapper .main-title .search-box .search-input i[data-v-fadbdc2c] {
  font-size: 0.2rem;
  color: #fff;
  z-index: 1;
  cursor: pointer;
}
.right-main .area-wrapper .main-title .search-box .search-input[data-v-fadbdc2c] .ivu-input {
  background: transparent;
  height: 0.3125rem;
  border: none;
  outline: none;
  color: #fff;
}
.right-main .area-wrapper .main-title .search-box .all-list[data-v-fadbdc2c] {
  margin-left: 0.0625rem;
  cursor: pointer;
}
.right-main .area-wrapper .main-title .search-box .all-list i[data-v-fadbdc2c] {
  font-weight: normal;
  color: #fff;
}
.right-main .area-wrapper .main-content[data-v-fadbdc2c] {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  margin-top: 0 !important;
}
.right-main .area-wrapper .main-content .subject-list-nav[data-v-fadbdc2c] {
  display: flex;
  width: 100%;
  overflow-x: scroll;
}
.right-main .area-wrapper .main-content .subject-list-nav[data-v-fadbdc2c]::-webkit-scrollbar-thumb {
  display: none;
}
.right-main .area-wrapper .main-content .subject-list-nav .subject-item-nav[data-v-fadbdc2c] {
  font-size: 0.1375rem;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  padding: 0.025rem 0.125rem;
  color: #fff;
  border: 1px solid #209cff;
  flex-shrink: 0;
  cursor: pointer;
}
.right-main .area-wrapper .main-content .subject-list-nav .subject-item-nav[data-v-fadbdc2c]:not(:last-child) {
  margin-right: 0.125rem;
}
.right-main .area-wrapper .main-content .subject-list-nav .subject-item-nav-active[data-v-fadbdc2c] {
  background: linear-gradient(0deg, #209cff 0, #68e0cf);
}
.right-main .area-wrapper .main-content .area-content > i[data-v-fadbdc2c] {
  font-size: 0.175rem;
  color: #fff;
  cursor: pointer;
}
.right-main .area-wrapper .main-content .area-content .tabs-block[data-v-fadbdc2c] {
  flex: 1;
  overflow: hidden;
  position: relative;
}
.right-main .area-wrapper .main-content .area-content .tabs-block .tabs-content .tabs-content-scroll[data-v-fadbdc2c] {
  margin: 0 0.125rem;
  overflow-x: scroll;
}
.right-main .area-wrapper .main-content .area-content .tabs-block .tabs-content .tabs-content-scroll[data-v-fadbdc2c]::-webkit-scrollbar-thumb {
  display: none;
}
.right-main .area-wrapper .main-content .area-content .tabs-block .tabs-list[data-v-fadbdc2c] {
  position: relative;
  display: flex;
  padding-bottom: 0.0625rem;
  white-space: nowrap;
}
.right-main .area-wrapper .main-content .area-content .tabs-block .tabs-list .tabs-item[data-v-fadbdc2c] {
  color: #fff;
  margin-right: 0.25rem;
  position: relative;
  cursor: pointer;
}
.right-main .area-wrapper .main-content .area-content .tabs-block .tabs-list .tabs-item-active[data-v-fadbdc2c] {
  color: #acfbff;
}
.right-main .area-wrapper .main-content .area-content .tabs-block .tabs-list .tabs-item-title[data-v-fadbdc2c] {
  font-size: 0.15rem;
  font-weight: bold;
}
.right-main .area-wrapper .main-content .area-content .tabs-block .tabs-line[data-v-fadbdc2c] {
  display: block;
  height: 0.025rem;
  position: absolute;
  bottom: 0px;
  left: 0;
  z-index: 1;
  border-radius: 0.0375rem;
  position: relative;
  background: #acfbff;
}
.right-main .area-wrapper .main-content .point-list[data-v-fadbdc2c] {
  height: 27.2vh;
  overflow: auto;
  position: relative;
}
.right-main .area-wrapper .main-content .point-list .point-item[data-v-fadbdc2c] {
  justify-content: space-between;
  padding: 0.0625rem 0.125rem;
  margin-bottom: 0.0625rem;
  border-radius: 0.0375rem;
  border: 1px solid #578aef;
  cursor: pointer;
}
.right-main .area-wrapper .main-content .point-list .point-item .left i[data-v-fadbdc2c] {
  font-size: 0.3rem;
  margin-right: 0.125rem;
}
.right-main .area-wrapper .main-content .point-list .point-item .left .info p[data-v-fadbdc2c] {
  color: #fff;
  font-size: 0.125rem;
}
.right-main .area-wrapper .main-content .point-list .point-item .left .info p[data-v-fadbdc2c]:first-child {
  font-size: 0.175rem;
  font-weight: 600;
}
.right-main .area-wrapper .main-content .point-list .point-item .value[data-v-fadbdc2c] {
  font-size: 0.2rem;
}
.right-main .area-wrapper .main-content .point-list .point-item-active[data-v-fadbdc2c] {
  border-color: #00ffff;
  box-shadow: 0.025rem 0.025rem 0.1rem -0.01rem #00ffff;
}
.right-main .area-wrapper .main-content .details[data-v-fadbdc2c] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.right-main .area-wrapper .main-content .details .details-head[data-v-fadbdc2c] {
  cursor: pointer;
}
.right-main .area-wrapper .main-content .details .details-head[data-v-fadbdc2c] .ivu-divider {
  color: #acfbff;
  margin: 0 !important;
}
.right-main .area-wrapper .main-content .details .details-head[data-v-fadbdc2c] .ivu-divider::before, .right-main .area-wrapper .main-content .details .details-head[data-v-fadbdc2c] .ivu-divider::after {
  border-color: #acfbff;
}
.right-main .area-wrapper .main-content .details .details-head[data-v-fadbdc2c] .ivu-divider-inner-text {
  font-size: 0.1625rem;
}
.right-main .area-wrapper .main-content .details .details-content[data-v-fadbdc2c] {
  flex: 1;
  justify-content: center;
}
.right-main .area-wrapper .main-content .details .details-content .index-list[data-v-fadbdc2c] {
  width: 100%;
  height: 20vh;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  align-items: flex-start;
}
.right-main .area-wrapper .main-content .details .details-content .index-list .index-item[data-v-fadbdc2c] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.right-main .area-wrapper .main-content .details .details-content .index-list .index-item[data-v-fadbdc2c]:first-child {
  margin-right: 0.0625rem;
}
.right-main .area-wrapper .main-content .details .details-content .index-list .index-row[data-v-fadbdc2c] {
  margin-bottom: 0.0625rem;
  padding: 0.0625rem 0.125rem;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.right-main .area-wrapper .main-content .details .details-content .index-list .index-row span[data-v-fadbdc2c] {
  flex: 1;
  text-align: center;
  color: #fff;
}
.right-main .area-wrapper .main-content .details .details-content .index-list .index-row span[data-v-fadbdc2c]:nth-child(1) {
  color: #00ffff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.right-main .area-wrapper .main-content .details .details-content .index-list .index-row[data-v-fadbdc2c]::after {
  content: "";
  filter: blur(3px);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(16, 221, 231, 0.08);
}
.right-main .area-wrapper .main-content .details .details-content .chart-box[data-v-fadbdc2c] {
  width: 100%;
  height: 100%;
}
.right-main .area-wrapper .main-content .details .details-content .chart-box .chart[data-v-fadbdc2c] {
  width: 100%;
  height: 100%;
}
.right-main .area-wrapper .main-content .pop-up[data-v-fadbdc2c] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #091025;
  z-index: 999;
}
.right-main .area-wrapper .main-content .pop-up .subject-list-nav[data-v-fadbdc2c] {
  flex-wrap: wrap;
  overflow: hidden;
}
.right-main .area-wrapper .main-content .pop-up .subject-list-nav[data-v-fadbdc2c]:not(:last-child) {
  border-bottom: 2px solid #66f5ff;
  margin: 0.125rem 0;
}
.right-main .area-wrapper .main-content .pop-up .subject-list-nav .subject-item-nav[data-v-fadbdc2c] {
  margin-bottom: 0.125rem;
}
.right-main .area-wrapper .main-content .fade-enter-active[data-v-fadbdc2c],
.right-main .area-wrapper .main-content .fade-leave-active[data-v-fadbdc2c] {
  transition: 0.8s;
}
.right-main .area-wrapper .main-content .fade-enter[data-v-fadbdc2c],
.right-main .area-wrapper .main-content .fade-leave-to[data-v-fadbdc2c] {
  opacity: 0;
}
.right-main .warn-wrapper[data-v-fadbdc2c] {
  height: 25vh;
  display: flex;
  flex-direction: column;
}
.right-main .warn-wrapper .warn-list[data-v-fadbdc2c] {
  padding: 0 !important;
  margin: 0 !important;
  display: flex;
  flex: 1;
}
.right-main .warn-wrapper .warn-list[data-v-fadbdc2c] .warn-item {
  width: 100%;
  font-size: 0.15rem;
  color: #fff;
}
.right-main .warn-wrapper .warn-list[data-v-fadbdc2c] .warn-item .item-head {
  display: flex;
  justify-content: space-between;
  padding: 0.0625rem;
}
.right-main .warn-wrapper .warn-list[data-v-fadbdc2c] .warn-item .item-head > p {
  font-weight: bold;
}
.right-main .warn-wrapper .warn-list[data-v-fadbdc2c] .warn-item .item-head > span {
  font-size: 0.125rem;
}
.right-main .warn-wrapper .warn-list[data-v-fadbdc2c] .warn-item p {
  display: flex;
  align-items: center;
  font-size: 0.125rem;
}
.right-main .warn-wrapper .warn-list[data-v-fadbdc2c] .warn-item p span {
  margin-left: 10px;
}
.right-main .warn-wrapper .warn-list[data-v-fadbdc2c] .warn-item p span:first-child {
  text-align: left;
  font-weight: bold;
}.device-drawer[data-v-45ea2ff0] .ivu-drawer-mask {
  background-color: rgba(0, 0, 29, 0.1);
}
.device-drawer[data-v-45ea2ff0] .ivu-drawer .ivu-drawer-content {
  background-color: rgba(0, 6, 67, 0.85);
  box-shadow: 0 4px 12px rgb(13, 131, 197);
}
.device-drawer .head[data-v-45ea2ff0] {
  background-color: rgba(27, 66, 175, 0.6);
}
.device-drawer .head .head-img .image-wrapper[data-v-45ea2ff0] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.device-drawer .head .head-img .image-wrapper img[data-v-45ea2ff0] {
  max-height: 2rem;
  max-width: 100%;
}
.device-drawer .head .head-title[data-v-45ea2ff0] {
  padding: 0.0625rem 0.1rem;
  line-height: 1.5;
}
.device-drawer .head .head-title .name[data-v-45ea2ff0] {
  font-size: 0.1625rem;
}
.device-drawer .content-wrapper[data-v-45ea2ff0] {
  margin-top: 0.125rem;
  background-color: rgba(27, 66, 175, 0.6);
  position: relative;
  padding: 0.125rem;
}
.device-drawer .content-wrapper .title[data-v-45ea2ff0] {
  font-size: 0.1625rem;
  font-weight: bold;
  line-height: 1.6;
}
.device-drawer .content-wrapper .get-more[data-v-45ea2ff0],
.device-drawer .content-wrapper .state[data-v-45ea2ff0] {
  position: absolute;
  right: 0.125rem;
  top: 0.125rem;
  line-height: 0.25rem;
}
.device-drawer .content-wrapper .state[data-v-45ea2ff0] {
  background-color: rgb(52, 202, 221);
  text-align: center;
  width: 0.625rem;
}
.device-drawer .content-wrapper .get-more[data-v-45ea2ff0] {
  font-size: 0.1rem;
  cursor: pointer;
}
.device-drawer .content-wrapper .describe[data-v-45ea2ff0] {
  font-size: 0.125rem;
  padding: 0.075rem 0;
}
.device-drawer .content-wrapper .describe i[data-v-45ea2ff0] {
  margin-right: 0.075rem;
}
.device-drawer .content-wrapper .describe .iconxunjianweixiu[data-v-45ea2ff0] {
  color: #ff9800;
}
.device-drawer .content-wrapper .describe .iconbaoyang[data-v-45ea2ff0] {
  color: lightskyblue;
}
.device-drawer .content-wrapper .describe-info[data-v-45ea2ff0] {
  background-color: rgba(0, 6, 67, 0.85);
  display: flex;
  justify-content: space-around;
  height: 0.75rem;
  align-items: center;
}
.device-drawer .content-wrapper .describe-info span[data-v-45ea2ff0] {
  font-size: 0.1875rem;
  font-weight: bold;
}
.device-drawer .content-wrapper .describe-info.repair > div[data-v-45ea2ff0] {
  text-align: center;
}
.device-drawer .content-wrapper .describe-info.maintain[data-v-45ea2ff0] {
  display: flex;
}
.device-drawer .content-wrapper .describe-info.maintain span[data-v-45ea2ff0] {
  margin-left: 0.125rem;
}
.device-drawer .content-wrapper .device-info > div[data-v-45ea2ff0] {
  line-height: 0.35rem;
  display: flex;
  font-size: 0.1375rem;
}
.device-drawer .content-wrapper .device-info > div > span[data-v-45ea2ff0] {
  color: #00e7ff;
  flex-basis: 0.875rem;
}
.device-drawer .content-wrapper .monitor-info[data-v-45ea2ff0] {
  width: 100%;
  height: 350px;
  overflow: hidden;
}
.device-drawer .content-wrapper .line-wrapper[data-v-45ea2ff0] {
  background-color: rgba(0, 6, 67, 0.85);
  display: flex;
  justify-content: space-between;
  line-height: 0.35rem;
  padding: 0 0.075rem;
  margin-top: 0.075rem;
}
.device-drawer .content-wrapper .line-wrapper > div[data-v-45ea2ff0] {
  display: flex;
  align-items: center;
}
.device-drawer .content-wrapper .line-wrapper > div .time[data-v-45ea2ff0] {
  color: #5fbee2;
  margin-right: 0.0625rem;
  font-size: 0.1rem;
}
.device-drawer .content-wrapper .line-wrapper > div .iconfont[data-v-45ea2ff0] {
  margin-right: 0.0625rem;
}
.device-drawer .content-wrapper .line-wrapper .iconweixiujilu[data-v-45ea2ff0] {
  color: coral;
}
.device-drawer .content-wrapper .line-wrapper .iconbaoyangjilu[data-v-45ea2ff0] {
  color: #4dc62f;
}
.device-drawer .content-wrapper .line-wrapper .iconxunjianjilu[data-v-45ea2ff0] {
  color: #20a2ff;
}
.device-drawer .content-wrapper .line-wrapper .iconlishijilu[data-v-45ea2ff0] {
  color: #9f9fff;
}
.device-drawer .content-wrapper .line-wrapper .icondangjian_biaozhunhuajianshe[data-v-45ea2ff0] {
  color: orange;
}
.device-drawer .content-wrapper .line-wrapper .iconweibaobiaozhun[data-v-45ea2ff0] {
  color: cornflowerblue;
}.sub-system > div[data-v-f1d954a5] {
  perspective: 1300px;
}
.sub-system > .main.left-main .anima-3d-rotateHide[data-v-f1d954a5] {
  transition: all 500ms;
  transform: translateZ(100px) translateX(-30%) rotateY(90deg);
  opacity: 0;
}
.sub-system > .main.right-main .info-title[data-v-f1d954a5] {
  text-align: right;
}
.sub-system > .main.right-main .anima-3d-rotateHide[data-v-f1d954a5] {
  transition: all 500ms;
  transform: translateZ(100px) translateX(100%) rotateY(-45deg);
  opacity: 0;
}
.sub-system > .main .main-wrapper[data-v-f1d954a5] {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  font: 1;
  position: relative;
}
.sub-system > .main .main-wrapper .main-title[data-v-f1d954a5] {
  margin: 0 0.125rem;
  display: flex !important;
}
.sub-system > .main .main-wrapper.close[data-v-f1d954a5] {
  transform: translateX(100%);
  transition: all 500ms;
}
.sub-system > .main .main-wrapper .btn-close[data-v-f1d954a5] {
  position: absolute;
  top: 0.125rem;
  right: 0.125rem;
  cursor: pointer;
  transition: 0.5s transform;
  transform: rotate(0deg);
  padding: 0 0.0625rem;
}
.sub-system > .main .main-wrapper .btn-close[data-v-f1d954a5]:hover {
  transform: rotate(180deg) scale(1.2);
  color: #95e2ff;
}
.sub-system > .main .main-wrapper .main-content[data-v-f1d954a5] {
  flex: 1;
  position: static;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.sub-system > .main .main-wrapper .main-content .info-wrapper .info-title[data-v-f1d954a5] {
  line-height: 2;
}
.sub-system > .main .main-wrapper .main-content .info-wrapper .info-echat[data-v-f1d954a5] {
  width: 100%;
  height: 16vh;
}
.sub-system > .main .main-wrapper .main-content .main-floor[data-v-f1d954a5] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.sub-system > .main .main-wrapper .main-content .main-floor > div[data-v-f1d954a5] {
  cursor: pointer;
  height: 0.35rem;
  display: flex;
  align-items: center;
  color: #ffffff;
  margin-right: 0.075rem;
  padding: 0 0.0375rem;
  font-weight: bold;
}
.sub-system > .main .main-wrapper .main-content .main-floor > div[data-v-f1d954a5]:hover {
  color: #95e2ff;
}
.sub-system .device-info[data-v-f1d954a5] {
  font-size: 0.1375rem;
  text-align: center;
}
.sub-system .device-info .table-title[data-v-f1d954a5] {
  margin: 0.0625rem 0;
  padding-right: 6px;
  color: rgb(189, 236, 237);
  display: flex;
  font-weight: bold;
}
.sub-system .device-info .table-title > div[data-v-f1d954a5],
.sub-system .device-info .table-item > div[data-v-f1d954a5] {
  flex: 1;
}
.sub-system .device-info .table-title > div[data-v-f1d954a5]:nth-child(2),
.sub-system .device-info .table-item > div[data-v-f1d954a5]:nth-child(2) {
  flex: 2;
}
.sub-system .device-info .table-list[data-v-f1d954a5] {
  height: 30vh;
  overflow-y: scroll;
}
.sub-system .device-info .table-list .table-item[data-v-f1d954a5] {
  align-items: center;
  display: flex;
  color: rgb(125, 156, 176);
  padding: 0.0375rem;
  border: 0.0125rem solid transparent;
}
.sub-system .device-info .table-list .table-item[data-v-f1d954a5]:nth-child(2n) {
  background-color: rgba(255, 255, 255, 0.2);
}
.sub-system .device-info .table-list .table-item[data-v-f1d954a5]:hover, .sub-system .device-info .table-list .table-item.active[data-v-f1d954a5] {
  cursor: pointer;
  background-color: rgba(177, 0, 0, 0.2);
  border-color: #b10000;
}
.sub-system .overview[data-v-f1d954a5] {
  display: flex;
  justify-content: space-between;
  height: 15vh;
}
.sub-system .overview .doughnutEchat[data-v-f1d954a5] {
  width: calc(50% - 0.125rem);
  height: 100%;
  overflow: hidden;
  position: relative;
}
.sub-system .overview .doughnutEchat > div[data-v-f1d954a5] {
  position: absolute;
  top: -40%;
  left: -40%;
  width: 180%;
  height: 180%;
}
.shade-text[data-v-f1d954a5] {
  background-image: linear-gradient(to bottom, #02f9fd, #0e72b3);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #02f9fd;
}
.anima-3d-rotateInRight[data-v-f1d954a5] {
  transform-style: preserve-3d;
  transform-origin: 0 100%;
  animation: rotateInRight-f1d954a5 500ms 1;
}
@keyframes rotateInRight-f1d954a5 {
0% {
    transform: translateZ(100px) translateX(-30%) rotateY(90deg);
    opacity: 0;
}
100% {
    transform: translateZ(0px) translateX(0%) rotateY(0deg);
    opacity: 1;
}
}
.anima-3d-rotateInLeft[data-v-f1d954a5] {
  transform-style: preserve-3d;
  transform-origin: 0 100%;
  animation: rotateInLeft-f1d954a5 500ms 1;
}
@keyframes rotateInLeft-f1d954a5 {
0% {
    transform: translateZ(100px) translateX(100%) rotateY(-45deg);
    opacity: 0;
}
100% {
    transform: translateZ(0px) translateX(0%) rotateY(0deg);
    opacity: 1;
}
}

/* entire container, keeps perspective */
.flip-container[data-v-f1d954a5] {
  overflow: hidden;
  flex: 1;
  perspective: 1000px;
  /* flip the pane when hovered */
}
.flip-container.hover .flipper[data-v-f1d954a5] {
  transform: rotateY(180deg);
}
.flip-container[data-v-f1d954a5] {
  /* flip speed goes here */
}
.flip-container .flipper[data-v-f1d954a5] {
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative;
}
.flip-container[data-v-f1d954a5] {
  /* hide back of pane during swap */
}
.flip-container .front[data-v-f1d954a5],
.flip-container .back[data-v-f1d954a5] {
  backface-visibility: hidden;
  width: 100%;
}
.flip-container[data-v-f1d954a5] {
  /* front pane, placed above back */
}
.flip-container .front[data-v-f1d954a5] {
  z-index: 2;
}
.flip-container[data-v-f1d954a5] {
  /* back, initially hidden pane */
}
.flip-container .back[data-v-f1d954a5] {
  transform: rotateY(180deg);
}
#energy-main .main-wrapper .main-title[data-v-f1d954a5] {
  display: flex;
}
.alarm-wrapper[data-v-f1d954a5] {
  padding: 0 0.0375rem 0.0625rem !important;
}
.alarm-wrapper .alarm[data-v-f1d954a5] {
  display: flex;
  border-left: 0.0375rem solid;
  padding-left: 0.0625rem !important;
}
.theme-blue .alarm-wrapper .alarm[data-v-f1d954a5] {
  border-color: #95c9dd;
}
.theme-green .alarm-wrapper .alarm[data-v-f1d954a5] {
  border-color: #ffffff;
}
.alarm-wrapper .alarm strong[data-v-f1d954a5] {
  margin-right: 0.15rem;
}
.alarm-wrapper .alarm .alarm-content[data-v-f1d954a5] {
  flex: 1;
}
.alarm-wrapper .alarm .alarm-content .alarm-info[data-v-f1d954a5] {
  display: flex;
  align-items: center;
}
.alarm-wrapper .alarm .alarm-content .alarm-info .alram-item[data-v-f1d954a5] {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding-left: 0.125rem;
  position: relative;
  color: #fff;
}
.alarm-wrapper .alarm .alarm-content .alarm-info .alram-item[data-v-f1d954a5]::before {
  content: "";
  width: 0.0125rem;
  height: 90%;
  background: rgba(255, 255, 255, 0.7);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-50%, -50%);
}
.alarm-wrapper .alarm .alarm-content .alarm-info .alram-item .value[data-v-f1d954a5] {
  font-size: 0.175rem;
}
.alarm-wrapper .alarm .alarm-content .alarm-info .alram-item .name[data-v-f1d954a5] {
  font-size: 0.125rem;
}
.hospital-wrapper .total-item[data-v-f1d954a5] {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0.125rem;
}
.theme-blue .hospital-wrapper .total-item[data-v-f1d954a5] {
  background-image: linear-gradient(to right, #002b53 0%, #011042 50%, #002b5b 100%);
}
.theme-green .hospital-wrapper .total-item[data-v-f1d954a5] {
  background-image: linear-gradient(to right, rgba(0, 167, 182, 0.2392156863) 0%, rgba(85, 128, 174, 0.2901960784) 50%, rgba(0, 167, 182, 0.2392156863) 100%);
}
.hospital-wrapper .total-item[data-v-f1d954a5] {
  margin-bottom: 0.125rem;
}
.hospital-wrapper .total-item .icontongji[data-v-f1d954a5] {
  color: #2acf84;
  font-size: 0.45rem;
}
.hospital-wrapper .total-item .iconzhexiantu[data-v-f1d954a5] {
  color: #2d8dde;
  font-size: 0.45rem;
}
.hospital-wrapper .total-item .total-info[data-v-f1d954a5] {
  margin-left: 0.1875rem;
}
.hospital-wrapper .total-item .total-info .name[data-v-f1d954a5] {
  color: #fff;
  font-size: 0.15rem;
}
.hospital-wrapper .total-item .total-info .value span[data-v-f1d954a5] {
  font-size: 0.2rem;
  margin-right: 0.0625rem;
}
.hospital-wrapper .total-item .total-info .value span[data-v-f1d954a5]:nth-child(2) {
  font-size: 0.14rem;
}
.hospital-wrapper .total-item .total-info .value i[data-v-f1d954a5] {
  font-size: 0.15rem;
}
.hospital-wrapper .index[data-v-f1d954a5] {
  display: flex;
  align-items: center;
}
.hospital-wrapper .index .index-title[data-v-f1d954a5] {
  width: 1.2rem;
  color: #44ff44;
}
.hospital-wrapper .index .index-title span[data-v-f1d954a5] {
  font-size: 0.1375rem;
  font-weight: bold;
  margin: 0 0.0625rem;
}
.hospital-wrapper[data-v-f1d954a5] .ivu-progress-text {
  color: #44ff44;
  font-size: 0.1375rem;
  font-weight: bold;
}
.ratio-wrapper .main-content[data-v-f1d954a5] {
  height: 20vh;
}
.ratio-wrapper .main-content .chart[data-v-f1d954a5] {
  width: 100%;
  height: 100%;
}
.comparison-wrapper .main-content[data-v-f1d954a5] {
  height: 20vh;
}
.comparison-wrapper .main-content .chart[data-v-f1d954a5] {
  width: 100%;
  height: 100%;
}
.rank-wrapper[data-v-f1d954a5] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.rank-wrapper .main-content[data-v-f1d954a5] {
  margin-top: 0 !important;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.rank-wrapper .main-content .model-nav[data-v-f1d954a5] {
  display: flex;
  align-items: center;
  margin-bottom: 0.0625rem;
}
.rank-wrapper .main-content .model-nav .nav-item[data-v-f1d954a5] {
  font-size: 0.1375rem;
  font-weight: bold;
  margin: 0.0625rem 0.125rem 0 0;
  text-align: center;
  border-radius: 5px;
  padding: 0.025rem 0.125rem;
  border: 1px solid;
  cursor: pointer;
}
.theme-blue .rank-wrapper .main-content .model-nav .nav-item[data-v-f1d954a5] {
  color: #fff;
  border-color: #209cff;
}
.theme-green .rank-wrapper .main-content .model-nav .nav-item[data-v-f1d954a5] {
  color: #ffffff;
  border-color: #00a6af;
}
.theme-blue .rank-wrapper .main-content .model-nav .nav-item-active[data-v-f1d954a5] {
  background: linear-gradient(0deg, #209cff 0, #68e0cf);
}
.theme-green .rank-wrapper .main-content .model-nav .nav-item-active[data-v-f1d954a5] {
  background: linear-gradient(to right, rgba(0, 167, 182, 0.2392156863) 0%, rgba(85, 128, 174, 0.2901960784) 50%, rgba(0, 167, 182, 0.2392156863) 100%);
}
.rank-wrapper .main-content .model-list[data-v-f1d954a5] {
  height: 18vh;
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.rank-wrapper .main-content .model-list .chart[data-v-f1d954a5] {
  width: 100%;
  height: 100%;
}
.rank-wrapper .main-content .model-list .model-item[data-v-f1d954a5] {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 0.0625rem;
  margin-bottom: 0.0375rem;
}
.rank-wrapper .main-content .model-list .model-item span[data-v-f1d954a5] {
  flex: 1 0 13%;
  font-size: 0.125rem;
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.rank-wrapper .main-content .model-list .model-item span[data-v-f1d954a5]:nth-child(1) {
  flex-basis: 20%;
}
.rank-wrapper .main-content .model-list .model-item span[data-v-f1d954a5]:nth-child(4) {
  text-align: right;
  flex-basis: 25%;
}
.rank-wrapper .main-content .model-list .model-item .progress[data-v-f1d954a5] {
  flex-basis: 38%;
}
.rank-wrapper .main-content .model-list .model-item-active[data-v-f1d954a5] {
  border: 1px solid;
  border-image-source: linear-gradient(to bottom, #8f41e9, #578aef);
  border-image-slice: 1;
}
.rank-wrapper .energy-data[data-v-f1d954a5] {
  margin-top: 0.125rem;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.rank-wrapper .energy-data .title-head[data-v-f1d954a5] {
  background: rgba(255, 255, 255, 0.1);
  padding: 0.0625rem 0;
  display: flex;
  justify-content: center;
}
.rank-wrapper .energy-data .title-head .title[data-v-f1d954a5] {
  border-bottom: 2px solid;
}
.rank-wrapper .energy-data .title-head .title span[data-v-f1d954a5]:first-child {
  font-weight: bold;
  margin-right: 0.025rem;
}
.rank-wrapper .energy-data .energy-content[data-v-f1d954a5] {
  margin-top: 0.0625rem;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.rank-wrapper .energy-data .energy-content .c-wrapper[data-v-f1d954a5] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.rank-wrapper .energy-data .energy-content .c-head[data-v-f1d954a5] {
  background: rgba(255, 255, 255, 0.1);
  padding: 0.0625rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-left: 0.025rem solid;
}
.rank-wrapper .energy-data .energy-content .c-head .remark[data-v-f1d954a5] {
  font-size: 0.125rem;
  color: #fff;
}
.rank-wrapper .energy-data .energy-content .c-content[data-v-f1d954a5] {
  flex: 1;
}
.rank-wrapper .energy-data .energy-content .c-content .chart[data-v-f1d954a5] {
  width: 100%;
  height: 100%;
}
.rank-wrapper .energy-data .energy-content .c-content .row[data-v-f1d954a5] {
  display: flex;
  align-items: center;
  margin-top: 0.0625rem;
}
.rank-wrapper .energy-data .energy-content .c-content .row > *[data-v-f1d954a5] {
  flex: 1 0 33.3%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rank-wrapper .energy-data .energy-content .c-content .row i[data-v-f1d954a5] {
  font-size: 0.225rem;
  margin-right: 0.0375rem;
}
.rank-wrapper .energy-data .energy-content .c-content .row .value[data-v-f1d954a5] {
  color: #fff;
}
.rank-wrapper .energy-data .energy-content .c-content .row .maxvalue[data-v-f1d954a5] {
  color: #ffff00;
}
.warn-wrapper[data-v-f1d954a5] {
  height: 15vh;
}
[data-v-f1d954a5] .ivu-select {
  width: auto;
}
[data-v-f1d954a5] .ivu-select .ivu-select-selection,[data-v-f1d954a5] .ivu-select .ivu-select-selected-value {
  color: #fff;
  height: 0.25rem;
  line-height: 0.25rem;
}
[data-v-f1d954a5] .ivu-select i {
  color: #fff;
}
[data-v-f1d954a5] .ivu-select .ivu-select-selection {
  background: rgba(255, 255, 255, 0.1);
  border: none;
  box-shadow: none;
}
[data-v-f1d954a5] .ivu-select .ivu-select-item {
  color: rgba(255, 255, 255, 0.5);
}
[data-v-f1d954a5] .ivu-select .ivu-select-item-selected {
  color: #fff;
}
[data-v-f1d954a5] .ivu-select .ivu-select-item-focus,[data-v-f1d954a5] .ivu-select .ivu-select-item:hover {
  background: none;
  color: #fff;
}#ss-fire .main-title[data-v-ba27c2ef] {
  display: flex;
}
.flex[data-v-ba27c2ef], .right-main .main-wrapper .main-content .content .fault-item .row[data-v-ba27c2ef], .right-main .main-wrapper .main-content .content .group .item[data-v-ba27c2ef], .right-main .main-wrapper .main-content .content .newest[data-v-ba27c2ef], .right-main .main-wrapper .main-content[data-v-ba27c2ef], .left-main .light .item[data-v-ba27c2ef], .left-main .state .top .total[data-v-ba27c2ef], .not-data[data-v-ba27c2ef] {
  display: flex;
  align-items: center;
}
.not-data[data-v-ba27c2ef] {
  width: 100%;
  height: 100%;
  justify-content: center;
}
.left-main .state .top[data-v-ba27c2ef] {
  display: flex;
  border-bottom: 1px solid #dcdee2;
  padding-bottom: 10px;
}
.left-main .state .top .icon-txt[data-v-ba27c2ef] {
  width: 110px;
  text-align: center;
}
.left-main .state .top .icon-txt img[data-v-ba27c2ef] {
  width: 100px;
  height: 100px;
}
.left-main .state .top .icon-txt p[data-v-ba27c2ef] {
  font-size: 16px;
  font-weight: 700;
}
.left-main .state .top .total[data-v-ba27c2ef] {
  flex: 1;
}
.left-main .state .top .total .item[data-v-ba27c2ef] {
  flex: 1;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.left-main .state .top .total .item .name[data-v-ba27c2ef] {
  color: #2d8cf0;
  font-weight: 600;
  text-align: center;
  line-height: 1.2;
  margin-bottom: 10px;
}
.left-main .state .top .total .item .name i[data-v-ba27c2ef] {
  font-size: 28px;
  font-weight: normal;
}
.left-main .state .top .total .item .value[data-v-ba27c2ef] {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
}
.left-main .state > .item[data-v-ba27c2ef] {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #dcdee2;
  margin-bottom: 5px;
}
.left-main .state > .item .title[data-v-ba27c2ef] {
  display: flex;
  align-items: center;
  color: #2d8cf0;
}
.left-main .state > .item .title i[data-v-ba27c2ef] {
  margin-right: 5px;
  font-size: 22px;
}
.left-main .state > .item .title span[data-v-ba27c2ef] {
  letter-spacing: 3px;
}
.left-main .state > .item .info[data-v-ba27c2ef] {
  display: flex;
  align-items: center;
  flex: 1;
  margin-bottom: 5px;
}
.left-main .state > .item .info span[data-v-ba27c2ef] {
  flex: 1;
}
.left-main .state > .item .info span[data-v-ba27c2ef]:not(:last-child) {
  margin-right: 10px;
}
.left-main .state > .item .info span[data-v-ba27c2ef]:nth-child(1) {
  color: #008000;
}
.left-main .state > .item .info span[data-v-ba27c2ef]:nth-child(2) {
  color: #ff9900;
}
.left-main .state > .item .info span[data-v-ba27c2ef]:nth-child(3) {
  color: #ff0000;
}
.left-main .state > .item .info span[data-v-ba27c2ef]:nth-child(4) {
  color: #9933ff;
}
.left-main .light[data-v-ba27c2ef] {
  height: 20vh;
  display: flex;
  flex-wrap: wrap;
}
.left-main .light .item[data-v-ba27c2ef] {
  width: 20%;
  flex-direction: column;
  justify-content: center;
}
.left-main .light .item .state[data-v-ba27c2ef] {
  width: 2.5vw;
  height: 2.5vw;
  border-radius: 50%;
  background: radial-gradient(rgb(211, 211, 211), rgb(137, 137, 137));
  margin-bottom: 10px;
  box-shadow: 3px 4px 4px -2px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.left-main .light .item .state1[data-v-ba27c2ef] {
  background: radial-gradient(rgb(22, 86, 0), rgb(41, 195, 0));
}
.left-main .light .item .state2[data-v-ba27c2ef] {
  background: radial-gradient(rgb(238, 9, 41), rgb(255, 106, 0));
}
.right-main .main-wrapper[data-v-ba27c2ef] {
  height: 30vh;
  padding: 0 !important;
}
.right-main .main-wrapper .main-content[data-v-ba27c2ef] {
  height: 100%;
  margin: 0;
}
.right-main .main-wrapper .main-content > .title[data-v-ba27c2ef] {
  width: 20%;
  text-align: center;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  font-weight: 600;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.right-main .main-wrapper .main-content > .title .iconfont[data-v-ba27c2ef] {
  font-size: 39px;
}
.right-main .main-wrapper .main-content > .title > p[data-v-ba27c2ef] {
  font-size: 32px;
  font-weight: 700;
}
.right-main .main-wrapper .main-content .content[data-v-ba27c2ef] {
  height: 100%;
  flex: 1;
  overflow: auto;
  padding: 0 0.0625rem;
}
.right-main .main-wrapper .main-content .content .newest[data-v-ba27c2ef] {
  animation: twinkling-ba27c2ef 2.2s ease-in-out infinite;
  align-items: stretch;
}
.right-main .main-wrapper .main-content .content .newest span[data-v-ba27c2ef] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: #ff6a6a;
  height: inherit;
  text-align: center;
  font-size: 0.125rem;
  padding: 0.0375rem 0;
}
.right-main .main-wrapper .main-content .content .newest span[data-v-ba27c2ef]:first-child {
  background-color: #ff0000;
}
@keyframes twinkling-ba27c2ef {
0% {
    opacity: 1;
}
50% {
    opacity: 0.7;
}
100% {
    opacity: 1;
}
}
.right-main .main-wrapper .main-content .content .group[data-v-ba27c2ef]:not(:last-child) {
  margin-bottom: 0.0625rem;
}
.right-main .main-wrapper .main-content .content .group .title[data-v-ba27c2ef] {
  font-size: 0.175rem;
  font-weight: 700;
  color: #ff6600;
  margin-bottom: 0.0625rem;
}
.right-main .main-wrapper .main-content .content .group .item[data-v-ba27c2ef] {
  align-items: stretch;
  background: rgba(255, 255, 255, 0.2);
  color: #ff6600;
}
.right-main .main-wrapper .main-content .content .group .item[data-v-ba27c2ef]:not(:last-child) {
  margin-bottom: 0.0625rem;
}
.right-main .main-wrapper .main-content .content .group .item span[data-v-ba27c2ef] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: inherit;
  text-align: center;
  font-size: 0.125rem;
  padding: 0.0375rem 0;
}
.right-main .main-wrapper .main-content .content .group .item span[data-v-ba27c2ef]:first-child {
  font-weight: 700;
}
.right-main .main-wrapper .main-content .content .fault-item[data-v-ba27c2ef] {
  color: #ffcc00;
  background: rgba(255, 255, 255, 0.2);
}
.right-main .main-wrapper .main-content .content .fault-item[data-v-ba27c2ef]:not(:last-child) {
  margin-bottom: 0.0625rem;
}
.right-main .main-wrapper .main-content .content .fault-item .row[data-v-ba27c2ef] {
  align-items: stretch;
  border-bottom: 1px solid #fff;
}
.right-main .main-wrapper .main-content .content .fault-item .row span[data-v-ba27c2ef] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: inherit;
  text-align: center;
  font-size: 0.125rem;
  padding: 0.0375rem 0;
}
.right-main .main-wrapper .main-content .content .fault-item .row span[data-v-ba27c2ef]:first-child {
  font-weight: 700;
}
.right-main .main-wrapper .main-content .content .fault-item .type[data-v-ba27c2ef] {
  font-size: 0.125rem;
  padding: 0.0625rem;
  display: inline-block;
}
.right-main .main-wrapper .main-content .red[data-v-ba27c2ef] {
  color: #ff6600 !important;
}
.right-main .main-wrapper .main-content .green[data-v-ba27c2ef] {
  color: #66ffff !important;
}
.right-main .main-wrapper .main-content .yellow[data-v-ba27c2ef] {
  color: #ffcc00 !important;
}.flex-cc[data-v-1691742b], .fixed-form .head .close-btn[data-v-1691742b] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.fixed-form[data-v-1691742b] {
  perspective: 1300px;
  position: absolute;
  top: 0.925rem;
  background-color: rgba(1, 78, 157, 0.2509803922);
  width: 16vw;
  padding: 0.125rem 0.125rem 0.0375rem 0.125rem;
  box-shadow: inset 0px 0px 0.125rem rgba(102, 245, 255, 0.6196078431);
  border: 0.0125rem solid;
  transform: rotateX(0deg);
  opacity: 1;
}
.fixed-form.fixed-form-enter-active[data-v-1691742b], .fixed-form.fixed-form-leave-active[data-v-1691742b] {
  transition: all 0.5s;
}
.fixed-form.fixed-form-enter[data-v-1691742b], .fixed-form.fixed-form-leave-to[data-v-1691742b] {
  transform: rotateX(70deg);
  opacity: 0;
}
.fixed-form.showAnimation[data-v-1691742b] {
  animation: spin-1691742b 0.5s linear;
}
@keyframes spin-1691742b {
0% {
    transform: rotateX(70deg);
    opacity: 0;
}
100% {
    transform: rotateX(0deg);
    opacity: 1;
}
}
.fixed-form.alarm[data-v-1691742b] {
  box-shadow: inset 0px 0px 0.125rem #8e2335;
  border-color: #8e2335;
  left: 18vw;
}
.fixed-form.alarm[data-v-1691742b]::before, .fixed-form.alarm[data-v-1691742b]::after {
  background-color: #c48f4c;
}
.fixed-form.alarm .icontubiaocankaoxian1024-21[data-v-1691742b]::before {
  color: salmon;
}
.fixed-form.alarm .floor-btn[data-v-1691742b] {
  color: salmon;
}
.fixed-form.info[data-v-1691742b] {
  box-shadow: inset 0px 0px 0.125rem rgba(102, 245, 255, 0.6196078431);
  border-color: rgba(102, 245, 255, 0.6196078431);
  right: 18vw;
}
.fixed-form.info[data-v-1691742b]::before, .fixed-form.info[data-v-1691742b]::after {
  background-color: rgb(102, 245, 255);
}
.fixed-form.info .iconmoxing[data-v-1691742b]::before {
  color: skyblue;
}
.fixed-form.info .floor-btn[data-v-1691742b] {
  color: skyblue;
}
.fixed-form[data-v-1691742b]::before, .fixed-form[data-v-1691742b]::after {
  content: "";
  top: 0;
  position: absolute;
  width: 0.0375rem;
  height: 0.075rem;
}
.fixed-form[data-v-1691742b]::before {
  left: 0;
}
.fixed-form[data-v-1691742b]::after {
  right: 0;
}
.fixed-form .head[data-v-1691742b] {
  background-color: rgba(255, 255, 255, 0.1098039216);
  color: #ffffff;
  font-size: 0.1625rem;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
}
.fixed-form .head .title[data-v-1691742b] {
  padding: 0.0375rem 0;
}
.fixed-form .head .title[data-v-1691742b]::before {
  margin: 0 0.0625rem;
}
.fixed-form .head .close-btn[data-v-1691742b] {
  padding: 0.0375rem 0.0625rem;
  font-size: 0.125rem;
  cursor: pointer;
}
.fixed-form .floor .floor-btn[data-v-1691742b] {
  float: right;
  padding: 0.075rem 0.0375rem;
  margin-left: 0.1rem;
  cursor: pointer;
}
.sub-system > div[data-v-c1bf19db] {
  perspective: 1300px;
}
.sub-system > .main.left-main .anima-3d-rotateHide[data-v-c1bf19db] {
  transition: all 500ms;
  transform: translateZ(100px) translateX(-30%) rotateY(90deg);
  opacity: 0;
}
.sub-system > .main.right-main .info-title[data-v-c1bf19db] {
  text-align: right;
}
.sub-system > .main.right-main .anima-3d-rotateHide[data-v-c1bf19db] {
  transition: all 500ms;
  transform: translateZ(100px) translateX(100%) rotateY(-45deg);
  opacity: 0;
}
.sub-system > .main .main-wrapper[data-v-c1bf19db] {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  font: 1;
  position: relative;
}
.sub-system > .main .main-wrapper .main-title[data-v-c1bf19db] {
  margin: 0 0.125rem;
  display: flex !important;
}
.sub-system > .main .main-wrapper.close[data-v-c1bf19db] {
  transform: translateX(100%);
  transition: all 500ms;
}
.sub-system > .main .main-wrapper .btn-close[data-v-c1bf19db] {
  position: absolute;
  top: 0.125rem;
  right: 0.125rem;
  cursor: pointer;
  transition: 0.5s transform;
  transform: rotate(0deg);
  padding: 0 0.0625rem;
}
.sub-system > .main .main-wrapper .btn-close[data-v-c1bf19db]:hover {
  transform: rotate(180deg) scale(1.2);
  color: #95e2ff;
}
.sub-system > .main .main-wrapper .main-content[data-v-c1bf19db] {
  flex: 1;
  position: static;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.sub-system > .main .main-wrapper .main-content .info-wrapper .info-title[data-v-c1bf19db] {
  line-height: 2;
}
.sub-system > .main .main-wrapper .main-content .info-wrapper .info-echat[data-v-c1bf19db] {
  width: 100%;
  height: 16vh;
}
.sub-system > .main .main-wrapper .main-content .main-floor[data-v-c1bf19db] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.sub-system > .main .main-wrapper .main-content .main-floor > div[data-v-c1bf19db] {
  cursor: pointer;
  height: 0.35rem;
  display: flex;
  align-items: center;
  color: #ffffff;
  margin-right: 0.075rem;
  padding: 0 0.0375rem;
  font-weight: bold;
}
.sub-system > .main .main-wrapper .main-content .main-floor > div[data-v-c1bf19db]:hover {
  color: #95e2ff;
}
.sub-system .device-info[data-v-c1bf19db] {
  font-size: 0.1375rem;
  text-align: center;
}
.sub-system .device-info .table-title[data-v-c1bf19db] {
  margin: 0.0625rem 0;
  padding-right: 6px;
  color: rgb(189, 236, 237);
  display: flex;
  font-weight: bold;
}
.sub-system .device-info .table-title > div[data-v-c1bf19db],
.sub-system .device-info .table-item > div[data-v-c1bf19db] {
  flex: 1;
}
.sub-system .device-info .table-title > div[data-v-c1bf19db]:nth-child(2),
.sub-system .device-info .table-item > div[data-v-c1bf19db]:nth-child(2) {
  flex: 2;
}
.sub-system .device-info .table-list[data-v-c1bf19db] {
  height: 30vh;
  overflow-y: scroll;
}
.sub-system .device-info .table-list .table-item[data-v-c1bf19db] {
  align-items: center;
  display: flex;
  color: rgb(125, 156, 176);
  padding: 0.0375rem;
  border: 0.0125rem solid transparent;
}
.sub-system .device-info .table-list .table-item[data-v-c1bf19db]:nth-child(2n) {
  background-color: rgba(255, 255, 255, 0.2);
}
.sub-system .device-info .table-list .table-item[data-v-c1bf19db]:hover, .sub-system .device-info .table-list .table-item.active[data-v-c1bf19db] {
  cursor: pointer;
  background-color: rgba(177, 0, 0, 0.2);
  border-color: #b10000;
}
.sub-system .overview[data-v-c1bf19db] {
  display: flex;
  justify-content: space-between;
  height: 15vh;
}
.sub-system .overview .doughnutEchat[data-v-c1bf19db] {
  width: calc(50% - 0.125rem);
  height: 100%;
  overflow: hidden;
  position: relative;
}
.sub-system .overview .doughnutEchat > div[data-v-c1bf19db] {
  position: absolute;
  top: -40%;
  left: -40%;
  width: 180%;
  height: 180%;
}
.shade-text[data-v-c1bf19db] {
  background-image: linear-gradient(to bottom, #02f9fd, #0e72b3);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #02f9fd;
}
.anima-3d-rotateInRight[data-v-c1bf19db] {
  transform-style: preserve-3d;
  transform-origin: 0 100%;
  animation: rotateInRight-c1bf19db 500ms 1;
}
@keyframes rotateInRight-c1bf19db {
0% {
    transform: translateZ(100px) translateX(-30%) rotateY(90deg);
    opacity: 0;
}
100% {
    transform: translateZ(0px) translateX(0%) rotateY(0deg);
    opacity: 1;
}
}
.anima-3d-rotateInLeft[data-v-c1bf19db] {
  transform-style: preserve-3d;
  transform-origin: 0 100%;
  animation: rotateInLeft-c1bf19db 500ms 1;
}
@keyframes rotateInLeft-c1bf19db {
0% {
    transform: translateZ(100px) translateX(100%) rotateY(-45deg);
    opacity: 0;
}
100% {
    transform: translateZ(0px) translateX(0%) rotateY(0deg);
    opacity: 1;
}
}

/* entire container, keeps perspective */
.flip-container[data-v-c1bf19db] {
  overflow: hidden;
  flex: 1;
  perspective: 1000px;
  /* flip the pane when hovered */
}
.flip-container.hover .flipper[data-v-c1bf19db] {
  transform: rotateY(180deg);
}
.flip-container[data-v-c1bf19db] {
  /* flip speed goes here */
}
.flip-container .flipper[data-v-c1bf19db] {
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative;
}
.flip-container[data-v-c1bf19db] {
  /* hide back of pane during swap */
}
.flip-container .front[data-v-c1bf19db],
.flip-container .back[data-v-c1bf19db] {
  backface-visibility: hidden;
  width: 100%;
}
.flip-container[data-v-c1bf19db] {
  /* front pane, placed above back */
}
.flip-container .front[data-v-c1bf19db] {
  z-index: 2;
}
.flip-container[data-v-c1bf19db] {
  /* back, initially hidden pane */
}
.flip-container .back[data-v-c1bf19db] {
  transform: rotateY(180deg);
}
.flex-center[data-v-c1bf19db], .is-body .ho-main .maintain .main-content .work-info .info-wrapper .type[data-v-c1bf19db], .is-body .ho-main .maintain .main-content .work-odd[data-v-c1bf19db], .is-body .ho-main .warn .warn-wrapper .warn-icon[data-v-c1bf19db] {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* entire container, keeps perspective */
.flip-container[data-v-c1bf19db] {
  flex: 1;
  perspective: 1000;
  /* flip the pane when hovered */
}
.flip-container.hover .flipper[data-v-c1bf19db] {
  transform: rotateY(180deg);
}
.flip-container[data-v-c1bf19db] {
  /* flip speed goes here */
}
.flip-container .flipper[data-v-c1bf19db] {
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative;
}
.flip-container[data-v-c1bf19db] {
  /* hide back of pane during swap */
}
.flip-container .back[data-v-c1bf19db] {
  position: absolute;
  top: 0;
  left: 0;
}
.flip-container .front[data-v-c1bf19db],
.flip-container .back[data-v-c1bf19db] {
  backface-visibility: hidden;
}
.flip-container[data-v-c1bf19db] {
  /* front pane, placed above back */
}
.flip-container .front[data-v-c1bf19db] {
  z-index: 2;
}
.flip-container[data-v-c1bf19db] {
  /* back, initially hidden pane */
}
.flip-container .back[data-v-c1bf19db] {
  transform: rotateY(180deg);
}
.flip-container[data-v-c1bf19db],
.front[data-v-c1bf19db],
.back[data-v-c1bf19db],
.flipper[data-v-c1bf19db] {
  width: 100%;
  height: 100%;
}
.theme-blue .energy .value[data-v-c1bf19db] {
  background-image: linear-gradient(180deg, #317df0, #4df8e9) !important;
}
.theme-green .energy .value[data-v-c1bf19db] {
  background-image: linear-gradient(180deg, #317df0, #18acb4) !important;
}
.is-body .ho-main .hospital-info[data-v-c1bf19db] {
  font-size: 0.15rem;
  line-height: 1.5;
  flex: unset;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}
.is-body .ho-main .hospital-info img[data-v-c1bf19db] {
  height: 1rem;
  width: 1.5rem;
  float: left;
  margin: 0.0375rem 0.075rem 0.075rem 0;
}
.is-body .ho-main .hospital-info .attr[data-v-c1bf19db] {
  display: flex;
  flex-wrap: wrap;
  padding-top: 0.375rem;
  line-height: 2.4;
}
.is-body .ho-main .hospital-info .attr > div[data-v-c1bf19db] {
  width: 50%;
  display: flex;
  align-items: center;
}
.is-body .ho-main .hospital-info .attr > div[data-v-c1bf19db]::before {
  display: block;
  content: " ";
  width: 0.075rem;
  height: 0.075rem;
  border: 0.025rem solid #4df8e9;
  border-radius: 100%;
  margin-right: 0.0625rem;
}
.is-body .ho-main .hospital-info .attr > div[data-v-c1bf19db] {
  color: #4df8e9;
}
.is-body .ho-main .energy .energy-info[data-v-c1bf19db] {
  display: flex;
  justify-content: space-between;
  text-align: center;
  line-height: 1.5;
}
.is-body .ho-main .energy .energy-info .info-wrapper[data-v-c1bf19db] {
  width: 30%;
}
.is-body .ho-main .energy .energy-info .info-wrapper .value[data-v-c1bf19db] {
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #02f9fd;
  font-size: 0.25rem;
}
.is-body .ho-main .energy .energy-info .info-wrapper .name[data-v-c1bf19db] {
  font-size: 0.125rem;
}
.is-body .ho-main .energy .chart-wrapper[data-v-c1bf19db] {
  width: 100%;
  height: 15vh;
}
.is-body .ho-main .device[data-v-c1bf19db] {
  width: 100%;
  height: 3.125rem;
  display: flex;
  flex-direction: column;
}
.is-body .ho-main .device .main-content[data-v-c1bf19db] {
  flex: 1;
}
.is-body .ho-main .warn .warn-wrapper[data-v-c1bf19db] {
  display: flex;
  justify-content: space-between;
}
.is-body .ho-main .warn .warn-wrapper .warn-icon[data-v-c1bf19db] {
  background-image: linear-gradient(rgba(128, 151, 255, 0.278), rgba(5, 196, 255, 0.69));
  width: 28%;
}
.is-body .ho-main .warn .warn-wrapper .warn-icon .iconfont[data-v-c1bf19db] {
  color: #02f9fd;
  font-size: 0.5rem;
}
.is-body .ho-main .warn .warn-wrapper .warn-info[data-v-c1bf19db] {
  position: relative;
  padding-right: 0.125rem;
}
.is-body .ho-main .warn .warn-wrapper .warn-info[data-v-c1bf19db]::after {
  content: "";
  height: 50%;
  width: 0.0125rem;
  background-color: #317df0;
  position: absolute;
  right: 0;
  top: 25%;
}
.is-body .ho-main .warn .warn-wrapper .warn-info .name[data-v-c1bf19db] {
  font-size: 0.1625rem;
  font-weight: bold;
}
.is-body .ho-main .warn .warn-wrapper .warn-info .rate[data-v-c1bf19db] {
  background-image: linear-gradient(rgb(49, 125, 240), rgb(0, 195, 255));
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #02f9fd;
  font-size: 0.3rem;
}
.is-body .ho-main .warn .warn-wrapper .warn-info .tip[data-v-c1bf19db] {
  font-size: 0.125rem;
}
.is-body .ho-main .warn .warn-wrapper .warn-level[data-v-c1bf19db] {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.is-body .ho-main .warn .warn-wrapper .warn-level > div[data-v-c1bf19db] {
  display: flex;
  align-items: center;
  font-size: 0.14rem;
}
.is-body .ho-main .warn .warn-wrapper .warn-level > div[data-v-c1bf19db] :last-child {
  text-indent: 0.15rem;
}
.is-body .ho-main .warn .warn-wrapper .warn-level[data-v-c1bf19db] > :nth-child(1) {
  color: #c34247;
}
.is-body .ho-main .warn .warn-wrapper .warn-level[data-v-c1bf19db] > :nth-child(2) {
  color: #e5a354;
}
.is-body .ho-main .warn .warn-wrapper .warn-level[data-v-c1bf19db] > :nth-child(3) {
  color: #209cff;
}
.is-body .ho-main .warn .warn-hr[data-v-c1bf19db] {
  height: 0.0125rem;
  margin: 0.125rem auto;
  width: 60%;
  background-color: #317df0;
}
.is-body .ho-main .maintain .main-content[data-v-c1bf19db] {
  display: flex;
}
.is-body .ho-main .maintain .main-content .work-odd .work-odd-chart[data-v-c1bf19db] {
  width: 180px;
  height: 180px;
}
.is-body .ho-main .maintain .main-content .work-info[data-v-c1bf19db] {
  flex: 1;
  padding: 0 0.1875rem;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.is-body .ho-main .maintain .main-content .work-info .info-wrapper[data-v-c1bf19db] {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.is-body .ho-main .maintain .main-content .work-info .info-wrapper .type[data-v-c1bf19db]::before {
  background-color: turquoise;
  width: 0.075rem;
  height: 0.075rem;
  border-radius: 50%;
  content: "";
  margin-right: 0.0625rem;
}
.is-body .ho-main .maintain .main-content .work-info .info-wrapper .value[data-v-c1bf19db] {
  color: #317df0;
}
.is-body .ho-main .maintain .main-content .work-info .info-wrapper .value[data-v-c1bf19db]::after {
  color: #ffffff;
  margin-left: 0.075rem;
  content: "个";
}
.is-body .ho-main .alarm[data-v-c1bf19db] {
  color: #95c9dd;
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow: hidden;
}
.is-body .ho-main .alarm .flipper > div[data-v-c1bf19db] {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.is-body .ho-main .alarm .flipper > div .main-content[data-v-c1bf19db] {
  flex: 1;
}
.is-body .ho-main .alarm .alarm-list[data-v-c1bf19db] .alarm-item {
  cursor: pointer;
}
.is-body .ho-main .alarm .alarm-list[data-v-c1bf19db] .alarm-item:nth-child(odd)::before {
  background-color: #c34247;
}
.is-body .ho-main .alarm .alarm-list[data-v-c1bf19db] .alarm-item:nth-child(even)::before {
  background-color: #e5a354;
}
.is-body .ho-main .alarm .alarm-list[data-v-c1bf19db] .alarm-item::before {
  content: "";
  width: 0.1rem;
  height: 0.1rem;
  border-radius: 50%;
}
.is-body .ho-main .alarm .alarm-list[data-v-c1bf19db] .alarm-item {
  display: flex;
  align-items: center;
  line-height: 2.6;
}
.is-body .ho-main .alarm .alarm-list[data-v-c1bf19db] .alarm-item .content {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.is-body .ho-main .alarm .alarm-list[data-v-c1bf19db] .alarm-item .time {
  color: #f1f1f1;
  font-size: 0.125rem;
}
.is-body .ho-main .alarm .alarm-detail[data-v-c1bf19db] {
  display: flex;
}
.is-body .ho-main .alarm .alarm-detail .detail-left[data-v-c1bf19db] {
  width: 30%;
  padding-right: 0.125rem;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.is-body .ho-main .alarm .alarm-detail .detail-left .detail-visual[data-v-c1bf19db] {
  text-align: center;
}
.is-body .ho-main .alarm .alarm-detail .detail-left .detail-visual img[data-v-c1bf19db] {
  width: 100%;
  height: 100%;
}
.is-body .ho-main .alarm .alarm-detail .detail-left .detail-visual span[data-v-c1bf19db] {
  font-size: 0.125rem;
  color: #aaa;
}
.is-body .ho-main .alarm .alarm-detail .detail-right[data-v-c1bf19db] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.is-body .ho-main .alarm .alarm-detail .detail-right .datail-head[data-v-c1bf19db] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.is-body .ho-main .alarm .alarm-detail .detail-right .datail-head .time[data-v-c1bf19db] {
  color: #f1f1f1;
  font-size: 0.125rem;
}
.is-body .ho-main .alarm .alarm-detail .detail-right .datail-content[data-v-c1bf19db] {
  flex: 1;
}
.is-body .ho-main .alarm .alarm-detail .detail-right .detail-btn[data-v-c1bf19db] {
  display: flex;
  justify-content: flex-end;
}
.is-body .ho-main .alarm .alarm-detail .detail-right .detail-btn > div[data-v-c1bf19db] {
  cursor: pointer;
  margin: 0 0.0625rem;
}
.is-body .ho-main .monitoring .big-monitoring[data-v-c1bf19db] {
  width: 100%;
  padding: 0.0125rem;
  height: 14vh;
}
.is-body .ho-main .monitoring .small-monitoring[data-v-c1bf19db] {
  margin-top: 0.0625rem;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
}
.is-body .ho-main .monitoring .small-monitoring > div[data-v-c1bf19db] {
  flex: 1;
  margin-right: 0.0625rem;
  padding: 0.0125rem;
}
.is-body .ho-main .monitoring .small-monitoring > div[data-v-c1bf19db]:last-child {
  margin-right: 0;
}
.is-body .ho-main .monitoring img[data-v-c1bf19db] {
  width: 100%;
  height: 100%;
  display: block;
}.isle .flex-cc[data-v-c5ae95b4], .isle .run-index .run-tab .tow-line[data-v-c5ae95b4] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.isle .flex-ccc[data-v-c5ae95b4], .isle .run-index .run-tab .run-state[data-v-c5ae95b4], .isle .run-index .run-tab[data-v-c5ae95b4] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.isle .run-index .run-tab[data-v-c5ae95b4] {
  width: 20vh;
  height: 20vh;
  position: relative;
  background: url(../img/tab8_1-B8ozmFbL.svg) no-repeat center;
  margin: 0 auto;
}
.isle .run-index .run-tab .run-state[data-v-c5ae95b4] {
  width: calc(6vh - 2px);
  height: 6vh;
  position: relative;
  margin: 0 0.025rem;
  color: #acfbff;
  line-height: 1;
}
.isle .run-index .run-tab .run-state > div[data-v-c5ae95b4] {
  z-index: 0;
}
.isle .run-index .run-tab .run-state .value[data-v-c5ae95b4] {
  font-size: 0.2rem;
  margin-bottom: 0.0625rem;
}
.isle .run-index .run-tab .run-state[data-v-c5ae95b4]::before {
  width: 100%;
  height: 100%;
  background: url(../img/tab8_state-DmKRxryj.svg) no-repeat center;
  background-size: 100% 100%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  animation: clockwise-c5ae95b4 10s linear infinite;
  z-index: 0;
}
.isle .run-index .run-tab .margin-auto[data-v-c5ae95b4], .isle .run-index .run-tab .tow-line[data-v-c5ae95b4] {
  margin: -0.2rem auto 0;
}
.isle .run-index .run-tab .tow-line[data-v-c5ae95b4] {
  margin-top: -0.05rem;
}
.isle .run-index .run-tab[data-v-c5ae95b4]::before {
  width: 100%;
  height: 100%;
  background: url(../img/tab8_2-A5GA2XoU.svg) no-repeat center;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  animation: clockwise-c5ae95b4 10s linear infinite;
}
.isle .run-index .run-tab[data-v-c5ae95b4]::after {
  width: 100%;
  height: 100%;
  background: url(../img/tab8_3-B58cP2_g.svg) no-repeat center;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  animation: anticlockwise-c5ae95b4 10s linear infinite;
}
@keyframes clockwise-c5ae95b4 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
@keyframes anticlockwise-c5ae95b4 {
from {
    transform: rotate(360deg);
}
to {
    transform: rotate(0deg);
}
}
.isle .device-synthesis[data-v-c5ae95b4] {
  height: 23vh;
}
.isle .alarm-info[data-v-c5ae95b4] {
  height: 23vh;
}#isre[data-v-6c6463b1] {
  overflow: hidden;
  width: 22vw;
}
#isre .flex-cc[data-v-6c6463b1] {
  display: flex;
  align-items: center;
  justify-content: center;
}
#isre .flex-ccc[data-v-6c6463b1] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
#isre .slide-area[data-v-6c6463b1] {
  height: 100%;
  padding-left: 75px;
  animation: roll-6c6463b1 50s linear 25s infinite alternate;
}
@keyframes roll-6c6463b1 {
0% {
    transform: translateY(0);
}
1% {
    transform: translateY(calc(-100% - 0.075rem));
}
50% {
    transform: translateY(calc(-100% - 0.075rem));
}
51% {
    transform: translateY(0%);
}
100% {
    transform: translateY(0%);
}
}
#isre .slide-area .main-wrapper[data-v-6c6463b1] {
  width: 18vw;
  height: calc((100% - 0.25rem) / 3);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
#isre .slide-area .main-wrapper .main-content[data-v-6c6463b1] {
  flex: 1;
}
#isre .slide-area .main-wrapper .gsc-info img[data-v-6c6463b1] {
  width: 100%;
  height: auto;
}
#isre .slide-area .main-wrapper[data-v-6c6463b1]:last-child {
  margin-bottom: inherit;
}.sub-system > div[data-v-189b85bc] {
  perspective: 1300px;
}
.sub-system > .main.left-main .anima-3d-rotateHide[data-v-189b85bc] {
  transition: all 500ms;
  transform: translateZ(100px) translateX(-30%) rotateY(90deg);
  opacity: 0;
}
.sub-system > .main.right-main .info-title[data-v-189b85bc] {
  text-align: right;
}
.sub-system > .main.right-main .anima-3d-rotateHide[data-v-189b85bc] {
  transition: all 500ms;
  transform: translateZ(100px) translateX(100%) rotateY(-45deg);
  opacity: 0;
}
.sub-system > .main .main-wrapper[data-v-189b85bc] {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  font: 1;
  position: relative;
}
.sub-system > .main .main-wrapper .main-title[data-v-189b85bc] {
  margin: 0 0.125rem;
  display: flex !important;
}
.sub-system > .main .main-wrapper.close[data-v-189b85bc] {
  transform: translateX(100%);
  transition: all 500ms;
}
.sub-system > .main .main-wrapper .btn-close[data-v-189b85bc] {
  position: absolute;
  top: 0.125rem;
  right: 0.125rem;
  cursor: pointer;
  transition: 0.5s transform;
  transform: rotate(0deg);
  padding: 0 0.0625rem;
}
.sub-system > .main .main-wrapper .btn-close[data-v-189b85bc]:hover {
  transform: rotate(180deg) scale(1.2);
  color: #95e2ff;
}
.sub-system > .main .main-wrapper .main-content[data-v-189b85bc] {
  flex: 1;
  position: static;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.sub-system > .main .main-wrapper .main-content .info-wrapper .info-title[data-v-189b85bc] {
  line-height: 2;
}
.sub-system > .main .main-wrapper .main-content .info-wrapper .info-echat[data-v-189b85bc] {
  width: 100%;
  height: 16vh;
}
.sub-system > .main .main-wrapper .main-content .main-floor[data-v-189b85bc] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.sub-system > .main .main-wrapper .main-content .main-floor > div[data-v-189b85bc] {
  cursor: pointer;
  height: 0.35rem;
  display: flex;
  align-items: center;
  color: #ffffff;
  margin-right: 0.075rem;
  padding: 0 0.0375rem;
  font-weight: bold;
}
.sub-system > .main .main-wrapper .main-content .main-floor > div[data-v-189b85bc]:hover {
  color: #95e2ff;
}
.sub-system .device-info[data-v-189b85bc] {
  font-size: 0.1375rem;
  text-align: center;
}
.sub-system .device-info .table-title[data-v-189b85bc] {
  margin: 0.0625rem 0;
  padding-right: 6px;
  color: rgb(189, 236, 237);
  display: flex;
  font-weight: bold;
}
.sub-system .device-info .table-title > div[data-v-189b85bc],
.sub-system .device-info .table-item > div[data-v-189b85bc] {
  flex: 1;
}
.sub-system .device-info .table-title > div[data-v-189b85bc]:nth-child(2),
.sub-system .device-info .table-item > div[data-v-189b85bc]:nth-child(2) {
  flex: 2;
}
.sub-system .device-info .table-list[data-v-189b85bc] {
  height: 30vh;
  overflow-y: scroll;
}
.sub-system .device-info .table-list .table-item[data-v-189b85bc] {
  align-items: center;
  display: flex;
  color: rgb(125, 156, 176);
  padding: 0.0375rem;
  border: 0.0125rem solid transparent;
}
.sub-system .device-info .table-list .table-item[data-v-189b85bc]:nth-child(2n) {
  background-color: rgba(255, 255, 255, 0.2);
}
.sub-system .device-info .table-list .table-item[data-v-189b85bc]:hover, .sub-system .device-info .table-list .table-item.active[data-v-189b85bc] {
  cursor: pointer;
  background-color: rgba(177, 0, 0, 0.2);
  border-color: #b10000;
}
.sub-system .overview[data-v-189b85bc] {
  display: flex;
  justify-content: space-between;
  height: 15vh;
}
.sub-system .overview .doughnutEchat[data-v-189b85bc] {
  width: calc(50% - 0.125rem);
  height: 100%;
  overflow: hidden;
  position: relative;
}
.sub-system .overview .doughnutEchat > div[data-v-189b85bc] {
  position: absolute;
  top: -40%;
  left: -40%;
  width: 180%;
  height: 180%;
}
.shade-text[data-v-189b85bc], .ss-lighting .lighting-overview .build-distribution .build-head .back-btn[data-v-189b85bc], .ss-lighting .lighting-overview .distribution-condition .condition-list .build-item .build-condition .total-info > .building-name[data-v-189b85bc] {
  background-image: linear-gradient(to bottom, #02f9fd, #0e72b3);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #02f9fd;
}
.anima-3d-rotateInRight[data-v-189b85bc] {
  transform-style: preserve-3d;
  transform-origin: 0 100%;
  animation: rotateInRight-189b85bc 500ms 1;
}
@keyframes rotateInRight-189b85bc {
0% {
    transform: translateZ(100px) translateX(-30%) rotateY(90deg);
    opacity: 0;
}
100% {
    transform: translateZ(0px) translateX(0%) rotateY(0deg);
    opacity: 1;
}
}
.anima-3d-rotateInLeft[data-v-189b85bc] {
  transform-style: preserve-3d;
  transform-origin: 0 100%;
  animation: rotateInLeft-189b85bc 500ms 1;
}
@keyframes rotateInLeft-189b85bc {
0% {
    transform: translateZ(100px) translateX(100%) rotateY(-45deg);
    opacity: 0;
}
100% {
    transform: translateZ(0px) translateX(0%) rotateY(0deg);
    opacity: 1;
}
}

/* entire container, keeps perspective */
.flip-container[data-v-189b85bc] {
  overflow: hidden;
  flex: 1;
  perspective: 1000px;
  /* flip the pane when hovered */
}
.flip-container.hover .flipper[data-v-189b85bc] {
  transform: rotateY(180deg);
}
.flip-container[data-v-189b85bc] {
  /* flip speed goes here */
}
.flip-container .flipper[data-v-189b85bc] {
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative;
}
.flip-container[data-v-189b85bc] {
  /* hide back of pane during swap */
}
.flip-container .front[data-v-189b85bc],
.flip-container .back[data-v-189b85bc] {
  backface-visibility: hidden;
  width: 100%;
}
.flip-container[data-v-189b85bc] {
  /* front pane, placed above back */
}
.flip-container .front[data-v-189b85bc] {
  z-index: 2;
}
.flip-container[data-v-189b85bc] {
  /* back, initially hidden pane */
}
.flip-container .back[data-v-189b85bc] {
  transform: rotateY(180deg);
}
.ss-lighting .lighting-overview[data-v-189b85bc] {
  height: 100%;
}
.ss-lighting .lighting-overview > div[data-v-189b85bc] {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ss-lighting .lighting-overview .distribution-condition .condition-list[data-v-189b85bc] {
  display: flex;
  flex-direction: column-reverse;
  overflow: auto;
  flex: 1;
}
.ss-lighting .lighting-overview .distribution-condition .condition-list .build-item[data-v-189b85bc] {
  padding: 0.0625rem 0 0.0625rem 0.125rem;
  background-image: radial-gradient(rgba(255, 255, 255, 0), rgba(0, 50, 104, 0.6));
  margin-bottom: 0.125rem;
  cursor: pointer;
  display: flex;
}
.ss-lighting .lighting-overview .distribution-condition .condition-list .build-item.active[data-v-189b85bc] {
  box-shadow: 0px 0px 4px 0px #66fff7 inset, 0px 0px 4px 0px #58fff7;
}
.ss-lighting .lighting-overview .distribution-condition .condition-list .build-item .build-condition[data-v-189b85bc] {
  font-size: 0.125rem;
  flex: 1;
}
.ss-lighting .lighting-overview .distribution-condition .condition-list .build-item .build-condition .total-info[data-v-189b85bc] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ss-lighting .lighting-overview .distribution-condition .condition-list .build-item .build-condition .total-info > .building-name[data-v-189b85bc] {
  font-weight: bold;
  font-size: 0.175rem;
}
.ss-lighting .lighting-overview .distribution-condition .condition-list .build-item .build-condition .detail-info[data-v-189b85bc] {
  display: flex;
  justify-content: space-between;
  padding: 0.0375rem 0;
}
.ss-lighting .lighting-overview .distribution-condition .condition-list .build-item .build-condition .detail-info .run[data-v-189b85bc] {
  color: #00fff3;
}
.ss-lighting .lighting-overview .distribution-condition .condition-list .build-item .build-condition .detail-info .close[data-v-189b85bc] {
  color: #d3d3d3;
}
.ss-lighting .lighting-overview .distribution-condition .condition-list .build-item .build-condition .detail-info .off-line[data-v-189b85bc] {
  color: #ed4014;
}
.ss-lighting .lighting-overview .distribution-condition .condition-list .build-item .build-condition .detail-info .repairs[data-v-189b85bc] {
  color: #ff9900;
}
.ss-lighting .lighting-overview .distribution-condition .condition-list .build-item .go-to[data-v-189b85bc] {
  display: flex;
  align-items: center;
  padding: 0 0.1rem;
}
.ss-lighting .lighting-overview .distribution-condition .condition-list .build-item .go-to[data-v-189b85bc]:hover {
  color: aqua;
}
.ss-lighting .lighting-overview .build-distribution .state-0[data-v-189b85bc] {
  background-color: #104573;
}
.ss-lighting .lighting-overview .build-distribution .state-1[data-v-189b85bc] {
  background-color: #d3d3d3;
}
.ss-lighting .lighting-overview .build-distribution .state-2[data-v-189b85bc] {
  background-color: #ed4014;
}
.ss-lighting .lighting-overview .build-distribution .state-3[data-v-189b85bc] {
  background-color: #ff9900;
}
.ss-lighting .lighting-overview .build-distribution .build-head[data-v-189b85bc] {
  display: flex;
  justify-content: space-between;
}
.ss-lighting .lighting-overview .build-distribution .build-head .back-btn[data-v-189b85bc] {
  cursor: pointer;
  font-size: 0.125rem;
}
.ss-lighting .lighting-overview .build-distribution .part-wrapper[data-v-189b85bc] {
  width: 100%;
  display: block;
  margin: 0.0625rem 0;
}
.ss-lighting .lighting-overview .build-distribution .build-figure[data-v-189b85bc] {
  display: flex;
  font-size: 0.125rem;
  margin-top: 0.0625rem;
  flex-direction: row-reverse;
}
.ss-lighting .lighting-overview .build-distribution .build-figure .figure-item[data-v-189b85bc] {
  display: flex;
  align-items: center;
  margin-left: 0.1rem;
}
.ss-lighting .lighting-overview .build-distribution .build-figure .figure-item .figure-box[data-v-189b85bc] {
  margin-right: 0.0625rem;
  width: 0.125rem;
  height: 0.125rem;
}
.ss-lighting .lighting-overview .build-distribution .scattergram-wrapper[data-v-189b85bc] {
  display: flex;
  flex-direction: column-reverse;
  overflow: auto;
  flex: 1;
}
.ss-lighting .lighting-overview .build-distribution .scattergram-wrapper :last-child.build-floor[data-v-189b85bc] {
  padding-top: 0.0125rem;
}
.ss-lighting .lighting-overview .build-distribution .scattergram-wrapper :first-child.build-floor > .floor-wrapper[data-v-189b85bc] {
  border-bottom: 0.0125rem solid rgb(109, 137, 157);
}
.ss-lighting .lighting-overview .build-distribution .scattergram-wrapper :last-child.build-floor > .floor-wrapper[data-v-189b85bc] {
  border-top: 0.0125rem solid rgb(109, 137, 157);
}
.ss-lighting .lighting-overview .build-distribution .scattergram-wrapper .build-floor[data-v-189b85bc] {
  display: flex;
  justify-content: flex-end;
}
.ss-lighting .lighting-overview .build-distribution .scattergram-wrapper .build-floor .floor-wrapper[data-v-189b85bc] {
  padding: 0.025rem;
  border-right: 0.0125rem solid rgb(109, 137, 157);
  border-left: 0.0125rem solid rgb(109, 137, 157);
  flex: 1;
}
.ss-lighting .lighting-overview .build-distribution .scattergram-wrapper .build-floor .floor-wrapper .build-dot[data-v-189b85bc] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  background-color: rgba(16, 69, 115, 0.5);
  padding: 0.025rem;
}
.ss-lighting .lighting-overview .build-distribution .scattergram-wrapper .build-floor .floor-wrapper .build-dot .layer-box[data-v-189b85bc] {
  width: calc(6.25% - 0.05rem);
  margin: 0.025rem;
  cursor: pointer;
}
.ss-lighting .lighting-overview .build-distribution .scattergram-wrapper .build-floor .floor-wrapper .build-dot .layer-box[data-v-189b85bc]::after {
  content: "";
  margin-top: 100%;
  display: block;
}
.ss-lighting .lighting-overview .build-distribution .scattergram-wrapper .build-floor .floor-num[data-v-189b85bc] {
  border-right: 0.0125rem solid rgb(109, 137, 157);
  font-size: 0.125rem;
  color: rgb(109, 137, 157);
  width: 0.375rem;
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
.ss-lighting .lighting-overview .build-distribution .scattergram-wrapper .build-floor .floor-num[data-v-189b85bc]::after {
  content: "-";
}.sub-system > div[data-v-0e8f1d24] {
  perspective: 1300px;
}
.sub-system > .main.left-main .anima-3d-rotateHide[data-v-0e8f1d24] {
  transition: all 500ms;
  transform: translateZ(100px) translateX(-30%) rotateY(90deg);
  opacity: 0;
}
.sub-system > .main.right-main .info-title[data-v-0e8f1d24] {
  text-align: right;
}
.sub-system > .main.right-main .anima-3d-rotateHide[data-v-0e8f1d24] {
  transition: all 500ms;
  transform: translateZ(100px) translateX(100%) rotateY(-45deg);
  opacity: 0;
}
.sub-system > .main .main-wrapper[data-v-0e8f1d24] {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  font: 1;
  position: relative;
}
.sub-system > .main .main-wrapper .main-title[data-v-0e8f1d24] {
  margin: 0 0.125rem;
  display: flex !important;
}
.sub-system > .main .main-wrapper.close[data-v-0e8f1d24] {
  transform: translateX(100%);
  transition: all 500ms;
}
.sub-system > .main .main-wrapper .btn-close[data-v-0e8f1d24] {
  position: absolute;
  top: 0.125rem;
  right: 0.125rem;
  cursor: pointer;
  transition: 0.5s transform;
  transform: rotate(0deg);
  padding: 0 0.0625rem;
}
.sub-system > .main .main-wrapper .btn-close[data-v-0e8f1d24]:hover {
  transform: rotate(180deg) scale(1.2);
  color: #95e2ff;
}
.sub-system > .main .main-wrapper .main-content[data-v-0e8f1d24] {
  flex: 1;
  position: static;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.sub-system > .main .main-wrapper .main-content .info-wrapper .info-title[data-v-0e8f1d24] {
  line-height: 2;
}
.sub-system > .main .main-wrapper .main-content .info-wrapper .info-echat[data-v-0e8f1d24] {
  width: 100%;
  height: 16vh;
}
.sub-system > .main .main-wrapper .main-content .main-floor[data-v-0e8f1d24] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.sub-system > .main .main-wrapper .main-content .main-floor > div[data-v-0e8f1d24] {
  cursor: pointer;
  height: 0.35rem;
  display: flex;
  align-items: center;
  color: #ffffff;
  margin-right: 0.075rem;
  padding: 0 0.0375rem;
  font-weight: bold;
}
.sub-system > .main .main-wrapper .main-content .main-floor > div[data-v-0e8f1d24]:hover {
  color: #95e2ff;
}
.sub-system .device-info[data-v-0e8f1d24] {
  font-size: 0.1375rem;
  text-align: center;
}
.sub-system .device-info .table-title[data-v-0e8f1d24] {
  margin: 0.0625rem 0;
  padding-right: 6px;
  color: rgb(189, 236, 237);
  display: flex;
  font-weight: bold;
}
.sub-system .device-info .table-title > div[data-v-0e8f1d24],
.sub-system .device-info .table-item > div[data-v-0e8f1d24] {
  flex: 1;
}
.sub-system .device-info .table-title > div[data-v-0e8f1d24]:nth-child(2),
.sub-system .device-info .table-item > div[data-v-0e8f1d24]:nth-child(2) {
  flex: 2;
}
.sub-system .device-info .table-list[data-v-0e8f1d24] {
  height: 30vh;
  overflow-y: scroll;
}
.sub-system .device-info .table-list .table-item[data-v-0e8f1d24] {
  align-items: center;
  display: flex;
  color: rgb(125, 156, 176);
  padding: 0.0375rem;
  border: 0.0125rem solid transparent;
}
.sub-system .device-info .table-list .table-item[data-v-0e8f1d24]:nth-child(2n) {
  background-color: rgba(255, 255, 255, 0.2);
}
.sub-system .device-info .table-list .table-item[data-v-0e8f1d24]:hover, .sub-system .device-info .table-list .table-item.active[data-v-0e8f1d24] {
  cursor: pointer;
  background-color: rgba(177, 0, 0, 0.2);
  border-color: #b10000;
}
.sub-system .overview[data-v-0e8f1d24] {
  display: flex;
  justify-content: space-between;
  height: 15vh;
}
.sub-system .overview .doughnutEchat[data-v-0e8f1d24] {
  width: calc(50% - 0.125rem);
  height: 100%;
  overflow: hidden;
  position: relative;
}
.sub-system .overview .doughnutEchat > div[data-v-0e8f1d24] {
  position: absolute;
  top: -40%;
  left: -40%;
  width: 180%;
  height: 180%;
}
.shade-text[data-v-0e8f1d24] {
  background-image: linear-gradient(to bottom, #02f9fd, #0e72b3);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #02f9fd;
}
.anima-3d-rotateInRight[data-v-0e8f1d24] {
  transform-style: preserve-3d;
  transform-origin: 0 100%;
  animation: rotateInRight-0e8f1d24 500ms 1;
}
@keyframes rotateInRight-0e8f1d24 {
0% {
    transform: translateZ(100px) translateX(-30%) rotateY(90deg);
    opacity: 0;
}
100% {
    transform: translateZ(0px) translateX(0%) rotateY(0deg);
    opacity: 1;
}
}
.anima-3d-rotateInLeft[data-v-0e8f1d24] {
  transform-style: preserve-3d;
  transform-origin: 0 100%;
  animation: rotateInLeft-0e8f1d24 500ms 1;
}
@keyframes rotateInLeft-0e8f1d24 {
0% {
    transform: translateZ(100px) translateX(100%) rotateY(-45deg);
    opacity: 0;
}
100% {
    transform: translateZ(0px) translateX(0%) rotateY(0deg);
    opacity: 1;
}
}

/* entire container, keeps perspective */
.flip-container[data-v-0e8f1d24] {
  overflow: hidden;
  flex: 1;
  perspective: 1000px;
  /* flip the pane when hovered */
}
.flip-container.hover .flipper[data-v-0e8f1d24] {
  transform: rotateY(180deg);
}
.flip-container[data-v-0e8f1d24] {
  /* flip speed goes here */
}
.flip-container .flipper[data-v-0e8f1d24] {
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative;
}
.flip-container[data-v-0e8f1d24] {
  /* hide back of pane during swap */
}
.flip-container .front[data-v-0e8f1d24],
.flip-container .back[data-v-0e8f1d24] {
  backface-visibility: hidden;
  width: 100%;
}
.flip-container[data-v-0e8f1d24] {
  /* front pane, placed above back */
}
.flip-container .front[data-v-0e8f1d24] {
  z-index: 2;
}
.flip-container[data-v-0e8f1d24] {
  /* back, initially hidden pane */
}
.flip-container .back[data-v-0e8f1d24] {
  transform: rotateY(180deg);
}
#ss-elevator .device-wrapper[data-v-0e8f1d24] {
  display: flex;
  overflow: hidden;
}
#ss-elevator .device-wrapper .main-content[data-v-0e8f1d24] {
  overflow: hidden;
}
#ss-elevator .device-wrapper .main-content .info-wrapper[data-v-0e8f1d24] {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
#ss-elevator .device-wrapper .main-content .info-wrapper .info-title[data-v-0e8f1d24] {
  display: flex;
}
#ss-elevator .device-wrapper .main-content .info-wrapper .info-title > div[data-v-0e8f1d24] {
  width: 50%;
}
#ss-elevator .device-wrapper .main-content .info-wrapper .device-content[data-v-0e8f1d24] {
  display: flex;
  overflow: hidden;
  flex: 1;
  max-height: 7rem;
}
#ss-elevator .device-wrapper .main-content .info-wrapper .device-content > div[data-v-0e8f1d24] {
  width: 50%;
  overflow-y: auto;
  overflow-x: hidden;
}
#ss-elevator .device-wrapper .main-content .info-wrapper .device-content .device-list[data-v-0e8f1d24] .ivu-tree-title-selected,
#ss-elevator .device-wrapper .main-content .info-wrapper .device-content .device-list[data-v-0e8f1d24] .ivu-tree-title:hover {
  background-color: rgba(132, 193, 255, 0.4392156863);
}
#ss-elevator .device-wrapper .main-content .info-wrapper .device-content .device-list[data-v-0e8f1d24] .ivu-tree-title-selected:hover {
  background-color: rgba(132, 193, 255, 0.6196078431);
}
#ss-elevator .device-wrapper .main-content .info-wrapper .device-content .device-list[data-v-0e8f1d24] .device-item {
  color: #ffffff;
  width: 100%;
}
#ss-elevator .device-wrapper .main-content .info-wrapper .device-content .device-list[data-v-0e8f1d24] .device-item .ivu-tree-title {
  width: 100%;
}
#ss-elevator .device-wrapper .main-content .info-wrapper .device-content .device-list[data-v-0e8f1d24] .device-item i {
  margin-right: 0.0625rem;
}
#ss-elevator .device-wrapper .main-content .info-wrapper .device-content .device-info[data-v-0e8f1d24] {
  padding-bottom: 0.0625rem;
}
#ss-elevator .device-wrapper .main-content .info-wrapper .device-content .device-info .device-info-item[data-v-0e8f1d24] {
  line-height: 0.4rem;
  font-size: 0.1625rem;
  margin-top: 0.0375rem;
  letter-spacing: 2px;
}
#ss-elevator .device-wrapper .main-content .info-wrapper .device-content .device-info .device-info-item[data-v-0e8f1d24] :first-child {
  color: rgb(216, 220, 229);
  font-weight: 400;
}
#ss-elevator .device-wrapper .main-content .info-wrapper .device-content .device-info .device-info-item[data-v-0e8f1d24] :last-child {
  color: rgb(74, 229, 222);
  background-color: rgba(51, 102, 153, 0.3);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#ss-elevator .video-monitoring img[data-v-0e8f1d24] {
  width: 100%;
  height: auto;
}
#ss-elevator .operation-target .info-content[data-v-0e8f1d24] {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#ss-elevator .operation-target .info-content .traget-itme[data-v-0e8f1d24] {
  text-align: center;
  width: calc(25% - 0.075rem);
  padding: 0.125rem 0;
  border-radius: 10px;
  background-color: rgba(51, 102, 153, 0.3);
  font-size: 0.175rem;
  margin-bottom: 0.1rem;
}
#ss-elevator .operation-target .info-content .traget-itme.active[data-v-0e8f1d24] {
  color: rgb(255, 144, 41);
  box-shadow: 0 0 0.1rem 0.01rem rgb(255, 144, 41) inset;
}
#ss-elevator .operation-target .info-content .traget-itme.active .traget-title[data-v-0e8f1d24] {
  color: rgb(255, 144, 41);
}
#ss-elevator .operation-target .info-content .traget-itme .traget-title[data-v-0e8f1d24] {
  font-size: 0.125rem;
  line-height: 2;
  color: hsla(0, 0%, 100%, 0.7);
  letter-spacing: 2px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#ss-elevator .operation-target .info-content .traget-itme .traget-content[data-v-0e8f1d24] {
  color: #00afff;
}
#ss-elevator .operation-target .info-content .traget-itme .traget-content .traget-unit[data-v-0e8f1d24] {
  font-size: 0.1rem;
  color: #819ebe;
}
#ss-elevator .operation-target .info-content .traget-itme .iconfont[data-v-0e8f1d24] {
  font-size: 0.25rem;
}
#ss-elevator .right-main .main-wrapper[data-v-0e8f1d24] {
  padding: 0;
}
#ss-elevator .right-main .main-wrapper .main-content[data-v-0e8f1d24] {
  overflow-y: auto;
  padding: 0 0.125rem 0.0625rem;
}.sub-system > div[data-v-f88d2809] {
  perspective: 1300px;
}
.sub-system > .main.left-main .anima-3d-rotateHide[data-v-f88d2809] {
  transition: all 500ms;
  transform: translateZ(100px) translateX(-30%) rotateY(90deg);
  opacity: 0;
}
.sub-system > .main.right-main .info-title[data-v-f88d2809] {
  text-align: right;
}
.sub-system > .main.right-main .anima-3d-rotateHide[data-v-f88d2809] {
  transition: all 500ms;
  transform: translateZ(100px) translateX(100%) rotateY(-45deg);
  opacity: 0;
}
.sub-system > .main .main-wrapper[data-v-f88d2809] {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  font: 1;
  position: relative;
}
.sub-system > .main .main-wrapper .main-title[data-v-f88d2809] {
  margin: 0 0.125rem;
  display: flex !important;
}
.sub-system > .main .main-wrapper.close[data-v-f88d2809] {
  transform: translateX(100%);
  transition: all 500ms;
}
.sub-system > .main .main-wrapper .btn-close[data-v-f88d2809] {
  position: absolute;
  top: 0.125rem;
  right: 0.125rem;
  cursor: pointer;
  transition: 0.5s transform;
  transform: rotate(0deg);
  padding: 0 0.0625rem;
}
.sub-system > .main .main-wrapper .btn-close[data-v-f88d2809]:hover {
  transform: rotate(180deg) scale(1.2);
  color: #95e2ff;
}
.sub-system > .main .main-wrapper .main-content[data-v-f88d2809] {
  flex: 1;
  position: static;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.sub-system > .main .main-wrapper .main-content .info-wrapper .info-title[data-v-f88d2809] {
  line-height: 2;
}
.sub-system > .main .main-wrapper .main-content .info-wrapper .info-echat[data-v-f88d2809] {
  width: 100%;
  height: 16vh;
}
.sub-system > .main .main-wrapper .main-content .main-floor[data-v-f88d2809] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.sub-system > .main .main-wrapper .main-content .main-floor > div[data-v-f88d2809] {
  cursor: pointer;
  height: 0.35rem;
  display: flex;
  align-items: center;
  color: #ffffff;
  margin-right: 0.075rem;
  padding: 0 0.0375rem;
  font-weight: bold;
}
.sub-system > .main .main-wrapper .main-content .main-floor > div[data-v-f88d2809]:hover {
  color: #95e2ff;
}
.sub-system .device-info[data-v-f88d2809] {
  font-size: 0.1375rem;
  text-align: center;
}
.sub-system .device-info .table-title[data-v-f88d2809] {
  margin: 0.0625rem 0;
  padding-right: 6px;
  color: rgb(189, 236, 237);
  display: flex;
  font-weight: bold;
}
.sub-system .device-info .table-title > div[data-v-f88d2809],
.sub-system .device-info .table-item > div[data-v-f88d2809] {
  flex: 1;
}
.sub-system .device-info .table-title > div[data-v-f88d2809]:nth-child(2),
.sub-system .device-info .table-item > div[data-v-f88d2809]:nth-child(2) {
  flex: 2;
}
.sub-system .device-info .table-list[data-v-f88d2809] {
  height: 30vh;
  overflow-y: scroll;
}
.sub-system .device-info .table-list .table-item[data-v-f88d2809] {
  align-items: center;
  display: flex;
  color: rgb(125, 156, 176);
  padding: 0.0375rem;
  border: 0.0125rem solid transparent;
}
.sub-system .device-info .table-list .table-item[data-v-f88d2809]:nth-child(2n) {
  background-color: rgba(255, 255, 255, 0.2);
}
.sub-system .device-info .table-list .table-item[data-v-f88d2809]:hover, .sub-system .device-info .table-list .table-item.active[data-v-f88d2809] {
  cursor: pointer;
  background-color: rgba(177, 0, 0, 0.2);
  border-color: #b10000;
}
.sub-system .overview[data-v-f88d2809] {
  display: flex;
  justify-content: space-between;
  height: 15vh;
}
.sub-system .overview .doughnutEchat[data-v-f88d2809] {
  width: calc(50% - 0.125rem);
  height: 100%;
  overflow: hidden;
  position: relative;
}
.sub-system .overview .doughnutEchat > div[data-v-f88d2809] {
  position: absolute;
  top: -40%;
  left: -40%;
  width: 180%;
  height: 180%;
}
.shade-text[data-v-f88d2809] {
  background-image: linear-gradient(to bottom, #02f9fd, #0e72b3);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #02f9fd;
}
.anima-3d-rotateInRight[data-v-f88d2809] {
  transform-style: preserve-3d;
  transform-origin: 0 100%;
  animation: rotateInRight-f88d2809 500ms 1;
}
@keyframes rotateInRight-f88d2809 {
0% {
    transform: translateZ(100px) translateX(-30%) rotateY(90deg);
    opacity: 0;
}
100% {
    transform: translateZ(0px) translateX(0%) rotateY(0deg);
    opacity: 1;
}
}
.anima-3d-rotateInLeft[data-v-f88d2809] {
  transform-style: preserve-3d;
  transform-origin: 0 100%;
  animation: rotateInLeft-f88d2809 500ms 1;
}
@keyframes rotateInLeft-f88d2809 {
0% {
    transform: translateZ(100px) translateX(100%) rotateY(-45deg);
    opacity: 0;
}
100% {
    transform: translateZ(0px) translateX(0%) rotateY(0deg);
    opacity: 1;
}
}

/* entire container, keeps perspective */
.flip-container[data-v-f88d2809] {
  overflow: hidden;
  flex: 1;
  perspective: 1000px;
  /* flip the pane when hovered */
}
.flip-container.hover .flipper[data-v-f88d2809] {
  transform: rotateY(180deg);
}
.flip-container[data-v-f88d2809] {
  /* flip speed goes here */
}
.flip-container .flipper[data-v-f88d2809] {
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative;
}
.flip-container[data-v-f88d2809] {
  /* hide back of pane during swap */
}
.flip-container .front[data-v-f88d2809],
.flip-container .back[data-v-f88d2809] {
  backface-visibility: hidden;
  width: 100%;
}
.flip-container[data-v-f88d2809] {
  /* front pane, placed above back */
}
.flip-container .front[data-v-f88d2809] {
  z-index: 2;
}
.flip-container[data-v-f88d2809] {
  /* back, initially hidden pane */
}
.flip-container .back[data-v-f88d2809] {
  transform: rotateY(180deg);
}
.flex-cc[data-v-f88d2809] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex-cs[data-v-f88d2809] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.left-main .garden-wrapper[data-v-f88d2809] {
  align-items: center;
  justify-content: space-between;
}
.left-main .garden-wrapper .main-title[data-v-f88d2809] {
  width: 100%;
  margin: 0 !important;
}
.left-main .garden-wrapper .main-title .title[data-v-f88d2809] {
  width: 100%;
  display: flex;
  align-items: center;
  line-height: 1.5;
  padding: 0.125rem 0;
}
.left-main .garden-wrapper .main-title .title span[data-v-f88d2809]:first-child {
  font-size: 0.2625rem;
  font-weight: bold;
}
.left-main .garden-wrapper .main-title .title .status[data-v-f88d2809] {
  margin-left: 0.0625rem;
  font-size: 0.25rem;
}
.left-main .garden-wrapper .main-title .title .status i[data-v-f88d2809] {
  border-radius: 50px;
}
.left-main .garden-wrapper .main-title .title .normal[data-v-f88d2809] {
  color: #00eb9f;
}
.left-main .garden-wrapper .main-title .title .warn[data-v-f88d2809] {
  color: #fddd60;
  animation: blink-f88d2809 3s linear infinite;
}
.left-main .garden-wrapper .main-title .title .error[data-v-f88d2809] {
  color: #fd666d;
  animation: blink-f88d2809 3s linear infinite;
}
.left-main .garden-wrapper .main-title .title > div[data-v-f88d2809] {
  flex: 1;
}
.left-main .garden-wrapper .main-title .title .iconshipinjiankong[data-v-f88d2809] {
  font-size: 25px;
  color: #f5f5f5;
}
.left-main .garden-wrapper .main-title[data-v-f88d2809]::before {
  content: "";
  width: 84% !important;
}
.left-main .garden-wrapper .main-content[data-v-f88d2809] {
  width: 100%;
  padding: 0 0 0.125rem 0 !important;
}
.left-main .garden-wrapper .main-content .info[data-v-f88d2809] {
  padding: 0.0625rem 0;
}
.left-main .garden-wrapper .main-content .info p[data-v-f88d2809] {
  font-weight: bold;
}
.left-main .garden-wrapper .main-content .info p .info-name[data-v-f88d2809] {
  font-size: 0.125rem;
  color: #f5f5f5;
  margin-right: 0.0625rem;
}
.left-main .garden-wrapper .main-content .info p .info-value[data-v-f88d2809] {
  font-size: 0.3125rem;
  color: #d4d310;
  font-family: fantasy;
  letter-spacing: 3px;
}
.left-main .trend-wrapper[data-v-f88d2809] {
  flex: 1;
  padding: 0 !important;
}
.left-main .trend-wrapper .main-content[data-v-f88d2809] {
  margin-top: 0 !important;
}
.left-main .trend-wrapper .chart[data-v-f88d2809] {
  width: 100%;
  height: 100%;
}
.left-main[data-v-f88d2809] .el-carousel__container {
  height: 18vh;
}
.center-main[data-v-f88d2809] {
  width: calc(100% - 38vw);
  position: absolute;
  left: 50%;
  margin-left: calc((-100% + 38vw) / 2);
  margin-top: 0.0625rem;
  padding: 0.0625rem 0;
}
.center-main .statistics[data-v-f88d2809] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.center-main .statistics .main-wrapper[data-v-f88d2809] {
  flex: 1;
  height: 20vh;
}
.center-main .statistics .main-wrapper[data-v-f88d2809]:not(:last-child) {
  margin-right: 0.1875rem;
}
.center-main .statistics .main-wrapper[data-v-f88d2809]:last-child {
  margin-bottom: 0.125rem !important;
}
.center-main .statistics .main-wrapper .main-title[data-v-f88d2809] {
  display: flex;
  margin: 0 !important;
  color: #fff;
}
.center-main .statistics .main-wrapper .main-content[data-v-f88d2809] {
  flex: 1;
  padding: 0 !important;
}
.center-main .statistics .main-wrapper .chart[data-v-f88d2809] {
  width: 100%;
  height: 100%;
}
.center-main .statistics .main-wrapper .state[data-v-f88d2809] {
  font-size: 0.15rem;
}
.center-main .statistics .main-wrapper .normal[data-v-f88d2809] {
  color: #42d3e7;
}
.center-main .statistics .main-wrapper .warn[data-v-f88d2809] {
  color: #fddd60;
  animation: blink-f88d2809 3s linear infinite;
}
.center-main .statistics .main-wrapper .error[data-v-f88d2809] {
  color: #fd666d;
  animation: blink-f88d2809 3s linear infinite;
}
@keyframes blink-f88d2809 {
0% {
    opacity: 1;
}
10% {
    opacity: 0;
}
40% {
    opacity: 1;
}
}
.right-main .main-wrapper[data-v-f88d2809] {
  flex: 1;
}
.right-main .main-wrapper .main-title[data-v-f88d2809] {
  display: flex;
  margin: 0 !important;
}
.right-main .main-wrapper .main-content[data-v-f88d2809] {
  flex: 1;
}
.right-main .main-wrapper .chart[data-v-f88d2809] {
  width: 100%;
  height: 100%;
}
.right-main .sewage-info[data-v-f88d2809] {
  align-items: center;
  justify-content: space-around;
}
.right-main .sewage-info .sewage-item[data-v-f88d2809] {
  display: flex;
  align-items: center;
  width: 90%;
}
.right-main .sewage-info .sewage-item .icon[data-v-f88d2809] {
  font-size: 0.6rem;
}
.right-main .sewage-info .sewage-item .info[data-v-f88d2809] {
  margin-left: 0.1875rem;
  flex: 1;
}
.right-main .sewage-info .sewage-item .info .value[data-v-f88d2809] {
  display: flex;
  align-items: flex-start;
}
.right-main .sewage-info .sewage-item .info .value .v span[data-v-f88d2809]:first-child {
  font-size: 0.3rem;
  font-weight: bold;
}
.right-main .sewage-info .sewage-item .info .value > span[data-v-f88d2809] {
  font-size: 0.15rem;
}
.right-main .sewage-info .sewage-item .info .name[data-v-f88d2809] {
  color: #f5f5f5;
}
.right-main .warn-list[data-v-f88d2809] {
  padding: 0 !important;
  margin: 0 !important;
}
.right-main .warn-list[data-v-f88d2809] .warn-item {
  width: 100%;
  font-size: 0.15rem;
  color: #fff;
}
.right-main .warn-list[data-v-f88d2809] .warn-item .item-head {
  display: flex;
  justify-content: space-between;
  padding: 0.0625rem;
}
.right-main .warn-list[data-v-f88d2809] .warn-item .item-head > p {
  font-weight: bold;
}
.right-main .warn-list[data-v-f88d2809] .warn-item .item-head > span {
  font-size: 0.125rem;
}
.right-main .warn-list[data-v-f88d2809] .warn-item p {
  display: flex;
  align-items: center;
  font-size: 0.125rem;
}
.right-main .warn-list[data-v-f88d2809] .warn-item p span {
  margin-left: 10px;
}
.right-main .warn-list[data-v-f88d2809] .warn-item p span:first-child {
  text-align: left;
  font-weight: bold;
}#ss-power .main-title[data-v-bcb4cc89] {
  display: flex;
}
.flex[data-v-bcb4cc89] {
  display: flex;
  align-items: center;
}
.left-main .index-total[data-v-bcb4cc89] {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.left-main .index-total .total-item[data-v-bcb4cc89] {
  flex: 1;
  height: 0.9rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.7rem 0.7rem;
}
.left-main .index-total .total-item[data-v-bcb4cc89]:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  width: 0.0063rem;
  height: 35%;
  background: rgba(255, 255, 255, 0.5215686275);
}
.left-main .index-total .total-item span[data-v-bcb4cc89]:first-child {
  font-size: 0.25rem;
  font-weight: bold;
  line-height: 1;
}
.left-main .index-total .total-item span[data-v-bcb4cc89]:last-child {
  font-size: 0.125rem;
}
.left-main .index-total .bg1[data-v-bcb4cc89] {
  background-image: url("../img/bg1-CNbyuVLm.png");
  color: #ffbf00;
}
.left-main .index-total .bg2[data-v-bcb4cc89] {
  background-image: url("../img/bg2-BQBe2XQC.png");
  color: #ff6333;
}
.left-main .index-total .bg3[data-v-bcb4cc89] {
  background-image: url("../img/bg3-CiWxltBI.png");
  color: #3dcf7a;
}
.left-main .index-total .bg4[data-v-bcb4cc89] {
  background-image: url("../img/bg11-BD4Wjdqx.png");
  color: #3dcf7a;
}
.left-main .power-wrapper[data-v-bcb4cc89] {
  align-items: center;
  justify-content: space-between;
  flex: 1;
}
.left-main .power-wrapper .main-title[data-v-bcb4cc89] {
  width: 100%;
  margin: 0;
}
.left-main .power-wrapper .main-title .title[data-v-bcb4cc89] {
  display: flex;
  flex-direction: column;
  line-height: 1.5;
  padding: 0.125rem 0;
}
.left-main .power-wrapper .main-title .title span[data-v-bcb4cc89]:first-child {
  font-size: 0.2625rem;
  font-weight: bold;
}
.left-main .power-wrapper .main-title .title span[data-v-bcb4cc89]:last-child {
  font-size: 0.15rem;
}
.left-main .power-wrapper .main-title .iconfont[data-v-bcb4cc89] {
  font-size: 0.35rem;
}
.left-main .power-wrapper .main-title[data-v-bcb4cc89]::before {
  content: "";
  width: 84% !important;
}
.left-main .power-wrapper .survey-info[data-v-bcb4cc89] {
  flex-direction: column;
  justify-content: center;
  margin-top: 0.0625rem;
}
.left-main .power-wrapper .survey-info .row[data-v-bcb4cc89] {
  display: flex;
  align-items: center;
  flex: 1;
  font-size: 0.125rem;
}
.left-main .power-wrapper .survey-info .row[data-v-bcb4cc89]:first-child {
  padding: 0.0625rem 0;
}
.left-main .power-wrapper .survey-info .row[data-v-bcb4cc89]:not(:last-child) {
  border-bottom: 0.0125rem solid #dcdee2;
}
.left-main .power-wrapper .survey-info .row .value[data-v-bcb4cc89] {
  font-size: 18px;
  font-weight: bold;
  margin: 0 2px;
}
.left-main .power-wrapper .survey-info .row:last-child .row-l[data-v-bcb4cc89],
.left-main .power-wrapper .survey-info .row:last-child .row-r[data-v-bcb4cc89] {
  padding: 0.1rem 0;
}
.left-main .power-wrapper .survey-info .row .row-l[data-v-bcb4cc89] {
  width: 60%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.left-main .power-wrapper .survey-info .row .row-l .flex[data-v-bcb4cc89] {
  width: 100%;
  height: 100%;
  justify-content: space-evenly;
  padding: 0.1rem 0;
}
.left-main .power-wrapper .survey-info .row .row-l .flex[data-v-bcb4cc89]:not(:last-child) {
  border-bottom: 1px solid #dcdee2;
}
.left-main .power-wrapper .survey-info .row .row-r[data-v-bcb4cc89] {
  width: 40%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.left-main .trans-wrapper[data-v-bcb4cc89] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.left-main .trans-wrapper .main-content[data-v-bcb4cc89] {
  flex: 1;
}
.left-main .trans-wrapper .trans-list[data-v-bcb4cc89] {
  width: 100%;
  height: 90%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.left-main .trans-wrapper .trans-list .trans-item[data-v-bcb4cc89] {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-image: url("../img/line-simple-D0cYBas9.png");
  background-size: 100% 100%;
}
.left-main .trans-wrapper .trans-list .trans-item .value[data-v-bcb4cc89] {
  font-size: 0.2rem;
}
.left-main .trans-wrapper .trans-list .trans-item .name[data-v-bcb4cc89] {
  font-size: 0.125rem;
}
.left-main[data-v-bcb4cc89] .ivu-select .ivu-select-selection,
.left-main[data-v-bcb4cc89] .ivu-select .ivu-select-selected-value {
  color: #fff;
}
.left-main[data-v-bcb4cc89] .ivu-select i {
  color: #3399ff;
}
.left-main[data-v-bcb4cc89] .ivu-select .ivu-select-selection {
  background: transparent;
  box-shadow: none;
  border: none;
  border-top: 0.0125rem solid #3399ff;
  border-bottom: 0.0125rem solid #3399ff;
  border-radius: 0;
}
.left-main[data-v-bcb4cc89] .ivu-select .ivu-select-item {
  color: rgba(255, 255, 255, 0.5);
}
.left-main[data-v-bcb4cc89] .ivu-select .ivu-select-item-selected {
  color: #fff;
}
.left-main[data-v-bcb4cc89] .ivu-select .ivu-select-item-focus,
.left-main[data-v-bcb4cc89] .ivu-select .ivu-select-item:hover {
  background: none;
  color: #fff;
}
.right-main .main-content[data-v-bcb4cc89] {
  flex: 1;
}
.right-main .main-content .chart[data-v-bcb4cc89] {
  width: 100%;
  height: 100%;
}
.right-main .electric-wrapper[data-v-bcb4cc89] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.right-main .electric-wrapper .main-content[data-v-bcb4cc89] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.right-main .electric-wrapper .main-content .chart[data-v-bcb4cc89] {
  height: 95%;
}
.right-main .load-wrapper[data-v-bcb4cc89] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.right-main .monitor-wrapper[data-v-bcb4cc89] {
  flex: 1;
}
.right-main .monitor-wrapper .main-content[data-v-bcb4cc89] {
  display: flex;
  flex-wrap: wrap;
  overflow-y: auto;
}
.right-main .monitor-wrapper .item[data-v-bcb4cc89] {
  width: 33%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 10px;
}
.right-main .monitor-wrapper .item .icon[data-v-bcb4cc89] {
  width: 55px;
  height: 55px;
  background-color: #5e8aff;
  border-radius: 50%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 5px;
}
.right-main .monitor-wrapper .item .icon span[data-v-bcb4cc89] {
  font-size: 24px;
}
.right-main .monitor-wrapper .item > span[data-v-bcb4cc89] {
  font-size: 14px;
}
.right-main .monitor-wrapper .item .value[data-v-bcb4cc89] {
  font-size: 16px;
  font-weight: bold;
}
.right-main .warn-wrapper[data-v-bcb4cc89] {
  flex: 1;
}
.right-main .warn-wrapper .warn-list[data-v-bcb4cc89] {
  padding: 0 !important;
  margin: 0 !important;
}
.right-main .warn-wrapper .warn-list[data-v-bcb4cc89] .warn-item {
  width: 100%;
  font-size: 0.15rem;
  color: #fff;
}
.right-main .warn-wrapper .warn-list[data-v-bcb4cc89] .warn-item .item-head {
  display: flex;
  justify-content: space-between;
  padding: 0.0625rem;
}
.right-main .warn-wrapper .warn-list[data-v-bcb4cc89] .warn-item .item-head > p {
  font-weight: bold;
}
.right-main .warn-wrapper .warn-list[data-v-bcb4cc89] .warn-item .item-head > span {
  font-size: 0.125rem;
}
.right-main .warn-wrapper .warn-list[data-v-bcb4cc89] .warn-item p {
  display: flex;
  align-items: center;
  font-size: 0.125rem;
}
.right-main .warn-wrapper .warn-list[data-v-bcb4cc89] .warn-item p span {
  margin-left: 10px;
}
.right-main .warn-wrapper .warn-list[data-v-bcb4cc89] .warn-item p span:first-child {
  text-align: left;
  font-weight: bold;
}
.right-main[data-v-bcb4cc89] .ivu-select {
  width: auto;
}
.right-main[data-v-bcb4cc89] .ivu-select .ivu-select-selection,
.right-main[data-v-bcb4cc89] .ivu-select .ivu-select-selected-value {
  color: #fff;
  height: 0.25rem;
  line-height: 0.25rem;
}
.right-main[data-v-bcb4cc89] .ivu-select i {
  color: #fff;
}
.right-main[data-v-bcb4cc89] .ivu-select .ivu-select-selection {
  background: rgba(255, 255, 255, 0.1);
  border: none;
  box-shadow: none;
}
.right-main[data-v-bcb4cc89] .ivu-select .ivu-select-item {
  color: rgba(255, 255, 255, 0.5);
}
.right-main[data-v-bcb4cc89] .ivu-select .ivu-select-item-selected {
  color: #fff;
}
.right-main[data-v-bcb4cc89] .ivu-select .ivu-select-item-focus,
.right-main[data-v-bcb4cc89] .ivu-select .ivu-select-item:hover {
  background: none;
  color: #fff;
}
.right-main[data-v-bcb4cc89] .ivu-cascader {
  width: auto;
}
.right-main[data-v-bcb4cc89] .ivu-cascader .ivu-cascader-menu-item {
  color: rgba(255, 255, 255, 0.5);
}
.right-main[data-v-bcb4cc89] .ivu-cascader .ivu-cascader-menu-item:hover {
  background: none;
  color: #fff;
}
.right-main[data-v-bcb4cc89] .ivu-cascader .ivu-cascader-menu-item-active {
  color: #fff;
  background: none;
}
.right-main[data-v-bcb4cc89] .ivu-cascader .ivu-input {
  background: rgba(255, 255, 255, 0.1);
  border: none;
  box-shadow: none;
  color: #fff;
}#water-pit .main-title[data-v-34ce5efc] {
  display: flex;
}
.flex[data-v-34ce5efc], .right-main .area-wrapper .main-content .details .details-content[data-v-34ce5efc], .right-main .area-wrapper .main-content .point-list .point-item .left[data-v-34ce5efc], .right-main .area-wrapper .main-content .point-list .point-item[data-v-34ce5efc], .right-main .area-wrapper .main-content .area-content[data-v-34ce5efc], .right-main .area-wrapper .main-title .search-box .search-input[data-v-34ce5efc], .right-main .area-wrapper .main-title .search-box[data-v-34ce5efc], .left-main .state-wrapper .main-content .state-info p[data-v-34ce5efc], .left-main .state-wrapper .main-content[data-v-34ce5efc], .not-data[data-v-34ce5efc] {
  display: flex;
  align-items: center;
}
.not-data[data-v-34ce5efc] {
  width: 100%;
  height: 100%;
  justify-content: center;
}
.left-main .main-wrapper[data-v-34ce5efc] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.left-main .main-wrapper .main-content[data-v-34ce5efc] {
  flex: 1;
}
.left-main .main-wrapper .main-content .chart[data-v-34ce5efc] {
  width: 100%;
  height: 100%;
}
.left-main .state-wrapper[data-v-34ce5efc] {
  flex: 1;
}
.left-main .state-wrapper .main-content .chart[data-v-34ce5efc] {
  width: 60%;
}
.left-main .state-wrapper .main-content .state-info[data-v-34ce5efc] {
  width: 40%;
}
.left-main .state-wrapper .main-content .state-info p[data-v-34ce5efc] {
  font-size: 0.15rem;
  margin-bottom: 0.125rem;
}
.left-main .state-wrapper .main-content .state-info p[data-v-34ce5efc]:nth-child(1) {
  color: #00ffff;
}
.left-main .state-wrapper .main-content .state-info p[data-v-34ce5efc]:nth-child(2) {
  color: #ccff00;
}
.left-main .state-wrapper .main-content .state-info p[data-v-34ce5efc]:nth-child(3) {
  color: #ff8c37;
}
.left-main .state-wrapper .main-content .state-info p[data-v-34ce5efc]:nth-child(4) {
  color: #ffc257;
}
.left-main .state-wrapper .main-content .state-info p[data-v-34ce5efc]:nth-child(4) {
  color: #a181fc;
}
.left-main .state-wrapper .main-content .state-info p span[data-v-34ce5efc] {
  flex: 1;
}
.left-main .state-wrapper .main-content .state-info p span[data-v-34ce5efc]:last-child {
  margin-left: 0.0625rem;
  text-align: center;
}
.left-main .subject-wrapper[data-v-34ce5efc] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.left-main .subject-wrapper .main-content[data-v-34ce5efc] {
  flex: 1;
}
.left-main .subject-wrapper .main-content .chart[data-v-34ce5efc] {
  width: 100%;
  height: 100%;
}
.left-main .warn-wrapper[data-v-34ce5efc] {
  height: 25vh;
  display: flex;
  flex-direction: column;
}
.left-main .warn-wrapper .warn-list[data-v-34ce5efc] {
  padding: 0 !important;
  margin: 0 !important;
  display: flex;
  flex: 1;
}
.left-main .warn-wrapper .warn-list[data-v-34ce5efc] .warn-item {
  width: 100%;
  font-size: 0.15rem;
  color: #fff;
}
.left-main .warn-wrapper .warn-list[data-v-34ce5efc] .warn-item .item-head {
  display: flex;
  justify-content: space-between;
  padding: 0.0625rem;
}
.left-main .warn-wrapper .warn-list[data-v-34ce5efc] .warn-item .item-head > p {
  font-weight: bold;
}
.left-main .warn-wrapper .warn-list[data-v-34ce5efc] .warn-item .item-head > span {
  font-size: 0.125rem;
}
.left-main .warn-wrapper .warn-list[data-v-34ce5efc] .warn-item p {
  display: flex;
  align-items: center;
  font-size: 0.125rem;
}
.left-main .warn-wrapper .warn-list[data-v-34ce5efc] .warn-item p span {
  margin-left: 10px;
}
.left-main .warn-wrapper .warn-list[data-v-34ce5efc] .warn-item p span:first-child {
  text-align: left;
  font-weight: bold;
}
.right-main .area-wrapper[data-v-34ce5efc] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.right-main .area-wrapper .main-title .search-box[data-v-34ce5efc] {
  flex: 1;
  justify-content: flex-end;
}
.right-main .area-wrapper .main-title .search-box .search-input[data-v-34ce5efc] {
  justify-content: flex-end;
  flex: 1;
}
.right-main .area-wrapper .main-title .search-box .search-input .input[data-v-34ce5efc] {
  width: 0%;
  transition: all 0.5s;
}
.right-main .area-wrapper .main-title .search-box .search-input i[data-v-34ce5efc] {
  font-size: 0.2rem;
  color: #fff;
  z-index: 1;
  cursor: pointer;
}
.right-main .area-wrapper .main-title .search-box .search-input[data-v-34ce5efc] .ivu-input {
  background: transparent;
  height: 0.3125rem;
  border: none;
  outline: none;
  color: #fff;
}
.right-main .area-wrapper .main-title .search-box .all-list[data-v-34ce5efc] {
  margin-left: 0.0625rem;
  cursor: pointer;
}
.right-main .area-wrapper .main-title .search-box .all-list i[data-v-34ce5efc] {
  font-weight: normal;
  color: #fff;
}
.right-main .area-wrapper .main-content[data-v-34ce5efc] {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  margin-top: 0 !important;
}
.right-main .area-wrapper .main-content .subject-list-nav[data-v-34ce5efc] {
  display: flex;
  width: 100%;
  overflow-x: scroll;
}
.right-main .area-wrapper .main-content .subject-list-nav[data-v-34ce5efc]::-webkit-scrollbar-thumb {
  display: none;
}
.right-main .area-wrapper .main-content .subject-list-nav .subject-item-nav[data-v-34ce5efc] {
  font-size: 0.1375rem;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  padding: 0.025rem 0.125rem;
  color: #fff;
  border: 1px solid #209cff;
  flex-shrink: 0;
  cursor: pointer;
}
.right-main .area-wrapper .main-content .subject-list-nav .subject-item-nav[data-v-34ce5efc]:not(:last-child) {
  margin-right: 0.125rem;
}
.right-main .area-wrapper .main-content .subject-list-nav .subject-item-nav-active[data-v-34ce5efc] {
  background: linear-gradient(0deg, #209cff 0, #68e0cf);
}
.right-main .area-wrapper .main-content .area-content > i[data-v-34ce5efc] {
  font-size: 0.175rem;
  color: #fff;
  cursor: pointer;
}
.right-main .area-wrapper .main-content .area-content .tabs-block[data-v-34ce5efc] {
  flex: 1;
  overflow: hidden;
  position: relative;
}
.right-main .area-wrapper .main-content .area-content .tabs-block .tabs-content .tabs-content-scroll[data-v-34ce5efc] {
  margin: 0 0.125rem;
  overflow-x: scroll;
}
.right-main .area-wrapper .main-content .area-content .tabs-block .tabs-content .tabs-content-scroll[data-v-34ce5efc]::-webkit-scrollbar-thumb {
  display: none;
}
.right-main .area-wrapper .main-content .area-content .tabs-block .tabs-list[data-v-34ce5efc] {
  position: relative;
  display: flex;
  padding-bottom: 0.0625rem;
  white-space: nowrap;
}
.right-main .area-wrapper .main-content .area-content .tabs-block .tabs-list .tabs-item[data-v-34ce5efc] {
  color: #fff;
  margin-right: 0.25rem;
  position: relative;
  cursor: pointer;
}
.right-main .area-wrapper .main-content .area-content .tabs-block .tabs-list .tabs-item-active[data-v-34ce5efc] {
  color: #acfbff;
}
.right-main .area-wrapper .main-content .area-content .tabs-block .tabs-list .tabs-item-title[data-v-34ce5efc] {
  font-size: 0.15rem;
  font-weight: bold;
}
.right-main .area-wrapper .main-content .area-content .tabs-block .tabs-line[data-v-34ce5efc] {
  display: block;
  height: 0.025rem;
  position: absolute;
  bottom: 0px;
  left: 0;
  z-index: 1;
  border-radius: 0.0375rem;
  position: relative;
  background: #acfbff;
}
.right-main .area-wrapper .main-content .point-list[data-v-34ce5efc] {
  height: 27.2vh;
  overflow: auto;
  position: relative;
}
.right-main .area-wrapper .main-content .point-list .point-item[data-v-34ce5efc] {
  justify-content: space-between;
  padding: 0.0625rem 0.125rem;
  margin-bottom: 0.0625rem;
  border-radius: 0.0375rem;
  border: 1px solid #578aef;
  cursor: pointer;
}
.right-main .area-wrapper .main-content .point-list .point-item .left i[data-v-34ce5efc] {
  font-size: 0.3rem;
  margin-right: 0.125rem;
}
.right-main .area-wrapper .main-content .point-list .point-item .left .info p[data-v-34ce5efc] {
  color: #fff;
  font-size: 0.125rem;
}
.right-main .area-wrapper .main-content .point-list .point-item .left .info p[data-v-34ce5efc]:first-child {
  font-size: 0.175rem;
  font-weight: 600;
}
.right-main .area-wrapper .main-content .point-list .point-item .value[data-v-34ce5efc] {
  font-size: 0.2rem;
}
.right-main .area-wrapper .main-content .point-list .point-item-active[data-v-34ce5efc] {
  border-color: #00ffff;
  box-shadow: 0.025rem 0.025rem 0.1rem -0.01rem #00ffff;
}
.right-main .area-wrapper .main-content .details[data-v-34ce5efc] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.right-main .area-wrapper .main-content .details .point-info .head[data-v-34ce5efc] {
  font-size: 0.175rem;
  border-bottom: 0.025rem solid #acfbff;
  padding-bottom: 0.0625rem;
  margin-bottom: 0.0625rem;
}
.right-main .area-wrapper .main-content .details .point-info .head > span[data-v-34ce5efc]:first-child {
  font-weight: bold;
}
.right-main .area-wrapper .main-content .details .point-info .content[data-v-34ce5efc] {
  color: #fff;
  display: flex;
  align-items: center;
}
.right-main .area-wrapper .main-content .details .point-info .content .content-l[data-v-34ce5efc] {
  flex: 2;
}
.right-main .area-wrapper .main-content .details .point-info .content .content-l > p[data-v-34ce5efc] {
  font-size: 0.15rem;
  margin-bottom: 0.0625rem;
}
.right-main .area-wrapper .main-content .details .point-info .content .content-r[data-v-34ce5efc] {
  flex: 1;
  padding: 0.125rem;
}
.right-main .area-wrapper .main-content .details .point-info .content .content-r .carousel[data-v-34ce5efc] {
  height: 100px !important;
  object-fit: contain;
  display: flex;
  margin: auto;
}
.right-main .area-wrapper .main-content .details .point-index[data-v-34ce5efc] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding-bottom: 0.0625rem;
  margin-bottom: 0.125rem;
}
.right-main .area-wrapper .main-content .details .point-index .index-item[data-v-34ce5efc] {
  width: 33.3%;
  text-align: center;
  margin-top: 0.0625rem;
}
.right-main .area-wrapper .main-content .details .point-index .index-item p[data-v-34ce5efc] {
  font-size: 0.125rem;
  color: #fff;
}
.right-main .area-wrapper .main-content .details .point-index .index-item p[data-v-34ce5efc]:first-child {
  color: #acfbff;
  font-size: 0.175rem;
  margin-bottom: 0.0625rem;
}
.right-main .area-wrapper .main-content .details .rs-list[data-v-34ce5efc] {
  display: flex;
  flex-wrap: wrap;
  overflow: auto;
  height: 11vh;
}
.right-main .area-wrapper .main-content .details .rs-list .rs-item[data-v-34ce5efc] {
  width: calc(50% - 0.125rem);
  text-align: center;
  border: 1px solid;
  border-radius: 3px;
  margin: 0.0625rem;
  background: rgba(4, 41, 105, 0.7803921569);
  color: #fff;
  border-color: #1d7ea3;
  font-size: 0.125rem;
  cursor: pointer;
}
.right-main .area-wrapper .main-content .details .rs-list .rs-item > i[data-v-34ce5efc] {
  font-size: 0.225rem;
}
.right-main .area-wrapper .main-content .details .rs-list .rs-item-active[data-v-34ce5efc] {
  box-shadow: 0px 0px 6px 3px #dfe1ee;
}
.right-main .area-wrapper .main-content .details .details-head[data-v-34ce5efc] {
  cursor: pointer;
}
.right-main .area-wrapper .main-content .details .details-head[data-v-34ce5efc] .ivu-divider {
  color: #acfbff;
  margin: 0 !important;
}
.right-main .area-wrapper .main-content .details .details-head[data-v-34ce5efc] .ivu-divider::before, .right-main .area-wrapper .main-content .details .details-head[data-v-34ce5efc] .ivu-divider::after {
  border-color: #acfbff;
}
.right-main .area-wrapper .main-content .details .details-head[data-v-34ce5efc] .ivu-divider-inner-text {
  font-size: 0.1625rem;
}
.right-main .area-wrapper .main-content .details .details-content[data-v-34ce5efc] {
  flex: 1;
  justify-content: center;
  height: 18vh;
}
.right-main .area-wrapper .main-content .details .details-content .index-list[data-v-34ce5efc] {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  align-items: flex-start;
}
.right-main .area-wrapper .main-content .details .details-content .index-list .index-item[data-v-34ce5efc] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.right-main .area-wrapper .main-content .details .details-content .index-list .index-item[data-v-34ce5efc]:first-child {
  margin-right: 0.0625rem;
}
.right-main .area-wrapper .main-content .details .details-content .index-list .index-row[data-v-34ce5efc] {
  margin-bottom: 0.0625rem;
  padding: 0.0625rem 0.125rem;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.right-main .area-wrapper .main-content .details .details-content .index-list .index-row span[data-v-34ce5efc] {
  flex: 1;
  text-align: center;
  color: #fff;
}
.right-main .area-wrapper .main-content .details .details-content .index-list .index-row span[data-v-34ce5efc]:nth-child(1) {
  color: #00ffff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.right-main .area-wrapper .main-content .details .details-content .index-list .index-row[data-v-34ce5efc]::after {
  content: "";
  filter: blur(3px);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(16, 221, 231, 0.08);
}
.right-main .area-wrapper .main-content .details .details-content .chart-box[data-v-34ce5efc] {
  width: 100%;
  height: 100%;
}
.right-main .area-wrapper .main-content .details .details-content .chart-box .chart[data-v-34ce5efc] {
  width: 100%;
  height: 100%;
}
.right-main .area-wrapper .main-content .pop-up[data-v-34ce5efc] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #091025;
  z-index: 999;
}
.right-main .area-wrapper .main-content .pop-up .subject-list-nav[data-v-34ce5efc] {
  flex-wrap: wrap;
  overflow: hidden;
}
.right-main .area-wrapper .main-content .pop-up .subject-list-nav[data-v-34ce5efc]:not(:last-child) {
  border-bottom: 2px solid #66f5ff;
  margin: 0.125rem 0;
}
.right-main .area-wrapper .main-content .pop-up .subject-list-nav .subject-item-nav[data-v-34ce5efc] {
  margin-bottom: 0.125rem;
}
.right-main .area-wrapper .main-content .fade-enter-active[data-v-34ce5efc],
.right-main .area-wrapper .main-content .fade-leave-active[data-v-34ce5efc] {
  transition: 0.8s;
}
.right-main .area-wrapper .main-content .fade-enter[data-v-34ce5efc],
.right-main .area-wrapper .main-content .fade-leave-to[data-v-34ce5efc] {
  opacity: 0;
}
.right-main .warn-wrapper[data-v-34ce5efc] {
  height: 25vh;
  display: flex;
  flex-direction: column;
}
.right-main .warn-wrapper .warn-list[data-v-34ce5efc] {
  padding: 0 !important;
  margin: 0 !important;
  display: flex;
  flex: 1;
}
.right-main .warn-wrapper .warn-list[data-v-34ce5efc] .warn-item {
  width: 100%;
  font-size: 0.15rem;
  color: #fff;
}
.right-main .warn-wrapper .warn-list[data-v-34ce5efc] .warn-item .item-head {
  display: flex;
  justify-content: space-between;
  padding: 0.0625rem;
}
.right-main .warn-wrapper .warn-list[data-v-34ce5efc] .warn-item .item-head > p {
  font-weight: bold;
}
.right-main .warn-wrapper .warn-list[data-v-34ce5efc] .warn-item .item-head > span {
  font-size: 0.125rem;
}
.right-main .warn-wrapper .warn-list[data-v-34ce5efc] .warn-item p {
  display: flex;
  align-items: center;
  font-size: 0.125rem;
}
.right-main .warn-wrapper .warn-list[data-v-34ce5efc] .warn-item p span {
  margin-left: 10px;
}
.right-main .warn-wrapper .warn-list[data-v-34ce5efc] .warn-item p span:first-child {
  text-align: left;
  font-weight: bold;
}#lighting .main-title[data-v-be6940dd] {
  display: flex;
}
.flex[data-v-be6940dd], .left-main .abnormal-wrapper .main-content[data-v-be6940dd], .left-main .state-wrapper .main-content .state-info p[data-v-be6940dd], .left-main .state-wrapper .main-content[data-v-be6940dd], .not-data[data-v-be6940dd] {
  display: flex;
  align-items: center;
}
.not-data[data-v-be6940dd] {
  width: 100%;
  height: 100%;
  justify-content: center;
}
.left-main .main-wrapper[data-v-be6940dd] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.left-main .main-wrapper .main-content[data-v-be6940dd] {
  flex: 1;
}
.left-main .main-wrapper .main-content .chart[data-v-be6940dd] {
  width: 100%;
  height: 100%;
}
.left-main .state-wrapper[data-v-be6940dd] {
  height: 20vh;
  flex: none;
}
.left-main .state-wrapper .main-content .chart[data-v-be6940dd] {
  width: 60%;
}
.left-main .state-wrapper .main-content .state-info[data-v-be6940dd] {
  width: 40%;
}
.left-main .state-wrapper .main-content .state-info p[data-v-be6940dd] {
  font-size: 0.15rem;
  margin-bottom: 0.125rem;
}
.left-main .state-wrapper .main-content .state-info p[data-v-be6940dd]:nth-child(1) {
  color: #00ffff;
}
.left-main .state-wrapper .main-content .state-info p[data-v-be6940dd]:nth-child(2) {
  color: #ccff00;
}
.left-main .state-wrapper .main-content .state-info p[data-v-be6940dd]:nth-child(3) {
  color: #ff8c37;
}
.left-main .state-wrapper .main-content .state-info p[data-v-be6940dd]:nth-child(4) {
  color: #ffc257;
}
.left-main .state-wrapper .main-content .state-info p[data-v-be6940dd]:nth-child(4) {
  color: #a181fc;
}
.left-main .state-wrapper .main-content .state-info p span[data-v-be6940dd] {
  flex: 1;
}
.left-main .state-wrapper .main-content .state-info p span[data-v-be6940dd]:last-child {
  margin-left: 0.0625rem;
  text-align: center;
}
.left-main .subject-wrapper[data-v-be6940dd] {
  display: flex;
  flex-direction: column;
  height: 30vh;
  flex: none;
}
.left-main .subject-wrapper .main-content[data-v-be6940dd] {
  flex: 1;
  overflow: auto;
}
.left-main .subject-wrapper .main-content .subject-item[data-v-be6940dd] {
  margin-bottom: 0.0625rem;
  padding: 0.0625rem 0.125rem;
  background-image: radial-gradient(rgba(255, 255, 255, 0), rgba(0, 50, 104, 0.6));
}
.left-main .subject-wrapper .main-content .subject-item p[data-v-be6940dd] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.125rem;
  margin-bottom: 0.0625rem;
}
.left-main .subject-wrapper .main-content .subject-item p span[data-v-be6940dd] {
  color: #a6ffff;
}
.left-main .subject-wrapper .main-content .subject-item p .name[data-v-be6940dd] {
  font-size: 0.175rem;
  color: #00ffff;
}
.left-main .subject-wrapper .main-content .subject-item p:last-child span[data-v-be6940dd]:nth-child(1) {
  color: #00ffff;
}
.left-main .subject-wrapper .main-content .subject-item p:last-child span[data-v-be6940dd]:nth-child(2) {
  color: #ffc257;
}
.left-main .subject-wrapper .main-content .subject-item p:last-child span[data-v-be6940dd]:nth-child(3) {
  color: #a181fc;
}
.left-main .subject-wrapper .main-content .subject-item p:last-child span[data-v-be6940dd]:nth-child(4) {
  color: #ff8c37;
}
.left-main .abnormal-wrapper .main-content[data-v-be6940dd] {
  justify-content: center;
}
.right-main .area-wrapper[data-v-be6940dd] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.right-main .area-wrapper .main-content[data-v-be6940dd] {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  margin-top: 0 !important;
}
.right-main .area-wrapper .main-content .subject-list-nav[data-v-be6940dd] {
  display: flex;
  width: 100%;
  overflow-x: scroll;
}
.right-main .area-wrapper .main-content .subject-list-nav[data-v-be6940dd]::-webkit-scrollbar-thumb {
  display: none;
}
.right-main .area-wrapper .main-content .subject-list-nav .subject-item-nav[data-v-be6940dd] {
  font-size: 0.1375rem;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  padding: 0.025rem 0.125rem;
  color: #fff;
  border: 1px solid #209cff;
  flex-shrink: 0;
  cursor: pointer;
}
.right-main .area-wrapper .main-content .subject-list-nav .subject-item-nav[data-v-be6940dd]:not(:last-child) {
  margin-right: 0.125rem;
}
.right-main .area-wrapper .main-content .subject-list-nav .subject-item-nav-active[data-v-be6940dd] {
  background: linear-gradient(0deg, #209cff 0, #68e0cf);
}
.right-main .lighting-overview[data-v-be6940dd] {
  height: 50vh;
}
.right-main .lighting-overview .build-distribution[data-v-be6940dd] {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.right-main .lighting-overview .build-distribution .state-1[data-v-be6940dd] {
  background-color: #104573;
}
.right-main .lighting-overview .build-distribution .state-0[data-v-be6940dd] {
  background-color: #d3d3d3;
}
.right-main .lighting-overview .build-distribution .state-2[data-v-be6940dd] {
  background-color: #ed4014;
}
.right-main .lighting-overview .build-distribution .state-3[data-v-be6940dd] {
  background-color: #ff9900;
}
.right-main .lighting-overview .build-distribution .part-wrapper[data-v-be6940dd] {
  width: 100%;
  display: block;
  margin: 0.0625rem 0;
}
.right-main .lighting-overview .build-distribution .build-figure[data-v-be6940dd] {
  display: flex;
  font-size: 0.125rem;
  margin-top: 0.0625rem;
  flex-direction: row-reverse;
}
.right-main .lighting-overview .build-distribution .build-figure .figure-item[data-v-be6940dd] {
  display: flex;
  align-items: center;
  margin-left: 0.1rem;
}
.right-main .lighting-overview .build-distribution .build-figure .figure-item .figure-box[data-v-be6940dd] {
  margin-right: 0.0625rem;
  width: 0.125rem;
  height: 0.125rem;
}
.right-main .lighting-overview .build-distribution .scattergram-wrapper[data-v-be6940dd] {
  display: flex;
  flex-direction: column-reverse;
  overflow: auto;
  flex: 1;
}
.right-main .lighting-overview .build-distribution .scattergram-wrapper :last-child.build-floor[data-v-be6940dd] {
  padding-top: 0.0125rem;
}
.right-main .lighting-overview .build-distribution .scattergram-wrapper :first-child.build-floor > .floor-wrapper[data-v-be6940dd] {
  border-bottom: 0.0125rem solid rgb(109, 137, 157);
}
.right-main .lighting-overview .build-distribution .scattergram-wrapper :last-child.build-floor > .floor-wrapper[data-v-be6940dd] {
  border-top: 0.0125rem solid rgb(109, 137, 157);
}
.right-main .lighting-overview .build-distribution .scattergram-wrapper .build-floor[data-v-be6940dd] {
  display: flex;
  justify-content: flex-end;
}
.right-main .lighting-overview .build-distribution .scattergram-wrapper .build-floor .floor-wrapper[data-v-be6940dd] {
  padding: 0.025rem;
  border-right: 0.0125rem solid rgb(109, 137, 157);
  border-left: 0.0125rem solid rgb(109, 137, 157);
  flex: 1;
}
.right-main .lighting-overview .build-distribution .scattergram-wrapper .build-floor .floor-wrapper .build-dot[data-v-be6940dd] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  background-color: rgba(16, 69, 115, 0.5);
  padding: 0.025rem;
}
.right-main .lighting-overview .build-distribution .scattergram-wrapper .build-floor .floor-wrapper .build-dot .layer-box[data-v-be6940dd] {
  width: calc(6.25% - 0.05rem);
  margin: 0.025rem;
  cursor: pointer;
}
.right-main .lighting-overview .build-distribution .scattergram-wrapper .build-floor .floor-wrapper .build-dot .layer-box[data-v-be6940dd]::after {
  content: "";
  margin-top: 100%;
  display: block;
}
.right-main .lighting-overview .build-distribution .scattergram-wrapper .build-floor .floor-num[data-v-be6940dd] {
  border-right: 0.0125rem solid rgb(109, 137, 157);
  font-size: 0.125rem;
  width: 0.375rem;
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
.right-main .lighting-overview .build-distribution .scattergram-wrapper .build-floor .floor-num[data-v-be6940dd]::after {
  content: "-";
}
.right-main .warn-wrapper[data-v-be6940dd] {
  height: 25vh;
  display: flex;
  flex-direction: column;
}
.right-main .warn-wrapper .warn-list[data-v-be6940dd] {
  padding: 0 !important;
  margin: 0 !important;
  display: flex;
  flex: 1;
}
.right-main .warn-wrapper .warn-list[data-v-be6940dd] .warn-item {
  width: 100%;
  font-size: 0.15rem;
  color: #fff;
}
.right-main .warn-wrapper .warn-list[data-v-be6940dd] .warn-item .item-head {
  display: flex;
  justify-content: space-between;
  padding: 0.0625rem;
}
.right-main .warn-wrapper .warn-list[data-v-be6940dd] .warn-item .item-head > p {
  font-weight: bold;
}
.right-main .warn-wrapper .warn-list[data-v-be6940dd] .warn-item .item-head > span {
  font-size: 0.125rem;
}
.right-main .warn-wrapper .warn-list[data-v-be6940dd] .warn-item p {
  display: flex;
  align-items: center;
  font-size: 0.125rem;
}
.right-main .warn-wrapper .warn-list[data-v-be6940dd] .warn-item p span {
  margin-left: 10px;
}
.right-main .warn-wrapper .warn-list[data-v-be6940dd] .warn-item p span:first-child {
  text-align: left;
  font-weight: bold;
}#ss-ups .main-title[data-v-e56abc51] {
  display: flex;
}
.flex[data-v-e56abc51], .not-data[data-v-e56abc51] {
  display: flex;
  align-items: center;
}
.not-data[data-v-e56abc51] {
  width: 100%;
  height: 100%;
  justify-content: center;
}
.left-main .device-wrapper .info[data-v-e56abc51] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #fff;
  padding-bottom: 0.125rem;
  font-size: 0.15rem;
}
.left-main .device-wrapper .chart[data-v-e56abc51] {
  width: 100%;
  height: 18vh;
}
.left-main .warn-wrapper .item[data-v-e56abc51] {
  display: flex;
  align-items: center;
  justify-content: space-around;
  border-bottom: 1px solid #eee;
}
.left-main .warn-wrapper .item i[data-v-e56abc51] {
  font-size: 48px;
  color: #ff0000;
}
.left-main .warn-wrapper .item .val[data-v-e56abc51] {
  text-align: center;
}
.left-main .warn-wrapper .item .val p[data-v-e56abc51] {
  font-weight: 700;
  font-size: 24px;
  color: #ff0000;
}
.left-main .warn-wrapper .item .val p[data-v-e56abc51]:first-child {
  font-weight: normal;
  font-size: 14px;
  color: #fff;
}
.left-main .warn-wrapper .orange i[data-v-e56abc51] {
  color: #ff6600;
}
.left-main .warn-wrapper .orange .val p[data-v-e56abc51] {
  color: #ff6600;
}
.left-main .warn-wrapper .warn-chart[data-v-e56abc51] {
  height: 18vh;
}
.right-main .monitor-wrapper .chart-view[data-v-e56abc51] {
  width: 100%;
  height: 12vh;
}
.right-main .type-wrapper .chart[data-v-e56abc51] {
  height: 15vh;
}.is-body[data-v-088afa48] {
  padding: 0.125rem;
  display: flex;
  overflow: hidden;
  height: calc(100% - 0.8rem);
}
.wrapper[data-v-088afa48] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.wrapper .title[data-v-088afa48] {
  width: 100%;
  font-size: 0.175rem;
  text-align: center;
  color: #00ecff;
}
.wrapper .title span[data-v-088afa48] {
  margin: 0.125rem 0 0 0;
  background: url("../img/titleBg-CK-W6PiM.png") no-repeat center;
  background-size: 100%;
  overflow: hidden;
  font-weight: 600;
  display: block;
}
.wrapper .content[data-v-088afa48] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.wrapper .content .chart[data-v-088afa48] {
  width: 100%;
  height: 100%;
}
.left[data-v-088afa48],
.right[data-v-088afa48] {
  width: 18vw;
  height: 100%;
  padding: 0.0625rem 0.125rem 0.125rem;
  display: flex;
  flex-direction: column;
  color: #ffffff;
  font-size: 0.15rem;
  background: url("../img/container-DwzhvfJ9.png");
  background-size: 100% 100%;
}
.left[data-v-088afa48] {
  position: absolute;
  left: 0;
}
.left .wrapper[data-v-088afa48] {
  flex: 2;
}
.left .wrapper[data-v-088afa48]:first-child {
  flex: 1;
}
.left .type-wrapper[data-v-088afa48] {
  display: flex;
  flex-direction: column;
}
.left .type-wrapper .type-chart[data-v-088afa48] {
  height: 20vh;
}
.left .type-wrapper .type-list[data-v-088afa48] {
  flex: 1;
}
.left .type-wrapper .type-list .type-head[data-v-088afa48] {
  background: rgba(255, 255, 255, 0.2);
  padding: 0.0625rem;
  display: flex;
  align-items: center;
}
.left .type-wrapper .type-list .type-head span[data-v-088afa48] {
  flex: 1;
  text-align: center;
}
.left .type-wrapper .type-list .type-head span[data-v-088afa48]:last-child {
  flex: 1.5;
}
.left .type-wrapper .type-list .type-content[data-v-088afa48] {
  height: 25vh;
  overflow: auto;
}
.left .type-wrapper .type-list .type-item[data-v-088afa48] {
  padding: 0.0625rem;
  display: flex;
  align-items: center;
}
.left .type-wrapper .type-list .type-item[data-v-088afa48]:nth-child(even) {
  background: rgba(255, 255, 255, 0.2);
}
.left .type-wrapper .type-list .type-item span[data-v-088afa48] {
  flex: 1;
  text-align: center;
}
.left .type-wrapper .type-list .type-item span[data-v-088afa48]:last-child {
  flex: 1.5;
}
.right[data-v-088afa48] {
  position: absolute;
  right: 0;
  height: calc(100% - 1rem);
}
.right .total[data-v-088afa48] {
  width: 100%;
  height: 8vh;
  background: url("../img/container-7yoa7JSZ.png");
  background-size: 100% 100%;
  margin-top: 0.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.right .total .data-center[data-v-088afa48] {
  flex: 1;
  text-align: center;
  color: #bfe5ff;
}
.right .total .data-center .value[data-v-088afa48] {
  font-size: 0.2rem;
  font-weight: 700;
}
.right .total .data-center .name[data-v-088afa48] {
  font-size: 0.15rem;
}
.right .total .data-left[data-v-088afa48],
.right .total .data-right[data-v-088afa48] {
  display: flex;
  align-items: center;
  flex: 1;
}
.right .total .data-left > span[data-v-088afa48],
.right .total .data-right > span[data-v-088afa48] {
  font-size: 0.175rem;
  font-weight: 700;
}
.right .total .data-left > div[data-v-088afa48],
.right .total .data-right > div[data-v-088afa48] {
  font-size: 0.125rem;
}
.right .total .data-left[data-v-088afa48] {
  justify-content: flex-end;
}
.right .total .data-left > span[data-v-088afa48] {
  margin-left: 0.125rem;
}
.right .total .data-right[data-v-088afa48] {
  justify-content: flex-start;
}
.right .total .data-right > span[data-v-088afa48] {
  margin-right: 0.125rem;
}
.right .special-wraper[data-v-088afa48] {
  display: flex;
  height: 22vh;
  margin-top: 0.125rem;
}
.right .special-wraper .icon[data-v-088afa48] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex: 1;
  background: rgba(255, 255, 255, 0.1);
}
.right .special-wraper .icon .img[data-v-088afa48] {
  width: 1rem;
}
.right .special-wraper .icon .img img[data-v-088afa48] {
  width: 100%;
}
.right .special-wraper .info[data-v-088afa48] {
  flex: 2;
  display: flex;
  flex-direction: column;
}
.right .special-wraper .info .item[data-v-088afa48] {
  flex: 1;
  background: rgba(255, 255, 255, 0.2);
  padding: 0.0625rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.right .special-wraper .info .item[data-v-088afa48]:not(:last-child) {
  margin-bottom: 1px;
}
.right .special-wraper .info .item .name[data-v-088afa48] {
  color: #ffcc1a;
  font-size: 0.175rem;
}
.right .special-wraper .info .item .value[data-v-088afa48] {
  font-size: 0.25rem;
}
.right .special-wraper .info .item .value span[data-v-088afa48]:not(:last-child) {
  margin-right: 0.0625rem;
}
.right .special-wraper .info .item .value span span[data-v-088afa48] {
  font-size: 0.15rem;
}
.right .list[data-v-088afa48] {
  height: 40vh;
  margin-top: 0.125rem;
}
.right .list .type-head[data-v-088afa48] {
  background: rgba(255, 255, 255, 0.2);
  padding: 0.0625rem;
  display: flex;
  align-items: center;
}
.right .list .type-head span[data-v-088afa48] {
  flex: 1;
  text-align: center;
}
.right .list .type-head span[data-v-088afa48]:last-child {
  flex: 3;
}
.right .list .type-content[data-v-088afa48] {
  height: 37vh;
  overflow: auto;
}
.right .list .type-item[data-v-088afa48] {
  padding: 0.0625rem;
  display: flex;
  align-items: center;
}
.right .list .type-item[data-v-088afa48]:nth-child(even) {
  background: rgba(255, 255, 255, 0.2);
}
.right .list .type-item span[data-v-088afa48] {
  flex: 1;
  text-align: center;
}
.right .list .type-item span[data-v-088afa48]:last-child {
  flex: 3;
}
.right .wrapper[data-v-088afa48]:last-child {
  flex: 1.5;
}
.center[data-v-088afa48] {
  width: calc(100% - 38vw);
  position: absolute;
  left: 50%;
  margin-left: calc((-100% + 38vw) / 2);
  display: flex;
  flex-direction: column;
  height: calc(100% - 1rem);
}
.center .chart[data-v-088afa48] {
  width: 100%;
  height: 100%;
}
.top[data-v-088afa48] {
  flex: 2;
  position: relative;
  display: flex;
  flex-direction: column;
}
.top .info[data-v-088afa48] {
  flex: 1;
  display: flex;
  align-items: center;
}
.top .info .item[data-v-088afa48] {
  flex: 1;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
  padding: 0.125rem;
  display: flex;
  align-items: center;
}
.top .info .item[data-v-088afa48]:not(:last-child) {
  margin-right: 0.125rem;
}
.top .info .item .data[data-v-088afa48] {
  flex: 1;
  margin-left: 0.125rem;
  color: #fff;
}
.top .info .item .data .value[data-v-088afa48] {
  font-size: 0.25rem;
  font-weight: 700;
}
.top .info .item .data .value span[data-v-088afa48] {
  font-size: 0.15rem;
  font-weight: normal;
}
.top .info .item .data .name[data-v-088afa48] {
  font-size: 0.175rem;
  margin-top: 0.125rem;
}
.top .info .item .row .v[data-v-088afa48] {
  font-size: 0.25rem;
  font-weight: 700;
}
.top .info .item .row p[data-v-088afa48] {
  font-size: 0.175rem;
}
.top .info .item .row p[data-v-088afa48]:last-child {
  margin-top: 0.125rem;
}
.top .table[data-v-088afa48] {
  flex: 3;
  margin-top: 0.125rem;
  position: relative;
  background: url("../img/bottom1-DOoyYxj7.png");
  background-size: 100% 100%;
}
.top .table .title[data-v-088afa48] {
  width: 4rem;
  position: absolute;
  top: -25px;
  left: 50%;
  margin-left: -2rem;
  font-size: 0.23rem;
  text-align: center;
  color: #00ecff;
}
.top .table .title span[data-v-088afa48] {
  margin: 0.125rem 0 0 0;
  background: url("../img/titleBg-CK-W6PiM.png") no-repeat center;
  background-size: 100%;
  overflow: hidden;
  font-weight: 600;
  display: block;
}
.top .table .content[data-v-088afa48] {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: calc(100% - 0.2rem);
  padding: 0.125rem;
}
.top .table .content .table-head[data-v-088afa48] {
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.2);
  padding: 0.0625rem;
  color: #00ffff;
}
.top .table .content .table-head span[data-v-088afa48] {
  flex: 1;
  font-size: 0.175rem;
  font-weight: 600;
  text-align: center;
}
.top .table .content .table-content[data-v-088afa48] {
  position: relative;
}
.top .table .content .table-item[data-v-088afa48] {
  padding: 0.0625rem;
  display: flex;
  align-items: center;
  color: #fff;
}
.top .table .content .table-item[data-v-088afa48]:nth-child(even) {
  background: rgba(255, 255, 255, 0.2);
}
.top .table .content .table-item span[data-v-088afa48] {
  flex: 1;
  font-size: 0.15rem;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.top .table .content .table-item span[data-v-088afa48]:nth-child(5) {
  flex: 1.5;
}
.bottom[data-v-088afa48] {
  flex: 1;
  margin-top: 0.125rem;
  position: relative;
  background: url("../img/bottom1-DOoyYxj7.png");
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
}
.bottom .title[data-v-088afa48] {
  width: 4rem;
  position: absolute;
  top: -25px;
  left: 50%;
  margin-left: -2rem;
  font-size: 0.23rem;
  text-align: center;
  color: #00ecff;
}
.bottom .title span[data-v-088afa48] {
  margin: 0.125rem 0 0 0;
  background: url("../img/titleBg-CK-W6PiM.png") no-repeat center;
  background-size: 100%;
  overflow: hidden;
  font-weight: 600;
  display: block;
}
.bottom .content[data-v-088afa48] {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: calc(100% - 0.2rem);
}
.svg-icon[data-v-088afa48] {
  font-size: 0.6rem;
  width: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
.animated[data-v-088afa48] {
  animation-duration: 0.35s;
  animation-fill-mode: both;
}
@keyframes slideInLeft-088afa48 {
from {
    visibility: visible;
    transform: translate3d(-100%, 0, 0);
}
to {
    transform: translate3d(0, 0, 0);
}
}
.slideInLeft[data-v-088afa48] {
  animation-name: slideInLeft-088afa48;
}
@keyframes slideOutRight-088afa48 {
from {
    transform: translate3d(0, 0, 0);
}
to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
}
}
.slideOutRight[data-v-088afa48] {
  animation-name: slideOutRight-088afa48;
}
@font-face {
  font-family: "digital-7";
  src: url("../fonts/digital-7-D68qVRwS.ttf");
}
.flex[data-v-5e285669], .left .wrapper .data-content .station-content[data-v-5e285669],
.right .wrapper .data-content .station-content[data-v-5e285669] {
  display: flex;
  align-items: center;
}
.is-body[data-v-5e285669] {
  padding: 0.125rem;
  display: flex;
  overflow: hidden;
  height: calc(100% - 0.8rem);
}
.left[data-v-5e285669],
.right[data-v-5e285669] {
  width: 18vw;
  height: 100%;
  padding: 0.0625rem 0.125rem 0.125rem;
  display: flex;
  flex-direction: column;
  color: #ffffff;
  font-size: 0.15rem;
  background: url("../img/container-DwzhvfJ9.png");
  background-size: 100% 100%;
}
.left .wrapper[data-v-5e285669]:last-child,
.right .wrapper[data-v-5e285669]:last-child {
  flex: 2;
}
.left .wrapper .sewage-content[data-v-5e285669],
.right .wrapper .sewage-content[data-v-5e285669] {
  padding-left: 0.125rem;
  justify-content: space-around;
}
.left .wrapper .sewage-content .sewage-item[data-v-5e285669],
.right .wrapper .sewage-content .sewage-item[data-v-5e285669] {
  display: flex;
  align-items: center;
}
.left .wrapper .sewage-content .sewage-item .icon[data-v-5e285669],
.right .wrapper .sewage-content .sewage-item .icon[data-v-5e285669] {
  font-size: 0.6rem;
}
.left .wrapper .sewage-content .sewage-item .info[data-v-5e285669],
.right .wrapper .sewage-content .sewage-item .info[data-v-5e285669] {
  margin-left: 0.1875rem;
  flex: 1;
}
.left .wrapper .sewage-content .sewage-item .info .value[data-v-5e285669],
.right .wrapper .sewage-content .sewage-item .info .value[data-v-5e285669] {
  display: flex;
  align-items: flex-start;
}
.left .wrapper .sewage-content .sewage-item .info .value .v span[data-v-5e285669]:first-child,
.right .wrapper .sewage-content .sewage-item .info .value .v span[data-v-5e285669]:first-child {
  font-size: 0.3rem;
  font-weight: bold;
}
.left .wrapper .sewage-content .sewage-item .info .value > span[data-v-5e285669],
.right .wrapper .sewage-content .sewage-item .info .value > span[data-v-5e285669] {
  font-size: 0.15rem;
}
.left .wrapper .sewage-content .sewage-item .info .name[data-v-5e285669],
.right .wrapper .sewage-content .sewage-item .info .name[data-v-5e285669] {
  color: #f5f5f5;
  font-size: 0.15rem;
}
.left .wrapper .data-content .station-content > i[data-v-5e285669],
.right .wrapper .data-content .station-content > i[data-v-5e285669] {
  font-size: 0.175rem;
  color: #fff;
  cursor: pointer;
}
.left .wrapper .data-content .station-content .tabs-block[data-v-5e285669],
.right .wrapper .data-content .station-content .tabs-block[data-v-5e285669] {
  flex: 1;
  overflow: hidden;
  position: relative;
}
.left .wrapper .data-content .station-content .tabs-block .tabs-content .tabs-content-scroll[data-v-5e285669],
.right .wrapper .data-content .station-content .tabs-block .tabs-content .tabs-content-scroll[data-v-5e285669] {
  margin: 0 0.125rem;
  overflow-x: scroll;
}
.left .wrapper .data-content .station-content .tabs-block .tabs-content .tabs-content-scroll[data-v-5e285669]::-webkit-scrollbar-thumb,
.right .wrapper .data-content .station-content .tabs-block .tabs-content .tabs-content-scroll[data-v-5e285669]::-webkit-scrollbar-thumb {
  display: none;
}
.left .wrapper .data-content .station-content .tabs-block .tabs-list[data-v-5e285669],
.right .wrapper .data-content .station-content .tabs-block .tabs-list[data-v-5e285669] {
  position: relative;
  display: flex;
  padding-bottom: 0.0625rem;
  white-space: nowrap;
}
.left .wrapper .data-content .station-content .tabs-block .tabs-list .tabs-item[data-v-5e285669],
.right .wrapper .data-content .station-content .tabs-block .tabs-list .tabs-item[data-v-5e285669] {
  color: #fff;
  margin-right: 0.25rem;
  position: relative;
  cursor: pointer;
}
.left .wrapper .data-content .station-content .tabs-block .tabs-list .tabs-item-active[data-v-5e285669],
.right .wrapper .data-content .station-content .tabs-block .tabs-list .tabs-item-active[data-v-5e285669] {
  color: #acfbff;
}
.left .wrapper .data-content .station-content .tabs-block .tabs-list .tabs-item-title[data-v-5e285669],
.right .wrapper .data-content .station-content .tabs-block .tabs-list .tabs-item-title[data-v-5e285669] {
  font-size: 0.15rem;
  font-weight: bold;
}
.left .wrapper .data-content .station-content .tabs-block .tabs-line[data-v-5e285669],
.right .wrapper .data-content .station-content .tabs-block .tabs-line[data-v-5e285669] {
  display: block;
  height: 0.025rem;
  position: absolute;
  bottom: 0px;
  left: 0;
  z-index: 1;
  border-radius: 0.0375rem;
  position: relative;
  background: #acfbff;
}
.left .wrapper .index-content[data-v-5e285669],
.right .wrapper .index-content[data-v-5e285669] {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: space-between;
  height: 22vh;
  overflow: auto;
}
.left .wrapper .index-content .index-item[data-v-5e285669],
.right .wrapper .index-content .index-item[data-v-5e285669] {
  width: 47%;
  margin-bottom: 0.125rem;
  color: #fff;
  border-radius: 0.0375rem;
  background: rgba(255, 255, 255, 0.2);
  padding: 0.0375rem 0.125rem;
  cursor: pointer;
}
.left .wrapper .index-content .index-item .name[data-v-5e285669],
.right .wrapper .index-content .index-item .name[data-v-5e285669] {
  display: flex;
  align-items: center;
}
.left .wrapper .index-content .index-item .name i[data-v-5e285669],
.right .wrapper .index-content .index-item .name i[data-v-5e285669] {
  color: #339aff;
  font-size: 0.25rem;
  margin-right: 0.0625rem;
}
.left .wrapper .index-content .index-item .value[data-v-5e285669],
.right .wrapper .index-content .index-item .value[data-v-5e285669] {
  display: flex;
  align-items: center;
}
.left .wrapper .index-content .index-item .value .val[data-v-5e285669],
.right .wrapper .index-content .index-item .value .val[data-v-5e285669] {
  font-size: 0.175rem;
}
.left .wrapper .index-content .index-item .value .unit[data-v-5e285669],
.right .wrapper .index-content .index-item .value .unit[data-v-5e285669] {
  font-size: 0.125rem;
}
.left .wrapper .divider[data-v-5e285669],
.right .wrapper .divider[data-v-5e285669] {
  display: table;
  white-space: nowrap;
  text-align: center;
  background: 0 0;
  color: #acfbff;
  font-weight: 400;
  font-size: 0.15rem;
  margin: 0.125rem 0;
  position: relative;
}
.left .wrapper .divider[data-v-5e285669]:before,
.right .wrapper .divider[data-v-5e285669]:before {
  content: "";
  display: table-cell;
  width: 50%;
  border-top: 1px solid #acfbff;
  transform: translateY(50%);
}
.left .wrapper .divider[data-v-5e285669]:after,
.right .wrapper .divider[data-v-5e285669]:after {
  content: "";
  display: table-cell;
  width: 50%;
  border-top: 1px solid #acfbff;
  transform: translateY(50%);
}
.left .wrapper .divider .divider-text[data-v-5e285669],
.right .wrapper .divider .divider-text[data-v-5e285669] {
  display: inline-block;
  padding: 0 0.1875rem;
}
.left .wrapper .details[data-v-5e285669],
.right .wrapper .details[data-v-5e285669] {
  height: 30vh;
  display: flex;
  flex-direction: column;
}
.left .wrapper .details .details-content[data-v-5e285669],
.right .wrapper .details .details-content[data-v-5e285669] {
  height: 26vh;
  padding: 0.0375rem 0.125rem 0;
}
.left .wrapper .warn-chart[data-v-5e285669],
.right .wrapper .warn-chart[data-v-5e285669] {
  height: 22vh;
}
.left .wrapper .warn-chart[data-v-5e285669]:empty::after,
.right .wrapper .warn-chart[data-v-5e285669]:empty::after {
  content: "暂无告警";
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.175rem;
  color: #acfbff;
}
.left .wrapper .chart[data-v-5e285669],
.right .wrapper .chart[data-v-5e285669] {
  width: 100%;
  height: 100%;
}
.left .wrapper .warn-list .list[data-v-5e285669],
.right .wrapper .warn-list .list[data-v-5e285669] {
  height: 30vh;
  overflow-y: auto;
}
.left .wrapper .warn-list .list[data-v-5e285669]:empty::after,
.right .wrapper .warn-list .list[data-v-5e285669]:empty::after {
  content: "暂无告警";
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.175rem;
  color: #acfbff;
}
.left .wrapper .warn-list .list[data-v-5e285669],
.right .wrapper .warn-list .list[data-v-5e285669] {
  position: relative;
}
.left .wrapper .warn-list .list .item[data-v-5e285669],
.right .wrapper .warn-list .list .item[data-v-5e285669] {
  width: 100%;
  border-bottom: 1px solid #fff;
  padding: 0.0625rem;
  font-size: 0.125rem;
  color: #fff;
}
.left .wrapper .warn-list .list .item > div[data-v-5e285669],
.right .wrapper .warn-list .list .item > div[data-v-5e285669] {
  display: flex;
  justify-content: space-between;
}
.left .wrapper .warn-list .list .item > div > p[data-v-5e285669],
.right .wrapper .warn-list .list .item > div > p[data-v-5e285669] {
  font-weight: bold;
}
.left .wrapper .warn-list .list .item p[data-v-5e285669],
.right .wrapper .warn-list .list .item p[data-v-5e285669] {
  display: flex;
  align-items: center;
}
.left .wrapper .warn-list .list .item p span[data-v-5e285669],
.right .wrapper .warn-list .list .item p span[data-v-5e285669] {
  margin-left: 0.0625rem;
}
.left .wrapper .warn-list .list .item p span[data-v-5e285669]:first-child,
.right .wrapper .warn-list .list .item p span[data-v-5e285669]:first-child {
  text-align: left;
  font-weight: bold;
}
.left[data-v-5e285669] {
  position: absolute;
  left: 0;
}
.right[data-v-5e285669] {
  position: absolute;
  right: 0;
  height: calc(100% - 1rem);
}
.center[data-v-5e285669] {
  width: calc(100% - 38vw);
  position: absolute;
  left: 50%;
  margin-left: calc((-100% + 38vw) / 2);
  display: flex;
  flex-direction: column;
  height: calc(100% - 1rem);
}
.center .title[data-v-5e285669] {
  width: 4rem;
  position: absolute;
  top: -25px;
  left: 50%;
  margin-left: -2rem;
  font-size: 0.23rem;
  text-align: center;
  color: #00ecff;
}
.center .title span[data-v-5e285669] {
  margin: 0.125rem 0 0 0;
  background: url("../img/titleBg-CK-W6PiM.png") no-repeat center;
  background-size: 100%;
  overflow: hidden;
  font-weight: 600;
  display: block;
}
.center .top[data-v-5e285669] {
  flex: 2;
  background: url("../img/bottom1-DOoyYxj7.png");
  background-size: 100% 100%;
  position: relative;
}
.center .top .content[data-v-5e285669] {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: calc(100% - 0.2rem);
  display: flex;
  flex-direction: column;
}
.center .top .content .item[data-v-5e285669] {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 0.0375rem 0.125rem;
}
.center .top .content .item .item-title[data-v-5e285669] {
  font-size: 0.15rem;
  color: #00ecff;
}
.center .top .content .item .item-content[data-v-5e285669] {
  flex: 1;
}
.center .top .chart[data-v-5e285669] {
  width: 100%;
  height: 100%;
}
.center .bottom[data-v-5e285669] {
  flex: 1;
  margin-top: 0.125rem;
  position: relative;
  background: url("../img/bottom1-DOoyYxj7.png");
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
}
.center .bottom .content[data-v-5e285669] {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: calc(100% - 0.2rem);
}
.center .bottom .content[data-v-5e285669]:empty::after {
  content: "暂无视频监控源";
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.175rem;
  color: #acfbff;
}
.wrapper[data-v-5e285669] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.wrapper .title[data-v-5e285669] {
  width: 100%;
  font-size: 0.175rem;
  text-align: center;
  color: #00ecff;
}
.wrapper .title span[data-v-5e285669] {
  margin: 0.125rem 0 0 0;
  background: url("../img/titleBg-CK-W6PiM.png") no-repeat center;
  background-size: 100%;
  overflow: hidden;
  font-weight: 600;
  display: block;
}
.wrapper .content[data-v-5e285669] {
  flex: 1;
  display: flex;
  flex-direction: column;
}.sub-system > div[data-v-c131557f] {
  perspective: 1300px;
}
.sub-system > .main.left-main .anima-3d-rotateHide[data-v-c131557f] {
  transition: all 500ms;
  transform: translateZ(100px) translateX(-30%) rotateY(90deg);
  opacity: 0;
}
.sub-system > .main.right-main .info-title[data-v-c131557f] {
  text-align: right;
}
.sub-system > .main.right-main .anima-3d-rotateHide[data-v-c131557f] {
  transition: all 500ms;
  transform: translateZ(100px) translateX(100%) rotateY(-45deg);
  opacity: 0;
}
.sub-system > .main .main-wrapper[data-v-c131557f] {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  font: 1;
  position: relative;
}
.sub-system > .main .main-wrapper .main-title[data-v-c131557f] {
  margin: 0 0.125rem;
  display: flex !important;
}
.sub-system > .main .main-wrapper.close[data-v-c131557f] {
  transform: translateX(100%);
  transition: all 500ms;
}
.sub-system > .main .main-wrapper .btn-close[data-v-c131557f] {
  position: absolute;
  top: 0.125rem;
  right: 0.125rem;
  cursor: pointer;
  transition: 0.5s transform;
  transform: rotate(0deg);
  padding: 0 0.0625rem;
}
.sub-system > .main .main-wrapper .btn-close[data-v-c131557f]:hover {
  transform: rotate(180deg) scale(1.2);
  color: #95e2ff;
}
.sub-system > .main .main-wrapper .main-content[data-v-c131557f] {
  flex: 1;
  position: static;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.sub-system > .main .main-wrapper .main-content .info-wrapper .info-title[data-v-c131557f] {
  line-height: 2;
}
.sub-system > .main .main-wrapper .main-content .info-wrapper .info-echat[data-v-c131557f] {
  width: 100%;
  height: 16vh;
}
.sub-system > .main .main-wrapper .main-content .main-floor[data-v-c131557f] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.sub-system > .main .main-wrapper .main-content .main-floor > div[data-v-c131557f] {
  cursor: pointer;
  height: 0.35rem;
  display: flex;
  align-items: center;
  color: #ffffff;
  margin-right: 0.075rem;
  padding: 0 0.0375rem;
  font-weight: bold;
}
.sub-system > .main .main-wrapper .main-content .main-floor > div[data-v-c131557f]:hover {
  color: #95e2ff;
}
.sub-system .device-info[data-v-c131557f] {
  font-size: 0.1375rem;
  text-align: center;
}
.sub-system .device-info .table-title[data-v-c131557f] {
  margin: 0.0625rem 0;
  padding-right: 6px;
  color: rgb(189, 236, 237);
  display: flex;
  font-weight: bold;
}
.sub-system .device-info .table-title > div[data-v-c131557f],
.sub-system .device-info .table-item > div[data-v-c131557f] {
  flex: 1;
}
.sub-system .device-info .table-title > div[data-v-c131557f]:nth-child(2),
.sub-system .device-info .table-item > div[data-v-c131557f]:nth-child(2) {
  flex: 2;
}
.sub-system .device-info .table-list[data-v-c131557f] {
  height: 30vh;
  overflow-y: scroll;
}
.sub-system .device-info .table-list .table-item[data-v-c131557f] {
  align-items: center;
  display: flex;
  color: rgb(125, 156, 176);
  padding: 0.0375rem;
  border: 0.0125rem solid transparent;
}
.sub-system .device-info .table-list .table-item[data-v-c131557f]:nth-child(2n) {
  background-color: rgba(255, 255, 255, 0.2);
}
.sub-system .device-info .table-list .table-item[data-v-c131557f]:hover, .sub-system .device-info .table-list .table-item.active[data-v-c131557f] {
  cursor: pointer;
  background-color: rgba(177, 0, 0, 0.2);
  border-color: #b10000;
}
.sub-system .overview[data-v-c131557f] {
  display: flex;
  justify-content: space-between;
  height: 15vh;
}
.sub-system .overview .doughnutEchat[data-v-c131557f] {
  width: calc(50% - 0.125rem);
  height: 100%;
  overflow: hidden;
  position: relative;
}
.sub-system .overview .doughnutEchat > div[data-v-c131557f] {
  position: absolute;
  top: -40%;
  left: -40%;
  width: 180%;
  height: 180%;
}
.shade-text[data-v-c131557f] {
  background-image: linear-gradient(to bottom, #02f9fd, #0e72b3);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #02f9fd;
}
.anima-3d-rotateInRight[data-v-c131557f] {
  transform-style: preserve-3d;
  transform-origin: 0 100%;
  animation: rotateInRight-c131557f 500ms 1;
}
@keyframes rotateInRight-c131557f {
0% {
    transform: translateZ(100px) translateX(-30%) rotateY(90deg);
    opacity: 0;
}
100% {
    transform: translateZ(0px) translateX(0%) rotateY(0deg);
    opacity: 1;
}
}
.anima-3d-rotateInLeft[data-v-c131557f] {
  transform-style: preserve-3d;
  transform-origin: 0 100%;
  animation: rotateInLeft-c131557f 500ms 1;
}
@keyframes rotateInLeft-c131557f {
0% {
    transform: translateZ(100px) translateX(100%) rotateY(-45deg);
    opacity: 0;
}
100% {
    transform: translateZ(0px) translateX(0%) rotateY(0deg);
    opacity: 1;
}
}

/* entire container, keeps perspective */
.flip-container[data-v-c131557f] {
  overflow: hidden;
  flex: 1;
  perspective: 1000px;
  /* flip the pane when hovered */
}
.flip-container.hover .flipper[data-v-c131557f] {
  transform: rotateY(180deg);
}
.flip-container[data-v-c131557f] {
  /* flip speed goes here */
}
.flip-container .flipper[data-v-c131557f] {
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative;
}
.flip-container[data-v-c131557f] {
  /* hide back of pane during swap */
}
.flip-container .front[data-v-c131557f],
.flip-container .back[data-v-c131557f] {
  backface-visibility: hidden;
  width: 100%;
}
.flip-container[data-v-c131557f] {
  /* front pane, placed above back */
}
.flip-container .front[data-v-c131557f] {
  z-index: 2;
}
.flip-container[data-v-c131557f] {
  /* back, initially hidden pane */
}
.flip-container .back[data-v-c131557f] {
  transform: rotateY(180deg);
}
#insu-main #system-wapper[data-v-c131557f] {
  height: auto;
}
#insu-main .system-info[data-v-c131557f] {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#insu-main .system-info .system[data-v-c131557f] {
  cursor: pointer;
  display: flex;
  align-items: center;
  width: 48%;
  height: 0.45rem;
  margin-bottom: 0.1125rem;
  background: url(../img/fn-item-a8h2so_S.png) center center/100% 100% no-repeat;
}
#insu-main .system-info .system[data-v-c131557f]:nth-last-child(2), #insu-main .system-info .system[data-v-c131557f]:nth-last-child(1) {
  margin-bottom: 0;
}
#insu-main .system-info .system[data-v-c131557f]:hover, #insu-main .system-info .system.active[data-v-c131557f] {
  background: url(../img/fn-active-CAoX4A4-.png) center center/100% 100% no-repeat;
}
#insu-main .system-info .system .iconfont[data-v-c131557f] {
  font-size: 0.2rem;
  margin: 0 0.125rem;
  border-bottom: 0.0125rem solid;
}
#insu-main .system-info .system .system-part[data-v-c131557f] {
  font-size: 0.125rem;
  line-height: 0.125rem;
}
#insu-main .system-info .system .system-part .system-zh[data-v-c131557f] {
  margin-bottom: 0.05rem;
}
#insu-main .system-info .system-no-bg[data-v-c131557f] {
  display: flex;
  align-items: center;
  width: 48%;
  height: 0.45rem;
  margin-bottom: 0.1125rem;
}
#insu-main .system-info .system-no-bg[data-v-c131557f]:nth-last-child(2), #insu-main .system-info .system-no-bg[data-v-c131557f]:nth-last-child(1) {
  margin-bottom: 0;
}
#insu-main .page[data-v-c131557f] {
  display: flex;
  align-items: center;
  padding: 0.0625rem 0;
  border-radius: 0.0375rem;
  font-size: 0.125rem;
}
.theme-blue #insu-main .page[data-v-c131557f] {
  background-image: linear-gradient(to right, #002b53 0%, #011042 50%, #002b5b 100%);
}
.theme-green #insu-main .page[data-v-c131557f] {
  background-image: linear-gradient(to right, rgba(0, 167, 182, 0.2392156863) 0%, rgba(85, 128, 174, 0.2901960784) 50%, rgba(0, 167, 182, 0.2392156863) 100%);
}
#insu-main .page[data-v-c131557f] {
  color: #fff;
  height: 0.3125rem;
  align-self: flex-end;
}
#insu-main .page .icon[data-v-c131557f] {
  width: 0.225rem;
  height: 0.225rem;
}
#insu-main .page i[data-v-c131557f] {
  font-size: 0.225rem;
  color: #70b1f5;
  cursor: pointer;
}
.loading-wrapper[data-v-83fc0d8f] {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 4;
}
.loading-wrapper[data-v-83fc0d8f] .particule {
  position: absolute;
}
.loading-wrapper .wrapper[data-v-83fc0d8f] {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-color: rgb(34, 34, 255);
  background-image: linear-gradient(335deg, hsla(243, 87%, 18%, 0.849), transparent);
}
.loading-wrapper .anim[data-v-83fc0d8f],
.loading-wrapper .anim svg[data-v-83fc0d8f] {
  position: relative;
  width: 100%;
  height: 100%;
  transform: scale(0.8);
  opacity: 0.5;
  animation: trans-83fc0d8f 10s linear forwards;
}
.loading-wrapper .anim path[data-v-83fc0d8f] {
  stroke-width: 2;
}
@keyframes trans-83fc0d8f {
to {
    transform: scale(0.8);
    opacity: 0.8;
}
}
@keyframes title-animation-83fc0d8f {
0% {
    transform: scale(1);
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #00a67c, 0 0 35px #00a67c, 0 0 40px #00a67c, 0 0 50px #00a67c, 0 0 75px #00a67c;
}
50% {
    transform: scale(1.5);
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #00a67c, 0 0 70px #00a67c, 0 0 80px #00a67c, 0 0 100px #00a67c, 0 0 150px #00a67c;
}
100% {
    transform: scale(1);
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #00a67c, 0 0 35px #00a67c, 0 0 40px #00a67c, 0 0 50px #00a67c, 0 0 75px #00a67c;
}
}
.loading-wrapper .title[data-v-83fc0d8f] {
  position: absolute;
  z-index: 10;
  color: #504dff;
  font-size: 40px;
  font-weight: bold;
  animation: title-animation-83fc0d8f 3s linear infinite;
  cursor: alias;
}
.loading-wrapper .title > span[data-v-83fc0d8f]:after {
  content: "©DFLC";
  position: absolute;
  top: -20px;
  right: 10px;
  font-size: 14px;
  font-weight: normal;
}
/**------------头部分割线------------**/
.hs-screen-main[data-v-04cc93c5] {
	padding: 0.125rem 0.125rem 0;
	display: flex;
	flex: auto;
	overflow: hidden;
	z-index: 1;
	position: relative;
	flex-direction: column;
	height: calc(100% - 1.05rem);
}
.day-change[data-v-04cc93c5] {
	height: 0.25rem;
}
.day-change > span[data-v-04cc93c5] {
	color: #ffffff;
	margin-right: 0.125rem;
	border-bottom: 1px solid #fff;
	padding-bottom: 0.0375rem;
}
.day-change .active[data-v-04cc93c5] {
	border-bottom: 1px solid #157de5;
	color: #157de5;
}
.total-main[data-v-04cc93c5] {
	flex: 1;
	display: flex;
	justify-content: space-between;
}
.total-list[data-v-04cc93c5] {
	width: 23%;
	height: 100%;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}
.total-item[data-v-04cc93c5] {
	width: 100%;
	padding: 0.225rem;
	border: 2px solid #157de5;
	border-radius: 0.125rem;
	height: 30%;
}
.big-total[data-v-04cc93c5] {
	width: 28%;
}
.big-total .total-item[data-v-04cc93c5]:first-child {
	height: 63.5%;
}
.total-chart[data-v-04cc93c5] {
	height: 100%;
}
.table[data-v-04cc93c5] {
	display: flex;
	flex-direction: column;
}
.table > span[data-v-04cc93c5] {
	color: #fff;
	text-align: center;
	font-size: 0.2rem;
	margin-bottom: 0.125rem;
}
.total-table[data-v-04cc93c5] {
	display: flex;
	flex-direction: column;
	/* height: 100%; */
	flex: 1;
}
.table-item[data-v-04cc93c5] {
	display: flex;
	align-items: center;
	color: #fff;
	flex: 1;
}
.table-item:first-child > span[data-v-04cc93c5]:last-child {
	font-size: 0.25rem;
	color: #fff;
	font-weight: bold;
}
.table-item > span[data-v-04cc93c5] {
	flex: 1;
	height: 100%;
	border: 1px solid #157de5;
	display: flex;
	align-items: center;
	font-size: 0.175rem;
	padding-left: 0.125rem;
}
.ls[data-v-826f3e88] {
  display: flex;
}
.ls .flex-column[data-v-826f3e88] {
  display: flex;
  flex-direction: column;
}
.ls .flex-auto[data-v-826f3e88] {
  flex: 1;
  overflow: hidden;
}
.ls .flex-center[data-v-826f3e88] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ls .text-ellipsis[data-v-826f3e88] {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.ls .flex > div[data-v-826f3e88],
.ls .child-margin > div[data-v-826f3e88] {
  margin-bottom: 0.125rem;
}
.ls .flex > div[data-v-826f3e88]:last-child,
.ls .child-margin > div[data-v-826f3e88]:last-child {
  margin-bottom: 0;
}
.ls .flex[data-v-826f3e88] {
  flex: 2;
}
.ls .flex.column[data-v-826f3e88] {
  background-image: url("../img/box1-BDnP0hY1.png");
}
.ls .flex5[data-v-826f3e88] {
  flex: 4;
}
.ls .flex5 .bottom-wrapper[data-v-826f3e88] {
  display: flex;
}
.ls .flex5 .bottom-wrapper > div[data-v-826f3e88] {
  flex: 1;
  overflow: hidden;
  padding: 0 0.1rem;
}
.ls .flex4[data-v-826f3e88] {
  flex: 3;
}
.ls .flex4.column[data-v-826f3e88] {
  margin-right: 0;
}
.ls .column[data-v-826f3e88] {
  padding: 0.3rem 0.125rem 0.2rem;
  display: flex;
  flex-direction: column;
  margin-right: 0.15rem;
  background-size: 100% 100%;
  overflow: hidden;
}
.ls .column .align-wrapper[data-v-826f3e88] {
  padding-left: 0.25rem;
  padding-right: 0.15rem;
}
.ls .column .align-wrapper > .title[data-v-826f3e88] {
  padding-left: 0;
}
.ls .column .align-wrapper > .title[data-v-826f3e88]::before {
  left: -0.25rem;
}
.ls .column .align-wrapper .sub-title[data-v-826f3e88] {
  padding-left: 0;
}
.ls .column .title[data-v-826f3e88] {
  background-image: linear-gradient(to bottom, #02f9fd, #0e72b3);
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #02f9fd;
  position: relative;
  height: 0.425rem;
  padding-left: 0.25rem;
  display: flex;
  font-size: 0.2rem;
  align-items: center;
  font-weight: bold;
  margin: 0.125rem 0;
}
.ls .column .title[data-v-826f3e88]::before {
  content: "";
  background: url("../img/title-bg-DCpmht21.png") no-repeat;
  background-size: auto 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
}
.ls .column .sub-title[data-v-826f3e88] {
  margin-bottom: 0.125rem;
  font-size: 0.1625rem;
  padding-left: 0.25rem;
  background-image: linear-gradient(bottom, #5197ff, #80f2ff);
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
}
.ls .column .border-title[data-v-826f3e88] {
  border-top: 0.0125rem solid #0c3561;
  position: relative;
  text-align: center;
  line-height: 2.5;
  padding: 0;
  margin-bottom: 0;
}
.ls .column .border-title[data-v-826f3e88]::before, .ls .column .border-title[data-v-826f3e88]::after {
  content: "";
  float: left;
  width: 0.625rem;
  height: 0.0625rem;
  margin-top: -0.025rem;
  background: linear-gradient(90deg, rgb(45, 119, 243), rgb(33, 232, 255));
}
.ls .column .border-title[data-v-826f3e88]::after {
  float: right;
}
.ls .column .user-info[data-v-826f3e88] {
  margin-top: 0.05rem;
  line-height: 1.8;
}
.ls .column .user-info > div[data-v-826f3e88]:first-child {
  display: flex;
}
.ls .column .user-info > div:first-child .user-name[data-v-826f3e88] {
  min-width: 40%;
  padding-right: 0.1875rem;
}
.ls .column .user-info .iconfont[data-v-826f3e88],
.ls .column .color-icon[data-v-826f3e88] {
  font-size: 0.2rem;
  padding-right: 0.125rem;
  font-weight: bold;
  background-image: linear-gradient(to top, #02f9fd, #0e72b3);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.ls .column .bg-wrapper[data-v-826f3e88] {
  width: 100%;
  padding: 0.0625rem 0.125rem;
  background-image: radial-gradient(rgba(255, 255, 255, 0), rgba(0, 50, 104, 0.6));
}
.ls .column .echart-area[data-v-826f3e88] {
  display: flex;
  flex-direction: column;
  height: 30%;
}
.ls .column .echart-area > *[data-v-826f3e88]:last-child {
  flex: 1;
}
.ls .column .alarm[data-v-826f3e88] {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ls .column .alarm .alarm-list[data-v-826f3e88] {
  flex: 1;
  overflow: hidden;
}
.ls .column .alarm .alarm-list[data-v-826f3e88] .alarm-item {
  height: 0.4rem;
  font-size: 0.15rem;
  text-align: left;
  color: #30d7e0;
  padding: 0 0.125rem;
  display: flex;
  align-items: center;
}
.ls .column .alarm .alarm-list[data-v-826f3e88] .alarm-item .alarm-content {
  padding-right: 0.125rem;
  flex: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.ls .column .order[data-v-826f3e88] {
  line-height: 1.6;
  color: #ffffff;
  display: flex;
  justify-content: space-around;
  font-size: 0.1625rem;
  padding: 0.125rem 0;
}
.ls .column .order > div[data-v-826f3e88] {
  float: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ls .column .order > div .num[data-v-826f3e88] {
  font-size: 0.225rem;
  font-weight: bold;
}
.ls .column .order > div:nth-child(1) .num[data-v-826f3e88] {
  color: #0dcaf6;
}
.ls .column .order > div:nth-child(2) .num[data-v-826f3e88] {
  color: #ff0000;
}
.ls .column .order > div:nth-child(3) .num[data-v-826f3e88] {
  color: #ffa500;
}
.ls .column .order > div:nth-child(4) .num[data-v-826f3e88] {
  color: #36ff36;
}
.ls .column .fire-list[data-v-826f3e88] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.ls .column .fire-list .text-center > div[data-v-826f3e88] {
  justify-content: center;
}
.ls .column .fire-list[data-v-826f3e88] .list-item {
  display: flex;
  width: 100%;
  border-bottom: 0.0125rem solid rgba(255, 255, 255, 0.1882352941);
  height: 0.4rem;
  font-size: 0.175rem;
}
.ls .column .fire-list[data-v-826f3e88] .list-item > div {
  flex: unset;
  display: flex;
  align-items: center;
}
.ls .column .fire-list[data-v-826f3e88] .list-item > div:nth-child(1) {
  width: 0.5rem;
}
.ls .column .fire-list[data-v-826f3e88] .list-item > div:nth-child(2) {
  width: calc((100% - 2.4rem) * 0.4);
}
.ls .column .fire-list[data-v-826f3e88] .list-item > div:nth-child(3) {
  width: calc((100% - 2.4rem) * 0.6);
}
.ls .column .fire-list[data-v-826f3e88] .list-item > div:nth-child(4) {
  width: 1.1rem;
}
.ls .column .fire-list[data-v-826f3e88] .list-item > div:nth-child(5) {
  width: 0.8rem;
}
.ls .column .fire-list[data-v-826f3e88] .list-body {
  flex: 1;
}
.ls .column .fire-list[data-v-826f3e88] .list-body .list-item:last-child {
  border-bottom: none;
}
.ls .flex4 .top-wrapper .top-content[data-v-826f3e88],
.ls .flex5 .top-wrapper .top-content[data-v-826f3e88] {
  display: flex;
}
.ls .flex4 .top-wrapper .top-content .left-wrapper[data-v-826f3e88],
.ls .flex5 .top-wrapper .top-content .left-wrapper[data-v-826f3e88] {
  width: 30%;
  margin-right: 0.125rem;
}
.ls .flex4 .top-wrapper .top-content .left-wrapper .sub-title[data-v-826f3e88],
.ls .flex5 .top-wrapper .top-content .left-wrapper .sub-title[data-v-826f3e88] {
  align-self: top;
}
.ls .flex4 .top-wrapper .top-content .left-wrapper .flex-column[data-v-826f3e88],
.ls .flex5 .top-wrapper .top-content .left-wrapper .flex-column[data-v-826f3e88] {
  justify-content: space-around;
}
.ls .flex4 .top-wrapper .top-content .left-wrapper .flex-column img[data-v-826f3e88],
.ls .flex5 .top-wrapper .top-content .left-wrapper .flex-column img[data-v-826f3e88] {
  border: 0.0125rem solid #409eff;
  width: 100%;
  height: 100%;
}
.ls .flex4 .top-wrapper .top-content .right-wrapper[data-v-826f3e88],
.ls .flex5 .top-wrapper .top-content .right-wrapper[data-v-826f3e88] {
  flex: 1;
  overflow: hidden;
}
.ls .flex4 .top-wrapper .top-content .right-wrapper .echart-area[data-v-826f3e88],
.ls .flex5 .top-wrapper .top-content .right-wrapper .echart-area[data-v-826f3e88] {
  height: 40%;
}
.ls .flex5.column[data-v-826f3e88],
.ls .flex4.column[data-v-826f3e88] {
  background-image: url("../img/box2-qfiN10wA.png");
}.model-loading[data-v-2cf24c9e] {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 4;
}
.model-loading .loading[data-v-2cf24c9e] {
  display: flex;
  align-items: center;
  justify-content: center;
  /* position: relative; */
  padding: 15px 130px;
  border-radius: 10px;
  background-color: rgba(11, 11, 12, 0.5411764706);
  font-weight: 500;
}
.model-loading .loading span[data-v-2cf24c9e] {
  position: absolute;
  color: #003cf1;
  font-weight: bold;
  font-size: 18px;
}.sub-system > div[data-v-39338752] {
  perspective: 1300px;
}
.sub-system > .main.left-main .anima-3d-rotateHide[data-v-39338752] {
  transition: all 500ms;
  transform: translateZ(100px) translateX(-30%) rotateY(90deg);
  opacity: 0;
}
.sub-system > .main.right-main .info-title[data-v-39338752] {
  text-align: right;
}
.sub-system > .main.right-main .anima-3d-rotateHide[data-v-39338752] {
  transition: all 500ms;
  transform: translateZ(100px) translateX(100%) rotateY(-45deg);
  opacity: 0;
}
.sub-system > .main .main-wrapper[data-v-39338752] {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  font: 1;
  position: relative;
}
.sub-system > .main .main-wrapper .main-title[data-v-39338752] {
  margin: 0 0.125rem;
  display: flex !important;
}
.sub-system > .main .main-wrapper.close[data-v-39338752] {
  transform: translateX(100%);
  transition: all 500ms;
}
.sub-system > .main .main-wrapper .btn-close[data-v-39338752] {
  position: absolute;
  top: 0.125rem;
  right: 0.125rem;
  cursor: pointer;
  transition: 0.5s transform;
  transform: rotate(0deg);
  padding: 0 0.0625rem;
}
.sub-system > .main .main-wrapper .btn-close[data-v-39338752]:hover {
  transform: rotate(180deg) scale(1.2);
  color: #95e2ff;
}
.sub-system > .main .main-wrapper .main-content[data-v-39338752] {
  flex: 1;
  position: static;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.sub-system > .main .main-wrapper .main-content .info-wrapper .info-title[data-v-39338752] {
  line-height: 2;
}
.sub-system > .main .main-wrapper .main-content .info-wrapper .info-echat[data-v-39338752] {
  width: 100%;
  height: 16vh;
}
.sub-system > .main .main-wrapper .main-content .main-floor[data-v-39338752] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.sub-system > .main .main-wrapper .main-content .main-floor > div[data-v-39338752] {
  cursor: pointer;
  height: 0.35rem;
  display: flex;
  align-items: center;
  color: #ffffff;
  margin-right: 0.075rem;
  padding: 0 0.0375rem;
  font-weight: bold;
}
.sub-system > .main .main-wrapper .main-content .main-floor > div[data-v-39338752]:hover {
  color: #95e2ff;
}
.sub-system .device-info[data-v-39338752] {
  font-size: 0.1375rem;
  text-align: center;
}
.sub-system .device-info .table-title[data-v-39338752] {
  margin: 0.0625rem 0;
  padding-right: 6px;
  color: rgb(189, 236, 237);
  display: flex;
  font-weight: bold;
}
.sub-system .device-info .table-title > div[data-v-39338752],
.sub-system .device-info .table-item > div[data-v-39338752] {
  flex: 1;
}
.sub-system .device-info .table-title > div[data-v-39338752]:nth-child(2),
.sub-system .device-info .table-item > div[data-v-39338752]:nth-child(2) {
  flex: 2;
}
.sub-system .device-info .table-list[data-v-39338752] {
  height: 30vh;
  overflow-y: scroll;
}
.sub-system .device-info .table-list .table-item[data-v-39338752] {
  align-items: center;
  display: flex;
  color: rgb(125, 156, 176);
  padding: 0.0375rem;
  border: 0.0125rem solid transparent;
}
.sub-system .device-info .table-list .table-item[data-v-39338752]:nth-child(2n) {
  background-color: rgba(255, 255, 255, 0.2);
}
.sub-system .device-info .table-list .table-item[data-v-39338752]:hover, .sub-system .device-info .table-list .table-item.active[data-v-39338752] {
  cursor: pointer;
  background-color: rgba(177, 0, 0, 0.2);
  border-color: #b10000;
}
.sub-system .overview[data-v-39338752] {
  display: flex;
  justify-content: space-between;
  height: 15vh;
}
.sub-system .overview .doughnutEchat[data-v-39338752] {
  width: calc(50% - 0.125rem);
  height: 100%;
  overflow: hidden;
  position: relative;
}
.sub-system .overview .doughnutEchat > div[data-v-39338752] {
  position: absolute;
  top: -40%;
  left: -40%;
  width: 180%;
  height: 180%;
}
.shade-text[data-v-39338752] {
  background-image: linear-gradient(to bottom, #02f9fd, #0e72b3);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #02f9fd;
}
.anima-3d-rotateInRight[data-v-39338752] {
  transform-style: preserve-3d;
  transform-origin: 0 100%;
  animation: rotateInRight-39338752 500ms 1;
}
@keyframes rotateInRight-39338752 {
0% {
    transform: translateZ(100px) translateX(-30%) rotateY(90deg);
    opacity: 0;
}
100% {
    transform: translateZ(0px) translateX(0%) rotateY(0deg);
    opacity: 1;
}
}
.anima-3d-rotateInLeft[data-v-39338752] {
  transform-style: preserve-3d;
  transform-origin: 0 100%;
  animation: rotateInLeft-39338752 500ms 1;
}
@keyframes rotateInLeft-39338752 {
0% {
    transform: translateZ(100px) translateX(100%) rotateY(-45deg);
    opacity: 0;
}
100% {
    transform: translateZ(0px) translateX(0%) rotateY(0deg);
    opacity: 1;
}
}

/* entire container, keeps perspective */
.flip-container[data-v-39338752] {
  overflow: hidden;
  flex: 1;
  perspective: 1000px;
  /* flip the pane when hovered */
}
.flip-container.hover .flipper[data-v-39338752] {
  transform: rotateY(180deg);
}
.flip-container[data-v-39338752] {
  /* flip speed goes here */
}
.flip-container .flipper[data-v-39338752] {
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative;
}
.flip-container[data-v-39338752] {
  /* hide back of pane during swap */
}
.flip-container .front[data-v-39338752],
.flip-container .back[data-v-39338752] {
  backface-visibility: hidden;
  width: 100%;
}
.flip-container[data-v-39338752] {
  /* front pane, placed above back */
}
.flip-container .front[data-v-39338752] {
  z-index: 2;
}
.flip-container[data-v-39338752] {
  /* back, initially hidden pane */
}
.flip-container .back[data-v-39338752] {
  transform: rotateY(180deg);
}
.flex-cc[data-v-39338752], .right-main .video-monitor .main-content .monitor-item[data-v-39338752] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex-cs[data-v-39338752], .left-main .video-wrapper .video-head[data-v-39338752] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.monitor-map[data-v-39338752] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
  box-shadow: 2px 2px 6px 4px rgba(247, 247, 247, 0.431372549);
  border-radius: 8px;
  padding: 0.075rem;
  pointer-events: all;
}
.monitor-map[data-v-39338752] video {
  border-radius: 8px;
}
.monitor-map[data-v-39338752] .jessibuca-container {
  border-radius: 8px;
}
.monitor-map .close[data-v-39338752] {
  position: absolute;
  top: -10px;
  right: -6px;
  width: 25px;
  height: 25px;
  background: #238cfd;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  line-height: 25px;
  cursor: pointer;
}
.left-main .garden-wrapper[data-v-39338752] {
  align-items: center;
  justify-content: space-between;
}
.left-main .garden-wrapper .main-title[data-v-39338752] {
  width: 100%;
  margin: 0 !important;
}
.left-main .garden-wrapper .main-title .title[data-v-39338752] {
  display: flex;
  flex-direction: column;
  line-height: 1.5;
}
.left-main .garden-wrapper .main-title .title span[data-v-39338752]:first-child {
  font-size: 0.2625rem;
  font-weight: bold;
}
.left-main .garden-wrapper .main-title .title span[data-v-39338752]:last-child {
  font-size: 0.15rem;
}
.left-main .garden-wrapper .main-title[data-v-39338752]::before {
  content: "";
  width: 84% !important;
}
.left-main .garden-wrapper .main-title .info[data-v-39338752] {
  padding: 0.0625rem 0;
}
.left-main .garden-wrapper .main-title .info p[data-v-39338752] {
  font-weight: bold;
  line-height: 1.2;
}
.left-main .garden-wrapper .main-title .info p .info-name[data-v-39338752] {
  font-size: 0.125rem;
  color: #f5f5f5;
  margin-right: 0.0625rem;
}
.left-main .garden-wrapper .main-title .info p .info-value[data-v-39338752] {
  font-size: 0.3125rem;
  color: #d4d310;
  font-family: fantasy;
  letter-spacing: 3px;
}
.left-main .garden-wrapper .main-content[data-v-39338752] {
  width: 100%;
  padding: 0 0 0.125rem 0 !important;
}
.left-main .garden-wrapper .main-content .garden-list[data-v-39338752] {
  display: flex;
  align-items: center;
  flex-flow: wrap;
}
.left-main .garden-wrapper .main-content .garden-list .garden-item[data-v-39338752] {
  font-size: 0.1375rem;
  font-weight: bold;
  margin: 0.0625rem 0.125rem 0 0;
  text-align: center;
  border-radius: 5px;
  padding: 0.025rem 0.125rem;
  border: 1px solid;
  cursor: pointer;
}
.theme-blue .left-main .garden-wrapper .main-content .garden-list .garden-item[data-v-39338752] {
  color: #fff;
  border-color: #209cff;
}
.theme-green .left-main .garden-wrapper .main-content .garden-list .garden-item[data-v-39338752] {
  color: #ffffff;
  border-color: #00a6af;
}
.theme-blue .left-main .garden-wrapper .main-content .garden-list .garden-item-active[data-v-39338752] {
  background: linear-gradient(0deg, #209cff 0, #68e0cf);
}
.theme-green .left-main .garden-wrapper .main-content .garden-list .garden-item-active[data-v-39338752] {
  background: linear-gradient(to right, rgba(0, 167, 182, 0.2392156863) 0%, rgba(85, 128, 174, 0.2901960784) 50%, rgba(0, 167, 182, 0.2392156863) 100%);
}
.left-main .video-wrapper[data-v-39338752] {
  flex: 1;
  padding: 0 !important;
  position: relative;
}
.left-main .video-wrapper .video-head[data-v-39338752] {
  font-size: 0.13rem;
  padding: 0.0625rem 0.125rem 0;
  color: #fff;
  font-weight: bold;
}
.left-main .video-wrapper .video-head .tag[data-v-39338752] {
  width: 0.1rem;
  height: 0.1rem;
  background-color: rgb(115, 192, 222);
  border-radius: 50%;
  margin-right: 0.0625rem;
  display: inline-block;
}
.left-main .video-wrapper .video-head .search-box[data-v-39338752] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.left-main .video-wrapper .video-head .search-box .search-input[data-v-39338752] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1;
}
.left-main .video-wrapper .video-head .search-box .search-input .input[data-v-39338752] {
  width: 0%;
  transition: all 0.5s;
}
.left-main .video-wrapper .video-head .search-box .search-input i[data-v-39338752] {
  font-size: 0.2rem;
  cursor: pointer;
  z-index: 1;
}
.left-main .video-wrapper .video-head .search-box .search-input[data-v-39338752] .ivu-input {
  background: transparent;
  height: 0.3125rem;
  border: none;
  outline: none;
  color: #fff;
}
.left-main .video-wrapper .video-head .search-box .all-list[data-v-39338752] {
  margin-left: 0.0625rem;
  cursor: pointer;
}
.left-main .video-wrapper .video-head .search-box .all-list i[data-v-39338752] {
  font-weight: normal;
}
.left-main .video-wrapper .video-content[data-v-39338752] {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
}
.left-main .video-wrapper .video-content .building-list-nav[data-v-39338752] {
  display: flex;
  width: 100%;
  padding: 0.0625rem 0.125rem 0 !important;
  overflow-x: scroll;
}
.left-main .video-wrapper .video-content .building-list-nav[data-v-39338752]::-webkit-scrollbar-thumb {
  display: none;
}
.left-main .video-wrapper .video-content .building-list-nav .building-item-nav[data-v-39338752] {
  font-size: 0.1375rem;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  padding: 0.025rem 0.125rem;
  border: 1px solid;
  flex-shrink: 0;
  cursor: pointer;
}
.left-main .video-wrapper .video-content .building-list-nav .building-item-nav[data-v-39338752]:not(:last-child) {
  margin-right: 0.125rem;
}
.theme-blue .left-main .video-wrapper .video-content .building-list-nav .building-item-nav[data-v-39338752] {
  color: #fff;
  border-color: #209cff;
}
.theme-green .left-main .video-wrapper .video-content .building-list-nav .building-item-nav[data-v-39338752] {
  color: #ffffff;
  border-color: #00a6af;
}
.theme-blue .left-main .video-wrapper .video-content .building-list-nav .building-item-nav-active[data-v-39338752] {
  background: linear-gradient(0deg, #209cff 0, #68e0cf);
}
.theme-green .left-main .video-wrapper .video-content .building-list-nav .building-item-nav-active[data-v-39338752] {
  background: linear-gradient(to right, rgba(0, 167, 182, 0.2392156863) 0%, rgba(85, 128, 174, 0.2901960784) 50%, rgba(0, 167, 182, 0.2392156863) 100%);
}
.left-main .video-wrapper .video-content .floor-wrapper[data-v-39338752] {
  display: flex;
  align-items: center;
  padding: 0 0.0625rem;
}
.left-main .video-wrapper .video-content .floor-wrapper > i[data-v-39338752] {
  font-size: 0.175rem;
  cursor: pointer;
}
.theme-blue .left-main .video-wrapper .video-content .floor-wrapper > i[data-v-39338752] {
  color: #fff;
}
.theme-green .left-main .video-wrapper .video-content .floor-wrapper > i[data-v-39338752] {
  color: #ffffff;
}
.left-main .video-wrapper .video-content .floor-wrapper .tabs-block[data-v-39338752] {
  flex: 1;
  overflow: hidden;
  position: relative;
}
.left-main .video-wrapper .video-content .floor-wrapper .tabs-block .tabs-content .tabs-content-scroll[data-v-39338752] {
  margin: 0 0.125rem;
  overflow-x: scroll;
}
.left-main .video-wrapper .video-content .floor-wrapper .tabs-block .tabs-content .tabs-content-scroll[data-v-39338752]::-webkit-scrollbar-thumb {
  display: none;
}
.left-main .video-wrapper .video-content .floor-wrapper .tabs-block .tabs-list[data-v-39338752] {
  position: relative;
  display: flex;
  padding-bottom: 0.0625rem;
  white-space: nowrap;
}
.theme-blue .left-main .video-wrapper .video-content .floor-wrapper .tabs-block .tabs-list .tabs-item[data-v-39338752] {
  color: #fff;
}
.theme-green .left-main .video-wrapper .video-content .floor-wrapper .tabs-block .tabs-list .tabs-item[data-v-39338752] {
  color: #ffffff;
}
.left-main .video-wrapper .video-content .floor-wrapper .tabs-block .tabs-list .tabs-item[data-v-39338752] {
  margin-right: 0.25rem;
  position: relative;
  cursor: pointer;
}
.theme-blue .left-main .video-wrapper .video-content .floor-wrapper .tabs-block .tabs-list .tabs-item-active[data-v-39338752] {
  color: #acfbff;
}
.theme-green .left-main .video-wrapper .video-content .floor-wrapper .tabs-block .tabs-list .tabs-item-active[data-v-39338752] {
  color: #ffffff;
}
.left-main .video-wrapper .video-content .floor-wrapper .tabs-block .tabs-list .tabs-item-title[data-v-39338752] {
  font-size: 0.15rem;
  font-weight: bold;
}
.left-main .video-wrapper .video-content .floor-wrapper .tabs-block .tabs-line[data-v-39338752] {
  display: block;
  height: 0.025rem;
  position: absolute;
  bottom: 0px;
  left: 0;
  z-index: 1;
  border-radius: 0.0375rem;
  position: relative;
}
.theme-blue .left-main .video-wrapper .video-content .floor-wrapper .tabs-block .tabs-line[data-v-39338752] {
  background: #acfbff;
}
.theme-green .left-main .video-wrapper .video-content .floor-wrapper .tabs-block .tabs-line[data-v-39338752] {
  background: #ffffff;
}
.left-main .video-wrapper .video-content .monitor-list[data-v-39338752] {
  display: flex;
  flex-wrap: wrap;
  max-height: 43vh;
  overflow: auto;
  z-index: 99;
}
.left-main .video-wrapper .video-content .monitor-list .monitor-item[data-v-39338752] {
  width: calc(33.3333333333% - 0.125rem);
  text-align: center;
  border: 1px solid;
  border-radius: 3px;
  margin: 0.0625rem;
  padding: 0.0625rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  position: relative;
}
.theme-blue .left-main .video-wrapper .video-content .monitor-list .monitor-item[data-v-39338752] {
  color: #fff;
}
.theme-green .left-main .video-wrapper .video-content .monitor-list .monitor-item[data-v-39338752] {
  color: #ffffff;
}
.left-main .video-wrapper .video-content .monitor-list .state-green[data-v-39338752] {
  border-color: #4eff00;
}
.left-main .video-wrapper .video-content .monitor-list .state-red[data-v-39338752] {
  border-color: #cd3f3f;
  background-color: rgba(225, 27, 27, 0.831372549);
}
.theme-blue .left-main .video-wrapper .video-content .monitor-list .monitor-item-active[data-v-39338752] {
  color: #acfbff;
  background: linear-gradient(0deg, #209cff 0, #68e0cf);
}
.theme-green .left-main .video-wrapper .video-content .monitor-list .monitor-item-active[data-v-39338752] {
  color: #ffffff;
  background: linear-gradient(to right, rgba(0, 167, 182, 0.2392156863) 0%, rgba(85, 128, 174, 0.2901960784) 50%, rgba(0, 167, 182, 0.2392156863) 100%);
}
.left-main .video-wrapper .video-content .monitor-wrapper[data-v-39338752] {
  height: 20vh;
  padding: 0.0625rem;
  position: relative;
  overflow: hidden;
  box-shadow: 0.0125rem 0.0125rem 0.1125rem 0.0125rem rgba(102, 245, 255, 0.6);
}
.left-main .video-wrapper .video-content .monitor-wrapper .not-monitor[data-v-39338752] {
  width: 100% !important;
  height: 100% !important;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute !important;
  top: 0;
  left: 0;
  z-index: 1;
  font-size: 1.125rem;
}
.left-main .video-wrapper .video-content .monitor-wrapper .not-monitor i[data-v-39338752] {
  color: #66f5ff;
}
.left-main .video-wrapper .video-content .pop-up[data-v-39338752] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(9, 16, 37, 0.8588235294);
  z-index: 999;
}
.left-main .video-wrapper .video-content .pop-up .building-list-nav[data-v-39338752] {
  flex-wrap: wrap;
  overflow: hidden;
}
.left-main .video-wrapper .video-content .pop-up .building-list-nav[data-v-39338752]:not(:last-child) {
  border-bottom: 2px solid #66f5ff;
  padding-bottom: 0.0625rem !important;
  margin-bottom: 0.125rem;
}
.left-main .video-wrapper .video-content .pop-up .building-list-nav .building-item-nav[data-v-39338752] {
  margin-bottom: 0.125rem;
}
.left-main .video-wrapper .video-content .fade-enter-active[data-v-39338752],
.left-main .video-wrapper .video-content .fade-leave-active[data-v-39338752] {
  transition: 0.8s;
}
.left-main .video-wrapper .video-content .fade-enter[data-v-39338752],
.left-main .video-wrapper .video-content .fade-leave-to[data-v-39338752] {
  opacity: 0;
}
.right-main .main-wrapper[data-v-39338752] {
  flex: 3;
}
.right-main .main-wrapper .main-title[data-v-39338752] {
  display: flex;
  margin: 0 !important;
}
.right-main .main-wrapper .main-content[data-v-39338752] {
  flex: 1;
}
.right-main .main-wrapper .chart[data-v-39338752] {
  width: 100%;
  height: 100%;
}
.right-main .video-monitor[data-v-39338752] {
  flex: 1;
}
.right-main .video-monitor .main-content[data-v-39338752] {
  display: flex;
  flex-direction: column;
}
.right-main .video-monitor .main-content .monitor-item[data-v-39338752] {
  width: 100%;
  height: 100%;
  padding: 0 0.125rem 0.125rem;
}
.right-main .video-monitor .main-content .monitor-item i[data-v-39338752] {
  font-size: 0.275rem;
}
.right-main .video-monitor .main-content .monitor-item .total[data-v-39338752] {
  margin-left: 0.125rem;
}
.right-main .video-monitor .main-content .monitor-item .total span[data-v-39338752]:nth-child(1) {
  font-size: 0.3rem;
}
.right-main .video-monitor .main-content .monitor-item .total span[data-v-39338752]:nth-child(2) {
  font-size: 0.15rem;
  margin-left: 0.0375rem;
}
.right-main .alarm-list[data-v-39338752] .alarm-item {
  cursor: pointer;
}
.right-main .alarm-list[data-v-39338752] .alarm-item:nth-child(odd)::before {
  background-color: #c34247;
}
.right-main .alarm-list[data-v-39338752] .alarm-item:nth-child(even)::before {
  background-color: #e5a354;
}
.right-main .alarm-list[data-v-39338752] .alarm-item::before {
  content: "";
  width: 0.1rem;
  height: 0.1rem;
  border-radius: 50%;
}
.right-main .alarm-list[data-v-39338752] .alarm-item {
  display: flex;
  align-items: center;
  line-height: 2.6;
}
.right-main .alarm-list[data-v-39338752] .alarm-item .content {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.right-main .alarm-list[data-v-39338752] .alarm-item .time {
  color: #f1f1f1;
  font-size: 0.125rem;
}.flex-center[data-v-b3c0d43f], .root .wrapper.alarm .content .fire .fire-icon[data-v-b3c0d43f] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex-between[data-v-b3c0d43f], .root .wrapper .title[data-v-b3c0d43f] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flex-column[data-v-b3c0d43f] {
  flex-direction: column;
}
.root .wrapper .title[data-v-b3c0d43f] {
  border-bottom: 0.025rem solid rgba(77, 248, 234, 0.1);
  font-size: 0.18rem;
  color: #fff;
  position: relative;
  line-height: 2.4;
}
.root .wrapper .title .icon[data-v-b3c0d43f] {
  color: #4df8e9;
}
.root .wrapper .title[data-v-b3c0d43f]::before {
  content: " ";
  height: 0.025rem;
  width: 0.5rem;
  background-color: #4df8e9;
  position: absolute;
  bottom: -0.0125rem;
  left: 0;
}
.root .wrapper .content[data-v-b3c0d43f] {
  padding: 0.2rem 0;
  display: flex;
}
.root .wrapper.alarm .content > div[data-v-b3c0d43f] {
  padding-right: 0.25rem;
}
.root .wrapper.alarm .content .fire .fire-icon[data-v-b3c0d43f] {
  width: 0.75rem;
  height: 0.75rem;
  background-image: linear-gradient(rgba(3, 169, 220, 0.29), rgba(3, 169, 220, 0.73));
  position: relative;
}
.root .wrapper.alarm .content .fire .fire-icon[data-v-b3c0d43f]::after, .root .wrapper.alarm .content .fire .fire-icon[data-v-b3c0d43f]::before {
  content: "";
  border-top: 1px solid #317df0;
  position: absolute;
  width: 0.125rem;
  height: 0.125rem;
  top: 0;
}
.root .wrapper.alarm .content .fire .fire-icon[data-v-b3c0d43f]::after {
  border-left: 1px solid #317df0;
  left: 0;
}
.root .wrapper.alarm .content .fire .fire-icon[data-v-b3c0d43f]::before {
  border-right: 1px solid #317df0;
  right: 0;
}
.root .wrapper.alarm .content .fire-alarm[data-v-b3c0d43f] {
  position: relative;
}
.root .wrapper.alarm .content .fire-alarm[data-v-b3c0d43f]::after {
  content: "";
  height: 50%;
  width: 0.0125rem;
  background-color: #317df0;
  position: absolute;
  right: 0;
  top: 25%;
}
.root .wrapper.alarm .content .fire-alarm .name[data-v-b3c0d43f] {
  color: #6a95c7;
  font-size: 0.1625rem;
  font-weight: bold;
}
.root .wrapper.alarm .content .fire-alarm .rate[data-v-b3c0d43f] {
  background-image: linear-gradient(rgb(49, 125, 240), rgb(0, 195, 255));
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #02f9fd;
  font-size: 0.4rem;
  line-height: 1.6;
}
.root .wrapper.alarm .content .alarm-rate[data-v-b3c0d43f] {
  margin-left: 0.25rem;
}
.root .wrapper.alarm .content .alarm-rate .name[data-v-b3c0d43f] {
  color: #6a95c7;
  font-size: 0.1625rem;
  font-weight: bold;
}
.root .wrapper.alarm .content .alarm-rate .rate[data-v-b3c0d43f] {
  color: #fff;
  font-size: 0.3rem;
  line-height: 1.5;
}
.root .wrapper.alarm .content .alarm-level[data-v-b3c0d43f] {
  padding: 0;
}
.root .wrapper.alarm .content .alarm-level > div[data-v-b3c0d43f] {
  display: flex;
  height: 36px;
  align-items: center;
  font-size: 0.14rem;
}
.root .wrapper.alarm .content .alarm-level > div[data-v-b3c0d43f] :last-child {
  text-indent: 0.15rem;
}
.root .wrapper.alarm .content .alarm-level[data-v-b3c0d43f] > :nth-child(1) {
  color: #c34247;
}
.root .wrapper.alarm .content .alarm-level[data-v-b3c0d43f] > :nth-child(2) {
  color: #e5a354;
}
.root .wrapper.alarm .content .alarm-level[data-v-b3c0d43f] > :nth-child(3) {
  color: #5e81ad;
}
.root .wrapper.alarm .content .tip[data-v-b3c0d43f] {
  line-height: 2;
  color: #aaa;
}
.root .wrapper.maintenance .content[data-v-b3c0d43f] {
  height: 2.2rem;
}
.root .wrapper.energy .content[data-v-b3c0d43f] {
  height: 2.5rem;
}
.root .wrapper.monitoring .content[data-v-b3c0d43f] {
  height: 1.4rem;
}
.root .wrapper.device[data-v-b3c0d43f] {
  flex: 1;
}.ornament-line[data-v-517cb929] {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.ornament-line[data-v-517cb929]::before {
  content: " ";
  background: #50dfdb;
  position: absolute;
  width: 100%;
  height: 100%;
  animation-direction: alternate !important;
}
.ornament-line.level[data-v-517cb929] {
  height: 0.0125rem;
}
.ornament-line.level[data-v-517cb929]::before {
  background: linear-gradient(90deg, #50dfdb, #50dfdb);
}
.ornament-line.level.reverse[data-v-517cb929]::before {
  left: -100%;
  animation: to-left-517cb929 4s linear infinite;
}
@keyframes to-left-517cb929 {
0% {
    left: -100%;
}
100% {
    left: 100%;
}
}
.ornament-line.level.positive[data-v-517cb929]::before {
  left: 100%;
  animation: to-right-517cb929 4s linear infinite;
}
@keyframes to-right-517cb929 {
0% {
    left: 100%;
}
100% {
    left: -100%;
}
}
.ornament-line.vertical[data-v-517cb929] {
  width: 0.0125rem;
}
.ornament-line.vertical[data-v-517cb929]::before {
  background: linear-gradient(0deg, #46abee, #50dfdb);
}
.ornament-line.vertical.reverse[data-v-517cb929]::before {
  animation: to-top-517cb929 4s linear infinite;
  top: 100%;
}
@keyframes to-top-517cb929 {
0% {
    top: 100%;
}
100% {
    top: -100%;
}
}
.ornament-line.vertical.positive[data-v-517cb929]::before {
  animation: to-top-517cb929 4s linear infinite;
  top: -100%;
}
@keyframes to-top-517cb929 {
0% {
    top: -100%;
}
100% {
    top: 100%;
}
}.sub-system > div[data-v-4a578767] {
  perspective: 1300px;
}
.sub-system > .main.left-main .anima-3d-rotateHide[data-v-4a578767] {
  transition: all 500ms;
  transform: translateZ(100px) translateX(-30%) rotateY(90deg);
  opacity: 0;
}
.sub-system > .main.right-main .info-title[data-v-4a578767] {
  text-align: right;
}
.sub-system > .main.right-main .anima-3d-rotateHide[data-v-4a578767] {
  transition: all 500ms;
  transform: translateZ(100px) translateX(100%) rotateY(-45deg);
  opacity: 0;
}
.sub-system > .main .main-wrapper[data-v-4a578767] {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  font: 1;
  position: relative;
}
.sub-system > .main .main-wrapper .main-title[data-v-4a578767] {
  margin: 0 0.125rem;
  display: flex !important;
}
.sub-system > .main .main-wrapper.close[data-v-4a578767] {
  transform: translateX(100%);
  transition: all 500ms;
}
.sub-system > .main .main-wrapper .btn-close[data-v-4a578767] {
  position: absolute;
  top: 0.125rem;
  right: 0.125rem;
  cursor: pointer;
  transition: 0.5s transform;
  transform: rotate(0deg);
  padding: 0 0.0625rem;
}
.sub-system > .main .main-wrapper .btn-close[data-v-4a578767]:hover {
  transform: rotate(180deg) scale(1.2);
  color: #95e2ff;
}
.sub-system > .main .main-wrapper .main-content[data-v-4a578767] {
  flex: 1;
  position: static;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.sub-system > .main .main-wrapper .main-content .info-wrapper .info-title[data-v-4a578767] {
  line-height: 2;
}
.sub-system > .main .main-wrapper .main-content .info-wrapper .info-echat[data-v-4a578767] {
  width: 100%;
  height: 16vh;
}
.sub-system > .main .main-wrapper .main-content .main-floor[data-v-4a578767] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.sub-system > .main .main-wrapper .main-content .main-floor > div[data-v-4a578767] {
  cursor: pointer;
  height: 0.35rem;
  display: flex;
  align-items: center;
  color: #ffffff;
  margin-right: 0.075rem;
  padding: 0 0.0375rem;
  font-weight: bold;
}
.sub-system > .main .main-wrapper .main-content .main-floor > div[data-v-4a578767]:hover {
  color: #95e2ff;
}
.sub-system .device-info[data-v-4a578767] {
  font-size: 0.1375rem;
  text-align: center;
}
.sub-system .device-info .table-title[data-v-4a578767] {
  margin: 0.0625rem 0;
  padding-right: 6px;
  color: rgb(189, 236, 237);
  display: flex;
  font-weight: bold;
}
.sub-system .device-info .table-title > div[data-v-4a578767],
.sub-system .device-info .table-item > div[data-v-4a578767] {
  flex: 1;
}
.sub-system .device-info .table-title > div[data-v-4a578767]:nth-child(2),
.sub-system .device-info .table-item > div[data-v-4a578767]:nth-child(2) {
  flex: 2;
}
.sub-system .device-info .table-list[data-v-4a578767] {
  height: 30vh;
  overflow-y: scroll;
}
.sub-system .device-info .table-list .table-item[data-v-4a578767] {
  align-items: center;
  display: flex;
  color: rgb(125, 156, 176);
  padding: 0.0375rem;
  border: 0.0125rem solid transparent;
}
.sub-system .device-info .table-list .table-item[data-v-4a578767]:nth-child(2n) {
  background-color: rgba(255, 255, 255, 0.2);
}
.sub-system .device-info .table-list .table-item[data-v-4a578767]:hover, .sub-system .device-info .table-list .table-item.active[data-v-4a578767] {
  cursor: pointer;
  background-color: rgba(177, 0, 0, 0.2);
  border-color: #b10000;
}
.sub-system .overview[data-v-4a578767] {
  display: flex;
  justify-content: space-between;
  height: 15vh;
}
.sub-system .overview .doughnutEchat[data-v-4a578767] {
  width: calc(50% - 0.125rem);
  height: 100%;
  overflow: hidden;
  position: relative;
}
.sub-system .overview .doughnutEchat > div[data-v-4a578767] {
  position: absolute;
  top: -40%;
  left: -40%;
  width: 180%;
  height: 180%;
}
.shade-text[data-v-4a578767] {
  background-image: linear-gradient(to bottom, #02f9fd, #0e72b3);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #02f9fd;
}
.anima-3d-rotateInRight[data-v-4a578767] {
  transform-style: preserve-3d;
  transform-origin: 0 100%;
  animation: rotateInRight-4a578767 500ms 1;
}
@keyframes rotateInRight-4a578767 {
0% {
    transform: translateZ(100px) translateX(-30%) rotateY(90deg);
    opacity: 0;
}
100% {
    transform: translateZ(0px) translateX(0%) rotateY(0deg);
    opacity: 1;
}
}
.anima-3d-rotateInLeft[data-v-4a578767] {
  transform-style: preserve-3d;
  transform-origin: 0 100%;
  animation: rotateInLeft-4a578767 500ms 1;
}
@keyframes rotateInLeft-4a578767 {
0% {
    transform: translateZ(100px) translateX(100%) rotateY(-45deg);
    opacity: 0;
}
100% {
    transform: translateZ(0px) translateX(0%) rotateY(0deg);
    opacity: 1;
}
}

/* entire container, keeps perspective */
.flip-container[data-v-4a578767] {
  overflow: hidden;
  flex: 1;
  perspective: 1000px;
  /* flip the pane when hovered */
}
.flip-container.hover .flipper[data-v-4a578767] {
  transform: rotateY(180deg);
}
.flip-container[data-v-4a578767] {
  /* flip speed goes here */
}
.flip-container .flipper[data-v-4a578767] {
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative;
}
.flip-container[data-v-4a578767] {
  /* hide back of pane during swap */
}
.flip-container .front[data-v-4a578767],
.flip-container .back[data-v-4a578767] {
  backface-visibility: hidden;
  width: 100%;
}
.flip-container[data-v-4a578767] {
  /* front pane, placed above back */
}
.flip-container .front[data-v-4a578767] {
  z-index: 2;
}
.flip-container[data-v-4a578767] {
  /* back, initially hidden pane */
}
.flip-container .back[data-v-4a578767] {
  transform: rotateY(180deg);
}
.flex-cc[data-v-4a578767], .left-main .space-wrapper .area-list-nav[data-v-4a578767] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex-cs[data-v-4a578767], .left-main .space-wrapper .area-item .area-head[data-v-4a578767] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.fade-enter-active[data-v-4a578767],
.fade-leave-active[data-v-4a578767] {
  transition: opacity 0.5s;
}
.fade-enter[data-v-4a578767],
.fade-leave-to[data-v-4a578767] {
  opacity: 0;
}
.car-img[data-v-4a578767] {
  position: absolute;
  left: 18vw;
  width: 18vw;
  height: 18vw;
  margin-top: 0.125rem;
  border-radius: 0.06rem;
}
.theme-blue .car-img[data-v-4a578767] {
  color: #acfbff;
  background: rgba(13, 23, 86, 0.231372549);
  box-shadow: 0.025rem 0.025rem 0.1rem -0.01rem #2f44a3;
}
.theme-green .car-img[data-v-4a578767] {
  color: #ffffff;
  background: linear-gradient(0deg, rgba(10, 19, 28, 0.6), rgba(15, 28, 40, 0.4) 40.98%, rgba(16, 28, 40, 0.4) 67.9%, rgba(16, 29, 41, 0.6));
  box-shadow: 0.025rem 0.025rem 0.1rem -0.01rem #a0a0a0;
}
.car-img .img[data-v-4a578767],
.car-img img[data-v-4a578767] {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.car-img[data-v-4a578767] .el-image {
  width: 100%;
  height: 100%;
}
.car-img[data-v-4a578767] .image-slot {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.4875rem;
}
.car-img[data-v-4a578767] .el-image__placeholder,
.car-img[data-v-4a578767] .el-image__placeholder:before,
.car-img[data-v-4a578767] .el-image__placeholder:after {
  background: #fff;
  animation: load1-4a578767 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}
.car-img[data-v-4a578767] .el-image__placeholder:before,
.car-img[data-v-4a578767] .el-image__placeholder:after {
  position: absolute;
  top: 0;
  content: "";
}
.car-img[data-v-4a578767] .el-image__placeholder:before {
  left: -1.5em;
}
.car-img[data-v-4a578767] .el-image__placeholder {
  text-indent: -9999em;
  margin: 38% auto;
  position: relative;
  font-size: 11px;
  animation-delay: 0.16s;
}
.car-img[data-v-4a578767] .el-image__placeholder:after {
  left: 1.5em;
  animation-delay: 0.32s;
}
@keyframes load1-4a578767 {
0%, 80%, 100% {
    box-shadow: 0 0 #fff;
    height: 4em;
}
40% {
    box-shadow: 0 -2em #ffffff;
    height: 5em;
}
}
.car-info[data-v-4a578767] {
  width: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 0.2rem;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.left-main .park-wrapper[data-v-4a578767] {
  align-items: center;
  justify-content: space-between;
}
.left-main .park-wrapper .info[data-v-4a578767] {
  padding: 0.0625rem 0;
}
.left-main .park-wrapper .info p[data-v-4a578767] {
  font-weight: bold;
  line-height: 1.2;
}
.left-main .park-wrapper .info p .info-name[data-v-4a578767] {
  font-size: 0.125rem;
  color: #f5f5f5;
  margin-right: 0.0625rem;
}
.left-main .park-wrapper .info p .info-value[data-v-4a578767] {
  font-size: 0.3125rem;
  color: #d4d310;
  font-family: fantasy;
  /* font-weight: bold; */
  letter-spacing: 3px;
}
.left-main .park-wrapper .main-title[data-v-4a578767] {
  width: 100%;
  margin: 0;
}
.left-main .park-wrapper .main-title .title[data-v-4a578767] {
  display: flex;
  flex-direction: column;
  line-height: 1.5;
}
.left-main .park-wrapper .main-title .title span[data-v-4a578767]:first-child {
  font-size: 0.2625rem;
  font-weight: bold;
}
.left-main .park-wrapper .main-title .title span[data-v-4a578767]:last-child {
  font-size: 0.15rem;
}
.left-main .park-wrapper .main-title[data-v-4a578767]::before {
  content: "";
  width: 84% !important;
}
.left-main .park-wrapper .park-info[data-v-4a578767] {
  width: 100%;
  padding: 0 0 0.125rem 0 !important;
}
.left-main .park-wrapper .park-info .floor-list[data-v-4a578767] {
  display: flex;
  align-items: center;
  flex-flow: wrap;
}
.left-main .park-wrapper .park-info .floor-list .floor-item[data-v-4a578767] {
  width: calc(50% - 0.125rem);
  font-size: 0.1375rem;
  font-weight: bold;
  margin: 0.0625rem 0.125rem 0 0;
  text-align: center;
  border-radius: 5px;
  padding: 0.025rem 0.125rem;
  cursor: pointer;
  border: 1px solid;
}
.theme-blue .left-main .park-wrapper .park-info .floor-list .floor-item[data-v-4a578767] {
  color: #fff;
  border-color: #209cff;
}
.theme-green .left-main .park-wrapper .park-info .floor-list .floor-item[data-v-4a578767] {
  color: #ffffff;
  border-color: #00a6af;
}
.theme-blue .left-main .park-wrapper .park-info .floor-list .floor-item-active[data-v-4a578767] {
  background: linear-gradient(0deg, #209cff 0, #68e0cf);
}
.theme-green .left-main .park-wrapper .park-info .floor-list .floor-item-active[data-v-4a578767] {
  background: linear-gradient(to right, rgba(0, 167, 182, 0.2392156863) 0%, rgba(85, 128, 174, 0.2901960784) 50%, rgba(0, 167, 182, 0.2392156863) 100%);
}
.left-main .space-wrapper[data-v-4a578767] {
  flex: 1;
  padding: 0 !important;
}
.left-main .space-wrapper .area-list-nav[data-v-4a578767] {
  width: 100%;
  padding: 0.0625rem 0.125rem !important;
}
.left-main .space-wrapper .area-list-nav .area-item-nav[data-v-4a578767] {
  font-size: 0.1375rem;
  font-weight: bold;
  background-image: linear-gradient(-20deg, #2b5876 0%, #4e4376 100%);
  text-align: center;
  border-radius: 5px;
  padding: 0.025rem 0.125rem;
  color: #fff;
  cursor: pointer;
}
.left-main .space-wrapper .area-list-nav .area-item-nav[data-v-4a578767]:not(:last-child) {
  margin-right: 0.125rem;
}
.left-main .space-wrapper .area-list-nav .area-item-nav-active[data-v-4a578767] {
  background-image: linear-gradient(to top, #209cff 0%, #68e0cf 100%);
}
.left-main .space-wrapper .space-search[data-v-4a578767] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.left-main .space-wrapper .space-search .search-input[data-v-4a578767] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1;
}
.left-main .space-wrapper .space-search .search-input .input[data-v-4a578767] {
  width: 0%;
  transition: all 0.3s;
}
.left-main .space-wrapper .space-search .search-input i[data-v-4a578767] {
  font-size: 0.2rem;
  cursor: pointer;
  z-index: 1;
}
.left-main .space-wrapper .space-search .search-input[data-v-4a578767] .ivu-input {
  background: transparent;
  height: 0.3125rem;
  border: none;
  outline: none;
  color: #fff;
}
.left-main .space-wrapper .space-search .space-num[data-v-4a578767] {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  background: #3d4552;
  margin-left: 0.125rem;
}
.left-main .space-wrapper .space-search .space-num span[data-v-4a578767] {
  padding: 0.0125rem 0.125rem;
  border-radius: 3px;
  cursor: pointer;
}
.left-main .space-wrapper .space-search .space-num span[data-v-4a578767]:nth-child(2) {
  margin: 0 0.0625rem;
  padding: 0;
}
.left-main .space-wrapper .space-search .space-num .spare[data-v-4a578767] {
  background: #1ae6a4;
}
.left-main .space-wrapper .space-search .space-num .total[data-v-4a578767] {
  background: #d4d310;
}
.left-main .space-wrapper .area-item[data-v-4a578767] {
  position: relative;
  z-index: 2;
  height: 100%;
  border-radius: 0.06rem;
  box-shadow: 0.025rem 0.025rem 0.25rem rgba(102, 245, 255, 0.6), inset 0 0 10px rgba(102, 245, 255, 0.4), 0 1px 0 rgb(102, 245, 255);
}
.left-main .space-wrapper .area-item[data-v-4a578767]:not(:last-child) {
  margin-bottom: 0.125rem;
}
.left-main .space-wrapper .area-item .area-head[data-v-4a578767] {
  font-size: 0.13rem;
  padding: 0.125rem 0.125rem 0;
  color: #fff;
  font-weight: bold;
}
.left-main .space-wrapper .area-item .area-head .tag[data-v-4a578767] {
  width: 0.1rem;
  height: 0.1rem;
  background-color: rgb(115, 192, 222);
  border-radius: 50%;
  margin-right: 0.0625rem;
  display: inline-block;
}
.left-main .space-wrapper .area-item .area-content[data-v-4a578767] {
  display: flex;
  flex-wrap: wrap;
  overflow: auto;
  max-height: calc(100% - 0.65rem);
  margin-top: 0.125rem;
}
.left-main .space-wrapper .area-item .area-content .space-item[data-v-4a578767] {
  width: calc(50% - 0.125rem);
  text-align: center;
  border: 1px solid;
  border-radius: 3px;
  margin: 0.0625rem;
  padding: 0.125rem 0.0625rem;
  background: rgba(0, 0, 0, 0.4);
  cursor: pointer;
}
.left-main .space-wrapper .area-item .area-content .space-item .space-info[data-v-4a578767] {
  display: flex;
  align-items: center;
}
.left-main .space-wrapper .area-item .area-content .space-item .space-info .icon[data-v-4a578767] {
  display: inline-block;
  width: 0.2125rem;
  height: 0.2125rem;
  border: 1px solid;
  border-radius: 50%;
  font-size: 0.1rem;
  text-align: center;
}
.left-main .space-wrapper .area-item .area-content .space-item .space-info .name[data-v-4a578767] {
  flex: 1;
  font-size: 0.15rem;
  font-weight: bold;
}
.left-main .space-wrapper .area-item .area-content .space-item .space-info .plate-no[data-v-4a578767] {
  flex: 1;
  padding: 0 0.0625rem;
  white-space: nowrap;
  color: #fff;
  background: #36373a;
}
.left-main .space-wrapper .area-item .area-content .space-item-active[data-v-4a578767] {
  box-shadow: 0px 0px 6px 3px rgb(223, 225, 238);
}
.left-main .space-wrapper .area-item .area-content .status-green[data-v-4a578767] {
  color: #4eff00;
  background: #4f6ba3;
  border-color: #1d4fb1;
}
.left-main .space-wrapper .area-item .area-content .status-green .space-info .plate-no[data-v-4a578767] {
  color: #fff;
  background: rgba(119, 141, 209, 0.7294117647);
}
.left-main .space-wrapper .area-item .area-content .status-blue[data-v-4a578767] {
  background: rgba(4, 41, 105, 0.7803921569);
  color: #fff;
  border-color: #1d7ea3;
}
.left-main .space-wrapper .area-item .area-content .status-gray[data-v-4a578767] {
  color: #ffeb00;
  background: rgba(4, 41, 105, 0.7803921569);
  border-color: #c4e00c;
}
.left-main .space-wrapper .area-item .area-content .status-gray .space-info .plate-no[data-v-4a578767] {
  color: #e9e9e9;
  background: #646464;
}
.left-main .space-wrapper .area-item .area-content .status-red[data-v-4a578767] {
  color: #f56c6c;
  background: #fef0f0;
  border-color: #fbc4c4;
}
.right-main .main-wrapper[data-v-4a578767] {
  height: calc((100% - 0.25rem) / 2);
}
.right-main .main-wrapper .main-title[data-v-4a578767] {
  display: flex;
  margin: 0 !important;
}
.right-main .main-wrapper .main-content[data-v-4a578767] {
  flex: 1;
}
.right-main .main-wrapper .chart[data-v-4a578767] {
  width: 100%;
  height: 100%;
}
.right-main .assets-consume[data-v-4a578767] {
  display: flex;
  align-items: center;
  flex-direction: column;
  flex: 1;
}
.right-main .assets-consume .consume[data-v-4a578767] {
  width: 100%;
  height: 7vh;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.right-main .assets-consume .consume .consume-item[data-v-4a578767] {
  display: flex;
  align-items: center;
}
.right-main .assets-consume .consume .consume-item .tags[data-v-4a578767] {
  font-size: 0.225rem;
  font-weight: 800;
  color: #88e2fd;
  background-image: -webkit-linear-gradient(bottom, #62a1fb, #88e2fd);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.right-main .assets-consume .consume .consume-item .info[data-v-4a578767] {
  display: flex;
  flex-direction: column;
  margin-left: 0.125rem;
}
.right-main .assets-consume .consume .consume-item .info > span[data-v-4a578767] {
  font-size: 0.15rem;
}
.right-main .assets-consume .consume .consume-item .info .num[data-v-4a578767] {
  display: flex;
  align-items: center;
  font-size: 0.2rem;
}
.right-main .assets-consume .consume .consume-item .info .num .unit[data-v-4a578767] {
  font-size: 0.125rem;
}
.right-main .assets-consume .consume-chart[data-v-4a578767] {
  flex: 1;
  width: 100%;
}
.monitoring[data-v-4a578767] {
  height: 30vh !important;
  flex: none;
}
.monitoring .main-content[data-v-4a578767] {
  margin-top: 0 !important;
}
.monitoring .monitor-wrapper[data-v-4a578767] {
  margin-top: 0.0625rem;
  height: 22vh;
  padding: 0.0625rem;
  position: relative;
}
.monitoring .monitor-wrapper .not-monitor[data-v-4a578767] {
  width: 100% !important;
  height: 100% !important;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute !important;
  top: 0;
  left: 0;
  z-index: 1;
  font-size: 1.125rem;
}
.monitoring .monitor-wrapper .not-monitor i[data-v-4a578767] {
  color: #66f5ff;
}
.monitoring .monitor-wrapper .loader[data-v-4a578767] {
  width: 3.125rem !important;
  height: 0.625rem !important;
  text-align: center;
  line-height: 0.625rem;
  font-weight: 900;
  letter-spacing: 0.2em;
  color: #66f5ff;
  position: absolute !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.monitoring .monitor-wrapper .loader[data-v-4a578767]::before, .monitoring .monitor-wrapper .loader[data-v-4a578767]::after {
  content: "";
  display: block;
  width: 0.125rem;
  height: 0.125rem;
  background: #66f5ff;
  position: absolute;
  animation: load-4a578767 0.7s infinite alternate ease-in-out;
}
.monitoring .monitor-wrapper .loader[data-v-4a578767]::before {
  top: 0;
}
.monitoring .monitor-wrapper .loader[data-v-4a578767]::after {
  bottom: 0;
}
@keyframes load-4a578767 {
0% {
    left: 0;
    height: 0.3125rem;
    width: 0.125rem;
}
50% {
    height: 0.0375rem;
    width: 0.4375rem;
}
100% {
    left: 2.875rem;
    height: 0.3125rem;
    width: 0.125rem;
}
}
.monitoring .monitor-wrapper .control[data-v-4a578767] {
  width: 100% !important;
  position: absolute !important;
  bottom: 0.0625rem;
  right: 0.075rem;
  display: none;
  z-index: 2;
}
.monitoring .monitor-wrapper .control span[data-v-4a578767] {
  color: #fff;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.6392156863);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
}
.monitoring .monitor-wrapper .mask[data-v-4a578767] {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
.monitoring .monitor-wrapper:hover .control[data-v-4a578767] {
  display: flex;
  justify-content: flex-end;
}
.monitoring .monitor-wrapper .glplayer[data-v-4a578767] {
  width: 100%;
  height: 100%;
}
.monitoring .monitor-wrapper .glplayer[data-v-4a578767] video {
  object-fit: fill;
}
.monitoring .monitor-wrapper img[data-v-4a578767] {
  width: 100%;
  height: 100%;
  display: block;
}
.monitoring[data-v-4a578767] .ivu-select-dropdown {
  background: rgba(29, 60, 165, 0.7882352941);
}
.monitoring[data-v-4a578767] .ivu-select .ivu-select-placeholder {
  color: #fff;
}
.monitoring[data-v-4a578767] .ivu-select .ivu-select-selection,
.monitoring[data-v-4a578767] .ivu-select .ivu-select-selected-value {
  color: #fff;
}
.monitoring[data-v-4a578767] .ivu-select i {
  color: #3399ff;
}
.monitoring[data-v-4a578767] .ivu-select .ivu-select-selection {
  background: transparent;
  box-shadow: none;
  border: none;
  border-top: 0.0125rem solid #3399ff;
  border-bottom: 0.0125rem solid #3399ff;
  border-radius: 0;
}
.monitoring[data-v-4a578767] .ivu-select .ivu-select-item {
  color: #fff;
}
.monitoring[data-v-4a578767] .ivu-select .ivu-select-item-selected {
  color: #fff;
}
.monitoring[data-v-4a578767] .ivu-select .ivu-select-item-focus,
.monitoring[data-v-4a578767] .ivu-select .ivu-select-item:hover {
  background: none;
  color: #fff;
}.rows[data-v-302916ad] {
  overflow: hidden;
}
.rows .null-dall[data-v-302916ad] {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.rows > div[data-v-302916ad] {
  overflow: hidden;
}
.rows .list-enter-active[data-v-302916ad],
.rows .list-leave-active[data-v-302916ad] {
  transition: all 1s;
}
.rows .list-enter[data-v-302916ad] {
  opacity: 0;
  transform: translateY(100%);
}#sm-main #system-wapper[data-v-e5ad943e] {
  height: auto;
}
#sm-main .system-info[data-v-e5ad943e] {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#sm-main .system-info .system[data-v-e5ad943e] {
  cursor: pointer;
  display: flex;
  align-items: center;
  width: 48%;
  height: 0.45rem;
  margin-bottom: 0.1125rem;
  background: url(../img/fn-item-a8h2so_S.png) center center/100% 100% no-repeat;
}
#sm-main .system-info .system[data-v-e5ad943e]:nth-last-child(2), #sm-main .system-info .system[data-v-e5ad943e]:nth-last-child(1) {
  margin-bottom: 0;
}
#sm-main .system-info .system[data-v-e5ad943e]:hover, #sm-main .system-info .system.active[data-v-e5ad943e] {
  background: url(../img/fn-active-CAoX4A4-.png) center center/100% 100% no-repeat;
}
#sm-main .system-info .system .iconfont[data-v-e5ad943e] {
  font-size: 0.2rem;
  margin: 0 0.125rem;
  border-bottom: 0.0125rem solid;
}
#sm-main .system-info .system .system-part[data-v-e5ad943e] {
  font-size: 0.125rem;
  line-height: 0.125rem;
}
#sm-main .system-info .system .system-part .system-zh[data-v-e5ad943e] {
  margin-bottom: 0.05rem;
}
#sm-main .main-wrapper[data-v-e5ad943e] {
  position: relative;
  overflow: hidden;
}.sub-system > div[data-v-f09bedd2] {
  perspective: 1300px;
}
.sub-system > .main.left-main .anima-3d-rotateHide[data-v-f09bedd2] {
  transition: all 500ms;
  transform: translateZ(100px) translateX(-30%) rotateY(90deg);
  opacity: 0;
}
.sub-system > .main.right-main .info-title[data-v-f09bedd2] {
  text-align: right;
}
.sub-system > .main.right-main .anima-3d-rotateHide[data-v-f09bedd2] {
  transition: all 500ms;
  transform: translateZ(100px) translateX(100%) rotateY(-45deg);
  opacity: 0;
}
.sub-system > .main .main-wrapper[data-v-f09bedd2] {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  font: 1;
  position: relative;
}
.sub-system > .main .main-wrapper .main-title[data-v-f09bedd2] {
  margin: 0 0.125rem;
  display: flex !important;
}
.sub-system > .main .main-wrapper.close[data-v-f09bedd2] {
  transform: translateX(100%);
  transition: all 500ms;
}
.sub-system > .main .main-wrapper .btn-close[data-v-f09bedd2] {
  position: absolute;
  top: 0.125rem;
  right: 0.125rem;
  cursor: pointer;
  transition: 0.5s transform;
  transform: rotate(0deg);
  padding: 0 0.0625rem;
}
.sub-system > .main .main-wrapper .btn-close[data-v-f09bedd2]:hover {
  transform: rotate(180deg) scale(1.2);
  color: #95e2ff;
}
.sub-system > .main .main-wrapper .main-content[data-v-f09bedd2] {
  flex: 1;
  position: static;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.sub-system > .main .main-wrapper .main-content .info-wrapper .info-title[data-v-f09bedd2] {
  line-height: 2;
}
.sub-system > .main .main-wrapper .main-content .info-wrapper .info-echat[data-v-f09bedd2] {
  width: 100%;
  height: 16vh;
}
.sub-system > .main .main-wrapper .main-content .main-floor[data-v-f09bedd2] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.sub-system > .main .main-wrapper .main-content .main-floor > div[data-v-f09bedd2] {
  cursor: pointer;
  height: 0.35rem;
  display: flex;
  align-items: center;
  color: #ffffff;
  margin-right: 0.075rem;
  padding: 0 0.0375rem;
  font-weight: bold;
}
.sub-system > .main .main-wrapper .main-content .main-floor > div[data-v-f09bedd2]:hover {
  color: #95e2ff;
}
.sub-system .device-info[data-v-f09bedd2] {
  font-size: 0.1375rem;
  text-align: center;
}
.sub-system .device-info .table-title[data-v-f09bedd2] {
  margin: 0.0625rem 0;
  padding-right: 6px;
  color: rgb(189, 236, 237);
  display: flex;
  font-weight: bold;
}
.sub-system .device-info .table-title > div[data-v-f09bedd2],
.sub-system .device-info .table-item > div[data-v-f09bedd2] {
  flex: 1;
}
.sub-system .device-info .table-title > div[data-v-f09bedd2]:nth-child(2),
.sub-system .device-info .table-item > div[data-v-f09bedd2]:nth-child(2) {
  flex: 2;
}
.sub-system .device-info .table-list[data-v-f09bedd2] {
  height: 30vh;
  overflow-y: scroll;
}
.sub-system .device-info .table-list .table-item[data-v-f09bedd2] {
  align-items: center;
  display: flex;
  color: rgb(125, 156, 176);
  padding: 0.0375rem;
  border: 0.0125rem solid transparent;
}
.sub-system .device-info .table-list .table-item[data-v-f09bedd2]:nth-child(2n) {
  background-color: rgba(255, 255, 255, 0.2);
}
.sub-system .device-info .table-list .table-item[data-v-f09bedd2]:hover, .sub-system .device-info .table-list .table-item.active[data-v-f09bedd2] {
  cursor: pointer;
  background-color: rgba(177, 0, 0, 0.2);
  border-color: #b10000;
}
.sub-system .overview[data-v-f09bedd2] {
  display: flex;
  justify-content: space-between;
  height: 15vh;
}
.sub-system .overview .doughnutEchat[data-v-f09bedd2] {
  width: calc(50% - 0.125rem);
  height: 100%;
  overflow: hidden;
  position: relative;
}
.sub-system .overview .doughnutEchat > div[data-v-f09bedd2] {
  position: absolute;
  top: -40%;
  left: -40%;
  width: 180%;
  height: 180%;
}
.shade-text[data-v-f09bedd2] {
  background-image: linear-gradient(to bottom, #02f9fd, #0e72b3);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #02f9fd;
}
.anima-3d-rotateInRight[data-v-f09bedd2] {
  transform-style: preserve-3d;
  transform-origin: 0 100%;
  animation: rotateInRight-f09bedd2 500ms 1;
}
@keyframes rotateInRight-f09bedd2 {
0% {
    transform: translateZ(100px) translateX(-30%) rotateY(90deg);
    opacity: 0;
}
100% {
    transform: translateZ(0px) translateX(0%) rotateY(0deg);
    opacity: 1;
}
}
.anima-3d-rotateInLeft[data-v-f09bedd2] {
  transform-style: preserve-3d;
  transform-origin: 0 100%;
  animation: rotateInLeft-f09bedd2 500ms 1;
}
@keyframes rotateInLeft-f09bedd2 {
0% {
    transform: translateZ(100px) translateX(100%) rotateY(-45deg);
    opacity: 0;
}
100% {
    transform: translateZ(0px) translateX(0%) rotateY(0deg);
    opacity: 1;
}
}

/* entire container, keeps perspective */
.flip-container[data-v-f09bedd2] {
  overflow: hidden;
  flex: 1;
  perspective: 1000px;
  /* flip the pane when hovered */
}
.flip-container.hover .flipper[data-v-f09bedd2] {
  transform: rotateY(180deg);
}
.flip-container[data-v-f09bedd2] {
  /* flip speed goes here */
}
.flip-container .flipper[data-v-f09bedd2] {
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative;
}
.flip-container[data-v-f09bedd2] {
  /* hide back of pane during swap */
}
.flip-container .front[data-v-f09bedd2],
.flip-container .back[data-v-f09bedd2] {
  backface-visibility: hidden;
  width: 100%;
}
.flip-container[data-v-f09bedd2] {
  /* front pane, placed above back */
}
.flip-container .front[data-v-f09bedd2] {
  z-index: 2;
}
.flip-container[data-v-f09bedd2] {
  /* back, initially hidden pane */
}
.flip-container .back[data-v-f09bedd2] {
  transform: rotateY(180deg);
}
.flex-cc[data-v-f09bedd2] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex-cs[data-v-f09bedd2] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.left-main .garden-wrapper[data-v-f09bedd2] {
  align-items: center;
  justify-content: space-between;
}
.left-main .garden-wrapper .main-title[data-v-f09bedd2] {
  width: 100%;
  margin: 0 !important;
}
.left-main .garden-wrapper .main-title .title[data-v-f09bedd2] {
  width: 100%;
  display: flex;
  align-items: center;
  line-height: 1.5;
  padding: 0.125rem 0;
}
.left-main .garden-wrapper .main-title .title span[data-v-f09bedd2]:first-child {
  font-size: 0.2625rem;
  font-weight: bold;
}
.left-main .garden-wrapper .main-title .title .status[data-v-f09bedd2] {
  margin-left: 0.0625rem;
  font-size: 0.25rem;
}
.left-main .garden-wrapper .main-title .title .status i[data-v-f09bedd2] {
  border-radius: 50px;
}
.left-main .garden-wrapper .main-title .title .normal[data-v-f09bedd2] {
  color: #00eb9f;
}
.left-main .garden-wrapper .main-title .title .warn[data-v-f09bedd2] {
  color: #fddd60;
  animation: blink-f09bedd2 3s linear infinite;
}
.left-main .garden-wrapper .main-title .title .error[data-v-f09bedd2] {
  color: #fd666d;
  animation: blink-f09bedd2 3s linear infinite;
}
.left-main .garden-wrapper .main-title .title > div[data-v-f09bedd2] {
  flex: 1;
}
.left-main .garden-wrapper .main-title .title .iconshipinjiankong[data-v-f09bedd2] {
  font-size: 25px;
  color: #f5f5f5;
}
.left-main .garden-wrapper .main-title[data-v-f09bedd2]::before {
  content: "";
  width: 84% !important;
}
.left-main .garden-wrapper .main-content[data-v-f09bedd2] {
  width: 100%;
  padding: 0 0 0.125rem 0 !important;
}
.left-main .garden-wrapper .main-content .info[data-v-f09bedd2] {
  padding: 0.0625rem 0;
}
.left-main .garden-wrapper .main-content .info p[data-v-f09bedd2] {
  font-weight: bold;
}
.left-main .garden-wrapper .main-content .info p .info-name[data-v-f09bedd2] {
  font-size: 0.125rem;
  color: #f5f5f5;
  margin-right: 0.0625rem;
}
.left-main .garden-wrapper .main-content .info p .info-value[data-v-f09bedd2] {
  font-size: 0.3125rem;
  color: #d4d310;
  font-family: fantasy;
  letter-spacing: 3px;
}
.left-main .trend-wrapper[data-v-f09bedd2] {
  flex: 1;
  padding: 0 !important;
}
.left-main .trend-wrapper .main-content[data-v-f09bedd2] {
  margin-top: 0 !important;
}
.left-main .trend-wrapper .chart[data-v-f09bedd2] {
  width: 100%;
  height: 100%;
}
.left-main[data-v-f09bedd2] .el-carousel__container {
  height: 18vh;
}
.center-main[data-v-f09bedd2] {
  width: calc(100% - 38vw);
  position: absolute;
  left: 50%;
  margin-left: calc((-100% + 38vw) / 2);
  margin-top: 0.0625rem;
  padding: 0.0625rem 0;
}
.center-main .statistics[data-v-f09bedd2] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.center-main .statistics .main-wrapper[data-v-f09bedd2] {
  flex: 1;
  height: 20vh;
}
.center-main .statistics .main-wrapper[data-v-f09bedd2]:not(:last-child) {
  margin-right: 0.1875rem;
}
.center-main .statistics .main-wrapper[data-v-f09bedd2]:last-child {
  margin-bottom: 0.125rem !important;
}
.center-main .statistics .main-wrapper .main-title[data-v-f09bedd2] {
  display: flex;
  margin: 0 !important;
  color: #fff;
}
.center-main .statistics .main-wrapper .main-content[data-v-f09bedd2] {
  flex: 1;
  padding: 0 !important;
}
.center-main .statistics .main-wrapper .chart[data-v-f09bedd2] {
  width: 100%;
  height: 100%;
}
.center-main .statistics .main-wrapper .state[data-v-f09bedd2] {
  font-size: 0.15rem;
}
.center-main .statistics .main-wrapper .normal[data-v-f09bedd2] {
  color: #42d3e7;
}
.center-main .statistics .main-wrapper .warn[data-v-f09bedd2] {
  color: #fddd60;
  animation: blink-f09bedd2 3s linear infinite;
}
.center-main .statistics .main-wrapper .error[data-v-f09bedd2] {
  color: #fd666d;
  animation: blink-f09bedd2 3s linear infinite;
}
@keyframes blink-f09bedd2 {
0% {
    opacity: 1;
}
10% {
    opacity: 0;
}
40% {
    opacity: 1;
}
}
.right-main .main-wrapper[data-v-f09bedd2] {
  flex: 1;
}
.right-main .main-wrapper .main-title[data-v-f09bedd2] {
  display: flex;
  margin: 0 !important;
}
.right-main .main-wrapper .main-content[data-v-f09bedd2] {
  flex: 1;
}
.right-main .main-wrapper .chart[data-v-f09bedd2] {
  width: 100%;
  height: 100%;
}
.right-main .sewage-info[data-v-f09bedd2] {
  align-items: center;
  justify-content: space-around;
}
.right-main .sewage-info .sewage-item[data-v-f09bedd2] {
  display: flex;
  align-items: center;
  width: 90%;
}
.right-main .sewage-info .sewage-item .icon[data-v-f09bedd2] {
  font-size: 0.6rem;
}
.right-main .sewage-info .sewage-item .info[data-v-f09bedd2] {
  margin-left: 0.1875rem;
  flex: 1;
}
.right-main .sewage-info .sewage-item .info .value[data-v-f09bedd2] {
  display: flex;
  align-items: flex-start;
}
.right-main .sewage-info .sewage-item .info .value .v span[data-v-f09bedd2]:first-child {
  font-size: 0.3rem;
  font-weight: bold;
}
.right-main .sewage-info .sewage-item .info .value > span[data-v-f09bedd2] {
  font-size: 0.15rem;
}
.right-main .sewage-info .sewage-item .info .name[data-v-f09bedd2] {
  color: #f5f5f5;
}
.right-main .warn-list[data-v-f09bedd2] {
  padding: 0 !important;
  margin: 0 !important;
}
.right-main .warn-list[data-v-f09bedd2] .warn-item {
  width: 100%;
  font-size: 0.15rem;
  color: #fff;
}
.right-main .warn-list[data-v-f09bedd2] .warn-item .item-head {
  display: flex;
  justify-content: space-between;
  padding: 0.0625rem;
}
.right-main .warn-list[data-v-f09bedd2] .warn-item .item-head > p {
  font-weight: bold;
}
.right-main .warn-list[data-v-f09bedd2] .warn-item .item-head > span {
  font-size: 0.125rem;
}
.right-main .warn-list[data-v-f09bedd2] .warn-item p {
  display: flex;
  align-items: center;
  font-size: 0.125rem;
}
.right-main .warn-list[data-v-f09bedd2] .warn-item p span {
  margin-left: 10px;
}
.right-main .warn-list[data-v-f09bedd2] .warn-item p span:first-child {
  text-align: left;
  font-weight: bold;
}.param-wrapper[data-v-3f796bc0] {
  display: grid;
  grid-template-columns: 3fr 4fr 4fr;
  color: #fff;
  height: 14vh;
}
.param-wrapper > div[data-v-3f796bc0] {
  display: flex;
  align-items: center;
  font-weight: bold;
}
.param-wrapper > div .iconfont[data-v-3f796bc0]::before {
  font-size: 0.25rem;
  margin-right: 0.1rem;
}
.param-wrapper > div .name[data-v-3f796bc0] {
  font-size: 0.175rem;
  margin-right: 0.1rem;
}
.param-wrapper .abnormal[data-v-3f796bc0] {
  color: red;
}
.param-wrapper .safety[data-v-3f796bc0] {
  color: green;
}#space-main .main-wrapper .main-title[data-v-39933f42] {
  display: flex;
}
#space-main .main-wrapper .chart[data-v-39933f42] {
  width: 100%;
  height: 100%;
}
#space-main .space-usage[data-v-39933f42] {
  display: flex;
  height: 15vh;
}
#space-main .ope-statistics[data-v-39933f42] {
  display: flex;
  align-items: center;
  height: 18vh;
}
#space-main .ope-statistics .ope-chart[data-v-39933f42] {
  width: 40%;
  height: 100%;
}
#space-main .ope-statistics .ope[data-v-39933f42] {
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
}
#space-main .ope-statistics .ope .ope-item[data-v-39933f42] {
  width: 100%;
  display: flex;
}
#space-main .ope-statistics .ope .ope-item span[data-v-39933f42] {
  flex: 1;
  font-size: 0.15rem;
}
#space-main .ope-statistics .ope .ope-item .ball[data-v-39933f42] {
  display: inline-block;
  width: 0.125rem;
  height: 0.125rem;
  border-radius: 50%;
}
#space-main .energy-chart[data-v-39933f42] {
  display: flex;
  height: 18vh;
}
#space-main .room-info[data-v-39933f42] {
  display: flex;
  flex-direction: column;
  height: 15vh;
}
#space-main .room-info .room-row[data-v-39933f42] {
  display: flex;
  align-items: center;
}
#space-main .room-info .room-row[data-v-39933f42]:not(:last-child) {
  padding-bottom: 0.125rem;
  border-bottom: 1px dotted rgba(255, 255, 255, 0.3);
  margin-bottom: 0.125rem;
}
#space-main .room-info .room-row .room-item[data-v-39933f42] {
  flex: 1;
}
#space-main .room-info .room-row .room-item .name[data-v-39933f42] {
  color: #95c9dd;
  font-size: 0.125rem;
}
#space-main .room-info .room-row .room-item .value[data-v-39933f42] {
  font-size: 0.25rem;
}
#space-main .water-statistics[data-v-39933f42] {
  display: flex;
  flex-direction: column;
}
#space-main .water-statistics .row[data-v-39933f42] {
  display: flex;
  align-items: center;
  padding-bottom: 0.125rem;
  border-bottom: 1px dotted rgba(255, 255, 255, 0.3);
  margin-bottom: 0.125rem;
}
#space-main .water-statistics .row .item[data-v-39933f42] {
  flex: 1;
}
#space-main .water-statistics .row .item .name[data-v-39933f42] {
  color: #95c9dd;
  font-size: 0.125rem;
}
#space-main .water-statistics .row .item .value[data-v-39933f42] {
  font-size: 0.25rem;
}
#space-main .water-statistics .water-chart[data-v-39933f42] {
  width: 100%;
  height: 20vh;
}
.center[data-v-39933f42] {
  width: calc(100% - 50vw);
  position: relative;
}
div.starfield[data-v-564f5c78] {
	position: fixed;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
div.starfield .static[data-v-564f5c78] {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 3px;
	height: 3px;
	border-radius: 100%;
	transform-origin: -31vw -38vh;
	box-shadow: 36vw -46vh 1px 0.75px rgba(255, 244, 245, 0.5235723442), -68vw -54vh 1px 0.75px rgba(252, 243, 255, 0.9688846036), 27vw -66vh 1px 0.75px #f3f6f1,
		21vw -38vh 1px 0.75px rgba(241, 249, 243, 0.8680567471), -15vw -3vh 1px 0.75px rgba(252, 244, 250, 0.8741643268), -95vw -40vh 1px 0.75px #f1f4ff,
		-88vw 14vh 1px 0.75px #fcf3fb, -83vw 12vh 1px 0.75px #f6f8fe, -61vw 39vh 1px 0.75px #f7f2ff, 41vw 34vh 1px 0.75px rgba(246, 247, 248, 0.9318846392),
		-53vw -73vh 1px 0.75px rgba(255, 250, 247, 0.9158435917), -39vw 28vh 1px 0.75px #f8f8fa, 73vw -66vh 1px 0.75px #f1fbf5,
		82vw -1vh 1px 0.75px rgba(242, 242, 242, 0.8414716373), 92vw -27vh 1px 0.75px rgba(245, 251, 250, 0.9663508769), 28vw -64vh 1px 0.75px #f1f9f1,
		76vw 82vh 1px 0.75px #f1f9f6, 53vw -70vh 1px 0.75px #f7fdf7, -11vw -70vh 1px 0.75px rgba(251, 253, 241, 0.5709810522), -73vw -40vh 1px 0.75px #f9f1fb,
		-36vw 41vh 1px 0.75px #fdf1fe, -12vw -9vh 1px 0.75px rgba(247, 244, 242, 0.8454906488), 60vw 62vh 1px 0.75px #fdfaf4,
		-83vw 87vh 1px 0.75px rgba(245, 241, 244, 0.9176305322), 44vw -54vh 1px 0.75px rgba(242, 252, 248, 0.9693348061), 36vw -32vh 1px 0.75px #f9fafa,
		41vw -61vh 1px 0.75px #f2faf8, 42vw -49vh 1px 0.75px rgba(249, 246, 254, 0.9134938038), -52vw 53vh 1px 0.75px #f3feff,
		3vw -97vh 1px 0.75px rgba(249, 245, 247, 0.8889316068), -90vw 46vh 1px 0.75px #f8fafd, 23vw -29vh 1px 0.75px rgba(246, 247, 250, 0.6862141599),
		-33vw -63vh 1px 0.75px rgba(243, 253, 249, 0.6395580736), -2vw 50vh 1px 0.75px #f5faff, -96vw 67vh 1px 0.75px rgba(255, 241, 243, 0.8407892564),
		29vw -95vh 1px 0.75px #f5f5f3, 3vw -27vh 1px 0.75px #fbfef6, -87vw 83vh 1px 0.75px rgba(253, 248, 246, 0.8165139252), 47vw 57vh 1px 0.75px #f9f5f1,
		-9vw -14vh 1px 0.75px rgba(245, 243, 246, 0.6535044176), 54vw 31vh 1px 0.75px #fff5f3, 25vw -52vh 1px 0.75px #f7faf3, 91vw -6vh 1px 0.75px #f8fff8,
		-21vw 88vh 1px 0.75px rgba(253, 245, 248, 0.7648848183), -29vw 45vh 1px 0.75px rgba(253, 241, 244, 0.6657591369), 61vw -47vh 1px 0.75px #f3fcf6,
		57vw 23vh 1px 0.75px #f9f3fa, -90vw 100vh 1px 0.75px rgba(251, 244, 248, 0.9775995177), -27vw -93vh 1px 0.75px rgba(248, 251, 250, 0.5803350999),
		28vw -29vh 1px 0.75px #f9f4fc, -80vw 67vh 1px 0.75px #f9f9fe, 90vw -18vh 1px 0.75px rgba(251, 251, 252, 0.6814187659),
		-82vw 27vh 1px 0.75px rgba(244, 248, 243, 0.893709482), -66vw 33vh 1px 0.75px #f1f8fc, 97vw 2vh 1px 0.75px rgba(244, 250, 241, 0.5214614359),
		-31vw -34vh 1px 0.75px rgba(245, 248, 244, 0.5625745825), 40vw -33vh 1px 0.75px #f6f6f9, 10vw 47vh 1px 0.75px #fefcf4, -49vw -20vh 1px 0.75px #f3f3f7,
		-61vw -11vh 1px 0.75px rgba(250, 244, 248, 0.7422571864), -67vw -2vh 1px 0.75px rgba(254, 243, 243, 0.8733439445), -39vw 17vh 1px 0.75px #f8f2f1,
		-36vw -56vh 1px 0.75px #f8faf6, 18vw -36vh 1px 0.75px rgba(249, 255, 248, 0.7808456449), -91vw 37vh 1px 0.75px #fcfef1, -67vw -26vh 1px 0.75px #f4f4fc,
		50vw -79vh 1px 0.75px rgba(245, 244, 252, 0.6027408961), 73vw 82vh 1px 0.75px rgba(243, 252, 255, 0.575434172), -24vw -97vh 1px 0.75px #f4f6ff,
		-87vw -23vh 1px 0.75px #fffcf9, 81vw 78vh 1px 0.75px rgba(250, 251, 255, 0.800520426), -18vw -98vh 1px 0.75px #fbfefc, 19vw -33vh 1px 0.75px #fefdff,
		-36vw -21vh 1px 0.75px #f3f4f2, 16vw -39vh 1px 0.75px rgba(243, 254, 247, 0.726988897), 47vw -57vh 1px 0.75px rgba(248, 244, 245, 0.5195989269),
		-83vw -81vh 1px 0.75px #fefdf2, -44vw -19vh 1px 0.75px rgba(245, 242, 243, 0.8433148122), 58vw -37vh 1px 0.75px rgba(255, 245, 249, 0.9858396814),
		61vw -76vh 1px 0.75px rgba(249, 247, 245, 0.7973323753), -59vw 45vh 1px 0.75px rgba(246, 254, 254, 0.5407901041), -20vw 73vh 1px 0.75px #fef8f1,
		-57vw -77vh 1px 0.75px #fefff2, -84vw 20vh 1px 0.75px rgba(247, 250, 254, 0.620131291), 77vw 20vh 1px 0.75px #f6fafd,
		87vw -15vh 1px 0.75px rgba(249, 250, 246, 0.7752325345), 19vw 60vh 1px 0.75px #fbfafb, 84vw 37vh 1px 0.75px #f5fef7, 69vw -79vh 1px 0.75px #fff4fb,
		64vw -90vh 1px 0.75px #f2f2f2, 70vw 21vh 1px 0.75px #fcf8f3, -63vw 86vh 1px 0.75px rgba(241, 253, 250, 0.881736872),
		-99vw -89vh 1px 0.75px rgba(255, 255, 245, 0.808938129), 13vw 58vh 1px 0.75px rgba(251, 247, 251, 0.6117021217),
		69vw -43vh 1px 0.75px rgba(241, 252, 255, 0.7327540053), 35vw -94vh 1px 0.75px #f4fbf5, 21vw -13vh 1px 0.75px rgba(251, 253, 244, 0.5327758874),
		-6vw -99vh 1px 0.75px #fdfdf4, -28vw -81vh 1px 0.75px #fdf6fb, -91vw 39vh 1px 0.75px #f1f2f1;
	width: 1px;
	height: 1px;
	animation: star-movement-564f5c78 12s cubic-bezier(0.55, 0, 1, 0.45) infinite,direction-movement-564f5c78 30s ease-in-out alternate infinite;
}
div.starfield .moving-1[data-v-564f5c78] {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 3px;
	height: 3px;
	border-radius: 100%;
	transform-origin: -31vw -38vh;
	box-shadow: 98vw -71vh 1px 0.75px rgba(251, 254, 249, 0.5796560731), 60vw -74vh 1px 0.75px #f8f7f7, 28vw 43vh 1px 0.75px rgba(244, 241, 248, 0.6620956293),
		46vw -74vh 1px 0.75px #f5f9f9, 23vw 30vh 1px 0.75px #f2f6f2, -63vw 77vh 1px 0.75px #f6f6f9, -30vw 20vh 1px 0.75px rgba(255, 254, 242, 0.95287468),
		-55vw -26vh 1px 0.75px rgba(241, 244, 253, 0.883166328), 26vw 2vh 1px 0.75px #f2f3f7, 71vw -60vh 1px 0.75px rgba(248, 252, 241, 0.5509532549),
		74vw -17vh 1px 0.75px rgba(249, 246, 244, 0.7413498004), 96vw 16vh 1px 0.75px rgba(247, 246, 253, 0.6869293477), -36vw 53vh 1px 0.75px #fbf8f5,
		22vw 94vh 1px 0.75px #f1f2fe, -59vw 90vh 1px 0.75px #f5f5f1, 45vw 59vh 1px 0.75px #fbf2f5, -59vw 90vh 1px 0.75px rgba(252, 245, 252, 0.937959723),
		42vw -83vh 1px 0.75px rgba(244, 251, 247, 0.759251987), -29vw 83vh 1px 0.75px #f5fdf4, 34vw -96vh 1px 0.75px rgba(248, 254, 254, 0.547830485),
		16vw -5vh 1px 0.75px rgba(251, 245, 252, 0.8815244488), 69vw 64vh 1px 0.75px #fcfcf4, 13vw -25vh 1px 0.75px rgba(254, 251, 242, 0.9875626299),
		94vw -52vh 1px 0.75px rgba(246, 249, 244, 0.7827653594), 53vw 40vh 1px 0.75px #f5fbf3, -36vw 27vh 1px 0.75px #f7faff, -16vw 48vh 1px 0.75px #fef8f9,
		-46vw -68vh 1px 0.75px rgba(253, 241, 252, 0.8559579086), -31vw -88vh 1px 0.75px rgba(241, 241, 243, 0.5032175611),
		61vw 91vh 1px 0.75px rgba(251, 244, 248, 0.5219877666), -82vw 27vh 1px 0.75px #f4f9f7, 19vw -96vh 1px 0.75px #f5fdf4, -74vw -74vh 1px 0.75px #f2fef5,
		-30vw 86vh 1px 0.75px rgba(247, 250, 243, 0.996487551), 92vw -2vh 1px 0.75px rgba(252, 245, 246, 0.7235354241),
		99vw 1vh 1px 0.75px rgba(248, 250, 250, 0.9360883972), 88vw -73vh 1px 0.75px #fafbfc, 77vw 96vh 1px 0.75px #faf6fa,
		17vw 95vh 1px 0.75px rgba(244, 248, 241, 0.5054011713), 42vw 5vh 1px 0.75px rgba(246, 249, 254, 0.785195719),
		-97vw 68vh 1px 0.75px rgba(251, 245, 245, 0.7938347435), 7vw -95vh 1px 0.75px rgba(243, 249, 255, 0.5113630258), 75vw -99vh 1px 0.75px #f3fcf7,
		23vw -96vh 1px 0.75px #f1fdfd, 7vw 37vh 1px 0.75px rgba(242, 251, 254, 0.7921848084), -76vw 50vh 1px 0.75px rgba(254, 251, 253, 0.5466062608),
		-89vw -47vh 1px 0.75px #f7f4fc, 64vw 60vh 1px 0.75px #f5f3f4, 35vw -93vh 1px 0.75px rgba(244, 244, 253, 0.9113821496),
		-32vw 14vh 1px 0.75px rgba(255, 249, 247, 0.5448893182), 93vw 79vh 1px 0.75px rgba(243, 253, 243, 0.5715573667),
		30vw -37vh 1px 0.75px rgba(246, 252, 252, 0.5706466807), 56vw 4vh 1px 0.75px rgba(248, 248, 252, 0.8380061132),
		29vw -89vh 1px 0.75px rgba(245, 251, 241, 0.7265369866), 85vw -99vh 1px 0.75px rgba(247, 248, 252, 0.7803772343),
		-10vw 9vh 1px 0.75px rgba(250, 249, 253, 0.5637405381), 44vw 22vh 1px 0.75px rgba(246, 243, 241, 0.8564573626), 79vw 67vh 1px 0.75px #fff4fe,
		3vw -54vh 1px 0.75px rgba(253, 253, 254, 0.70205046), -36vw -14vh 1px 0.75px rgba(249, 250, 244, 0.9694684202), 32vw -34vh 1px 0.75px #fffffb,
		-6vw -95vh 1px 0.75px rgba(253, 252, 252, 0.9187564777), 96vw -45vh 1px 0.75px rgba(242, 250, 252, 0.8899203059),
		79vw -68vh 1px 0.75px rgba(253, 245, 244, 0.7345401342), -19vw 60vh 1px 0.75px #f1fbfb, 33vw 97vh 1px 0.75px #fbf1ff,
		-28vw 25vh 1px 0.75px rgba(242, 248, 245, 0.5307262917), -41vw -98vh 1px 0.75px #faf6f1, -24vw -83vh 1px 0.75px #fff4f9,
		45vw -20vh 1px 0.75px rgba(248, 243, 250, 0.5240054996), 28vw 39vh 1px 0.75px rgba(250, 243, 250, 0.5274017566), 90vw 31vh 1px 0.75px #f8f6f9,
		-96vw -21vh 1px 0.75px #f8f7f2, 96vw 9vh 1px 0.75px rgba(247, 251, 247, 0.7435375515), -64vw -52vh 1px 0.75px #f5f8f3,
		95vw -87vh 1px 0.75px rgba(243, 248, 243, 0.9133779279), 39vw -71vh 1px 0.75px #fbfcfa, -58vw 0vh 1px 0.75px #fbf5f7, -99vw -40vh 1px 0.75px #fff8f1,
		80vw 84vh 1px 0.75px rgba(243, 243, 254, 0.8503211098), -46vw 2vh 1px 0.75px rgba(253, 242, 245, 0.5192076591),
		-99vw 54vh 1px 0.75px rgba(252, 241, 246, 0.7197874037), -71vw -13vh 1px 0.75px rgba(245, 253, 242, 0.8075053814), 8vw 77vh 1px 0.75px #f5f1f1,
		80vw -98vh 1px 0.75px #fff8f1, -35vw -4vh 1px 0.75px #f6f3fb, -5vw -90vh 1px 0.75px #fbfdf1, 90vw -29vh 1px 0.75px rgba(251, 249, 241, 0.807057173),
		-20vw 73vh 1px 0.75px rgba(246, 242, 252, 0.5286088298), -46vw 83vh 1px 0.75px #f2faf1, -18vw 13vh 1px 0.75px #f1f2fc, 70vw 50vh 1px 0.75px #fff9fa,
		-82vw -18vh 1px 0.75px rgba(249, 254, 255, 0.835895734), 27vw -52vh 1px 0.75px rgba(246, 243, 243, 0.5915919663), 79vw -97vh 1px 0.75px #f3faf6,
		-27vw -84vh 1px 0.75px rgba(246, 245, 249, 0.6195757299), 25vw 95vh 1px 0.75px #f6f6fd, -83vw 95vh 1px 0.75px rgba(248, 250, 255, 0.995678514),
		18vw -96vh 1px 0.75px #fafbf9, -87vw -52vh 1px 0.75px #f6fcf4;
	animation: star-movement-564f5c78 9s cubic-bezier(0.55, 0, 1, 0.45) infinite,direction-movement-564f5c78 30s ease-in-out alternate infinite;
}
div.starfield .moving-2[data-v-564f5c78] {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 3px;
	height: 3px;
	border-radius: 100%;
	transform-origin: -31vw -38vh;
	box-shadow: 40vw -74vh 1px 0.75px rgba(243, 253, 243, 0.6976853084), -93vw 42vh 1px 0.75px rgba(241, 241, 245, 0.5218902844), -6vw 27vh 1px 0.75px #f3ffff,
		-21vw -9vh 1px 0.75px #fef9f9, 70vw -13vh 1px 0.75px rgba(245, 253, 246, 0.632556686), 24vw -76vh 1px 0.75px rgba(247, 241, 242, 0.6379328074),
		36vw -80vh 1px 0.75px #f1faf9, 33vw -49vh 1px 0.75px #f4fdf6, 23vw 2vh 1px 0.75px rgba(244, 250, 246, 0.7003595363), -46vw 41vh 1px 0.75px #fef6f3,
		49vw -62vh 1px 0.75px rgba(249, 251, 241, 0.7464029821), 36vw 62vh 1px 0.75px #f3fafe, 87vw 44vh 1px 0.75px #f8f6f6,
		24vw 70vh 1px 0.75px rgba(243, 249, 250, 0.9627452695), -36vw 81vh 1px 0.75px rgba(245, 241, 250, 0.8348169547),
		65vw -86vh 1px 0.75px rgba(251, 250, 255, 0.6697964858), -78vw 27vh 1px 0.75px rgba(251, 250, 245, 0.6678135489), -99vw 84vh 1px 0.75px #fbfbf2,
		-66vw 63vh 1px 0.75px rgba(248, 247, 251, 0.6429325607), 54vw -53vh 1px 0.75px rgba(245, 241, 252, 0.8622728604), -51vw -13vh 1px 0.75px #fcf7f2,
		-93vw -91vh 1px 0.75px rgba(246, 242, 242, 0.7987353667), 80vw 91vh 1px 0.75px #f8f5f3, 67vw -66vh 1px 0.75px #f9f3f1,
		47vw 78vh 1px 0.75px rgba(245, 250, 244, 0.74760595), -22vw 57vh 1px 0.75px rgba(246, 247, 247, 0.7581258614), -96vw -5vh 1px 0.75px #f9f5f5,
		82vw -26vh 1px 0.75px #f3f7fc, 62vw -6vh 1px 0.75px #f2f7f1, 49vw 83vh 1px 0.75px rgba(248, 251, 252, 0.7898566349),
		30vw 45vh 1px 0.75px rgba(247, 241, 253, 0.8091298881), -24vw -54vh 1px 0.75px #f7fcf8, 53vw -22vh 1px 0.75px rgba(254, 244, 249, 0.573485027),
		-48vw 88vh 1px 0.75px #f3f8f8, -89vw -52vh 1px 0.75px rgba(247, 249, 249, 0.6259997331), 0vw 82vh 1px 0.75px #f1f7f5,
		-25vw 9vh 1px 0.75px rgba(252, 242, 255, 0.5956961941), -7vw 31vh 1px 0.75px rgba(253, 253, 247, 0.553963104),
		35vw 62vh 1px 0.75px rgba(254, 245, 254, 0.8865271661), -9vw -53vh 1px 0.75px #f8fbfa, 10vw -81vh 1px 0.75px #faf4fa, -75vw 8vh 1px 0.75px #f6f1f2,
		50vw -51vh 1px 0.75px #fbf9fc, 99vw 32vh 1px 0.75px #fffaf1, -98vw -1vh 1px 0.75px rgba(248, 245, 249, 0.5978577971),
		79vw -65vh 1px 0.75px rgba(243, 243, 245, 0.8759631083), 18vw 29vh 1px 0.75px #f5f3f6, -90vw -94vh 1px 0.75px #f2f5fb, -4vw -51vh 1px 0.75px #f2fef6,
		62vw 71vh 1px 0.75px #f9f6fc, 70vw 33vh 1px 0.75px rgba(243, 246, 249, 0.8400624172), -14vw 71vh 1px 0.75px rgba(249, 246, 241, 0.719868869),
		77vw -49vh 1px 0.75px #f9f9f4, 56vw -68vh 1px 0.75px #f1f1f6, 87vw -50vh 1px 0.75px #fdf9fd, -13vw 24vh 1px 0.75px rgba(254, 255, 245, 0.8050234245),
		20vw -5vh 1px 0.75px rgba(254, 249, 255, 0.7744509303), 29vw -22vh 1px 0.75px rgba(254, 252, 249, 0.8683826021), 54vw -35vh 1px 0.75px snow,
		19vw -30vh 1px 0.75px #f5f5f3, 99vw -48vh 1px 0.75px rgba(245, 245, 249, 0.5407473116), -84vw -26vh 1px 0.75px #f7f5fe, 38vw -24vh 1px 0.75px #f1fbf6,
		-48vw 33vh 1px 0.75px rgba(246, 255, 254, 0.6254991258), 28vw 15vh 1px 0.75px rgba(250, 245, 253, 0.8310338887),
		73vw 91vh 1px 0.75px rgba(253, 242, 254, 0.7767698708), -65vw 96vh 1px 0.75px #f4f1f8, 8vw -48vh 1px 0.75px rgba(253, 246, 246, 0.8645967089),
		-22vw -85vh 1px 0.75px #f9f3f8, 36vw 63vh 1px 0.75px rgba(254, 253, 241, 0.6785751691), 99vw 37vh 1px 0.75px rgba(247, 247, 247, 0.582057336),
		56vw -76vh 1px 0.75px #fffcfd, 83vw -12vh 1px 0.75px rgba(247, 250, 248, 0.8136677806), 26vw -12vh 1px 0.75px #fef9fd,
		100vw 82vh 1px 0.75px rgba(250, 242, 248, 0.6861693788), 73vw -21vh 1px 0.75px #fbfcfb, -91vw -24vh 1px 0.75px rgba(253, 245, 241, 0.7598353681),
		94vw 49vh 1px 0.75px rgba(254, 252, 251, 0.7513094056), -18vw 14vh 1px 0.75px rgba(247, 241, 247, 0.8442176478), -80vw 99vh 1px 0.75px #fcf3f8,
		-21vw 22vh 1px 0.75px #fdfaf6, 9vw 56vh 1px 0.75px rgba(241, 252, 250, 0.9484880841), -86vw 63vh 1px 0.75px #fffff7,
		97vw 93vh 1px 0.75px rgba(246, 243, 246, 0.7090860489), -47vw 100vh 1px 0.75px #fbf6f6, 57vw -62vh 1px 0.75px #f9f2f5,
		-60vw 60vh 1px 0.75px rgba(250, 248, 246, 0.8128038178), -63vw 85vh 1px 0.75px #fcfcf9, -76vw -58vh 1px 0.75px #f4faf4,
		-8vw 93vh 1px 0.75px rgba(253, 250, 245, 0.7038606127), -95vw 32vh 1px 0.75px rgba(242, 252, 245, 0.8777265504), 53vw -8vh 1px 0.75px #f7f9f6,
		49vw -13vh 1px 0.75px #f5f9fd, -41vw -60vh 1px 0.75px #f1faf1, -67vw 41vh 1px 0.75px rgba(254, 255, 254, 0.7231559202), 2vw 68vh 1px 0.75px #f9f3f6,
		-63vw 100vh 1px 0.75px #fbf1fc, -82vw 41vh 1px 0.75px #f8fff9, -72vw 95vh 1px 0.75px rgba(246, 244, 254, 0.8975317144),
		-42vw -56vh 1px 0.75px rgba(248, 253, 247, 0.5535049695);
	animation: star-movement-564f5c78 9s -3s cubic-bezier(0.55, 0, 1, 0.45) infinite,direction-movement-564f5c78 30s ease-in-out alternate infinite;
}
div.starfield .moving-3[data-v-564f5c78] {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 3px;
	height: 3px;
	border-radius: 100%;
	transform-origin: -31vw -38vh;
	box-shadow: -44vw 6vh 1px 0.75px #f2f3fb, -80vw 15vh 1px 0.75px rgba(243, 250, 243, 0.516430015), 27vw -53vh 1px 0.75px #f3f7f6, -72vw 67vh 1px 0.75px #f2f7fd,
		67vw -22vh 1px 0.75px #fef1fe, 84vw 49vh 1px 0.75px rgba(251, 243, 255, 0.6223981162), -99vw 33vh 1px 0.75px #fdf7f1, -19vw 69vh 1px 0.75px #f1f4f3,
		24vw 62vh 1px 0.75px rgba(249, 244, 245, 0.847846961), -48vw 15vh 1px 0.75px rgba(252, 252, 243, 0.9462591898),
		-18vw 42vh 1px 0.75px rgba(242, 252, 248, 0.5148233329), -7vw -11vh 1px 0.75px rgba(254, 251, 242, 0.523792914),
		-37vw 21vh 1px 0.75px rgba(253, 251, 250, 0.6881076159), -47vw -23vh 1px 0.75px rgba(243, 242, 243, 0.6893285365), -79vw -28vh 1px 0.75px #f4f5fd,
		-33vw 85vh 1px 0.75px rgba(243, 241, 253, 0.8328932503), 63vw -7vh 1px 0.75px #fdf7ff, 94vw 26vh 1px 0.75px #f1fefc,
		-21vw 27vh 1px 0.75px rgba(244, 241, 251, 0.9303236812), -3vw -78vh 1px 0.75px rgba(254, 245, 245, 0.8262886947), 50vw -42vh 1px 0.75px #f6fef4,
		75vw 7vh 1px 0.75px #fbf4f7, 52vw -37vh 1px 0.75px #f1f6f8, 11vw 64vh 1px 0.75px #f7f2fe, -89vw 23vh 1px 0.75px rgba(245, 242, 250, 0.5728733726),
		38vw -48vh 1px 0.75px #f4fdf7, 61vw 66vh 1px 0.75px #f5f3f5, -25vw -43vh 1px 0.75px #f8f3f4, 6vw 77vh 1px 0.75px rgba(241, 246, 252, 0.7924307884),
		66vw 56vh 1px 0.75px rgba(247, 247, 248, 0.7896422377), 95vw 2vh 1px 0.75px rgba(249, 247, 246, 0.590453276), 9vw -33vh 1px 0.75px #fefcff,
		-44vw -94vh 1px 0.75px rgba(250, 249, 248, 0.7011202204), 43vw 0vh 1px 0.75px #fdfaf8, 43vw 87vh 1px 0.75px rgba(250, 241, 246, 0.7653099926),
		-18vw -25vh 1px 0.75px rgba(241, 249, 241, 0.5380415257), -16vw 42vh 1px 0.75px #f9fef1, -82vw 62vh 1px 0.75px rgba(243, 241, 243, 0.7823410134),
		-88vw -31vh 1px 0.75px rgba(245, 249, 243, 0.5612056516), -84vw 69vh 1px 0.75px #f5fcf9, -40vw 4vh 1px 0.75px rgba(246, 245, 252, 0.6526124422),
		-18vw 32vh 1px 0.75px #f6f9f8, -26vw 47vh 1px 0.75px rgba(252, 247, 243, 0.5120760699), 11vw 74vh 1px 0.75px #f4f4f6,
		88vw 64vh 1px 0.75px rgba(254, 242, 255, 0.6278793349), 1vw 100vh 1px 0.75px #fdf5fb, -12vw -52vh 1px 0.75px #fff1fa, -81vw 2vh 1px 0.75px #f9f9fa,
		-74vw 78vh 1px 0.75px rgba(253, 247, 250, 0.6531596142), 29vw 35vh 1px 0.75px rgba(254, 244, 244, 0.5155631285), -50vw 11vh 1px 0.75px #f4fcfc,
		-95vw -18vh 1px 0.75px rgba(245, 241, 241, 0.5907147267), 75vw 76vh 1px 0.75px rgba(252, 253, 245, 0.6198726616),
		8vw 26vh 1px 0.75px rgba(242, 254, 244, 0.6958144356), -84vw -22vh 1px 0.75px #f6f5fd, 55vw -21vh 1px 0.75px #fdf1fa,
		-27vw 38vh 1px 0.75px rgba(241, 248, 248, 0.5923234092), -41vw -69vh 1px 0.75px rgba(244, 243, 250, 0.7658755818),
		99vw 71vh 1px 0.75px rgba(253, 251, 248, 0.7687157225), -35vw -13vh 1px 0.75px rgba(254, 255, 246, 0.9431341704), -66vw -30vh 1px 0.75px #f8f3f2,
		-54vw -97vh 1px 0.75px #f5fffe, -31vw 73vh 1px 0.75px rgba(242, 249, 249, 0.6221945971), -78vw 51vh 1px 0.75px rgba(241, 255, 244, 0.9122044389),
		74vw -79vh 1px 0.75px rgba(249, 250, 253, 0.6143912375), -85vw -54vh 1px 0.75px #fff7ff, 8vw -50vh 1px 0.75px #f3fbf5, -55vw 8vh 1px 0.75px #fff5f9,
		49vw -98vh 1px 0.75px #f1f3fd, -87vw 27vh 1px 0.75px rgba(248, 242, 246, 0.7316524966), -50vw 43vh 1px 0.75px rgba(242, 255, 242, 0.9689863526),
		-81vw -81vh 1px 0.75px rgba(247, 245, 251, 0.7452617459), 8vw -90vh 1px 0.75px #f7f8f1, -10vw 52vh 1px 0.75px rgba(245, 251, 242, 0.8692656615),
		-30vw -52vh 1px 0.75px #f9fff1, 49vw -46vh 1px 0.75px #f2f6f8, 63vw 99vh 1px 0.75px #f7f9fd, -67vw 14vh 1px 0.75px #f1f8fc, 69vw 95vh 1px 0.75px #f3f3f2,
		56vw -55vh 1px 0.75px rgba(247, 253, 253, 0.7457878729), -4vw 84vh 1px 0.75px rgba(242, 252, 243, 0.7350566017),
		-61vw -68vh 1px 0.75px rgba(245, 252, 243, 0.5956419672), -30vw 88vh 1px 0.75px rgba(247, 249, 245, 0.7603800395), 80vw 41vh 1px 0.75px #fefdf7,
		-33vw 88vh 1px 0.75px rgba(248, 252, 250, 0.6284337101), -45vw 3vh 1px 0.75px #fdf8fd, 71vw 57vh 1px 0.75px #fbfcf5, -67vw 36vh 1px 0.75px #fffef1,
		16vw 32vh 1px 0.75px #f2fff9, -8vw 9vh 1px 0.75px rgba(249, 245, 243, 0.5095446679), -10vw -57vh 1px 0.75px rgba(253, 255, 246, 0.5957843896),
		56vw 92vh 1px 0.75px rgba(244, 244, 248, 0.6443797484), 62vw 51vh 1px 0.75px rgba(254, 241, 255, 0.6773818306),
		-41vw 29vh 1px 0.75px rgba(245, 248, 242, 0.8849121272), 75vw 74vh 1px 0.75px #f3fefd, -20vw 91vh 1px 0.75px #fcfaf1, -49vw 56vh 1px 0.75px #fbfbf3,
		-80vw -50vh 1px 0.75px rgba(241, 241, 242, 0.8231185693), -97vw 13vh 1px 0.75px #f6faf2, 43vw -50vh 1px 0.75px rgba(253, 255, 252, 0.8920248562);
	animation: star-movement-564f5c78 9s -6s cubic-bezier(0.55, 0, 1, 0.45) infinite,direction-movement-564f5c78 30s ease-in-out alternate infinite;
}
@keyframes star-movement-564f5c78 {
0% {
		transform: scale(0.5) translateZ(0);
		opacity: 0;
}
20% {
		opacity: 1;
}
99% {
		opacity: 1;
}
100% {
		transform: scale(2) translateZ(0);
		opacity: 0;
}
}
@keyframes direction-movement-564f5c78 {
from {
		transform-origin: -12vw -2vh;
}
to {
		transform-origin: 25vw 23vh;
}
}
div.word[data-v-564f5c78] {
	position: absolute;
	right: 1vw;
	text-align: right;
	font-size: 2vh;
	animation: word-appear-564f5c78 60s infinite;
	opacity: 0;
	transform: translate3d(calc(1vw + 100%), 0, 0);
}
@keyframes word-appear-564f5c78 {
0% {
		opacity: 0;
		transform: translate3d(calc(1vw + 100%), 0, 0);
}
2% {
		opacity: 1;
		transform: translate3d(0, 0, 0);
}
80% {
		opacity: 0;
		transform: translate3d(0, 0, 0);
}
}
.screen-body[data-v-eb79a708] {
  padding: 0.125rem;
  display: flex;
  overflow: hidden;
  height: calc(100% - 0.9rem);
}
.screen-body .left[data-v-eb79a708] {
  display: flex;
  flex-direction: column;
}
.screen-body .left .item[data-v-eb79a708] {
  background: url("../img/box-WOtwGkgs.png");
  background-size: 100% 100%;
  color: #fff;
  width: 2.375rem;
  height: 0.75rem;
  display: flex;
  align-items: center;
  margin-bottom: 0.125rem;
}
.screen-body .left .item .icon[data-v-eb79a708] {
  width: 0.75rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.screen-body .left .item .info[data-v-eb79a708] {
  margin-left: 0.125rem;
  line-height: 1;
}
.screen-body .left .item .info p[data-v-eb79a708] {
  font-size: 0.225rem;
  color: rgb(0, 248, 244);
}
.screen-body .left .item .info p[data-v-eb79a708]:last-child {
  font-size: 0.125rem;
  margin-top: 0.0375rem;
  color: rgb(165, 216, 252);
}
.screen-body .left .warn[data-v-eb79a708] {
  width: 1.5rem;
  height: 0.875rem;
  background: url("../img/alert-PnV5ZM6C.png");
  background-size: 100% 100%;
  font-size: 0.15rem;
  font-weight: 400;
  color: rgb(255, 135, 151);
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.screen-body .left .warn span[data-v-eb79a708] {
  margin-left: 0.4rem;
}
.screen-body .right[data-v-eb79a708] {
  display: flex;
  margin-left: auto;
}
.screen-body .right .wrapper[data-v-eb79a708]:not(:last-child) {
  margin-right: 0.0625rem;
}
.screen-body .right .main-wrapper .main-title[data-v-eb79a708] {
  background: url("../img/title-CJjILicm.png");
  background-size: 100% 100%;
  height: 0.6rem;
  width: 4rem;
  padding-top: 0.0375rem;
}
.screen-body .right .main-wrapper .main-title span[data-v-eb79a708] {
  color: rgb(165, 216, 252);
  font-size: 0.1625rem;
  margin-left: 0.375rem;
}
.screen-body .right .main-wrapper .main-content[data-v-eb79a708] {
  width: 4rem;
}
.screen-body .right .main-wrapper .main-content .chart[data-v-eb79a708] {
  width: 100%;
  height: 100%;
}
.screen-body .right .main-wrapper .main-content .sub-title[data-v-eb79a708] {
  background: url("../img/sub_title-C4ZskYey.png");
  background-size: 100% 100%;
  height: 0.24rem;
  width: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 0.15rem;
  margin-bottom: 0.125rem;
}
.screen-body .right .main-wrapper .main-content .hospital-info[data-v-eb79a708] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 0.185rem;
}
.screen-body .right .main-wrapper .main-content .hospital-info .info[data-v-eb79a708] {
  flex: 1 1 50%;
  margin-bottom: 0.0625rem;
  line-height: 1.6;
}
.screen-body .right .main-wrapper .main-content .hospital-info .info span[data-v-eb79a708] {
  font-size: 0.135rem;
  color: rgba(228, 243, 255, 0.6);
}
.screen-body .right .main-wrapper .main-content .hospital-info .info span[data-v-eb79a708]:last-child {
  color: rgb(217, 241, 253);
}
.screen-body .right .main-wrapper .main-content .hospital-info .data-item[data-v-eb79a708] {
  flex: 1 1 33.3%;
  margin-bottom: 0.0625rem;
  line-height: 1.5;
}
.screen-body .right .main-wrapper .main-content .hospital-info .data-item span[data-v-eb79a708] {
  color: rgba(228, 243, 255, 0.7);
  text-align: center;
  display: inline-block;
  width: 100%;
  font-size: 0.135rem;
}
.screen-body .right .main-wrapper .main-content .hospital-info .data-item .value[data-v-eb79a708] {
  background: url("../img/box7-BFCKFVK3.png");
  background-size: 100% 100%;
  width: 1.265rem;
  height: 0.465rem;
  margin-top: 0.0625rem;
  font-size: 0.2rem;
  color: #00f8f4;
  display: flex;
  align-items: center;
  justify-content: center;
}
.screen-body .right .main-wrapper .main-content .hospital-info .build-item[data-v-eb79a708] {
  margin-bottom: 0.125rem;
  line-height: 1.5;
  background: url("../img/info4_box-BTP7ElAJ.png");
  background-size: 100% 100%;
  width: 1.85rem;
  height: 0.5rem;
  display: flex;
}
.screen-body .right .main-wrapper .main-content .hospital-info .build-item .icon[data-v-eb79a708] {
  width: 30px;
  height: 30px;
  margin-left: 0.125rem;
}
.screen-body .right .main-wrapper .main-content .hospital-info .build-item .data[data-v-eb79a708] {
  margin-left: 0.4375rem;
  flex: 1;
}
.screen-body .right .main-wrapper .main-content .hospital-info .build-item .data .label[data-v-eb79a708] {
  margin-top: -0.08rem;
}
.screen-body .right .main-wrapper .main-content .hospital-info .build-item .data p[data-v-eb79a708] {
  color: rgba(228, 243, 255, 0.6);
  display: flex;
  align-items: center;
}
.screen-body .right .main-wrapper .main-content .hospital-info .build-item .data p:last-child span[data-v-eb79a708] {
  color: rgb(217, 241, 253);
  font-size: 0.175rem;
}
.screen-body .right .main-wrapper .main-content .hospital-info .build-item .data p:last-child .unit[data-v-eb79a708] {
  color: rgba(217, 241, 253, 0.7);
  font-size: 0.12rem;
  margin-left: auto;
  margin-right: 0.1875rem;
}
.screen-body .right .main-wrapper .main-content .pic-view[data-v-eb79a708] {
  width: 100%;
  height: 20vh;
  background: url("../img/box10-W2HzGl27.png");
  background-size: 100% 100%;
  padding: 0.125rem;
}
.screen-body .right .main-wrapper .main-content .pic-view .image[data-v-eb79a708] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.screen-body .right .main-wrapper .main-content .tab[data-v-eb79a708] {
  display: flex;
  align-items: center;
  margin-top: -0.15rem;
  font-size: 0.135rem;
}
.screen-body .right .main-wrapper .main-content .tab .tab-item[data-v-eb79a708] {
  background: url("../img/tab1-YPw-_Uzg.png");
  background-size: 100% 100%;
  width: 1.25rem;
  height: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.6);
  margin-right: -0.25rem;
}
.screen-body .right .main-wrapper .main-content .tab .active[data-v-eb79a708] {
  background: url("../img/tab1-seleted-Vi5TqZMv.png");
  background-size: 100% 100%;
  color: rgb(132, 248, 251);
  height: 0.5rem;
}
.screen-body .right .main-wrapper .main-content .car-total[data-v-eb79a708] {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  margin-bottom: 0.125rem;
}
.screen-body .right .main-wrapper .main-content .car-total .car-item[data-v-eb79a708] {
  background: url("../img/info2_box-BFKVsKa1.png");
  background-size: 100% 100%;
  width: 1.3rem;
  height: 0.55rem;
  display: flex;
  flex-direction: column;
  color: #fff;
  align-items: center;
  justify-content: center;
}
.screen-body .right .main-wrapper .main-content .car-total .car-item .t[data-v-eb79a708] {
  font-size: 0.135rem;
  font-weight: 500;
  text-align: center;
}
.screen-body .right .main-wrapper .main-content .car-total .car-item .s[data-v-eb79a708] {
  font-size: 0.1rem;
}
.screen-body .right .main-wrapper .main-content .car-total .car-item .v[data-v-eb79a708] {
  font-size: 0.125rem;
  color: rgb(217, 241, 253);
}
.screen-body .right .main-wrapper .main-content .car-total .car-item p[data-v-eb79a708]:last-child {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.screen-body .right .main-wrapper .main-content .car-total .car[data-v-eb79a708] {
  background: url("../img/box3-CQjFPNL_.png");
  background-size: 100% 100%;
  width: 100%;
  height: 0.9rem;
  display: flex;
  align-items: center;
  margin-top: -0.125rem;
  margin-bottom: 0.0625rem;
}
.screen-body .right .main-wrapper .main-content .car-total .car .image[data-v-eb79a708] {
  height: 0.5rem;
  margin-left: 0.25rem;
  margin-top: 0.17rem;
}
.screen-body .right .main-wrapper .main-content .car-total .car .car-info[data-v-eb79a708] {
  margin-top: 0.17rem;
  margin-left: 0.25rem;
}
.screen-body .right .main-wrapper .main-content .car-total .car .car-info p[data-v-eb79a708] {
  font-size: 0.175rem;
  color: rgb(0, 248, 244);
}
.screen-body .right .main-wrapper .main-content .car-total .car .car-info p[data-v-eb79a708]:last-child {
  font-size: 0.125rem;
  color: rgba(228, 243, 255, 0.6);
}
.screen-body .right .main-wrapper .main-content .model-item[data-v-eb79a708] {
  display: flex;
  align-items: center;
  padding: 0.0625rem;
  margin-bottom: 0.0375rem;
}
.screen-body .right .main-wrapper .main-content .model-item span[data-v-eb79a708] {
  flex: 1 0 20%;
  font-size: 0.125rem;
  color: rgba(228, 243, 255, 0.6);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.screen-body .right .main-wrapper .main-content .model-item span[data-v-eb79a708]:nth-child(3) {
  text-align: right;
}
.screen-body .right .main-wrapper .main-content .model-item .progress[data-v-eb79a708] {
  flex-basis: 60%;
}
.screen-body .right .main-wrapper .main-content .monitor[data-v-eb79a708] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.125rem;
}
.screen-body .right .main-wrapper .main-content .monitor .monitor-item[data-v-eb79a708] {
  border-radius: 0.0625rem;
  position: relative;
}
.screen-body .right .main-wrapper .main-content .monitor .monitor-item .image[data-v-eb79a708] {
  border-radius: 0.0625rem;
  width: 1.95rem;
  height: 1.25rem;
}
.screen-body .right .main-wrapper .main-content .monitor .monitor-item .footer[data-v-eb79a708] {
  position: absolute;
  bottom: 0;
  background: linear-gradient(90deg, rgb(49, 130, 131) 0%, rgb(34, 52, 69) 100%);
  color: #fff;
  font-size: 0.15rem;
  font-weight: 600;
  padding: 0.0625rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border-radius: 0 0 0.0625rem 0.0625rem;
}
.screen-body .right .main-wrapper .main-content .monitor .active[data-v-eb79a708] {
  border: 1px solid #fff;
}
.screen-body .right .main-wrapper .main-content .list[data-v-eb79a708] {
  display: flex;
  flex-direction: column;
}
.screen-body .right .main-wrapper .main-content .list .item[data-v-eb79a708] {
  display: flex;
  align-items: center;
  color: #fff;
  margin-bottom: 0.0625rem;
}
.screen-body .right .main-wrapper .main-content .list .item > *[data-v-eb79a708] {
  flex: 1 0 33.3%;
  font-size: 0.15rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.0625rem 0;
}
.screen-body .right .main-wrapper .main-content .list .head[data-v-eb79a708] {
  background: linear-gradient(90deg, rgb(69, 97, 130) 0%, rgb(69, 97, 130) 100%);
}
.screen-body .right .main-wrapper .main-content .list .warn[data-v-eb79a708] {
  background: linear-gradient(264.91deg, rgba(133, 91, 91, 0.23) 0%, rgba(225, 98, 98, 0.5) 100%);
  color: rgb(225, 98, 98);
}.screen-body[data-v-d930556e] {
  padding: 0.125rem;
  display: flex;
  overflow: hidden;
  height: calc(100% - 0.9rem);
  position: relative;
}
.screen-body .left[data-v-d930556e] {
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: all 0.6s ease-out;
  position: absolute;
  top: 0;
  left: 0;
}
.screen-body .left .item[data-v-d930556e] {
  background: url("../img/menu2-DASLjULc.png");
  background-size: 100% 100%;
  color: #fff;
  width: 3rem;
  height: 0.65rem;
  display: flex;
  align-items: center;
  margin-bottom: 0.125rem;
}
.screen-body .left .item .icon[data-v-d930556e] {
  width: 0.67rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.screen-body .left .item .info[data-v-d930556e] {
  margin-left: 0.125rem;
}
.screen-body .left .item .info p[data-v-d930556e] {
  font-size: 0.175rem;
  color: rgb(228, 243, 255);
  margin-bottom: -0.0375rem;
}
.screen-body .left .item .info p[data-v-d930556e]:last-child {
  font-size: 0.125rem;
  margin-top: 0.12rem;
  color: #a5d8fc;
}
.screen-body .left .item-seleted[data-v-d930556e] {
  background: url("../img/menu2_seleted-Dw44baQZ.png");
  background-size: 100% 100%;
}
.screen-body .left .warn[data-v-d930556e] {
  width: 1.5rem;
  height: 0.875rem;
  background: url("../img/alert-PnV5ZM6C.png");
  background-size: 100% 100%;
  font-size: 0.15rem;
  font-weight: 400;
  color: rgb(255, 135, 151);
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.screen-body .left .warn span[data-v-d930556e] {
  margin-left: 0.4rem;
}
.screen-body .none-btn[data-v-d930556e] {
  opacity: 0;
}
.screen-body .right[data-v-d930556e] {
  display: flex;
  margin-left: auto;
  transition: all 0.6s ease-out;
  position: absolute;
  top: 0;
  right: 0;
}
.screen-body .right .wrapper[data-v-d930556e]:not(:last-child) {
  margin-right: 0.0625rem;
}
.screen-body .right .main-wrapper .main-title[data-v-d930556e] {
  background: url("../img/title-CJjILicm.png");
  background-size: 100% 100%;
  height: 0.6rem;
  width: 4rem;
  padding-top: 0.0375rem;
}
.screen-body .right .main-wrapper .main-title span[data-v-d930556e] {
  color: rgb(165, 216, 252);
  font-size: 0.1625rem;
  margin-left: 0.375rem;
}
.screen-body .right .main-wrapper .main-content[data-v-d930556e] {
  width: 4rem;
  height: 20vh;
}
.screen-body .right .main-wrapper .main-content .chart[data-v-d930556e] {
  width: 100%;
  height: 100%;
}
.screen-body .right .main-wrapper .data-info[data-v-d930556e] {
  display: flex;
  justify-content: space-between;
}
.screen-body .right .main-wrapper .data-info .data-item[data-v-d930556e] {
  width: 31%;
  text-align: center;
  background: url("../img/box5-C5wbmT3c.png") no-repeat top;
  background-color: rgba(255, 255, 255, 0.1);
  padding-top: 0.125rem;
}
.screen-body .right .main-wrapper .data-info .data-item .chart[data-v-d930556e] {
  height: 13vh;
}
.screen-body .right .main-wrapper .data-info .data-item p[data-v-d930556e] {
  font-size: 0.125rem;
  color: #fff;
  margin-top: 0.125rem;
  font-weight: 600;
}
.screen-body .right .main-wrapper .total-content[data-v-d930556e] {
  display: flex;
  flex-direction: column;
  height: 23vh;
}
.screen-body .right .main-wrapper .total-content .total-item[data-v-d930556e] {
  background: url("../img/box2-COPBzf3K.png");
  background-size: 100% 100%;
  height: 0.8rem;
  display: flex;
  align-items: center;
}
.screen-body .right .main-wrapper .total-content .total-item .icon[data-v-d930556e] {
  margin-left: 0.29rem;
}
.screen-body .right .main-wrapper .total-content .total-item .title[data-v-d930556e] {
  color: rgb(165, 216, 252);
  font-size: 0.15rem;
  font-weight: 500;
  margin-left: 0.3rem;
}
.screen-body .right .main-wrapper .total-content .total-item .info[data-v-d930556e] {
  display: flex;
  align-items: center;
}
.screen-body .right .main-wrapper .total-content .total-item .info .data[data-v-d930556e] {
  margin-left: 0.25rem;
}
.screen-body .right .main-wrapper .total-content .total-item .info .data p[data-v-d930556e] {
  color: rgb(217, 241, 253);
  font-size: 0.175rem;
}
.screen-body .right .main-wrapper .total-content .total-item .info .data p[data-v-d930556e]:last-child {
  color: rgba(217, 241, 253, 0.6);
  font-size: 0.1rem;
}
.screen-body .right .main-wrapper .build-total[data-v-d930556e] {
  height: 40vh;
  display: flex;
  flex-direction: column;
}
.screen-body .right .main-wrapper .build-total .build-item[data-v-d930556e] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.screen-body .right .main-wrapper .build-total .build-item .title[data-v-d930556e] {
  background: url("../img/sub_title_min-Cj8hGar3.png");
  background-size: 100% 100%;
  height: 0.24rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 0.14rem;
}
.screen-body .right .main-wrapper .build-total .build-item .title span[data-v-d930556e] {
  font-size: 0.125rem;
}
.screen-body .right .main-wrapper .build-total .build-item .content[data-v-d930556e] {
  flex: 1;
}
.screen-body .right .main-wrapper .build-total .build-item .content .model-item[data-v-d930556e] {
  display: flex;
  align-items: center;
  padding: 0.0625rem;
  margin-bottom: 0.0375rem;
}
.screen-body .right .main-wrapper .build-total .build-item .content .model-item span[data-v-d930556e] {
  flex: 1 0 20%;
  font-size: 0.125rem;
  color: rgba(228, 243, 255, 0.6);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.screen-body .right .main-wrapper .build-total .build-item .content .model-item span[data-v-d930556e]:nth-child(1) {
  flex: 1 0 22%;
}
.screen-body .right .main-wrapper .build-total .build-item .content .model-item span[data-v-d930556e]:nth-child(3) {
  text-align: right;
}
.screen-body .right .main-wrapper .build-total .build-item .content .model-item .progress[data-v-d930556e] {
  flex-basis: 50%;
}
.screen-body .right .main-wrapper .dept-rank .dept-item[data-v-d930556e] {
  display: flex;
  align-items: center;
  padding: 0 0.0625rem;
  margin-bottom: 0.125rem;
}
.screen-body .right .main-wrapper .dept-rank .dept-item .index[data-v-d930556e] {
  color: rgb(0, 248, 244);
  font-size: 0.175rem;
}
.screen-body .right .main-wrapper .dept-rank .dept-item .row[data-v-d930556e] {
  flex: 1;
  background: url("../img/tr-DXoCtyPC.png");
  background-size: 100% 100%;
  height: 0.5rem;
  display: flex;
  align-items: center;
  padding-left: 0.125rem;
  color: #fff;
}
.screen-body .right .main-wrapper .dept-rank .dept-item .row .title[data-v-d930556e] {
  font-size: 0.15rem;
}
.screen-body .right .main-wrapper .dept-rank .dept-item .row .info[data-v-d930556e] {
  display: flex;
  align-items: center;
  flex: 1;
}
.screen-body .right .main-wrapper .dept-rank .dept-item .row .info .data[data-v-d930556e] {
  margin-left: 0.25rem;
  text-align: center;
  flex: 1;
}
.screen-body .right .main-wrapper .dept-rank .dept-item .row .info .data p[data-v-d930556e] {
  font-size: 0.125rem;
}
.screen-body .right .main-wrapper .dept-rank .dept-item .row .info .data p span[data-v-d930556e] {
  color: rgba(255, 255, 255, 0.6);
}
.screen-body .left-back[data-v-d930556e] {
  left: -100%;
}
.screen-body .right-back[data-v-d930556e] {
  right: -100%;
}.sub-container[data-v-3e38a3cb] {
  display: flex;
  position: relative;
}
.sub-container .wrapper[data-v-3e38a3cb] {
  width: 20vw;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.sub-container .wrapper .main-wrapper[data-v-3e38a3cb] {
  width: 100%;
  padding: 0 0.125rem 0.0625rem;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  color: #ffffff;
  background: linear-gradient(0deg, rgba(10, 19, 28, 0.6), rgba(15, 28, 40, 0.4) 40.98%, rgba(16, 28, 40, 0.4) 67.9%, rgba(16, 29, 41, 0.6));
}
.sub-container .wrapper .main-wrapper .main-title[data-v-3e38a3cb] {
  background: url("../img/title-CJjILicm.png");
  background-size: 100% 100%;
  height: 0.6rem;
  width: 4rem;
  padding-top: 0.0375rem;
}
.sub-container .wrapper .main-wrapper .main-title span[data-v-3e38a3cb] {
  color: rgb(165, 216, 252);
  font-size: 0.1625rem;
  margin-left: 0.375rem;
}
.sub-container .wrapper .main-wrapper .main-content[data-v-3e38a3cb] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.sub-container .wrapper .main-wrapper .main-content .chart[data-v-3e38a3cb] {
  width: 100%;
  height: 100%;
}
.sub-container .wrapper .data-wrapper[data-v-3e38a3cb] {
  display: flex;
}
.sub-container .wrapper .data-wrapper .data-total[data-v-3e38a3cb] {
  display: flex;
  flex-direction: column;
  flex: none;
  margin-right: 0.125rem;
  justify-content: space-evenly;
}
.sub-container .wrapper .data-wrapper .data-total .data-item[data-v-3e38a3cb] {
  margin-bottom: 0.0625rem;
  line-height: 1.5;
  background: url("../img/info4_box-BTP7ElAJ.png");
  background-size: 100% 100%;
  width: 1.85rem;
  height: 0.5rem;
  display: flex;
}
.sub-container .wrapper .data-wrapper .data-total .data-item .icon[data-v-3e38a3cb] {
  width: 0.375rem;
  height: 0.375rem;
  margin-left: 0.125rem;
}
.sub-container .wrapper .data-wrapper .data-total .data-item .data[data-v-3e38a3cb] {
  margin-left: 0.4375rem;
  flex: 1;
}
.sub-container .wrapper .data-wrapper .data-total .data-item .data .label[data-v-3e38a3cb] {
  margin-top: -0.08rem;
  font-size: 0.125rem;
}
.sub-container .wrapper .data-wrapper .data-total .data-item .data p[data-v-3e38a3cb] {
  color: rgba(228, 243, 255, 0.6);
  display: flex;
  align-items: center;
}
.sub-container .wrapper .data-wrapper .data-total .data-item .data p:last-child span[data-v-3e38a3cb] {
  color: rgb(217, 241, 253);
  font-size: 0.175rem;
}
.sub-container .wrapper .data-wrapper .data-total .data-item .data p:last-child .unit[data-v-3e38a3cb] {
  color: rgba(217, 241, 253, 0.7);
  font-size: 0.12rem;
  margin-left: auto;
  margin-right: 0.1875rem;
}
.sub-container .wrapper .data-wrapper .data-info[data-v-3e38a3cb] {
  display: flex;
  justify-content: space-between;
  flex: 1;
}
.sub-container .wrapper .data-wrapper .data-info .data-item[data-v-3e38a3cb] {
  flex: 1;
  text-align: center;
  background: url("../img/box5-C5wbmT3c.png") no-repeat top;
  background-color: rgba(255, 255, 255, 0.1);
  padding-top: 0.125rem;
}
.sub-container .wrapper .data-wrapper .data-info .data-item[data-v-3e38a3cb]:not(:last-child) {
  margin-right: 0.125rem;
}
.sub-container .wrapper .data-wrapper .data-info .data-item .chart[data-v-3e38a3cb] {
  height: 8vh;
}
.sub-container .wrapper .data-wrapper .data-info .data-item p[data-v-3e38a3cb] {
  font-size: 0.125rem;
  color: #fff;
  font-weight: 600;
}
.sub-container .wrapper .data-wrapper .data-info .data-item .legend[data-v-3e38a3cb] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.sub-container .wrapper .data-wrapper .data-info .data-item .legend .legend-item[data-v-3e38a3cb] {
  display: flex;
  align-items: center;
  font-size: 0.1rem;
  margin-bottom: 0.0625rem;
}
.sub-container .wrapper .data-wrapper .data-info .data-item .legend .legend-item .icon[data-v-3e38a3cb] {
  width: 0.075rem;
  height: 0.075rem;
  border-radius: 50%;
  background: red;
  margin-right: 0.05rem;
}
.sub-container .wrapper .data-wrapper .data-info .data-item .legend .legend-item .label[data-v-3e38a3cb] {
  margin-right: 0.05rem;
}
.sub-container .wrapper .point-list[data-v-3e38a3cb] {
  display: flex;
  flex-direction: column;
  height: 27vh;
  margin-top: 0.25rem;
}
.sub-container .wrapper .point-list .point-item[data-v-3e38a3cb] {
  display: flex;
  align-items: center;
  padding: 0 0.0625rem;
  margin-bottom: 0.125rem;
}
.sub-container .wrapper .point-list .point-item .index[data-v-3e38a3cb] {
  color: rgb(0, 248, 244);
  font-size: 0.175rem;
}
.sub-container .wrapper .point-list .point-item .row[data-v-3e38a3cb] {
  flex: 1;
  background: url("../img/tr-DXoCtyPC.png");
  background-size: 100% 100%;
  height: 0.5rem;
  display: flex;
  align-items: center;
  padding-left: 0.125rem;
  color: #fff;
  overflow: hidden;
}
.sub-container .wrapper .point-list .point-item .row .name[data-v-3e38a3cb] {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.sub-container .wrapper .point-list .point-item .row .name .title[data-v-3e38a3cb] {
  font-size: 0.15rem;
  overflow: hidden;
}
.sub-container .wrapper .point-list .point-item .row .info[data-v-3e38a3cb] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1.5;
}
.sub-container .wrapper .point-list .point-item .row .info .data[data-v-3e38a3cb] {
  display: flex;
  align-items: center;
  flex: 1;
}
.sub-container .wrapper .point-list .point-item .row .info .data .iconfont[data-v-3e38a3cb] {
  margin-right: 0.0625rem;
  font-size: 0.175rem;
  color: rgb(255, 255, 255);
}
.sub-container .wrapper .point-list .point-item .row .info .data .data-item[data-v-3e38a3cb] {
  display: flex;
  flex-direction: column;
  font-size: 0.125rem;
  color: rgb(255, 255, 255);
}
.sub-container .wrapper .total-wrapper .total[data-v-3e38a3cb] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.125rem;
}
.sub-container .wrapper .total-wrapper .total .total-data[data-v-3e38a3cb] {
  display: flex;
  flex-direction: column;
}
.sub-container .wrapper .total-wrapper .total .total-item[data-v-3e38a3cb] {
  background: url("../img/info2_box-BFKVsKa1.png");
  background-size: 100% 100%;
  width: 1.3rem;
  height: 0.55rem;
  display: flex;
  flex-direction: column;
  color: #fff;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.125rem;
}
.sub-container .wrapper .total-wrapper .total .total-item .t[data-v-3e38a3cb] {
  font-size: 0.135rem;
  font-weight: 500;
  text-align: center;
}
.sub-container .wrapper .total-wrapper .total .total-item .s[data-v-3e38a3cb] {
  font-size: 0.1rem;
}
.sub-container .wrapper .total-wrapper .total .total-item .r[data-v-3e38a3cb] {
  font-size: 0.125rem;
}
.sub-container .wrapper .total-wrapper .total .total-item .v[data-v-3e38a3cb] {
  font-size: 0.125rem;
  color: rgb(217, 241, 253);
}
.sub-container .wrapper .total-wrapper .total .total-item .v span[data-v-3e38a3cb]:not(:last-child) {
  margin-right: 0.0625rem;
}
.sub-container .wrapper .total-wrapper .total .total-item .v span[data-v-3e38a3cb]:first-child {
  color: #d5a60b;
}
.sub-container .wrapper .total-wrapper .total .total-item .i[data-v-3e38a3cb] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.sub-container .wrapper .total-wrapper .total .total-icon[data-v-3e38a3cb] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.sub-container .wrapper .total-wrapper .total .total-icon .icon[data-v-3e38a3cb] {
  margin-bottom: 0.125rem;
}
.sub-container .wrapper .total-wrapper .total .total-icon .icon img[data-v-3e38a3cb] {
  width: 0.375rem;
  height: 0.375rem;
}
.sub-container .wrapper .total-wrapper .total .total-icon .value[data-v-3e38a3cb] {
  font-size: 0.2rem;
}
.sub-container .wrapper .total-wrapper .total .total-icon .value .unit[data-v-3e38a3cb] {
  margin: 0 0.0625rem;
}
.sub-container .wrapper .total-wrapper .total .total-icon .rate[data-v-3e38a3cb] {
  font-size: 0.125rem;
}
.sub-container .wrapper .total-wrapper .total .total-icon .rate span[data-v-3e38a3cb]:first-child {
  margin-right: 0.0625rem;
}
.sub-container .wrapper .total-wrapper .sub-title[data-v-3e38a3cb] {
  background: url("../img/sub_title-C4ZskYey.png");
  background-size: 100% 100%;
  height: 0.24rem;
  width: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 0.15rem;
  margin-bottom: 0.0625rem;
}
.sub-container .wrapper .total-wrapper .event-data[data-v-3e38a3cb] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sub-container .wrapper .total-wrapper .event-data .event-item[data-v-3e38a3cb] {
  height: 1.25rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.sub-container .wrapper .total-wrapper .event-data .event-item .label[data-v-3e38a3cb] {
  margin-top: auto;
  color: rgba(228, 243, 255, 0.6);
  font-size: 0.125rem;
}
.sub-container .wrapper .total-wrapper .event-data .event-item .value[data-v-3e38a3cb] {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.sub-container .wrapper .total-wrapper .event-data .event-item .value img[data-v-3e38a3cb] {
  width: 25px;
  height: 25px;
}
.sub-container .wrapper .total-wrapper .event-data .event-item .value .value1[data-v-3e38a3cb] {
  font-size: 0.175rem;
  color: rgb(228, 243, 255);
}
.sub-container .wrapper .total-wrapper .event-data .pic[data-v-3e38a3cb] {
  background: url("../img/info3-DSdjNZze.png");
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 30%;
}
.sub-container .wrapper .total-wrapper .event-data .pic .value[data-v-3e38a3cb] {
  flex: 1;
  display: flex;
  align-items: center;
  flex-direction: row;
  color: rgb(0, 248, 244);
  font-size: 0.2rem;
}
.sub-container .wrapper .total-wrapper .event-data .pic .label[data-v-3e38a3cb] {
  margin-top: auto;
  color: rgba(228, 243, 255, 0.6);
}
.sub-container .wrapper .safe-event[data-v-3e38a3cb] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 0.185rem;
}
.sub-container .wrapper .safe-event .data-item[data-v-3e38a3cb] {
  flex: 1;
  margin-bottom: 0.0625rem;
  line-height: 1.5;
}
.sub-container .wrapper .safe-event .data-item .label[data-v-3e38a3cb] {
  color: rgba(228, 243, 255, 0.7);
  text-align: center;
  display: inline-block;
  width: 1.265rem;
  font-size: 0.135rem;
}
.sub-container .wrapper .safe-event .data-item .value[data-v-3e38a3cb] {
  background: url("../img/box7-BFCKFVK3.png");
  background-size: 100% 100%;
  width: 1.265rem;
  height: 0.465rem;
  margin-top: 0.0625rem;
  font-size: 0.2rem;
  color: #00f8f4;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sub-container .wrapper .safe-event .data-item .value .unit[data-v-3e38a3cb] {
  font-size: 0.135rem;
}
.sub-container .wrapper .total-content[data-v-3e38a3cb] {
  display: flex;
  flex-direction: column;
  height: 23vh;
}
.sub-container .wrapper .total-content .total-item[data-v-3e38a3cb] {
  background: url("../img/box2-COPBzf3K.png");
  background-size: 100% 100%;
  height: 0.8rem;
  display: flex;
  align-items: center;
}
.sub-container .wrapper .total-content .total-item .icon[data-v-3e38a3cb] {
  margin-left: 0.065rem;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sub-container .wrapper .total-content .total-item .icon img[data-v-3e38a3cb] {
  width: 0.25rem;
  height: 0.25rem;
}
.sub-container .wrapper .total-content .total-item .info[data-v-3e38a3cb] {
  display: flex;
  align-items: center;
  flex: 5;
}
.sub-container .wrapper .total-content .total-item .info .title[data-v-3e38a3cb] {
  color: rgb(165, 216, 252);
  font-size: 0.15rem;
  font-weight: 500;
  margin-left: 0.1rem;
  flex: none;
}
.sub-container .wrapper .total-content .total-item .info .data[data-v-3e38a3cb] {
  flex: 1;
  display: flex;
  flex-direction: column;
  margin-left: 0.25rem;
}
.sub-container .wrapper .total-content .total-item .info .data p[data-v-3e38a3cb] {
  color: rgb(217, 241, 253);
  font-size: 0.175rem;
}
.sub-container .wrapper .total-content .total-item .info .data p[data-v-3e38a3cb]:last-child {
  color: rgba(217, 241, 253, 0.6);
  font-size: 0.1rem;
}.sub-container[data-v-e38d034a] {
  display: flex;
  position: relative;
}
.sub-container .flex-cc[data-v-e38d034a], .sub-container .wrapper .space-wrapper .area-list-nav[data-v-e38d034a] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sub-container .flex-cs[data-v-e38d034a], .sub-container .wrapper .space-wrapper .area-item .area-head[data-v-e38d034a] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sub-container .wrapper[data-v-e38d034a] {
  width: 18vw;
  display: flex;
  flex-direction: column;
}
.sub-container .wrapper[data-v-e38d034a]:not(:last-child) {
  margin-right: 0.0625rem;
}
.sub-container .wrapper .main-wrapper[data-v-e38d034a] {
  width: 100%;
  padding: 0 0.125rem 0.0625rem;
  margin-bottom: 0.125rem;
  border-radius: 0.06rem;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  color: #ffffff;
  background: linear-gradient(0deg, rgba(10, 19, 28, 0.6), rgba(15, 28, 40, 0.4) 40.98%, rgba(16, 28, 40, 0.4) 67.9%, rgba(16, 29, 41, 0.6));
  box-shadow: 0.025rem 0.025rem 0.1rem -0.01rem #a0a0a0;
  -webkit-backdrop-filter: blur(0px);
  backdrop-filter: blur(0px);
  flex: 1;
}
.sub-container .wrapper .main-wrapper .main-title[data-v-e38d034a] {
  background: url("../img/title-CJjILicm.png");
  background-size: 100% 100%;
  height: 0.6rem;
  width: 4rem;
  padding-top: 0.0375rem;
}
.sub-container .wrapper .main-wrapper .main-title span[data-v-e38d034a] {
  color: rgb(165, 216, 252);
  font-size: 0.1625rem;
  margin-left: 0.375rem;
}
.sub-container .wrapper .main-wrapper .main-content[data-v-e38d034a] {
  flex: 1;
}
.sub-container .wrapper .main-wrapper .main-content .chart[data-v-e38d034a] {
  width: 100%;
  height: 100%;
}
.sub-container .wrapper .park-wrapper[data-v-e38d034a] {
  align-items: center;
  justify-content: space-between;
  flex: none;
}
.sub-container .wrapper .park-wrapper .park-title[data-v-e38d034a] {
  width: 100%;
  margin: 0;
  margin: 0 0.125rem;
  display: flex;
  color: #9dfffc;
  justify-content: space-between;
  align-items: center;
  border-bottom: 0.025rem solid rgba(41, 123, 245, 0.2);
  font-size: 0.1625rem;
  position: relative;
  line-height: 2.2;
  background: none;
}
.sub-container .wrapper .park-wrapper .park-title .title[data-v-e38d034a] {
  display: flex;
  flex-direction: column;
  line-height: 1.5;
}
.sub-container .wrapper .park-wrapper .park-title .title span[data-v-e38d034a]:first-child {
  font-size: 0.2625rem;
  font-weight: bold;
}
.sub-container .wrapper .park-wrapper .park-title .title span[data-v-e38d034a]:last-child {
  font-size: 0.15rem;
}
.sub-container .wrapper .park-wrapper .park-title .info[data-v-e38d034a] {
  padding: 0.0625rem 0;
}
.sub-container .wrapper .park-wrapper .park-title .info p[data-v-e38d034a] {
  font-weight: bold;
  line-height: 1.2;
}
.sub-container .wrapper .park-wrapper .park-title .info p .info-name[data-v-e38d034a] {
  font-size: 0.125rem;
  color: #f5f5f5;
  margin-right: 0.0625rem;
}
.sub-container .wrapper .park-wrapper .park-title .info p .info-value[data-v-e38d034a] {
  font-size: 0.3125rem;
  color: #d4d310;
  font-family: fantasy;
  /* font-weight: bold; */
  letter-spacing: 3px;
}
.sub-container .wrapper .park-wrapper .park-title[data-v-e38d034a]::before {
  content: "";
  width: 84%;
  height: 0.025rem;
  background-color: #4df8e9;
  position: absolute;
  bottom: -0.0125rem;
  left: 0;
}
.sub-container .wrapper .park-wrapper .park-info[data-v-e38d034a] {
  width: 100%;
  padding: 0 0 0.125rem 0;
  margin-top: 0.075rem;
}
.sub-container .wrapper .park-wrapper .park-info .floor-list[data-v-e38d034a] {
  display: flex;
  align-items: center;
  flex-flow: wrap;
}
.sub-container .wrapper .park-wrapper .park-info .floor-list .floor-item[data-v-e38d034a] {
  width: calc(50% - 0.125rem);
  font-size: 0.1375rem;
  font-weight: bold;
  margin: 0.0625rem 0.125rem 0 0;
  text-align: center;
  border-radius: 5px;
  padding: 0.025rem 0.125rem;
  cursor: pointer;
  border: 1px solid;
  color: #ffffff;
  border-color: #00a6af;
}
.sub-container .wrapper .park-wrapper .park-info .floor-list .floor-item-active[data-v-e38d034a] {
  background: linear-gradient(to right, rgba(0, 167, 182, 0.2392156863) 0%, rgba(85, 128, 174, 0.2901960784) 50%, rgba(0, 167, 182, 0.2392156863) 100%);
}
.sub-container .wrapper .space-wrapper[data-v-e38d034a] {
  flex: 1;
  padding: 0;
  font-size: 0.15rem;
}
.sub-container .wrapper .space-wrapper .area-list-nav[data-v-e38d034a] {
  width: 100%;
  padding: 0.0625rem 0.125rem !important;
}
.sub-container .wrapper .space-wrapper .area-list-nav .area-item-nav[data-v-e38d034a] {
  font-size: 0.1375rem;
  font-weight: bold;
  background-image: linear-gradient(-20deg, #2b5876 0%, #4e4376 100%);
  text-align: center;
  border-radius: 5px;
  padding: 0.025rem 0.125rem;
  color: #fff;
  cursor: pointer;
}
.sub-container .wrapper .space-wrapper .area-list-nav .area-item-nav[data-v-e38d034a]:not(:last-child) {
  margin-right: 0.125rem;
}
.sub-container .wrapper .space-wrapper .area-list-nav .area-item-nav-active[data-v-e38d034a] {
  background-image: linear-gradient(to top, #209cff 0%, #68e0cf 100%);
}
.sub-container .wrapper .space-wrapper .area-item[data-v-e38d034a] {
  position: relative;
  z-index: 2;
  height: 100%;
}
.sub-container .wrapper .space-wrapper .area-item[data-v-e38d034a]:not(:last-child) {
  margin-bottom: 0.125rem;
}
.sub-container .wrapper .space-wrapper .area-item .area-head[data-v-e38d034a] {
  font-size: 0.13rem;
  padding: 0.125rem 0.125rem 0;
  color: #fff;
  font-weight: bold;
}
.sub-container .wrapper .space-wrapper .area-item .area-head .tag[data-v-e38d034a] {
  width: 0.1rem;
  height: 0.1rem;
  background-color: rgb(115, 192, 222);
  border-radius: 50%;
  margin-right: 0.0625rem;
  display: inline-block;
}
.sub-container .wrapper .space-wrapper .area-item .area-content[data-v-e38d034a] {
  display: flex;
  flex-wrap: wrap;
  overflow: auto;
  max-height: calc(100% - 0.65rem);
  margin-top: 0.125rem;
}
.sub-container .wrapper .space-wrapper .area-item .area-content .space-item[data-v-e38d034a] {
  width: calc(50% - 0.125rem);
  text-align: center;
  border: 1px solid;
  border-radius: 3px;
  margin: 0.0625rem;
  padding: 0.125rem 0.0625rem;
  cursor: pointer;
}
.sub-container .wrapper .space-wrapper .area-item .area-content .space-item .space-info[data-v-e38d034a] {
  display: flex;
  align-items: center;
}
.sub-container .wrapper .space-wrapper .area-item .area-content .space-item .space-info .icon[data-v-e38d034a] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.2125rem;
  height: 0.2125rem;
  border: 1px solid;
  border-radius: 50%;
  font-size: 0.1rem;
}
.sub-container .wrapper .space-wrapper .area-item .area-content .space-item .space-info .name[data-v-e38d034a] {
  flex: 1;
  font-size: 0.15rem;
  font-weight: bold;
}
.sub-container .wrapper .space-wrapper .area-item .area-content .space-item .space-info .plate-no[data-v-e38d034a] {
  flex: 1;
  padding: 0 0.0625rem;
  white-space: nowrap;
  color: #fff;
  background: #36373a;
}
.sub-container .wrapper .space-wrapper .area-item .area-content .space-item-active[data-v-e38d034a] {
  box-shadow: 0px 0px 6px 3px rgb(223, 225, 238);
}
.sub-container .wrapper .space-wrapper .area-item .area-content .status-green[data-v-e38d034a] {
  color: #4eff00;
  border-color: #1d4fb1;
}
.sub-container .wrapper .space-wrapper .area-item .area-content .status-green .space-info .plate-no[data-v-e38d034a] {
  color: #fff;
  background: rgba(119, 141, 209, 0.7294117647);
}
.sub-container .wrapper .space-wrapper .area-item .area-content .status-blue[data-v-e38d034a] {
  color: #fff;
  border-color: #1d7ea3;
}
.sub-container .wrapper .space-wrapper .area-item .area-content .status-gray[data-v-e38d034a] {
  color: #ffeb00;
  border-color: #c4e00c;
}
.sub-container .wrapper .space-wrapper .area-item .area-content .status-gray .space-info .plate-no[data-v-e38d034a] {
  color: #e9e9e9;
  background: #646464;
}
.sub-container .wrapper .space-wrapper .area-item .area-content .status-red[data-v-e38d034a] {
  color: #f56c6c;
  background: #fef0f0;
  border-color: #fbc4c4;
}
.sub-container .wrapper .space-wrapper .space-search[data-v-e38d034a] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.sub-container .wrapper .space-wrapper .space-search .search-input[data-v-e38d034a] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1;
}
.sub-container .wrapper .space-wrapper .space-search .search-input .input[data-v-e38d034a] {
  width: 0%;
  transition: all 0.3s;
}
.sub-container .wrapper .space-wrapper .space-search .search-input i[data-v-e38d034a] {
  font-size: 0.2rem;
  cursor: pointer;
  z-index: 1;
}
.sub-container .wrapper .space-wrapper .space-search .search-input[data-v-e38d034a] .ivu-input {
  background: transparent;
  height: 0.3125rem;
  border: none;
  outline: none;
  color: #fff;
}
.sub-container .wrapper .space-wrapper .space-search .space-num[data-v-e38d034a] {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  background: #3d4552;
  margin-left: 0.125rem;
}
.sub-container .wrapper .space-wrapper .space-search .space-num span[data-v-e38d034a] {
  padding: 0.0125rem 0.125rem;
  border-radius: 3px;
  cursor: pointer;
}
.sub-container .wrapper .space-wrapper .space-search .space-num span[data-v-e38d034a]:nth-child(2) {
  margin: 0 0.0625rem;
  padding: 0;
}
.sub-container .wrapper .space-wrapper .space-search .space-num .spare[data-v-e38d034a] {
  background: #1ae6a4;
}
.sub-container .wrapper .space-wrapper .space-search .space-num .total[data-v-e38d034a] {
  background: #d4d310;
}
.sub-container .wrapper .assets-consume[data-v-e38d034a] {
  display: flex;
  align-items: center;
  flex-direction: column;
  flex: 1;
}
.sub-container .wrapper .assets-consume .consume[data-v-e38d034a] {
  width: 100%;
  height: 7vh;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.sub-container .wrapper .assets-consume .consume .consume-item[data-v-e38d034a] {
  display: flex;
  align-items: center;
}
.sub-container .wrapper .assets-consume .consume .consume-item .tags[data-v-e38d034a] {
  font-size: 0.225rem;
  font-weight: 800;
  color: #88e2fd;
  background-image: -webkit-linear-gradient(bottom, #62a1fb, #88e2fd);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.sub-container .wrapper .assets-consume .consume .consume-item .info[data-v-e38d034a] {
  display: flex;
  flex-direction: column;
  margin-left: 0.125rem;
}
.sub-container .wrapper .assets-consume .consume .consume-item .info > span[data-v-e38d034a] {
  font-size: 0.15rem;
}
.sub-container .wrapper .assets-consume .consume .consume-item .info .num[data-v-e38d034a] {
  display: flex;
  align-items: center;
  font-size: 0.2rem;
}
.sub-container .wrapper .assets-consume .consume .consume-item .info .num .unit[data-v-e38d034a] {
  font-size: 0.125rem;
}
.sub-container .wrapper .monitoring[data-v-e38d034a] {
  height: 30vh !important;
  flex: none;
}
.sub-container .wrapper .monitoring .main-content[data-v-e38d034a] {
  margin-top: 0 !important;
}
.sub-container .wrapper .monitoring .monitor-wrapper[data-v-e38d034a] {
  margin-top: 0.0625rem;
  height: 22vh;
  padding: 0.0625rem;
  position: relative;
}
.sub-container .wrapper .monitoring .monitor-wrapper .not-monitor[data-v-e38d034a] {
  width: 100% !important;
  height: 100% !important;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute !important;
  top: 0;
  left: 0;
  z-index: 1;
  font-size: 1.125rem;
}
.sub-container .wrapper .monitoring .monitor-wrapper .not-monitor i[data-v-e38d034a] {
  color: #66f5ff;
}
.sub-container .wrapper .monitoring .monitor-wrapper .loader[data-v-e38d034a] {
  width: 3.125rem !important;
  height: 0.625rem !important;
  text-align: center;
  line-height: 0.625rem;
  font-weight: 900;
  letter-spacing: 0.2em;
  color: #66f5ff;
  position: absolute !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.sub-container .wrapper .monitoring .monitor-wrapper .loader[data-v-e38d034a]::before, .sub-container .wrapper .monitoring .monitor-wrapper .loader[data-v-e38d034a]::after {
  content: "";
  display: block;
  width: 0.125rem;
  height: 0.125rem;
  background: #66f5ff;
  position: absolute;
  animation: load-e38d034a 0.7s infinite alternate ease-in-out;
}
.sub-container .wrapper .monitoring .monitor-wrapper .loader[data-v-e38d034a]::before {
  top: 0;
}
.sub-container .wrapper .monitoring .monitor-wrapper .loader[data-v-e38d034a]::after {
  bottom: 0;
}
@keyframes load-e38d034a {
0% {
    left: 0;
    height: 0.3125rem;
    width: 0.125rem;
}
50% {
    height: 0.0375rem;
    width: 0.4375rem;
}
100% {
    left: 2.875rem;
    height: 0.3125rem;
    width: 0.125rem;
}
}
.sub-container .wrapper .monitoring .monitor-wrapper .control[data-v-e38d034a] {
  width: 100% !important;
  position: absolute !important;
  bottom: 0.0625rem;
  right: 0.075rem;
  display: none;
  z-index: 2;
}
.sub-container .wrapper .monitoring .monitor-wrapper .control span[data-v-e38d034a] {
  color: #fff;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.6392156863);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
}
.sub-container .wrapper .monitoring .monitor-wrapper .mask[data-v-e38d034a] {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
.sub-container .wrapper .monitoring .monitor-wrapper:hover .control[data-v-e38d034a] {
  display: flex;
  justify-content: flex-end;
}
.sub-container .wrapper .monitoring .monitor-wrapper .glplayer[data-v-e38d034a] {
  width: 100%;
  height: 100%;
}
.sub-container .wrapper .monitoring .monitor-wrapper .glplayer[data-v-e38d034a] video {
  object-fit: fill;
}
.sub-container .wrapper .monitoring .monitor-wrapper img[data-v-e38d034a] {
  width: 100%;
  height: 100%;
  display: block;
}
.sub-container .wrapper .monitoring[data-v-e38d034a] .ivu-select-dropdown {
  background: rgba(29, 60, 165, 0.7882352941);
}
.sub-container .wrapper .monitoring[data-v-e38d034a] .ivu-select .ivu-select-placeholder {
  color: #fff;
}
.sub-container .wrapper .monitoring[data-v-e38d034a] .ivu-select .ivu-select-selection,
.sub-container .wrapper .monitoring[data-v-e38d034a] .ivu-select .ivu-select-selected-value {
  color: #fff;
}
.sub-container .wrapper .monitoring[data-v-e38d034a] .ivu-select i {
  color: #3399ff;
}
.sub-container .wrapper .monitoring[data-v-e38d034a] .ivu-select .ivu-select-selection {
  background: transparent;
  box-shadow: none;
  border: none;
  border-top: 0.0125rem solid #3399ff;
  border-bottom: 0.0125rem solid #3399ff;
  border-radius: 0;
}
.sub-container .wrapper .monitoring[data-v-e38d034a] .ivu-select .ivu-select-item {
  color: #fff;
}
.sub-container .wrapper .monitoring[data-v-e38d034a] .ivu-select .ivu-select-item-selected {
  color: #fff;
}
.sub-container .wrapper .monitoring[data-v-e38d034a] .ivu-select .ivu-select-item-focus,
.sub-container .wrapper .monitoring[data-v-e38d034a] .ivu-select .ivu-select-item:hover {
  background: none;
  color: #fff;
}
.sub-container .car-img[data-v-e38d034a] {
  position: absolute;
  right: 38vw;
  width: 20vw;
  height: 20vw;
  margin-top: 0.125rem;
  border-radius: 0.06rem;
  color: #ffffff;
  background: linear-gradient(0deg, rgba(10, 19, 28, 0.6), rgba(15, 28, 40, 0.4) 40.98%, rgba(16, 28, 40, 0.4) 67.9%, rgba(16, 29, 41, 0.6));
  box-shadow: 0.025rem 0.025rem 0.1rem -0.01rem #a0a0a0;
}
.sub-container .car-img .img[data-v-e38d034a],
.sub-container .car-img img[data-v-e38d034a] {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.sub-container .car-img[data-v-e38d034a] .el-image {
  width: 100%;
  height: 100%;
}
.sub-container .car-img[data-v-e38d034a] .image-slot {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.4875rem;
}
.sub-container .car-img[data-v-e38d034a] .el-image__placeholder,
.sub-container .car-img[data-v-e38d034a] .el-image__placeholder:before,
.sub-container .car-img[data-v-e38d034a] .el-image__placeholder:after {
  background: #fff;
  animation: load1-e38d034a 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}
.sub-container .car-img[data-v-e38d034a] .el-image__placeholder:before,
.sub-container .car-img[data-v-e38d034a] .el-image__placeholder:after {
  position: absolute;
  top: 0;
  content: "";
}
.sub-container .car-img[data-v-e38d034a] .el-image__placeholder:before {
  left: -1.5em;
}
.sub-container .car-img[data-v-e38d034a] .el-image__placeholder {
  text-indent: -9999em;
  margin: 38% auto;
  position: relative;
  font-size: 11px;
  animation-delay: 0.16s;
}
.sub-container .car-img[data-v-e38d034a] .el-image__placeholder:after {
  left: 1.5em;
  animation-delay: 0.32s;
}
@keyframes load1-e38d034a {
0%, 80%, 100% {
    box-shadow: 0 0 #fff;
    height: 4em;
}
40% {
    box-shadow: 0 -2em #ffffff;
    height: 5em;
}
}
.sub-container .car-info[data-v-e38d034a] {
  width: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 0.2rem;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.sub-container .fade-enter-active[data-v-e38d034a],
.sub-container .fade-leave-active[data-v-e38d034a] {
  transition: opacity 0.5s;
}
.sub-container .fade-enter[data-v-e38d034a],
.sub-container .fade-leave-to[data-v-e38d034a] {
  opacity: 0;
}.flex-cc[data-v-fe06ed9b], .sub-container .wrapper .video-monitor .main-content .monitor-item[data-v-fe06ed9b] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex-cs[data-v-fe06ed9b], .sub-container .wrapper .video-wrapper .video-head[data-v-fe06ed9b] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sub-container[data-v-fe06ed9b] {
  display: flex;
  position: relative;
}
.sub-container .wrapper[data-v-fe06ed9b] {
  width: 18vw;
  display: flex;
  flex-direction: column;
  font-size: 0.15rem;
}
.sub-container .wrapper[data-v-fe06ed9b]:not(:last-child) {
  margin-right: 0.0625rem;
}
.sub-container .wrapper .main-wrapper[data-v-fe06ed9b] {
  width: 100%;
  padding: 0 0.125rem 0.0625rem;
  margin-bottom: 0.125rem;
  border-radius: 0.06rem;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  color: #ffffff;
  background: linear-gradient(0deg, rgba(10, 19, 28, 0.6), rgba(15, 28, 40, 0.4) 40.98%, rgba(16, 28, 40, 0.4) 67.9%, rgba(16, 29, 41, 0.6));
  box-shadow: 0.025rem 0.025rem 0.1rem -0.01rem #a0a0a0;
  -webkit-backdrop-filter: blur(0px);
  backdrop-filter: blur(0px);
  flex: 1;
}
.sub-container .wrapper .main-wrapper .main-title[data-v-fe06ed9b] {
  background: url("../img/title-CJjILicm.png");
  background-size: 100% 100%;
  height: 0.6rem;
  width: 4rem;
  padding-top: 0.0375rem;
}
.sub-container .wrapper .main-wrapper .main-title span[data-v-fe06ed9b] {
  color: rgb(165, 216, 252);
  font-size: 0.1625rem;
  margin-left: 0.375rem;
}
.sub-container .wrapper .main-wrapper .main-content[data-v-fe06ed9b] {
  flex: 1;
}
.sub-container .wrapper .video-monitor[data-v-fe06ed9b] {
  flex: none;
  height: 16vh;
}
.sub-container .wrapper .video-monitor .main-content[data-v-fe06ed9b] {
  display: flex;
  flex-direction: column;
}
.sub-container .wrapper .video-monitor .main-content .monitor-item[data-v-fe06ed9b] {
  width: 100%;
  height: 100%;
  padding: 0 0.125rem 0.125rem;
}
.sub-container .wrapper .video-monitor .main-content .monitor-item i[data-v-fe06ed9b] {
  font-size: 0.275rem;
}
.sub-container .wrapper .video-monitor .main-content .monitor-item .total[data-v-fe06ed9b] {
  margin-left: 0.125rem;
}
.sub-container .wrapper .video-monitor .main-content .monitor-item .total span[data-v-fe06ed9b]:nth-child(1) {
  font-size: 0.3rem;
}
.sub-container .wrapper .video-monitor .main-content .monitor-item .total span[data-v-fe06ed9b]:nth-child(2) {
  font-size: 0.15rem;
  margin-left: 0.0375rem;
}
.sub-container .wrapper .alarm-list[data-v-fe06ed9b] .alarm-item {
  cursor: pointer;
}
.sub-container .wrapper .alarm-list[data-v-fe06ed9b] .alarm-item:nth-child(odd)::before {
  background-color: #c34247;
}
.sub-container .wrapper .alarm-list[data-v-fe06ed9b] .alarm-item:nth-child(even)::before {
  background-color: #e5a354;
}
.sub-container .wrapper .alarm-list[data-v-fe06ed9b] .alarm-item::before {
  content: "";
  width: 0.1rem;
  height: 0.1rem;
  border-radius: 50%;
}
.sub-container .wrapper .alarm-list[data-v-fe06ed9b] .alarm-item {
  display: flex;
  align-items: center;
  line-height: 2.6;
}
.sub-container .wrapper .alarm-list[data-v-fe06ed9b] .alarm-item .content {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.sub-container .wrapper .alarm-list[data-v-fe06ed9b] .alarm-item .time {
  color: #f1f1f1;
  font-size: 0.125rem;
}
.sub-container .wrapper .garden-wrapper[data-v-fe06ed9b] {
  align-items: center;
  justify-content: space-between;
  flex: none;
}
.sub-container .wrapper .garden-wrapper .garden-title[data-v-fe06ed9b] {
  width: 100%;
  margin: 0;
  margin: 0 0.125rem;
  display: flex;
  color: #9dfffc;
  justify-content: space-between;
  align-items: center;
  border-bottom: 0.025rem solid rgba(41, 123, 245, 0.2);
  font-size: 0.1625rem;
  position: relative;
  line-height: 2.2;
  background: none;
}
.sub-container .wrapper .garden-wrapper .garden-title .title[data-v-fe06ed9b] {
  display: flex;
  flex-direction: column;
  line-height: 1.5;
}
.sub-container .wrapper .garden-wrapper .garden-title .title span[data-v-fe06ed9b]:first-child {
  font-size: 0.2625rem;
  font-weight: bold;
}
.sub-container .wrapper .garden-wrapper .garden-title .title span[data-v-fe06ed9b]:last-child {
  font-size: 0.15rem;
}
.sub-container .wrapper .garden-wrapper .garden-title .info[data-v-fe06ed9b] {
  padding: 0.0625rem 0;
}
.sub-container .wrapper .garden-wrapper .garden-title .info p[data-v-fe06ed9b] {
  font-weight: bold;
  line-height: 1.2;
}
.sub-container .wrapper .garden-wrapper .garden-title .info p .info-name[data-v-fe06ed9b] {
  font-size: 0.125rem;
  color: #f5f5f5;
  margin-right: 0.0625rem;
}
.sub-container .wrapper .garden-wrapper .garden-title .info p .info-value[data-v-fe06ed9b] {
  font-size: 0.3125rem;
  color: #d4d310;
  font-family: fantasy;
  /* font-weight: bold; */
  letter-spacing: 3px;
}
.sub-container .wrapper .garden-wrapper .garden-title[data-v-fe06ed9b]::before {
  content: "";
  width: 84%;
  height: 0.025rem;
  background-color: #4df8e9;
  position: absolute;
  bottom: -0.0125rem;
  left: 0;
}
.sub-container .wrapper .garden-wrapper .garden-info[data-v-fe06ed9b] {
  width: 100%;
  padding: 0 0 0.125rem 0;
  margin-top: 0.075rem;
}
.sub-container .wrapper .garden-wrapper .garden-info .garden-list[data-v-fe06ed9b] {
  display: flex;
  align-items: center;
  flex-flow: wrap;
}
.sub-container .wrapper .garden-wrapper .garden-info .garden-list .garden-item[data-v-fe06ed9b] {
  font-size: 0.1375rem;
  font-weight: bold;
  margin: 0.0625rem 0.125rem 0 0;
  text-align: center;
  border-radius: 5px;
  padding: 0.025rem 0.125rem;
  border: 1px solid #00a6af;
  color: #ffffff;
  cursor: pointer;
}
.sub-container .wrapper .garden-wrapper .garden-info .garden-list .garden-item-active[data-v-fe06ed9b] {
  background: linear-gradient(to right, rgba(0, 167, 182, 0.2392156863) 0%, rgba(85, 128, 174, 0.2901960784) 50%, rgba(0, 167, 182, 0.2392156863) 100%);
}
.sub-container .wrapper .video-wrapper[data-v-fe06ed9b] {
  flex: 1;
  padding: 0;
  position: relative;
}
.sub-container .wrapper .video-wrapper .video-head[data-v-fe06ed9b] {
  font-size: 0.13rem;
  padding: 0.0625rem 0.125rem 0;
  color: #fff;
  font-weight: bold;
}
.sub-container .wrapper .video-wrapper .video-head .tag[data-v-fe06ed9b] {
  width: 0.1rem;
  height: 0.1rem;
  background-color: rgb(115, 192, 222);
  border-radius: 50%;
  margin-right: 0.0625rem;
  display: inline-block;
}
.sub-container .wrapper .video-wrapper .video-head .search-box[data-v-fe06ed9b] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.sub-container .wrapper .video-wrapper .video-head .search-box .search-input[data-v-fe06ed9b] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1;
}
.sub-container .wrapper .video-wrapper .video-head .search-box .search-input .input[data-v-fe06ed9b] {
  width: 0%;
  transition: all 0.5s;
}
.sub-container .wrapper .video-wrapper .video-head .search-box .search-input i[data-v-fe06ed9b] {
  font-size: 0.2rem;
  cursor: pointer;
  z-index: 1;
}
.sub-container .wrapper .video-wrapper .video-head .search-box .search-input[data-v-fe06ed9b] .ivu-input {
  background: transparent;
  height: 0.3125rem;
  border: none;
  outline: none;
  color: #fff;
}
.sub-container .wrapper .video-wrapper .video-head .search-box .all-list[data-v-fe06ed9b] {
  margin-left: 0.0625rem;
  cursor: pointer;
}
.sub-container .wrapper .video-wrapper .video-head .search-box .all-list i[data-v-fe06ed9b] {
  font-weight: normal;
}
.sub-container .wrapper .video-wrapper .video-content[data-v-fe06ed9b] {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  overflow: hidden;
}
.sub-container .wrapper .video-wrapper .video-content .building-list-nav[data-v-fe06ed9b] {
  display: flex;
  width: 100%;
  padding: 0.0625rem 0.125rem 0 !important;
  overflow-x: scroll;
}
.sub-container .wrapper .video-wrapper .video-content .building-list-nav[data-v-fe06ed9b]::-webkit-scrollbar-thumb {
  display: none;
}
.sub-container .wrapper .video-wrapper .video-content .building-list-nav .building-item-nav[data-v-fe06ed9b] {
  font-size: 0.1375rem;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  padding: 0.025rem 0.125rem;
  color: #fff;
  border-color: #00a6af;
  border: 1px solid;
  flex-shrink: 0;
  cursor: pointer;
}
.sub-container .wrapper .video-wrapper .video-content .building-list-nav .building-item-nav[data-v-fe06ed9b]:not(:last-child) {
  margin-right: 0.125rem;
}
.sub-container .wrapper .video-wrapper .video-content .building-list-nav .building-item-nav-active[data-v-fe06ed9b] {
  background: linear-gradient(to right, rgba(0, 167, 182, 0.2392156863) 0%, rgba(85, 128, 174, 0.2901960784) 50%, rgba(0, 167, 182, 0.2392156863) 100%);
}
.sub-container .wrapper .video-wrapper .video-content .floor-wrapper[data-v-fe06ed9b] {
  display: flex;
  align-items: center;
  padding: 0 0.0625rem;
}
.sub-container .wrapper .video-wrapper .video-content .floor-wrapper > i[data-v-fe06ed9b] {
  font-size: 0.175rem;
  cursor: pointer;
  color: #fff;
}
.sub-container .wrapper .video-wrapper .video-content .floor-wrapper .tabs-block[data-v-fe06ed9b] {
  flex: 1;
  overflow: hidden;
  position: relative;
}
.sub-container .wrapper .video-wrapper .video-content .floor-wrapper .tabs-block .tabs-content .tabs-content-scroll[data-v-fe06ed9b] {
  margin: 0 0.125rem;
  overflow-x: scroll;
}
.sub-container .wrapper .video-wrapper .video-content .floor-wrapper .tabs-block .tabs-content .tabs-content-scroll[data-v-fe06ed9b]::-webkit-scrollbar-thumb {
  display: none;
}
.sub-container .wrapper .video-wrapper .video-content .floor-wrapper .tabs-block .tabs-list[data-v-fe06ed9b] {
  position: relative;
  display: flex;
  padding-bottom: 0.0625rem;
  white-space: nowrap;
}
.sub-container .wrapper .video-wrapper .video-content .floor-wrapper .tabs-block .tabs-list .tabs-item[data-v-fe06ed9b] {
  color: #fff;
  margin-right: 0.25rem;
  position: relative;
  cursor: pointer;
}
.sub-container .wrapper .video-wrapper .video-content .floor-wrapper .tabs-block .tabs-list .tabs-item-active[data-v-fe06ed9b] {
  color: #fff;
}
.sub-container .wrapper .video-wrapper .video-content .floor-wrapper .tabs-block .tabs-list .tabs-item-title[data-v-fe06ed9b] {
  font-size: 0.15rem;
  font-weight: bold;
}
.sub-container .wrapper .video-wrapper .video-content .floor-wrapper .tabs-block .tabs-line[data-v-fe06ed9b] {
  display: block;
  height: 0.025rem;
  position: absolute;
  bottom: 0px;
  left: 0;
  z-index: 1;
  border-radius: 0.0375rem;
  position: relative;
  color: #fff;
}
.sub-container .wrapper .video-wrapper .video-content .monitor-list[data-v-fe06ed9b] {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  overflow: auto;
  z-index: 99;
  align-content: flex-start;
}
.sub-container .wrapper .video-wrapper .video-content .monitor-list .monitor-item[data-v-fe06ed9b] {
  width: calc(33.3333333333% - 0.125rem);
  text-align: center;
  border: 1px solid;
  border-radius: 3px;
  margin: 0.0625rem;
  padding: 0.0625rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  position: relative;
  color: #fff;
}
.sub-container .wrapper .video-wrapper .video-content .monitor-list .state-green[data-v-fe06ed9b] {
  border-color: #4eff00;
}
.sub-container .wrapper .video-wrapper .video-content .monitor-list .state-red[data-v-fe06ed9b] {
  border-color: #cd3f3f;
  background-color: rgba(225, 27, 27, 0.831372549);
}
.sub-container .wrapper .video-wrapper .video-content .monitor-list .monitor-item-active[data-v-fe06ed9b] {
  color: #fff;
  background: linear-gradient(to right, rgba(0, 167, 182, 0.2392156863) 0%, rgba(85, 128, 174, 0.2901960784) 50%, rgba(0, 167, 182, 0.2392156863) 100%);
}
.sub-container .wrapper .video-wrapper .video-content .monitor-wrapper[data-v-fe06ed9b] {
  height: 20vh;
  padding: 0.0625rem;
  position: relative;
  overflow: hidden;
  box-shadow: 0.0125rem 0.0125rem 0.1125rem 0.0125rem rgba(102, 245, 255, 0.6);
}
.sub-container .wrapper .video-wrapper .video-content .monitor-wrapper .not-monitor[data-v-fe06ed9b] {
  width: 100% !important;
  height: 100% !important;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute !important;
  top: 0;
  left: 0;
  z-index: 1;
  font-size: 1.125rem;
}
.sub-container .wrapper .video-wrapper .video-content .monitor-wrapper .not-monitor i[data-v-fe06ed9b] {
  color: #66f5ff;
}
.sub-container .wrapper .video-wrapper .video-content .pop-up[data-v-fe06ed9b] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(9, 16, 37, 0.8588235294);
  z-index: 999;
}
.sub-container .wrapper .video-wrapper .video-content .pop-up .building-list-nav[data-v-fe06ed9b] {
  flex-wrap: wrap;
  overflow: hidden;
}
.sub-container .wrapper .video-wrapper .video-content .pop-up .building-list-nav[data-v-fe06ed9b]:not(:last-child) {
  border-bottom: 2px solid #66f5ff;
  padding-bottom: 0.0625rem !important;
  margin-bottom: 0.125rem;
}
.sub-container .wrapper .video-wrapper .video-content .pop-up .building-list-nav .building-item-nav[data-v-fe06ed9b] {
  margin-bottom: 0.125rem;
}
.sub-container .wrapper .video-wrapper .video-content .fade-enter-active[data-v-fe06ed9b],
.sub-container .wrapper .video-wrapper .video-content .fade-leave-active[data-v-fe06ed9b] {
  transition: 0.8s;
}
.sub-container .wrapper .video-wrapper .video-content .fade-enter[data-v-fe06ed9b],
.sub-container .wrapper .video-wrapper .video-content .fade-leave-to[data-v-fe06ed9b] {
  opacity: 0;
}
.sub-container .monitor-map[data-v-fe06ed9b] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
  box-shadow: 2px 2px 6px 4px rgba(247, 247, 247, 0.431372549);
  border-radius: 8px;
  padding: 0.075rem;
  pointer-events: all;
}
.sub-container .monitor-map[data-v-fe06ed9b] video {
  border-radius: 8px;
}
.sub-container .monitor-map[data-v-fe06ed9b] .jessibuca-container {
  border-radius: 8px;
}
.sub-container .monitor-map .close[data-v-fe06ed9b] {
  position: absolute;
  top: -10px;
  right: -6px;
  width: 25px;
  height: 25px;
  background: #238cfd;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  line-height: 25px;
  cursor: pointer;
}.sub-container[data-v-6272a1dc] {
  display: flex;
  position: relative;
}
.sub-container .wrapper[data-v-6272a1dc] {
  width: 18vw;
  display: flex;
  flex-direction: column;
  color: #fff;
  font-size: 0.15rem;
  overflow: hidden;
}
.sub-container .wrapper[data-v-6272a1dc]:not(:last-child) {
  margin-right: 0.0625rem;
}
.sub-container .wrapper .main-wrapper[data-v-6272a1dc] {
  width: 100%;
  padding: 0 0.125rem 0.0625rem;
  margin-bottom: 0.125rem;
  border-radius: 0.06rem;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  color: #ffffff;
  background: linear-gradient(0deg, rgba(10, 19, 28, 0.6), rgba(15, 28, 40, 0.4) 40.98%, rgba(16, 28, 40, 0.4) 67.9%, rgba(16, 29, 41, 0.6));
  box-shadow: 0.025rem 0.025rem 0.1rem -0.01rem #a0a0a0;
  -webkit-backdrop-filter: blur(0px);
  backdrop-filter: blur(0px);
}
.sub-container .wrapper .main-wrapper .main-title[data-v-6272a1dc] {
  background: url("../img/title-CJjILicm.png");
  background-size: 100% 100%;
  height: 0.6rem;
  width: 4rem;
  padding-top: 0.0375rem;
}
.sub-container .wrapper .main-wrapper .main-title span[data-v-6272a1dc] {
  color: rgb(165, 216, 252);
  font-size: 0.1625rem;
  margin-left: 0.375rem;
}
.sub-container .wrapper .device-wrapper[data-v-6272a1dc] {
  display: flex;
  overflow: hidden;
}
.sub-container .wrapper .device-wrapper .main-content[data-v-6272a1dc] {
  overflow: hidden;
  width: 100%;
}
.sub-container .wrapper .device-wrapper .main-content .info-wrapper[data-v-6272a1dc] {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.sub-container .wrapper .device-wrapper .main-content .info-wrapper .info-title[data-v-6272a1dc] {
  display: flex;
}
.sub-container .wrapper .device-wrapper .main-content .info-wrapper .info-title > div[data-v-6272a1dc] {
  width: 50%;
}
.sub-container .wrapper .device-wrapper .main-content .info-wrapper .device-content[data-v-6272a1dc] {
  display: flex;
  overflow: hidden;
  flex: 1;
  max-height: 7rem;
}
.sub-container .wrapper .device-wrapper .main-content .info-wrapper .device-content > div[data-v-6272a1dc] {
  width: 50%;
  overflow-y: auto;
  overflow-x: hidden;
}
.sub-container .wrapper .device-wrapper .main-content .info-wrapper .device-content .device-list[data-v-6272a1dc] .ivu-tree-title-selected,
.sub-container .wrapper .device-wrapper .main-content .info-wrapper .device-content .device-list[data-v-6272a1dc] .ivu-tree-title:hover {
  background-color: rgba(132, 193, 255, 0.4392156863);
}
.sub-container .wrapper .device-wrapper .main-content .info-wrapper .device-content .device-list[data-v-6272a1dc] .ivu-tree-title-selected:hover {
  background-color: rgba(132, 193, 255, 0.6196078431);
}
.sub-container .wrapper .device-wrapper .main-content .info-wrapper .device-content .device-list[data-v-6272a1dc] .device-item {
  color: #ffffff;
  width: 100%;
}
.sub-container .wrapper .device-wrapper .main-content .info-wrapper .device-content .device-list[data-v-6272a1dc] .device-item .ivu-tree-title {
  width: 100%;
}
.sub-container .wrapper .device-wrapper .main-content .info-wrapper .device-content .device-list[data-v-6272a1dc] .device-item i {
  margin-right: 0.0625rem;
}
.sub-container .wrapper .device-wrapper .main-content .info-wrapper .device-content .device-info[data-v-6272a1dc] {
  padding-bottom: 0.0625rem;
}
.sub-container .wrapper .device-wrapper .main-content .info-wrapper .device-content .device-info .device-info-item[data-v-6272a1dc] {
  line-height: 0.4rem;
  font-size: 0.1625rem;
  margin-top: 0.0375rem;
  letter-spacing: 2px;
  text-align: center;
}
.sub-container .wrapper .device-wrapper .main-content .info-wrapper .device-content .device-info .device-info-item[data-v-6272a1dc] :first-child {
  color: rgb(216, 220, 229);
  font-weight: 400;
}
.sub-container .wrapper .device-wrapper .main-content .info-wrapper .device-content .device-info .device-info-item[data-v-6272a1dc] :last-child {
  color: rgb(74, 229, 222);
  background-color: rgba(51, 102, 153, 0.3);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.sub-container .wrapper .video-monitoring img[data-v-6272a1dc] {
  width: 100%;
  height: auto;
}
.sub-container .wrapper .operation-target .info-content[data-v-6272a1dc] {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.sub-container .wrapper .operation-target .info-content .traget-itme[data-v-6272a1dc] {
  text-align: center;
  width: calc(25% - 0.075rem);
  padding: 0.125rem 0;
  border-radius: 10px;
  background-color: rgba(51, 102, 153, 0.3);
  font-size: 0.175rem;
  margin-bottom: 0.1rem;
}
.sub-container .wrapper .operation-target .info-content .traget-itme.active[data-v-6272a1dc] {
  color: rgb(255, 144, 41);
  box-shadow: 0 0 0.1rem 0.01rem rgb(255, 144, 41) inset;
}
.sub-container .wrapper .operation-target .info-content .traget-itme.active .traget-title[data-v-6272a1dc] {
  color: rgb(255, 144, 41);
}
.sub-container .wrapper .operation-target .info-content .traget-itme .traget-title[data-v-6272a1dc] {
  font-size: 0.125rem;
  line-height: 2;
  color: hsla(0, 0%, 100%, 0.7);
  letter-spacing: 2px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.sub-container .wrapper .operation-target .info-content .traget-itme .traget-content[data-v-6272a1dc] {
  color: #00afff;
}
.sub-container .wrapper .operation-target .info-content .traget-itme .traget-content .traget-unit[data-v-6272a1dc] {
  font-size: 0.1rem;
  color: #819ebe;
}
.sub-container .wrapper .operation-target .info-content .traget-itme .iconfont[data-v-6272a1dc] {
  font-size: 0.25rem;
}
.sub-container .wrapper .info-wrapper .info-title[data-v-6272a1dc] {
  line-height: 2;
}
.sub-container .wrapper .info-wrapper .info-echat[data-v-6272a1dc] {
  width: 100%;
  height: 16vh;
}
.sub-container .right-main .main-wrapper[data-v-6272a1dc] {
  padding: 0;
  overflow: hidden;
}
.sub-container .right-main .main-wrapper .main-content[data-v-6272a1dc] {
  overflow-y: auto;
  padding: 0 0.125rem 0.0625rem;
  height: 100%;
}.sub-container[data-v-73429557] {
  display: flex;
  position: relative;
}
.sub-container .wrapper[data-v-73429557] {
  width: 18vw;
  display: flex;
  flex-direction: column;
}
.sub-container .wrapper[data-v-73429557]:not(:last-child) {
  margin-right: 0.0625rem;
}
.sub-container .wrapper .main-wrapper[data-v-73429557] {
  width: 100%;
  padding: 0 0.125rem 0.0625rem;
  margin-bottom: 0.125rem;
  border-radius: 0.06rem;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  color: #ffffff;
  background: linear-gradient(0deg, rgba(10, 19, 28, 0.6), rgba(15, 28, 40, 0.4) 40.98%, rgba(16, 28, 40, 0.4) 67.9%, rgba(16, 29, 41, 0.6));
  box-shadow: 0.025rem 0.025rem 0.1rem -0.01rem #a0a0a0;
  -webkit-backdrop-filter: blur(0px);
  backdrop-filter: blur(0px);
}
.sub-container .wrapper .main-wrapper .main-title[data-v-73429557] {
  background: url("../img/title-CJjILicm.png");
  background-size: 100% 100%;
  height: 0.6rem;
  width: 4rem;
  padding-top: 0.0375rem;
}
.sub-container .wrapper .main-wrapper .main-title span[data-v-73429557] {
  color: rgb(165, 216, 252);
  font-size: 0.1625rem;
  margin-left: 0.375rem;
}
.sub-container .wrapper .main-wrapper .main-content[data-v-73429557] {
  flex: 1;
}
.sub-container .wrapper .device-wrapper .info[data-v-73429557] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #fff;
  padding-bottom: 0.125rem;
  font-size: 0.15rem;
}
.sub-container .wrapper .device-wrapper .chart[data-v-73429557] {
  width: 100%;
  height: 18vh;
}
.sub-container .wrapper .warn-wrapper .item[data-v-73429557] {
  display: flex;
  align-items: center;
  justify-content: space-around;
  border-bottom: 1px solid #eee;
}
.sub-container .wrapper .warn-wrapper .item i[data-v-73429557] {
  font-size: 48px;
  color: #ff0000;
}
.sub-container .wrapper .warn-wrapper .item .val[data-v-73429557] {
  text-align: center;
}
.sub-container .wrapper .warn-wrapper .item .val p[data-v-73429557] {
  font-weight: 700;
  font-size: 24px;
  color: #ff0000;
}
.sub-container .wrapper .warn-wrapper .item .val p[data-v-73429557]:first-child {
  font-weight: normal;
  font-size: 14px;
  color: #fff;
}
.sub-container .wrapper .warn-wrapper .orange i[data-v-73429557] {
  color: #ff6600;
}
.sub-container .wrapper .warn-wrapper .orange .val p[data-v-73429557] {
  color: #ff6600;
}
.sub-container .wrapper .warn-wrapper .warn-chart[data-v-73429557] {
  height: 18vh;
}
.sub-container .wrapper .monitor-wrapper .chart-view[data-v-73429557] {
  width: 100%;
  height: 12vh;
}
.sub-container .wrapper .type-wrapper .chart[data-v-73429557] {
  height: 15vh;
}.flex[data-v-0a6fd8be], .sub-container .table .main-content .not-data[data-v-0a6fd8be], .sub-container .table .main-content .content .fault-item .row[data-v-0a6fd8be], .sub-container .table .main-content .content .group .item[data-v-0a6fd8be], .sub-container .table .main-content .content .newest[data-v-0a6fd8be], .sub-container .table .main-content[data-v-0a6fd8be], .sub-container .main-wrapper .light .item[data-v-0a6fd8be], .sub-container .main-wrapper .state .top .total[data-v-0a6fd8be] {
  display: flex;
  align-items: center;
}
.sub-container[data-v-0a6fd8be] {
  display: flex;
}
.sub-container .wrapper[data-v-0a6fd8be]:not(:last-child) {
  margin-right: 0.0625rem;
}
.sub-container .main-wrapper[data-v-0a6fd8be] {
  width: 100%;
  padding: 0 0.125rem 0.0625rem;
  margin-bottom: 0.125rem;
  border-radius: 0.06rem;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  color: #ffffff;
  background: linear-gradient(0deg, rgba(10, 19, 28, 0.6), rgba(15, 28, 40, 0.4) 40.98%, rgba(16, 28, 40, 0.4) 67.9%, rgba(16, 29, 41, 0.6));
  box-shadow: 0.025rem 0.025rem 0.1rem -0.01rem #a0a0a0;
  -webkit-backdrop-filter: blur(0px);
  backdrop-filter: blur(0px);
}
.sub-container .main-wrapper .main-title[data-v-0a6fd8be] {
  background: url("../img/title-CJjILicm.png");
  background-size: 100% 100%;
  height: 0.6rem;
  width: 4rem;
  padding-top: 0.0375rem;
}
.sub-container .main-wrapper .main-title span[data-v-0a6fd8be] {
  color: rgb(165, 216, 252);
  font-size: 0.1625rem;
  margin-left: 0.375rem;
}
.sub-container .main-wrapper .state .top[data-v-0a6fd8be] {
  display: flex;
  border-bottom: 1px solid #dcdee2;
  padding-bottom: 0.125rem;
  margin-bottom: 0.0625rem;
}
.sub-container .main-wrapper .state .top .icon-txt[data-v-0a6fd8be] {
  width: 1.2rem;
  text-align: center;
}
.sub-container .main-wrapper .state .top .icon-txt img[data-v-0a6fd8be] {
  width: 1rem;
  height: 1rem;
}
.sub-container .main-wrapper .state .top .icon-txt p[data-v-0a6fd8be] {
  font-size: 0.15rem;
  font-weight: 700;
  color: #d9f1fd;
}
.sub-container .main-wrapper .state .top .total[data-v-0a6fd8be] {
  flex: 1;
}
.sub-container .main-wrapper .state .top .total .item[data-v-0a6fd8be] {
  flex: 1;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.sub-container .main-wrapper .state .top .total .item .name[data-v-0a6fd8be] {
  color: #2d8cf0;
  font-weight: 600;
  text-align: center;
  line-height: 1.2;
  margin-bottom: 0.125rem;
}
.sub-container .main-wrapper .state .top .total .item .name i[data-v-0a6fd8be] {
  font-size: 0.35rem;
  font-weight: normal;
}
.sub-container .main-wrapper .state .top .total .item .name p[data-v-0a6fd8be] {
  font-size: 0.15rem;
}
.sub-container .main-wrapper .state .top .total .item .value[data-v-0a6fd8be] {
  color: #fff;
  font-size: 0.175rem;
  font-weight: 700;
}
.sub-container .main-wrapper .state > .item[data-v-0a6fd8be] {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #dcdee2;
  margin-bottom: 0.0625rem;
  font-size: 0.15rem;
}
.sub-container .main-wrapper .state > .item .title[data-v-0a6fd8be] {
  display: flex;
  align-items: center;
  color: #2d8cf0;
}
.sub-container .main-wrapper .state > .item .title i[data-v-0a6fd8be] {
  margin-right: 0.0625rem;
  font-size: 0.275rem;
}
.sub-container .main-wrapper .state > .item .title span[data-v-0a6fd8be] {
  letter-spacing: 0.0375rem;
}
.sub-container .main-wrapper .state > .item .info[data-v-0a6fd8be] {
  display: flex;
  align-items: center;
  flex: 1;
  margin-bottom: 0.125rem;
}
.sub-container .main-wrapper .state > .item .info span[data-v-0a6fd8be] {
  flex: 1;
}
.sub-container .main-wrapper .state > .item .info span[data-v-0a6fd8be]:not(:last-child) {
  margin-right: 0.125rem;
}
.sub-container .main-wrapper .state > .item .info span[data-v-0a6fd8be]:nth-child(1) {
  color: #008000;
}
.sub-container .main-wrapper .state > .item .info span[data-v-0a6fd8be]:nth-child(2) {
  color: #ff9900;
}
.sub-container .main-wrapper .state > .item .info span[data-v-0a6fd8be]:nth-child(3) {
  color: #ff0000;
}
.sub-container .main-wrapper .state > .item .info span[data-v-0a6fd8be]:nth-child(4) {
  color: #9933ff;
}
.sub-container .main-wrapper .light[data-v-0a6fd8be] {
  height: 20vh;
  display: flex;
  flex-wrap: wrap;
}
.sub-container .main-wrapper .light .item[data-v-0a6fd8be] {
  width: 20%;
  flex-direction: column;
  justify-content: center;
}
.sub-container .main-wrapper .light .item .state[data-v-0a6fd8be] {
  width: 2.5vw;
  height: 2.5vw;
  border-radius: 50%;
  background: radial-gradient(rgb(211, 211, 211), rgb(137, 137, 137));
  margin-bottom: 10px;
  box-shadow: 3px 4px 4px -2px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.sub-container .main-wrapper .light .item .state1[data-v-0a6fd8be] {
  background: radial-gradient(rgb(22, 86, 0), rgb(41, 195, 0));
}
.sub-container .main-wrapper .light .item .state2[data-v-0a6fd8be] {
  background: radial-gradient(rgb(238, 9, 41), rgb(255, 106, 0));
}
.sub-container .main-wrapper .light .item span[data-v-0a6fd8be] {
  color: #d9f1fd;
  font-size: 0.15rem;
}
.sub-container .table[data-v-0a6fd8be] {
  width: 4rem;
  height: 30vh;
  margin-bottom: 0.125rem;
}
.sub-container .table .main-content[data-v-0a6fd8be] {
  height: 100%;
  margin: 0;
}
.sub-container .table .main-content > .title[data-v-0a6fd8be] {
  width: 20%;
  text-align: center;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  font-weight: 600;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.sub-container .table .main-content > .title .iconfont[data-v-0a6fd8be] {
  font-size: 39px;
}
.sub-container .table .main-content > .title > p[data-v-0a6fd8be] {
  font-size: 32px;
  font-weight: 700;
  word-break: break-word;
}
.sub-container .table .main-content .content[data-v-0a6fd8be] {
  height: 100%;
  flex: 1;
  overflow: auto;
  padding: 0 0.0625rem;
}
.sub-container .table .main-content .content .newest[data-v-0a6fd8be] {
  animation: twinkling-0a6fd8be 2.2s ease-in-out infinite;
  align-items: stretch;
}
.sub-container .table .main-content .content .newest span[data-v-0a6fd8be] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: #ff6a6a;
  height: inherit;
  text-align: center;
  font-size: 0.125rem;
  padding: 0.0375rem 0;
}
.sub-container .table .main-content .content .newest span[data-v-0a6fd8be]:first-child {
  background-color: #ff0000;
}
@keyframes twinkling-0a6fd8be {
0% {
    opacity: 1;
}
50% {
    opacity: 0.7;
}
100% {
    opacity: 1;
}
}
.sub-container .table .main-content .content .group[data-v-0a6fd8be]:not(:last-child) {
  margin-bottom: 0.0625rem;
}
.sub-container .table .main-content .content .group .title[data-v-0a6fd8be] {
  font-size: 0.175rem;
  font-weight: 700;
  color: #ff6600;
  margin-bottom: 0.0625rem;
}
.sub-container .table .main-content .content .group .item[data-v-0a6fd8be] {
  align-items: stretch;
  background: rgba(255, 255, 255, 0.2);
  color: #ff6600;
}
.sub-container .table .main-content .content .group .item[data-v-0a6fd8be]:not(:last-child) {
  margin-bottom: 0.0625rem;
}
.sub-container .table .main-content .content .group .item span[data-v-0a6fd8be] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: inherit;
  text-align: center;
  font-size: 0.125rem;
  padding: 0.0375rem 0;
}
.sub-container .table .main-content .content .group .item span[data-v-0a6fd8be]:first-child {
  font-weight: 700;
}
.sub-container .table .main-content .content .fault-item[data-v-0a6fd8be] {
  color: #ffcc00;
  background: rgba(255, 255, 255, 0.2);
}
.sub-container .table .main-content .content .fault-item[data-v-0a6fd8be]:not(:last-child) {
  margin-bottom: 0.0625rem;
}
.sub-container .table .main-content .content .fault-item .row[data-v-0a6fd8be] {
  align-items: stretch;
  border-bottom: 1px solid #fff;
}
.sub-container .table .main-content .content .fault-item .row span[data-v-0a6fd8be] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: inherit;
  text-align: center;
  font-size: 0.125rem;
  padding: 0.0375rem 0;
}
.sub-container .table .main-content .content .fault-item .row span[data-v-0a6fd8be]:first-child {
  font-weight: 700;
}
.sub-container .table .main-content .content .fault-item .type[data-v-0a6fd8be] {
  font-size: 0.125rem;
  padding: 0.0625rem;
  display: inline-block;
}
.sub-container .table .main-content .red[data-v-0a6fd8be] {
  color: #ff6600 !important;
}
.sub-container .table .main-content .green[data-v-0a6fd8be] {
  color: #66ffff !important;
}
.sub-container .table .main-content .yellow[data-v-0a6fd8be] {
  color: #ffcc00 !important;
}
.sub-container .table .main-content .not-data[data-v-0a6fd8be] {
  width: 100%;
  height: 100%;
  justify-content: center;
  color: #acfbff;
  font-size: 0.175rem;
}.sub-container[data-v-c843f38e] {
  display: flex;
  position: relative;
}
.sub-container .wrapper[data-v-c843f38e] {
  width: 18vw;
  display: flex;
  flex-direction: column;
}
.sub-container .wrapper[data-v-c843f38e]:not(:last-child) {
  margin-right: 0.0625rem;
}
.sub-container .wrapper .main-wrapper[data-v-c843f38e] {
  width: 100%;
  padding: 0 0.125rem 0.0625rem;
  margin-bottom: 0.125rem;
  border-radius: 0.06rem;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  color: #ffffff;
  background: linear-gradient(0deg, rgba(10, 19, 28, 0.6), rgba(15, 28, 40, 0.4) 40.98%, rgba(16, 28, 40, 0.4) 67.9%, rgba(16, 29, 41, 0.6));
  box-shadow: 0.025rem 0.025rem 0.1rem -0.01rem #a0a0a0;
  -webkit-backdrop-filter: blur(0px);
  backdrop-filter: blur(0px);
  flex: 1;
}
.sub-container .wrapper .main-wrapper .main-title[data-v-c843f38e] {
  background: url("../img/title-CJjILicm.png");
  background-size: 100% 100%;
  height: 0.6rem;
  width: 4rem;
  padding-top: 0.0375rem;
}
.sub-container .wrapper .main-wrapper .main-title span[data-v-c843f38e] {
  color: rgb(165, 216, 252);
  font-size: 0.1625rem;
  margin-left: 0.375rem;
}
.sub-container .wrapper .main-wrapper .main-content[data-v-c843f38e] {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.sub-container .wrapper .main-wrapper .main-content[data-v-c843f38e] .table-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #032654;
}
.sub-container .wrapper .main-wrapper .main-content[data-v-c843f38e] .table-row .table-row-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 0.125rem 0;
}
.sub-container .wrapper .main-wrapper .main-content[data-v-c843f38e] .table-row span {
  flex: 1;
  color: #cccccc;
  font-size: 0.15rem;
  text-align: center;
}
.sub-container .wrapper .main-wrapper .main-content .table-head[data-v-c843f38e] {
  background: url(../img/table-bg-IDRBKGHI.png);
  background-size: 100% 100%;
  padding-bottom: 0;
  border-bottom-width: 0;
  height: 0.375rem;
}
.sub-container .wrapper .main-wrapper .main-content .scene[data-v-c843f38e] {
  height: 1rem;
  flex-direction: row;
  margin-bottom: 0.125rem;
  display: flex;
  cursor: pointer;
}
.sub-container .wrapper .main-wrapper .main-content .scene .key-scene[data-v-c843f38e] {
  border: 1px solid #23d8fd;
  object-fit: cover;
  height: 1rem;
  flex: 1;
}
.sub-container .wrapper .main-wrapper .main-content .warn-list[data-v-c843f38e] {
  display: flex;
  flex-wrap: wrap;
  align-self: flex-start;
  width: 100%;
}
.sub-container .wrapper .main-wrapper .main-content .warn-list .warn-item[data-v-c843f38e] {
  width: 33%;
  margin-bottom: 0.125rem;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.sub-container .wrapper .main-wrapper .main-content .warn-list .warn-item .warn-num[data-v-c843f38e] {
  width: 0.55rem;
  height: 0.55rem;
  background: url(../img/warn-bg-C82X3Tec.png);
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #00dfff;
  font-size: 0.2rem;
  margin-bottom: 0.0625rem;
}
.sub-container .wrapper .main-wrapper .main-content .warn-list .warn-item .animated-pro[data-v-c843f38e] {
  animation: proRotate-c843f38e 1s 1s;
}
@keyframes proRotate-c843f38e {
0% {
    transform: rotateY(180deg);
}
100% {
    transform: rotateY(0deg);
}
}
.sub-container .wrapper .main-wrapper .main-content .warn-list .warn-item > span[data-v-c843f38e] {
  color: #ccf8ff;
  font-size: 0.15rem;
}
.sub-container .wrapper .main-wrapper .main-content[data-v-c843f38e] .msg-item {
  display: flex;
  flex-direction: column;
  border-bottom: 1px dashed #eee;
}
.sub-container .wrapper .main-wrapper .main-content[data-v-c843f38e] .msg-item .msg-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.15rem;
  margin-top: 0.0625rem;
}
.sub-container .wrapper .main-wrapper .main-content[data-v-c843f38e] .msg-item .msg-title span:first-child {
  color: #cc2929;
}
.sub-container .wrapper .main-wrapper .main-content[data-v-c843f38e] .msg-item .msg-title span:last-child {
  color: #1a9de2;
}
.sub-container .wrapper .main-wrapper .main-content[data-v-c843f38e] .msg-item > span {
  color: #ccf8ff;
  font-size: 0.14rem;
  margin-bottom: 0.0625rem;
}
.sub-container .wrapper .item-content[data-v-c843f38e] {
  width: 100%;
  height: 2.5rem;
  padding: 0.125rem;
  background: rgba(0, 34, 76, 0.5);
  display: flex;
  flex-direction: column;
}
.sub-container .wrapper .item-content .item-row[data-v-c843f38e] {
  display: flex;
  flex-direction: column;
  margin-bottom: 0.1875rem;
}
.sub-container .wrapper .item-content .item-row .row-title[data-v-c843f38e] {
  color: #cccccc;
  font-size: 0.15rem;
}
.sub-container .wrapper .item-content .item-row .row-content[data-v-c843f38e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sub-container .wrapper .item-content .item-row .row-item[data-v-c843f38e] {
  display: flex;
  flex-direction: column;
  color: #1a9ee2;
}
.sub-container .wrapper .item-content .item-row .row-item > span[data-v-c843f38e]:first-child {
  font-size: 0.175rem;
  font-weight: bold;
}
.sub-container .wrapper .item-content .item-row .row-item > span[data-v-c843f38e]:last-child {
  font-size: 0.15rem;
}
.sub-container .wrapper .monitor[data-v-c843f38e] {
  display: flex;
  flex-direction: column;
}
.sub-container .wrapper .monitor .item-monitor[data-v-c843f38e] {
  display: flex;
  margin-bottom: 0.1875rem;
  flex: 1;
}
.sub-container .wrapper .monitor .item-monitor .monitor[data-v-c843f38e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
}
.sub-container .wrapper .monitor .item-monitor .monitor .monitor-name span[data-v-c843f38e] {
  color: #cccccc;
}
.sub-container .wrapper .monitor .item-monitor .monitor .monitor-value[data-v-c843f38e] {
  font-size: 0.175rem;
  font-weight: bold;
}
.sub-container .wrapper .monitor .item-monitor .monitor-l[data-v-c843f38e] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}
.sub-container .wrapper .monitor .item-monitor .monitor-l .monitor-value[data-v-c843f38e] {
  display: flex;
  flex-direction: column;
  margin-left: 0.1rem;
}
.sub-container .wrapper .monitor .item-monitor .monitor-l .monitor-value span[data-v-c843f38e] {
  color: #cccccc;
}
.sub-container .wrapper .monitor .item-monitor .monitor-l .monitor-value span[data-v-c843f38e]:last-child {
  font-size: 0.175rem;
  font-weight: bold;
}
.sub-container .wrapper[data-v-c843f38e] .ivu-tabs-bar {
  border-color: rgba(255, 255, 255, 0.2);
  margin-bottom: 0.1rem;
}
.sub-container .wrapper[data-v-c843f38e] .ivu-tabs-nav-scroll .ivu-tabs-ink-bar {
  background-color: #34feff;
}
.sub-container .wrapper[data-v-c843f38e] .ivu-tabs-nav-scroll .ivu-tabs-nav {
  width: 100%;
}
.sub-container .wrapper[data-v-c843f38e] .ivu-tabs-nav-scroll .ivu-tabs-nav .ivu-tabs-tab {
  background-image: linear-gradient(to top, #02f9fd, #0e72b3);
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 0.15rem;
  font-weight: bold;
  width: 30%;
  text-align: center;
}
.sub-container .img[data-v-c843f38e] {
  position: absolute;
  right: 38vw;
  width: 20vw;
  height: 20vw;
  margin-top: 0.125rem;
  border-radius: 0.06rem;
  color: #ffffff;
  background: linear-gradient(0deg, rgba(10, 19, 28, 0.6), rgba(15, 28, 40, 0.4) 40.98%, rgba(16, 28, 40, 0.4) 67.9%, rgba(16, 29, 41, 0.6));
  box-shadow: 0.025rem 0.025rem 0.1rem -0.01rem #a0a0a0;
}
.sub-container .img .img[data-v-c843f38e],
.sub-container .img img[data-v-c843f38e] {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.sub-container .img[data-v-c843f38e] .el-image {
  width: 100%;
  height: 100%;
}
.sub-container .img[data-v-c843f38e] .image-slot {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.4875rem;
}
.sub-container .img[data-v-c843f38e] .el-image__placeholder,
.sub-container .img[data-v-c843f38e] .el-image__placeholder:before,
.sub-container .img[data-v-c843f38e] .el-image__placeholder:after {
  background: #fff;
  animation: load1-c843f38e 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}
.sub-container .img[data-v-c843f38e] .el-image__placeholder:before,
.sub-container .img[data-v-c843f38e] .el-image__placeholder:after {
  position: absolute;
  top: 0;
  content: "";
}
.sub-container .img[data-v-c843f38e] .el-image__placeholder:before {
  left: -1.5em;
}
.sub-container .img[data-v-c843f38e] .el-image__placeholder {
  text-indent: -9999em;
  margin: 38% auto;
  position: relative;
  font-size: 11px;
  animation-delay: 0.16s;
}
.sub-container .img[data-v-c843f38e] .el-image__placeholder:after {
  left: 1.5em;
  animation-delay: 0.32s;
}
@keyframes load1-c843f38e {
0%, 80%, 100% {
    box-shadow: 0 0 #fff;
    height: 4em;
}
40% {
    box-shadow: 0 -2em #ffffff;
    height: 5em;
}
}.screen-body[data-v-3907ce7c] {
  padding: 0.125rem;
  display: flex;
  overflow: hidden;
  height: calc(100% - 0.9rem);
}
.screen-body .left[data-v-3907ce7c] {
  display: flex;
  flex-direction: column;
}
.screen-body .left .item[data-v-3907ce7c] {
  background: url("../img/menu2-DASLjULc.png");
  background-size: 100% 100%;
  color: #fff;
  width: 3rem;
  height: 0.65rem;
  display: flex;
  align-items: center;
  margin-bottom: 0.125rem;
  cursor: pointer;
}
.screen-body .left .item .icon[data-v-3907ce7c] {
  width: 0.67rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.screen-body .left .item .icon .iconfont[data-v-3907ce7c] {
  font-size: 0.25rem;
  color: #74c7ff;
}
.screen-body .left .item .info[data-v-3907ce7c] {
  margin-left: 0.125rem;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-evenly;
}
.screen-body .left .item .info p[data-v-3907ce7c] {
  font-size: 0.175rem;
  color: rgb(228, 243, 255);
  margin-top: 0.05rem;
}
.screen-body .left .item .info p[data-v-3907ce7c]:last-child {
  font-size: 0.125rem;
  color: #a5d8fc;
}
.screen-body .left .item-seleted[data-v-3907ce7c] {
  background: url("../img/menu2_seleted-Dw44baQZ.png");
  background-size: 100% 100%;
}
.screen-body .left .item-seleted .icon .iconfont[data-v-3907ce7c] {
  color: #fff;
}
.screen-body .left .warn[data-v-3907ce7c] {
  width: 1.5rem;
  height: 0.875rem;
  background: url("../img/alert-PnV5ZM6C.png");
  background-size: 100% 100%;
  font-size: 0.15rem;
  font-weight: 400;
  color: rgb(255, 135, 151);
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.screen-body .left .warn span[data-v-3907ce7c] {
  margin-left: 0.4rem;
}
.screen-body .right[data-v-3907ce7c] {
  display: flex;
  margin-left: auto;
}.sub-container[data-v-fb96ca4e] {
  display: flex;
  position: relative;
}
.sub-container .flex-center[data-v-fb96ca4e], .sub-container .main-wrapper .warn .warn-wrapper .warn-icon[data-v-fb96ca4e] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.sub-container .wrapper[data-v-fb96ca4e]:not(:last-child) {
  margin-right: 0.0625rem;
}
.sub-container .main-wrapper[data-v-fb96ca4e] {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 0.125rem 0.0625rem;
  border-radius: 0.06rem;
  margin-bottom: 0.125rem;
  background: linear-gradient(0deg, rgba(10, 19, 28, 0.6), rgba(15, 28, 40, 0.4) 40.98%, rgba(16, 28, 40, 0.4) 67.9%, rgba(16, 29, 41, 0.6));
  box-shadow: 0.025rem 0.025rem 0.1rem -0.01rem #a0a0a0;
  -webkit-backdrop-filter: blur(0px);
  backdrop-filter: blur(0px);
}
.sub-container .main-wrapper .main-title[data-v-fb96ca4e] {
  background: url("../img/title-CJjILicm.png");
  background-size: 100% 100%;
  height: 0.6rem;
  width: 4rem;
  padding-top: 0.0375rem;
}
.sub-container .main-wrapper .main-title span[data-v-fb96ca4e] {
  color: rgb(165, 216, 252);
  font-size: 0.1625rem;
  margin-left: 0.375rem;
}
.sub-container .main-wrapper .main-content[data-v-fb96ca4e] {
  width: 4rem;
}
.sub-container .main-wrapper .main-content .chart[data-v-fb96ca4e] {
  width: 100%;
  height: 100%;
}
.sub-container .main-wrapper .main-content .row-wrap[data-v-fb96ca4e] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 0.125rem;
}
.sub-container .main-wrapper .main-content .data-item[data-v-fb96ca4e] {
  margin-bottom: 0.0625rem;
  line-height: 1.5;
  background: url("../img/info4_box-BTP7ElAJ.png");
  background-size: 100% 100%;
  width: 1.85rem;
  height: 0.5rem;
  display: flex;
}
.sub-container .main-wrapper .main-content .data-item .icon[data-v-fb96ca4e] {
  width: 30px;
  height: 30px;
  margin-left: 0.125rem;
}
.sub-container .main-wrapper .main-content .data-item .data[data-v-fb96ca4e] {
  margin-left: 0.4375rem;
  flex: 1;
}
.sub-container .main-wrapper .main-content .data-item .data .label[data-v-fb96ca4e] {
  margin-top: -0.08rem;
}
.sub-container .main-wrapper .main-content .data-item .data p[data-v-fb96ca4e] {
  color: rgba(228, 243, 255, 0.6);
  display: flex;
  align-items: center;
}
.sub-container .main-wrapper .main-content .data-item .data p:last-child span[data-v-fb96ca4e] {
  color: rgb(217, 241, 253);
  font-size: 0.175rem;
}
.sub-container .main-wrapper .main-content .data-item .data p:last-child .unit[data-v-fb96ca4e] {
  color: rgba(217, 241, 253, 0.7);
  font-size: 0.12rem;
  margin-left: auto;
  margin-right: 0.1875rem;
}
.sub-container .main-wrapper .main-content .order-item[data-v-fb96ca4e] {
  display: flex;
  border: 1px solid rgb(21, 67, 85);
  margin-bottom: 0.125rem;
}
.sub-container .main-wrapper .main-content .order-item .order-info[data-v-fb96ca4e] {
  display: flex;
  flex-direction: column;
  color: #fff;
  font-size: 0.15rem;
  padding: 0.0625rem 0 0.125rem 0;
}
.sub-container .main-wrapper .main-content .order-item .order-info .title[data-v-fb96ca4e] {
  background: linear-gradient(180deg, #ffffff 0%, #6af6fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 0.0625rem;
  padding-left: 0.125rem;
}
.sub-container .main-wrapper .main-content .order-item .order-info .info[data-v-fb96ca4e] {
  display: flex;
  align-items: center;
}
.sub-container .main-wrapper .main-content .order-item .order-info .info .info-item[data-v-fb96ca4e] {
  border-left: 2px solid #6af6fa;
  padding-left: 0.125rem;
  margin-right: 0.0625rem;
}
.sub-container .main-wrapper .main-content .order-item .order-info .info .info-item p[data-v-fb96ca4e] {
  letter-spacing: 2px;
  color: rgba(228, 243, 255, 0.7);
}
.sub-container .main-wrapper .main-content .order-item .order-info .info .info-item p[data-v-fb96ca4e]:not(:last-child) {
  margin-bottom: 0.0625rem;
}
.sub-container .main-wrapper .main-content .order-item .order-info .info .info-item p span[data-v-fb96ca4e] {
  margin: 0 0.0375rem;
}
.sub-container .main-wrapper .main-content .order-item .yellow .title[data-v-fb96ca4e] {
  background: linear-gradient(180deg, #ffffff 0%, #ffeb3b 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.sub-container .main-wrapper .main-content .order-item .yellow .info .info-item[data-v-fb96ca4e] {
  border-left: 2px solid #ffeb3b;
}
.sub-container .main-wrapper .main-content .order-item .order-chart[data-v-fb96ca4e] {
  width: 1rem;
  height: 1rem;
  margin-left: auto;
  background: rgba(53, 78, 102, 0.6);
}
.sub-container .main-wrapper .main-content .monitor-item[data-v-fb96ca4e] {
  border-radius: 0.0625rem;
  position: relative;
  margin-bottom: 0.125rem;
}
.sub-container .main-wrapper .main-content .monitor-item .image[data-v-fb96ca4e] {
  border-radius: 0.0625rem;
  width: 1.95rem;
  height: 0.95rem;
}
.sub-container .main-wrapper .main-content .monitor-item .footer[data-v-fb96ca4e] {
  position: absolute;
  bottom: 0;
  background: linear-gradient(90deg, rgba(9, 212, 188, 0.6) 0%, rgba(35, 51, 68, 0.6) 100%);
  color: #fff;
  font-size: 0.15rem;
  font-weight: 600;
  padding: 0.025rem 0.0625rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border-radius: 0 0 0.0625rem 0.0625rem;
}
.sub-container .main-wrapper .main-content .active[data-v-fb96ca4e] {
  border: 1px solid #fff;
}
.sub-container .main-wrapper .warn[data-v-fb96ca4e] {
  color: #fff;
}
.sub-container .main-wrapper .warn .warn-wrapper[data-v-fb96ca4e] {
  display: flex;
  justify-content: space-around;
}
.sub-container .main-wrapper .warn .warn-wrapper .warn-icon[data-v-fb96ca4e] {
  background-image: linear-gradient(rgba(128, 151, 255, 0.278), rgba(5, 196, 255, 0.69));
  width: 28%;
}
.sub-container .main-wrapper .warn .warn-wrapper .warn-icon .iconfont[data-v-fb96ca4e] {
  color: #02f9fd;
  font-size: 0.5rem;
}
.sub-container .main-wrapper .warn .warn-wrapper .warn-info[data-v-fb96ca4e] {
  position: relative;
  padding-right: 0.125rem;
}
.sub-container .main-wrapper .warn .warn-wrapper .warn-info[data-v-fb96ca4e]::after {
  content: "";
  height: 50%;
  width: 0.0125rem;
  background-color: #317df0;
  position: absolute;
  right: 0;
  top: 25%;
}
.sub-container .main-wrapper .warn .warn-wrapper .warn-info .name[data-v-fb96ca4e] {
  font-size: 0.1625rem;
  font-weight: bold;
}
.sub-container .main-wrapper .warn .warn-wrapper .warn-info .rate[data-v-fb96ca4e] {
  background-image: linear-gradient(rgb(49, 125, 240), rgb(0, 195, 255));
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #02f9fd;
  font-size: 0.3rem;
}
.sub-container .main-wrapper .warn .warn-wrapper .warn-info .tip[data-v-fb96ca4e] {
  font-size: 0.125rem;
}
.sub-container .main-wrapper .warn .warn-wrapper .warn-level[data-v-fb96ca4e] {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.sub-container .main-wrapper .warn .warn-wrapper .warn-level > div[data-v-fb96ca4e] {
  display: flex;
  align-items: center;
  font-size: 0.14rem;
}
.sub-container .main-wrapper .warn .warn-wrapper .warn-level > div[data-v-fb96ca4e] :last-child {
  text-indent: 0.15rem;
}
.sub-container .main-wrapper .warn .warn-wrapper .warn-level[data-v-fb96ca4e] > :nth-child(1) {
  color: #c34247;
}
.sub-container .main-wrapper .warn .warn-wrapper .warn-level[data-v-fb96ca4e] > :nth-child(2) {
  color: #e5a354;
}
.sub-container .main-wrapper .warn .warn-wrapper .warn-level[data-v-fb96ca4e] > :nth-child(3) {
  color: #209cff;
}
.sub-container .main-wrapper .warn .warn-hr[data-v-fb96ca4e] {
  height: 0.0125rem;
  margin: 0.125rem auto;
  width: 60%;
  background-color: #317df0;
}.sub-container[data-v-0b6d1821] {
  display: flex;
  position: relative;
}
.sub-container .flex[data-v-0b6d1821] {
  display: flex;
  align-items: center;
}
.sub-container .wrapper[data-v-0b6d1821] {
  width: 18vw;
  display: flex;
  flex-direction: column;
  color: #fff;
}
.sub-container .wrapper[data-v-0b6d1821]:not(:last-child) {
  margin-right: 0.0625rem;
}
.sub-container .wrapper .main-wrapper[data-v-0b6d1821] {
  width: 100%;
  padding: 0 0.125rem 0.0625rem;
  margin-bottom: 0.125rem;
  border-radius: 0.06rem;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  color: #ffffff;
  background: linear-gradient(0deg, rgba(10, 19, 28, 0.6), rgba(15, 28, 40, 0.4) 40.98%, rgba(16, 28, 40, 0.4) 67.9%, rgba(16, 29, 41, 0.6));
  box-shadow: 0.025rem 0.025rem 0.1rem -0.01rem #a0a0a0;
  -webkit-backdrop-filter: blur(0px);
  backdrop-filter: blur(0px);
}
.sub-container .wrapper .main-title[data-v-0b6d1821] {
  color: #9dfffc;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 0.025rem solid rgba(41, 123, 245, 0.2);
  font-size: 0.1625rem;
  position: relative;
  line-height: 2.2;
}
.sub-container .left-main .power-wrapper .main-title[data-v-0b6d1821] {
  width: 100%;
  margin: 0;
}
.sub-container .left-main .power-wrapper .main-title .title[data-v-0b6d1821] {
  display: flex;
  flex-direction: column;
  line-height: 1.5;
  padding: 0.125rem 0;
}
.sub-container .left-main .power-wrapper .main-title .title span[data-v-0b6d1821]:first-child {
  font-size: 0.2625rem;
  font-weight: bold;
}
.sub-container .left-main .power-wrapper .main-title .title span[data-v-0b6d1821]:last-child {
  font-size: 0.15rem;
}
.sub-container .left-main .power-wrapper .main-title .iconfont[data-v-0b6d1821] {
  font-size: 0.35rem;
}
.sub-container .left-main .power-wrapper .main-title[data-v-0b6d1821]::before {
  content: "";
  width: 84%;
  height: 0.025rem;
  background-color: #4df8e9;
  position: absolute;
  bottom: -0.0125rem;
  left: 0;
}
.sub-container .left-main .power-wrapper .survey-info[data-v-0b6d1821] {
  flex-direction: column;
  justify-content: center;
  margin-top: 0.0625rem;
}
.sub-container .left-main .power-wrapper .survey-info .row[data-v-0b6d1821] {
  display: flex;
  align-items: center;
  flex: 1;
  font-size: 0.125rem;
}
.sub-container .left-main .power-wrapper .survey-info .row[data-v-0b6d1821]:first-child {
  padding: 0.0625rem 0;
}
.sub-container .left-main .power-wrapper .survey-info .row[data-v-0b6d1821]:not(:last-child) {
  border-bottom: 0.0125rem solid #dcdee2;
}
.sub-container .left-main .power-wrapper .survey-info .row .value[data-v-0b6d1821] {
  font-size: 18px;
  font-weight: bold;
  margin: 0 2px;
}
.sub-container .left-main .power-wrapper .survey-info .row:last-child .row-l[data-v-0b6d1821],
.sub-container .left-main .power-wrapper .survey-info .row:last-child .row-r[data-v-0b6d1821] {
  padding: 0.1rem 0;
}
.sub-container .left-main .power-wrapper .survey-info .row .row-l[data-v-0b6d1821] {
  width: 60%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.sub-container .left-main .power-wrapper .survey-info .row .row-l .flex[data-v-0b6d1821] {
  width: 100%;
  height: 100%;
  justify-content: space-evenly;
  padding: 0.1rem 0;
}
.sub-container .left-main .power-wrapper .survey-info .row .row-l .flex[data-v-0b6d1821]:not(:last-child) {
  border-bottom: 1px solid #dcdee2;
}
.sub-container .left-main .power-wrapper .survey-info .row .row-r[data-v-0b6d1821] {
  width: 40%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.sub-container .left-main .trans-wrapper[data-v-0b6d1821] {
  display: flex;
  flex-direction: column;
}
.sub-container .left-main .trans-wrapper .main-content[data-v-0b6d1821] {
  flex: 1;
}
.sub-container .left-main .trans-wrapper .trans-list[data-v-0b6d1821] {
  width: 100%;
  height: 90%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.sub-container .left-main .trans-wrapper .trans-list .trans-item[data-v-0b6d1821] {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-image: url("../img/line-simple-D0cYBas9.png");
  background-size: 100% 100%;
}
.sub-container .left-main .trans-wrapper .trans-list .trans-item .value[data-v-0b6d1821] {
  font-size: 0.2rem;
}
.sub-container .left-main .trans-wrapper .trans-list .trans-item .name[data-v-0b6d1821] {
  font-size: 0.125rem;
}
.sub-container .left-main[data-v-0b6d1821] .ivu-select .ivu-select-selection,
.sub-container .left-main[data-v-0b6d1821] .ivu-select .ivu-select-selected-value {
  color: #fff;
}
.sub-container .left-main[data-v-0b6d1821] .ivu-select i {
  color: #3399ff;
}
.sub-container .left-main[data-v-0b6d1821] .ivu-select .ivu-select-selection {
  background: transparent;
  box-shadow: none;
  border: none;
  border-top: 0.0125rem solid #3399ff;
  border-bottom: 0.0125rem solid #3399ff;
  border-radius: 0;
}
.sub-container .left-main[data-v-0b6d1821] .ivu-select .ivu-select-item {
  color: rgba(255, 255, 255, 0.5);
}
.sub-container .left-main[data-v-0b6d1821] .ivu-select .ivu-select-item-selected {
  color: #fff;
}
.sub-container .left-main[data-v-0b6d1821] .ivu-select .ivu-select-item-focus,
.sub-container .left-main[data-v-0b6d1821] .ivu-select .ivu-select-item:hover {
  background: none;
  color: #fff;
}
.sub-container .right-main .main-content[data-v-0b6d1821] {
  flex: 1;
}
.sub-container .right-main .main-content .chart[data-v-0b6d1821] {
  width: 100%;
  height: 100%;
}
.sub-container .right-main .electric-wrapper[data-v-0b6d1821] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.sub-container .right-main .electric-wrapper .main-content[data-v-0b6d1821] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.sub-container .right-main .electric-wrapper .main-content .chart[data-v-0b6d1821] {
  height: 95%;
}
.sub-container .right-main .load-wrapper[data-v-0b6d1821] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.sub-container .right-main .monitor-wrapper[data-v-0b6d1821] {
  flex: 1;
}
.sub-container .right-main .monitor-wrapper .main-content[data-v-0b6d1821] {
  display: flex;
  flex-wrap: wrap;
  overflow-y: auto;
}
.sub-container .right-main .monitor-wrapper .item[data-v-0b6d1821] {
  width: 33%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 10px;
}
.sub-container .right-main .monitor-wrapper .item .icon[data-v-0b6d1821] {
  width: 55px;
  height: 55px;
  background-color: #5e8aff;
  border-radius: 50%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 5px;
}
.sub-container .right-main .monitor-wrapper .item .icon span[data-v-0b6d1821] {
  font-size: 24px;
}
.sub-container .right-main .monitor-wrapper .item > span[data-v-0b6d1821] {
  font-size: 14px;
}
.sub-container .right-main .monitor-wrapper .item .value[data-v-0b6d1821] {
  font-size: 16px;
  font-weight: bold;
}
.sub-container .right-main .warn-wrapper[data-v-0b6d1821] {
  flex: 1;
}
.sub-container .right-main .warn-wrapper .warn-list[data-v-0b6d1821] {
  padding: 0 !important;
  margin: 0 !important;
}
.sub-container .right-main .warn-wrapper .warn-list[data-v-0b6d1821] .warn-item {
  width: 100%;
  font-size: 0.15rem;
  color: #fff;
}
.sub-container .right-main .warn-wrapper .warn-list[data-v-0b6d1821] .warn-item .item-head {
  display: flex;
  justify-content: space-between;
  padding: 0.0625rem;
}
.sub-container .right-main .warn-wrapper .warn-list[data-v-0b6d1821] .warn-item .item-head > p {
  font-weight: bold;
}
.sub-container .right-main .warn-wrapper .warn-list[data-v-0b6d1821] .warn-item .item-head > span {
  font-size: 0.125rem;
}
.sub-container .right-main .warn-wrapper .warn-list[data-v-0b6d1821] .warn-item p {
  display: flex;
  align-items: center;
  font-size: 0.125rem;
}
.sub-container .right-main .warn-wrapper .warn-list[data-v-0b6d1821] .warn-item p span {
  margin-left: 10px;
}
.sub-container .right-main .warn-wrapper .warn-list[data-v-0b6d1821] .warn-item p span:first-child {
  text-align: left;
  font-weight: bold;
}
.sub-container .right-main[data-v-0b6d1821] .ivu-select {
  width: auto;
}
.sub-container .right-main[data-v-0b6d1821] .ivu-select .ivu-select-selection,
.sub-container .right-main[data-v-0b6d1821] .ivu-select .ivu-select-selected-value {
  color: #fff;
  height: 0.25rem;
  line-height: 0.25rem;
}
.sub-container .right-main[data-v-0b6d1821] .ivu-select i {
  color: #fff;
}
.sub-container .right-main[data-v-0b6d1821] .ivu-select .ivu-select-selection {
  background: rgba(255, 255, 255, 0.1);
  border: none;
  box-shadow: none;
}
.sub-container .right-main[data-v-0b6d1821] .ivu-select .ivu-select-item {
  color: rgba(255, 255, 255, 0.5);
}
.sub-container .right-main[data-v-0b6d1821] .ivu-select .ivu-select-item-selected {
  color: #fff;
}
.sub-container .right-main[data-v-0b6d1821] .ivu-select .ivu-select-item-focus,
.sub-container .right-main[data-v-0b6d1821] .ivu-select .ivu-select-item:hover {
  background: none;
  color: #fff;
}
.sub-container .right-main[data-v-0b6d1821] .ivu-cascader {
  width: auto;
}
.sub-container .right-main[data-v-0b6d1821] .ivu-cascader .ivu-cascader-menu-item {
  color: rgba(255, 255, 255, 0.5);
}
.sub-container .right-main[data-v-0b6d1821] .ivu-cascader .ivu-cascader-menu-item:hover {
  background: none;
  color: #fff;
}
.sub-container .right-main[data-v-0b6d1821] .ivu-cascader .ivu-cascader-menu-item-active {
  color: #fff;
  background: none;
}
.sub-container .right-main[data-v-0b6d1821] .ivu-cascader .ivu-input {
  background: rgba(255, 255, 255, 0.1);
  border: none;
  box-shadow: none;
  color: #fff;
}
[data-v-0b6d1821] .ivu-select-dropdown {
  background: rgba(29, 60, 165, 0.7882352941);
}.sub-container[data-v-b47ae1b7] {
  display: flex;
  position: relative;
}
.sub-container .wrapper[data-v-b47ae1b7] {
  width: 18vw;
  display: flex;
  flex-direction: column;
  color: #fff;
  font-size: 0.15rem;
}
.sub-container .wrapper[data-v-b47ae1b7]:not(:last-child) {
  margin-right: 0.0625rem;
}
.sub-container .wrapper .main-title[data-v-b47ae1b7] {
  background: url("../img/title-CJjILicm.png");
  background-size: 100% 100%;
  height: 0.6rem;
  width: 4rem;
  padding-top: 0.0375rem;
}
.sub-container .wrapper .main-title span[data-v-b47ae1b7] {
  color: rgb(165, 216, 252);
  font-size: 0.1625rem;
  margin-left: 0.375rem;
}
.sub-container .wrapper .main-wrapper[data-v-b47ae1b7] {
  width: 100%;
  padding: 0 0.125rem 0.0625rem;
  margin-bottom: 0.125rem;
  border-radius: 0.06rem;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: linear-gradient(0deg, rgba(10, 19, 28, 0.6), rgba(15, 28, 40, 0.4) 40.98%, rgba(16, 28, 40, 0.4) 67.9%, rgba(16, 29, 41, 0.6));
  box-shadow: 0.025rem 0.025rem 0.1rem -0.01rem #a0a0a0;
  -webkit-backdrop-filter: blur(0px);
  backdrop-filter: blur(0px);
}
.sub-container .wrapper .main-wrapper .main-content[data-v-b47ae1b7] {
  margin-top: 0.075rem;
}
.sub-container .flex[data-v-b47ae1b7], .sub-container .area-wrapper .main-content .details .details-content .not-data[data-v-b47ae1b7], .sub-container .area-wrapper .main-content .details .details-content[data-v-b47ae1b7], .sub-container .area-wrapper .main-content .point-list .point-item .point-left[data-v-b47ae1b7], .sub-container .area-wrapper .main-content .point-list .point-item[data-v-b47ae1b7], .sub-container .area-wrapper .main-content .area-content[data-v-b47ae1b7], .sub-container .index-total .main-content .total[data-v-b47ae1b7], .sub-container .index-total .main-content[data-v-b47ae1b7] {
  display: flex;
  align-items: center;
}
.sub-container .index-total .main-content[data-v-b47ae1b7] {
  justify-content: space-around;
}
.sub-container .index-total .main-content .total[data-v-b47ae1b7] {
  flex: 1;
  height: 0.9rem;
  justify-content: center;
  position: relative;
  color: #00ffff;
}
.sub-container .index-total .main-content .total[data-v-b47ae1b7]:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  width: 0.0063rem;
  height: 35%;
  background: rgba(255, 255, 255, 0.5215686275);
}
.sub-container .index-total .main-content .total i[data-v-b47ae1b7] {
  font-size: 0.35rem;
  margin-right: 0.125rem;
}
.sub-container .index-total .main-content .total .value[data-v-b47ae1b7] {
  color: #fff;
  font-size: 0.2rem;
  font-weight: bold;
}
.sub-container .monitor-wrapper .main-content[data-v-b47ae1b7] {
  height: 15vh;
  display: flex;
}
.sub-container .monitor-wrapper .main-content .chart[data-v-b47ae1b7] {
  flex: 1;
  height: 100%;
}
.sub-container .subject-wrapper[data-v-b47ae1b7] {
  height: 35vh;
  display: flex;
  flex-direction: column;
}
.sub-container .subject-wrapper .main-content[data-v-b47ae1b7] {
  flex: 1;
  overflow: auto;
}
.sub-container .subject-wrapper .main-content .subject-item[data-v-b47ae1b7] {
  margin-bottom: 0.0625rem;
  padding: 0.0625rem 0.125rem;
  background-image: radial-gradient(rgba(255, 255, 255, 0), rgba(0, 50, 104, 0.6));
}
.sub-container .subject-wrapper .main-content .subject-item p[data-v-b47ae1b7] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.125rem;
  margin-bottom: 0.0625rem;
}
.sub-container .subject-wrapper .main-content .subject-item p span[data-v-b47ae1b7] {
  color: #a6ffff;
}
.sub-container .subject-wrapper .main-content .subject-item p .name[data-v-b47ae1b7] {
  font-size: 0.175rem;
  color: #00ffff;
}
.sub-container .subject-wrapper .main-content .subject-item p:last-child span[data-v-b47ae1b7]:nth-child(1) {
  color: #00ffff;
}
.sub-container .subject-wrapper .main-content .subject-item p:last-child span[data-v-b47ae1b7]:nth-child(2) {
  color: #ffc257;
}
.sub-container .subject-wrapper .main-content .subject-item p:last-child span[data-v-b47ae1b7]:nth-child(3) {
  color: #a181fc;
}
.sub-container .subject-wrapper .main-content .subject-item p:last-child span[data-v-b47ae1b7]:nth-child(4) {
  color: #ff8c37;
}
.sub-container .area-wrapper[data-v-b47ae1b7] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.sub-container .area-wrapper .main-title .search-box[data-v-b47ae1b7] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.sub-container .area-wrapper .main-title .search-box .search-input[data-v-b47ae1b7] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1;
}
.sub-container .area-wrapper .main-title .search-box .search-input .input[data-v-b47ae1b7] {
  width: 0%;
  transition: all 0.5s;
}
.sub-container .area-wrapper .main-title .search-box .search-input i[data-v-b47ae1b7] {
  font-size: 0.2rem;
  color: #fff;
  z-index: 1;
  cursor: pointer;
}
.sub-container .area-wrapper .main-title .search-box .search-input[data-v-b47ae1b7] .ivu-input {
  background: transparent;
  height: 0.3125rem;
  border: none;
  outline: none;
  color: #fff;
}
.sub-container .area-wrapper .main-title .search-box .all-list[data-v-b47ae1b7] {
  margin-left: 0.0625rem;
  cursor: pointer;
}
.sub-container .area-wrapper .main-title .search-box .all-list i[data-v-b47ae1b7] {
  font-weight: normal;
  color: #fff;
}
.sub-container .area-wrapper .main-content[data-v-b47ae1b7] {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
}
.sub-container .area-wrapper .main-content .subject-list-nav[data-v-b47ae1b7] {
  display: flex;
  width: 100%;
  overflow-x: scroll;
}
.sub-container .area-wrapper .main-content .subject-list-nav[data-v-b47ae1b7]::-webkit-scrollbar-thumb {
  display: none;
}
.sub-container .area-wrapper .main-content .subject-list-nav .subject-item-nav[data-v-b47ae1b7] {
  font-size: 0.1375rem;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  padding: 0.025rem 0.125rem;
  color: #fff;
  border: 1px solid #209cff;
  flex-shrink: 0;
  cursor: pointer;
}
.sub-container .area-wrapper .main-content .subject-list-nav .subject-item-nav[data-v-b47ae1b7]:not(:last-child) {
  margin-right: 0.125rem;
}
.sub-container .area-wrapper .main-content .subject-list-nav .subject-item-nav-active[data-v-b47ae1b7] {
  background: linear-gradient(0deg, #209cff 0, #68e0cf);
}
.sub-container .area-wrapper .main-content .area-content > i[data-v-b47ae1b7] {
  font-size: 0.175rem;
  color: #fff;
  cursor: pointer;
}
.sub-container .area-wrapper .main-content .area-content .tabs-block[data-v-b47ae1b7] {
  flex: 1;
  overflow: hidden;
  position: relative;
}
.sub-container .area-wrapper .main-content .area-content .tabs-block .tabs-content .tabs-content-scroll[data-v-b47ae1b7] {
  margin: 0 0.125rem;
  overflow-x: scroll;
}
.sub-container .area-wrapper .main-content .area-content .tabs-block .tabs-content .tabs-content-scroll[data-v-b47ae1b7]::-webkit-scrollbar-thumb {
  display: none;
}
.sub-container .area-wrapper .main-content .area-content .tabs-block .tabs-list[data-v-b47ae1b7] {
  position: relative;
  display: flex;
  padding-bottom: 0.0625rem;
  white-space: nowrap;
}
.sub-container .area-wrapper .main-content .area-content .tabs-block .tabs-list .tabs-item[data-v-b47ae1b7] {
  color: #fff;
  margin-right: 0.25rem;
  position: relative;
  cursor: pointer;
}
.sub-container .area-wrapper .main-content .area-content .tabs-block .tabs-list .tabs-item-active[data-v-b47ae1b7] {
  color: #acfbff;
}
.sub-container .area-wrapper .main-content .area-content .tabs-block .tabs-list .tabs-item-title[data-v-b47ae1b7] {
  font-size: 0.15rem;
  font-weight: bold;
}
.sub-container .area-wrapper .main-content .area-content .tabs-block .tabs-line[data-v-b47ae1b7] {
  display: block;
  height: 0.025rem;
  position: absolute;
  bottom: 0px;
  left: 0;
  z-index: 1;
  border-radius: 0.0375rem;
  position: relative;
  background: #acfbff;
}
.sub-container .area-wrapper .main-content .point-list[data-v-b47ae1b7] {
  height: 27.2vh;
  overflow: auto;
  position: relative;
}
.sub-container .area-wrapper .main-content .point-list .point-item[data-v-b47ae1b7] {
  justify-content: space-between;
  padding: 0.0625rem 0.125rem;
  margin-bottom: 0.0625rem;
  border-radius: 0.0375rem;
  border: 1px solid #578aef;
  cursor: pointer;
}
.sub-container .area-wrapper .main-content .point-list .point-item .point-left i[data-v-b47ae1b7] {
  font-size: 0.3rem;
  margin-right: 0.125rem;
}
.sub-container .area-wrapper .main-content .point-list .point-item .point-left .info p[data-v-b47ae1b7] {
  color: #fff;
  font-size: 0.125rem;
}
.sub-container .area-wrapper .main-content .point-list .point-item .point-left .info p[data-v-b47ae1b7]:first-child {
  font-size: 0.175rem;
  font-weight: 600;
}
.sub-container .area-wrapper .main-content .point-list .point-item .value[data-v-b47ae1b7] {
  font-size: 0.2rem;
}
.sub-container .area-wrapper .main-content .point-list .point-item-active[data-v-b47ae1b7] {
  border-color: #00ffff;
  box-shadow: 0.025rem 0.025rem 0.1rem -0.01rem #00ffff;
}
.sub-container .area-wrapper .main-content .details[data-v-b47ae1b7] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.sub-container .area-wrapper .main-content .details .details-head[data-v-b47ae1b7] .ivu-divider {
  color: #acfbff;
  margin: 0 !important;
}
.sub-container .area-wrapper .main-content .details .details-head[data-v-b47ae1b7] .ivu-divider::before, .sub-container .area-wrapper .main-content .details .details-head[data-v-b47ae1b7] .ivu-divider::after {
  border-color: #acfbff;
}
.sub-container .area-wrapper .main-content .details .details-head[data-v-b47ae1b7] .ivu-divider-inner-text {
  font-size: 0.1625rem;
}
.sub-container .area-wrapper .main-content .details .details-content[data-v-b47ae1b7] {
  flex: 1;
  justify-content: center;
}
.sub-container .area-wrapper .main-content .details .details-content .chart[data-v-b47ae1b7] {
  width: 100%;
  height: 100%;
}
.sub-container .area-wrapper .main-content .details .details-content .not-data[data-v-b47ae1b7] {
  width: 100%;
  height: 100%;
  justify-content: center;
}
.sub-container .area-wrapper .main-content .pop-up[data-v-b47ae1b7] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #091025;
  z-index: 999;
}
.sub-container .area-wrapper .main-content .pop-up .subject-list-nav[data-v-b47ae1b7] {
  flex-wrap: wrap;
  overflow: hidden;
}
.sub-container .area-wrapper .main-content .pop-up .subject-list-nav[data-v-b47ae1b7]:not(:last-child) {
  border-bottom: 2px solid #66f5ff;
  margin: 0.125rem 0;
}
.sub-container .area-wrapper .main-content .pop-up .subject-list-nav .subject-item-nav[data-v-b47ae1b7] {
  margin-bottom: 0.125rem;
}
.sub-container .area-wrapper .main-content .fade-enter-active[data-v-b47ae1b7],
.sub-container .area-wrapper .main-content .fade-leave-active[data-v-b47ae1b7] {
  transition: 0.8s;
}
.sub-container .area-wrapper .main-content .fade-enter[data-v-b47ae1b7],
.sub-container .area-wrapper .main-content .fade-leave-to[data-v-b47ae1b7] {
  opacity: 0;
}
.sub-container .warn-wrapper[data-v-b47ae1b7] {
  height: 25vh;
  display: flex;
  flex-direction: column;
}
.sub-container .warn-wrapper .warn-list[data-v-b47ae1b7] {
  padding: 0 !important;
  margin: 0 !important;
  display: flex;
  flex: 1;
}
.sub-container .warn-wrapper .warn-list[data-v-b47ae1b7] .warn-item {
  width: 100%;
  font-size: 0.15rem;
  color: #fff;
}
.sub-container .warn-wrapper .warn-list[data-v-b47ae1b7] .warn-item .item-head {
  display: flex;
  justify-content: space-between;
  padding: 0.0625rem;
}
.sub-container .warn-wrapper .warn-list[data-v-b47ae1b7] .warn-item .item-head > p {
  font-weight: bold;
}
.sub-container .warn-wrapper .warn-list[data-v-b47ae1b7] .warn-item .item-head > span {
  font-size: 0.125rem;
}
.sub-container .warn-wrapper .warn-list[data-v-b47ae1b7] .warn-item p {
  display: flex;
  align-items: center;
  font-size: 0.125rem;
}
.sub-container .warn-wrapper .warn-list[data-v-b47ae1b7] .warn-item p span {
  margin-left: 10px;
}
.sub-container .warn-wrapper .warn-list[data-v-b47ae1b7] .warn-item p span:first-child {
  text-align: left;
  font-weight: bold;
}.sub-container[data-v-924d1aea] {
  display: flex;
  position: relative;
}
.sub-container .flex[data-v-924d1aea], .sub-container .area-wrapper .main-content .details .details-content[data-v-924d1aea], .sub-container .area-wrapper .main-content .point-list .point-item .point-left[data-v-924d1aea], .sub-container .area-wrapper .main-content .point-list .point-item[data-v-924d1aea], .sub-container .area-wrapper .main-content .area-content[data-v-924d1aea], .sub-container .area-wrapper .main-title .search-box .search-input[data-v-924d1aea], .sub-container .area-wrapper .main-title .search-box[data-v-924d1aea], .sub-container .abnormal-wrapper .main-content[data-v-924d1aea], .sub-container .state-wrapper .main-content .state-info p[data-v-924d1aea], .sub-container .state-wrapper .main-content[data-v-924d1aea], .sub-container .not-data[data-v-924d1aea] {
  display: flex;
  align-items: center;
}
.sub-container .not-data[data-v-924d1aea] {
  width: 100%;
  height: 100%;
  justify-content: center;
}
.sub-container .wrapper[data-v-924d1aea] {
  width: 18vw;
  display: flex;
  flex-direction: column;
  color: #fff;
  font-size: 0.15rem;
}
.sub-container .wrapper[data-v-924d1aea]:not(:last-child) {
  margin-right: 0.0625rem;
}
.sub-container .wrapper .main-title[data-v-924d1aea] {
  background: url("../img/title-CJjILicm.png");
  background-size: 100% 100%;
  height: 0.6rem;
  width: 4rem;
  padding-top: 0.0375rem;
}
.sub-container .wrapper .main-title span[data-v-924d1aea] {
  color: rgb(165, 216, 252);
  font-size: 0.1625rem;
  margin-left: 0.375rem;
}
.sub-container .wrapper .main-wrapper[data-v-924d1aea] {
  width: 100%;
  padding: 0 0.125rem 0.0625rem;
  margin-bottom: 0.125rem;
  border-radius: 0.06rem;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: linear-gradient(0deg, rgba(10, 19, 28, 0.6), rgba(15, 28, 40, 0.4) 40.98%, rgba(16, 28, 40, 0.4) 67.9%, rgba(16, 29, 41, 0.6));
  box-shadow: 0.025rem 0.025rem 0.1rem -0.01rem #a0a0a0;
  -webkit-backdrop-filter: blur(0px);
  backdrop-filter: blur(0px);
}
.sub-container .wrapper .main-wrapper .main-content[data-v-924d1aea] {
  margin-top: 0.075rem;
}
.sub-container .abnormal-wrapper[data-v-924d1aea] {
  height: 20vh;
}
.sub-container .state-wrapper[data-v-924d1aea] {
  height: 20vh;
  flex: none;
}
.sub-container .state-wrapper .main-content .chart[data-v-924d1aea] {
  width: 60%;
  height: 100%;
}
.sub-container .state-wrapper .main-content .state-info[data-v-924d1aea] {
  width: 40%;
}
.sub-container .state-wrapper .main-content .state-info p[data-v-924d1aea] {
  font-size: 0.15rem;
  margin-bottom: 0.125rem;
}
.sub-container .state-wrapper .main-content .state-info p[data-v-924d1aea]:nth-child(1) {
  color: #00ffff;
}
.sub-container .state-wrapper .main-content .state-info p[data-v-924d1aea]:nth-child(2) {
  color: #ccff00;
}
.sub-container .state-wrapper .main-content .state-info p[data-v-924d1aea]:nth-child(3) {
  color: #ff8c37;
}
.sub-container .state-wrapper .main-content .state-info p[data-v-924d1aea]:nth-child(4) {
  color: #ffc257;
}
.sub-container .state-wrapper .main-content .state-info p[data-v-924d1aea]:nth-child(4) {
  color: #a181fc;
}
.sub-container .state-wrapper .main-content .state-info p span[data-v-924d1aea] {
  flex: 1;
}
.sub-container .state-wrapper .main-content .state-info p span[data-v-924d1aea]:last-child {
  margin-left: 0.0625rem;
  text-align: center;
}
.sub-container .subject-wrapper[data-v-924d1aea] {
  display: flex;
  flex-direction: column;
  height: 30vh;
  flex: none;
}
.sub-container .subject-wrapper .main-content[data-v-924d1aea] {
  flex: 1;
  overflow: auto;
}
.sub-container .subject-wrapper .main-content .subject-item[data-v-924d1aea] {
  margin-bottom: 0.0625rem;
  padding: 0.0625rem 0.125rem;
  background-image: radial-gradient(rgba(255, 255, 255, 0), rgba(0, 50, 104, 0.6));
}
.sub-container .subject-wrapper .main-content .subject-item p[data-v-924d1aea] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.125rem;
  margin-bottom: 0.0625rem;
}
.sub-container .subject-wrapper .main-content .subject-item p span[data-v-924d1aea] {
  color: #a6ffff;
}
.sub-container .subject-wrapper .main-content .subject-item p .name[data-v-924d1aea] {
  font-size: 0.175rem;
  color: #00ffff;
}
.sub-container .subject-wrapper .main-content .subject-item p:last-child span[data-v-924d1aea]:nth-child(1) {
  color: #00ffff;
}
.sub-container .subject-wrapper .main-content .subject-item p:last-child span[data-v-924d1aea]:nth-child(2) {
  color: #ffc257;
}
.sub-container .subject-wrapper .main-content .subject-item p:last-child span[data-v-924d1aea]:nth-child(3) {
  color: #a181fc;
}
.sub-container .subject-wrapper .main-content .subject-item p:last-child span[data-v-924d1aea]:nth-child(4) {
  color: #ff8c37;
}
.sub-container .abnormal-wrapper .main-content[data-v-924d1aea] {
  justify-content: center;
}
.sub-container .area-wrapper[data-v-924d1aea] {
  display: flex;
  flex-direction: column;
}
.sub-container .area-wrapper .main-title .search-box[data-v-924d1aea] {
  flex: 1;
  justify-content: flex-end;
}
.sub-container .area-wrapper .main-title .search-box .search-input[data-v-924d1aea] {
  justify-content: flex-end;
  flex: 1;
}
.sub-container .area-wrapper .main-title .search-box .search-input .input[data-v-924d1aea] {
  width: 0%;
  transition: all 0.5s;
}
.sub-container .area-wrapper .main-title .search-box .search-input i[data-v-924d1aea] {
  font-size: 0.2rem;
  color: #fff;
  z-index: 1;
  cursor: pointer;
}
.sub-container .area-wrapper .main-title .search-box .search-input[data-v-924d1aea] .ivu-input {
  background: transparent;
  height: 0.3125rem;
  border: none;
  outline: none;
  color: #fff;
}
.sub-container .area-wrapper .main-title .search-box .all-list[data-v-924d1aea] {
  margin-left: 0.0625rem;
  cursor: pointer;
}
.sub-container .area-wrapper .main-title .search-box .all-list i[data-v-924d1aea] {
  font-weight: normal;
  color: #fff;
}
.sub-container .area-wrapper .main-content[data-v-924d1aea] {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
}
.sub-container .area-wrapper .main-content .subject-list-nav[data-v-924d1aea] {
  display: flex;
  width: 100%;
  overflow-x: scroll;
}
.sub-container .area-wrapper .main-content .subject-list-nav[data-v-924d1aea]::-webkit-scrollbar-thumb {
  display: none;
}
.sub-container .area-wrapper .main-content .subject-list-nav .subject-item-nav[data-v-924d1aea] {
  font-size: 0.1375rem;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  padding: 0.025rem 0.125rem;
  color: #fff;
  border: 1px solid #209cff;
  flex-shrink: 0;
  cursor: pointer;
}
.sub-container .area-wrapper .main-content .subject-list-nav .subject-item-nav[data-v-924d1aea]:not(:last-child) {
  margin-right: 0.125rem;
}
.sub-container .area-wrapper .main-content .subject-list-nav .subject-item-nav-active[data-v-924d1aea] {
  background: linear-gradient(0deg, #209cff 0, #68e0cf);
}
.sub-container .area-wrapper .main-content .area-content > i[data-v-924d1aea] {
  font-size: 0.175rem;
  color: #fff;
  cursor: pointer;
}
.sub-container .area-wrapper .main-content .area-content .tabs-block[data-v-924d1aea] {
  flex: 1;
  overflow: hidden;
  position: relative;
}
.sub-container .area-wrapper .main-content .area-content .tabs-block .tabs-content .tabs-content-scroll[data-v-924d1aea] {
  margin: 0 0.125rem;
  overflow-x: scroll;
}
.sub-container .area-wrapper .main-content .area-content .tabs-block .tabs-content .tabs-content-scroll[data-v-924d1aea]::-webkit-scrollbar-thumb {
  display: none;
}
.sub-container .area-wrapper .main-content .area-content .tabs-block .tabs-list[data-v-924d1aea] {
  position: relative;
  display: flex;
  padding-bottom: 0.0625rem;
  white-space: nowrap;
}
.sub-container .area-wrapper .main-content .area-content .tabs-block .tabs-list .tabs-item[data-v-924d1aea] {
  color: #fff;
  margin-right: 0.25rem;
  position: relative;
  cursor: pointer;
}
.sub-container .area-wrapper .main-content .area-content .tabs-block .tabs-list .tabs-item-active[data-v-924d1aea] {
  color: #acfbff;
}
.sub-container .area-wrapper .main-content .area-content .tabs-block .tabs-list .tabs-item-title[data-v-924d1aea] {
  font-size: 0.15rem;
  font-weight: bold;
}
.sub-container .area-wrapper .main-content .area-content .tabs-block .tabs-line[data-v-924d1aea] {
  display: block;
  height: 0.025rem;
  position: absolute;
  bottom: 0px;
  left: 0;
  z-index: 1;
  border-radius: 0.0375rem;
  position: relative;
  background: #acfbff;
}
.sub-container .area-wrapper .main-content .point-list[data-v-924d1aea] {
  height: 27.2vh;
  overflow: auto;
  position: relative;
}
.sub-container .area-wrapper .main-content .point-list .point-item[data-v-924d1aea] {
  justify-content: space-between;
  padding: 0.0625rem 0.125rem;
  margin-bottom: 0.0625rem;
  border-radius: 0.0375rem;
  border: 1px solid #578aef;
  cursor: pointer;
}
.sub-container .area-wrapper .main-content .point-list .point-item .point-left i[data-v-924d1aea] {
  font-size: 0.3rem;
  margin-right: 0.125rem;
}
.sub-container .area-wrapper .main-content .point-list .point-item .point-left .info p[data-v-924d1aea] {
  color: #fff;
  font-size: 0.125rem;
}
.sub-container .area-wrapper .main-content .point-list .point-item .point-left .info p[data-v-924d1aea]:first-child {
  font-size: 0.175rem;
  font-weight: 600;
}
.sub-container .area-wrapper .main-content .point-list .point-item .value[data-v-924d1aea] {
  font-size: 0.2rem;
}
.sub-container .area-wrapper .main-content .point-list .point-item-active[data-v-924d1aea] {
  border-color: #00ffff;
  box-shadow: 0.025rem 0.025rem 0.1rem -0.01rem #00ffff;
}
.sub-container .area-wrapper .main-content .details[data-v-924d1aea] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.sub-container .area-wrapper .main-content .details .details-head[data-v-924d1aea] {
  cursor: pointer;
}
.sub-container .area-wrapper .main-content .details .details-head[data-v-924d1aea] .ivu-divider {
  color: #acfbff;
  margin: 0 !important;
}
.sub-container .area-wrapper .main-content .details .details-head[data-v-924d1aea] .ivu-divider::before, .sub-container .area-wrapper .main-content .details .details-head[data-v-924d1aea] .ivu-divider::after {
  border-color: #acfbff;
}
.sub-container .area-wrapper .main-content .details .details-head[data-v-924d1aea] .ivu-divider-inner-text {
  font-size: 0.1625rem;
}
.sub-container .area-wrapper .main-content .details .details-content[data-v-924d1aea] {
  flex: 1;
  justify-content: center;
}
.sub-container .area-wrapper .main-content .details .details-content .index-list[data-v-924d1aea] {
  width: 100%;
  height: 20vh;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  align-items: flex-start;
}
.sub-container .area-wrapper .main-content .details .details-content .index-list .index-item[data-v-924d1aea] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.sub-container .area-wrapper .main-content .details .details-content .index-list .index-item[data-v-924d1aea]:first-child {
  margin-right: 0.0625rem;
}
.sub-container .area-wrapper .main-content .details .details-content .index-list .index-row[data-v-924d1aea] {
  margin-bottom: 0.0625rem;
  padding: 0.0625rem 0.125rem;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.sub-container .area-wrapper .main-content .details .details-content .index-list .index-row span[data-v-924d1aea] {
  flex: 1;
  text-align: center;
  color: #fff;
}
.sub-container .area-wrapper .main-content .details .details-content .index-list .index-row span[data-v-924d1aea]:nth-child(1) {
  color: #00ffff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sub-container .area-wrapper .main-content .details .details-content .index-list .index-row[data-v-924d1aea]::after {
  content: "";
  filter: blur(3px);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(16, 221, 231, 0.08);
}
.sub-container .area-wrapper .main-content .details .details-content .chart-box[data-v-924d1aea] {
  width: 100%;
  height: 100%;
}
.sub-container .area-wrapper .main-content .details .details-content .chart-box .chart[data-v-924d1aea] {
  width: 100%;
  height: 100%;
}
.sub-container .area-wrapper .main-content .pop-up[data-v-924d1aea] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #091025;
  z-index: 999;
}
.sub-container .area-wrapper .main-content .pop-up .subject-list-nav[data-v-924d1aea] {
  flex-wrap: wrap;
  overflow: hidden;
}
.sub-container .area-wrapper .main-content .pop-up .subject-list-nav[data-v-924d1aea]:not(:last-child) {
  border-bottom: 2px solid #66f5ff;
  margin: 0.125rem 0;
}
.sub-container .area-wrapper .main-content .pop-up .subject-list-nav .subject-item-nav[data-v-924d1aea] {
  margin-bottom: 0.125rem;
}
.sub-container .area-wrapper .main-content .fade-enter-active[data-v-924d1aea],
.sub-container .area-wrapper .main-content .fade-leave-active[data-v-924d1aea] {
  transition: 0.8s;
}
.sub-container .area-wrapper .main-content .fade-enter[data-v-924d1aea],
.sub-container .area-wrapper .main-content .fade-leave-to[data-v-924d1aea] {
  opacity: 0;
}
.sub-container .warn-wrapper[data-v-924d1aea] {
  height: 25vh;
  display: flex;
  flex-direction: column;
  flex: none;
}
.sub-container .warn-wrapper .warn-list[data-v-924d1aea] {
  padding: 0;
  margin: 0;
  display: flex;
  flex: 1;
}
.sub-container .warn-wrapper .warn-list[data-v-924d1aea] .warn-item {
  width: 100%;
  font-size: 0.15rem;
  color: #fff;
}
.sub-container .warn-wrapper .warn-list[data-v-924d1aea] .warn-item .item-head {
  display: flex;
  justify-content: space-between;
  padding: 0.0625rem;
}
.sub-container .warn-wrapper .warn-list[data-v-924d1aea] .warn-item .item-head > p {
  font-weight: bold;
}
.sub-container .warn-wrapper .warn-list[data-v-924d1aea] .warn-item .item-head > span {
  font-size: 0.125rem;
}
.sub-container .warn-wrapper .warn-list[data-v-924d1aea] .warn-item p {
  display: flex;
  align-items: center;
  font-size: 0.125rem;
}
.sub-container .warn-wrapper .warn-list[data-v-924d1aea] .warn-item p span {
  margin-left: 10px;
}
.sub-container .warn-wrapper .warn-list[data-v-924d1aea] .warn-item p span:first-child {
  text-align: left;
  font-weight: bold;
}.sub-container[data-v-a9a9ba3e] {
  display: flex;
  position: relative;
}
.sub-container .flex[data-v-a9a9ba3e], .sub-container .area-wrapper .main-content .details .details-content[data-v-a9a9ba3e], .sub-container .area-wrapper .main-content .point-list .point-item .point-left[data-v-a9a9ba3e], .sub-container .area-wrapper .main-content .point-list .point-item[data-v-a9a9ba3e], .sub-container .area-wrapper .main-content .area-content[data-v-a9a9ba3e], .sub-container .area-wrapper .main-title .search-box .search-input[data-v-a9a9ba3e], .sub-container .area-wrapper .main-title .search-box[data-v-a9a9ba3e], .sub-container .state-wrapper .main-content .state-info p[data-v-a9a9ba3e], .sub-container .state-wrapper .main-content[data-v-a9a9ba3e], .sub-container .not-data[data-v-a9a9ba3e] {
  display: flex;
  align-items: center;
}
.sub-container .not-data[data-v-a9a9ba3e] {
  width: 100%;
  height: 100%;
  justify-content: center;
}
.sub-container .wrapper[data-v-a9a9ba3e] {
  width: 18vw;
  display: flex;
  flex-direction: column;
  color: #fff;
  font-size: 0.15rem;
}
.sub-container .wrapper[data-v-a9a9ba3e]:not(:last-child) {
  margin-right: 0.0625rem;
}
.sub-container .wrapper .main-title[data-v-a9a9ba3e] {
  background: url("../img/title-CJjILicm.png");
  background-size: 100% 100%;
  height: 0.6rem;
  width: 4rem;
  padding-top: 0.0375rem;
}
.sub-container .wrapper .main-title span[data-v-a9a9ba3e] {
  color: rgb(165, 216, 252);
  font-size: 0.1625rem;
  margin-left: 0.375rem;
}
.sub-container .wrapper .main-wrapper[data-v-a9a9ba3e] {
  width: 100%;
  padding: 0 0.125rem 0.0625rem;
  margin-bottom: 0.125rem;
  border-radius: 0.06rem;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: linear-gradient(0deg, rgba(10, 19, 28, 0.6), rgba(15, 28, 40, 0.4) 40.98%, rgba(16, 28, 40, 0.4) 67.9%, rgba(16, 29, 41, 0.6));
  box-shadow: 0.025rem 0.025rem 0.1rem -0.01rem #a0a0a0;
  -webkit-backdrop-filter: blur(0px);
  backdrop-filter: blur(0px);
}
.sub-container .wrapper .main-wrapper .main-content[data-v-a9a9ba3e] {
  margin-top: 0.075rem;
}
.sub-container .state-wrapper[data-v-a9a9ba3e] {
  height: 20vh;
  flex: none;
}
.sub-container .state-wrapper .main-content .chart[data-v-a9a9ba3e] {
  width: 60%;
  height: 100%;
}
.sub-container .state-wrapper .main-content .state-info[data-v-a9a9ba3e] {
  width: 40%;
}
.sub-container .state-wrapper .main-content .state-info p[data-v-a9a9ba3e] {
  font-size: 0.15rem;
  margin-bottom: 0.125rem;
}
.sub-container .state-wrapper .main-content .state-info p[data-v-a9a9ba3e]:nth-child(1) {
  color: #00ffff;
}
.sub-container .state-wrapper .main-content .state-info p[data-v-a9a9ba3e]:nth-child(2) {
  color: #ccff00;
}
.sub-container .state-wrapper .main-content .state-info p[data-v-a9a9ba3e]:nth-child(3) {
  color: #ff8c37;
}
.sub-container .state-wrapper .main-content .state-info p[data-v-a9a9ba3e]:nth-child(4) {
  color: #ffc257;
}
.sub-container .state-wrapper .main-content .state-info p[data-v-a9a9ba3e]:nth-child(4) {
  color: #a181fc;
}
.sub-container .state-wrapper .main-content .state-info p span[data-v-a9a9ba3e] {
  flex: 1;
}
.sub-container .state-wrapper .main-content .state-info p span[data-v-a9a9ba3e]:last-child {
  margin-left: 0.0625rem;
  text-align: center;
}
.sub-container .subject-wrapper[data-v-a9a9ba3e] {
  display: flex;
  flex-direction: column;
  height: 30vh;
  flex: none;
}
.sub-container .subject-wrapper .main-content[data-v-a9a9ba3e] {
  flex: 1;
  overflow: auto;
}
.sub-container .subject-wrapper .main-content .subject-item[data-v-a9a9ba3e] {
  margin-bottom: 0.0625rem;
  padding: 0.0625rem 0.125rem;
  background-image: radial-gradient(rgba(255, 255, 255, 0), rgba(0, 50, 104, 0.6));
}
.sub-container .subject-wrapper .main-content .subject-item p[data-v-a9a9ba3e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.125rem;
  margin-bottom: 0.0625rem;
}
.sub-container .subject-wrapper .main-content .subject-item p span[data-v-a9a9ba3e] {
  color: #a6ffff;
}
.sub-container .subject-wrapper .main-content .subject-item p .name[data-v-a9a9ba3e] {
  font-size: 0.175rem;
  color: #00ffff;
}
.sub-container .subject-wrapper .main-content .subject-item p:last-child span[data-v-a9a9ba3e]:nth-child(1) {
  color: #00ffff;
}
.sub-container .subject-wrapper .main-content .subject-item p:last-child span[data-v-a9a9ba3e]:nth-child(2) {
  color: #ffc257;
}
.sub-container .subject-wrapper .main-content .subject-item p:last-child span[data-v-a9a9ba3e]:nth-child(3) {
  color: #a181fc;
}
.sub-container .subject-wrapper .main-content .subject-item p:last-child span[data-v-a9a9ba3e]:nth-child(4) {
  color: #ff8c37;
}
.sub-container .area-wrapper[data-v-a9a9ba3e] {
  display: flex;
  flex-direction: column;
}
.sub-container .area-wrapper .main-title .search-box[data-v-a9a9ba3e] {
  flex: 1;
  justify-content: flex-end;
}
.sub-container .area-wrapper .main-title .search-box .search-input[data-v-a9a9ba3e] {
  justify-content: flex-end;
  flex: 1;
}
.sub-container .area-wrapper .main-title .search-box .search-input .input[data-v-a9a9ba3e] {
  width: 0%;
  transition: all 0.5s;
}
.sub-container .area-wrapper .main-title .search-box .search-input i[data-v-a9a9ba3e] {
  font-size: 0.2rem;
  color: #fff;
  z-index: 1;
  cursor: pointer;
}
.sub-container .area-wrapper .main-title .search-box .search-input[data-v-a9a9ba3e] .ivu-input {
  background: transparent;
  height: 0.3125rem;
  border: none;
  outline: none;
  color: #fff;
}
.sub-container .area-wrapper .main-title .search-box .all-list[data-v-a9a9ba3e] {
  margin-left: 0.0625rem;
  cursor: pointer;
}
.sub-container .area-wrapper .main-title .search-box .all-list i[data-v-a9a9ba3e] {
  font-weight: normal;
  color: #fff;
}
.sub-container .area-wrapper .main-content[data-v-a9a9ba3e] {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
}
.sub-container .area-wrapper .main-content .subject-list-nav[data-v-a9a9ba3e] {
  display: flex;
  width: 100%;
  overflow-x: scroll;
}
.sub-container .area-wrapper .main-content .subject-list-nav[data-v-a9a9ba3e]::-webkit-scrollbar-thumb {
  display: none;
}
.sub-container .area-wrapper .main-content .subject-list-nav .subject-item-nav[data-v-a9a9ba3e] {
  font-size: 0.1375rem;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  padding: 0.025rem 0.125rem;
  color: #fff;
  border: 1px solid #209cff;
  flex-shrink: 0;
  cursor: pointer;
}
.sub-container .area-wrapper .main-content .subject-list-nav .subject-item-nav[data-v-a9a9ba3e]:not(:last-child) {
  margin-right: 0.125rem;
}
.sub-container .area-wrapper .main-content .subject-list-nav .subject-item-nav-active[data-v-a9a9ba3e] {
  background: linear-gradient(0deg, #209cff 0, #68e0cf);
}
.sub-container .area-wrapper .main-content .area-content > i[data-v-a9a9ba3e] {
  font-size: 0.175rem;
  color: #fff;
  cursor: pointer;
}
.sub-container .area-wrapper .main-content .area-content .tabs-block[data-v-a9a9ba3e] {
  flex: 1;
  overflow: hidden;
  position: relative;
}
.sub-container .area-wrapper .main-content .area-content .tabs-block .tabs-content .tabs-content-scroll[data-v-a9a9ba3e] {
  margin: 0 0.125rem;
  overflow-x: scroll;
}
.sub-container .area-wrapper .main-content .area-content .tabs-block .tabs-content .tabs-content-scroll[data-v-a9a9ba3e]::-webkit-scrollbar-thumb {
  display: none;
}
.sub-container .area-wrapper .main-content .area-content .tabs-block .tabs-list[data-v-a9a9ba3e] {
  position: relative;
  display: flex;
  padding-bottom: 0.0625rem;
  white-space: nowrap;
}
.sub-container .area-wrapper .main-content .area-content .tabs-block .tabs-list .tabs-item[data-v-a9a9ba3e] {
  color: #fff;
  margin-right: 0.25rem;
  position: relative;
  cursor: pointer;
}
.sub-container .area-wrapper .main-content .area-content .tabs-block .tabs-list .tabs-item-active[data-v-a9a9ba3e] {
  color: #acfbff;
}
.sub-container .area-wrapper .main-content .area-content .tabs-block .tabs-list .tabs-item-title[data-v-a9a9ba3e] {
  font-size: 0.15rem;
  font-weight: bold;
}
.sub-container .area-wrapper .main-content .area-content .tabs-block .tabs-line[data-v-a9a9ba3e] {
  display: block;
  height: 0.025rem;
  position: absolute;
  bottom: 0px;
  left: 0;
  z-index: 1;
  border-radius: 0.0375rem;
  position: relative;
  background: #acfbff;
}
.sub-container .area-wrapper .main-content .point-list[data-v-a9a9ba3e] {
  height: 27.2vh;
  overflow: auto;
  position: relative;
}
.sub-container .area-wrapper .main-content .point-list .point-item[data-v-a9a9ba3e] {
  justify-content: space-between;
  padding: 0.0625rem 0.125rem;
  margin-bottom: 0.0625rem;
  border-radius: 0.0375rem;
  border: 1px solid #578aef;
  cursor: pointer;
}
.sub-container .area-wrapper .main-content .point-list .point-item .point-left i[data-v-a9a9ba3e] {
  font-size: 0.3rem;
  margin-right: 0.125rem;
}
.sub-container .area-wrapper .main-content .point-list .point-item .point-left .info p[data-v-a9a9ba3e] {
  color: #fff;
  font-size: 0.125rem;
}
.sub-container .area-wrapper .main-content .point-list .point-item .point-left .info p[data-v-a9a9ba3e]:first-child {
  font-size: 0.175rem;
  font-weight: 600;
}
.sub-container .area-wrapper .main-content .point-list .point-item .value[data-v-a9a9ba3e] {
  font-size: 0.2rem;
}
.sub-container .area-wrapper .main-content .point-list .point-item-active[data-v-a9a9ba3e] {
  border-color: #00ffff;
  box-shadow: 0.025rem 0.025rem 0.1rem -0.01rem #00ffff;
}
.sub-container .area-wrapper .main-content .details[data-v-a9a9ba3e] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.sub-container .area-wrapper .main-content .details .details-head[data-v-a9a9ba3e] {
  cursor: pointer;
}
.sub-container .area-wrapper .main-content .details .details-head[data-v-a9a9ba3e] .ivu-divider {
  color: #acfbff;
  margin: 0 !important;
}
.sub-container .area-wrapper .main-content .details .details-head[data-v-a9a9ba3e] .ivu-divider::before, .sub-container .area-wrapper .main-content .details .details-head[data-v-a9a9ba3e] .ivu-divider::after {
  border-color: #acfbff;
}
.sub-container .area-wrapper .main-content .details .details-head[data-v-a9a9ba3e] .ivu-divider-inner-text {
  font-size: 0.1625rem;
}
.sub-container .area-wrapper .main-content .details .details-content[data-v-a9a9ba3e] {
  flex: 1;
  justify-content: center;
}
.sub-container .area-wrapper .main-content .details .details-content .index-list[data-v-a9a9ba3e] {
  width: 100%;
  height: 20vh;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  align-items: flex-start;
}
.sub-container .area-wrapper .main-content .details .details-content .index-list .index-item[data-v-a9a9ba3e] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.sub-container .area-wrapper .main-content .details .details-content .index-list .index-item[data-v-a9a9ba3e]:first-child {
  margin-right: 0.0625rem;
}
.sub-container .area-wrapper .main-content .details .details-content .index-list .index-row[data-v-a9a9ba3e] {
  margin-bottom: 0.0625rem;
  padding: 0.0625rem 0.125rem;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.sub-container .area-wrapper .main-content .details .details-content .index-list .index-row span[data-v-a9a9ba3e] {
  flex: 1;
  text-align: center;
  color: #fff;
}
.sub-container .area-wrapper .main-content .details .details-content .index-list .index-row span[data-v-a9a9ba3e]:nth-child(1) {
  color: #00ffff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sub-container .area-wrapper .main-content .details .details-content .index-list .index-row[data-v-a9a9ba3e]::after {
  content: "";
  filter: blur(3px);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(16, 221, 231, 0.08);
}
.sub-container .area-wrapper .main-content .details .details-content .chart-box[data-v-a9a9ba3e] {
  width: 100%;
  height: 100%;
}
.sub-container .area-wrapper .main-content .details .details-content .chart-box .chart[data-v-a9a9ba3e] {
  width: 100%;
  height: 100%;
}
.sub-container .area-wrapper .main-content .pop-up[data-v-a9a9ba3e] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #091025;
  z-index: 999;
}
.sub-container .area-wrapper .main-content .pop-up .subject-list-nav[data-v-a9a9ba3e] {
  flex-wrap: wrap;
  overflow: hidden;
}
.sub-container .area-wrapper .main-content .pop-up .subject-list-nav[data-v-a9a9ba3e]:not(:last-child) {
  border-bottom: 2px solid #66f5ff;
  margin: 0.125rem 0;
}
.sub-container .area-wrapper .main-content .pop-up .subject-list-nav .subject-item-nav[data-v-a9a9ba3e] {
  margin-bottom: 0.125rem;
}
.sub-container .area-wrapper .main-content .fade-enter-active[data-v-a9a9ba3e],
.sub-container .area-wrapper .main-content .fade-leave-active[data-v-a9a9ba3e] {
  transition: 0.8s;
}
.sub-container .area-wrapper .main-content .fade-enter[data-v-a9a9ba3e],
.sub-container .area-wrapper .main-content .fade-leave-to[data-v-a9a9ba3e] {
  opacity: 0;
}
.sub-container .warn-wrapper[data-v-a9a9ba3e] {
  height: 25vh;
  display: flex;
  flex-direction: column;
  flex: none;
}
.sub-container .warn-wrapper .warn-list[data-v-a9a9ba3e] {
  padding: 0 !important;
  margin: 0 !important;
  display: flex;
  flex: 1;
}
.sub-container .warn-wrapper .warn-list[data-v-a9a9ba3e] .warn-item {
  width: 100%;
  font-size: 0.15rem;
  color: #fff;
}
.sub-container .warn-wrapper .warn-list[data-v-a9a9ba3e] .warn-item .item-head {
  display: flex;
  justify-content: space-between;
  padding: 0.0625rem;
}
.sub-container .warn-wrapper .warn-list[data-v-a9a9ba3e] .warn-item .item-head > p {
  font-weight: bold;
}
.sub-container .warn-wrapper .warn-list[data-v-a9a9ba3e] .warn-item .item-head > span {
  font-size: 0.125rem;
}
.sub-container .warn-wrapper .warn-list[data-v-a9a9ba3e] .warn-item p {
  display: flex;
  align-items: center;
  font-size: 0.125rem;
}
.sub-container .warn-wrapper .warn-list[data-v-a9a9ba3e] .warn-item p span {
  margin-left: 10px;
}
.sub-container .warn-wrapper .warn-list[data-v-a9a9ba3e] .warn-item p span:first-child {
  text-align: left;
  font-weight: bold;
}.sub-container[data-v-e579f138] {
  display: flex;
  position: relative;
}
.sub-container .flex[data-v-e579f138], .sub-container .area-wrapper .main-content .details .details-content[data-v-e579f138], .sub-container .area-wrapper .main-content .point-list .point-item .point-left[data-v-e579f138], .sub-container .area-wrapper .main-content .point-list .point-item[data-v-e579f138], .sub-container .area-wrapper .main-content .area-content[data-v-e579f138], .sub-container .area-wrapper .main-title .search-box .search-input[data-v-e579f138], .sub-container .area-wrapper .main-title .search-box[data-v-e579f138], .sub-container .state-wrapper .main-content .state-info p[data-v-e579f138], .sub-container .state-wrapper .main-content[data-v-e579f138], .sub-container .not-data[data-v-e579f138] {
  display: flex;
  align-items: center;
}
.sub-container .not-data[data-v-e579f138] {
  width: 100%;
  height: 100%;
  justify-content: center;
}
.sub-container .wrapper[data-v-e579f138] {
  width: 18vw;
  display: flex;
  flex-direction: column;
  color: #fff;
  font-size: 0.15rem;
}
.sub-container .wrapper[data-v-e579f138]:not(:last-child) {
  margin-right: 0.0625rem;
}
.sub-container .wrapper .main-title[data-v-e579f138] {
  background: url("../img/title-CJjILicm.png");
  background-size: 100% 100%;
  height: 0.6rem;
  width: 4rem;
  padding-top: 0.0375rem;
}
.sub-container .wrapper .main-title span[data-v-e579f138] {
  color: rgb(165, 216, 252);
  font-size: 0.1625rem;
  margin-left: 0.375rem;
}
.sub-container .wrapper .main-wrapper[data-v-e579f138] {
  width: 100%;
  padding: 0 0.125rem 0.0625rem;
  margin-bottom: 0.125rem;
  border-radius: 0.06rem;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: linear-gradient(0deg, rgba(10, 19, 28, 0.6), rgba(15, 28, 40, 0.4) 40.98%, rgba(16, 28, 40, 0.4) 67.9%, rgba(16, 29, 41, 0.6));
  box-shadow: 0.025rem 0.025rem 0.1rem -0.01rem #a0a0a0;
  -webkit-backdrop-filter: blur(0px);
  backdrop-filter: blur(0px);
}
.sub-container .wrapper .main-wrapper .main-content[data-v-e579f138] {
  margin-top: 0.075rem;
}
.sub-container .state-wrapper[data-v-e579f138] {
  flex: none;
}
.sub-container .state-wrapper .main-content .chart[data-v-e579f138] {
  width: 60%;
  height: 100%;
}
.sub-container .state-wrapper .main-content .state-info[data-v-e579f138] {
  width: 40%;
}
.sub-container .state-wrapper .main-content .state-info p[data-v-e579f138] {
  font-size: 0.15rem;
  margin-bottom: 0.125rem;
}
.sub-container .state-wrapper .main-content .state-info p[data-v-e579f138]:nth-child(1) {
  color: #00ffff;
}
.sub-container .state-wrapper .main-content .state-info p[data-v-e579f138]:nth-child(2) {
  color: #ccff00;
}
.sub-container .state-wrapper .main-content .state-info p[data-v-e579f138]:nth-child(3) {
  color: #ff8c37;
}
.sub-container .state-wrapper .main-content .state-info p[data-v-e579f138]:nth-child(4) {
  color: #ffc257;
}
.sub-container .state-wrapper .main-content .state-info p[data-v-e579f138]:nth-child(4) {
  color: #a181fc;
}
.sub-container .state-wrapper .main-content .state-info p span[data-v-e579f138] {
  flex: 1;
}
.sub-container .state-wrapper .main-content .state-info p span[data-v-e579f138]:last-child {
  margin-left: 0.0625rem;
  text-align: center;
}
.sub-container .subject-wrapper[data-v-e579f138] {
  display: flex;
  flex-direction: column;
  height: 25vh;
}
.sub-container .subject-wrapper .main-content[data-v-e579f138] {
  flex: 1;
}
.sub-container .subject-wrapper .main-content .chart[data-v-e579f138] {
  width: 100%;
  height: 100%;
}
.sub-container .warn-wrapper[data-v-e579f138] {
  height: 25vh;
  display: flex;
  flex-direction: column;
}
.sub-container .warn-wrapper .warn-list[data-v-e579f138] {
  padding: 0 !important;
  margin: 0 !important;
  display: flex;
  flex: 1;
}
.sub-container .warn-wrapper .warn-list[data-v-e579f138] .warn-item {
  width: 100%;
  font-size: 0.15rem;
  color: #fff;
}
.sub-container .warn-wrapper .warn-list[data-v-e579f138] .warn-item .item-head {
  display: flex;
  justify-content: space-between;
  padding: 0.0625rem;
}
.sub-container .warn-wrapper .warn-list[data-v-e579f138] .warn-item .item-head > p {
  font-weight: bold;
}
.sub-container .warn-wrapper .warn-list[data-v-e579f138] .warn-item .item-head > span {
  font-size: 0.125rem;
}
.sub-container .warn-wrapper .warn-list[data-v-e579f138] .warn-item p {
  display: flex;
  align-items: center;
  font-size: 0.125rem;
}
.sub-container .warn-wrapper .warn-list[data-v-e579f138] .warn-item p span {
  margin-left: 10px;
}
.sub-container .warn-wrapper .warn-list[data-v-e579f138] .warn-item p span:first-child {
  text-align: left;
  font-weight: bold;
}
.sub-container .area-wrapper[data-v-e579f138] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.sub-container .area-wrapper .main-title .search-box[data-v-e579f138] {
  flex: 1;
  justify-content: flex-end;
}
.sub-container .area-wrapper .main-title .search-box .search-input[data-v-e579f138] {
  justify-content: flex-end;
  flex: 1;
}
.sub-container .area-wrapper .main-title .search-box .search-input .input[data-v-e579f138] {
  width: 0%;
  transition: all 0.5s;
}
.sub-container .area-wrapper .main-title .search-box .search-input i[data-v-e579f138] {
  font-size: 0.2rem;
  color: #fff;
  z-index: 1;
  cursor: pointer;
}
.sub-container .area-wrapper .main-title .search-box .search-input[data-v-e579f138] .ivu-input {
  background: transparent;
  height: 0.3125rem;
  border: none;
  outline: none;
  color: #fff;
}
.sub-container .area-wrapper .main-title .search-box .all-list[data-v-e579f138] {
  margin-left: 0.0625rem;
  cursor: pointer;
}
.sub-container .area-wrapper .main-title .search-box .all-list i[data-v-e579f138] {
  font-weight: normal;
  color: #fff;
}
.sub-container .area-wrapper .main-content[data-v-e579f138] {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
}
.sub-container .area-wrapper .main-content .subject-list-nav[data-v-e579f138] {
  display: flex;
  width: 100%;
  overflow-x: scroll;
}
.sub-container .area-wrapper .main-content .subject-list-nav[data-v-e579f138]::-webkit-scrollbar-thumb {
  display: none;
}
.sub-container .area-wrapper .main-content .subject-list-nav .subject-item-nav[data-v-e579f138] {
  font-size: 0.1375rem;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  padding: 0.025rem 0.125rem;
  color: #fff;
  border: 1px solid #209cff;
  flex-shrink: 0;
  cursor: pointer;
}
.sub-container .area-wrapper .main-content .subject-list-nav .subject-item-nav[data-v-e579f138]:not(:last-child) {
  margin-right: 0.125rem;
}
.sub-container .area-wrapper .main-content .subject-list-nav .subject-item-nav-active[data-v-e579f138] {
  background: linear-gradient(0deg, #209cff 0, #68e0cf);
}
.sub-container .area-wrapper .main-content .area-content > i[data-v-e579f138] {
  font-size: 0.175rem;
  color: #fff;
  cursor: pointer;
}
.sub-container .area-wrapper .main-content .area-content .tabs-block[data-v-e579f138] {
  flex: 1;
  overflow: hidden;
  position: relative;
}
.sub-container .area-wrapper .main-content .area-content .tabs-block .tabs-content .tabs-content-scroll[data-v-e579f138] {
  margin: 0 0.125rem;
  overflow-x: scroll;
}
.sub-container .area-wrapper .main-content .area-content .tabs-block .tabs-content .tabs-content-scroll[data-v-e579f138]::-webkit-scrollbar-thumb {
  display: none;
}
.sub-container .area-wrapper .main-content .area-content .tabs-block .tabs-list[data-v-e579f138] {
  position: relative;
  display: flex;
  padding-bottom: 0.0625rem;
  white-space: nowrap;
}
.sub-container .area-wrapper .main-content .area-content .tabs-block .tabs-list .tabs-item[data-v-e579f138] {
  color: #fff;
  margin-right: 0.25rem;
  position: relative;
  cursor: pointer;
}
.sub-container .area-wrapper .main-content .area-content .tabs-block .tabs-list .tabs-item-active[data-v-e579f138] {
  color: #acfbff;
}
.sub-container .area-wrapper .main-content .area-content .tabs-block .tabs-list .tabs-item-title[data-v-e579f138] {
  font-size: 0.15rem;
  font-weight: bold;
}
.sub-container .area-wrapper .main-content .area-content .tabs-block .tabs-line[data-v-e579f138] {
  display: block;
  height: 0.025rem;
  position: absolute;
  bottom: 0px;
  left: 0;
  z-index: 1;
  border-radius: 0.0375rem;
  position: relative;
  background: #acfbff;
}
.sub-container .area-wrapper .main-content .point-list[data-v-e579f138] {
  height: 27.2vh;
  overflow: auto;
  position: relative;
}
.sub-container .area-wrapper .main-content .point-list .point-item[data-v-e579f138] {
  justify-content: space-between;
  padding: 0.0625rem 0.125rem;
  margin-bottom: 0.0625rem;
  border-radius: 0.0375rem;
  border: 1px solid #578aef;
  cursor: pointer;
}
.sub-container .area-wrapper .main-content .point-list .point-item .point-left i[data-v-e579f138] {
  font-size: 0.3rem;
  margin-right: 0.125rem;
}
.sub-container .area-wrapper .main-content .point-list .point-item .point-left .info p[data-v-e579f138] {
  color: #fff;
  font-size: 0.125rem;
}
.sub-container .area-wrapper .main-content .point-list .point-item .point-left .info p[data-v-e579f138]:first-child {
  font-size: 0.175rem;
  font-weight: 600;
}
.sub-container .area-wrapper .main-content .point-list .point-item .value[data-v-e579f138] {
  font-size: 0.2rem;
}
.sub-container .area-wrapper .main-content .point-list .point-item-active[data-v-e579f138] {
  border-color: #00ffff;
  box-shadow: 0.025rem 0.025rem 0.1rem -0.01rem #00ffff;
}
.sub-container .area-wrapper .main-content .details[data-v-e579f138] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.sub-container .area-wrapper .main-content .details .point-info .head[data-v-e579f138] {
  font-size: 0.175rem;
  border-bottom: 0.025rem solid #acfbff;
  padding-bottom: 0.0625rem;
  margin-bottom: 0.0625rem;
}
.sub-container .area-wrapper .main-content .details .point-info .head > span[data-v-e579f138]:first-child {
  font-weight: bold;
}
.sub-container .area-wrapper .main-content .details .point-info .content[data-v-e579f138] {
  color: #fff;
  display: flex;
  align-items: center;
}
.sub-container .area-wrapper .main-content .details .point-info .content .content-l[data-v-e579f138] {
  flex: 2;
}
.sub-container .area-wrapper .main-content .details .point-info .content .content-l > p[data-v-e579f138] {
  font-size: 0.15rem;
  margin-bottom: 0.0625rem;
}
.sub-container .area-wrapper .main-content .details .point-info .content .content-r[data-v-e579f138] {
  flex: 1;
  padding: 0.125rem;
}
.sub-container .area-wrapper .main-content .details .point-info .content .content-r .carousel[data-v-e579f138] {
  height: 100px !important;
  object-fit: contain;
  display: flex;
  margin: auto;
}
.sub-container .area-wrapper .main-content .details .point-index[data-v-e579f138] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding-bottom: 0.0625rem;
  margin-bottom: 0.125rem;
}
.sub-container .area-wrapper .main-content .details .point-index .index-item[data-v-e579f138] {
  width: 33.3%;
  text-align: center;
  margin-top: 0.0625rem;
}
.sub-container .area-wrapper .main-content .details .point-index .index-item p[data-v-e579f138] {
  font-size: 0.125rem;
  color: #fff;
}
.sub-container .area-wrapper .main-content .details .point-index .index-item p[data-v-e579f138]:first-child {
  color: #acfbff;
  font-size: 0.175rem;
  margin-bottom: 0.0625rem;
}
.sub-container .area-wrapper .main-content .details .rs-list[data-v-e579f138] {
  display: flex;
  flex-wrap: wrap;
  overflow: auto;
  height: 11vh;
}
.sub-container .area-wrapper .main-content .details .rs-list .rs-item[data-v-e579f138] {
  width: calc(50% - 0.125rem);
  text-align: center;
  border: 1px solid;
  border-radius: 3px;
  margin: 0.0625rem;
  background: rgba(4, 41, 105, 0.7803921569);
  color: #fff;
  border-color: #1d7ea3;
  font-size: 0.125rem;
  cursor: pointer;
}
.sub-container .area-wrapper .main-content .details .rs-list .rs-item > i[data-v-e579f138] {
  font-size: 0.225rem;
}
.sub-container .area-wrapper .main-content .details .rs-list .rs-item-active[data-v-e579f138] {
  box-shadow: 0px 0px 6px 3px #dfe1ee;
}
.sub-container .area-wrapper .main-content .details .details-head[data-v-e579f138] {
  cursor: pointer;
}
.sub-container .area-wrapper .main-content .details .details-head[data-v-e579f138] .ivu-divider {
  color: #acfbff;
  margin: 0 !important;
}
.sub-container .area-wrapper .main-content .details .details-head[data-v-e579f138] .ivu-divider::before, .sub-container .area-wrapper .main-content .details .details-head[data-v-e579f138] .ivu-divider::after {
  border-color: #acfbff;
}
.sub-container .area-wrapper .main-content .details .details-head[data-v-e579f138] .ivu-divider-inner-text {
  font-size: 0.1625rem;
}
.sub-container .area-wrapper .main-content .details .details-content[data-v-e579f138] {
  flex: 1;
  justify-content: center;
  height: 18vh;
}
.sub-container .area-wrapper .main-content .details .details-content .index-list[data-v-e579f138] {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  align-items: flex-start;
}
.sub-container .area-wrapper .main-content .details .details-content .index-list .index-item[data-v-e579f138] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.sub-container .area-wrapper .main-content .details .details-content .index-list .index-item[data-v-e579f138]:first-child {
  margin-right: 0.0625rem;
}
.sub-container .area-wrapper .main-content .details .details-content .index-list .index-row[data-v-e579f138] {
  margin-bottom: 0.0625rem;
  padding: 0.0625rem 0.125rem;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.sub-container .area-wrapper .main-content .details .details-content .index-list .index-row span[data-v-e579f138] {
  flex: 1;
  text-align: center;
  color: #fff;
}
.sub-container .area-wrapper .main-content .details .details-content .index-list .index-row span[data-v-e579f138]:nth-child(1) {
  color: #00ffff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sub-container .area-wrapper .main-content .details .details-content .index-list .index-row[data-v-e579f138]::after {
  content: "";
  filter: blur(3px);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(16, 221, 231, 0.08);
}
.sub-container .area-wrapper .main-content .details .details-content .chart-box[data-v-e579f138] {
  width: 100%;
  height: 100%;
}
.sub-container .area-wrapper .main-content .details .details-content .chart-box .chart[data-v-e579f138] {
  width: 100%;
  height: 100%;
}
.sub-container .area-wrapper .main-content .pop-up[data-v-e579f138] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #091025;
  z-index: 999;
}
.sub-container .area-wrapper .main-content .pop-up .subject-list-nav[data-v-e579f138] {
  flex-wrap: wrap;
  overflow: hidden;
}
.sub-container .area-wrapper .main-content .pop-up .subject-list-nav[data-v-e579f138]:not(:last-child) {
  border-bottom: 2px solid #66f5ff;
  margin: 0.125rem 0;
}
.sub-container .area-wrapper .main-content .pop-up .subject-list-nav .subject-item-nav[data-v-e579f138] {
  margin-bottom: 0.125rem;
}
.sub-container .area-wrapper .main-content .fade-enter-active[data-v-e579f138],
.sub-container .area-wrapper .main-content .fade-leave-active[data-v-e579f138] {
  transition: 0.8s;
}
.sub-container .area-wrapper .main-content .fade-enter[data-v-e579f138],
.sub-container .area-wrapper .main-content .fade-leave-to[data-v-e579f138] {
  opacity: 0;
}.sub-container[data-v-e7abea5b] {
  display: flex;
  position: relative;
}
.sub-container .wrapper[data-v-e7abea5b] {
  width: 18vw;
  display: flex;
  flex-direction: column;
  color: #fff;
  font-size: 0.15rem;
}
.sub-container .wrapper[data-v-e7abea5b]:not(:last-child) {
  margin-right: 0.0625rem;
}
.sub-container .wrapper .main-title[data-v-e7abea5b] {
  background: url("../img/title-CJjILicm.png");
  background-size: 100% 100%;
  height: 0.6rem;
  width: 4rem;
  padding-top: 0.0375rem;
}
.sub-container .wrapper .main-title span[data-v-e7abea5b] {
  color: rgb(165, 216, 252);
  font-size: 0.1625rem;
  margin-left: 0.375rem;
}
.sub-container .wrapper .main-wrapper[data-v-e7abea5b] {
  width: 100%;
  padding: 0 0.125rem 0.0625rem;
  margin-bottom: 0.125rem;
  border-radius: 0.06rem;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: linear-gradient(0deg, rgba(10, 19, 28, 0.6), rgba(15, 28, 40, 0.4) 40.98%, rgba(16, 28, 40, 0.4) 67.9%, rgba(16, 29, 41, 0.6));
  box-shadow: 0.025rem 0.025rem 0.1rem -0.01rem #a0a0a0;
  -webkit-backdrop-filter: blur(0px);
  backdrop-filter: blur(0px);
}
.sub-container .wrapper .main-wrapper .main-content[data-v-e7abea5b] {
  margin-top: 0.075rem;
}
.sub-container .flex[data-v-e7abea5b], .sub-container .state-wrapper .main-content .state-info p[data-v-e7abea5b], .sub-container .state-wrapper .main-content[data-v-e7abea5b], .sub-container .not-data[data-v-e7abea5b] {
  display: flex;
  align-items: center;
}
.sub-container .not-data[data-v-e7abea5b] {
  width: 100%;
  height: 100%;
  justify-content: center;
}
.sub-container .state-wrapper[data-v-e7abea5b] {
  height: 20vh;
  flex: none;
}
.sub-container .state-wrapper .main-content .chart[data-v-e7abea5b] {
  width: 60%;
  height: 100%;
}
.sub-container .state-wrapper .main-content .state-info[data-v-e7abea5b] {
  width: 40%;
}
.sub-container .state-wrapper .main-content .state-info p[data-v-e7abea5b] {
  font-size: 0.15rem;
  margin-bottom: 0.125rem;
}
.sub-container .state-wrapper .main-content .state-info p[data-v-e7abea5b]:nth-child(1) {
  color: #00ffff;
}
.sub-container .state-wrapper .main-content .state-info p[data-v-e7abea5b]:nth-child(2) {
  color: #ccff00;
}
.sub-container .state-wrapper .main-content .state-info p[data-v-e7abea5b]:nth-child(3) {
  color: #ff8c37;
}
.sub-container .state-wrapper .main-content .state-info p[data-v-e7abea5b]:nth-child(4) {
  color: #ffc257;
}
.sub-container .state-wrapper .main-content .state-info p[data-v-e7abea5b]:nth-child(4) {
  color: #a181fc;
}
.sub-container .state-wrapper .main-content .state-info p span[data-v-e7abea5b] {
  flex: 1;
}
.sub-container .state-wrapper .main-content .state-info p span[data-v-e7abea5b]:last-child {
  margin-left: 0.0625rem;
  text-align: center;
}
.sub-container .subject-wrapper[data-v-e7abea5b] {
  display: flex;
  flex-direction: column;
  height: 30vh;
  flex: none;
}
.sub-container .subject-wrapper .main-content[data-v-e7abea5b] {
  flex: 1;
  overflow: auto;
}
.sub-container .subject-wrapper .main-content .subject-item[data-v-e7abea5b] {
  margin-bottom: 0.0625rem;
  padding: 0.0625rem 0.125rem;
  background-image: radial-gradient(rgba(255, 255, 255, 0), rgba(0, 50, 104, 0.6));
}
.sub-container .subject-wrapper .main-content .subject-item p[data-v-e7abea5b] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.125rem;
  margin-bottom: 0.0625rem;
}
.sub-container .subject-wrapper .main-content .subject-item p span[data-v-e7abea5b] {
  color: #a6ffff;
}
.sub-container .subject-wrapper .main-content .subject-item p .name[data-v-e7abea5b] {
  font-size: 0.175rem;
  color: #00ffff;
}
.sub-container .subject-wrapper .main-content .subject-item p:last-child span[data-v-e7abea5b]:nth-child(1) {
  color: #00ffff;
}
.sub-container .subject-wrapper .main-content .subject-item p:last-child span[data-v-e7abea5b]:nth-child(2) {
  color: #ffc257;
}
.sub-container .subject-wrapper .main-content .subject-item p:last-child span[data-v-e7abea5b]:nth-child(3) {
  color: #a181fc;
}
.sub-container .subject-wrapper .main-content .subject-item p:last-child span[data-v-e7abea5b]:nth-child(4) {
  color: #ff8c37;
}
.sub-container .area-wrapper[data-v-e7abea5b] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.sub-container .area-wrapper .main-content[data-v-e7abea5b] {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
}
.sub-container .area-wrapper .main-content .subject-list-nav[data-v-e7abea5b] {
  display: flex;
  width: 100%;
  overflow-x: scroll;
}
.sub-container .area-wrapper .main-content .subject-list-nav[data-v-e7abea5b]::-webkit-scrollbar-thumb {
  display: none;
}
.sub-container .area-wrapper .main-content .subject-list-nav .subject-item-nav[data-v-e7abea5b] {
  font-size: 0.1375rem;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  padding: 0.025rem 0.125rem;
  color: #fff;
  border: 1px solid #209cff;
  flex-shrink: 0;
  cursor: pointer;
}
.sub-container .area-wrapper .main-content .subject-list-nav .subject-item-nav[data-v-e7abea5b]:not(:last-child) {
  margin-right: 0.125rem;
}
.sub-container .area-wrapper .main-content .subject-list-nav .subject-item-nav-active[data-v-e7abea5b] {
  background: linear-gradient(0deg, #209cff 0, #68e0cf);
}
.sub-container .lighting-overview[data-v-e7abea5b] {
  height: 50vh;
}
.sub-container .lighting-overview .build-distribution[data-v-e7abea5b] {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.sub-container .lighting-overview .build-distribution .state-1[data-v-e7abea5b] {
  background-color: #104573;
}
.sub-container .lighting-overview .build-distribution .state-0[data-v-e7abea5b] {
  background-color: #d3d3d3;
}
.sub-container .lighting-overview .build-distribution .state-2[data-v-e7abea5b] {
  background-color: #ed4014;
}
.sub-container .lighting-overview .build-distribution .state-3[data-v-e7abea5b] {
  background-color: #ff9900;
}
.sub-container .lighting-overview .build-distribution .part-wrapper[data-v-e7abea5b] {
  width: 100%;
  display: block;
  margin: 0.0625rem 0;
}
.sub-container .lighting-overview .build-distribution .build-figure[data-v-e7abea5b] {
  display: flex;
  font-size: 0.125rem;
  margin-top: 0.0625rem;
  flex-direction: row-reverse;
}
.sub-container .lighting-overview .build-distribution .build-figure .figure-item[data-v-e7abea5b] {
  display: flex;
  align-items: center;
  margin-left: 0.1rem;
}
.sub-container .lighting-overview .build-distribution .build-figure .figure-item .figure-box[data-v-e7abea5b] {
  margin-right: 0.0625rem;
  width: 0.125rem;
  height: 0.125rem;
}
.sub-container .lighting-overview .build-distribution .scattergram-wrapper[data-v-e7abea5b] {
  display: flex;
  flex-direction: column-reverse;
  overflow: auto;
  flex: 1;
}
.sub-container .lighting-overview .build-distribution .scattergram-wrapper :last-child.build-floor[data-v-e7abea5b] {
  padding-top: 0.0125rem;
}
.sub-container .lighting-overview .build-distribution .scattergram-wrapper :first-child.build-floor > .floor-wrapper[data-v-e7abea5b] {
  border-bottom: 0.0125rem solid rgb(109, 137, 157);
}
.sub-container .lighting-overview .build-distribution .scattergram-wrapper :last-child.build-floor > .floor-wrapper[data-v-e7abea5b] {
  border-top: 0.0125rem solid rgb(109, 137, 157);
}
.sub-container .lighting-overview .build-distribution .scattergram-wrapper .build-floor[data-v-e7abea5b] {
  display: flex;
  justify-content: flex-end;
}
.sub-container .lighting-overview .build-distribution .scattergram-wrapper .build-floor .floor-wrapper[data-v-e7abea5b] {
  padding: 0.025rem;
  border-right: 0.0125rem solid rgb(109, 137, 157);
  border-left: 0.0125rem solid rgb(109, 137, 157);
  flex: 1;
}
.sub-container .lighting-overview .build-distribution .scattergram-wrapper .build-floor .floor-wrapper .build-dot[data-v-e7abea5b] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  background-color: rgba(16, 69, 115, 0.5);
  padding: 0.025rem;
}
.sub-container .lighting-overview .build-distribution .scattergram-wrapper .build-floor .floor-wrapper .build-dot .layer-box[data-v-e7abea5b] {
  width: calc(6.25% - 0.05rem);
  margin: 0.025rem;
  cursor: pointer;
}
.sub-container .lighting-overview .build-distribution .scattergram-wrapper .build-floor .floor-wrapper .build-dot .layer-box[data-v-e7abea5b]::after {
  content: "";
  margin-top: 100%;
  display: block;
}
.sub-container .lighting-overview .build-distribution .scattergram-wrapper .build-floor .floor-num[data-v-e7abea5b] {
  border-right: 0.0125rem solid rgb(109, 137, 157);
  font-size: 0.125rem;
  width: 0.375rem;
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
.sub-container .lighting-overview .build-distribution .scattergram-wrapper .build-floor .floor-num[data-v-e7abea5b]::after {
  content: "-";
}
.sub-container .warn-wrapper[data-v-e7abea5b] {
  height: 25vh;
  display: flex;
  flex-direction: column;
}
.sub-container .warn-wrapper .warn-list[data-v-e7abea5b] {
  padding: 0 !important;
  margin: 0 !important;
  display: flex;
  flex: 1;
}
.sub-container .warn-wrapper .warn-list[data-v-e7abea5b] .warn-item {
  width: 100%;
  font-size: 0.15rem;
  color: #fff;
}
.sub-container .warn-wrapper .warn-list[data-v-e7abea5b] .warn-item .item-head {
  display: flex;
  justify-content: space-between;
  padding: 0.0625rem;
}
.sub-container .warn-wrapper .warn-list[data-v-e7abea5b] .warn-item .item-head > p {
  font-weight: bold;
}
.sub-container .warn-wrapper .warn-list[data-v-e7abea5b] .warn-item .item-head > span {
  font-size: 0.125rem;
}
.sub-container .warn-wrapper .warn-list[data-v-e7abea5b] .warn-item p {
  display: flex;
  align-items: center;
  font-size: 0.125rem;
}
.sub-container .warn-wrapper .warn-list[data-v-e7abea5b] .warn-item p span {
  margin-left: 10px;
}
.sub-container .warn-wrapper .warn-list[data-v-e7abea5b] .warn-item p span:first-child {
  text-align: left;
  font-weight: bold;
}.sub-container[data-v-9c1e8651] {
  display: flex;
  position: relative;
}
.sub-container .flex-cc[data-v-9c1e8651], .sub-container .not-data[data-v-9c1e8651] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sub-container .flex-cs[data-v-9c1e8651] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sub-container .not-data[data-v-9c1e8651] {
  width: 100%;
  height: 100%;
}
.sub-container .wrapper[data-v-9c1e8651] {
  width: 18vw;
  display: flex;
  flex-direction: column;
  color: #fff;
  font-size: 0.15rem;
}
.sub-container .wrapper[data-v-9c1e8651]:not(:last-child) {
  margin-right: 0.0625rem;
}
.sub-container .wrapper .main-title[data-v-9c1e8651] {
  background: url("../img/title-CJjILicm.png");
  background-size: 100% 100%;
  height: 0.6rem;
  width: 4rem;
  padding-top: 0.0375rem;
}
.sub-container .wrapper .main-title span[data-v-9c1e8651] {
  color: rgb(165, 216, 252);
  font-size: 0.1625rem;
  margin-left: 0.375rem;
}
.sub-container .wrapper .main-wrapper[data-v-9c1e8651] {
  width: 100%;
  padding: 0 0.125rem 0.0625rem;
  margin-bottom: 0.125rem;
  border-radius: 0.06rem;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: linear-gradient(0deg, rgba(10, 19, 28, 0.6), rgba(15, 28, 40, 0.4) 40.98%, rgba(16, 28, 40, 0.4) 67.9%, rgba(16, 29, 41, 0.6));
  box-shadow: 0.025rem 0.025rem 0.1rem -0.01rem #a0a0a0;
  -webkit-backdrop-filter: blur(0px);
  backdrop-filter: blur(0px);
}
.sub-container .wrapper .main-wrapper .main-content[data-v-9c1e8651] {
  flex: 1;
  margin-top: 0.075rem;
  overflow: hidden;
}
.sub-container .left-main .garden-wrapper[data-v-9c1e8651] {
  align-items: center;
  justify-content: space-between;
}
.sub-container .left-main .garden-wrapper .garden-title[data-v-9c1e8651] {
  width: 100%;
  margin: 0 !important;
}
.sub-container .left-main .garden-wrapper .garden-title .title[data-v-9c1e8651] {
  width: 100%;
  display: flex;
  align-items: center;
  line-height: 1.5;
  padding: 0.125rem 0;
}
.sub-container .left-main .garden-wrapper .garden-title .title span[data-v-9c1e8651]:first-child {
  font-size: 0.2625rem;
  font-weight: bold;
}
.sub-container .left-main .garden-wrapper .garden-title .title .status[data-v-9c1e8651] {
  margin-left: 0.0625rem;
  font-size: 0.25rem;
}
.sub-container .left-main .garden-wrapper .garden-title .title .status i[data-v-9c1e8651] {
  border-radius: 50px;
}
.sub-container .left-main .garden-wrapper .garden-title .title .normal[data-v-9c1e8651] {
  color: #00eb9f;
}
.sub-container .left-main .garden-wrapper .garden-title .title .warn[data-v-9c1e8651] {
  color: #fddd60;
  animation: blink-9c1e8651 3s linear infinite;
}
.sub-container .left-main .garden-wrapper .garden-title .title .error[data-v-9c1e8651] {
  color: #fd666d;
  animation: blink-9c1e8651 3s linear infinite;
}
.sub-container .left-main .garden-wrapper .garden-title .title > div[data-v-9c1e8651] {
  flex: 1;
}
.sub-container .left-main .garden-wrapper .garden-title .title .iconshipinjiankong[data-v-9c1e8651] {
  font-size: 25px;
  color: #fff;
}
.sub-container .left-main .garden-wrapper .garden-title[data-v-9c1e8651]::before {
  content: "";
  width: 84%;
  height: 0.025rem;
  background-color: #4df8e9;
  position: absolute;
  bottom: -0.0125rem;
  left: 0;
}
.sub-container .left-main .garden-wrapper .main-content[data-v-9c1e8651] {
  width: 100%;
  padding: 0 0 0.125rem 0 !important;
}
.sub-container .left-main .garden-wrapper .main-content .info[data-v-9c1e8651] {
  padding: 0.0625rem 0;
}
.sub-container .left-main .garden-wrapper .main-content .info p[data-v-9c1e8651] {
  font-weight: bold;
}
.sub-container .left-main .garden-wrapper .main-content .info p .info-name[data-v-9c1e8651] {
  font-size: 0.125rem;
  color: #f5f5f5;
  margin-right: 0.0625rem;
}
.sub-container .left-main .garden-wrapper .main-content .info p .info-value[data-v-9c1e8651] {
  font-size: 0.3125rem;
  color: #d4d310;
  font-family: fantasy;
  letter-spacing: 3px;
}
.sub-container .left-main .trend-wrapper[data-v-9c1e8651] {
  flex: 1;
  padding: 0 !important;
}
.sub-container .left-main .trend-wrapper .main-content[data-v-9c1e8651] {
  margin-top: 0 !important;
}
.sub-container .left-main .trend-wrapper .chart[data-v-9c1e8651] {
  width: 100%;
  height: 100%;
}
.sub-container .left-main[data-v-9c1e8651] .el-carousel__container {
  height: 18vh;
}
.sub-container .center-main[data-v-9c1e8651] {
  width: 18vw;
  height: 100%;
  position: absolute;
  right: 38vw;
  top: 0;
}
.sub-container .center-main .statistics[data-v-9c1e8651] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.sub-container .center-main .statistics .main-wrapper[data-v-9c1e8651] {
  flex: 1;
  padding: 0 0.125rem 0.0625rem;
  border-radius: 0.06rem;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  color: #ffffff;
  background: linear-gradient(0deg, rgba(10, 19, 28, 0.6), rgba(15, 28, 40, 0.4) 40.98%, rgba(16, 28, 40, 0.4) 67.9%, rgba(16, 29, 41, 0.6));
  box-shadow: 0.025rem 0.025rem 0.1rem -0.01rem #a0a0a0;
  -webkit-backdrop-filter: blur(0px);
  backdrop-filter: blur(0px);
}
.sub-container .center-main .statistics .main-wrapper[data-v-9c1e8651]:not(:last-child) {
  margin-bottom: 0.125rem;
}
.sub-container .center-main .statistics .main-wrapper .main-title[data-v-9c1e8651] {
  margin: 0;
  color: #9dfffc;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 0.025rem solid rgba(41, 123, 245, 0.2);
  font-size: 0.1625rem;
  position: relative;
  line-height: 2.2;
}
.sub-container .center-main .statistics .main-wrapper .main-title[data-v-9c1e8651]::before {
  content: " ";
  height: 0.025rem;
  width: 0.5rem;
  background-color: #4df8e9;
  position: absolute;
  bottom: -0.0125rem;
  left: 0;
}
.sub-container .center-main .statistics .main-wrapper .main-content[data-v-9c1e8651] {
  flex: 1;
  padding: 0 !important;
}
.sub-container .center-main .statistics .main-wrapper .chart[data-v-9c1e8651] {
  width: 100%;
  height: 100%;
}
.sub-container .center-main .statistics .main-wrapper .state[data-v-9c1e8651] {
  font-size: 0.15rem;
}
.sub-container .center-main .statistics .main-wrapper .normal[data-v-9c1e8651] {
  color: #42d3e7;
}
.sub-container .center-main .statistics .main-wrapper .warn[data-v-9c1e8651] {
  color: #fddd60;
  animation: blink-9c1e8651 3s linear infinite;
}
.sub-container .center-main .statistics .main-wrapper .error[data-v-9c1e8651] {
  color: #fd666d;
  animation: blink-9c1e8651 3s linear infinite;
}
.sub-container .center-main[data-v-9c1e8651] .el-carousel__container {
  height: 100%;
}
@keyframes blink-9c1e8651 {
0% {
    opacity: 1;
}
10% {
    opacity: 0;
}
40% {
    opacity: 1;
}
}
.sub-container .right-main .main-wrapper[data-v-9c1e8651] {
  flex: 1;
}
.sub-container .right-main .main-wrapper .main-title[data-v-9c1e8651] {
  display: flex;
  margin: 0 !important;
}
.sub-container .right-main .main-wrapper .main-content[data-v-9c1e8651] {
  flex: 1;
}
.sub-container .right-main .main-wrapper .chart[data-v-9c1e8651] {
  width: 100%;
  height: 100%;
}
.sub-container .right-main .sewage-info[data-v-9c1e8651] {
  align-items: center;
  justify-content: space-around;
}
.sub-container .right-main .sewage-info .sewage-item[data-v-9c1e8651] {
  display: flex;
  align-items: center;
  width: 90%;
}
.sub-container .right-main .sewage-info .sewage-item .icon[data-v-9c1e8651] {
  font-size: 0.6rem;
}
.sub-container .right-main .sewage-info .sewage-item .info[data-v-9c1e8651] {
  margin-left: 0.1875rem;
  flex: 1;
}
.sub-container .right-main .sewage-info .sewage-item .info .value[data-v-9c1e8651] {
  display: flex;
  align-items: flex-start;
}
.sub-container .right-main .sewage-info .sewage-item .info .value .v span[data-v-9c1e8651]:first-child {
  font-size: 0.3rem;
  font-weight: bold;
}
.sub-container .right-main .sewage-info .sewage-item .info .value > span[data-v-9c1e8651] {
  font-size: 0.15rem;
}
.sub-container .right-main .sewage-info .sewage-item .info .name[data-v-9c1e8651] {
  color: #f5f5f5;
}
.sub-container .right-main .warn-list[data-v-9c1e8651] {
  padding: 0 !important;
}
.sub-container .right-main .warn-list[data-v-9c1e8651] .warn-item {
  width: 100%;
  font-size: 0.15rem;
  color: #fff;
}
.sub-container .right-main .warn-list[data-v-9c1e8651] .warn-item .item-head {
  display: flex;
  justify-content: space-between;
  padding: 0.0625rem;
}
.sub-container .right-main .warn-list[data-v-9c1e8651] .warn-item .item-head > p {
  font-weight: bold;
}
.sub-container .right-main .warn-list[data-v-9c1e8651] .warn-item .item-head > span {
  font-size: 0.125rem;
}
.sub-container .right-main .warn-list[data-v-9c1e8651] .warn-item p {
  display: flex;
  align-items: center;
  font-size: 0.125rem;
}
.sub-container .right-main .warn-list[data-v-9c1e8651] .warn-item p span {
  margin-left: 10px;
}
.sub-container .right-main .warn-list[data-v-9c1e8651] .warn-item p span:first-child {
  text-align: left;
  font-weight: bold;
}.screen-body[data-v-df6af718] {
  display: flex;
  overflow: hidden;
  height: calc(100% - 0.9rem);
  position: relative;
}
.screen-body .left[data-v-df6af718] {
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: all 0.6s ease-out;
  position: absolute;
  top: 0;
  left: 0;
}
.screen-body .left .item[data-v-df6af718] {
  background: url("../img/menu2-DASLjULc.png");
  background-size: 100% 100%;
  color: #fff;
  width: 3rem;
  height: 0.65rem;
  display: flex;
  align-items: center;
  margin-bottom: 0.125rem;
  cursor: pointer;
}
.screen-body .left .item .icon[data-v-df6af718] {
  width: 0.67rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.screen-body .left .item .icon .iconfont[data-v-df6af718] {
  font-size: 0.25rem;
  color: #74c7ff;
}
.screen-body .left .item .info[data-v-df6af718] {
  margin-left: 0.125rem;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-evenly;
}
.screen-body .left .item .info p[data-v-df6af718] {
  font-size: 0.175rem;
  color: rgb(228, 243, 255);
  margin-top: 0.05rem;
}
.screen-body .left .item .info p[data-v-df6af718]:last-child {
  font-size: 0.125rem;
  color: #a5d8fc;
}
.screen-body .left .item-seleted[data-v-df6af718] {
  background: url("../img/menu2_seleted-Dw44baQZ.png");
  background-size: 100% 100%;
}
.screen-body .left .item-seleted .icon .iconfont[data-v-df6af718] {
  color: #fff;
}
.screen-body .left .warn[data-v-df6af718] {
  width: 1.5rem;
  height: 0.875rem;
  background: url("../img/alert-PnV5ZM6C.png");
  background-size: 100% 100%;
  font-size: 0.15rem;
  font-weight: 400;
  color: rgb(255, 135, 151);
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.screen-body .left .warn span[data-v-df6af718] {
  margin-left: 0.4rem;
}
.screen-body .right[data-v-df6af718] {
  display: flex;
  margin-left: auto;
  transition: all 0.6s ease-out;
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
}
.screen-body .left-back[data-v-df6af718] {
  left: -100%;
}
.screen-body .right-back[data-v-df6af718] {
  right: -100%;
}
.screen-body .footer[data-v-df6af718] {
  position: absolute;
  bottom: 5vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: auto;
}
.screen-body .footer .btn[data-v-df6af718]:not(:last-child) {
  margin-right: 10px;
}
.box[data-v-b46b26ea] {
  background-image: url(../img/zhu48614-BfT-iP3h.png);
  background-size: contain;
  width: 935px;
  height: 640px;
  box-sizing: border-box;
  padding: 25px 40px 20px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  z-index: 10;
}
.box .head[data-v-b46b26ea] {
  display: flex;
  justify-content: space-between;
  margin: 5px 15px 0;
}
.box .head .nav[data-v-b46b26ea] {
  display: flex;
  align-items: center;
}
.box .head .nav .title[data-v-b46b26ea]:not(:last-child) {
  margin-right: 10px;
}
.box .head .nav .active[data-v-b46b26ea] {
  position: relative;
}
.box .head .nav .active[data-v-b46b26ea]::after {
  content: "";
  width: 60%;
  height: 3px;
  background-color: #8efffb;
  position: absolute;
  bottom: 0;
  left: 0;
}
.box .head .title[data-v-b46b26ea] {
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
  cursor: pointer;
}
.box .head .close[data-v-b46b26ea] {
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 26px;
  font-size: 26px;
  border-radius: 30px;
  background-color: rgba(84, 187, 200, 0.3019607843);
  transition: all 0.5s;
  transform: rotate(0deg);
}
.box .head .close[data-v-b46b26ea]::after {
  content: "×";
  color: #ffffff;
}
.box .head .close[data-v-b46b26ea]:hover {
  cursor: pointer;
  transform: rotate(180deg);
}
.box .content-wrapper[data-v-b46b26ea] {
  display: flex;
  padding: 30px 15px 15px;
  gap: 20px;
  font-size: 16px;
}
.box .content-wrapper .info-wrapper .device-info[data-v-b46b26ea],
.box .content-wrapper .info-wrapper .alert-info[data-v-b46b26ea] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.box .content-wrapper .info-wrapper .info-item[data-v-b46b26ea] {
  margin-bottom: 10px;
}
.box .content-wrapper .info-wrapper .info-item .label[data-v-b46b26ea] {
  font-weight: bold;
  color: #00ffff;
}
.box .content-wrapper .info-wrapper .info-item .value[data-v-b46b26ea] {
  color: #ffffff;
}
.box .content-wrapper .info-wrapper .alert-type[data-v-b46b26ea] {
  background-color: #ff3333;
  color: white;
  padding: 5px 10px;
  border-radius: 5px;
  display: inline-block;
  margin-top: 10px;
  margin-right: 10px;
}
.box .content-wrapper .device-image[data-v-b46b26ea] {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.box .content-wrapper .device-image img[data-v-b46b26ea] {
  max-width: 100%;
  max-height: 300px;
  border: 2px solid #00ffff;
  border-radius: 5px;
}
.box .controls[data-v-b46b26ea] {
  display: flex;
  justify-content: center;
  padding-top: 10px;
}
.box .controls button[data-v-b46b26ea] {
  border: 0;
  margin: 0 20px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  padding: 10px 45px;
  border-radius: 50px;
  color: white;
  outline: none;
  position: relative;
}
.box .controls button[data-v-b46b26ea]:before {
  content: "";
  display: block;
  background: linear-gradient(to left, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.4) 50%);
  background-size: 210% 100%;
  background-position: right bottom;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  border-radius: 50px;
  transition: all 1s;
  -webkit-transition: all 1s;
}
.box .controls .green[data-v-b46b26ea] {
  background-image: linear-gradient(to right, #25aae1, #40e495);
  box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75);
}
.box .controls .purple[data-v-b46b26ea] {
  background-image: linear-gradient(to right, #7c6fe9, #cc55dc);
  box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75);
}
.box .controls .purple[data-v-b46b26ea]:hover:before {
  background-position: left bottom;
}
.box .controls .green[data-v-b46b26ea]:hover:before {
  background-position: left bottom;
}
.box .pre-plan-list[data-v-b46b26ea] {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.box .pre-plan-list .pre-plan-item[data-v-b46b26ea] {
  margin: 10px 0;
  box-sizing: content-box;
  background: linear-gradient(0deg, rgba(10, 19, 28, 0.6), rgba(15, 28, 40, 0.4) 40.98%, rgba(16, 28, 40, 0.4) 67.9%, rgba(16, 29, 41, 0.6));
  backdrop-filter: blur(0);
  padding: 8px 0;
  width: calc(25% - 10px);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  border-radius: 5px;
}
.box .pre-plan-list .pre-plan-item strong[data-v-b46b26ea] {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(180deg, #f2cb51, #cc6c31);
}
.box .pre-plan-list .pre-plan-item .user[data-v-b46b26ea] {
  color: #f2cb51;
  font-weight: lighter;
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
}
.box .content[data-v-b46b26ea] {
  display: flex;
}
.box .content .left[data-v-b46b26ea] {
  width: 30%;
  height: 100%;
  backdrop-filter: blur(0);
}
.box .content .left .floor-list[data-v-b46b26ea] {
  background-color: rgba(255, 255, 255, 0.168627451);
  border-radius: 5px;
  margin-bottom: 15px;
}
.box .content .left .floor-list .floor-name[data-v-b46b26ea] {
  color: red;
  display: flex;
  align-items: center;
  text-indent: 10px;
  padding: 10px 10px 5px;
}
.box .content .left .alert-item[data-v-b46b26ea] {
  color: #ff4900;
  padding: 10px 10px 10px 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3137254902);
}
.box .content .right[data-v-b46b26ea] {
  box-sizing: border-box;
  padding-left: 15px;
  flex: 1;
}
.box .content .right .alert-details[data-v-b46b26ea] {
  display: flex;
}
.box .content .right .alert-details > div[data-v-b46b26ea] {
  flex: 1;
}
.box .content .right .alert-details .details li[data-v-b46b26ea] {
  list-style: none;
  line-height: 2;
  font-size: 16px;
  /* font-weight: bold; */
  color: #ffffff;
}
.box .content .right .alert-details .details li .title[data-v-b46b26ea] {
  color: #8efffb;
  padding-right: 15px;
  text-align: right;
}
.box .content .right .alert-details .user-list[data-v-b46b26ea] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.box .content .right .alert-details .user-list .user-item[data-v-b46b26ea] {
  display: flex;
  align-items: center;
  padding: 5px 0;
  width: calc(50% - 5px);
  background-color: rgba(255, 255, 255, 0.168627451);
  border-radius: 5px;
  margin-bottom: 10px;
}
.box .content .right .alert-details .user-list .user-item .user-info[data-v-b46b26ea] {
  margin-left: 10px;
  color: #ffffff;
}
.box .content .right .alert-details .user-list .user-item .user-info .name[data-v-b46b26ea] {
  color: #8efffb;
  display: flex;
  align-items: center;
}
.box .content .right .camera-list[data-v-b46b26ea] {
  display: flex;
}
.box .content .right .camera-list .camera-item[data-v-b46b26ea] {
  width: 200px;
  margin-right: 10px;
}
.box .content .right .camera-list .camera-item video[data-v-b46b26ea] {
  width: 100%;
}
.box .content h3.title[data-v-b46b26ea] {
  margin: 0;
  line-height: 2;
  position: relative;
  display: inline-block;
  margin-bottom: 5px;
  color: #ffffff;
}
.box .content h3.title[data-v-b46b26ea]::after {
  content: "";
  width: 60%;
  height: 2px;
  background-color: #8efffb;
  position: absolute;
  bottom: 0;
  left: 0;
}
.box .RealTimeEvent--RealTimeEvent--zoInfcQ[data-v-b46b26ea] {
  display: flex;
  padding: 0 0.677083vw;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}
.box .RealTimeEvent--RealTimeEvent--zoInfcQ .RealTimeEvent--left--KLD5CGn[data-v-b46b26ea] {
  padding: 0.520833vw 0.416667vw 0 0;
  width: 542px;
}
.box .RealTimeEvent--RealTimeEvent--zoInfcQ .RealTimeEvent--right--ScLXmrp[data-v-b46b26ea] {
  margin-top: 0.520833vw;
  width: calc(100% - 542px);
}
.box .RealTimeEvent--RealTimeEvent--zoInfcQ .RealTimeEvent--right--ScLXmrp .RealTimeEvent--smallSlide--HR9yFdl.RealTimeEvent--active--Np_GhQV[data-v-b46b26ea] {
  border: 0.104167vw solid #fd9d0d;
}
.box .RealTimeEvent--RealTimeEvent--zoInfcQ .RealTimeEvent--right--ScLXmrp .RealTimeEvent--smallSlide--HR9yFdl[data-v-b46b26ea] {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  display: flex;
  flex-direction: column;
  margin-bottom: 0.104167vw;
}
.box .RealTimeEvent--RealTimeEvent--zoInfcQ .RealTimeEvent--left--KLD5CGn .RealTimeEvent--info--oXPigJe li[data-v-b46b26ea] {
  color: #8efffb;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  font-family: Helvetica;
  font-size: 0.729167vw;
  line-height: 1.55833vw;
}
.box .RealTimeEvent--RealTimeEvent--zoInfcQ .RealTimeEvent--left--KLD5CGn .RealTimeEvent--info--oXPigJe li p[data-v-b46b26ea] {
  color: #fff;
  margin-left: 1.041667vw;
  width: -webkit-calc(100% - 4.16667vw);
  width: calc(100% - 4.16667vw);
}
.box .RealTimeEvent--RealTimeEvent--zoInfcQ .RealTimeEvent--left--KLD5CGn .RealTimeEvent--info--oXPigJe li p > span[data-v-b46b26ea] {
  margin-right: 1.041667vw;
}
.box .RealTimeEvent--RealTimeEvent--zoInfcQ .next-icestark-slick[data-v-b46b26ea] {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
  display: block;
  position: relative;
  touch-action: pan-y;
  user-select: none;
}
.box .RealTimeEvent--RealTimeEvent--zoInfcQ .next-icestark-slick-list[data-v-b46b26ea] {
  display: block;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  transform: translateZ(0);
}
.box .RealTimeEvent--RealTimeEvent--zoInfcQ .next-icestark-slick-track[data-v-b46b26ea] {
  display: block;
  left: 0;
  position: relative;
  top: 0;
  transform: translateZ(0);
}
.box .RealTimeEvent--RealTimeEvent--zoInfcQ .next-icestark-slick-slide[data-v-b46b26ea] {
  float: left;
  height: 100%;
  min-height: 1px;
  outline: 0;
  transition: all 0.1s linear;
}
.box .RealTimeEvent--RealTimeEvent--zoInfcQ .next-icestark-slick-slide img[data-v-b46b26ea] {
  display: block;
  width: 100%;
}.screen-body[data-v-869cfc8d] {
  padding: 0.125rem;
  display: flex;
  overflow: hidden;
  height: calc(100% - 0.9rem);
}
.screen-body .left[data-v-869cfc8d] {
  display: flex;
  flex-direction: column;
}
.screen-body .left .item[data-v-869cfc8d] {
  background: url("../img/menu2-DASLjULc.png");
  background-size: 100% 100%;
  color: #fff;
  width: 3rem;
  height: 0.65rem;
  display: flex;
  align-items: center;
  margin-bottom: 0.125rem;
}
.screen-body .left .item .icon[data-v-869cfc8d] {
  width: 0.67rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.screen-body .left .item .info[data-v-869cfc8d] {
  margin-left: 0.125rem;
}
.screen-body .left .item .info p[data-v-869cfc8d] {
  font-size: 0.175rem;
  color: rgb(228, 243, 255);
  margin-bottom: -0.0375rem;
}
.screen-body .left .item .info p[data-v-869cfc8d]:last-child {
  font-size: 0.125rem;
  margin-top: 0.12rem;
  color: #a5d8fc;
}
.screen-body .left .item-seleted[data-v-869cfc8d] {
  background: url("../img/menu2_seleted-Dw44baQZ.png");
  background-size: 100% 100%;
}
.screen-body .left .warn[data-v-869cfc8d] {
  width: 1.5rem;
  height: 0.875rem;
  background: url("../img/alert-PnV5ZM6C.png");
  background-size: 100% 100%;
  font-size: 0.225rem;
  font-weight: 400;
  color: rgb(255, 135, 151);
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.screen-body .left .warn span[data-v-869cfc8d] {
  margin-top: -0.05rem;
}
.screen-body .right[data-v-869cfc8d] {
  display: flex;
  margin-left: auto;
}
.screen-body .right .wrapper[data-v-869cfc8d]:not(:last-child) {
  margin-right: 0.0625rem;
}
.screen-body .right .main-wrapper .main-title[data-v-869cfc8d] {
  background: url("../img/title-CJjILicm.png");
  background-size: 100% 100%;
  height: 0.6rem;
  width: 4rem;
  padding-top: 0.0375rem;
}
.screen-body .right .main-wrapper .main-title span[data-v-869cfc8d] {
  color: rgb(165, 216, 252);
  font-size: 0.1625rem;
  margin-left: 0.375rem;
}
.screen-body .right .main-wrapper .main-content[data-v-869cfc8d] {
  width: 4rem;
}
.screen-body .right .main-wrapper .main-content .chart[data-v-869cfc8d] {
  width: 100%;
  height: 100%;
}
.screen-body .right .main-wrapper .main-content .row-wrap[data-v-869cfc8d] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 0.125rem;
}
.screen-body .right .main-wrapper .main-content .data-item[data-v-869cfc8d] {
  margin-bottom: 0.0625rem;
  line-height: 1.5;
  background: url("../img/info4_box-BTP7ElAJ.png");
  background-size: 100% 100%;
  width: 1.85rem;
  height: 0.5rem;
  display: flex;
}
.screen-body .right .main-wrapper .main-content .data-item .icon[data-v-869cfc8d] {
  width: 30px;
  height: 30px;
  margin-left: 0.125rem;
}
.screen-body .right .main-wrapper .main-content .data-item .data[data-v-869cfc8d] {
  margin-left: 0.4375rem;
  flex: 1;
}
.screen-body .right .main-wrapper .main-content .data-item .data .label[data-v-869cfc8d] {
  margin-top: -0.08rem;
}
.screen-body .right .main-wrapper .main-content .data-item .data p[data-v-869cfc8d] {
  color: rgba(228, 243, 255, 0.6);
  display: flex;
  align-items: center;
}
.screen-body .right .main-wrapper .main-content .data-item .data p:last-child span[data-v-869cfc8d] {
  color: rgb(217, 241, 253);
  font-size: 0.175rem;
}
.screen-body .right .main-wrapper .main-content .data-item .data p:last-child .unit[data-v-869cfc8d] {
  color: rgba(217, 241, 253, 0.7);
  font-size: 0.12rem;
  margin-left: auto;
  margin-right: 0.1875rem;
}
.screen-body .right .main-wrapper .main-content .order-item[data-v-869cfc8d] {
  display: flex;
  border: 1px solid rgb(21, 67, 85);
  margin-bottom: 0.125rem;
}
.screen-body .right .main-wrapper .main-content .order-item .order-info[data-v-869cfc8d] {
  display: flex;
  flex-direction: column;
  color: #fff;
  font-size: 0.15rem;
  padding: 0.0625rem 0 0.125rem 0;
}
.screen-body .right .main-wrapper .main-content .order-item .order-info .title[data-v-869cfc8d] {
  background: linear-gradient(180deg, #ffffff 0%, #6af6fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 0.0625rem;
  padding-left: 0.125rem;
}
.screen-body .right .main-wrapper .main-content .order-item .order-info .info[data-v-869cfc8d] {
  display: flex;
  align-items: center;
}
.screen-body .right .main-wrapper .main-content .order-item .order-info .info .info-item[data-v-869cfc8d] {
  border-left: 2px solid #6af6fa;
  padding-left: 0.125rem;
  margin-right: 0.0625rem;
}
.screen-body .right .main-wrapper .main-content .order-item .order-info .info .info-item p[data-v-869cfc8d] {
  letter-spacing: 2px;
  color: rgba(228, 243, 255, 0.7);
}
.screen-body .right .main-wrapper .main-content .order-item .order-info .info .info-item p[data-v-869cfc8d]:not(:last-child) {
  margin-bottom: 0.0625rem;
}
.screen-body .right .main-wrapper .main-content .order-item .order-info .info .info-item p span[data-v-869cfc8d] {
  margin: 0 0.0375rem;
}
.screen-body .right .main-wrapper .main-content .order-item .yellow .title[data-v-869cfc8d] {
  background: linear-gradient(180deg, #ffffff 0%, #ffeb3b 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.screen-body .right .main-wrapper .main-content .order-item .yellow .info .info-item[data-v-869cfc8d] {
  border-left: 2px solid #ffeb3b;
}
.screen-body .right .main-wrapper .main-content .order-item .order-chart[data-v-869cfc8d] {
  width: 1rem;
  height: 1rem;
  margin-left: auto;
  background: rgba(53, 78, 102, 0.6);
}
.screen-body .right .main-wrapper .main-content .monitor-item[data-v-869cfc8d] {
  border-radius: 0.0625rem;
  position: relative;
  margin-bottom: 0.125rem;
}
.screen-body .right .main-wrapper .main-content .monitor-item .image[data-v-869cfc8d] {
  border-radius: 0.0625rem;
  width: 1.95rem;
  height: 0.95rem;
}
.screen-body .right .main-wrapper .main-content .monitor-item .footer[data-v-869cfc8d] {
  position: absolute;
  bottom: 0;
  background: linear-gradient(90deg, rgba(9, 212, 188, 0.6) 0%, rgba(35, 51, 68, 0.6) 100%);
  color: #fff;
  font-size: 0.15rem;
  font-weight: 600;
  padding: 0.025rem 0.0625rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border-radius: 0 0 0.0625rem 0.0625rem;
}
.screen-body .right .main-wrapper .main-content .active[data-v-869cfc8d] {
  border: 1px solid #fff;
}.screen-body[data-v-00f64314] {
  display: flex;
  overflow: hidden;
  height: calc(100% - 0.9rem);
}
.screen-body .left[data-v-00f64314] {
  display: flex;
  flex-direction: column;
}
.screen-body .left .item[data-v-00f64314] {
  background: url("../img/menu2-DASLjULc.png");
  background-size: 100% 100%;
  color: #fff;
  width: 3rem;
  height: 0.65rem;
  display: flex;
  align-items: center;
  margin-bottom: 0.125rem;
}
.screen-body .left .item .icon[data-v-00f64314] {
  width: 0.67rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.screen-body .left .item .info[data-v-00f64314] {
  margin-left: 0.125rem;
}
.screen-body .left .item .info p[data-v-00f64314] {
  font-size: 0.175rem;
  color: rgb(228, 243, 255);
  margin-bottom: -0.0375rem;
}
.screen-body .left .item .info p[data-v-00f64314]:last-child {
  font-size: 0.125rem;
  margin-top: 0.12rem;
  color: #a5d8fc;
}
.screen-body .left .item-seleted[data-v-00f64314] {
  background: url("../img/menu2_seleted-Dw44baQZ.png");
  background-size: 100% 100%;
}
.screen-body .left .warn[data-v-00f64314] {
  width: 1.5rem;
  height: 0.875rem;
  background: url("../img/alert-PnV5ZM6C.png");
  background-size: 100% 100%;
  font-size: 0.225rem;
  font-weight: 400;
  color: rgb(255, 135, 151);
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.screen-body .left .warn span[data-v-00f64314] {
  margin-top: -0.05rem;
}
.screen-body .right[data-v-00f64314] {
  display: flex;
  margin-left: auto;
}
.screen-body .right .wrapper[data-v-00f64314]:not(:last-child) {
  margin-right: 0.0625rem;
}
.screen-body .right .main-wrapper .main-title[data-v-00f64314] {
  background: url("../img/title-CJjILicm.png");
  background-size: 100% 100%;
  height: 0.6rem;
  width: 4rem;
  padding-top: 0.0375rem;
}
.screen-body .right .main-wrapper .main-title span[data-v-00f64314] {
  color: rgb(165, 216, 252);
  font-size: 0.1625rem;
  margin-left: 0.375rem;
}
.screen-body .right .main-wrapper .main-content[data-v-00f64314] {
  width: 4rem;
  height: 20vh;
}
.screen-body .right .main-wrapper .main-content .chart[data-v-00f64314] {
  width: 100%;
  height: 100%;
}
.screen-body .right .main-wrapper .main-content .tab[data-v-00f64314] {
  display: flex;
  align-items: center;
  margin-top: -0.15rem;
  font-size: 0.135rem;
}
.screen-body .right .main-wrapper .main-content .tab .tab-item[data-v-00f64314] {
  background: url("../img/tab1-YPw-_Uzg.png");
  background-size: 100% 100%;
  width: 1.25rem;
  height: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.6);
  margin-right: -0.25rem;
}
.screen-body .right .main-wrapper .main-content .tab .active[data-v-00f64314] {
  background: url("../img/tab1-seleted-Vi5TqZMv.png");
  background-size: 100% 100%;
  color: rgb(132, 248, 251);
  height: 0.5rem;
}
.screen-body .right .main-wrapper .main-content .car-total[data-v-00f64314] {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
}
.screen-body .right .main-wrapper .main-content .car-total .car-item[data-v-00f64314] {
  background: url("../img/info2_box-BFKVsKa1.png");
  background-size: 100% 100%;
  width: 1.3rem;
  height: 0.47rem;
  display: flex;
  flex-direction: column;
  color: #fff;
}
.screen-body .right .main-wrapper .main-content .car-total .car-item .t[data-v-00f64314] {
  font-size: 0.135rem;
  font-weight: 500;
  text-align: center;
}
.screen-body .right .main-wrapper .main-content .car-total .car-item .s[data-v-00f64314] {
  font-size: 0.1rem;
}
.screen-body .right .main-wrapper .main-content .car-total .car-item .v[data-v-00f64314] {
  font-size: 0.125rem;
  color: rgb(217, 241, 253);
}
.screen-body .right .main-wrapper .main-content .car-total .car-item p[data-v-00f64314]:last-child {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.screen-body .right .main-wrapper .main-content .car-total .car[data-v-00f64314] {
  background: url("../img/box3-CQjFPNL_.png");
  background-size: 100% 100%;
  width: 100%;
  height: 0.7rem;
  display: flex;
  align-items: center;
  margin-top: -0.125rem;
  margin-bottom: 0.0375rem;
}
.screen-body .right .main-wrapper .main-content .car-total .car .image[data-v-00f64314] {
  height: 0.5rem;
  margin-left: 0.25rem;
  margin-top: 0.17rem;
}
.screen-body .right .main-wrapper .main-content .car-total .car .car-info[data-v-00f64314] {
  margin-top: 0.17rem;
  margin-left: 0.25rem;
}
.screen-body .right .main-wrapper .main-content .car-total .car .car-info p[data-v-00f64314] {
  font-size: 0.175rem;
  color: rgb(0, 248, 244);
}
.screen-body .right .main-wrapper .main-content .car-total .car .car-info p[data-v-00f64314]:last-child {
  font-size: 0.125rem;
  color: rgba(228, 243, 255, 0.6);
}
.screen-body .right .main-wrapper .main-content .monitor[data-v-00f64314] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.125rem;
}
.screen-body .right .main-wrapper .main-content .monitor .monitor-item[data-v-00f64314] {
  border-radius: 0.0625rem;
  position: relative;
}
.screen-body .right .main-wrapper .main-content .monitor .monitor-item .image[data-v-00f64314] {
  border-radius: 0.0625rem;
  width: 1.95rem;
  height: 1.25rem;
}
.screen-body .right .main-wrapper .main-content .monitor .monitor-item .footer[data-v-00f64314] {
  position: absolute;
  bottom: 0;
  background: linear-gradient(90deg, rgb(49, 130, 131) 0%, rgb(34, 52, 69) 100%);
  color: #fff;
  font-size: 0.15rem;
  font-weight: 600;
  padding: 0.0625rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border-radius: 0 0 0.0625rem 0.0625rem;
}
.screen-body .right .main-wrapper .main-content .monitor .active[data-v-00f64314] {
  border: 1px solid #fff;
}
.screen-body .right .main-wrapper .main-content .list[data-v-00f64314] {
  display: flex;
  flex-direction: column;
}
.screen-body .right .main-wrapper .main-content .list .item[data-v-00f64314] {
  display: flex;
  align-items: center;
  color: #fff;
  margin-bottom: 0.0625rem;
}
.screen-body .right .main-wrapper .main-content .list .item > *[data-v-00f64314] {
  flex: 1 0 33.3%;
  font-size: 0.15rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.0625rem 0;
}
.screen-body .right .main-wrapper .main-content .list .head[data-v-00f64314] {
  background: linear-gradient(90deg, rgb(69, 97, 130) 0%, rgb(69, 97, 130) 100%);
}
.screen-body .right .main-wrapper .main-content .list .warn[data-v-00f64314] {
  background: linear-gradient(264.91deg, rgba(133, 91, 91, 0.23) 0%, rgba(225, 98, 98, 0.5) 100%);
  color: rgb(225, 98, 98);
}
.screen-body .right .main-wrapper .data-wrapper[data-v-00f64314] {
  display: flex;
  flex-direction: column;
}
.screen-body .right .main-wrapper .data-wrapper .data-info[data-v-00f64314] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.0625rem;
}
.screen-body .right .main-wrapper .data-wrapper .data-info .data-item[data-v-00f64314] {
  width: 31%;
}
.screen-body .right .main-wrapper .data-wrapper .data-info .data-item .info[data-v-00f64314] {
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}
.screen-body .right .main-wrapper .data-wrapper .data-info .data-item .info img[data-v-00f64314] {
  width: 30px;
  height: 30px;
}
.screen-body .right .main-wrapper .data-wrapper .data-info .data-item .info span[data-v-00f64314] {
  font-size: 0.2rem;
  margin-left: 0.0625rem;
  color: rgb(217, 241, 253);
}
.screen-body .right .main-wrapper .data-wrapper .data-info .data-item p[data-v-00f64314] {
  padding: 0.0625rem 0;
  color: rgb(217, 241, 253);
}
.screen-body .right .main-wrapper .data-wrapper .sub-title[data-v-00f64314] {
  background: url("../img/sub_title-C4ZskYey.png");
  background-size: 100% 100%;
  height: 0.24rem;
  width: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 0.15rem;
  margin-bottom: 0.0625rem;
}
.screen-body .right .main-wrapper .data-wrapper .event-data[data-v-00f64314] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.screen-body .right .main-wrapper .data-wrapper .event-data .event-item[data-v-00f64314] {
  width: 31%;
  height: 1.25rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.screen-body .right .main-wrapper .data-wrapper .event-data .event-item .label[data-v-00f64314] {
  margin-top: auto;
  color: rgba(228, 243, 255, 0.6);
}
.screen-body .right .main-wrapper .data-wrapper .event-data .event-item .value[data-v-00f64314] {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.screen-body .right .main-wrapper .data-wrapper .event-data .event-item .value img[data-v-00f64314] {
  width: 25px;
  height: 25px;
}
.screen-body .right .main-wrapper .data-wrapper .event-data .event-item .value .value1[data-v-00f64314] {
  font-size: 0.175rem;
  color: rgb(228, 243, 255);
}
.screen-body .right .main-wrapper .data-wrapper .event-data .pic[data-v-00f64314] {
  background: url("../img/info3-DSdjNZze.png");
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.screen-body .right .main-wrapper .data-wrapper .event-data .pic .value[data-v-00f64314] {
  flex: 1;
  display: flex;
  align-items: center;
  align-self: flex-end;
  margin-right: 0.125rem;
  flex-direction: row;
  color: rgb(0, 248, 244);
  font-size: 0.2rem;
}
.screen-body .right .main-wrapper .data-wrapper .event-data .pic .label[data-v-00f64314] {
  margin-top: auto;
  color: rgba(228, 243, 255, 0.6);
}
.screen-body .right .main-wrapper .event-prevention[data-v-00f64314] {
  display: flex;
  align-items: center;
}
.screen-body .right .main-wrapper .event-prevention .item[data-v-00f64314] {
  text-align: center;
}
.screen-body .right .main-wrapper .event-prevention .item .value[data-v-00f64314] {
  background: url("../img/info1-D-9Ycpw8.png");
  background-size: 100% 100%;
  width: 1.3rem;
  height: 1.3rem;
  color: rgb(0, 248, 244);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.175rem;
}
.screen-body .right .main-wrapper .event-prevention .item p[data-v-00f64314] {
  color: #fff;
  font-size: 0.15rem;
}
.screen-body .right .main-wrapper .event-prevention .event-list[data-v-00f64314] {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}
.screen-body .right .main-wrapper .event-prevention .event-list .event-item[data-v-00f64314] {
  width: 33%;
  color: rgba(228, 243, 255, 0.6);
  text-align: center;
}
.screen-body .right .main-wrapper .event-prevention .event-list .event-item .chart[data-v-00f64314] {
  width: 100%;
  height: 1rem;
}
.screen-body .right .main-wrapper .user-wrapper[data-v-00f64314] {
  display: flex;
}
.screen-body .right .main-wrapper .user-wrapper .user[data-v-00f64314] {
  background: url("../img/box6-CsCPqgAw.png");
  background-size: 100% 100%;
  width: 1.3rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.screen-body .right .main-wrapper .user-wrapper .user .flex[data-v-00f64314] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.screen-body .right .main-wrapper .user-wrapper .user .icon[data-v-00f64314] {
  background: url("../img/info1-D-9Ycpw8.png");
  background-size: 100% 100%;
  width: 1.2rem;
  height: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.screen-body .right .main-wrapper .user-wrapper .user p[data-v-00f64314] {
  margin-top: auto;
  color: rgb(217, 241, 253);
  font-size: 0.15rem;
  margin-bottom: 0.0625rem;
}
.screen-body .right .main-wrapper .user-wrapper .user-list[data-v-00f64314] {
  flex: 1;
  margin-left: 0.0625rem;
}
.screen-body .right .main-wrapper .user-wrapper .user-list .row[data-v-00f64314] {
  display: flex;
  align-items: center;
  color: #fff;
  margin-bottom: 0.0625rem;
  padding: 0.0625rem;
}
.screen-body .right .main-wrapper .user-wrapper .user-list .row span[data-v-00f64314] {
  flex: 1 0 25%;
  text-align: center;
  font-size: 0.15rem;
}
.screen-body .right .main-wrapper .user-wrapper .user-list .row[data-v-00f64314]:nth-child(even) {
  background: rgba(255, 255, 255, 0.2);
}
.screen-body .right .main-wrapper .user-wrapper .user-list .head[data-v-00f64314] {
  background: rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid #fff;
  margin-bottom: 0;
}@font-face {
  font-family: "digital-7";
  src: url("../fonts/digital-7-D68qVRwS.ttf");
}
.screen-container[data-v-fa076141] {
  position: relative;
  width: 100%;
  height: 100%;
  background: url("../img/bg2-CfN9pgp4.png");
}
.screen-container .screen-head[data-v-fa076141] {
  width: 100%;
  height: 0.9rem;
  background: url("../img/top_tile-BejJV0mm.png");
  position: relative;
  background-size: 100% 100%;
  padding-bottom: 0.05rem;
  z-index: 1;
  display: flex;
  pointer-events: auto;
}
.screen-container .screen-head .title[data-v-fa076141] {
  display: flex;
  margin-left: 1rem;
}
.screen-container .screen-head .title span[data-v-fa076141] {
  font-size: 0.3rem;
  font-weight: 900;
  letter-spacing: 0px;
  color: rgb(233, 247, 255);
  text-align: left;
}
.screen-container .screen-head .title .sub-title[data-v-fa076141] {
  margin-top: 0.2rem;
  margin-left: 0.0625rem;
}
.screen-container .screen-head .title .sub-title p[data-v-fa076141] {
  font-size: 0.175rem;
  font-weight: 500;
  letter-spacing: 0px;
  color: rgb(233, 247, 255);
  text-align: left;
  line-height: 1;
}
.screen-container .screen-head .title .sub-title p[data-v-fa076141]:last-child {
  font-size: 0.125rem;
  color: rgba(165, 216, 252, 0.69);
}
.screen-container .screen-head .menu[data-v-fa076141] {
  display: flex;
  margin-top: 0.2rem;
  margin-left: 0.25rem;
}
.screen-container .screen-head .menu .menu-item[data-v-fa076141] {
  background: url("../img/menu-D9fugFZX.png");
  position: relative;
  background-size: 100% 100%;
  width: 1.875rem;
  font-size: 0.15rem;
  display: flex;
  justify-content: center;
  color: rgb(217, 241, 253);
  margin-right: -0.35rem;
  padding-top: 0.1rem;
  cursor: pointer;
}
.screen-container .screen-head .menu .menu-item .icon[data-v-fa076141] {
  width: 26px;
  height: 14px;
  margin-right: 0.0625rem;
  margin-top: 0.0375rem;
}
.screen-container .screen-head .menu .menu-item .a-icon[data-v-fa076141] {
  width: 20px;
  height: 18px;
}
.screen-container .screen-head .menu .menu-item .e-icon[data-v-fa076141] {
  width: 22px;
  height: 24px;
  margin-top: 0;
}
.screen-container .screen-head .menu .active[data-v-fa076141] {
  background: url("../img/menu_seleted-Dm_rkABx.png");
  background-size: 100% 100%;
  color: #fff;
}
.screen-container .screen-head .weather-time[data-v-fa076141] {
  color: #fff;
  margin-left: auto;
  margin-right: 0.25rem;
  display: flex;
  align-items: center;
}
.screen-container .screen-head .weather-time .select[data-v-fa076141] {
  display: flex;
  align-items: center;
  margin-right: 0.0625rem;
}
.screen-container .screen-head .weather-time .select span[data-v-fa076141] {
  font-size: 0.15rem;
}
.screen-container .screen-head .weather-time .select[data-v-fa076141] .ivu-select {
  width: 1.25rem;
}
.screen-container .screen-head .weather-time[data-v-fa076141] .ivu-select {
  width: auto;
}
.screen-container .screen-head .weather-time[data-v-fa076141] .ivu-select .ivu-select-selection,
.screen-container .screen-head .weather-time[data-v-fa076141] .ivu-select .ivu-select-selected-value {
  color: #fff;
  height: 0.25rem;
  line-height: 0.25rem;
}
.screen-container .screen-head .weather-time[data-v-fa076141] .ivu-select i {
  color: #fff;
}
.screen-container .screen-head .weather-time[data-v-fa076141] .ivu-select .ivu-select-selection {
  background: rgba(255, 255, 255, 0.1);
  border: none;
  box-shadow: none;
}
.screen-container .screen-head .weather-time[data-v-fa076141] .ivu-select .ivu-select-item-selected {
  color: #409eff;
}
.screen-container .screen-head .weather-time[data-v-fa076141] .ivu-select .ivu-select-item-focus,
.screen-container .screen-head .weather-time[data-v-fa076141] .ivu-select .ivu-select-item:hover {
  background: none;
  color: #409eff;
}
.screen-container .screen-head .weather-time[data-v-fa076141] .ivu-cascader {
  width: auto;
}
.screen-container .screen-head .weather-time[data-v-fa076141] .ivu-cascader .ivu-cascader-menu-item {
  color: rgba(255, 255, 255, 0.5);
}
.screen-container .screen-head .weather-time[data-v-fa076141] .ivu-cascader .ivu-cascader-menu-item:hover {
  background: none;
  color: #fff;
}
.screen-container .screen-head .weather-time[data-v-fa076141] .ivu-cascader .ivu-cascader-menu-item-active {
  color: #fff;
  background: none;
}
.screen-container .screen-head .weather-time[data-v-fa076141] .ivu-cascader .ivu-input {
  background: rgba(255, 255, 255, 0.1);
  border: none;
  box-shadow: none;
  color: #fff;
}
.screen-container .screen-head .weather-time .weather[data-v-fa076141] {
  color: #fff;
  display: flex;
  flex-direction: column;
  margin-right: 0.125rem;
}
.screen-container .screen-head .weather-time .weather .value[data-v-fa076141] {
  display: flex;
  align-items: center;
  font-size: 0.15rem;
  text-align: right;
}
.screen-container .screen-head .weather-time .weather .label[data-v-fa076141] {
  font-size: 0.125rem;
  text-align: right;
}
.screen-container .screen-head .weather-time .time p[data-v-fa076141] {
  font-family: digital-7;
  line-height: 1;
  font-size: 0.25rem;
}
.screen-container .screen-head .weather-time .time p[data-v-fa076141]:last-child {
  font-size: 0.175rem;
}
.screen-container .iframe-3d-wrapper[data-v-fa076141] {
  position: fixed;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.screen-container .iframe-3d-wrapper .iframe-cover[data-v-fa076141] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}
.screen-container .iframe-3d-wrapper .iframe-3d[data-v-fa076141] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.screen-container .panels[data-v-fa076141] {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 3;
  pointer-events: none;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
[data-v-fa076141] .screen-body {
  padding: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
[data-v-fa076141] .screen-body .left {
  pointer-events: auto;
  background: linear-gradient(91deg, rgba(10, 19, 28, 0.8) 0%, rgba(15, 28, 40, 0.6) 40.98%, rgba(16, 28, 40, 0.4) 67.9%, rgba(16, 29, 41, 0) 100%);
  padding: 0.125rem;
  padding-top: 1rem;
}
[data-v-fa076141] .screen-body .right {
  pointer-events: auto;
  background: linear-gradient(269.51deg, rgb(10, 19, 28) 0%, rgba(15, 28, 40, 0.8) 88.67%, rgba(16, 28, 40, 0.6) 93.04%, rgba(16, 29, 41, 0) 100%);
  padding: 0.125rem;
  padding-top: 0.9rem;
}
[data-v-fa076141] .loading-wrapper .bgImg {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
}
[data-v-fa076141] .loading-wrapper .wrapper {
  background-color: transparent;
  background-image: radial-gradient(circle at center, rgba(16, 29, 41, 0.5019607843), #0f1c28);
}
[data-v-fa076141] .loading-wrapper .wrapper .title {
  color: #269b9c;
}@font-face {
  font-family: "digital-7";
  src: url("../fonts/digital-7-D68qVRwS.ttf");
}
.screen-container[data-v-9857d43b] {
  position: relative;
  width: 100%;
  height: 100%;
  background: url("../img/bg2-CfN9pgp4.png");
}
.screen-container .screen-head[data-v-9857d43b] {
  width: 100%;
  height: 0.9rem;
  background: url("../img/top_tile-BejJV0mm.png");
  position: relative;
  background-size: 100% 100%;
  padding-bottom: 0.05rem;
  z-index: 1;
  display: flex;
  pointer-events: auto;
}
.screen-container .screen-head .title[data-v-9857d43b] {
  display: flex;
  margin-left: 1rem;
}
.screen-container .screen-head .title span[data-v-9857d43b] {
  font-size: 0.3rem;
  font-weight: 900;
  letter-spacing: 0px;
  color: rgb(233, 247, 255);
  text-align: left;
}
.screen-container .screen-head .title .sub-title[data-v-9857d43b] {
  margin-top: 0.2rem;
  margin-left: 0.0625rem;
}
.screen-container .screen-head .title .sub-title p[data-v-9857d43b] {
  font-size: 0.175rem;
  font-weight: 500;
  letter-spacing: 0px;
  color: rgb(233, 247, 255);
  text-align: left;
  line-height: 1;
}
.screen-container .screen-head .title .sub-title p[data-v-9857d43b]:last-child {
  font-size: 0.125rem;
  color: rgba(165, 216, 252, 0.69);
}
.screen-container .screen-head .menu[data-v-9857d43b] {
  display: flex;
  margin-top: 0.2rem;
  margin-left: 0.25rem;
}
.screen-container .screen-head .menu .menu-item[data-v-9857d43b] {
  background: url("../img/menu-D9fugFZX.png");
  position: relative;
  background-size: 100% 100%;
  width: 1.875rem;
  font-size: 0.15rem;
  display: flex;
  justify-content: center;
  color: rgb(217, 241, 253);
  margin-right: -0.35rem;
  padding-top: 0.1rem;
  cursor: pointer;
}
.screen-container .screen-head .menu .menu-item .icon[data-v-9857d43b] {
  width: 26px;
  height: 14px;
  margin-right: 0.0625rem;
  margin-top: 0.0375rem;
}
.screen-container .screen-head .menu .menu-item .a-icon[data-v-9857d43b] {
  width: 20px;
  height: 18px;
}
.screen-container .screen-head .menu .menu-item .e-icon[data-v-9857d43b] {
  width: 22px;
  height: 24px;
  margin-top: 0;
}
.screen-container .screen-head .menu .active[data-v-9857d43b] {
  background: url("../img/menu_seleted-Dm_rkABx.png");
  background-size: 100% 100%;
  color: #fff;
}
.screen-container .screen-head .time[data-v-9857d43b] {
  color: #fff;
  margin-left: auto;
  margin-right: 0.25rem;
  margin-top: 0.1rem;
}
.screen-container .screen-head .time p[data-v-9857d43b] {
  font-family: digital-7;
  line-height: 1;
  font-size: 0.25rem;
}
.screen-container .screen-head .time p[data-v-9857d43b]:last-child {
  font-size: 0.175rem;
}
.screen-container .iframe-3d-wrapper[data-v-9857d43b] {
  position: fixed;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.screen-container .iframe-3d-wrapper .iframe-cover[data-v-9857d43b] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}
.screen-container .iframe-3d-wrapper .iframe-3d[data-v-9857d43b] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.screen-container .panels[data-v-9857d43b] {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 3;
  pointer-events: none;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
[data-v-9857d43b] .screen-body {
  padding: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
[data-v-9857d43b] .screen-body .left {
  background: linear-gradient(91deg, rgba(10, 19, 28, 0.8) 0%, rgba(15, 28, 40, 0.6) 40.98%, rgba(16, 28, 40, 0.4) 67.9%, rgba(16, 29, 41, 0) 100%);
  padding: 0.125rem;
  padding-top: 1rem;
  pointer-events: auto;
}
[data-v-9857d43b] .screen-body .right {
  pointer-events: auto;
  background: linear-gradient(269.51deg, rgb(10, 19, 28) 0%, rgba(15, 28, 40, 0.8) 88.67%, rgba(16, 28, 40, 0.6) 93.04%, rgba(16, 29, 41, 0) 100%);
  padding: 0.125rem;
  padding-top: 0.9rem;
}
[data-v-9857d43b] .loading-wrapper .bgImg {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
}
[data-v-9857d43b] .loading-wrapper .wrapper {
  background-color: transparent;
  background-image: radial-gradient(circle at center, rgba(16, 29, 41, 0.5019607843), #0f1c28);
}
[data-v-9857d43b] .loading-wrapper .wrapper .title {
  color: #269b9c;
}.body[data-v-0749dffa] {
  height: 100vh;
  background: #000;
}
*[data-v-0749dffa],
*[data-v-0749dffa]::before,
*[data-v-0749dffa]::after {
  box-sizing: border-box;
}
@keyframes rotate-0749dffa {
100% {
    transform: rotate(1turn);
}
}
.conic[data-v-0749dffa] {
  position: relative;
  z-index: 0;
  width: 400px;
  height: 300px;
  margin: 20px;
  border-radius: 10px;
  overflow: hidden;
  padding: 2rem;
}
.conic[data-v-0749dffa]::before {
  content: "";
  position: absolute;
  z-index: -2;
  left: -50%;
  top: -50%;
  width: 200%;
  height: 200%;
  background-color: #1a232a;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: conic-gradient(transparent, rgb(168, 239, 255), transparent 30%);
  animation: rotate-0749dffa 4s linear infinite;
}
.conic[data-v-0749dffa]::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 6px;
  top: 6px;
  width: calc(100% - 12px);
  height: calc(100% - 12px);
  background: #000;
  border-radius: 5px;
}
.conic-demo[data-v-0749dffa]::after {
  animation: opacityChange-0749dffa 5s infinite linear;
}
@keyframes opacityChange-0749dffa {
50% {
    opacity: 0.5;
}
100% {
    opacity: 1;
}
}
a[data-v-0749dffa] {
  position: relative;
  display: inline-block;
  padding: 25px 30px;
  margin: 40px 0;
  color: #03e9f4;
  text-decoration: none;
  text-transform: uppercase;
  transition: 0.5s;
  letter-spacing: 4px;
  overflow: hidden;
  margin-right: 50px;
  border: 1px solid;
}
a[data-v-0749dffa]:nth-child(1) {
  filter: hue-rotate(270deg);
}
a[data-v-0749dffa]:nth-child(2) {
  filter: hue-rotate(110deg);
}
a span[data-v-0749dffa] {
  position: absolute;
  display: block;
}
a span[data-v-0749dffa]:nth-child(1) {
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, transparent, #03e9f4);
  animation: animate1-0749dffa 1s linear infinite;
}
@keyframes animate1-0749dffa {
0% {
    left: -100%;
}
50%, 100% {
    left: 100%;
}
}
a span[data-v-0749dffa]:nth-child(2) {
  top: -100%;
  right: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(180deg, transparent, #03e9f4);
  animation: animate2-0749dffa 1s linear infinite;
  animation-delay: 0.25s;
}
@keyframes animate2-0749dffa {
0% {
    top: -100%;
}
50%, 100% {
    top: 100%;
}
}
a span[data-v-0749dffa]:nth-child(3) {
  bottom: 0;
  right: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(270deg, transparent, #03e9f4);
  animation: animate3-0749dffa 1s linear infinite;
  animation-delay: 0.5s;
}
@keyframes animate3-0749dffa {
0% {
    right: -100%;
}
50%, 100% {
    right: 100%;
}
}
a span[data-v-0749dffa]:nth-child(4) {
  bottom: -100%;
  left: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(360deg, transparent, #03e9f4);
  animation: animate4-0749dffa 1s linear infinite;
  animation-delay: 0.75s;
}
@keyframes animate4-0749dffa {
0% {
    bottom: -100%;
}
50%, 100% {
    bottom: 100%;
}
}
.anim-flip[data-v-a76bc528] {
  animation: 0.5s linear 0s alternate none 1 featuresicon-a76bc528;
}
@keyframes featuresicon-a76bc528 {
50% {
    transform: scaleX(0);
}
100% {
    transform: scaleX(1);
}
}
.bg[data-v-a76bc528] {
  background-image: url("../img/bg1-Bd_QmF1O.png");
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
  padding: 0.125rem;
  display: flex;
  flex-direction: column;
  font-size: 0.175rem;
  color: #ffffff;
}
.bg .title .more[data-v-a76bc528] {
  cursor: pointer;
}
.bg .sub-title[data-v-a76bc528] {
  color: #409eff;
}
.bg .conntent[data-v-a76bc528] {
  display: flex;
  flex: 1;
  overflow: hidden;
  margin-top: 0.125rem;
}
.bg .conntent .flex2[data-v-a76bc528] {
  flex: 2;
}
.bg .conntent .flex2 .info-wrapper[data-v-a76bc528] {
  margin-top: 0.25rem;
  width: 100%;
}
.bg .conntent .flex2 .info-wrapper .info-head[data-v-a76bc528] {
  padding: 0.2rem 0;
  font-size: 0.2rem;
}
.bg .conntent .flex2 .info-wrapper .info-content[data-v-a76bc528] {
  width: 100%;
}
.bg .conntent .flex2 .info-wrapper .info-content .item[data-v-a76bc528] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.175rem 0;
  width: 80%;
}
.bg .conntent .flex2 .info-wrapper .info-content .item .iconfont[data-v-a76bc528] {
  font-size: 0.25rem;
}
.bg .conntent .flex2 .info-wrapper .info-content .item .info-value[data-v-a76bc528] {
  padding: 0 0.25rem;
  color: #489e88;
  font-weight: bold;
  font-size: 0.2rem;
  width: 0.75rem;
}
.bg .conntent .flex2 .info-wrapper .info-content .item .info-name[data-v-a76bc528] {
  flex: 1;
}
.bg .conntent .flex2 .info-wrapper .info-content .item .info-state[data-v-a76bc528] {
  display: flex;
  align-items: center;
}
.bg .conntent .flex2 .info-wrapper .environment-content[data-v-a76bc528] {
  color: #489e88;
}
.bg .conntent .flex2 .info-wrapper .environment-content .iconfont[data-v-a76bc528] {
  font-weight: normal;
  color: #ffffff;
  font-size: 0.3rem;
  padding-right: 0.15rem;
}
.bg .conntent .flex2 .info-wrapper .environment-content > div[data-v-a76bc528] {
  display: flex;
  padding: 0.175rem 0;
}
.bg .conntent .flex2 .info-wrapper .environment-content > div > div[data-v-a76bc528] {
  display: flex;
  align-items: center;
  flex: 1;
}
.bg .conntent .flex3[data-v-a76bc528] {
  width: 30%;
  flex: 3;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.bg .conntent .flex3 .wrapper[data-v-a76bc528] {
  overflow: hidden;
  margin-right: 0;
  margin-bottom: 0.125rem;
}
.bg .conntent .flex3 .wrapper[data-v-a76bc528]:last-child {
  margin-bottom: 0;
  flex: 1;
}
.bg .conntent .flex3 .boiler .boiler-contetn-wrapper[data-v-a76bc528] {
  max-height: 16vh;
  height: 2rem;
  display: flex;
  justify-content: space-between;
}
.bg .conntent .flex3 .boiler .boiler-contetn-wrapper > div[data-v-a76bc528] {
  width: 32%;
  height: 100%;
}
.bg .conntent .flex3 .boiler .boiler-contetn-wrapper img[data-v-a76bc528] {
  height: 100%;
  width: 100%;
}
.bg .conntent .flex3 .sewage[data-v-a76bc528] .ivu-tabs-nav-scroll {
  color: white;
}
.bg .conntent .flex3 .fire .fire-wrapper[data-v-a76bc528] {
  display: flex;
  flex: 1;
  overflow: hidden;
}
.bg .conntent .flex3 .fire .fire-wrapper .fire-charts[data-v-a76bc528] {
  height: 100%;
  width: 30%;
  padding-right: 0.25rem;
}
.bg .conntent .flex3 .fire .fire-wrapper .fire-charts .echart-area[data-v-a76bc528] {
  height: 50%;
}
.bg .conntent .flex3 .fire .fire-wrapper .fire-list[data-v-a76bc528] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.bg .conntent .flex3 .fire .fire-wrapper .fire-list .list-title[data-v-a76bc528] {
  border-bottom: 0.0125rem solid #ffffff;
  padding-bottom: 0.125rem;
  display: flex;
  justify-content: space-between;
  padding-right: 0.125rem;
}
.bg .conntent .flex3 .fire .fire-wrapper .fire-list .list-table[data-v-a76bc528] {
  flex: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.bg .conntent .flex3 .fire .fire-wrapper .fire-list .list-table > div[data-v-a76bc528] {
  width: 100%;
}
.bg .conntent .flex3 .fire .fire-wrapper .fire-list .list-table .list-body[data-v-a76bc528] {
  flex: 1;
}
.bg .conntent .flex3 .fire .fire-wrapper .fire-list .list-table .list-item[data-v-a76bc528] {
  height: 0.5rem;
  display: flex;
  width: 100%;
}
.bg .conntent .flex3 .fire .fire-wrapper .fire-list .list-table .list-item > div[data-v-a76bc528] {
  flex: 1;
  display: flex;
  align-items: center;
}
.bg .conntent .wrapper[data-v-a76bc528] {
  margin: 0 0.0625rem;
}
.bg .conntent .wrapper.flex2[data-v-a76bc528]:first-child {
  margin-left: 0;
}
.bg .conntent .wrapper .safety[data-v-a76bc528] {
  display: flex;
  align-items: center;
}
.bg .conntent .wrapper .safety[data-v-a76bc528]::before {
  font-family: "iconfont" !important;
  content: "\e62c";
  margin-right: 0.125rem;
  color: #008000;
  font-size: 0.28rem;
}
.bg .conntent .wrapper .safety[data-v-a76bc528]::after {
  content: "正常";
}
.bg .conntent .wrapper .head-wrapper[data-v-a76bc528] {
  padding-bottom: 0.125rem;
}
.bg .conntent .wrapper .head-wrapper .title-wrapper[data-v-a76bc528] {
  display: flex;
  align-items: center;
  font-size: 0.225rem;
}
.bg .conntent .wrapper .head-wrapper .title-wrapper i[data-v-a76bc528] {
  margin-right: 0.1rem;
  font-size: 0.25rem;
}
.bg .conntent .wrapper .head-wrapper .title-wrapper i.iconwushuixitongtu[data-v-a76bc528] {
  font-size: 0.3rem;
}
.bg .conntent .wrapper .head-wrapper .sub-title-wrapper[data-v-a76bc528] {
  color: #489e88;
  font-size: 0.2rem;
  line-height: 2;
}
.bg .conntent .wrapper .user-info[data-v-a76bc528] {
  display: flex;
  padding-top: 0.15rem;
}
.bg .conntent .wrapper .user-info > div[data-v-a76bc528] {
  flex: 1;
}
.bg .conntent .wrapper .user-info > div i[data-v-a76bc528] {
  font-size: 0.225rem;
  color: #46abee;
}
.bg .conntent .wrapper .echart-area[data-v-a76bc528] {
  width: 100%;
  height: 100%;
}
.bg .conntent .wrapper .monitoring-wrapper[data-v-a76bc528] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  height: 2rem;
}
.bg .conntent .wrapper .monitoring-wrapper .monitoring-box[data-v-a76bc528] {
  width: calc(50% - 0.125rem);
  height: 100%;
}
.bg .conntent .wrapper .monitoring-wrapper .monitoring-box img[data-v-a76bc528] {
  height: 100%;
  width: 100%;
}
.bg .conntent .energy .border-box > div[data-v-a76bc528] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.bg .conntent .energy .border-box > div > .energy-connect[data-v-a76bc528] {
  flex: 1;
}
.bg .conntent .energy .consume[data-v-a76bc528] {
  flex: unset;
}
.bg .conntent .energy .consume .consume-wrapper[data-v-a76bc528] {
  border-top: 0.0125rem solid #cccccc;
  border-bottom: 0.0125rem solid #cccccc;
  margin-bottom: 0.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  display: flex;
}
.bg .conntent .energy .consume .content[data-v-a76bc528] {
  flex: 4;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.bg .conntent .energy .consume .content[data-v-a76bc528]:first-child {
  border-right: 0.0125rem solid #cccccc;
}
.bg .conntent .energy .consume .content .value[data-v-a76bc528] {
  font-size: 0.35rem;
  color: #3f9add;
  font-weight: bold;
  margin-bottom: 0.35rem;
}
.anim-flip[data-v-5954fd9d] {
  animation: 0.5s linear 0s alternate none 1 featuresicon-5954fd9d;
}
@keyframes featuresicon-5954fd9d {
50% {
    transform: scaleX(0);
}
100% {
    transform: scaleX(1);
}
}
.hegiht-flex1[data-v-5954fd9d] {
  flex: 1;
  overflow: hidden;
}
.g-text[data-v-5954fd9d] {
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.safety[data-v-5954fd9d] {
  display: flex;
  align-items: center;
}
.safety[data-v-5954fd9d]::before {
  font-family: "iconfont" !important;
  content: "\e62c";
  margin-right: 0.0625rem;
  color: #008000;
  font-size: 0.275rem;
}
.safety[data-v-5954fd9d]::after {
  content: "正常";
}
.abnormal[data-v-5954fd9d] {
  display: flex;
  align-items: center;
  font-family: "Ionicons";
}
.abnormal[data-v-5954fd9d]::before {
  content: "\f107";
  margin-right: 0.0625rem;
  color: #ed4014;
  font-size: 0.275rem;
}
.abnormal[data-v-5954fd9d]::after {
  content: "异常";
  color: #ed4014;
}
.bg[data-v-5954fd9d] {
  background-image: url("../img/bg1-Bd_QmF1O.png");
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
  padding: 0 0.15rem 0.15rem;
  font-size: 0.175rem;
  color: #ffffff;
}
.bg .body[data-v-5954fd9d] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  z-index: 1;
}
.bg .body .title-wrapper[data-v-5954fd9d] {
  padding: 0.1rem 0;
}
.bg .body .title-wrapper .title .more[data-v-5954fd9d] {
  padding-left: 0.1rem;
  cursor: pointer;
}
.bg .body .title-wrapper .sub-title[data-v-5954fd9d] {
  font-size: 0.17rem;
  color: #409eff;
}
.bg .body .main[data-v-5954fd9d] {
  display: flex;
}
.bg .body .main .column[data-v-5954fd9d] {
  padding: 0.3rem 0.125rem;
  display: flex;
  flex-direction: column;
}
.bg .body .main .column.flex2[data-v-5954fd9d] {
  flex: 2;
  background-image: url("../img/box1-BDnP0hY1.png");
  background-size: 100% 100%;
  margin-right: 0.15rem;
}
.bg .body .main .column.flex2 > div[data-v-5954fd9d] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.bg .body .main .column.flex2 > div .content-wrapper[data-v-5954fd9d] {
  width: calc(100% - 0.5rem);
  margin: 0 0.25rem;
}
.bg .body .main .column.flex2 .user-info[data-v-5954fd9d] {
  line-height: 1.8;
}
.bg .body .main .column.flex2 .user-info > div[data-v-5954fd9d]:first-child {
  display: flex;
}
.bg .body .main .column.flex2 .user-info > div:first-child .user-name[data-v-5954fd9d] {
  min-width: 40%;
  padding-right: 0.1875rem;
}
.bg .body .main .column.flex3[data-v-5954fd9d] {
  flex: 3;
  background-image: url("../img/box2-qfiN10wA.png");
  background-size: 100% 100%;
  padding: 0.3rem 0.1875rem;
}
.bg .body .main .column.flex3 .chunk[data-v-5954fd9d] {
  display: flex;
  flex-direction: column;
}
.bg .body .main .column.flex3 .chunk > div[data-v-5954fd9d] {
  flex: 3;
}
.bg .body .main .column.flex3 .user-info[data-v-5954fd9d] {
  display: flex;
}
.bg .body .main .column.flex3 .user-info > div[data-v-5954fd9d] {
  flex: 3;
}
.bg .body .main .column.flex3 .user-info > div[data-v-5954fd9d]:last-child {
  flex: 4;
}
.bg .body .main .column .title[data-v-5954fd9d] {
  background-image: linear-gradient(to bottom, #02f9fd, #0e72b3);
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #02f9fd;
  position: relative;
  height: 0.425rem;
  padding-left: 0.25rem;
  display: flex;
  font-size: 0.2125rem;
  align-items: center;
  font-weight: bold;
  margin: 0.125rem 0;
}
.bg .body .main .column .title[data-v-5954fd9d]::before {
  content: "";
  background: url("../img/title-bg-DCpmht21.png") no-repeat;
  background-size: auto 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
}
.bg .body .main .column .sub-title[data-v-5954fd9d] {
  padding-left: 0.25rem;
  margin-bottom: 0.1875rem;
}
.bg .body .main .column .echart-box[data-v-5954fd9d] {
  position: relative;
}
.bg .body .main .column .echart-box[data-v-5954fd9d]::before {
  content: "";
  height: 0.5rem;
  width: 90%;
  position: absolute;
  bottom: 10%;
  left: 5%;
  background-size: 100% 100%;
  background-image: url("../img/chart-wapper-CW-u-mOk.png");
}
.bg .body .main .column .echart-area[data-v-5954fd9d] {
  flex: 1;
}
.bg .body .main .column .basics-info[data-v-5954fd9d] {
  height: 15vh;
  max-height: 1.5rem;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.125rem;
}
.bg .body .main .column .basics-info > *[data-v-5954fd9d] {
  width: calc(50% - 0.125rem);
  height: 100%;
}
.bg .body .main .column .basics-info img[data-v-5954fd9d] {
  border: 0.0125rem solid #409eff;
}
.bg .body .main .column .bg-wrapper[data-v-5954fd9d] {
  width: 100%;
  padding: 0.0625rem 0.125rem;
  background-image: radial-gradient(rgba(255, 255, 255, 0), rgba(0, 50, 104, 0.6));
}
.bg .body .main .column .device-info .item[data-v-5954fd9d] {
  display: flex;
  align-items: center;
}
.bg .body .main .column .device-info .item:last-child .content[data-v-5954fd9d] {
  border-bottom: 0;
  margin-bottom: 0;
}
.bg .body .main .column .device-info .item .content[data-v-5954fd9d] {
  flex: 1;
  border-bottom: 0.00625rem solid #02f9fd;
  margin: 0.075rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.0625rem;
}
.bg .body .main .column .device-info .item .content span[data-v-5954fd9d]:nth-child(1) {
  flex: 2;
}
.bg .body .main .column .device-info .item .content span[data-v-5954fd9d]:nth-child(2) {
  flex: 1;
}
.bg .body .main .column .environment-info[data-v-5954fd9d] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  text-align: center;
}
.bg .body .main .column .environment-info .attr-wrapper[data-v-5954fd9d] {
  width: calc(50% - 0.0625rem);
  margin-bottom: 0.125rem;
  display: flex;
  align-items: center;
  height: 1rem;
}
.bg .body .main .column .environment-info .attr-wrapper > *[data-v-5954fd9d] {
  flex: 1;
}
.bg .body .main .column .environment-info .attr-wrapper[data-v-5954fd9d]:nth-child(1) {
  color: #ee831a;
}
.bg .body .main .column .environment-info .attr-wrapper[data-v-5954fd9d]:nth-child(2) {
  color: #8be92f;
}
.bg .body .main .column .environment-info .attr-wrapper[data-v-5954fd9d]:nth-child(3) {
  color: #349bff;
}
.bg .body .main .column .environment-info .attr-wrapper[data-v-5954fd9d]:nth-child(4) {
  color: #6d3cd2;
}
.bg .body .main .column .environment-info .attr-wrapper[data-v-5954fd9d]:nth-child(5) {
  color: #2cdadd;
  width: 100%;
  margin-bottom: 0;
}
.bg .body .main .column .environment-info .attr-wrapper:nth-child(5) .attr-name[data-v-5954fd9d] {
  flex: unset;
  width: calc((50% - 0.1875rem) / 2);
}
.bg .body .main .column .environment-info .attr-wrapper .attr-name[data-v-5954fd9d] {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.bg .body .main .column .environment-info .attr-wrapper .attr-name .iconfont[data-v-5954fd9d] {
  font-size: 0.25rem;
}
.bg .body .main .column .environment-info .attr-wrapper .attr-name > div[data-v-5954fd9d] {
  color: white;
}
.bg .body .main .column .environment-info .attr-wrapper .attr-value[data-v-5954fd9d] {
  text-align: left;
  font-size: 0.2rem;
  font-weight: bold;
}
.bg .body .main .column .user-info .iconfont[data-v-5954fd9d],
.bg .body .main .column .color-icon[data-v-5954fd9d] {
  font-size: 0.2rem;
  padding-right: 0.125rem;
  font-weight: bold;
  background-image: linear-gradient(to top, #02f9fd, #0e72b3);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.bg .body .main .energy .consume .wrapper[data-v-5954fd9d] {
  background: url("../img/energy-box-Dwn1K7-d.png") no-repeat;
  background-size: 100% 100%;
  height: 1.2rem;
  display: flex;
  align-items: center;
  margin-bottom: 0.1875rem;
}
.bg .body .main .energy .consume .wrapper > .iconfont[data-v-5954fd9d] {
  font-size: 0.7rem;
  margin: 0 0.3125rem;
}
.bg .body .main .energy .consume .wrapper .monthColor[data-v-5954fd9d] {
  background-image: linear-gradient(to bottom, #397cd5, #02cffe);
}
.bg .body .main .energy .consume .wrapper .todayColor[data-v-5954fd9d] {
  background-image: linear-gradient(to bottom, #38ee7d, #139d8d);
}
.bg .body .main .energy .consume .wrapper .content p[data-v-5954fd9d] {
  display: flex;
  align-items: center;
}
.bg .body .main .energy .consume .wrapper .content .amount[data-v-5954fd9d] {
  font-size: 0.25rem;
  font-weight: bold;
  padding-right: 0.125rem;
}
.bg .body .main .energy .consume .wrapper .content .positive[data-v-5954fd9d] {
  background-image: linear-gradient(to bottom, #c21d30, #a81e31);
}
.bg .body .main .energy .consume .wrapper .content .negative[data-v-5954fd9d] {
  background-image: linear-gradient(to bottom, #38ee7d, #139d8d);
}
.bg .body .main .energy .consume .wrapper .content .iconfont[data-v-5954fd9d] {
  font-size: 0.225rem;
  margin-left: 0.0625rem;
}
.bg .body .main .boiler .boiler-info[data-v-5954fd9d] {
  max-height: 2rem;
  height: 2rem;
  /* entire container, keeps perspective */
}
.bg .body .main .boiler .boiler-info .flip-container[data-v-5954fd9d] {
  perspective: 1000;
  width: calc(50% - 0.125rem);
  height: 100%;
  /* flip the pane when hovered */
}
.bg .body .main .boiler .boiler-info .flip-container.flip-container:hover .flipper[data-v-5954fd9d], .bg .body .main .boiler .boiler-info .flip-container.flip-container.hover .flipper[data-v-5954fd9d] {
  transform: rotateY(180deg);
}
.bg .body .main .boiler .boiler-info .flip-container *[data-v-5954fd9d] {
  height: 100%;
  width: 100%;
}
.bg .body .main .boiler .boiler-info .flip-container[data-v-5954fd9d] {
  /* flip speed goes here */
}
.bg .body .main .boiler .boiler-info .flip-container .flipper[data-v-5954fd9d] {
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative;
  animation: flipper-5954fd9d 10s linear infinite;
}
@keyframes flipper-5954fd9d {
0% {
    transform: rotateY(0deg);
}
5% {
    transform: rotateY(180deg);
}
50% {
    transform: rotateY(180deg);
}
55% {
    transform: rotateY(0deg);
}
100% {
    transform: rotateY(0deg);
}
}
.bg .body .main .boiler .boiler-info .flip-container[data-v-5954fd9d] {
  /* hide back of pane during swap */
}
.bg .body .main .boiler .boiler-info .flip-container .front[data-v-5954fd9d],
.bg .body .main .boiler .boiler-info .flip-container .back[data-v-5954fd9d] {
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.bg .body .main .boiler .boiler-info .flip-container[data-v-5954fd9d] {
  /* front pane, placed above back */
}
.bg .body .main .boiler .boiler-info .flip-container .front[data-v-5954fd9d] {
  z-index: 2;
}
.bg .body .main .boiler .boiler-info .flip-container[data-v-5954fd9d] {
  /* back, initially hidden pane */
}
.bg .body .main .boiler .boiler-info .flip-container .back[data-v-5954fd9d] {
  transform: rotateY(180deg);
}
.bg .body .main .sewage .sewage-info[data-v-5954fd9d] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  text-align: center;
  color: white;
}
.bg .body .main .sewage .sewage-info .attr-wrapper[data-v-5954fd9d] {
  width: calc(40% - 0.5rem);
  margin-bottom: 0.15rem;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
}
.bg .body .main .sewage .sewage-info .attr-wrapper[data-v-5954fd9d]:nth-child(1), .bg .body .main .sewage .sewage-info .attr-wrapper[data-v-5954fd9d]:nth-child(4n+4) {
  width: calc(30% - 0.05rem);
}
.bg .body .main .sewage .sewage-info .attr-wrapper:nth-child(1) .iconfont[data-v-5954fd9d] {
  color: #21dddd;
}
.bg .body .main .sewage .sewage-info .attr-wrapper:nth-child(2) .iconfont[data-v-5954fd9d] {
  color: #218cdf;
}
.bg .body .main .sewage .sewage-info .attr-wrapper:nth-child(3) .iconfont[data-v-5954fd9d] {
  color: #dfcb21;
}
.bg .body .main .sewage .sewage-info .attr-wrapper:nth-child(4) .iconfont[data-v-5954fd9d] {
  color: #eb8e13;
}
.bg .body .main .sewage .sewage-info .attr-wrapper:nth-child(5) .iconfont[data-v-5954fd9d] {
  color: #eb8e13;
}
.bg .body .main .sewage .sewage-info .attr-wrapper:nth-child(6) .iconfont[data-v-5954fd9d] {
  color: #32ec13;
}
.bg .body .main .sewage .sewage-info .attr-wrapper .attr-name[data-v-5954fd9d] {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-right: 0.125rem;
}
.bg .body .main .sewage .sewage-info .attr-wrapper .attr-name .iconfont[data-v-5954fd9d] {
  font-size: 0.375rem;
}
.bg .body .main .sewage .sewage-info .attr-wrapper .attr-name .iconfont.iconkeshihua-yulv[data-v-5954fd9d] {
  font-size: 0.4rem;
  line-height: 1.4;
}
.bg .body .main .sewage .sewage-info .attr-wrapper .attr-name .iconfont.iconnh[data-v-5954fd9d] {
  font-size: 0.5rem;
  line-height: 1.1;
}
.bg .body .main .sewage .sewage-info .attr-wrapper .attr-value[data-v-5954fd9d] {
  text-align: left;
  font-size: 0.18rem;
  font-weight: bold;
}
.bg .body .main .fire[data-v-5954fd9d] {
  display: flex;
  flex-direction: column;
}
.bg .body .main .fire .fire-wrapper[data-v-5954fd9d] {
  display: flex;
  flex: 1;
  overflow: hidden;
}
.bg .body .main .fire .fire-wrapper .fire-charts[data-v-5954fd9d] {
  height: 100%;
  width: 30%;
  padding: 0.125rem;
  margin-right: 0.15rem;
}
.bg .body .main .fire .fire-wrapper .fire-charts .echart-box[data-v-5954fd9d] {
  height: 0;
  padding-bottom: 62%;
}
.bg .body .main .fire .fire-wrapper .fire-charts .echart-box > div[data-v-5954fd9d] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.bg .body .main .fire .fire-wrapper .fire-charts .echart-box[data-v-5954fd9d]::before {
  bottom: 5%;
  height: 0.3rem;
}
.bg .body .main .fire .fire-wrapper .fire-list[data-v-5954fd9d] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.bg .body .main .fire .fire-wrapper .fire-list .text-center > div[data-v-5954fd9d] {
  justify-content: center;
}
.bg .body .main .fire .fire-wrapper .fire-list[data-v-5954fd9d] .list-item {
  display: flex;
  width: 100%;
  border-bottom: 0.0125rem solid rgba(255, 255, 255, 0.1882352941);
  height: 0.4rem;
}
.bg .body .main .fire .fire-wrapper .fire-list[data-v-5954fd9d] .list-item > div {
  flex: 1;
  display: flex;
  align-items: center;
}
.bg .body .main .fire .fire-wrapper .fire-list[data-v-5954fd9d] .list-body {
  flex: 1;
}
.bg .body .main .fire .fire-wrapper .fire-list[data-v-5954fd9d] .list-body .list-item {
  height: auto;
}
.bg .body .main .fire .fire-wrapper .fire-list[data-v-5954fd9d] .list-body .list-item:last-child {
  border-bottom: none;
}.sewage .ivu-tabs-bar {
  border-color: rgba(255, 255, 255, 0.2);
}
.sewage .ivu-tabs-nav-scroll .ivu-tabs-ink-bar {
  background-color: #34feff;
}
.sewage .ivu-tabs-nav-scroll .ivu-tabs-nav {
  width: 100%;
}
.sewage .ivu-tabs-nav-scroll .ivu-tabs-nav .ivu-tabs-tab {
  background-image: linear-gradient(to top, #02f9fd, #0e72b3);
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 0.18rem;
  font-weight: bold;
  width: 33%;
  text-align: center;
}.flex-center[data-v-7deebb00], .body .main .expand .floor-wrapper > div[data-v-7deebb00], .body .main-btn[data-v-7deebb00], .body .head .right-area .alarm[data-v-7deebb00]::before, .body .head .right-area > div[data-v-7deebb00], .body .head .right-area[data-v-7deebb00] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex-between[data-v-7deebb00] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flex-column[data-v-7deebb00] {
  flex-direction: column;
}
.body[data-v-7deebb00] {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #000018;
}
.body .iframe-3d[data-v-7deebb00] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.body .head[data-v-7deebb00] {
  background-image: linear-gradient(rgba(145, 152, 229, 0.2078431373), transparent);
  height: 0.65rem;
  padding: 0.125rem;
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
.body .head .name[data-v-7deebb00] {
  z-index: 0;
  position: relative;
  display: flex;
  align-items: center;
  color: #fff;
}
.body .head .name[data-v-7deebb00]::before {
  z-index: -1;
  content: "";
  position: absolute;
  bottom: 0;
  width: 110%;
  height: 0.125rem;
  background-image: linear-gradient(to right, transparent, #317df0, transparent);
}
.body .head .name svg[data-v-7deebb00] {
  width: 0.35rem;
  height: 0.35rem;
}
.body .head .name span[data-v-7deebb00] {
  text-indent: 0.0625rem;
  font-size: 0.18rem;
}
.body .head .module[data-v-7deebb00] {
  margin-left: 0.75rem;
}
.body .head .module .main-btn[data-v-7deebb00]::before {
  content: "";
  border-radius: 100%;
  border: 0.01875rem solid #317df0;
  margin-right: 0.0625rem;
  width: 0.1rem;
  height: 0.1rem;
}
.body .head .module .active[data-v-7deebb00]::before {
  border-color: turquoise;
}
.body .head .right-area[data-v-7deebb00] {
  margin-left: auto;
  color: #fff;
  font-size: 0.175rem;
}
.body .head .right-area > div[data-v-7deebb00] {
  margin-left: 0.1875rem;
}
.body .head .right-area .margin-left[data-v-7deebb00] {
  margin-left: 0.125rem;
}
.body .head .right-area .alarm[data-v-7deebb00] {
  position: relative;
}
.body .head .right-area .alarm[data-v-7deebb00]::before {
  content: "1";
  top: -0.04rem;
  right: -0.04rem;
  height: 14px;
  background-color: #f00;
  border-radius: 100px;
  font-size: 10px;
  position: absolute;
  padding: 0px 4px;
}
.body .main-btn[data-v-7deebb00] {
  cursor: pointer;
  border-radius: 0.3125rem;
  height: 0.3125rem;
  padding: 0 0.15rem;
  border: 0.0125rem solid rgb(41, 123, 245);
  margin-right: 0.15rem;
  color: #fff;
  font-size: 0.16rem;
  background-image: linear-gradient(to right, rgba(41, 123, 245, 0.25) 60%, rgba(41, 123, 245, 0.5));
}
.body .main-btn.active[data-v-7deebb00] {
  border-color: turquoise;
  color: turquoise;
  background-image: linear-gradient(to right, rgba(31, 226, 207, 0.25) 60%, rgba(31, 226, 207, 0.5));
}
.body .buildings[data-v-7deebb00] {
  display: flex;
  position: absolute;
  bottom: 0.1875rem;
  left: 2.5rem;
}
.body .menu[data-v-7deebb00] {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0.125rem;
  color: #fff;
}
.body .menu > div[data-v-7deebb00] {
  cursor: pointer;
}
.body .menu .menu-btn[data-v-7deebb00] {
  border-radius: 100%;
  width: 80px;
  height: 80px;
  border: 0.025rem solid #3396c6;
  background-image: linear-gradient(to right, rgba(51, 149, 198, 0.25) 60%, rgba(51, 149, 198, 0.5));
}
.body .menu .sub-btn[data-v-7deebb00] {
  background-image: linear-gradient(to right, rgba(41, 123, 245, 0.25) 60%, rgba(41, 123, 245, 0.5));
  width: 40px;
  height: 40px;
  border-radius: 100%;
  border: 0.025rem solid #3396c6;
  position: absolute;
}
.body .menu .sub-btn[data-v-7deebb00]:nth-child(2) {
  top: -35px;
}
.body .menu .sub-btn[data-v-7deebb00]:nth-child(3) {
  top: -30px;
  left: 64px;
}
.body .menu .sub-btn[data-v-7deebb00]:nth-child(4) {
  top: 6px;
  left: 100px;
}
.body .menu .sub-btn[data-v-7deebb00]:nth-child(5) {
  top: 56px;
  left: 96px;
}
.body .main[data-v-7deebb00] {
  transition: right 1s;
  background-color: rgba(9, 16, 37, 0.65);
  width: 7.5rem;
  height: calc(100% - 0.65rem);
  position: absolute;
  right: 0;
  padding: 0.125rem;
  float: left;
  display: flex;
  flex-direction: column;
}
.body .main.hide[data-v-7deebb00] {
  right: -7.5rem;
}
.body .main.hide .toggle-btn svg[data-v-7deebb00] {
  transition: transform 1s;
  transform: rotate(180deg);
}
.body .main .main-body[data-v-7deebb00] {
  width: 100%;
  height: 100%;
}
.body .main .expand[data-v-7deebb00] {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
}
.body .main .expand .toggle-btn[data-v-7deebb00] {
  position: absolute;
  right: 0;
  top: calc(50% - 0.75rem);
  height: 0.75rem;
  width: 0.375rem;
  background-color: rgba(9, 16, 37, 0.65);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.body .main .expand .toggle-btn[data-v-7deebb00]::after, .body .main .expand .toggle-btn[data-v-7deebb00]::before {
  content: "";
  width: 0px;
  height: 0px;
  border-top: 0.375rem solid rgba(0, 0, 0, 0);
  border-bottom: 0.375rem solid rgba(9, 16, 37, 0.65);
  position: absolute;
  /* border-right: 50px solid rgba(0, 0, 0, 0); */
}
.body .main .expand .toggle-btn[data-v-7deebb00]::before {
  border-left: 0.375rem solid rgba(0, 0, 0, 0);
  top: -0.75rem;
}
.body .main .expand .toggle-btn[data-v-7deebb00]::after {
  border-right: 0.375rem solid rgba(0, 0, 0, 0);
  transform: rotate(180deg);
  top: 100%;
  left: 0;
}
.body .main .expand .floor-wrapper[data-v-7deebb00] {
  position: absolute;
  right: 0.0625rem;
  bottom: 0.0625rem;
  width: 0.375rem;
  border: 0.0125rem solid #4287f0;
  box-shadow: 0px 0px 10px #4276c5;
  border-radius: 5px;
  padding: 0.0125rem;
  color: #ccc;
}
.body .main .expand .floor-wrapper > div[data-v-7deebb00] {
  width: 100%;
  height: 0.35rem;
  border-bottom: 0.0125rem solid #02f9fd;
  font-size: 0.1375rem;
  cursor: pointer;
}
.body .main .expand .floor-wrapper > div.active[data-v-7deebb00] {
  color: #4df8e9;
}
.body .main .expand .floor-wrapper > div[data-v-7deebb00]:last-child {
  border-bottom: 0;
}.screen-drawer .ivu-carousel-list,
.screen-drawer .ivu-carousel-track,
.screen-drawer .ivu-carousel-item {
  height: auto !important;
}
.screen-drawer .ivu-carousel-track {
  display: block !important;
}
.screen-drawer .ivu-drawer-body,
.screen-drawer .ivu-drawer {
  overflow: auto !important;
}
.screen-drawer .ivu-drawer .ivu-drawer-header-inner,
.screen-drawer .ivu-drawer .ivu-drawer-close .ivu-icon-ios-close,
.screen-drawer .ivu-drawer .ivu-drawer-body {
  color: white;
}
.screen-drawer .ivu-drawer .ivu-drawer-body {
  padding: 0;
}
.screen-drawer .ivu-drawer .ivu-drawer-header-inner {
  font-weight: bold;
}@font-face {
  font-family: "digital-7";
  src: url(../fonts/digital-7-D68qVRwS.ttf);
}
.laoding-enter-active[data-v-f5411d46],
.laoding-leave-active[data-v-f5411d46] {
  transition: opacity 0.5s;
}
.laoding-enter[data-v-f5411d46], .laoding-leave-to[data-v-f5411d46] {
  opacity: 0;
}
.flex-cc[data-v-f5411d46], .is-body .ctrl-panel .floor-wrapper > div[data-v-f5411d46], .is-body .ctrl-panel > div[data-v-f5411d46], .is-body .is-head[data-v-f5411d46] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex-ccc[data-v-f5411d46] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.is-body[data-v-f5411d46] {
  position: relative;
  width: 100%;
  height: 100%;
  background-image: url(../img/bg-Dbv5uAih.jpg);
  background-color: #0a1bb7;
}
.is-body .fixed-form.alarm .list-item .name[data-v-f5411d46] {
  color: tomato;
}
.is-body .fixed-form.alarm .floor-btn[data-v-f5411d46] {
  color: tomato;
}
.is-body .fixed-form.info .list-item .name[data-v-f5411d46] {
  color: #2ca6ff;
}
.is-body .fixed-form.info .floor-btn[data-v-f5411d46] {
  color: skyblue;
}
.is-body .fixed-form[data-v-f5411d46] .list-item {
  margin: 0.0625rem;
  font-size: 0.1375rem;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.is-body .fixed-form[data-v-f5411d46] .list-item .content {
  color: #ffffff;
}
.is-body .fixed-form[data-v-f5411d46] .list-item.pointer {
  cursor: pointer;
}
.is-body .fixed-form .floor-btn[data-v-f5411d46] {
  float: right;
  padding: 0.075rem 0.0375rem;
  margin-left: 0.1rem;
  cursor: pointer;
}
.is-body .fixed-form .floor-btn.left[data-v-f5411d46] {
  float: left;
  margin-left: 0;
  margin-right: 0.1rem;
}
.is-body .iframe-3d[data-v-f5411d46] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.is-body .is-head[data-v-f5411d46] {
  width: 100%;
  height: 0.8rem;
  background: url(../img/head-bg-DAam7crX.png);
  position: relative;
  background-size: 100% 100%;
  user-select: none;
  align-items: flex-end;
  padding-bottom: 0.05rem;
  z-index: 1;
}
.is-body .is-head[data-v-f5411d46]::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background-image: linear-gradient(180deg, rgba(34, 40, 220, 0.6705882353) -20%, rgba(255, 255, 255, 0));
  background-size: 200% 200%;
  animation: titleglow-f5411d46 5000ms ease-out infinite alternate;
}
.is-body .is-head[data-v-f5411d46] {
  /* box-shadow: 2px 2px 2px 2px #6f6; */
}
@keyframes titleglow-f5411d46 {
  /* 0% {
               background-position: 10% 0%
           }

           50% {
               background-position: 91% 100%
           } */
  /* 100% {
               background-position: 10% 0%
           } */
to {
    background-position: 91% 100%;
}
}
.is-body .is-head .text[data-v-f5411d46], .is-body .is-head .time[data-v-f5411d46], .is-body .is-head .title[data-v-f5411d46] {
  color: #95c9dd;
  background: linear-gradient(180deg, #d0f4f6, #95c9dd);
  -webkit-box-reflect: below -30px -webkit-gradient(linear, left top, left bottom, from(transparent), to(hsla(0, 0%, 100%, 0.4)));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.is-body .is-head .title[data-v-f5411d46] {
  align-self: center;
  letter-spacing: 0.0625rem;
  position: relative;
  font-size: 0.35rem;
  font-weight: 800;
  margin-top: -0.15rem;
}
.is-body .is-head .handle[data-v-f5411d46] {
  display: flex;
  z-index: 0;
}
.is-body .is-head .handle .item-name[data-v-f5411d46] {
  margin: 0 0.0625rem;
  padding: 0 0.05rem;
  cursor: pointer;
  font-size: 0.2rem;
  font-weight: bold;
  background: linear-gradient(180deg, #d0f4f6, #95c9dd);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 2;
}
.is-body .is-head .handle .item-name.active[data-v-f5411d46] {
  position: relative;
}
.is-body .is-head .handle .item-name.active[data-v-f5411d46]::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 0.025rem;
  background-color: #95c9dd;
  animation: mymove-f5411d46 1s ease-out;
}
@keyframes mymove-f5411d46 {
from {
    opacity: 0;
    transform: translateY(0.125rem);
}
to {
    opacity: 1;
    transform: translateY(0px);
}
}
.is-body .is-head .handle.left[data-v-f5411d46] {
  margin-right: 0.8rem;
}
.is-body .is-head .handle.right[data-v-f5411d46] {
  margin-left: 0.8rem;
}
.is-body .is-head .time[data-v-f5411d46] {
  position: absolute;
  top: 0;
  right: 0.2rem;
  font-family: digital-7;
  line-height: 0.5rem;
  font-size: 0.25rem;
}
.is-body .copyright[data-v-f5411d46] {
  position: fixed;
  bottom: 0;
  right: 0.0625rem;
  line-height: 0.25rem;
  color: rgba(6, 160, 220, 0.5803921569);
}
.is-body[data-v-f5411d46] .vue-treeselect__multi-value-item-container {
  display: none;
}
.is-body[data-v-f5411d46] .is-main .border-wrapper {
  background-color: hsla(216, 86%, 57%, 0.173);
  padding: 0.0625rem 0;
  position: relative;
}
.is-body[data-v-f5411d46] .is-main .left-main,
.is-body[data-v-f5411d46] .is-main .right-main {
  width: 18vw;
  height: calc(100% - 0.8rem - 0.6rem);
  position: absolute;
  padding: 0.0625rem 0.125rem 0.125rem;
  margin-top: 0.0625rem;
  display: flex;
  flex-direction: column;
  color: #ffffff;
  font-size: 0.15rem;
}
.is-body[data-v-f5411d46] .is-main .left-main {
  left: 0;
  background-image: linear-gradient(to right, rgb(9, 16, 37), rgba(9, 16, 37, 0.1));
}
.is-body[data-v-f5411d46] .is-main .right-main {
  right: 0;
  background-image: linear-gradient(to left, rgb(9, 16, 37), rgba(9, 16, 37, 0.1));
}
.is-body[data-v-f5411d46] .is-main .main-wrapper {
  width: 100%;
  border: 0.0125rem solid;
  padding: 0 0.125rem 0.0625rem;
  margin-bottom: 0.125rem;
  border-color: rgb(35, 20, 245);
  border-radius: 0.06rem;
  box-shadow: 0.025rem 0.025rem 0.1rem -0.01rem rgb(28, 21, 239);
  animation: glow-f5411d46 3000ms ease-out infinite alternate;
}
@keyframes glow-f5411d46 {
0% {
    border-color: rgb(35, 20, 245);
    box-shadow: 0.025rem 0.025rem 0.1125rem -1px rgb(28, 21, 239), inset 0 3px 6px 9px -1px rgb(28, 21, 239), 3px 6px 9px -1px rgb(28, 21, 239);
}
100% {
    border-color: rgb(102, 245, 255);
    box-shadow: 0.025rem 0.025rem 0.25rem rgba(102, 245, 255, 0.6), inset 0 0 10px rgba(102, 245, 255, 0.4), 0 1px 0 rgb(102, 245, 255);
}
}
.is-body[data-v-f5411d46] .is-main .main-wrapper:last-child {
  margin-bottom: 0;
}
.is-body[data-v-f5411d46] .is-main .main-wrapper .main-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 0.025rem solid rgba(41, 123, 245, 0.2);
  font-size: 0.1625rem;
  position: relative;
  line-height: 2.2;
  display: none;
}
.is-body[data-v-f5411d46] .is-main .main-wrapper .main-title::before {
  content: " ";
  height: 0.025rem;
  width: 0.5rem;
  background-color: #4df8e9;
  position: absolute;
  bottom: -0.0125rem;
  left: 0;
}
.is-body[data-v-f5411d46] .is-main .main-wrapper .main-content {
  margin-top: 0.075rem;
  padding: 0.0625rem 0;
}
.is-body .ctrl-panel[data-v-f5411d46] {
  width: 100%;
  position: absolute;
  bottom: 0.125rem;
  height: 0.375rem;
  z-index: 1;
}
.is-body .ctrl-panel > div.side[data-v-f5411d46] {
  width: 18vw;
}
.is-body .ctrl-panel > div.side.left[data-v-f5411d46] {
  float: left;
  padding: 0 0.125rem;
}
.is-body .ctrl-panel > div.side.right[data-v-f5411d46] {
  float: right;
  padding: 0 0.125rem;
}
.is-body .ctrl-panel > div.center[data-v-f5411d46] {
  width: calc(100% - 36vw);
  position: relative;
}
.is-body .ctrl-panel > div.center .external[data-v-f5411d46] {
  position: absolute;
  bottom: calc(100% + 0.1rem);
}
.is-body .ctrl-panel > div.center .external.left[data-v-f5411d46] {
  left: 0;
}
.is-body .ctrl-panel > div.center .external.right[data-v-f5411d46] {
  right: 0;
}
.is-body .ctrl-panel .floor-wrapper[data-v-f5411d46] {
  width: 0.375rem;
  border: 0.0125rem solid #4287f0;
  box-shadow: 0px 0px 10px #4276c5;
  border-radius: 5px;
  color: #ccc;
}
.is-body .ctrl-panel .floor-wrapper > div[data-v-f5411d46] {
  width: 100%;
  height: 0.35rem;
  border-bottom: 0.0125rem solid #02f9fd;
  font-size: 0.1375rem;
  cursor: pointer;
}
.is-body .ctrl-panel .floor-wrapper > div.active[data-v-f5411d46] {
  color: #4df8e9;
}
.is-body .ctrl-panel .floor-wrapper > div[data-v-f5411d46]:last-child {
  border-bottom: 0;
}
.is-body .ctrl-panel .ctrl-seach[data-v-f5411d46] {
  /* padding-left: 400px; */
}
.is-body .ctrl-panel .ctrl-seach .title[data-v-f5411d46] {
  color: white;
}
.is-body .ctrl-panel .ctrl-seach .treeSelect[data-v-f5411d46] {
  flex: 1;
}
.is-body .ctrl-panel .ctrl-btn[data-v-f5411d46] {
  width: 8rem;
  display: flex;
  align-items: center;
}
.is-body .ctrl-panel .ctrl-btn .module-list-wrap[data-v-f5411d46] {
  width: 7rem;
  overflow-x: scroll;
  display: flex;
  align-items: center;
  margin: 0 0.0625rem;
}
.is-body .ctrl-panel .ctrl-btn i[data-v-f5411d46] {
  color: #fff;
  font-size: 0.3rem;
  height: 0.35rem;
  cursor: pointer;
}
.is-body .ctrl-panel .ctrl-btn .module-list[data-v-f5411d46] {
  overflow: hidden;
  height: 0.35rem;
}
.is-body .ctrl-panel .ctrl-btn .module-list .module-item[data-v-f5411d46] {
  width: 1rem;
  height: 0.35rem;
  background-color: rgba(19, 8, 198, 0.6901960784);
  color: white;
  text-align: center;
  line-height: 0.37rem;
  padding: 0 0.1rem;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}
.is-body .ctrl-panel .ctrl-btn .module-list .module-item[data-v-f5411d46]:hover {
  background-color: #0a1bb7;
  /* transform: rotateZ(2deg) */
}
.is-body .ctrl-panel .ctrl-btn .module-list .module-item[data-v-f5411d46]:active {
  opacity: 0.8;
}
.is-body .ctrl-panel .ctrl-btn .module-list .module-item-active[data-v-f5411d46] {
  background-color: #0a1bb7;
}.screen-drawer .ivu-carousel-list,
.screen-drawer .ivu-carousel-track,
.screen-drawer .ivu-carousel-item {
  height: auto !important;
}
.screen-drawer .ivu-carousel-track {
  display: block !important;
}
.screen-drawer .ivu-drawer-body,
.screen-drawer .ivu-drawer {
  overflow: auto !important;
}
.screen-drawer .ivu-drawer .ivu-drawer-header-inner,
.screen-drawer .ivu-drawer .ivu-drawer-close .ivu-icon-ios-close,
.screen-drawer .ivu-drawer .ivu-drawer-body {
  color: white;
}
.screen-drawer .ivu-drawer .ivu-drawer-body {
  padding: 0;
}
.screen-drawer .ivu-drawer .ivu-drawer-header-inner {
  font-weight: bold;
}@font-face {
  font-family: "digital-7";
  src: url(../fonts/digital-7-D68qVRwS.ttf);
}
.laoding-enter-active[data-v-f7e632c8],
.laoding-leave-active[data-v-f7e632c8] {
  transition: opacity 0.5s;
}
.laoding-enter[data-v-f7e632c8],
.laoding-leave-to[data-v-f7e632c8] {
  opacity: 0;
}
.flex-cc[data-v-f7e632c8], .ctrl-panel .floor-wrapper .floor-item[data-v-f7e632c8], .ctrl-panel > div[data-v-f7e632c8], .is-head[data-v-f7e632c8] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex-ccc[data-v-f7e632c8] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.ball[data-v-f7e632c8] {
  position: fixed;
  bottom: 0.125rem;
  right: 0.0625rem;
  width: 50px;
  height: 50px;
  overflow: hidden;
  border-radius: 50%;
  box-shadow: 0.025rem 0.025rem 0.1rem -0.01rem #fff;
}
.ball .ball-img[data-v-f7e632c8] {
  position: relative;
  width: 200px;
  height: 140px;
  top: -45px;
  left: -75px;
}
.is-body[data-v-f7e632c8] {
  position: relative;
  width: 100%;
  height: 100%;
  background-image: url(../img/bg1-CILi2OR-.jpg);
  background-color: #0a1bb7;
  background-size: 100% 100%;
}
.fixed-form.alarm .list-item .name[data-v-f7e632c8] {
  color: tomato;
}
.fixed-form.alarm .floor-btn[data-v-f7e632c8] {
  color: tomato;
}
.fixed-form.info .list-item .name[data-v-f7e632c8] {
  color: #2ca6ff;
}
.fixed-form.info .floor-btn[data-v-f7e632c8] {
  color: skyblue;
}
.fixed-form[data-v-f7e632c8] .list-item {
  margin: 0.0625rem;
  font-size: 0.1375rem;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.fixed-form[data-v-f7e632c8] .list-item .content {
  color: #ffffff;
}
.fixed-form[data-v-f7e632c8] .list-item.pointer {
  cursor: pointer;
}
.fixed-form .floor-btn[data-v-f7e632c8] {
  float: right;
  padding: 0.075rem 0.0375rem;
  margin-left: 0.1rem;
  cursor: pointer;
}
.fixed-form .floor-btn.left[data-v-f7e632c8] {
  float: left;
  margin-left: 0;
  margin-right: 0.1rem;
}
.iframe-3d-wrapper[data-v-f7e632c8] {
  position: fixed;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.iframe-3d-wrapper .iframe-cover[data-v-f7e632c8] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}
.iframe-3d-wrapper .iframe-3d[data-v-f7e632c8] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.panels[data-v-f7e632c8] {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 3;
  pointer-events: none;
}
.is-head[data-v-f7e632c8] {
  width: 100%;
  height: 0.8rem;
  background: url(../img/head-bg-DAam7crX.png);
  position: relative;
  background-size: 100% 100%;
  user-select: none;
  align-items: flex-end;
  padding-bottom: 0.05rem;
  z-index: 1;
  pointer-events: auto;
}
.is-head[data-v-f7e632c8]::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
@keyframes titleglow-f7e632c8 {
to {
    background-position: 91% 100%;
}
}
.theme-blue .is-head .text[data-v-f7e632c8], .theme-blue .is-head .subject span[data-v-f7e632c8], .theme-blue .is-head .time-wrapper .time-group .time[data-v-f7e632c8], .theme-blue .is-head .title .el[data-v-f7e632c8] {
  color: #95c9dd;
  background: linear-gradient(180deg, #d0f4f6, #95c9dd);
}
.theme-green .is-head .text[data-v-f7e632c8], .theme-green .is-head .subject span[data-v-f7e632c8], .theme-green .is-head .time-wrapper .time-group .time[data-v-f7e632c8], .theme-green .is-head .title .el[data-v-f7e632c8] {
  color: #ffffff;
  background: linear-gradient(180deg, #00a6af, #00a6af);
}
.is-head .text[data-v-f7e632c8], .is-head .subject span[data-v-f7e632c8], .is-head .time-wrapper .time-group .time[data-v-f7e632c8], .is-head .title .el[data-v-f7e632c8] {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
}
.is-head .title[data-v-f7e632c8] {
  align-self: center;
  letter-spacing: 0.0625rem;
  position: relative;
  font-size: 35px;
  font-weight: 800;
  margin-top: -0.15rem;
  -webkit-box-reflect: below -15px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255, 255, 255, 0.38)));
}
.is-head .title .text-box[data-v-f7e632c8] {
  display: inline-block;
}
.is-head .title .el[data-v-f7e632c8] {
  display: inline-block;
}
.is-head .handle[data-v-f7e632c8] {
  display: flex;
  z-index: 0;
}
.is-head .handle .item-name[data-v-f7e632c8] {
  margin: 0 0.0625rem;
  padding: 0 0.05rem;
  font-size: 25px;
  font-weight: bold;
  line-height: 2;
  position: relative;
  cursor: pointer;
}
.theme-blue .is-head .handle .item-name[data-v-f7e632c8] {
  color: #95c9dd;
}
.theme-green .is-head .handle .item-name[data-v-f7e632c8] {
  color: #ffffff;
}
.is-head .handle .item-name[data-v-f7e632c8]::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 50%;
  width: 0;
  height: 100%;
  transition: all 0.5s;
  border-bottom: 0.025rem solid;
  z-index: -1;
}
.is-head .handle .item-name[data-v-f7e632c8]:hover::after {
  left: 0;
  width: 100%;
}
.theme-blue .is-head .handle .item-name[data-v-f7e632c8]:hover::after {
  border-color: #95c9dd;
  background: rgba(48, 57, 111, 0.3607843137);
}
.theme-green .is-head .handle .item-name[data-v-f7e632c8]:hover::after {
  border-color: #ffffff;
  background: rgba(24, 172, 180, 0.4862745098);
}
.theme-blue .is-head .handle .item-name.active[data-v-f7e632c8] {
  color: #d0f4f6;
}
.theme-green .is-head .handle .item-name.active[data-v-f7e632c8] {
  color: #00a6af;
}
.is-head .handle .item-name.active[data-v-f7e632c8]::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 0.025rem;
  animation: mymove-f7e632c8 1s ease-out;
}
.theme-blue .is-head .handle .item-name.active[data-v-f7e632c8]::after {
  background-color: #d0f4f6;
}
.theme-green .is-head .handle .item-name.active[data-v-f7e632c8]::after {
  background-color: #00a6af;
}
@keyframes mymove-f7e632c8 {
from {
    opacity: 0;
    transform: translateY(0.125rem);
}
to {
    opacity: 1;
    transform: translateY(0px);
}
}
.is-head .handle.left[data-v-f7e632c8] {
  margin-right: 0.8rem;
}
.is-head .handle.right[data-v-f7e632c8] {
  margin-left: 0.8rem;
}
.is-head .time-wrapper[data-v-f7e632c8] {
  position: absolute;
  bottom: 0;
  right: 0.2rem;
  display: flex;
  align-items: center;
}
.is-head .time-wrapper .select[data-v-f7e632c8] {
  display: flex;
  align-items: center;
  margin-right: 0.0625rem;
}
.is-head .time-wrapper .select span[data-v-f7e632c8] {
  font-size: 0.15rem;
}
.is-head .time-wrapper .select[data-v-f7e632c8] .ivu-select {
  width: 1.25rem;
}
.is-head .time-wrapper[data-v-f7e632c8] .ivu-select {
  width: auto;
}
.is-head .time-wrapper[data-v-f7e632c8] .ivu-select .ivu-select-selection,
.is-head .time-wrapper[data-v-f7e632c8] .ivu-select .ivu-select-selected-value {
  color: #fff;
  height: 0.25rem;
  line-height: 0.25rem;
}
.is-head .time-wrapper[data-v-f7e632c8] .ivu-select i {
  color: #fff;
}
.is-head .time-wrapper[data-v-f7e632c8] .ivu-select .ivu-select-selection {
  background: rgba(255, 255, 255, 0.1);
  border: none;
  box-shadow: none;
}
.is-head .time-wrapper[data-v-f7e632c8] .ivu-select .ivu-select-item {
  color: rgba(255, 255, 255, 0.5);
}
.is-head .time-wrapper[data-v-f7e632c8] .ivu-select .ivu-select-item-selected {
  color: #fff;
}
.is-head .time-wrapper[data-v-f7e632c8] .ivu-select .ivu-select-item-focus,
.is-head .time-wrapper[data-v-f7e632c8] .ivu-select .ivu-select-item:hover {
  background: none;
  color: #fff;
}
.is-head .time-wrapper[data-v-f7e632c8] .ivu-cascader {
  width: auto;
}
.is-head .time-wrapper[data-v-f7e632c8] .ivu-cascader .ivu-cascader-menu-item {
  color: rgba(255, 255, 255, 0.5);
}
.is-head .time-wrapper[data-v-f7e632c8] .ivu-cascader .ivu-cascader-menu-item:hover {
  background: none;
  color: #fff;
}
.is-head .time-wrapper[data-v-f7e632c8] .ivu-cascader .ivu-cascader-menu-item-active {
  color: #fff;
  background: none;
}
.is-head .time-wrapper[data-v-f7e632c8] .ivu-cascader .ivu-input {
  background: rgba(255, 255, 255, 0.1);
  border: none;
  box-shadow: none;
  color: #fff;
}
.theme-blue .is-head .time-wrapper[data-v-f7e632c8] {
  color: #d0f4f6;
}
.theme-green .is-head .time-wrapper[data-v-f7e632c8] {
  color: #00a6af;
}
.is-head .time-wrapper .weather[data-v-f7e632c8] {
  color: #fff;
  display: flex;
  flex-direction: column;
  margin-right: 0.125rem;
}
.is-head .time-wrapper .weather .value[data-v-f7e632c8] {
  display: flex;
  align-items: center;
  font-size: 0.15rem;
  text-align: right;
}
.is-head .time-wrapper .weather .label[data-v-f7e632c8] {
  font-size: 0.125rem;
  text-align: right;
}
.is-head .time-wrapper .time-group[data-v-f7e632c8] {
  position: relative;
  width: 2rem;
  height: 0.5rem;
}
.is-head .time-wrapper .time-group .time[data-v-f7e632c8] {
  font-family: digital-7;
  line-height: 0.5rem;
  font-size: 0.375rem;
  position: absolute;
  z-index: 1;
}
.is-head .time-wrapper .time-group .time-shadow[data-v-f7e632c8] {
  position: absolute;
  z-index: 0;
  font-family: digital-7;
  line-height: 0.5rem;
  font-size: 0.375rem;
  color: rgba(208, 244, 246, 0.2196078431);
}
.is-head .time-wrapper i[data-v-f7e632c8] {
  font-size: 0.275rem;
  margin-left: 0.0625rem;
  cursor: pointer;
}
.is-head .subject[data-v-f7e632c8] {
  position: absolute;
  bottom: 0.2rem;
  left: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.is-head .subject span[data-v-f7e632c8] {
  font-size: 25px;
  font-weight: bold;
  line-height: 2;
  position: relative;
}
.is-head .subject[data-v-f7e632c8]::before {
  content: "";
  width: 150px;
  height: 60px;
  border: 2px solid #2ca6ff;
  border-radius: 3px;
  position: absolute;
  right: 0;
  animation: proRotate1-f7e632c8 20s infinite linear;
}
.is-head .subject[data-v-f7e632c8]::after {
  content: "";
  width: 150px;
  height: 40px;
  border: 2px solid #2ca6ff;
  border-radius: 3px;
  position: absolute;
  left: 0;
  animation: proRotate-f7e632c8 10s infinite linear;
}
@keyframes proRotate-f7e632c8 {
0% {
    transform: rotateZ(5deg) rotateY(0deg);
}
50% {
    transform: rotateZ(5deg) rotateY(360deg);
}
100% {
    transform: rotateZ(5deg) rotateY(0deg);
}
}
@keyframes proRotate1-f7e632c8 {
0% {
    transform: rotateZ(0deg) rotateY(0deg);
}
50% {
    transform: rotateZ(-5deg) rotateY(360deg);
}
100% {
    transform: rotateZ(0deg) rotateY(0deg);
}
}
.copyright[data-v-f7e632c8] {
  position: fixed;
  bottom: 0;
  right: 0.0625rem;
  line-height: 0.25rem;
  color: rgba(6, 160, 220, 0.5803921569);
}
[data-v-f7e632c8] .vue-treeselect__multi-value-item-container {
  display: none;
}
[data-v-f7e632c8] .is-main .border-wrapper {
  background-color: hsla(216, 86%, 57%, 0.173);
  padding: 0.0625rem 0;
  position: relative;
}
[data-v-f7e632c8] .is-main .left-main,[data-v-f7e632c8] .is-main .right-main {
  width: 18vw;
  height: calc(100% - 0.8rem - 0.6rem);
  position: absolute;
  padding: 0.0625rem 0.125rem 0.125rem;
  margin-top: 0.0625rem;
  display: flex;
  flex-direction: column;
  color: #ffffff;
  font-size: 0.15rem;
  pointer-events: auto;
}
[data-v-f7e632c8] .is-main .left-main {
  left: 0;
}
[data-v-f7e632c8] .is-main .right-main {
  right: 0;
}
[data-v-f7e632c8] .is-main .main-wrapper {
  width: 100%;
  padding: 0 0.125rem 0.0625rem;
  margin-bottom: 0.125rem;
  border-radius: 0.06rem;
}
.theme-blue[data-v-f7e632c8] .is-main .main-wrapper {
  color: #acfbff;
  background: rgba(13, 23, 86, 0.231372549);
  box-shadow: 0.025rem 0.025rem 0.1rem -0.01rem #2f44a3;
  backdrop-filter: blur(0px);
}
.theme-green[data-v-f7e632c8] .is-main .main-wrapper {
  color: #ffffff;
  background: linear-gradient(0deg, rgba(10, 19, 28, 0.6), rgba(15, 28, 40, 0.4) 40.98%, rgba(16, 28, 40, 0.4) 67.9%, rgba(16, 29, 41, 0.6));
  box-shadow: 0.025rem 0.025rem 0.1rem -0.01rem #a0a0a0;
  backdrop-filter: blur(0px);
}
[data-v-f7e632c8] .is-main .main-wrapper:last-child {
  margin-bottom: 0;
}
[data-v-f7e632c8] .is-main .main-wrapper .main-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 0.025rem solid rgba(41, 123, 245, 0.2);
  font-size: 0.1625rem;
  position: relative;
  line-height: 2.2;
  display: none;
}
.theme-blue[data-v-f7e632c8] .is-main .main-wrapper .main-title {
  color: #9dfffc;
}
.theme-green[data-v-f7e632c8] .is-main .main-wrapper .main-title {
  color: #9dfffc;
}
[data-v-f7e632c8] .is-main .main-wrapper .main-title::before {
  content: " ";
  height: 0.025rem;
  width: 0.5rem;
  background-color: #4df8e9;
  position: absolute;
  bottom: -0.0125rem;
  left: 0;
}
[data-v-f7e632c8] .is-main .main-wrapper .main-content {
  margin-top: 0.075rem;
  padding: 0.0625rem 0;
}
@keyframes glow-f7e632c8 {
0% {
    box-shadow: 0.025rem 0.025rem 0.1rem -0.01rem #2f44a3;
}
100% {
    box-shadow: 0.025rem 0.025rem 0.25rem rgba(102, 245, 255, 0.6), inset 0 0 10px rgba(102, 245, 255, 0.4), 0 1px 0 rgb(102, 245, 255);
}
}
@keyframes glow-f7e632c8 {
0% {
    box-shadow: 0.025rem 0.025rem 0.1rem -0.01rem #a0a0a0;
}
100% {
    box-shadow: 0.025rem 0.025rem 0.25rem rgba(102, 245, 255, 0.6), inset 0 0 10px rgba(102, 245, 255, 0.4), 0 1px 0 rgb(102, 245, 255);
}
}
.ctrl-panel[data-v-f7e632c8] {
  width: 100%;
  position: absolute;
  bottom: 0.125rem;
  height: 0.375rem;
  display: flex;
  justify-content: center;
  z-index: 1;
  pointer-events: auto;
}
.ctrl-panel > div.side[data-v-f7e632c8] {
  width: 18vw;
}
.ctrl-panel > div.side.left[data-v-f7e632c8] {
  float: left;
  padding: 0 0.125rem;
}
.ctrl-panel > div.side.right[data-v-f7e632c8] {
  float: right;
  padding: 0 0.125rem;
}
.ctrl-panel > div.center[data-v-f7e632c8] {
  width: 100%;
  position: relative;
}
.ctrl-panel > div.center .external[data-v-f7e632c8] {
  position: absolute;
  bottom: calc(100% + 0.1rem);
}
.ctrl-panel > div.center .external.left[data-v-f7e632c8] {
  left: 0;
}
.ctrl-panel > div.center .external.right[data-v-f7e632c8] {
  right: 0;
}
.ctrl-panel .floor-wrapper[data-v-f7e632c8] {
  width: 0.375rem;
  border: 0.0125rem solid #4287f0;
  box-shadow: 0px 0px 10px #4276c5;
  border-radius: 5px;
  color: #fff;
  display: flex;
  flex-direction: column-reverse;
}
.ctrl-panel .floor-wrapper .floor-scroll[data-v-f7e632c8] {
  overflow-y: scroll;
}
.ctrl-panel .floor-wrapper .floor-scroll[data-v-f7e632c8]::-webkit-scrollbar {
  display: none;
}
.ctrl-panel .floor-wrapper .floor-item[data-v-f7e632c8] {
  width: 100%;
  height: 0.35rem;
  border-bottom: 0.0125rem solid;
  font-size: 0.1375rem;
  cursor: pointer;
  background-color: rgba(66, 136, 240, 0.205);
}
.theme-blue .ctrl-panel .floor-wrapper .floor-item[data-v-f7e632c8] {
  border-color: #209cff;
}
.theme-green .ctrl-panel .floor-wrapper .floor-item[data-v-f7e632c8] {
  border-color: #00a6af;
}
.theme-blue .ctrl-panel .floor-wrapper .floor-item.active[data-v-f7e632c8] {
  background: #d0f4f6;
}
.theme-green .ctrl-panel .floor-wrapper .floor-item.active[data-v-f7e632c8] {
  background: #00a6af;
}
[data-v-f7e632c8] .ivu-select-dropdown {
  background: rgba(29, 60, 165, 0.7882352941);
}
[data-v-f7e632c8] .ivu-switch {
  border-color: #ccc !important;
}
[data-v-f7e632c8] .conf-menu {
  display: flex;
  flex-direction: column;
  padding: 0.125rem;
}
[data-v-f7e632c8] .conf-menu .conf-item {
  display: flex;
  align-items: center;
  margin-bottom: 0.0625rem;
}
[data-v-f7e632c8] .conf-menu .conf-item span:first-child {
  white-space: nowrap;
}
[data-v-f7e632c8] .conf-menu .conf-item .ivu-select {
  width: 100%;
}
[data-v-f7e632c8] .conf-menu .conf-item .ivu-select .ivu-select-selection,[data-v-f7e632c8] .conf-menu .conf-item .ivu-select .ivu-select-selected-value {
  color: #fff;
  height: 0.25rem;
  line-height: 0.25rem;
}
[data-v-f7e632c8] .conf-menu .conf-item .ivu-select i {
  color: #fff;
}
[data-v-f7e632c8] .conf-menu .conf-item .ivu-select .ivu-select-selection {
  background: rgba(255, 255, 255, 0.1);
  border: none;
  box-shadow: none;
}
[data-v-f7e632c8] .conf-menu .conf-item .ivu-select .ivu-select-item {
  color: rgba(255, 255, 255, 0.5);
}
[data-v-f7e632c8] .conf-menu .conf-item .ivu-select .ivu-select-item-selected {
  color: #fff;
}
[data-v-f7e632c8] .conf-menu .conf-item .ivu-select .ivu-select-item-focus,[data-v-f7e632c8] .conf-menu .conf-item .ivu-select .ivu-select-item:hover {
  background: none;
  color: #fff;
}
[data-v-f7e632c8] .conf-menu .column {
  flex-direction: column;
  align-items: flex-start;
}
[data-v-f7e632c8] .conf-menu .column span {
  margin-bottom: 0.0625rem;
}.bg[data-v-e46ef731] {
  background-image: url("../img/bg1-Bd_QmF1O.png");
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
  padding: 0 0.15rem 0.15rem;
  font-size: 0.175rem;
  color: #ffffff;
}
.bg .body[data-v-e46ef731] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  z-index: 1;
  position: relative;
}
.bg .body .head-wrapper[data-v-e46ef731] {
  padding: 0.1rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bg .body .head-wrapper .tabs-wrapper[data-v-e46ef731] {
  display: flex;
}
.bg .body .head-wrapper .tabs-wrapper > div[data-v-e46ef731] {
  line-height: 2.2;
  width: 1.5rem;
  padding: 0 0.125rem;
  margin-right: 0.1875rem;
  background-image: linear-gradient(to top, #02f9fd, #0e72b3);
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 0.18rem;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
}
.bg .body .head-wrapper .tabs-wrapper > div.active[data-v-e46ef731] {
  border-bottom: 0.0125rem solid #02f9fd;
  animation-name: identifier-e46ef731;
  animation-duration: 1s;
}
@keyframes identifier-e46ef731 {
from {
    opacity: 0.7;
}
to {
    opacity: 1;
}
}
.bg .body .head-wrapper .title-wrapper[data-v-e46ef731] {
  text-align: right;
}
.bg .body .head-wrapper .title-wrapper .title[data-v-e46ef731] {
  color: #ffffff;
}
.bg .body .head-wrapper .title-wrapper .title .more[data-v-e46ef731] {
  padding-right: 0.1rem;
  cursor: pointer;
}
.bg .body .head-wrapper .title-wrapper .title .more .iconarrows-left[data-v-e46ef731] {
  padding-left: 0.1rem;
  display: inline-block;
  transform: rotate(180deg);
}
.bg .body .head-wrapper .title-wrapper .sub-title[data-v-e46ef731] {
  font-size: 0.175rem;
  color: #409eff;
}
.bg .body .content[data-v-e46ef731] {
  flex: 1;
  overflow: hidden;
}
.bg .body .component-fade-enter-active[data-v-e46ef731],
.bg .body .component-fade-leave-active[data-v-e46ef731] {
  transition: opacity 0.2s ease;
}
.bg .body .component-fade-enter[data-v-e46ef731], .bg .body .component-fade-leave-to[data-v-e46ef731] {
  opacity: 0;
}