#appBody.dark {
  transition: 0.25s;
}
#appBody.dark .el-popper.is-light {
  border: none;
}
#appBody.dark .gray {
  transition: 0.25s;
}
#appBody.dark .green {
  transition: 0.25s;
}
#appBody.dark .white {
  transition: 0.25s;
}
#appBody.dark #app {
  transition: 0.25s;
}
#appBody.dark .panel-title {
  transition: 0.25s;
}
#appBody.dark .panel-tools {
  transition: 0.25s;
}
#appBody.dark .weather .other-info .text {
  transition: 0.25s;
}
#appBody.dark .weather .other-info div.svg-icon svg use {
  transition: 0.25s;
}
#appBody.dark .security-days .text {
  transition: 0.25s;
}
#appBody.dark .security-days .num {
  transition: 0.25s;
}
#appBody.dark .tab-box .tab-item span svg use {
  transition: 0.25s;
}
#appBody.dark . .header-title svg g:nth-child(1) path,
#appBody.dark . .header-title svg g:nth-child(1) polygon {
  transition: 0.25s;
}
#appBody.dark .weather-info span svg use {
  transition: 0.25s;
}
#appBody.dark .map .tab-box .tab-item.active {
  transition: 0.25s;
}
#appBody.dark .map .tab-box .tab-item.active::after {
  transition: 0.25s;
}
#appBody.dark .header-menu .header-menu-list .header-menu-item.active::after {
  transition: 0.25s;
}
#appBody.dark .header-menu .header-menu-list .header-menu-item.active {
  background: linear-gradient(to top, rgba(5, 187, 76, 0.5), rgba(5, 187, 76, 0));
  border: 1px solid #05bb4c;
  transition: color 0.25s ease-in-out;
}
#appBody.dark .coulometric-analysis .card-1 .card-icon svg use {
  transition: 0.25s;
}
#appBody.dark .map .compass svg g:nth-child(3) g g path {
  transition: 0.25s;
}
#appBody.dark .map .compass svg g:nth-child(4) g g path {
  transition: 0.25s;
}
#appBody.dark .map .compass::after {
  transition: 0.25s;
}
#appBody.dark .name-box-period-label {
  transition: 0.25s;
}
#appBody.dark .name-box-period-value {
  transition: 0.25s;
}
#appBody.dark .svg-map-nx .item-label rect {
  transition: 0.25s;
}
#appBody.dark .svg-map-nx .item-label .mapKey {
  transition: 0.25s;
}
#appBody.dark .svg-map-nx .popup-layer-svg .mapKey {
  transition: 0.25s;
}
#appBody.dark .svg-map-nx #popup-box-svg rect {
  transition: 0.25s;
}
#appBody.dark .com-panel-3,
#appBody.dark .com-panel,
#appBody.dark . {
  transition: 0.25s;
}
#appBody.dark .com-panel-3 .dot,
#appBody.dark .com-panel.line:before {
  transition: 0.25s;
}
#appBody.dark .panel-header {
  transition: 0.25s;
}
#appBody.dark .fengji-icon svg use {
  transition: 0.25s;
}
#appBody.dark .modal.el-dialog {
  transition: 0.25s;
}
#appBody.dark .modal.el-dialog .el-dialog__title {
  transition: 0.25s;
}
#appBody.dark .situation-body .value span:nth-child(2) {
  transition: 0.25s;
}
#appBody.dark .coulometric-analysis .card-title {
  transition: 0.25s;
}
#appBody.dark .com-panel,
#appBody.dark .panel-header,
#appBody.dark .home .table-card,
#appBody.dark .com-panel-3.situation,
#appBody.dark .el-menu--collapse,
#appBody.dark .el-sub-menu,
#appBody.dark .el-sub-menu__title,
#appBody.dark .el-menu--popup,
#appBody.dark .el-menu-item {
  transition: 0.25s;
}
#appBody.dark .com-panel.line::before {
  transition: 0.25s;
}
#appBody.dark .lightMenu {
  width: 0;
  height: calc(100% - 71px);
  position: absolute;
  left: 0;
  top: 57px;
  z-index: 100;
  border-radius: 20px;
  border: 0;
  overflow: hidden;
  transition: 0.25s;
}
#appBody.dark .lightMenu.hidden {
  width: 0;
  transition: 0.25s;
}
#appBody.dark .main-body {
  margin-left: 0;
  transition: 0.25s;
}
#appBody.dark .dot.top-left {
  transition: 0.25s;
}
#appBody.dark .dot.bottom-left {
  transition: 0.25s;
}
#appBody.dark .dot.top-rignt {
  transition: 0.25s;
}
#appBody.dark .dot.bottom-right {
  transition: 0.25s;
}
#appBody.dark .lightMenu .el-menu--collapse {
  transition: 0.25s;
}
#appBody.dark .lightMenu .el-menu--collapse {
  height: 100%;
}
#appBody.dark .lightMenu .el-sub-menu__title {
  transition: 0.25s;
}
#appBody.dark .lightMenu .el-sub-menu__title i {
  transition: 0.25s;
}
.left {
  margin-top: 5px;
}