#appBody.light {
  color: #000;
  background: #dcdddf;
  transition: 0.25s;
}
#appBody.light .gray {
  color: #000;
  font-weight: 700;
  transition: 0.25s;
}
#appBody.light .green {
  color: #05bb4c;
  font-weight: 700;
  transition: 0.25s;
}
#appBody.light .green1 {
  color: rgba(255, 255, 255, 0.8);
  font-weight: 700;
  transition: 0.25s;
}
#appBody.light .white {
  color: #000;
  transition: 0.25s;
}
#appBody.light #app {
  transition: 0.25s;
}
#appBody.light .panel-title {
  color: #000;
  transition: 0.25s;
}
#appBody.light .panel-tools {
  color: #000;
  transition: 0.25s;
}
#appBody.light .weather .other-info .text {
  color: #000;
  transition: 0.25s;
}
#appBody.light .weather .other-info div.svg-icon svg use {
  fill: #36348e;
  transition: 0.25s;
}
#appBody.light .security-days .text {
  color: #000;
  transition: 0.25s;
}
#appBody.light .security-days .num {
  color: #36348e;
  transition: 0.25s;
}
#appBody.light .security-days .text1 {
  color: #000;
  transition: 0.25s;
}
#appBody.light .save-item .save-value {
  color: #000;
  transition: 0.25s;
}
#appBody.light .save-item .save-name {
  color: #5e6269;
  transition: 0.25s;
}
#appBody.light .tab-box .tab-item span svg use {
  fill: #000;
  transition: 0.25s;
}
#appBody.light .header-body {
  border: 0;
  transition: 0.25s;
}
#appBody.light .header-body .header-title svg g:nth-child(1) path,
#appBody.light .header-body .header-title svg g:nth-child(1) polygon {
  fill: #000;
  transition: 0.25s;
}
#appBody.light .weather-info span svg use {
  fill: #000;
  transition: 0.25s;
}
#appBody.light .map .tab-box .tab-item.active {
  color: #36348e;
  position: relative;
  background-image: linear-gradient(to top, rgba(57, 54, 143, 0.5), rgba(5, 187, 76, 0));
  transition: 0.25s;
}
#appBody.light .map .tab-box .tab-item.active1 {
  color: #36348e;
  position: relative;
  background-image: linear-gradient(to top, rgba(57, 54, 143, 0.5), #ffffff);
  transition: 0.25s;
}
#appBody.light .map .tab-box .tab-item.active::after {
  transition: 0.25s;
}
#appBody.light .header-menu .header-menu-list .header-menu-item.active::after {
  border: 0.093vh solid #36348e;
  transition: 0.25s;
}
#appBody.light .header-menu .header-menu-list .header-menu-item.active {
  color: #36348e;
  position: relative;
  background: linear-gradient(to top, rgba(57, 54, 143, 0.5), rgba(5, 187, 76, 0));
  border: 0.093vh solid #36348e;
  transition: color 0.25s ease-in-out;
}
#appBody.light .home .table-card {
  outline: none;
  transition: 0.25s;
  overflow: hidden;
}
#appBody.light .coulometric-analysis .card-1 .card-icon svg use {
  fill: #36348e;
  filter: drop-shadow(0 0 6px #36348e);
  transition: 0.25s;
}
#appBody.light .map .compass svg g:nth-child(3) g g path {
  fill: #36348e;
  transition: 0.25s;
}
#appBody.light .map .compass svg g:nth-child(4) g g path {
  fill: #36348e;
  transition: 0.25s;
}
#appBody.light .map .compass::after {
  box-shadow: inset 0px -5px 10px 0px #36348e;
  transition: 0.25s;
}
#appBody.light .name-box-period-label {
  color: #000;
  transition: 0.25s;
}
#appBody.light .name-box-period-value {
  color: #36348e;
  transition: 0.25s;
}
#appBody.light .query.mg-b-8 {
  padding-top: 10px;
}
#appBody.light .query.mg-b-16 {
  padding-top: 10px;
}
#appBody.light .svg-map-nx .item-label rect {
  fill: #36348e;
  transition: 0.25s;
}
#appBody.light .svg-map-nx .item-label .mapKey {
  fill: #fff;
  transition: 0.25s;
}
#appBody.light .svg-map-nx .popup-layer-svg .mapKey {
  fill: #fff;
  transition: 0.25s;
}
#appBody.light .svg-map-nx #popup-box-svg rect {
  fill: #36348e;
  opacity: 0.8;
  transition: 0.25s;
}
#appBody.light .svg-map-nx .esp-1 {
  stroke: #36348e;
}
#appBody.light .svg-map-nx .esp-6 {
  stroke: #36348e;
}
#appBody.light .svg-map-nx .esp-c {
  stroke: #36348e;
}
#appBody.light .svg-map .item-label rect {
  fill: #36348e;
  transition: 0.25s;
}
#appBody.light .svg-map .item-label .mapKey {
  fill: #fff;
  transition: 0.25s;
}
#appBody.light .svg-map .popup-layer-svg .mapKey {
  fill: #fff;
  transition: 0.25s;
}
#appBody.light .svg-map #popup-box-svg rect {
  fill: #36348e;
  opacity: 0.8;
  transition: 0.25s;
}
#appBody.light .svg-map .esp-1 {
  stroke: #36348e;
}
#appBody.light .svg-map .esp-6 {
  stroke: #36348e;
}
#appBody.light .svg-map .esp-c {
  stroke: #36348e;
}
#appBody.light .status {
  background-color: #ffffff;
  padding: 10px;
  margin-top: 10px;
  border-radius: 10px;
}
#appBody.light .status .table-box1 {
  border: 0.093vh solid #ffffff;
}
#appBody.light .status .com-table tbody tr:nth-child(2n) {
  background-color: #ffffff;
}
#appBody.light .monitorOverview .stationName {
  color: #000000;
}
#appBody.light .monitorOverview .station-info .item-title {
  color: #000000;
}
#appBody.light .monitorOverview .station-info .item-name {
  color: #000000;
}
#appBody.light .monitorOverview .station-info .item-unit {
  color: #000000;
}
#appBody.light .monitorOverview .model .energy-title {
  color: #000000;
  background-color: rgba(83, 98, 104, 0.4);
}
#appBody.light .monitorOverview .model1 .energy-title {
  color: #000000;
  background-color: rgba(83, 98, 104, 0.4);
}
#appBody.light .monitorOverview .energy-content .num {
  color: #000000;
}
#appBody.light .com-panel-3,
#appBody.light .com-panel,
#appBody.light .header-body {
  background: #fff;
  transition: 0.25s;
}
#appBody.light .com-panel-3 .dot,
#appBody.light .com-panel.line:before {
  background: #000;
  transition: 0.25s;
}
#appBody.light .panel-header {
  background: #fff;
  transition: 0.25s;
}
#appBody.light .fengji-icon svg use {
  fill: #36348e;
  transition: 0.25s;
}
#appBody.light .modal.el-dialog {
  background: rgba(255, 255, 255, 0.85);
  border: 1px solid rgba(57, 54, 143, 0.5);
  box-shadow: 0px 8px 17px 1px rgb(57, 54, 143 / 30%);
  border-radius: 12px;
  transition: 0.25s;
}
#appBody.light .modal.el-dialog .el-dialog__title {
  color: rgba(0, 0, 0, 0.75);
  transition: 0.25s;
}
#appBody.light .situation-body .value span:nth-child(2) {
  font-weight: 700;
  transition: 0.25s;
}
#appBody.light .coulometric-analysis .card-title {
  color: #000;
  transition: 0.25s;
}
#appBody.light .com-panel,
#appBody.light .panel-header,
#appBody.light .home .table-card,
#appBody.light .com-panel-3.situation,
#appBody.light .el-menu--collapse,
#appBody.light .el-sub-menu,
#appBody.light .el-sub-menu__title,
#appBody.light .el-menu--popup,
#appBody.light .el-menu-item {
  border-radius: 12px;
  transition: 0.25s;
}
#appBody.light .com-panel {
  padding-bottom: 10px;
  transition: 0.25s;
}
#appBody.light .com-panel.line::before {
  width: 4px;
  height: 4px;
  background: #000;
  margin: 0.85vh 0.556vh 0vh 0.85vh;
  transition: 0.25s;
}
#appBody.light .com-panel.line {
  border-left: 0;
  transition: 0.25s;
}
#appBody.light .lightMenu {
  width: 0;
  height: calc(100% - 71px);
  position: absolute;
  left: 14px;
  top: 57px;
  z-index: 100;
  border-radius: 20px;
  border: 0;
  overflow: hidden;
  transition: 0.25s;
}
#appBody.light .lightMenu.show {
  width: 54px;
  transition: 0.25s;
}
#appBody.light .main-body {
  transition: 0.25s;
}
#appBody.light .dot.top-left {
  top: 0.85vh;
  left: 0.85vh;
  background: #000;
  transition: 0.25s;
}
#appBody.light .dot.bottom-left {
  bottom: 0.85vh;
  left: 0.85vh;
  background: #000;
  transition: 0.25s;
}
#appBody.light .dot.top-rignt {
  top: 0.85vh;
  right: 0.85vh;
  background: #000;
  transition: 0.25s;
}
#appBody.light .dot.bottom-right {
  bottom: 0.85vh;
  right: 0.85vh;
  background: #000;
  transition: 0.25s;
}
#appBody.light .lightMenu .el-menu--collapse {
  width: 54px;
  transition: 0.25s;
}
#appBody.light .lightMenu .el-menu--collapse {
  height: 100%;
}
#appBody.light .lightMenu .el-sub-menu__title {
  text-align: center;
  vertical-align: middle;
  padding: 0 20px;
  transition: 0.25s;
}
#appBody.light .lightMenu .el-sub-menu__title i {
  color: #fff;
  transition: 0.25s;
}
#appBody.light .el-popper.is-light.is-pure .el-menu--popup {
  padding: 0;
}
#appBody.light .el-popper.is-light.is-pure .el-menu--popup .el-menu-item-group__title {
  padding: 0;
}
#appBody.light .el-popper.is-light.is-pure .el-menu--popup .el-menu-item {
  height: 46px;
  line-height: 46px;
}
#appBody.light .el-popper.is-light {
  border: none;
}
#appBody.light .el-popper.is-light .el-menu {
  border-radius: 0px;
}
#appBody.light .com-panel-3 {
  border: 0;
  transition: 0.25s;
}
#appBody.light .map .return {
  color: rgba(0, 0, 0, 0.8);
  transition: 0.25s;
}
#appBody.light .map .return use {
  fill: #000;
  transition: 0.25s;
}
#appBody.light .map .return:hover {
  color: #36348e;
  border-color: #36348e;
  transition: 0.25s;
}
#appBody.light .map .return:hover use {
  fill: #36348e;
  transition: 0.25s;
}
#appBody.light .name-box .name-box-title {
  color: #000;
  transition: 0.25s;
}
#appBody.light .zbtjfx .zbtjfx-body .zbtjfx-up .zbtjfx-up-panel {
  background: #ffffff;
  border: 1px solid #ffffff;
}
#appBody.light .zbtjfx .zbtjfx-body .zbtjfx-up .zbtjfx-up-panel .zbtjfx-up-panel-l {
  border-right: 1px dashed #36348e;
}
#appBody.light .zbtjfx .zbtjfx-body .zbtjfx-up .zbtjfx-up-panel .zbtjfx-up-panel-r-t {
  color: #36348e;
}
#appBody.light .zbtjfx .zbtjfx-body .zbtjfx-up .zbtjfx-up-panel .zbtjfx-up-panel-r-b {
  color: #000000;
}
#appBody.light .zbtjfx .zbtjfx-body .zbtjfx-mi .zbtjfx-mi-panel {
  background: #ffffff;
  border: 1px solid #ffffff;
}
#appBody.light .zbtjfx .zbtjfx-body .zbtjfx-mi .zbtjfx-mi-panel .zbtjfx-mi-panel-text {
  color: #666666;
}
#appBody.light .zbtjfx .zbtjfx-body .zbtjfx-mi .zbtjfx-mi-panel .zbtjfx-mi-panel-text .zbtjfx-mi-panel-text-green {
  color: #05bb4c;
}
#appBody.light .zbtjfx .zbtjfx-body .zbtjfx-dn {
  color: #000000;
}