#app .vxe-table .vxe-cell--sort-vertical-layout {
  height: initial;
  vertical-align: 4px;
}
#app .vxe-table--render-default {
  font-family: inherit;
}

.featureParent {
  position: absolute;
  top: 45px;
  left: 50px;
  height: calc(100% - 55px);
  z-index: 8100;
  transition: all 0.4s ease-in-out;
}
.wid450 {
  width: 450px;
  transform-origin: 0% 1%;
}
.wid660 {
  width: 660px;
  transform-origin: 0% 1%;
}
.wid870 {
  width: 870px;
  transform-origin: 0% 1%;
}
.en-wid450 {
  width: 450px;
  transform-origin: 0% 1%;
}
.en-wid660 {
  width: 660px;
  transform-origin: 0% 1%;
}
.en-wid870 {
  width: 870px;
  transform-origin: 0% 1%;
}
.feature {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 10;
  width: 100%;
  height: 100%;
  padding-top: 10px;
  user-select: none;
}
.feature .triangle-top {
  position: absolute;
  top: 1px;
  left: 140px;
  width: 0;
  height: 0;
  border-right: 6px solid transparent;
  border-bottom: 9px solid #fff;
  border-left: 6px solid transparent;
}
.feature .shuticon {
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 20px;
  cursor: pointer;
}
.feature .feacon {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  box-shadow: 0px 0px 5px rgba(68, 48, 96, 0.2);
  background: #fff;
  padding: 20px;
  padding-bottom: 0;
  padding-right: 0;
}
.feature .feacon header {
  width: 100%;
}
.feature .feacon header .el-input {
  width: 55%;
}
.feature .feacon main {
  width: 100%;
  height: calc(100% - 48px);
  padding-top: 15px;
  color: #404042;
  overflow-y: auto;
}
.feature .feacon main .vue-waterfall {
  overflow-y: visible;
}
.feature .feacon main .waterf h1 {
  height: 26px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.feature .feacon main .waterf .featitle {
  font-weight: bold;
  margin-left: 10px;
}
.feature .feacon main .waterf .hidden {
  visibility: hidden;
}
.feature .feacon main .waterf .ics {
  display: initial;
  margin-right: 6px;
  cursor: initial;
}
.feature .feacon main .childlist {
  margin-bottom: 25px;
  margin-left: 25px;
}
.feature .feacon main .childlist li {
  height: 24px;
  display: flex;
  justify-content: space-between;
}
.feature .feacon main .childlist li:hover {
  color: #6690ff;
}
.feature .feacon main .childlist li i {
  cursor: pointer;
  display: none;
}
.feature .feacon main .childlist li .hover {
  position: relative;
}
.feature .feacon main .childlist li .hover .tooltip {
  position: absolute;
  left: -11px;
  top: -36px;
  background: #303133;
  color: #fff;
  min-width: 40px;
  padding: 5px;
  font-size: 12px;
  border-radius: 4px;
  text-align: center;
  cursor: initial;
  display: none;
}
.feature .feacon main .childlist li .hover .tooltip .arrow {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 6px;
  bottom: -6px;
  border-top-color: #303133;
  border-bottom-width: 0;
  left: 13px;
}
.feature .feacon main .childlist li .hover .tooltip:hover {
  background: red;
  display: none !important;
}
.feature .feacon main .childlist li .mdName {
  display: inline-block;
  width: 135px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.feature .feacon main .childlist li .flex {
  display: flex;
  align-items: center;
}
.feature .feacon main::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.feature .feacon main::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.feature .feacon main::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.feature .feacon main::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.en-US .feature .feacon main .childlist li > i {
  line-height: 2;
}

.devops .topcontain[data-v-355ab4ec] {
  padding-left: 20px;
  padding-top: 20px;
  border-bottom: 1px solid #dadada;
}
.devops .topcontain .searchinp[data-v-355ab4ec] {
  width: 250px;
}
.devops .topcontain .listbox[data-v-355ab4ec] {
  width: 100%;
  height: 420px;
  margin-top: 20px;
  overflow: hidden;
  overflow-y: auto;
}
.devops .topcontain .listbox[data-v-355ab4ec]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.devops .topcontain .listbox[data-v-355ab4ec]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.devops .topcontain .listbox[data-v-355ab4ec]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.devops .topcontain .listbox[data-v-355ab4ec]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.devops .botcontain[data-v-355ab4ec] {
  padding-left: 20px;
}
.devops .botcontain p[data-v-355ab4ec] {
  line-height: 40px;
}
.devops ul[data-v-355ab4ec] {
  display: flex;
  flex-wrap: wrap;
}
.devops ul li[data-v-355ab4ec] {
  border: 1px solid #dadada;
  box-sizing: border-box;
  padding: 0px 15px;
  margin-right: 10px;
  line-height: 28px;
  margin-bottom: 15px;
  cursor: pointer;
}
.devops ul li[data-v-355ab4ec]:hover {
  color: #6690ff;
  border-color: #6690ff;
}
.devops ul li.active[data-v-355ab4ec] {
  color: #fff;
  background: #6690ff;
  border-color: #6690ff;
}
.devops ul li span[data-v-355ab4ec] {
  color: #F56C6C;
  line-height: 0;
  vertical-align: -3px;
}
.devops[data-v-355ab4ec] .el-dialog__body {
  padding: 0;
}
.devops .el-dialog__wrapper[data-v-355ab4ec] {
  z-index: 9000 !important;
}
.theme2 .devops ul li[data-v-355ab4ec] {
  border-color: #494949;
}
.theme2 .devops ul li[data-v-355ab4ec]:hover {
  color: #4d91ff;
}
.theme2 .devops ul li.active[data-v-355ab4ec] {
  background: #4d91ff;
  color: #fff !important;
}

.notice .html[data-v-50097bde] {
  padding-left: 20px;
  padding-top: 20px;
  height: 400px;
  overflow-y: auto;
  margin-bottom: 20px;
}
.notice .html[data-v-50097bde]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.notice .html[data-v-50097bde]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.notice .html[data-v-50097bde]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.notice .html[data-v-50097bde]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.notice .html h1[data-v-50097bde] {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}
.notice .html[data-v-50097bde] i {
  font-style: italic;
}
.notice[data-v-50097bde] .el-dialog__body {
  padding: 0;
  padding-right: 20px;
}
.notice .el-dialog__wrapper[data-v-50097bde] {
  z-index: 9000 !important;
}

.personal .formbox[data-v-392ec8c4] {
  word-break: break-word;
}
.personal[data-v-392ec8c4] .el-dialog__body {
  padding-bottom: 0;
}
.personal[data-v-392ec8c4] .el-dialog__wrapper {
  z-index: 8101 !important;
}
.personal .tips[data-v-392ec8c4] {
  text-align: center;
  font-size: 16px;
  color: #f54743;
  padding-right: 20px;
}

.en-US .globalsearch .el-input__inner {
  font-size: 12px;
}
.theme1.theme3 .globalsearch .el-input-group__append {
  background: #1952cb;
}
.theme1.theme3 .globalsearch .el-input input {
  background: #1952cb;
}
.theme1.theme3 .globalsearch .el-autocomplete .el-input__inner {
  color: #fff;
  border: 1px solid #fff;
}
.theme1.theme3 .globalsearch input::-webkit-input-placeholder {
  color: #fff;
}
.globalsearch {
  line-height: 44px;
}
.globalsearch .el-input--mini .el-input__icon {
  line-height: 42px;
}
.globalsearch .el-select .el-input__inner:focus {
  border-color: #47526c;
}
.globalsearch .el-select .el-input.is-focus .el-input__inner {
  border-color: #47526c;
}
.globalsearch .el-input-group__append {
  background: #1d233a;
}
.globalsearch .el-input input {
  background: #1d233a;
}
.globalsearch .el-input__suffix {
  right: 10px;
}
.globalsearch .el-input__suffix .icon-search {
  float: right;
}
.globalsearch .el-input__inner {
  font-size: 14px;
}
.globalsearch .el-autocomplete .el-input {
  width: 300px;
}
.globalsearch .el-autocomplete .el-input__inner {
  color: #bbbcc4;
  border: 1px solid #47526c;
  border-radius: 50px;
  padding-left: 10px;
  padding-right: 52px;
}
.globalsearch input::-webkit-input-placeholder {
  color: #8a8a99;
}
.el-autocomplete-suggestion.el-popper.gsearch {
  border: none;
  z-index: 8888 !important;
}
.el-autocomplete-suggestion.el-popper.gsearch ul {
  padding: 0 10px;
}
.el-autocomplete-suggestion.el-popper.gsearch li {
  border-bottom: 1px solid #bbbcc4;
  padding: 0;
  line-height: initial;
}
.el-autocomplete-suggestion.el-popper.gsearch li:last-child {
  border: none;
}
.el-autocomplete-suggestion.el-popper.gsearch li .searchlist {
  padding: 10px 0px;
}
.el-autocomplete-suggestion.el-popper.gsearch li .one,
.el-autocomplete-suggestion.el-popper.gsearch li .two {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 2px 0;
}
.el-autocomplete-suggestion.el-popper.gsearch li .one span {
  margin-right: 10px;
}
.el-autocomplete-suggestion.el-popper.gsearch li .one .type {
  border: 1px solid;
  border-radius: 20px;
  padding: 1px 8px;
}
.el-autocomplete-suggestion.el-popper.gsearch li .one .col1 {
  color: #6a93ff;
  border-color: #6a93ff;
}
.el-autocomplete-suggestion.el-popper.gsearch li .one .col2 {
  color: #c96fff;
  border-color: #c96fff;
}
.el-autocomplete-suggestion.el-popper.gsearch li .one .col3 {
  color: #ff9300;
  border-color: #ff9300;
}

.alarmdialog .active[data-v-7965a15b] {
  color: #6690ff;
}
.alarmdialog .alarm-main[data-v-7965a15b] {
  position: absolute;
  z-index: 9;
  width: 360px;
  height: 252px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 0px 5px rgba(68, 48, 96, 0.2);
}
.alarmdialog .alarm-main h1[data-v-7965a15b] {
  line-height: 36px;
  padding-left: 15px;
  border-bottom: 1px solid #bbbcc4;
}
.alarmdialog .alarm-main h1 span[data-v-7965a15b] {
  cursor: pointer;
}
.alarmdialog .alarm-main h1 .iconfont[data-v-7965a15b] {
  margin-right: 5px;
  color: #f54743;
}
.alarmdialog .alarm-main h1 .fl[data-v-7965a15b] {
  float: right;
  margin-top: 12px;
  margin-right: 15px;
  cursor: pointer;
}
.alarmdialog .alarm-main .alarmList[data-v-7965a15b] {
  padding: 0 15px;
  height: 178px;
  overflow: auto;
}
.alarmdialog .alarm-main .alarmList[data-v-7965a15b]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.alarmdialog .alarm-main .alarmList[data-v-7965a15b]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.alarmdialog .alarm-main .alarmList[data-v-7965a15b]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.alarmdialog .alarm-main .alarmList[data-v-7965a15b]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.alarmdialog .alarm-main .alarmList li[data-v-7965a15b] {
  padding: 8px 0px;
  line-height: 1.5;
  border-bottom: 1px solid #bbbcc4;
}
.alarmdialog .alarm-main .alarmList li .detail[data-v-7965a15b] {
  color: #6690ff;
  width: 40px;
  cursor: pointer;
}
.alarmdialog .alarm-main .alarmList li .err-col[data-v-7965a15b] {
  color: #f54743;
}
.alarmdialog .alarm-main .alarmList li .warn-col[data-v-7965a15b] {
  color: #ffa522;
}
.alarmdialog .alarm-main .alarmList li .address[data-v-7965a15b] {
  display: inline-block;
  width: 280px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.alarmdialog .alarm-main p[data-v-7965a15b] {
  line-height: 38px;
  text-align: center;
}
.alarmdialog .alarm-main p span[data-v-7965a15b] {
  cursor: pointer;
}
.alarmdialog .alarm-main .nosource[data-v-7965a15b] {
  text-align: center;
  line-height: 200px;
}
.alarmdialog .top-alarm[data-v-7965a15b] {
  left: -170px;
  top: 40px;
}
.alarmdialog .bottom-alarm[data-v-7965a15b] {
  position: fixed !important;
  bottom: 0;
  right: 10px;
  transition: all 0.5s linear;
  transform: translateY(100%);
}
.alarmdialog .flex[data-v-7965a15b] {
  display: flex;
  justify-content: space-between;
}
.theme1 .alarmdialog[data-v-7965a15b] {
  color: #7b7d87;
}
.theme2 .alarmdialog .alarm-main h1[data-v-7965a15b],
.theme2 .alarmdialog .alarm-main .alarmList li[data-v-7965a15b] {
  border-color: #494949;
}

.messagedialog .messagePos[data-v-7adb5145] {
  position: absolute;
  left: -140px;
  top: 40px;
  z-index: 9;
  width: 300px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 0px 5px rgba(68, 48, 96, 0.2);
  padding: 0 10px;
  padding-top: 10px;
}
.messagedialog .messagePos .fl[data-v-7adb5145] {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
.messagedialog .messagePos .mescon[data-v-7adb5145] {
  color: #404042;
  display: flex;
  width: 100%;
  min-height: 80px;
  flex-direction: column;
  align-items: flex-start;
  border-bottom: 1px solid #bbccc4;
  line-height: 30px;
  padding: 0 10px;
}
.messagedialog .messagePos .mescon b[data-v-7adb5145] {
  display: inline-block;
  max-width: 100%;
  font-size: 15px;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.messagedialog .messagePos .mescon main[data-v-7adb5145] {
  line-height: 1.5;
  margin-bottom: 5px;
  max-height: 66px;
  overflow: auto;
  word-break: break-all;
}
.messagedialog .messagePos .mescon main[data-v-7adb5145]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.messagedialog .messagePos .mescon main[data-v-7adb5145]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.messagedialog .messagePos .mescon main[data-v-7adb5145]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.messagedialog .messagePos .mescon main[data-v-7adb5145]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.messagedialog .messagePos .foot[data-v-7adb5145] {
  display: flex;
  justify-content: space-between;
  color: #6690ff;
  user-select: none;
}
.messagedialog .messagePos .foot span[data-v-7adb5145] {
  cursor: pointer;
}
.messagedialog .messagePos .foot em[data-v-7adb5145] {
  margin-left: 10px;
  cursor: pointer;
}
.theme2 .messagedialog .messagePos[data-v-7adb5145] {
  background: #2a2b2d;
  border: 1px solid #3d3d3d;
}
.theme2 .messagedialog .messagePos .mescon[data-v-7adb5145] {
  border-color: #494949;
  color: #bbbcc4;
}
.theme2 .messagedialog .messagePos .foot[data-v-7adb5145] {
  color: #4d91ff;
}

.font_n[data-v-5f44cab7] {
  position: absolute;
  transform-origin: 80% 0;
  text-align: center;
  transform: perspective(400px) rotate3d(0.8, 1, -0.7, -45deg);
  color: #fff;
  font-size: 26px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.font_h[data-v-5f44cab7] {
  position: absolute;
  transform-origin: 80% 0;
  text-align: center;
  transform: perspective(400px) rotate3d(0.8, 1, -0.7, -45deg);
  color: #fff;
  font-size: 23px;
  display: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.systemChoose[data-v-5f44cab7] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: url(../img/bg.e00aa4fb.png) no-repeat center;
  background-size: cover;
  z-index: 10001;
  display: flex;
  user-select: none;
}
.systemChoose img[data-v-5f44cab7] {
  display: block;
}
.systemChoose .title[data-v-5f44cab7] {
  position: absolute;
  top: 5%;
  left: 5%;
  display: flex;
  height: 66px;
  justify-content: center;
  align-items: center;
}
.systemChoose .title img[data-v-5f44cab7] {
  max-width: 66px;
  height: auto;
}
.systemChoose .title .name[data-v-5f44cab7] {
  font-size: 30px;
  margin-left: 10px;
  color: #404042;
}
.systemChoose footer[data-v-5f44cab7] {
  text-align: center;
  position: absolute;
  bottom: 20px;
  width: 100%;
}
.systemChoose footer p[data-v-5f44cab7] {
  color: #8a8b8d;
}
.systemChoose .center[data-v-5f44cab7] {
  margin: auto;
  position: relative;
  width: 960px;
  height: 552px;
  display: flex;
}
.systemChoose .center .stable2[data-v-5f44cab7] {
  position: relative;
  animation: rotate360-data-v-5f44cab7 1.5s ease 0s 1 both;
  z-index: 66;
  width: 40%;
  height: 40%;
  margin: auto;
  cursor: pointer;
}
.systemChoose .center .stable2 .font_n[data-v-5f44cab7] {
  bottom: 44px;
  left: -47px;
  width: 208px;
}
.systemChoose .center .stable[data-v-5f44cab7] {
  position: absolute;
  animation: rotate360-data-v-5f44cab7 1.5s ease 0s 1 both;
  width: 100%;
  height: 100%;
}
.systemChoose .center .abs[data-v-5f44cab7] {
  position: absolute;
  width: 307px;
  height: 243px;
  transition: all 0.3s;
}
.systemChoose .center .abs img[data-v-5f44cab7] {
  width: 100%;
  height: 100%;
}
.systemChoose .center .abs img[data-v-5f44cab7]:nth-child(2) {
  display: none;
}
.systemChoose .center .pos1[data-v-5f44cab7] {
  top: 58%;
  left: 71%;
  animation: bounceInRight-data-v-5f44cab7 1s ease 0.6s 1 backwards;
}
.systemChoose .center .pos1 .font_n[data-v-5f44cab7] {
  bottom: 68px;
  left: -23px;
  width: 180px;
}
.systemChoose .center .pos1 .font_h[data-v-5f44cab7] {
  bottom: 70px;
  left: -9px;
  width: 160px;
}
.systemChoose .center .pos2[data-v-5f44cab7] {
  z-index: 2;
  top: 21.75%;
  left: 87.6%;
  animation: bounceInRight-data-v-5f44cab7 1s ease 0.7s 1 backwards;
}
.systemChoose .center .pos2 .font_n[data-v-5f44cab7] {
  bottom: 64px;
  left: -30px;
  width: 190px;
}
.systemChoose .center .pos2 .font_h[data-v-5f44cab7] {
  bottom: 65px;
  left: -12px;
  width: 170px;
}
.systemChoose .center .pos3[data-v-5f44cab7] {
  top: -7.25%;
  left: 70%;
  animation: bounceInTop-data-v-5f44cab7 1s ease 0.8s 1 backwards;
}
.systemChoose .center .pos3 .font_n[data-v-5f44cab7] {
  bottom: 67px;
  left: -18px;
  width: 170px;
}
.systemChoose .center .pos3 .font_h[data-v-5f44cab7] {
  bottom: 70px;
  left: -3px;
  width: 150px;
}
.systemChoose .center .pos4[data-v-5f44cab7] {
  top: -25.4%;
  left: 41.2%;
  animation: bounceInTop-data-v-5f44cab7 1s ease 0.9s 1 backwards;
}
.systemChoose .center .pos4 .font_n[data-v-5f44cab7] {
  bottom: 62px;
  left: -21px;
  width: 175px;
}
.systemChoose .center .pos4 .font_h[data-v-5f44cab7] {
  bottom: 63px;
  left: -4px;
  width: 155px;
}
.systemChoose .center .pos5[data-v-5f44cab7] {
  top: -9%;
  left: 2.5%;
  animation: bounceInLeft-data-v-5f44cab7 1s ease 1s 1 backwards;
}
.systemChoose .center .pos5 .font_n[data-v-5f44cab7] {
  bottom: 58px;
  left: -20px;
  width: 170px;
}
.systemChoose .center .pos5 .font_h[data-v-5f44cab7] {
  bottom: 60px;
  left: -4px;
  width: 150px;
}
.systemChoose .center .pos6[data-v-5f44cab7] {
  top: 29%;
  left: -19%;
  animation: bounceInLeft-data-v-5f44cab7 1s ease 1.1s 1 backwards;
}
.systemChoose .center .pos6 .font_n[data-v-5f44cab7] {
  bottom: 72px;
  left: -19px;
  width: 170px;
}
.systemChoose .center .pos6 .font_h[data-v-5f44cab7] {
  bottom: 73px;
  left: -2px;
  width: 150px;
}
.systemChoose .center .pos7[data-v-5f44cab7] {
  bottom: -12.7%;
  left: -4.5%;
  animation: bounceInBottom-data-v-5f44cab7 1s ease 1.2s 1 backwards;
}
.systemChoose .center .pos7 .font_n[data-v-5f44cab7] {
  bottom: 61px;
  left: -15px;
  width: 170px;
}
.systemChoose .center .pos7 .font_h[data-v-5f44cab7] {
  bottom: 64px;
  left: 0px;
  width: 150px;
}
.systemChoose .center .pos8[data-v-5f44cab7] {
  bottom: -26.4%;
  left: 36%;
  animation: bounceInBottom-data-v-5f44cab7 1s ease 1.3s 1 backwards;
}
.systemChoose .center .pos8 .font_n[data-v-5f44cab7] {
  bottom: 60px;
  left: -18px;
  width: 170px;
}
.systemChoose .center .pos8 .font_h[data-v-5f44cab7] {
  bottom: 61px;
  left: 0px;
  width: 150px;
}
.systemChoose .posTit[data-v-5f44cab7] {
  animation: flipInX-data-v-5f44cab7 1s ease 2s 1 backwards;
}
.systemChoose .back[data-v-5f44cab7] {
  position: absolute;
  right: 20px;
  top: 5px;
  font-size: 30px;
  cursor: pointer;
}
.systemChoose .icon-anniudaochu[data-v-5f44cab7] {
  background-image: linear-gradient(to right, #4270c8, #46c0f9);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.systemChoose .abs.infinityScale[data-v-5f44cab7] {
  animation: scaleDraw-data-v-5f44cab7 5s infinite;
}
@keyframes scaleDraw-data-v-5f44cab7 {
0% {
    transform: scale(1);
}
25% {
    transform: scale(1.06);
}
50% {
    transform: scale(1);
}
75% {
    transform: scale(1.06);
}
}
@keyframes rotate360-data-v-5f44cab7 {
from {
    transform: rotate(0deg) scale(0.3);
}
to {
    transform: rotate(360deg) scale(1);
}
}
@keyframes bounceInLeft-data-v-5f44cab7 {
0%,
  60%,
  75%,
  90%,
  100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
}
60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
}
75% {
    transform: translate3d(-10px, 0, 0);
}
90% {
    transform: translate3d(5px, 0, 0);
}
100% {
    transform: none;
}
}
@keyframes bounceInRight-data-v-5f44cab7 {
0%,
  60%,
  75%,
  90%,
  100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
}
60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
}
75% {
    transform: translate3d(10px, 0, 0);
}
90% {
    transform: translate3d(-5px, 0, 0);
}
100% {
    transform: none;
}
}
@keyframes bounceInTop-data-v-5f44cab7 {
0%,
  60%,
  75%,
  90%,
  100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
}
60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
}
75% {
    transform: translate3d(0, -10px, 0);
}
90% {
    transform: translate3d(0, 5px, 0);
}
100% {
    transform: none;
}
}
@keyframes bounceInBottom-data-v-5f44cab7 {
0%,
  60%,
  75%,
  90%,
  100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
}
60% {
    opacity: 1;
    transform: translate3d(0, -25px, 0);
}
75% {
    transform: translate3d(0, 10px, 0);
}
90% {
    transform: translate3d(0, -5px, 0);
}
100% {
    transform: none;
}
}
@keyframes flipInX-data-v-5f44cab7 {
from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
}
40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
}
60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
}
80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
    transform: perspective(400px);
}
}

.headerTab[data-v-6ae15ab8] {
  position: absolute;
  left: 380px;
  height: 46px;
  font-weight: 700;
}
.headerTab .wrapper[data-v-6ae15ab8] {
  height: 100%;
  display: flex;
  align-items: center;
}
.headerTab .slide[data-v-6ae15ab8] {
  width: auto;
  height: 34px;
  line-height: 34px;
  cursor: pointer;
  position: relative;
  margin-right: 10px;
}
.headerTab .slide .feature-wrap[data-v-6ae15ab8] {
  max-width: 106px;
  border-radius: 100px;
  padding: 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.headerTab .slide .feature-wrap span[data-v-6ae15ab8] {
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
}
.headerTab .slide .feature-wrap[data-v-6ae15ab8]:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.2);
}
.headerTab .feature-wrap.active[data-v-6ae15ab8] {
  color: #fff;
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.2);
}
.headerTab .el-dropdown[data-v-6ae15ab8] {
  color: #bbbcc4;
}
.headerTab .hovermore[data-v-6ae15ab8] {
  cursor: pointer;
  padding: 5px 10px;
  border-radius: 100px;
}
.headerTab .hovermore .trans[data-v-6ae15ab8] {
  transition: all 0.5s;
}
.headerTab .hovermore[data-v-6ae15ab8]:hover {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
}
.headerTab .hovermore:hover .trans[data-v-6ae15ab8] {
  transform: rotate(180deg);
}
.theme1.theme3 .headerTab .el-dropdown[data-v-6ae15ab8] {
  color: #fff;
}
.headerMenu[data-v-6ae15ab8] {
  z-index: 7000 !important;
}
.headerMenu > li[data-v-6ae15ab8] {
  line-height: 40px;
  padding: 0 20px;
}
.headerMenu .el-dropdown-menu__item .active[data-v-6ae15ab8] {
  color: #6690ff;
}

.download[data-v-4fcba40b] {
  height: 300px;
  padding-right: 20px;
  display: flex;
  flex-direction: column;
}
.download .floor[data-v-4fcba40b] {
  display: flex;
  justify-content: space-around;
}
.download .floor > p[data-v-4fcba40b] {
  min-width: 200px;
  text-align: center;
  font-size: 18px;
  line-height: 50px;
}
.download .nosource[data-v-4fcba40b] {
  font-size: 20px;
  margin: auto;
}

.wxBinding[data-v-68a869df] {
  height: 300px;
  padding-right: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.wxBinding .floor[data-v-68a869df] {
  display: flex;
  justify-content: space-around;
}
.wxBinding .floor > p[data-v-68a869df] {
  min-width: 100px;
  text-align: center;
  font-size: 18px;
  line-height: 50px;
}
.wxBinding .nosource[data-v-68a869df] {
  font-size: 20px;
  margin: auto;
}

.theme1.theme3 .header[data-v-79c1c7a8] {
  color: #fff;
}
.theme1 .header.blue[data-v-79c1c7a8] {
  background: #5389f9;
}
.theme1 .header.darkBlue[data-v-79c1c7a8] {
  background: #123067;
}
.theme1 .header.green[data-v-79c1c7a8] {
  background: #057134;
}
.theme1 .header.blue[data-v-79c1c7a8],
.theme1 .header.darkBlue[data-v-79c1c7a8],
.theme1 .header.green[data-v-79c1c7a8] {
  color: #fff;
}
.theme1 .header.blue[data-v-79c1c7a8] .hovermore,
.theme1 .header.darkBlue[data-v-79c1c7a8] .hovermore,
.theme1 .header.green[data-v-79c1c7a8] .hovermore {
  color: #fff;
}
.header[data-v-79c1c7a8] {
  position: relative;
  height: 46px;
  padding: 0 10px;
  display: flex;
  line-height: 46px;
  color: #bbbcc4;
  margin-bottom: 10px;
}
.header .logo[data-v-79c1c7a8] {
  display: flex;
  font-size: 20px;
  margin-right: 15px;
  cursor: pointer;
  font-weight: bold;
  align-items: center;
}
.header .logo img[data-v-79c1c7a8] {
  width: auto;
  height: 30px;
  margin-right: 10px;
}
.header .logo > span[data-v-79c1c7a8] {
  display: inline-block;
  max-width: 400px;
  font-size: 23px;
  letter-spacing: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: Avenir, Helvetica, Arial, sans-serif;
}
.header .hovbtn[data-v-79c1c7a8] {
  position: relative;
  cursor: pointer;
}
.header .hovbtn span[data-v-79c1c7a8] {
  margin-right: 4px;
}
.header .hovbtn i[data-v-79c1c7a8] {
  vertical-align: -2px;
}
.header .hovbtn i.iconfont[data-v-79c1c7a8] {
  margin-right: 4px;
  font-size: 17px;
}
.header .hovbtn .spec[data-v-79c1c7a8] {
  vertical-align: baseline;
  font-size: 16px;
  margin-right: 4px;
}
.header .fnBtn[data-v-79c1c7a8] {
  font-size: 14px;
}
.header .fr[data-v-79c1c7a8] {
  position: relative;
  margin-left: auto;
  display: flex;
}
.header .userhover[data-v-79c1c7a8] {
  position: absolute;
  z-index: 9;
  min-width: 110px;
  right: -10px;
  top: 40px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 0px 5px rgba(68, 48, 96, 0.2);
  padding: 0px 15px;
  padding-top: 5px;
}
.header .userhover li[data-v-79c1c7a8] {
  color: #7b7d87;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
}
.header .userhover li[data-v-79c1c7a8]:last-child {
  border-top: 1px solid #bbbcc4;
  margin-top: 5px;
  line-height: 38px;
}
.header .userhover li[data-v-79c1c7a8]:hover {
  color: #6690ff;
}
.header .iconbox[data-v-79c1c7a8] {
  display: flex;
  margin-top: 1px;
}
.header .iconbox li[data-v-79c1c7a8] {
  position: relative;
  margin-right: 20px;
}
.header .iconbox li i[data-v-79c1c7a8] {
  font-size: 17px;
  cursor: pointer;
}
.header .iconbox li span[data-v-79c1c7a8] {
  display: inline-block;
  position: absolute;
  top: 3px;
  left: 5px;
  background: #f54743;
  color: #fff;
  height: 14px;
  padding: 0px 5px;
  line-height: 14px;
  font-size: 12px;
  border-radius: 10px;
}
.header .ywkehu[data-v-79c1c7a8] {
  border-left: 1px solid #bbbcc4;
  height: 30px;
  line-height: 30px;
  margin-top: 8px;
  margin-left: 10px;
  padding-left: 10px;
}
.header .ywkehu span[data-v-79c1c7a8] {
  margin-right: 5px;
}
.header .ywkehu i[data-v-79c1c7a8] {
  cursor: pointer;
}
.header .header-tips[data-v-79c1c7a8] {
  position: absolute;
  left: 550px;
  top: 0;
  height: 46px;
  width: 36%;
  line-height: 46px;
  background: inherit;
  overflow: hidden;
}
.header .header-tips em[data-v-79c1c7a8] {
  position: absolute;
  color: #ea0407;
  white-space: nowrap;
}
.header .header-tips .txt1[data-v-79c1c7a8] {
  left: 0;
  animation: orientScroll1-data-v-79c1c7a8 20s linear 2s infinite;
}
.header .header-tips .txt2[data-v-79c1c7a8] {
  left: 140%;
  animation: orientScroll2-data-v-79c1c7a8 20s linear 2s infinite;
}
.header .relative[data-v-79c1c7a8] {
  position: relative;
}
.header .fullBtn[data-v-79c1c7a8] {
  position: absolute;
  right: 20px;
  top: 47px;
}
.header .fullBtn > i[data-v-79c1c7a8] {
  font-size: 20px;
  color: #6690ff;
  cursor: pointer;
}
@keyframes orientScroll1-data-v-79c1c7a8 {
0% {
    left: 0;
}
100% {
    left: -800px;
}
}
@keyframes orientScroll2-data-v-79c1c7a8 {
0% {
    left: 800px;
}
100% {
    left: 0;
}
}
.headerdia[data-v-79c1c7a8] {
  z-index: 9099 !important;
}
.themelist[data-v-79c1c7a8] {
  display: flex;
  justify-content: space-around;
  height: 150px;
}
.themelist li[data-v-79c1c7a8] {
  width: 187px;
  height: 117px;
  border-radius: 5px;
  box-shadow: 0px 0px 5px rgba(68, 48, 96, 0.2);
  position: relative;
  cursor: pointer;
}
.themelist li .imgBoxTheme[data-v-79c1c7a8] {
  width: 100%;
  height: 100%;
}
.themelist li .imgBoxTheme[data-v-79c1c7a8]:hover {
  opacity: 0.7;
}
.themelist li .isyou[data-v-79c1c7a8] {
  position: absolute;
  display: block;
  top: calc(50% - 20px);
  left: calc(50% - 20px);
  width: 40px;
}
.themelist li .label[data-v-79c1c7a8] {
  text-align: center;
  font-size: 16px;
  line-height: 50px;
}
.en-US .header .userhover li[data-v-79c1c7a8]:last-child {
  line-height: 3;
}
.en-US .header .header-tips[data-v-79c1c7a8] {
  left: 620px;
}
.en-US .header .userhover[data-v-79c1c7a8] {
  min-width: 116px;
}

.navTree[data-v-34b21104] {
  height: calc(100% - 85px);
  overflow-y: auto;
  user-select: none;
}
.navTree[data-v-34b21104]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.navTree[data-v-34b21104]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.navTree[data-v-34b21104]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.navTree[data-v-34b21104]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.navTree > ul[data-v-34b21104] {
  transition: all 0.5s;
  overflow: hidden;
  border-bottom: 1px solid #f6f4fc;
}
.navTree > ul[data-v-34b21104]:last-child {
  border-bottom: none !important;
}
.navTree > ul .t-title[data-v-34b21104] {
  line-height: 32px;
  padding-left: 15px;
  padding-right: 6px;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}
.navTree > ul .t-title .name[data-v-34b21104] {
  font-weight: bold;
  font-size: 15px;
  display: inline-block;
  width: 137px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.navTree > ul .t-title i[data-v-34b21104] {
  margin-top: 10px;
}
.navTree > ul .t-title[data-v-34b21104]:hover {
  background: #e3ebff;
}
.navTree > ul .t-title.active[data-v-34b21104] {
  color: #6690ff;
}
.navTree > ul .child-con > li[data-v-34b21104] {
  padding-left: 35px;
  line-height: 32px;
  font-size: 15px;
  cursor: pointer;
}
.navTree > ul .child-con > li[data-v-34b21104]:hover {
  background: #e3ebff;
}
.navTree > ul .child-con > li.active[data-v-34b21104] {
  color: #6690ff;
}
.navTree > ul .child-con > li .module-name[data-v-34b21104] {
  display: inline-block;
  width: 130px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: bottom;
}
.navTree > ul .iconfont[data-v-34b21104] {
  margin-right: 6px;
}
.theme2.home .nav .bookmarks .navTree > ul[data-v-34b21104] {
  border-bottom: 1px solid #494949;
}
.theme2.home .nav .bookmarks .navTree > ul .child-con > li[data-v-34b21104]:hover,
.theme2.home .nav .bookmarks .navTree > ul .t-title[data-v-34b21104]:hover {
  color: #fff;
  background: #6a6d7c;
}
.theme2.home .nav .bookmarks .navTree > ul .child-con > li.active[data-v-34b21104],
.theme2.home .nav .bookmarks .navTree > ul .t-title.active[data-v-34b21104] {
  color: #6690ff;
}

.navTree[data-v-063216d7] {
  height: calc(100% - 85px);
  overflow-y: auto;
  user-select: none;
}
.navTree[data-v-063216d7]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.navTree[data-v-063216d7]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.navTree[data-v-063216d7]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.navTree[data-v-063216d7]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.navTree > ul[data-v-063216d7] {
  transition: all 0.5s;
  overflow: hidden;
}
.navTree > ul .t-title[data-v-063216d7] {
  line-height: 50px;
  padding-left: 15px;
  padding-right: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.navTree > ul .t-title .name[data-v-063216d7] {
  font-size: 14px;
  display: inline-block;
  width: 134px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.navTree > ul .t-title[data-v-063216d7]:hover {
  background: #e3ebff;
}
.navTree > ul .t-title.active[data-v-063216d7] {
  color: #6690ff;
}
.navTree > ul .child-con > li[data-v-063216d7] {
  padding-left: 40px;
  line-height: 50px;
  font-size: 14px;
  cursor: pointer;
}
.navTree > ul .child-con > li[data-v-063216d7]:hover {
  background: #e3ebff;
}
.navTree > ul .child-con > li.active[data-v-063216d7] {
  color: #6690ff;
}
.navTree > ul .child-con > li .module-name[data-v-063216d7] {
  display: inline-block;
  width: 130px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: bottom;
}
.navTree > ul .iconfont[data-v-063216d7] {
  margin-right: 10px;
}
.theme2.home .nav .bookmarks .navTree > ul[data-v-063216d7] {
  border-bottom: 1px solid #494949;
}
.theme2.home .nav .bookmarks .navTree > ul .child-con > li[data-v-063216d7]:hover,
.theme2.home .nav .bookmarks .navTree > ul .t-title[data-v-063216d7]:hover {
  color: #fff;
  background: #6a6d7c;
}
.theme2.home .nav .bookmarks .navTree > ul .child-con > li.active[data-v-063216d7],
.theme2.home .nav .bookmarks .navTree > ul .t-title.active[data-v-063216d7] {
  color: #6690ff;
}

.bookmarks[data-v-2cbd9d85] {
  position: absolute;
  z-index: 8100;
  top: 0;
  left: -230px;
  min-width: 200px;
  height: 100%;
  background: #fff;
  border-radius: 0px 5px 5px 0px;
  box-shadow: 0px 0px 5px rgba(68, 48, 96, 0.2);
  transition: all 0.4s;
}
.bookmarks .fixbox[data-v-2cbd9d85] {
  display: flex;
  flex-direction: column;
  height: 100%;
  color: #404042;
}
.bookmarks .fixbox .fixtop[data-v-2cbd9d85] {
  padding: 10px 15px;
  cursor: pointer;
}
.bookmarks .fixbox .fixtop span[data-v-2cbd9d85] {
  margin-left: 5px;
}
.bookmarks .fixbox .fixtop.active[data-v-2cbd9d85] {
  color: #6690ff;
}
.bookmarks .fixbox .fixtop[data-v-2cbd9d85]:hover {
  background: #e3ebff;
}
.bookmarks .fixbox .fixtop.nh[data-v-2cbd9d85] {
  background: inherit;
}
.bookmarks .fixbox .fixbot[data-v-2cbd9d85] {
  margin-top: auto;
  padding: 10px 15px;
  cursor: pointer;
}
.bookmarks .fixbox i[data-v-2cbd9d85] {
  font-size: 15px;
}
.bookmarks .fixbox h1[data-v-2cbd9d85] {
  font-size: 14px;
  font-weight: normal;
  padding: 10px 15px;
}
.bookmarks .fixbox .marklist[data-v-2cbd9d85] {
  height: calc(100% - 80px);
  overflow-y: auto;
}
.bookmarks .fixbox .marklist li[data-v-2cbd9d85] {
  display: flex;
  padding: 10px 15px;
}
.bookmarks .fixbox .marklist li .mdName[data-v-2cbd9d85] {
  margin-left: 5px;
  cursor: default;
  width: 130px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bookmarks .fixbox .marklist li.active[data-v-2cbd9d85] {
  color: #6690ff;
}
.bookmarks .fixbox .marklist li[data-v-2cbd9d85]:hover {
  background: #e3ebff;
}
.bookmarks .fixbox .marklist li .markicon[data-v-2cbd9d85] {
  margin-left: auto;
}
.bookmarks .fixbox .marklist li .markicon .iconfont[data-v-2cbd9d85] {
  font-size: 14px;
  cursor: pointer;
}
.bookmarks .fixbox .marklist li .markicon .hover[data-v-2cbd9d85] {
  position: relative;
}
.bookmarks .fixbox .marklist li .markicon .hover .tooltip[data-v-2cbd9d85] {
  position: absolute;
  left: -11px;
  top: -34px;
  background: #303133;
  color: #fff;
  min-width: 40px;
  padding: 5px;
  font-size: 12px;
  border-radius: 4px;
  text-align: center;
  cursor: initial;
  display: none;
}
.bookmarks .fixbox .marklist li .markicon .hover .tooltip div[data-v-2cbd9d85] {
  font-size: 12px;
}
.bookmarks .fixbox .marklist li .markicon .hover .tooltip .arrow[data-v-2cbd9d85] {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 6px;
  bottom: -6px;
  border-top-color: #303133;
  border-bottom-width: 0;
  left: 13px;
}
.bookmarks .fixbox .marklist li .markicon .hover .tooltip[data-v-2cbd9d85]:hover {
  background: red;
  display: none !important;
}
.bookmarks .fixbox .marklist[data-v-2cbd9d85]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.bookmarks .fixbox .marklist[data-v-2cbd9d85]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.bookmarks .fixbox .marklist[data-v-2cbd9d85]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.bookmarks .fixbox .marklist[data-v-2cbd9d85]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.bookmarks .flex[data-v-2cbd9d85] {
  display: flex;
}
.en-US .bookmarks .fixbox span[data-v-2cbd9d85] {
  vertical-align: 0px;
}
.en-US .bookmarks .fixbox i[data-v-2cbd9d85] {
  font-size: 14px;
}
.en-US .bookmarks .fixbox .marklist li[data-v-2cbd9d85] {
  padding: 0px 15px;
  line-height: 34px;
}
.en-US .bookmarks .fixbox .marklist li .markicon .hover .tooltip[data-v-2cbd9d85] {
  padding: 0;
  top: -36px;
  line-height: 30px;
}
.theme2 .bookmarks .fixbox .fixtop[data-v-2cbd9d85]:hover {
  background: #6a6d7c;
  color: #fff;
}

.nav {
  position: relative;
  display: flex;
  height: 100%;
  width: 40px;
  border-radius: 0px 4px 4px 0px;
  box-shadow: 0px 0px 5px rgba(68, 48, 96, 0.2);
}
.nav .navlist {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.nav .navlist.treeShowStyle {
  position: relative;
  z-index: 9;
}
.nav .navlist.treeShowStyle li .collectlist {
  height: calc(100vh - 148px);
  position: absolute;
  overflow-y: auto;
}
.nav .navlist.treeShowStyle li .collectlist::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.nav .navlist.treeShowStyle li .collectlist::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.nav .navlist.treeShowStyle li .collectlist::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.nav .navlist.treeShowStyle li .collectlist::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.nav .navlist.treeShowStyle li .collectlist li {
  position: relative;
  height: 34px;
}
.nav .navlist.treeShowStyle li .collectlist li:hover > i {
  color: #6690ff;
}
.nav .navlist.treeShowStyle .bookFold {
  cursor: pointer;
  background: #fff;
  z-index: 9;
}
.nav .navlist li {
  font-size: 20px;
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
}
.nav .navlist li:last-child {
  margin-top: auto;
}
.nav .navlist li.active {
  color: #6690ff;
}
.nav .navlist li i.iconfont {
  font-size: 18px;
}
.nav .navlist li .collectlist {
  height: calc(100vh - 188px);
  overflow: hidden;
}
.nav .navlist li .collectlist li {
  border: none !important;
}
.nav .tabbox {
  height: 28px;
  margin-left: 10px;
  transition: all 0.4s;
}
.nav .tabbox .el-tabs__item {
  border-radius: 3px;
  margin-right: 4px;
  height: 28px;
  line-height: 28px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
  border-bottom: none !important;
  border-left: none !important;
}
.nav .tabbox .el-tabs__header .el-tabs__nav,
.nav .tabbox .el-tabs--card > .el-tabs__header {
  border: none !important;
}
.nav .tabbox .el-tabs__header {
  margin: 0;
}
.nav .tabbox .el-tabs__nav-wrap {
  overflow: initial;
}
.nav .tabbox .el-tabs__nav-scroll {
  overflow: initial;
}
.nav .navLayer {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 100%;
}
.nav .rotate {
  transition: transform 0.3s ease-in-out;
}
.nav .rotate:hover {
  transform: rotate(180deg);
}
.nav .el-tabs__item .el-icon-close {
  transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.nav .menuBox {
  position: absolute;
  top: 0;
  left: 38px;
  width: 200px;
  height: auto;
  background: transparent;
  padding-left: 8px;
  z-index: 6667;
}
.nav .menuBox .menu {
  width: 180px;
  padding: 8px 15px;
  text-align: left;
  background: #fff;
  box-shadow: 0px 0px 10px rgba(68, 48, 96, 0.2);
}
.nav .menuBox .menu > div {
  cursor: pointer;
}
.nav .menuBox .menu > div:not(.moduleTitle):hover {
  color: #6690ff;
  background: #f0f4ff;
}
.nav .menuBox .menu > div .iconfont {
  margin-right: 10px;
}
.nav .menuBox .menu > div > span {
  font-size: 15px;
}
.nav .menuBox .menu-triangle-top {
  position: absolute;
  top: 15px;
  left: 0px;
  bottom: auto;
  width: 0;
  height: 0;
  border-right: 8px solid #fff;
  border-bottom: 6px solid transparent;
  border-top: 6px solid transparent;
}
.nav .menuBox .menu-triangle-bottom {
  position: absolute;
  top: auto;
  left: 0px;
  bottom: 15px;
  width: 0;
  height: 0;
  border-right: 8px solid #fff;
  border-bottom: 6px solid transparent;
  border-top: 6px solid transparent;
}
.nav .menuBox.new {
  width: 188px;
  max-height: 600px;
  box-shadow: 3px 0px 10px rgba(68, 48, 96, 0.2);
  overflow-y: auto;
  overflow-x: hidden;
}
.nav .menuBox.new::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.nav .menuBox.new::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.nav .menuBox.new::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.nav .menuBox.new::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.nav .menuBox.new .menu {
  padding: 0;
  box-shadow: none;
}
.nav .menuBox.new .menu > div {
  padding: 6px 15px;
}
.nav .menuBox.new .menu > div > .iconfont {
  margin-right: 0;
}
.nav .menuBox.new .menu > div:last-child {
  padding-bottom: 10px;
}
.nav .menuBox.new .menu .moduleTitle {
  font-weight: bold;
  cursor: inherit;
  padding: 10px;
  padding-left: 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.nav .menuBox.new .every {
  display: flex;
  align-items: center;
}
.nav .menuBox.new .every .name {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.theme2 .nav .menuBox .menu-triangle-top {
  border-right-color: #18191b;
}
.theme2 .nav .menuBox .menu {
  background: #18191b;
}
.theme2 .nav .menuBox .menu > div:hover {
  color: #4d91ff;
  background: #333a4c;
}
.theme2 .nav .navlist.treeShowStyle li .collectlist::-webkit-scrollbar {
  width: "theme2";
  height: 4px;
}
.theme2 .nav .navlist.treeShowStyle li .collectlist::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.theme2 .nav .navlist.treeShowStyle li .collectlist::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.theme2 .nav .navlist.treeShowStyle li .collectlist::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}

.guidemask[data-v-1d4e1392] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100vh;
  z-index: 99999999;
  background: rgba(0, 0, 0, 0.8);
  user-select: none;
}
.guidemask .stepbox[data-v-1d4e1392] {
  width: 100%;
  height: 100vh;
  position: relative;
}
.guidemask .stepbox .cloudy[data-v-1d4e1392] {
  position: absolute;
  width: 260px;
  height: 140px;
  background: url(../img/guide_bg.9cde8621.png) no-repeat;
  background-size: contain;
  transition: all 0.5s ease;
}
.guidemask .stepbox .guide[data-v-1d4e1392] {
  opacity: 0;
  transition: all 0.8s ease;
}
.guidemask .stepbox .guide .contain[data-v-1d4e1392] {
  z-index: 0;
}
.guidemask .stepbox .guide .contain .posab[data-v-1d4e1392] {
  z-index: 0;
  cursor: initial;
}
.guidemask .stepbox .guide .contain .btncontain span[data-v-1d4e1392] {
  cursor: initial;
}
.guidemask .stepbox .gShow[data-v-1d4e1392] {
  opacity: 1;
}
.guidemask .stepbox .gShow .contain[data-v-1d4e1392] {
  z-index: 9;
}
.guidemask .stepbox .gShow .contain .posab[data-v-1d4e1392] {
  z-index: 9;
  cursor: pointer;
}
.guidemask .stepbox .gShow .contain .btncontain span[data-v-1d4e1392] {
  cursor: pointer;
}
.guidemask .stepbox .contain[data-v-1d4e1392] {
  position: absolute;
  width: 260px;
  height: 180px;
  color: #fff;
  font-weight: 300;
}
.guidemask .stepbox .contain .bgcontain[data-v-1d4e1392] {
  width: 100%;
  height: 140px;
}
.guidemask .stepbox .contain .bgcontain span[data-v-1d4e1392] {
  display: inline-block;
  margin-top: 50px;
  margin-left: 30px;
  width: 200px;
  text-indent: 2em;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 1.5em;
}
.guidemask .stepbox .contain .btncontain[data-v-1d4e1392] {
  width: 100%;
  height: 30px;
  text-align: center;
  margin-top: 5px;
}
.guidemask .stepbox .contain .btncontain span[data-v-1d4e1392] {
  display: inline-block;
  padding: 3px 12px;
  border: 1px solid #fff;
  margin: 0 15px;
  border-radius: 50px;
}
.guidemask .stepbox .contain .posab[data-v-1d4e1392] {
  position: absolute;
  right: 4px;
  top: 4px;
  border: 1px solid #fff;
  border-radius: 50%;
  padding: 3px;
}
.guidemask .stepbox .step1[data-v-1d4e1392] {
  top: 80px;
  left: 260px;
}
.guidemask .stepbox .step2[data-v-1d4e1392] {
  top: 260px;
  left: 40px;
}
.guidemask .stepbox .step3[data-v-1d4e1392] {
  bottom: 30px;
  left: 104px;
}
.guidemask .stepbox .step4[data-v-1d4e1392] {
  top: 100px;
  right: 110px;
}
.guidemask .stepbox img[data-v-1d4e1392] {
  position: absolute;
  display: block;
}
.guidemask .stepbox .g1[data-v-1d4e1392] {
  width: 100px;
  left: 160px;
  top: 2px;
  box-shadow: 0px 0px 50px #888888;
}
.guidemask .stepbox .ga1[data-v-1d4e1392] {
  width: 100px;
  top: 20px;
  left: 270px;
}
.guidemask .stepbox .g2[data-v-1d4e1392] {
  width: 40px;
  top: 96px;
  left: 0;
  box-shadow: 0px 0px 50px #888888;
}
.guidemask .stepbox .ga2[data-v-1d4e1392] {
  width: 100px;
  top: 200px;
  left: 50px;
}
.guidemask .stepbox .g3[data-v-1d4e1392] {
  width: 40px;
  bottom: 10px;
  left: 0;
  box-shadow: 0px 0px 50px #888888;
}
.guidemask .stepbox .ga3[data-v-1d4e1392] {
  width: 90px;
  bottom: 55px;
  left: 10px;
}
.guidemask .stepbox .g4[data-v-1d4e1392] {
  width: 132px;
  top: 0px;
  right: 10px;
  box-shadow: 0px 0px 50px #888888;
}
.guidemask .stepbox .ga4[data-v-1d4e1392] {
  width: 80px;
  top: 50px;
  right: 60px;
}
.scale[data-v-1d4e1392] {
  animation: scaleDraw-data-v-1d4e1392 5s infinite;
}
@keyframes scaleDraw-data-v-1d4e1392 {
0% {
    transform: scale(1);
}
25% {
    transform: scale(1.08);
}
50% {
    transform: scale(1);
}
75% {
    transform: scale(1.08);
}
}

.svgLoading {
  width: 4%;
  height: 40px;
}
.segment {
  opacity: 0;
  fill: #008cff;
}

.aiSearch {
  flex: 1;
  border: 1px solid #b0e3ff;
  border-radius: 6px;
}
.aiSearch .el-select .el-input__inner:focus {
  border-color: #b0e3ff;
}
.aiSearch .el-select .el-input.is-focus .el-input__inner {
  border-color: #b0e3ff;
}
.aiSearch .el-input__suffix {
  right: 10px;
  top: 4px;
}
.aiSearch .el-input__suffix .icon-search {
  color: #008cff;
  float: right;
}
.aiSearch .el-autocomplete {
  width: 100%;
}
.aiSearch .el-autocomplete .el-input {
  width: 100%;
}
.aiSearch .el-autocomplete .el-input--small .el-input__icon {
  line-height: 25px;
  height: initial;
}
.aiSearch .el-autocomplete .el-input__inner {
  color: #5e697a;
  padding-left: 10px;
  padding-right: 36px;
  border: none;
}
.aiSearch input::-webkit-input-placeholder {
  color: #8a8a99;
}
.el-autocomplete-suggestion.el-popper.aiSearchPopper {
  border: none;
  z-index: 8888 !important;
  border: 1px solid #b0e3ff;
  border-radius: 6px;
  bottom: 38px;
  top: initial !important;
  left: 0 !important;
}
.el-autocomplete-suggestion.el-popper.aiSearchPopper .popper__arrow {
  display: none;
}
.el-autocomplete-suggestion.el-popper.aiSearchPopper ul {
  padding: 0 10px;
}
.el-autocomplete-suggestion.el-popper.aiSearchPopper li {
  padding: 0;
  line-height: initial;
}
.el-autocomplete-suggestion.el-popper.aiSearchPopper li:last-child > ul {
  border-bottom: none;
}
.el-autocomplete-suggestion.el-popper.aiSearchPopper li:hover {
  color: inherit;
}
.el-autocomplete-suggestion.el-popper.aiSearchPopper li:last-child {
  border: none;
}
.el-autocomplete-suggestion.el-popper.aiSearchPopper li .searchlist {
  padding: 10px 0px;
  display: flex;
  justify-content: flex-start;
  border-bottom: 1px solid #ebeef5;
}
.el-autocomplete-suggestion.el-popper.aiSearchPopper li .searchlist > li {
  padding: 0 10px;
}
.el-autocomplete-suggestion.el-popper.aiSearchPopper li .searchlist > li:first-child {
  min-width: 100px;
  text-align: center;
}
.el-autocomplete-suggestion.el-popper.aiSearchPopper li .searchlist > li:nth-child(2) {
  width: 260px;
  color: #008cff;
}
.el-autocomplete-suggestion.el-popper.aiSearchPopper li .searchlist > li:nth-child(3) {
  width: 150px;
}
.el-autocomplete-suggestion.el-popper.aiSearchPopper li .searchlist > li:nth-child(4) {
  flex: 1;
}
.el-autocomplete-suggestion.el-popper.aiSearchPopper li .searchlist .typeName {
  font-weight: bold;
}
.el-autocomplete-suggestion.el-popper.aiSearchPopper li .empty {
  text-align: center;
}
.theme2 .aiSearch {
  border-color: #494949;
}
.theme2 .aiSearch .el-autocomplete .el-input__inner {
  border-color: #0070ad;
}
.theme2 .aiSearchPopper.el-autocomplete-suggestion {
  background: #353638;
  border: none;
}
.theme2 .el-autocomplete-suggestion.el-popper.aiSearchPopper li .searchlist {
  border-color: #3d3d3d;
}
.theme2 .aiSearch .el-autocomplete .el-input__inner {
  color: #b7b7b7;
}


[data-v-737cae92] .el-dialog__body {
  padding-top: 0px !important;
  padding-right: 20px;
}
.dia-content[data-v-737cae92] {
  position: relative;
}

.blpopper-class {
  z-index: 8100 !important;
}

.wholeAi.el-drawer__wrapper {
  background: none !important;
  z-index: 9400 !important;
  top: 94px;
  bottom: 10px;
  overflow: initial;
  width: 1260px;
  left: auto;
  right: 0;
}
.wholeAi.el-drawer__wrapper .aiDrawer {
  border-radius: 10px;
  background: transparent;
  display: flex;
}
.wholeAi.el-drawer__wrapper .aiDrawer .el-drawer__body {
  background: #fff;
  opacity: 1;
  overflow: hidden;
  display: flex;
}
.wholeAi.el-drawer__wrapper .aiDrawer .header {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  background: transparent;
}
.wholeAi.el-drawer__wrapper .aiDrawer .header span {
  font-size: 16px;
  font-weight: bold;
}
.wholeAi.el-drawer__wrapper .aiDrawer .header .foldico {
  position: absolute;
  left: 30px;
  top: 15px;
  font-size: 20px;
  cursor: pointer;
}
.wholeAi.el-drawer__wrapper .aiDrawer .header .closeico {
  position: absolute;
  right: 20px;
  top: 15px;
  font-size: 20px;
  cursor: pointer;
}
.wholeAi.el-drawer__wrapper .aiDrawer .QAcontent {
  line-height: 2;
  padding: 20px 30px;
  padding-bottom: 4px;
  overflow: auto;
  overflow-x: hidden;
}
.wholeAi.el-drawer__wrapper .aiDrawer .QAcontent::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.wholeAi.el-drawer__wrapper .aiDrawer .QAcontent::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.wholeAi.el-drawer__wrapper .aiDrawer .QAcontent::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.wholeAi.el-drawer__wrapper .aiDrawer .QAcontent::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.wholeAi.el-drawer__wrapper .aiDrawer .QAcontent .posright {
  display: flex;
  margin: 15px 0;
}
.wholeAi.el-drawer__wrapper .aiDrawer .QAcontent .question-keyword {
  display: inline-block;
  margin-left: auto;
  padding: 4px 20px;
  border-radius: 20px;
  background: linear-gradient(to right, #0098ff, #0066ff);
  color: #fff;
}
.wholeAi.el-drawer__wrapper .aiDrawer .QAcontent .writeByte,
.wholeAi.el-drawer__wrapper .aiDrawer .QAcontent .writeByteFinal,
.wholeAi.el-drawer__wrapper .aiDrawer .QAcontent .historyContent {
  margin-top: 10px;
  padding-left: 38px;
  width: 100%;
  height: auto;
}
.wholeAi.el-drawer__wrapper .aiDrawer .QAcontent .writeByteFinal {
  display: none;
}
.wholeAi.el-drawer__wrapper .aiDrawer .QAcontent .stable-block {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0px 0px 10px rgba(30, 30, 30, 0.1);
  padding: 15px;
  min-width: 900px;
  min-height: 88px;
}
.wholeAi.el-drawer__wrapper .aiDrawer .QAcontent .stable-block.fix {
  position: relative;
  padding-bottom: 24px;
  overflow: hidden;
  min-height: 0;
}
.wholeAi.el-drawer__wrapper .aiDrawer .QAcontent .stable-block.fix .posFold {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  text-align: center;
}
.wholeAi.el-drawer__wrapper .aiDrawer .QAcontent .stable-block.fix .posFold > span {
  cursor: pointer;
}
.wholeAi.el-drawer__wrapper .aiDrawer .QAcontent .stable-block.fix .posFold > span i {
  font-size: 10px;
  margin-right: 10px;
}
.wholeAi.el-drawer__wrapper .aiDrawer .QAcontent .stable-block.fix .posFold > span .reverse {
  position: absolute;
  top: 5px;
  transform: rotate(180deg);
}
.wholeAi.el-drawer__wrapper .aiDrawer .QAcontent .stable-block .problem {
  position: relative;
  display: flex;
}
.wholeAi.el-drawer__wrapper .aiDrawer .QAcontent .stable-block .problem > .title {
  padding-left: 10px;
  display: flex;
  flex-direction: column;
}
.wholeAi.el-drawer__wrapper .aiDrawer .QAcontent .stable-block .problem .fb {
  font-size: 16px;
  font-weight: bold;
}
.wholeAi.el-drawer__wrapper .aiDrawer .QAcontent .stable-block .problem .fb i {
  font-size: 12px;
  margin-left: 10px;
  font-weight: normal;
}
.wholeAi.el-drawer__wrapper .aiDrawer .QAcontent .stable-block .problem img {
  display: block;
  width: 27px;
  height: 27px;
}
.wholeAi.el-drawer__wrapper .aiDrawer .QAcontent .stable-block .problem .svgL {
  position: absolute;
  top: 40px;
  left: 2px;
}
.wholeAi.el-drawer__wrapper .aiDrawer .QAcontent .stable-block .btns-wrap {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 10px;
}
.wholeAi.el-drawer__wrapper .aiDrawer .QAcontent .stable-block .btns-wrap > li {
  padding: 4px 20px;
  flex-basis: 204px;
  flex-shrink: 0;
  background: #0098ff18;
  border-radius: 5px;
  color: #008cff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-right: 14px;
  margin-top: 15px;
  cursor: pointer;
}
.wholeAi.el-drawer__wrapper .aiDrawer .QAcontent .stable-block .btns-wrap > li:nth-child(-n + 4) {
  margin-top: 0;
}
.wholeAi.el-drawer__wrapper .aiDrawer .QAcontent .stable-block .btns-wrap > li:nth-child(4n) {
  margin-right: 0;
}
.wholeAi.el-drawer__wrapper .aiDrawer .QAcontent .stable-block .btns-wrap > li:hover {
  background: #0098ff28;
  color: #0070cb;
}
.wholeAi.el-drawer__wrapper .aiDrawer .QAcontent .stable-block .backpoint {
  padding-left: 40px;
}
.wholeAi.el-drawer__wrapper .aiDrawer .QAcontent .loadBtnBox {
  display: flex;
  margin-top: 20px;
  justify-content: center;
  align-content: center;
}
.wholeAi.el-drawer__wrapper .aiDrawer .QAcontent .btnList {
  display: flex;
  padding: 10px 40px;
}
.wholeAi.el-drawer__wrapper .aiDrawer .QAcontent .btnList > li {
  margin-right: 20px;
}
.wholeAi.el-drawer__wrapper .leftHis {
  width: 300px;
  height: 100%;
  background: transparent;
  border-right: 1px solid #dcdfe6;
}
.wholeAi.el-drawer__wrapper .leftHis .topcon {
  height: 160px;
  border-bottom: 1px solid #dcdfe6;
  padding-top: 20px;
}
.wholeAi.el-drawer__wrapper .leftHis .topcon .flexCon {
  display: flex;
  width: 80%;
  margin: 0 auto;
  align-items: center;
  margin-bottom: 20px;
}
.wholeAi.el-drawer__wrapper .leftHis .topcon .flexCon > span {
  font-size: 18px;
  font-weight: bold;
  margin-left: 10px;
}
.wholeAi.el-drawer__wrapper .leftHis .newChat {
  width: 80%;
  margin: 0 auto;
  padding: 10px 20px;
  background: #0098ff18;
  border-radius: 5px;
  color: #008cff;
  cursor: pointer;
  font-size: 16px;
}
.wholeAi.el-drawer__wrapper .leftHis .newChat i {
  margin-right: 5px;
}
.wholeAi.el-drawer__wrapper .leftHis .history-record {
  padding: 10px 20px;
  overflow: auto;
  height: calc(100% - 160px);
}
.wholeAi.el-drawer__wrapper .leftHis .history-record::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.wholeAi.el-drawer__wrapper .leftHis .history-record::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.wholeAi.el-drawer__wrapper .leftHis .history-record::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.wholeAi.el-drawer__wrapper .leftHis .history-record::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.wholeAi.el-drawer__wrapper .leftHis .history-record > ul > li {
  font-size: 15px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  padding-left: 20px;
}
.wholeAi.el-drawer__wrapper .leftHis .history-record > ul > li:hover {
  background: #0098ff18;
  border-radius: 5px;
}
.wholeAi.el-drawer__wrapper .leftHis .history-record > ul > li:first-child {
  font-weight: bold;
  cursor: initial;
}
.wholeAi.el-drawer__wrapper .leftHis .history-record > ul > li:first-child:hover {
  background: none;
}
.wholeAi.el-drawer__wrapper .leftHis .history-record > ul > li > span {
  display: inline-block;
  width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
}
.wholeAi.el-drawer__wrapper .leftHis .history-record > ul > li > span.active {
  color: #008cff;
}
.wholeAi.el-drawer__wrapper .leftHis .history-record > ul > li > i {
  display: none;
}
.wholeAi.el-drawer__wrapper .rightContent {
  width: 960px;
  height: 100%;
  position: relative;
}
.wholeAi.el-drawer__wrapper .curosrBox {
  display: none;
}
.wholeAi.el-drawer__wrapper .backpoint li {
  list-style-type: disc;
}
.wholeAi.el-drawer__wrapper .clickable {
  color: #008cff;
  cursor: pointer;
}
.wholeAi.el-drawer__wrapper .operationWrap {
  position: absolute;
  width: 100%;
  height: 190px;
  bottom: 0;
  padding: 20px;
}
.wholeAi.el-drawer__wrapper .operationWrap .stop-btn {
  position: absolute;
  right: 22px;
  top: -8px;
  color: #008cff;
  cursor: pointer;
}
.wholeAi.el-drawer__wrapper .bg-wrap {
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 8px;
  box-shadow: 3px 3px 5px rgba(11, 133, 255, 0.1);
  padding: 15px 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.wholeAi.el-drawer__wrapper .hovBtn {
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
}
.wholeAi.el-drawer__wrapper .hovBtn > li {
  max-width: 300px;
  width: auto;
  margin-right: 10px;
  margin-bottom: 10px;
  background: #0098ff28;
  border-radius: 5px;
  padding: 5px 20px;
}
.wholeAi.el-drawer__wrapper .hovBtn > li:last-child {
  margin-right: 0;
}
.wholeAi.el-drawer__wrapper .hovBtn > li .el-dropdown {
  width: 100%;
  text-align: center;
}
.wholeAi.el-drawer__wrapper .searchBtn {
  color: #008cff;
}
.wholeAi.el-drawer__wrapper .searchBtn > i {
  margin-right: 10px;
  font-size: 18px;
}
@keyframes rotate {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
.wholeAi.el-drawer__wrapper .rotating-element {
  position: absolute;
  left: -17px;
  top: -1px;
  animation: rotate 2s linear infinite;
}
.wholeAi.el-drawer__wrapper .lv1-txt {
  font-weight: bold;
  font-size: 18px;
  letter-spacing: 2px;
}
.wholeAi.el-drawer__wrapper .lv2-txt {
  padding-left: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.wholeAi.el-drawer__wrapper .lv3-txt {
  padding-left: 40px;
}
.wholeAi.el-drawer__wrapper .lv3-txt .label {
  font-weight: bold;
}
.wholeAi.el-drawer__wrapper .lv4-txt {
  padding-left: 0;
}
.wholeAi.el-drawer__wrapper .wirte-chart {
  width: 100%;
  height: 280px;
}
.wholeAi.el-drawer__wrapper .wirte-chart > div {
  width: 100%;
  height: 100%;
}
.wholeAi.el-drawer__wrapper .wirte-chart img {
  display: block;
  width: 100%;
  height: 100%;
}
.wholeAi.el-drawer__wrapper .hz-table {
  padding: 10px 40px 10px 0;
}
.wholeAi.el-drawer__wrapper .flex-wrapper {
  position: relative;
  display: flex;
  height: 80px;
}
.wholeAi.el-drawer__wrapper .flex-wrapper .btnstyle {
  background: linear-gradient(to right, #0098ff, #0066ff);
  padding: 5px;
  border-radius: 50%;
  display: flex;
  font-size: 16px;
}
.wholeAi.el-drawer__wrapper .flex-wrapper .btnstyle .el-icon--right {
  margin: 0;
}
.wholeAi.el-drawer__wrapper .flex-wrapper .btnstyle.grays {
  background: gray;
}
.wholeAi.el-drawer__wrapper .flex-wrapper .internet {
  line-height: 26px;
  height: 26px;
  background: #efefef;
  padding: 0 10px;
  border-radius: 5px;
  cursor: pointer;
  user-select: none;
  margin-right: 10px;
}
.wholeAi.el-drawer__wrapper .flex-wrapper .internet > i {
  margin-right: 5px;
  font-size: 14px;
}
.wholeAi.el-drawer__wrapper .flex-wrapper .internet.active {
  color: #008cff;
  background: #0098ff28;
}
.wholeAi.el-drawer__wrapper .flex-wrapper .posBtn {
  position: absolute;
  width: 100%;
  bottom: 10px;
  left: 0;
  display: flex;
  padding: 0 10px;
  justify-content: space-between;
}
.wholeAi.el-drawer__wrapper .flex-wrapper .posBtn .mulbtns {
  display: flex;
  align-items: center;
}
.wholeAi.el-drawer__wrapper .flex-wrapper .posBtn .mulbtns .speechStatus {
  margin-right: 20px;
  color: #008cff;
}
.wholeAi.el-drawer__wrapper .label_switch {
  display: flex;
  align-items: center;
  margin-left: 10px;
}
.wholeAi.el-drawer__wrapper .label_switch span {
  margin-right: 10px;
}
.wholeAi.el-drawer__wrapper .writerClass ul,
.wholeAi.el-drawer__wrapper .writerClass ol {
  padding-left: 20px;
}
.wholeAi.el-drawer__wrapper .writerClass li {
  list-style: disc;
}
.wholeAi.el-drawer__wrapper .writerClass.notAI {
  white-space: initial;
}
.wholeAi.el-drawer__wrapper .writerClass.notAI ul {
  padding-left: 0;
}
.wholeAi.el-drawer__wrapper .writerClass .hz-table li {
  list-style: none;
}
.wholeAi.el-drawer__wrapper .writerClass pre {
  width: 95.5%;
  border-radius: 10px;
  overflow: auto;
}
.wholeAi.el-drawer__wrapper .writerClass table {
  border-collapse: collapse;
  margin: 10px 0;
}
.wholeAi.el-drawer__wrapper .writerClass table thead {
  background: #fafafa;
  box-sizing: border-box;
  border-bottom: 1px solid #ebeef5;
}
.wholeAi.el-drawer__wrapper .writerClass table thead tr th {
  padding: 4px 5px;
}
.wholeAi.el-drawer__wrapper .writerClass table tbody tr {
  border-bottom: 1px solid #ebeef5;
}
.wholeAi.el-drawer__wrapper .writerClass table tbody tr td {
  text-align: center;
  padding: 4px 5px;
}
.wholeAi.el-drawer__wrapper .writerClass blockquote {
  padding: 0 1em;
  color: #6a737d;
  border-left: 0.25em solid #dfe2e5;
  margin: 0;
}
.wholeAi.el-drawer__wrapper .writerClass a {
  color: #008cff;
}
.wholeAi.el-drawer__wrapper .iframeAICls {
  display: block;
  width: 100%;
  height: 300px;
  border: none;
}
.placetopMenu.el-dropdown-menu {
  z-index: 13444 !important;
  border: 1px solid #b0e3ff;
}
.placetopMenu.el-dropdown-menu .el-dropdown-menu__item {
  min-width: 180px;
  display: flex;
  justify-content: space-between;
  line-height: 40px;
  color: #008cff;
}
.placetopMenu.el-dropdown-menu .el-dropdown-menu__item > i {
  margin-right: 0;
}
.placetopMenu.el-dropdown-menu .el-dropdown-menu__item:focus,
.placetopMenu.el-dropdown-menu .el-dropdown-menu__item:not(.is-disabled):hover {
  color: #008cff;
}
.placetopMenu.el-dropdown-menu.noBor {
  border: none;
}
.pageLink {
  color: #6a737d;
  cursor: pointer;
  margin-left: 30px;
}
.wholeAi-rightDrawer.el-drawer__wrapper {
  width: 380px;
  right: 0;
  top: 0;
  left: initial;
  background: transparent;
  border: none;
  box-shadow: -2px 0px 10px #0002;
}
.wholeAi-rightDrawer.el-drawer__wrapper .el-drawer__header {
  margin: 0;
  padding: 10px 20px;
}
.wholeAi-rightDrawer.el-drawer__wrapper .link-list {
  padding: 10px;
  height: 100%;
  overflow: auto;
}
.wholeAi-rightDrawer.el-drawer__wrapper .link-list::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.wholeAi-rightDrawer.el-drawer__wrapper .link-list::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.wholeAi-rightDrawer.el-drawer__wrapper .link-list::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.wholeAi-rightDrawer.el-drawer__wrapper .link-list::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.wholeAi-rightDrawer.el-drawer__wrapper .link-list > li {
  padding: 10px;
  border-radius: 6px;
  cursor: pointer;
  margin-bottom: 10px;
}
.wholeAi-rightDrawer.el-drawer__wrapper .link-list > li:hover {
  background: rgba(38, 49, 72, 0.06);
}
.wholeAi-rightDrawer.el-drawer__wrapper .link-list > li .cit-tit {
  display: flex;
}
.wholeAi-rightDrawer.el-drawer__wrapper .link-list > li .cit-tit img {
  width: 18px;
  height: 18px;
  margin-right: 10px;
}
.wholeAi-rightDrawer.el-drawer__wrapper .link-list > li .cit-tit .citation-no {
  background: #ebeef2;
  color: #61666b;
  border-radius: 12px;
  height: 18px;
  width: 18px;
  font-size: 12px;
  align-items: center;
  justify-content: center;
  display: flex;
  margin-left: auto;
}
.wholeAi-rightDrawer.el-drawer__wrapper .link-list > li .bigTit {
  font-size: 16px;
  font-weight: bold;
  margin-top: 6px;
}
.wholeAi-rightDrawer.el-drawer__wrapper .link-list > li .bod {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
@keyframes my-custom-slide-in {
0% {
    transform: translateX(100%);
}
100% {
    transform: translateX(0);
}
}
.el-drawer__wrapper .el-drawer-fade-enter-active {
  animation: my-custom-slide-in 0.3s ease-in-out;
}
.theme2 .wholeAi.el-drawer__wrapper .aiDrawer .el-drawer__body {
  background: #303030;
}
.theme2 .wholeAi.el-drawer__wrapper .aiDrawer .header {
  background: #303030;
}
.theme2 .wholeAi.el-drawer__wrapper .aiDrawer .QAcontent .stable-block {
  background: #2a2b2d;
}
.theme2 .wholeAi.el-drawer__wrapper .bg-wrap {
  background: #2a2b2d;
}
.theme2 .wholeAi.el-drawer__wrapper .hovBtn > li {
  border-color: #0070ad;
}
.theme2 .wholeAi.el-drawer__wrapper .writerClass table thead {
  background: #494949;
  border-color: #565656;
}
.theme2 .wholeAi.el-drawer__wrapper .writerClass table tbody tr {
  border-color: #565656;
}
.theme2 .wholeAi.el-drawer__wrapper .leftHis {
  border-color: #565656;
}
.theme2 .wholeAi.el-drawer__wrapper .leftHis .topcon {
  border-color: #565656;
}
.theme2 .wholeAi.el-drawer__wrapper .flex-wrapper .internet {
  background: #2f3132;
}
.theme2 .wholeAi.el-drawer__wrapper .flex-wrapper .internet.active {
  background: #012338a0;
}
.theme2 .wholeAi.el-drawer__wrapper .writerClass blockquote {
  border-color: #707070;
}
.theme2 .writeByte .hljs,
.theme2 .writeByte .hljs-subst {
  color: #d0d0d0;
}
.theme2 .writeByte .hljs {
  background: #1a1a1a;
}
.theme2 .writeByte .hljs-section,
.theme2 .writeByte .hljs-title {
  color: #dc9539;
}
.theme2 .writeByte .hljs-deletion,
.theme2 .writeByte .hljs-number,
.theme2 .writeByte .hljs-quote,
.theme2 .writeByte .hljs-selector-class,
.theme2 .writeByte .hljs-selector-id,
.theme2 .writeByte .hljs-string,
.theme2 .writeByte .hljs-template-tag,
.theme2 .writeByte .hljs-type {
  color: #e3bc3a;
}
.theme2 .wholeAi-rightDrawer.el-drawer__wrapper .link-list > li:hover {
  background: #2a2b2d;
}
.theme2 .tooltip-bubble {
  background: #2a2b2d;
}
.theme2 .citation,
.theme2 .citation-no {
  background: #707070 !important;
  color: #ebeef2 !important;
}
.citation {
  background: #ebeef2;
  color: #61666b;
  border-radius: 12px;
  height: 18px;
  width: 18px;
  font-size: 12px;
  align-items: center;
  justify-content: center;
  display: flex;
  display: inline-flex;
  cursor: pointer;
  margin: 0 2px;
}
.citation:hover {
  background: rgba(38, 49, 72, 0.14);
}
.tooltip-bubble {
  position: fixed;
  background: #fff;
  padding: 12px 16px;
  border-radius: 8px;
  font-size: 14px;
  line-height: 1.5;
  max-width: 300px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  z-index: 10000;
  opacity: 0;
  transform: translateY(10px);
  /* transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); */
  pointer-events: none;
}
.tooltip-bubble .cit-tit {
  display: flex;
}
.tooltip-bubble .cit-tit img {
  width: 18px;
  height: 18px;
  margin-right: 10px;
}
.tooltip-bubble .cit-tit .citation-no {
  background: #ebeef2;
  color: #61666b;
  border-radius: 12px;
  height: 18px;
  min-width: 18px;
  font-size: 12px;
  align-items: center;
  justify-content: center;
  display: flex;
  margin-left: auto;
}
.tooltip-bubble .bigTit {
  font-size: 16px;
  font-weight: bold;
  margin-top: 6px;
}
.tooltip-bubble .bod {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
.tooltip-bubble.show {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.aiSearchEn {
  flex: 1;
  border: 1px solid #b0e3ff;
  border-radius: 6px;
}
.aiSearchEn .el-select .el-input__inner:focus {
  border-color: #b0e3ff;
}
.aiSearchEn .el-select .el-input.is-focus .el-input__inner {
  border-color: #b0e3ff;
}
.aiSearchEn .el-input__suffix {
  right: 10px;
  top: 4px;
}
.aiSearchEn .el-input__suffix .icon-search {
  color: #008cff;
  float: right;
}
.aiSearchEn .el-autocomplete {
  width: 100%;
}
.aiSearchEn .el-autocomplete .el-input {
  width: 100%;
}
.aiSearchEn .el-autocomplete .el-input--small .el-input__icon {
  line-height: 25px;
  height: initial;
}
.aiSearchEn .el-autocomplete .el-input__inner {
  color: #5e697a;
  padding-left: 10px;
  padding-right: 36px;
  border: none;
}
.aiSearchEn input::-webkit-input-placeholder {
  color: #8a8a99;
}
.el-autocomplete-suggestion.el-popper.aiSearchPopperEn {
  border: none;
  z-index: 8888 !important;
  border: 1px solid #b0e3ff;
  border-radius: 6px;
  bottom: 38px;
  top: initial !important;
  left: 0 !important;
}
.el-autocomplete-suggestion.el-popper.aiSearchPopperEn .popper__arrow {
  display: none;
}
.el-autocomplete-suggestion.el-popper.aiSearchPopperEn ul {
  padding: 0 10px;
}
.el-autocomplete-suggestion.el-popper.aiSearchPopperEn li {
  padding: 0;
  line-height: initial;
}
.el-autocomplete-suggestion.el-popper.aiSearchPopperEn li:last-child > ul {
  border-bottom: none;
}
.el-autocomplete-suggestion.el-popper.aiSearchPopperEn li:hover {
  color: inherit;
}
.el-autocomplete-suggestion.el-popper.aiSearchPopperEn li:last-child {
  border: none;
}
.el-autocomplete-suggestion.el-popper.aiSearchPopperEn li .searchlist {
  padding: 10px 0px;
  display: flex;
  justify-content: flex-start;
  border-bottom: 1px solid #ebeef5;
}
.el-autocomplete-suggestion.el-popper.aiSearchPopperEn li .searchlist > li {
  padding: 0 10px;
}
.el-autocomplete-suggestion.el-popper.aiSearchPopperEn li .searchlist > li:first-child {
  min-width: 160px;
  text-align: center;
}
.el-autocomplete-suggestion.el-popper.aiSearchPopperEn li .searchlist > li:nth-child(2) {
  width: 260px;
  color: #008cff;
}
.el-autocomplete-suggestion.el-popper.aiSearchPopperEn li .searchlist > li:nth-child(3) {
  width: 150px;
}
.el-autocomplete-suggestion.el-popper.aiSearchPopperEn li .searchlist > li:nth-child(4) {
  flex: 1;
}
.el-autocomplete-suggestion.el-popper.aiSearchPopperEn li .searchlist .typeName {
  font-weight: bold;
}
.el-autocomplete-suggestion.el-popper.aiSearchPopperEn li .empty {
  text-align: center;
}
.theme2 .aiSearchEn {
  border-color: #494949;
}
.theme2 .aiSearchEn .el-autocomplete .el-input__inner {
  border-color: #0070ad;
}
.theme2 .aiSearchPopperEn.el-autocomplete-suggestion {
  background: #353638;
  border: none;
}
.theme2 .el-autocomplete-suggestion.el-popper.aiSearchPopperEn li .searchlist {
  border-color: #3d3d3d;
}
.theme2 .aiSearchEn .el-autocomplete .el-input__inner {
  color: #b7b7b7;
}

.wholeAiEn.el-drawer__wrapper {
  background: none !important;
  z-index: 9400 !important;
  top: 94px;
  bottom: 10px;
  overflow: initial;
  width: 1260px;
  left: auto;
  right: 0;
}
.wholeAiEn.el-drawer__wrapper .aiDrawerEn {
  border-radius: 10px;
  background: transparent;
  display: flex;
}
.wholeAiEn.el-drawer__wrapper .aiDrawerEn .el-drawer__body {
  height: 2000px;
  background: #fff;
  opacity: 1;
  overflow: hidden;
  display: flex;
}
.wholeAiEn.el-drawer__wrapper .aiDrawerEn .header {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  background: #fff;
}
.wholeAiEn.el-drawer__wrapper .aiDrawerEn .header span {
  font-size: 16px;
  font-weight: bold;
  margin-left: 10px;
}
.wholeAiEn.el-drawer__wrapper .aiDrawerEn .header .foldico {
  position: absolute;
  left: 30px;
  top: 15px;
  font-size: 20px;
  cursor: pointer;
}
.wholeAiEn.el-drawer__wrapper .aiDrawerEn .header .closeico {
  position: absolute;
  right: 20px;
  top: 15px;
  font-size: 20px;
  cursor: pointer;
}
.wholeAiEn.el-drawer__wrapper .aiDrawerEn .QAcontent {
  line-height: 2;
  padding: 20px 30px;
  padding-bottom: 4px;
  overflow: auto;
  overflow-x: hidden;
}
.wholeAiEn.el-drawer__wrapper .aiDrawerEn .QAcontent::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.wholeAiEn.el-drawer__wrapper .aiDrawerEn .QAcontent::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.wholeAiEn.el-drawer__wrapper .aiDrawerEn .QAcontent::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.wholeAiEn.el-drawer__wrapper .aiDrawerEn .QAcontent::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.wholeAiEn.el-drawer__wrapper .aiDrawerEn .QAcontent .posright {
  display: flex;
  margin: 15px 0;
}
.wholeAiEn.el-drawer__wrapper .aiDrawerEn .QAcontent .question-keyword {
  display: inline-block;
  margin-left: auto;
  padding: 4px 20px;
  border-radius: 20px;
  background: linear-gradient(to right, #0098ff, #0066ff);
  color: #fff;
}
.wholeAiEn.el-drawer__wrapper .aiDrawerEn .QAcontent .writeByte,
.wholeAiEn.el-drawer__wrapper .aiDrawerEn .QAcontent .writeByteFinal,
.wholeAiEn.el-drawer__wrapper .aiDrawerEn .QAcontent .historyContent {
  margin-top: 10px;
  padding-left: 38px;
  width: 100%;
  height: auto;
}
.wholeAiEn.el-drawer__wrapper .aiDrawerEn .QAcontent .writeByteFinal {
  display: none;
}
.wholeAiEn.el-drawer__wrapper .aiDrawerEn .QAcontent .stable-block {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0px 0px 10px rgba(30, 30, 30, 0.1);
  padding: 15px;
  min-width: 900px;
  min-height: 88px;
}
.wholeAiEn.el-drawer__wrapper .aiDrawerEn .QAcontent .stable-block.fix {
  position: relative;
  padding-bottom: 24px;
  overflow: hidden;
  min-height: 0;
}
.wholeAiEn.el-drawer__wrapper .aiDrawerEn .QAcontent .stable-block.fix .posFold {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  text-align: center;
}
.wholeAiEn.el-drawer__wrapper .aiDrawerEn .QAcontent .stable-block.fix .posFold > span {
  cursor: pointer;
}
.wholeAiEn.el-drawer__wrapper .aiDrawerEn .QAcontent .stable-block.fix .posFold > span i {
  font-size: 10px;
  margin-right: 10px;
}
.wholeAiEn.el-drawer__wrapper .aiDrawerEn .QAcontent .stable-block.fix .posFold > span .reverse {
  position: absolute;
  top: 5px;
  transform: rotate(180deg);
}
.wholeAiEn.el-drawer__wrapper .aiDrawerEn .QAcontent .stable-block .problem {
  position: relative;
  display: flex;
}
.wholeAiEn.el-drawer__wrapper .aiDrawerEn .QAcontent .stable-block .problem > .title {
  padding-left: 10px;
  display: flex;
  flex-direction: column;
}
.wholeAiEn.el-drawer__wrapper .aiDrawerEn .QAcontent .stable-block .problem .fb {
  font-size: 14px;
  font-weight: bold;
}
.wholeAiEn.el-drawer__wrapper .aiDrawerEn .QAcontent .stable-block .problem .fb i {
  font-size: 12px;
  margin-left: 10px;
  font-weight: normal;
}
.wholeAiEn.el-drawer__wrapper .aiDrawerEn .QAcontent .stable-block .problem img {
  display: block;
  width: 27px;
  height: 27px;
}
.wholeAiEn.el-drawer__wrapper .aiDrawerEn .QAcontent .stable-block .problem .svgL {
  position: absolute;
  top: 40px;
  left: 2px;
}
.wholeAiEn.el-drawer__wrapper .aiDrawerEn .QAcontent .stable-block .btns-wrap {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 10px;
}
.wholeAiEn.el-drawer__wrapper .aiDrawerEn .QAcontent .stable-block .btns-wrap > li {
  padding: 4px 20px;
  flex-basis: 280px;
  flex-shrink: 0;
  background: #0098ff18;
  border-radius: 5px;
  color: #008cff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-right: 14px;
  margin-top: 15px;
  cursor: pointer;
}
.wholeAiEn.el-drawer__wrapper .aiDrawerEn .QAcontent .stable-block .btns-wrap > li:nth-child(-n + 3) {
  margin-top: 0;
}
.wholeAiEn.el-drawer__wrapper .aiDrawerEn .QAcontent .stable-block .btns-wrap > li:nth-child(3n) {
  margin-right: 0;
}
.wholeAiEn.el-drawer__wrapper .aiDrawerEn .QAcontent .stable-block .btns-wrap > li:hover {
  background: #0098ff28;
  color: #0070cb;
}
.wholeAiEn.el-drawer__wrapper .aiDrawerEn .QAcontent .stable-block .backpoint {
  padding-left: 40px;
}
.wholeAiEn.el-drawer__wrapper .aiDrawerEn .QAcontent .loadBtnBox {
  display: flex;
  margin-top: 20px;
  justify-content: center;
  align-content: center;
}
.wholeAiEn.el-drawer__wrapper .leftHis {
  width: 300px;
  height: 100%;
  background: transparent;
  border-right: 1px solid #dcdfe6;
}
.wholeAiEn.el-drawer__wrapper .leftHis .topcon {
  height: 160px;
  border-bottom: 1px solid #dcdfe6;
  padding-top: 20px;
}
.wholeAiEn.el-drawer__wrapper .leftHis .topcon .flexCon {
  display: flex;
  width: 80%;
  margin: 0 auto;
  align-items: center;
  margin-bottom: 20px;
}
.wholeAiEn.el-drawer__wrapper .leftHis .topcon .flexCon > span {
  font-size: 16px;
  font-weight: bold;
  margin-left: 10px;
}
.wholeAiEn.el-drawer__wrapper .leftHis .newChat {
  width: 80%;
  margin: 0 auto;
  padding: 10px 20px;
  background: #0098ff18;
  border-radius: 5px;
  color: #008cff;
  cursor: pointer;
  font-size: 14px;
}
.wholeAiEn.el-drawer__wrapper .leftHis .newChat i {
  margin-right: 5px;
}
.wholeAiEn.el-drawer__wrapper .leftHis .history-record {
  padding: 10px 20px;
  overflow: auto;
  height: calc(100% - 160px);
}
.wholeAiEn.el-drawer__wrapper .leftHis .history-record::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.wholeAiEn.el-drawer__wrapper .leftHis .history-record::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.wholeAiEn.el-drawer__wrapper .leftHis .history-record::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.wholeAiEn.el-drawer__wrapper .leftHis .history-record::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.wholeAiEn.el-drawer__wrapper .leftHis .history-record > ul > li {
  font-size: 14px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  padding-left: 20px;
}
.wholeAiEn.el-drawer__wrapper .leftHis .history-record > ul > li:hover {
  background: #0098ff18;
  border-radius: 5px;
}
.wholeAiEn.el-drawer__wrapper .leftHis .history-record > ul > li:first-child {
  font-weight: bold;
  cursor: initial;
}
.wholeAiEn.el-drawer__wrapper .leftHis .history-record > ul > li:first-child:hover {
  background: none;
}
.wholeAiEn.el-drawer__wrapper .leftHis .history-record > ul > li > span {
  display: inline-block;
  width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
}
.wholeAiEn.el-drawer__wrapper .leftHis .history-record > ul > li > span.active {
  color: #008cff;
}
.wholeAiEn.el-drawer__wrapper .leftHis .history-record > ul > li > i {
  display: none;
}
.wholeAiEn.el-drawer__wrapper .rightContent {
  width: 960px;
  height: 100%;
  position: relative;
}
.wholeAiEn.el-drawer__wrapper .curosrBox {
  display: none;
}
.wholeAiEn.el-drawer__wrapper .backpoint li {
  list-style-type: disc;
}
.wholeAiEn.el-drawer__wrapper .clickable {
  color: #008cff;
  cursor: pointer;
}
.wholeAiEn.el-drawer__wrapper .operationWrap {
  position: absolute;
  width: 100%;
  height: 190px;
  bottom: 0;
  padding: 20px;
}
.wholeAiEn.el-drawer__wrapper .operationWrap .stop-btn {
  position: absolute;
  right: 22px;
  top: -8px;
  color: #008cff;
  cursor: pointer;
}
.wholeAiEn.el-drawer__wrapper .bg-wrap {
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 8px;
  box-shadow: 3px 3px 5px rgba(11, 133, 255, 0.1);
  padding: 15px 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.wholeAiEn.el-drawer__wrapper .hovBtn {
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
}
.wholeAiEn.el-drawer__wrapper .hovBtn > li {
  max-width: 300px;
  width: auto;
  margin-right: 10px;
  margin-bottom: 10px;
  background: #0098ff28;
  border-radius: 5px;
  padding: 5px 20px;
}
.wholeAiEn.el-drawer__wrapper .hovBtn > li:last-child {
  margin-right: 0;
}
.wholeAiEn.el-drawer__wrapper .hovBtn > li .el-dropdown {
  width: 100%;
  text-align: center;
}
.wholeAiEn.el-drawer__wrapper .searchBtn {
  color: #008cff;
}
.wholeAiEn.el-drawer__wrapper .searchBtn > i {
  margin-right: 10px;
  font-size: 18px;
}
@keyframes rotate {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
.wholeAiEn.el-drawer__wrapper .rotating-element {
  position: absolute;
  left: -17px;
  top: -1px;
  animation: rotate 2s linear infinite;
}
.wholeAiEn.el-drawer__wrapper .lv1-txt {
  font-weight: bold;
  font-size: 18px;
}
.wholeAiEn.el-drawer__wrapper .lv2-txt {
  padding-left: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.wholeAiEn.el-drawer__wrapper .lv3-txt {
  padding-left: 40px;
}
.wholeAiEn.el-drawer__wrapper .lv3-txt .label {
  font-weight: bold;
}
.wholeAiEn.el-drawer__wrapper .lv4-txt {
  padding-left: 0;
}
.wholeAiEn.el-drawer__wrapper .wirte-chart {
  width: 100%;
  height: 280px;
}
.wholeAiEn.el-drawer__wrapper .wirte-chart > div {
  width: 100%;
  height: 100%;
}
.wholeAiEn.el-drawer__wrapper .wirte-chart img {
  display: block;
  width: 100%;
  height: 100%;
}
.wholeAiEn.el-drawer__wrapper .hz-table {
  padding: 10px 40px 10px 0;
}
.wholeAiEn.el-drawer__wrapper .flex-wrapper {
  position: relative;
  display: flex;
  height: 80px;
}
.wholeAiEn.el-drawer__wrapper .flex-wrapper .btnstyle {
  background: linear-gradient(to right, #0098ff, #0066ff);
  padding: 5px;
  border-radius: 50%;
  display: flex;
  font-size: 16px;
}
.wholeAiEn.el-drawer__wrapper .flex-wrapper .btnstyle .el-icon--right {
  margin: 0;
}
.wholeAiEn.el-drawer__wrapper .flex-wrapper .btnstyle.grays {
  background: gray;
}
.wholeAiEn.el-drawer__wrapper .flex-wrapper .internet {
  line-height: 26px;
  height: 26px;
  background: #efefef;
  padding: 0 10px;
  border-radius: 5px;
  cursor: pointer;
  user-select: none;
  margin-right: 10px;
}
.wholeAiEn.el-drawer__wrapper .flex-wrapper .internet > i {
  margin-right: 5px;
  font-size: 14px;
}
.wholeAiEn.el-drawer__wrapper .flex-wrapper .internet.active {
  color: #008cff;
  background: #0098ff28;
}
.wholeAiEn.el-drawer__wrapper .flex-wrapper .posBtn {
  position: absolute;
  width: 100%;
  bottom: 10px;
  left: 0;
  display: flex;
  padding: 0 10px;
  justify-content: space-between;
}
.wholeAiEn.el-drawer__wrapper .flex-wrapper .posBtn .mulbtns {
  display: flex;
  align-items: center;
}
.wholeAiEn.el-drawer__wrapper .flex-wrapper .posBtn .mulbtns .speechStatus {
  margin-right: 20px;
  color: #008cff;
}
.wholeAiEn.el-drawer__wrapper .flex-wrapper .label_switch {
  display: flex;
  align-items: center;
  margin-left: 10px;
}
.wholeAiEn.el-drawer__wrapper .flex-wrapper .label_switch span {
  margin-right: 10px;
}
.wholeAiEn.el-drawer__wrapper .writerClass ul,
.wholeAiEn.el-drawer__wrapper .writerClass ol {
  padding-left: 20px;
}
.wholeAiEn.el-drawer__wrapper .writerClass li {
  list-style: disc;
}
.wholeAiEn.el-drawer__wrapper .writerClass.notAI {
  white-space: initial;
}
.wholeAiEn.el-drawer__wrapper .writerClass.notAI ul {
  padding-left: 0;
}
.wholeAiEn.el-drawer__wrapper .writerClass .hz-table li {
  list-style: none;
}
.wholeAiEn.el-drawer__wrapper .writerClass pre {
  width: 95.5%;
  border-radius: 10px;
  overflow: auto;
}
.wholeAiEn.el-drawer__wrapper .writerClass table {
  border-collapse: collapse;
  margin: 10px 0;
}
.wholeAiEn.el-drawer__wrapper .writerClass table thead {
  background: #fafafa;
  box-sizing: border-box;
  border-bottom: 1px solid #ebeef5;
}
.wholeAiEn.el-drawer__wrapper .writerClass table thead tr th {
  padding: 4px 5px;
  text-align: center;
}
.wholeAiEn.el-drawer__wrapper .writerClass table tbody tr {
  border-bottom: 1px solid #ebeef5;
}
.wholeAiEn.el-drawer__wrapper .writerClass table tbody tr td {
  text-align: center;
  padding: 4px 5px;
}
.wholeAiEn.el-drawer__wrapper .writerClass blockquote {
  padding: 0 1em;
  color: #6a737d;
  border-left: 0.25em solid #dfe2e5;
  margin: 0;
}
.wholeAiEn.el-drawer__wrapper .writerClass a {
  color: #008cff;
}
.wholeAiEn.el-drawer__wrapper .iframeAICls {
  display: block;
  width: 100%;
  height: 300px;
  border: none;
}
.theme2 .wholeAiEn.el-drawer__wrapper .aiDrawerEn .el-drawer__body {
  background: #303030;
}
.theme2 .wholeAiEn.el-drawer__wrapper .aiDrawerEn .header {
  background: #303030;
}
.theme2 .wholeAiEn.el-drawer__wrapper .aiDrawerEn .QAcontent .stable-block {
  background: #2a2b2d;
}
.theme2 .wholeAiEn.el-drawer__wrapper .bg-wrap {
  background: #2a2b2d;
}
.theme2 .wholeAiEn.el-drawer__wrapper .hovBtn > li {
  border-color: #0070ad;
}
.theme2 .wholeAiEn.el-drawer__wrapper .writerClass table thead {
  background: #494949;
  border-color: #565656;
}
.theme2 .wholeAiEn.el-drawer__wrapper .writerClass table tbody tr {
  border-color: #565656;
}
.theme2 .wholeAiEn.el-drawer__wrapper .leftHis {
  border-color: #565656;
}
.theme2 .wholeAiEn.el-drawer__wrapper .leftHis .topcon {
  border-color: #565656;
}
.theme2 .wholeAiEn.el-drawer__wrapper .flex-wrapper .internet {
  background: #2f3132;
}
.theme2 .wholeAiEn.el-drawer__wrapper .flex-wrapper .internet.active {
  background: #012338a0;
}
.theme2 .writeByte .hljs,
.theme2 .writeByte .hljs-subst {
  color: #d0d0d0;
}
.theme2 .writeByte .hljs {
  background: #1a1a1a;
}
.theme2 .writeByte .hljs-section,
.theme2 .writeByte .hljs-title {
  color: #dc9539;
}
.theme2 .writeByte .hljs-deletion,
.theme2 .writeByte .hljs-number,
.theme2 .writeByte .hljs-quote,
.theme2 .writeByte .hljs-selector-class,
.theme2 .writeByte .hljs-selector-id,
.theme2 .writeByte .hljs-string,
.theme2 .writeByte .hljs-template-tag,
.theme2 .writeByte .hljs-type {
  color: #e3bc3a;
}

.home {
  min-width: 1530px;
  overflow: hidden;
  height: 100%;
  padding-bottom: 10px;
}
.home .home-main {
  display: flex;
  height: calc(100% - 55px);
}
.home .home-main .staticBox {
  margin-right: 0 !important;
  margin-top: 38px;
  width: calc(100% - 50px);
  transition: all 0.4s;
}
.home .posAI {
  position: absolute;
  right: 0;
  top: 100px;
  width: 57px;
  height: 45px;
  cursor: pointer;
  z-index: 100;
}
.home .posAI img {
  display: block;
  width: 100%;
  height: 100%;
}

.tree-box[data-v-89227246] {
  height: calc(100vh - 192px);
}
.tree-box header[data-v-89227246] {
  display: flex;
  justify-content: space-between;
  padding: 10px;
}
.tree-box .treesearch[data-v-89227246] {
  padding: 0px 10px;
}
.tree-box .treesearch[data-v-89227246] .el-input--suffix .el-input__inner {
  padding-right: 48px;
}
.tree-box .overauto[data-v-89227246] {
  width: 240px;
  height: 100%;
  overflow: auto;
  padding: 0 10px;
}
.tree-box .overauto[data-v-89227246]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.tree-box .overauto[data-v-89227246]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.tree-box .overauto[data-v-89227246]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.tree-box .overauto[data-v-89227246]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.tree-box .overauto .el-tree[data-v-89227246] {
  min-width: 100%;
  display: inline-block;
  margin-top: 10px;
}
.tree-box .overauto .el-tree .el-tree-node[data-v-89227246] {
  overflow: auto;
}
.tree-box .editIcon[data-v-89227246] {
  display: none;
  margin-left: 5px;
}
.tree-box .editIcon i[data-v-89227246] {
  margin-right: 5px;
}
.tree-box .treeIcon[data-v-89227246] {
  width: 100%;
}
.tree-box .treeIcon .iconfont[data-v-89227246] {
  margin-right: 4px;
}
.en-US .el-dropdown-menu--small .el-dropdown-menu__item[data-v-89227246] {
  font-size: 12px;
}
.theme2 .tree-box .overauto[data-v-89227246]::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.1);
}
.theme2 .tree-box .overauto[data-v-89227246]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}

.theme2 .el-select-dropdown .el-scrollbar .el-select-dropdown__item.tree-option[data-v-683e883a] {
  background: #353638;
}
.seltree[data-v-683e883a] .el-select-dropdown {
  width: 101.5%;
  left: 0 !important;
}
.el-select-dropdown .el-scrollbar .el-select-dropdown__item.tree-option[data-v-683e883a] {
  padding: 0px;
  background: #fff;
}
.el-select-dropdown .el-scrollbar .el-select-dropdown__item[data-v-683e883a] {
  font-weight: normal;
}
.el-select-dropdown .el-scrollbar .selTreeBox[data-v-683e883a] {
  width: 100%;
  height: 100%;
  overflow: auto;
}
.el-select-dropdown .el-scrollbar .selTreeBox[data-v-683e883a]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.el-select-dropdown .el-scrollbar .selTreeBox[data-v-683e883a]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.el-select-dropdown .el-scrollbar .selTreeBox[data-v-683e883a]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.el-select-dropdown .el-scrollbar .selTreeBox[data-v-683e883a]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.el-select-dropdown .el-scrollbar .selTreeBox .el-tree[data-v-683e883a] {
  min-width: 100%;
  display: inline-block;
  margin-top: 10px;
}
.el-select-dropdown .el-scrollbar .selTreeBox .el-tree .el-tree-node[data-v-683e883a] {
  overflow: auto;
}
[data-v-683e883a] .selTreeBox .el-tree-node__label {
  padding-right: 10px;
}

.PlayVideo[data-v-96fc58fc] {
  width: 100%;
  height: 500px;
  position: relative;
  padding-right: 20px;
}
.PlayVideo .video[data-v-96fc58fc] {
  width: 100%;
  height: 500px;
  background: #000;
}
.PlayVideo .msg[data-v-96fc58fc] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10000;
}

.AddAlarmOrder .formbox {
  padding-right: 0;
  overflow-x: hidden;
}
.AddAlarmOrder .dialog-footer {
  text-align: right;
}
.AddAlarmOrder .one-line {
  display: flex;
}
.AddAlarmOrder .one-line-right {
  margin-right: 26px;
}
.AddAlarmOrder .el-input-number--small .el-input-number__decrease,
.AddAlarmOrder .el-input-number--small .el-input-number__increase {
  display: none;
}
.AddAlarmOrder .el-input-number input {
  padding-left: 10px;
  text-align: left;
}
.AddAlarmOrder .el-upload-list--picture-card .el-upload-list__item {
  width: 110px;
  height: 100px;
}
.AddAlarmOrder .el-upload--picture-card {
  background-color: #fbfdff;
  border: 1px dashed #c0ccda;
  border-radius: 6px;
  box-sizing: border-box;
  width: 100px;
  height: 100px;
  line-height: 100px;
  vertical-align: top;
  margin-left: 5px;
}
.AddAlarmOrder .el-form-item__label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.AddAlarmOrder .local-field {
  display: flex;
  flex-wrap: wrap;
}
.AddAlarmOrder .local-field li {
  height: 40px;
  margin-bottom: 10px;
  flex-shrink: 0;
  flex-basis: 310px;
  margin-left: 25px;
}
.AddAlarmOrder .local-field li:nth-child(1) {
  margin-left: 0;
}
.AddAlarmOrder .local-field li:nth-child(3n+1) {
  margin-left: 0;
}

.drawerContain1 {
  padding: 0 20px;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: auto;
}
.drawerContain1 .left1 {
  width: 84%;
  height: 100%;
  padding-top: 10px;
}
.drawerContain1 .left1 ::-webkit-scrollbar {
  width: 0;
  height: 0;
  background-color: transparent;
}
.drawerContain1 .left1 .left-style {
  height: 92%;
  overflow-y: auto;
  border-right: 1px solid #dadada;
}
.drawerContain1 .left1 .left-foot {
  position: fixed;
  right: 450px;
  margin-top: 10px;
}
.drawerContain1 .left1 .right-foot {
  position: fixed;
  margin-top: 10px;
}
.drawerContain1 .left1 .textLable {
  height: 40px;
  line-height: 32px;
  text-align: right;
  color: #404042;
  padding-right: 6px;
}
.drawerContain1 .left1 .picLableZzz {
  height: 32px;
  line-height: 32px;
  text-align: left;
  color: #404042;
}
.drawerContain1 .left1 .textValue {
  height: 40px;
  line-height: 32px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.drawerContain1 .left1 .picContain {
  border: 1px solid #dadada;
  cursor: pointer;
  height: 70px;
  width: 70px;
  margin-right: 20px;
}
.drawerContain1 .left1 .picContain .pic {
  width: 68px;
  height: 68px;
}
.drawerContain1 .left1 .picContain .pic .image-slot {
  position: relative;
  height: 70px;
  line-height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.drawerContain1 .left1 .picContain1 {
  cursor: pointer;
  height: 70px;
  width: 70px;
  margin-right: 20px;
  display: flex;
}
.drawerContain1 .left1 .picContain1 .pic {
  width: 68px;
  height: 68px;
}
.drawerContain1 .el-divider--vertical {
  height: 84.25%;
  margin-left: 44%;
  position: fixed;
}
.drawerContain1 .right1 {
  width: 40%;
  height: 100%;
  padding: 10px 0px 10px 20px;
}
.drawerContain1 .right1 ::-webkit-scrollbar {
  width: 0;
  height: 0;
  background-color: transparent;
}
.drawerContain1 .right1 .title1 {
  color: #6690ff;
  margin-left: 87%;
  text-align: right;
}
.drawerContain1 .right1 .step1 {
  height: 90%;
  width: calc(100% - 10px);
}
.drawerContain1 .right1 .step1 .stepOne .el-step__description.is-success {
  color: #404042;
  background-color: #f8f9fc;
  padding: 1px 10px 1px 10px;
  border-radius: 10px;
}
.drawerContain1 .right1 .step1 .stepOne .el-step__description.is-success .el-row {
  border-bottom: 1px dashed #ababab5c;
}
.drawerContain1 .right1 .step1 .stepOne .el-step__description.is-success .el-row:last-child {
  border: none;
}
.drawerContain1 .right1 .step1 .stepOne .el-step__description.is-process {
  color: #404042;
  background-color: #f8f9fc;
  padding: 1px 10px 1px 10px;
  border-radius: 10px;
}
.drawerContain1 .right1 .step1 .stepOne .el-step__description.is-process .el-row {
  border-bottom: 1px dashed #ababab5c;
}
.drawerContain1 .right1 .step1 .stepOne .el-step__description.is-process .el-row:last-child {
  border: none;
}
.drawerContain1 .right1 .step1 .stepOne .el-step__title.is-success {
  font-weight: 700;
}
.drawerContain1 .right1 .step1 .stepOne .el-step__description.is-wait {
  background-color: #ede8e469;
  padding: 1px 10px 1px 10px;
  border-radius: 10px;
}
.drawerContain1 .right1 .step1 .stepOne .stepBegin {
  margin: 3px 0;
}
.drawerContain1 .right1 .foot1 {
  position: absolute;
  right: 20px;
  bottom: 20px;
}
.drawerContain1 .right1 .el-step {
  flex-basis: auto !important;
}
.drawerContain1 .right1 .el-step.is-vertical {
  display: flex;
  margin-bottom: 10px;
}
.drawerContain1 .a .processFontStyle1 {
  color: #9f9c9c;
}
.drawerContain1 .a .processFontStyle2 {
  color: #9f9c9c;
}
.drawerContain1 .b .processFontStyle1 {
  color: #606060;
}
.drawerContain1 .b .processFontStyle2 {
  color: #000000;
}
.drawerContain1 .formFontStyle {
  font-weight: bold;
}
.drawerContain1 .myColl .el-collapse-item__header {
  height: auto;
  line-height: initial;
  flex-direction: column;
  align-items: initial;
}
.drawerContain1 .myColl .el-collapse-item__content {
  padding-bottom: 0;
}
.drawerContain1 .el-step.is-vertical .el-step__main {
  width: 360px;
}
.drawerContain1 .el-collapse-item__arrow {
  margin: 10px 130px 10px auto;
}
.theme2 .drawerContain1 .right1 .step1 .stepOne .el-step__description.is-success {
  color: #C0C4CC;
  background-color: #c1bab517;
}
.theme2 .drawerContain1 .right1 .step1 .stepOne .el-step__description.is-process {
  color: #C0C4CC;
  background-color: #c1bab517;
}
.theme2 .drawerContain1 .right1 .step1 .stepOne .el-step__description.is-wait {
  color: #404242;
}
.theme2 .drawerContain1 .el-step__title.is-wait {
  color: #404242;
}
.theme2 .drawerContain1 .el-step__head.is-wait {
  color: #404242;
}
.theme2 .drawerContain1 .left1 .textLable {
  color: #C0C4CC;
}
.theme2 .drawerContain1 .left1 .picLableZzz {
  color: #C0C4CC;
}
.theme2 .drawerContain1 .left1 .left-style {
  height: 92%;
  overflow-y: auto;
  border-right: 1px solid #494949;
}
.theme2 .a .processFontStyle1 {
  color: #878787;
}
.theme2 .a .processFontStyle2 {
  color: #878787;
}
.theme2 .b .processFontStyle1 {
  color: #B7B7B7;
}
.theme2 .b .processFontStyle2 {
  color: #FFFFFF;
}

.OrderProcessDetail {
  height: 100%;
}
.OrderProcessDetail .vidImg {
  width: 100px;
  height: 100px;
  cursor: pointer;
}
.OrderProcessDetail .vidImg img {
  display: block;
  width: 68%;
  height: 68%;
}
.OrderProcessDetail .el-dialog {
  margin-left: 0;
}
.OrderProcessDetail .el-dialog__body {
  padding-right: 0 !important;
}
.OrderProcessDetail .el-form-item__label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.OrderProcessDetail .el-divider--horizontal {
  margin: 15px 0 0 0;
  display: flex;
  float: left;
  width: 84%;
}
.OrderProcessDetail .drawerContain1 .el-form-item--mini.el-form-item,
.OrderProcessDetail .drawerContain1 .el-form-item--small.el-form-item {
  margin-bottom: 6px;
}
.OrderProcessDetail .right1 .el-icon-arrow-right:before {
  content: "\5C55\5F00    \E6DF" !important;
}
.OrderProcessDetail .right1 .el-icon-arrow-right.is-active:before {
  content: "\6536\8D77    \E6E1" !important;
}
.OrderProcessDetail .right1 .el-icon-arrow-right.is-active {
  transform: rotate(0deg) !important;
}
.OrderProcessDetail .right1 .el-collapse-item__arrow {
  min-width: 55px !important;
}

#container {
  height: 400px;
  width: 960px;
}
.outermost {
  width: 980px;
  height: 500px;
}
.district {
  float: left;
  margin-left: 10px;
  margin-right: 5px;
  color: #999;
  font-size: 13px;
}
.en-US .outermost .el-form {
  display: flex;
}
.en-US .outermost .el-form .el-form-item {
  display: flex;
}
.en-US .outermost .el-form .el-form-item .el-form-item__label {
  white-space: nowrap;
}

.tabledrag[data-v-7076d487] .el-dialog__header {
  padding: 0;
}
.tabledrag[data-v-7076d487] .el-dialog__body {
  padding-left: 0;
  padding-right: 0;
}
.tabledrag[data-v-7076d487] .el-tree {
  padding-left: 20px;
  padding-right: 20px;
  max-height: 400px;
  overflow: auto;
}
.tabledrag[data-v-7076d487] .el-tree::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.tabledrag[data-v-7076d487] .el-tree::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.tabledrag[data-v-7076d487] .el-tree::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.tabledrag[data-v-7076d487] .el-tree::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.tabledrag[data-v-7076d487] .el-tree .el-tree-node__content {
  cursor: initial;
}
.tabledrag[data-v-7076d487] .el-tree .el-tree-node__content .el-tree-node__label {
  margin-left: 10px;
  margin-top: 2px;
}
.tabledrag .lintit[data-v-7076d487] {
  margin-left: 20px;
}
.tabledrag .lintit i[data-v-7076d487] {
  margin-right: 10px;
}
.tabledrag .lintit span[data-v-7076d487] {
  font-size: 16px;
}
.tabledrag[data-v-7076d487] .el-tag {
  margin-top: 4px;
  cursor: pointer;
}
.tabledrag[data-v-7076d487] .el-tag--small {
  height: 25px;
  padding: 0 10px;
}
.theme2 .tabledrag[data-v-7076d487] .el-tag {
  background: none;
  border-color: #494949;
}

.theme2 .el-select-dropdown .el-scrollbar .el-select-dropdown__item.tree-option[data-v-10ab841d] {
  background: #353638;
}
.el-select-dropdown .el-scrollbar .el-select-dropdown__item.tree-option[data-v-10ab841d] {
  padding: 0px;
  background: #fff;
}
.el-select-dropdown .el-scrollbar .el-select-dropdown__item[data-v-10ab841d] {
  font-weight: normal;
}
.el-select-dropdown .el-scrollbar .selTreeBox[data-v-10ab841d] {
  width: 100%;
  height: 100%;
  overflow: auto;
}
.el-select-dropdown .el-scrollbar .selTreeBox[data-v-10ab841d]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.el-select-dropdown .el-scrollbar .selTreeBox[data-v-10ab841d]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.el-select-dropdown .el-scrollbar .selTreeBox[data-v-10ab841d]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.el-select-dropdown .el-scrollbar .selTreeBox[data-v-10ab841d]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.el-select-dropdown .el-scrollbar .selTreeBox .el-tree[data-v-10ab841d] {
  min-width: 100%;
  display: inline-block;
  margin-top: 10px;
}
.el-select-dropdown .el-scrollbar .selTreeBox .el-tree .el-tree-node[data-v-10ab841d] {
  overflow: auto;
}
[data-v-10ab841d] .selTreeBox .el-tree-node__label {
  padding-right: 10px;
}

.tooltip .my-over-flow {
  position: relative;
  top: 10px;
  margin: 0!important;
  line-height: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: bold;
}

.alarmInfo {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  padding-right: 0;
  display: flex;
  position: relative;
}
.alarmInfo .centerStructure {
  display: flex;
  flex-direction: column;
  padding-top: 0;
  overflow: hidden;
}
.alarmInfo .centerStructure .btns {
  display: flex;
  position: relative;
}
.alarmInfo .centerStructure .btns .label {
  line-height: 30px;
  min-width: 70px;
}
.alarmInfo .button-groups-bg li span {
  margin-right: 0px !important;
}
.alarmInfo .tree-box {
  height: calc(100vh - 176px);
}
.alarmInfo .llSpan {
  display: block;
  text-align: center;
  cursor: pointer;
}
.alarmInfo .el-dialog__wrapper {
  z-index: 300 !important;
}
.alarmInfo .el-drawer__wrapper .el-drawer__header {
  font-size: 16px;
  padding: 10px 20px;
  margin-bottom: 10px;
}
.alarmInfo .cnotent {
  width: 240px;
}
.alarmInfo .cnotent .el-select--small {
  width: 140px !important;
}
.alarmInfo .el-tabs {
  height: 100%;
}
.alarmInfo .el-tabs .el-tab-pane {
  height: 100%;
}
.alarmInfo .el-tabs .el-tabs el-tabs--top {
  height: 100%;
}
.alarmInfo .el-tabs .el-tabs__header {
  margin: 0 0 10px;
}
.alarmInfo .el-tabs .el-tabs__content {
  height: 100%;
}
.alarmInfo .el-tabs .el-tabs__content .formbox {
  padding-right: 20px;
  max-height: 611px;
  overflow-y: auto;
}
.alarmInfo .el-tabs .el-tabs__content .formbox .inline {
  display: flex;
  width: 500px;
  justify-content: space-between;
}
.alarmInfo .el-tabs .el-tabs__content .formbox .inline-two {
  display: flex;
}
.alarmInfo .el-tabs .el-tabs__content .formbox .inline-two .el-form-item:nth-child(2) {
  margin-left: 40px;
}
.alarmInfo .el-tabs .el-tab-pane {
  height: 100%;
}
.alarmInfo .el-tabs .el-tabs__content {
  height: calc(100% - 50px) !important;
}
.alarmInfo .el-tabs .el-tabs__content .wechat {
  height: 100%;
}
.alarmInfo .el-tabs .el-tabs__content .wechat .formbox {
  padding-right: 20px;
  max-height: 611px;
  overflow-y: auto;
}
.alarmInfo .el-tabs .el-tabs__content .wechat .formbox .inline {
  display: flex;
  width: 500px;
  justify-content: space-between;
}
.alarmInfo .el-tabs .el-tabs__content .wechat .formbox .inline-two {
  display: flex;
}
.alarmInfo .el-tabs .el-tabs__content .wechat .formbox .inline-two .el-form-item:nth-child(2) {
  margin-left: 40px;
}
.alarmInfo .up-content {
  height: 250px;
  display: flex;
}
.alarmInfo .up-content .echarts-dom {
  flex: 1;
  position: relative;
}
.alarmInfo .up-content .echarts-dom > div {
  width: 523px;
  height: 250px;
}
.alarmInfo .up-content .typeTotal {
  position: absolute;
  display: flex;
  z-index: 1;
  font-size: 20px;
  text-align: center;
  color: #3fdeae;
  justify-content: center;
  align-items: center;
  margin-top: 115px;
  margin-left: 235px;
}
.alarmInfo .el-tabs__content {
  height: 100%;
}
.alarmInfo .el-dialog__body {
  padding-right: 20px;
}
.alarmInfo .down-content .el-table--scrollable-x .el-table__body-wrapper {
  height: 575px;
}
.alarmInfo .wrap {
  margin: 0 auto;
  width: 100%;
}
.theme2 .alarmInfo .el-textarea .el-input__count {
  color: #b7b7b7;
  background: #2a2b2d;
}

.aiInterfaceLog {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.aiInterfaceLog .userAgentWidth {
  width: 520px;
}
.aiInterfaceLog .userAgentheight {
  height: 250px;
}
.aiInterfaceLog .content {
  height: 190px;
  overflow: auto;
  width: 853px;
  border: 1px solid #DCDFE6;
  margin: 0;
}
.aiInterfaceLog .return {
  height: 100px;
}
.aiInterfaceLog .searchBox {
  display: flex;
}
.aiInterfaceLog .searchBox .inp {
  line-height: 32px;
}
.aiInterfaceLog .searchBox .el-date-editor.el-range-editor {
  width: 355px;
}
.aiInterfaceLog .textareaUp {
  height: 220px;
  overflow: hidden;
}
.selectWidth .el-select-dropdown__empty {
  width: 160px;
}

.highsearch {
  display: inline-block;
  position: relative;
}
.highsearch .searchbtn {
  border-radius: 3px 0px 0px 3px;
  height: 32px;
}
.highsearch .hidesearchbtn {
  margin-left: 0px !important;
  border-radius: 0px 3px 3px 0px;
  height: 32px;
}
.highsearch .btnline {
  position: absolute;
  display: inline-block;
  z-index: 1;
  top: 8px;
  width: 1px;
  height: 14px;
  background: #fff;
}
.highsearch .searchalert {
  position: absolute;
  z-index: 666;
  top: 38px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
  padding: 20px;
}
.highsearch .searchalert h1 {
  text-align: center;
}
.highsearch .searchalert ul li {
  margin-bottom: 15px;
  display: flex;
}
.highsearch .searchalert ul li .el-input,
.highsearch .searchalert ul li .el-select {
  width: 160px;
}
.highsearch .searchalert ul li > span {
  display: inline-block;
  width: 90px;
  line-height: 32px;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.highsearch .searchalert ul li .el-range-editor--small .el-range-separator {
  width: auto;
  line-height: 24px;
  margin-right: auto;
}
.highsearch .searchalert ul li .el-range-editor.el-input__inner {
  padding: 3px 5px;
}
.highsearch .searchalert ul li .el-date-editor .el-range__close-icon {
  width: 16px;
}
.highsearch .searchalert ul li .el-date-editor--daterange.el-input__inner {
  width: 240px;
}
.highsearch .searchalert .serchbtn {
  margin-top: 30px;
  text-align: center;
}
.highsearch .searchalert .serchbtn .el-button {
  min-width: 64px;
  min-height: 32px;
}
.highsearch .searchalert .triangle-top {
  position: absolute;
  top: -9px;
  margin-left: -6px;
  left: 50%;
  width: 0;
  height: 0;
  border-right: 6px solid transparent;
  border-bottom: 9px solid #fff;
  border-left: 6px solid transparent;
}

.interFaceLog {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.interFaceLog .userAgentWidth {
  width: 520px;
}
.interFaceLog .userAgentheight {
  height: 250px;
}
.interFaceLog .content {
  height: 190px;
  overflow: auto;
  width: 853px;
  border: 1px solid #DCDFE6;
  margin: 0;
}
.interFaceLog .return {
  height: 100px;
}
.interFaceLog .searchBox {
  display: flex;
}
.interFaceLog .searchBox .inp {
  line-height: 32px;
}
.interFaceLog .searchBox .el-date-editor.el-range-editor {
  width: 355px;
}
.interFaceLog .textareaUp {
  height: 220px;
  overflow: hidden;
}

.loginLog {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.loginLog .searchBox .el-date-editor.el-range-editor {
  width: 355px;
}

.operationLog {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.operationLog .el-radio.is-bordered.is-checked {
  /* border-color: #6690ff; */
}
.operationLog .theme2 .el-radio.is-bordered.is-checked {
  /* border-color: #4d91ff; */
}
.operationLog .userAgentWidth {
  width: 520px;
}
.operationLog .userAgentheight {
  height: 250px;
}
.operationLog .content {
  height: 250px;
  overflow: auto;
  width: 853px;
  border: 1px solid #DCDFE6;
  margin: 0;
}
.operationLog .return {
  height: 100px;
}
.operationLog .searchBox {
  display: flex;
}
.operationLog .searchBox .inp {
  line-height: 32px;
}
.operationLog .searchBox .el-date-editor.el-range-editor {
  width: 355px;
}
.operationLog .textareaUp {
  height: 272px;
  overflow: hidden;
}

.listinfo .el-dialog__body {
  padding-top: 20px;
  padding-right: 20px;
}
.eventInfo {
  height: 400px;
}

.netWorkEquipment {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
  /*上传图片组件自定义样式*/
  /*上传图片*/
}
.netWorkEquipment .cnotent {
  width: 240px;
}
.netWorkEquipment .searchBox .el-input-group__prepend .el-select {
  width: 120px;
}
.netWorkEquipment .searchBox .el-input-group--prepend .el-input__inner {
  width: 120px;
}
.netWorkEquipment .searchBox .wh120 {
  width: 120px;
}
.netWorkEquipment .formbox {
  padding-right: 20px;
  max-height: 611px;
  overflow-y: hidden;
}
.netWorkEquipment .installAddress {
  width: 528px;
}
.netWorkEquipment .el-tabs__content {
  height: 100% !important;
  overflow: hidden;
  position: relative;
}
.netWorkEquipment .el-upload--picture-card {
  background-color: #fbfdff;
  border: 1px dashed #c0ccda;
  border-radius: 6px;
  box-sizing: border-box;
  width: 100px;
  height: 100px;
  line-height: 100px;
  vertical-align: top;
  margin-left: 5px;
  position: relative;
}
.netWorkEquipment .el-upload-list--picture-card .el-upload-list__item {
  width: 110px;
  height: 100px;
}
.netWorkEquipment .hide .el-upload--picture-card {
  display: none;
}
.netWorkEquipment .picOne {
  display: inline-block;
  width: 592px;
  margin-left: 12px;
}
.netWorkEquipment .picTwo {
  margin-right: 2px;
  margin-left: 11px;
}
.netWorkEquipment .spWidth .el-form-item__label {
  width: 101px !important;
}
.netWorkEquipment .centerStructure {
  padding-top: 0;
}

.nonResidentRecord {
  position: relative;
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
}
.nonResidentRecord .wh160 {
  width: 160px;
}
.nonResidentRecord .upload-demo .el-upload {
  left: 358px;
}
.nonResidentRecord .upload-demo .el-upload-list__item .el-icon-close {
  right: 12px;
}
.nonResidentRecord .upload-demo .el-upload-list > li {
  width: 350px;
}
.nonResidentRecord .loading-btn {
  height: 30px;
  margin-top: 1px;
}
.nonResidentRecord .lableTips {
  color: #464042;
  margin-left: 10px;
}
.nonResidentRecord .cnotent {
  width: 281px;
}
.nonResidentRecord .detail {
  width: 225.33px;
}
.nonResidentRecord .formbox {
  padding-right: 20px;
  max-height: 611px;
  overflow-y: hidden;
}
.nonResidentRecord .formbox .inline-two {
  display: flex;
}
.nonResidentRecord .formbox .inline-two .el-form-item:nth-child(2) {
  margin-left: 40px;
}
.nonResidentRecord .el-tabs__content {
  height: 100% !important;
  overflow: hidden;
  position: relative;
}
.nonResidentRecord .centerStructure .searchBox .input-with-select {
  width: 300px;
}
.nonResidentRecord .centerStructure .searchBox .input-with-select .el-input__inner {
  width: 160px;
}
.nonResidentRecord .centerStructure .el-tabs {
  height: 100%;
}
.nonResidentRecord .centerStructure .el-tabs .el-tab-pane {
  height: 100%;
}
.nonResidentRecord .centerStructure .el-tabs .el-tabs__content {
  height: calc(100% - 50px) !important;
}
.nonResidentRecord .centerStructure .el-tabs .el-tabs__content .meterReading {
  height: 100%;
}
.nonResidentRecord .el-upload--picture-card {
  background-color: #fbfdff;
  border: 1px dashed #c0ccda;
  border-radius: 6px;
  box-sizing: border-box;
  width: 100px;
  height: 100px;
  line-height: 100px;
  vertical-align: top;
  margin-left: 5px;
}
.nonResidentRecord .el-upload-list--picture-card .el-upload-list__item {
  width: 110px;
  height: 100px;
}
.nonResidentRecord .picOne {
  display: inline-block;
  width: 592px;
  margin-left: 24px;
}
.nonResidentRecord .picOne .picTwo {
  margin-right: 30px;
}
.nonResidentRecord .picOne .pic {
  margin-left: 75px;
  margin-top: 10px;
}
.nonResidentRecord .searchBox {
  display: flex;
}
.nonResidentRecord .searchBox .inp {
  line-height: 32px;
}
.nonResidentRecord .el-dialog__body {
  padding-right: 20px;
}
.theme2 .nonResidentRecord .lableTips {
  color: #b7b7b7;
}
.infoMessage {
  display: flex;
}
.infoMessage .confirmIcon {
  margin-right: 10px;
  font-size: 24px;
  color: #E6A23C;
}

.organizationArchive {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.organizationArchive .flex-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.organizationArchive .peopleDrawer .el-drawer__header {
  font-size: 16px;
  padding: 10px 20px;
  margin-bottom: 15px;
}
.organizationArchive .el-dialog__body {
  padding-right: 0;
}
.organizationArchive .centerStructure {
  padding: 20px;
  flex: 1;
  width: 800px;
  height: 100%;
  margin-right: 10px;
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
}
.organizationArchive .centerStructure .searchBox {
  width: 100%;
  margin-bottom: 10px;
}
.organizationArchive .centerStructure .searchBox .el-input {
  width: 140px;
}
.organizationArchive .centerStructure .searchBox .inp {
  margin-left: 10px;
}
.organizationArchive .centerStructure .searchBox .el-button {
  margin-left: 10px;
}
.organizationArchive .centerStructure .searchBox span:nth-child(1) {
  margin-right: 0;
}
.organizationArchive .formbox {
  padding-right: 20px;
  max-height: 611px;
  overflow: auto;
  overflow-y: auto;
}
.organizationArchive .formbox .inline {
  margin-bottom: 0px;
}
.organizationArchive .formbox .el-radio {
  margin-right: 26px;
}
.organizationArchive .formbox .el-form-item--mini.el-form-item,
.organizationArchive .formbox .el-form-item--small.el-form-item {
  margin-bottom: 20px;
}

.pressureRecord {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.pressureRecord .searchBox {
  display: flex;
}
.pressureRecord .searchBox .input-with-select {
  width: 300px;
}
.pressureRecord .searchBox .input-with-select .el-input__inner {
  width: 160px;
}
.pressureRecord .searchBox .inp {
  line-height: 32px;
}
.pressureRecord .searchBox .meterType {
  margin-right: 10px;
}
.pressureRecord .table-diaolog .el-dialog__body {
  padding-right: 20px;
}
.pressureRecord .table-diaolog .buttonAdd {
  float: right;
  margin-top: 20px;
}
.pressureRecord .loading-btn {
  height: 30px;
  margin-top: 1px;
}
.pressureRecord .upload-demo .el-upload {
  left: 373px;
}
.pressureRecord .upload-demo .el-upload-list__item .el-icon-close {
  right: 12px;
}
.pressureRecord .searchSelect.close .el-input--suffix .el-input__inner {
  padding-right: 30px;
}
.pressureRecord .picOne {
  display: inline-block;
  width: 592px;
  margin-left: 25px;
}
.pressureRecord .picOne .pic {
  margin-left: 75px;
  margin-top: 10px;
}
.pressureRecord .picTwo {
  margin-right: 100px;
}
.pressureRecord .el-upload--picture-card {
  background-color: #fbfdff;
  border: 1px dashed #c0ccda;
  border-radius: 6px;
  box-sizing: border-box;
  width: 100px;
  height: 100px;
  line-height: 100px;
  vertical-align: top;
  margin-left: 5px;
}
.pressureRecord .el-upload-list--picture-card .el-upload-list__item {
  width: 110px;
  height: 100px;
}

.residentRecord {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
  /*上传图片组件自定义样式*/
  /*上传图片*/
}
.residentRecord .wrap {
  width: 1240px;
}
.residentRecord .table-diaolog .el-dialog__body {
  padding-right: 20px;
}
.residentRecord .lableTips {
  color: #464042;
  margin-left: 10px;
}
.residentRecord .searchBox .dropbutton {
  height: 32px;
}
.residentRecord .zeroToTop .el-dialog__body {
  padding-top: 0;
}
.residentRecord .cnotent {
  width: 281px;
}
.residentRecord .detail {
  width: 225.33px;
}
.residentRecord .residentRecordDrawer .el-drawer__header {
  font-size: 16px;
  padding: 10px 20px;
  margin-bottom: 15px;
}
.residentRecord .residentRecordDrawer .formbox .inline {
  justify-content: flex-start;
}
.residentRecord .formbox {
  padding-right: 20px;
  max-height: 611px;
  overflow-y: auto;
}
.residentRecord .formbox .wh500 {
  width: 520px;
}
.residentRecord .formbox .inline-two {
  display: flex;
}
.residentRecord .formbox .inline-two .el-form-item:nth-child(2) {
  margin-left: 40px;
}
.residentRecord .formbox .inline-three {
  display: flex;
}
.residentRecord .formbox .inline-three .el-form-item:nth-child(2) {
  width: 114px;
  margin-left: 24px;
}
.residentRecord .formbox .inline-three .el-form-item:nth-child(3) {
  margin-left: 240px;
}
.residentRecord .el-tabs__content {
  height: 100% !important;
  overflow: hidden;
  position: relative;
}
.residentRecord .el-upload--picture-card {
  background-color: #fbfdff;
  border: 1px dashed #c0ccda;
  border-radius: 6px;
  box-sizing: border-box;
  width: 100px;
  height: 100px;
  line-height: 100px;
  vertical-align: top;
  margin-left: 5px;
}
.residentRecord .el-upload-list--picture-card .el-upload-list__item {
  width: 110px;
  height: 100px;
}
.residentRecord .picOne {
  display: inline-block;
  width: 592px;
  margin-left: 25px;
}
.residentRecord .picOne .pic {
  margin-left: 75px;
  margin-top: 10px;
}
.residentRecord .picTwo {
  margin-right: 100px;
}
.residentRecord .upload-demo .el-upload-list {
  width: 416px;
}
.residentRecord .upload-demo .el-upload-list > li {
  width: 354px;
}
.residentRecord .upload-demo .el-upload {
  position: absolute;
  top: 0px;
  left: 357px;
}
.residentRecord .upload-demo .hovbtn {
  margin-left: 10px;
  cursor: initial;
  color: #FF0000;
}
.residentRecord .upload-demo1 {
  display: flex;
  flex-direction: row-reverse;
  position: relative;
  justify-content: flex-end;
}
.residentRecord .upload-demo1 .el-upload-list {
  width: 395px;
  height: 32px;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
}
.residentRecord .upload-demo1 .el-upload-list > li {
  width: 354px;
}
.residentRecord .upload-demo1 .el-upload {
  position: absolute;
  top: 0px;
  left: 357px;
}
.residentRecord .upload-demo1 .hovbtn {
  margin-left: 10px;
  cursor: initial;
  color: #FF0000;
}
.residentRecord .upload-demo1 .el-upload-list__item:first-child {
  margin-top: 2px;
}
.theme2 .residentRecord .lableTips {
  color: #b7b7b7;
}
.infoMessage {
  display: flex;
}
.infoMessage .confirmIcon {
  margin-right: 10px;
  font-size: 24px;
  color: #E6A23C;
}

.controller {
  position: relative;
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  overflow: auto;
}
.controller > div {
  margin: 0 !important;
}
.controller::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.controller::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.controller::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.controller::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.controller .ft16 {
  font-size: 16px;
}
.controller .marB5 {
  margin-bottom: 5px;
}
.control-empty {
  background: #fff;
}
.theme2 .controller::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 5px rgba(102, 144, 255, 0.2);
  background: rgba(102, 144, 255, 0.2);
}
.theme2 .controller::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(102, 144, 255, 0.1);
  background: rgba(102, 144, 255, 0.1);
}
.theme2 .control-empty {
  background: #2a2b2d;
}

.apiCallLog[data-v-03d1c296] {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.apiCallLog .content[data-v-03d1c296] {
  height: 190px;
  overflow: auto;
  width: 853px;
  border: 1px solid #DCDFE6;
  margin: 0;
}
.apiCallLog[data-v-03d1c296] .jv-container .jv-code {
  padding: 0 20px 0 0;
}
.apiCallLog[data-v-03d1c296] .el-drawer__header {
  padding: 10px 20px;
  margin-bottom: 10px;
}
.apiCallLog[data-v-03d1c296] .el-form-item--mini.el-form-item,
.apiCallLog .el-form-item--small.el-form-item[data-v-03d1c296] {
  margin-bottom: 10px;
}
.apiCallLog .grid-content[data-v-03d1c296] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 150px;
  font-weight: bold;
}

.tree-box[data-v-3f116db0] {
  height: calc(100vh - 192px);
}
.tree-box header[data-v-3f116db0] {
  display: flex;
  justify-content: space-between;
  padding: 10px;
}
.tree-box .treesearch[data-v-3f116db0] {
  padding: 0px 10px;
}
.tree-box .treesearch[data-v-3f116db0] .el-input--suffix .el-input__inner {
  padding-right: 48px;
}
.tree-box .overauto[data-v-3f116db0] {
  width: 240px;
  height: 100%;
  overflow: auto;
  padding: 0 10px;
}
.tree-box .overauto[data-v-3f116db0]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.tree-box .overauto[data-v-3f116db0]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.tree-box .overauto[data-v-3f116db0]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.tree-box .overauto[data-v-3f116db0]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.tree-box .overauto .el-tree[data-v-3f116db0] {
  min-width: 100%;
  display: inline-block;
  margin-top: 10px;
}
.tree-box .overauto .el-tree .el-tree-node[data-v-3f116db0] {
  overflow: auto;
}
.tree-box .editIcon[data-v-3f116db0] {
  display: none;
  margin-left: 5px;
}
.tree-box .editIcon i[data-v-3f116db0] {
  margin-right: 5px;
}
.tree-box .treeIcon[data-v-3f116db0] {
  width: 100%;
}
.tree-box .treeIcon .iconfont[data-v-3f116db0] {
  margin-right: 4px;
}
.en-US .el-dropdown-menu--small .el-dropdown-menu__item[data-v-3f116db0] {
  font-size: 12px;
}
.theme2 .tree-box .overauto[data-v-3f116db0]::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.1);
}
.theme2 .tree-box .overauto[data-v-3f116db0]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}

.apiManage[data-v-5fbd8040] {
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.apiManage .centerStructure[data-v-5fbd8040] {
  overflow: auto;
}
.apiManage .el-radio.is-bordered + .el-radio.is-bordered[data-v-5fbd8040] {
  margin-left: -10px;
}
.apiManage .label-wh[data-v-5fbd8040] {
  display: inline-block;
  width: 100px;
  text-align: right;
}
.apiManage .cellEdit[data-v-5fbd8040] {
  display: flex;
}
.apiManage .cellEdit .el-select[data-v-5fbd8040] {
  width: 100%;
}
.apiManage .cellEdit .el-date-editor.el-input--suffix[data-v-5fbd8040] .el-input__inner {
  padding-right: 0;
}
.apiManage .cellEdit[data-v-5fbd8040] .el-input-number .el-input-number__decrease,
.apiManage .cellEdit[data-v-5fbd8040] .el-input-number .el-input-number__increase {
  width: 26px;
  display: none;
}
.apiManage .cellEdit[data-v-5fbd8040] .el-input-number.is-controls-right .el-input__inner {
  padding-right: 5px;
  padding-left: 5px;
}
.apiManage .link[data-v-5fbd8040] {
  color: #6690ff;
  cursor: pointer;
}
.apiManage .scrollContent[data-v-5fbd8040] {
  height: calc(100% - 42px);
  overflow: auto;
}
.apiManage .scrollContent[data-v-5fbd8040]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.apiManage .scrollContent[data-v-5fbd8040]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.apiManage .scrollContent[data-v-5fbd8040]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.apiManage .scrollContent[data-v-5fbd8040]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.apiManage .footer-btn[data-v-5fbd8040] {
  position: absolute;
  bottom: 20px;
  right: 20px;
  display: flex;
  justify-content: flex-end;
}
.basicInfo[data-v-5fbd8040] {
  width: 450px;
  margin-top: 40px;
}
.basicInfo .next[data-v-5fbd8040] {
  margin-top: 50px;
  text-align: right;
}
.basicInfo .el-select[data-v-5fbd8040] {
  width: 300px;
}
.basicInfo .el-select[data-v-5fbd8040] .el-popper {
  width: 100%;
  left: 0 !important;
}
.basicInfo[data-v-5fbd8040] .el-form-item {
  margin-top: 25px;
}
.basicInfo .tips[data-v-5fbd8040] {
  position: absolute;
  margin-left: 20px;
}
.basicInfo[data-v-5fbd8040] .el-input-group__prepend {
  background: #f5f7fa;
  padding: 0 10px;
  padding-right: 0;
}
.basicInfo[data-v-5fbd8040] .el-input-group__prepend ~ input {
  min-width: 120px;
}
.sqlcon[data-v-5fbd8040] {
  display: flex;
  height: 380px;
  margin: 20px 0;
  margin-bottom: 0;
}
.sqlcon .leftcon[data-v-5fbd8040] {
  width: 300px;
  height: 100%;
  padding: 10px 0;
  border: 1px solid #ebeef5;
}
.sqlcon .leftcon .tree-box[data-v-5fbd8040] {
  height: calc(100% - 23px);
}
.sqlcon .leftcon .tree-box[data-v-5fbd8040] .overauto {
  width: 300px;
}
.sqlcon .rightcon[data-v-5fbd8040] {
  flex: 1;
  height: 100%;
  border: 1px solid #ebeef5;
  border-left: none;
  overflow: hidden;
}
.sqlcon ~ p[data-v-5fbd8040] {
  padding-left: 100px;
  margin-top: 4px;
  margin-bottom: 18px;
}
.excel-table-con[data-v-5fbd8040] {
  flex: 1;
  width: calc(100% - 150px);
  height: 239px;
  background: #fff;
}
.table-con[data-v-5fbd8040] {
  flex: 1;
  width: calc(100% - 150px);
  height: 239px;
  background: #fff;
}
[data-v-5fbd8040] .el-select-dropdown {
  width: 100%;
}
[data-v-5fbd8040] .el-drawer__header {
  padding: 10px 20px;
  margin-bottom: 0;
}
/feDisplacementMap/ .jv-container[data-v-5fbd8040] {
  height: 90%;
}
/feDisplacementMap/ .jv-container .jv-code[data-v-5fbd8040] {
  padding-top: 0;
}
.label-info[data-v-5fbd8040] {
  display: flex;
  justify-content: space-between;
  padding: 10px 20px;
}
.tableContainer[data-v-5fbd8040] {
  padding: 0 20px;
  height: calc(100% - 60px);
}
.defaultClass[data-v-5fbd8040] {
  display: flex;
}
.defaultClass > div[data-v-5fbd8040] {
  flex: 1;
}
.defaultClass[data-v-5fbd8040] .el-input-number--small {
  width: auto;
}
.theme2 .basicInfo[data-v-5fbd8040] .el-input-group__prepend {
  background: #494949;
}
.theme2 .sqlcon .leftcon[data-v-5fbd8040],
.theme2 .sqlcon .rightcon[data-v-5fbd8040] {
  border-color: #565656;
}

.applicationManagement[data-v-f259d8de] {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.applicationManagement .el-radio[data-v-f259d8de] {
  margin-right: 0;
}
.applicationManagement[data-v-f259d8de] .tree-scroll {
  overflow: auto;
  overflow-x: hidden;
}
.applicationManagement[data-v-f259d8de] .tree-scroll .grid-content .tree-box {
  height: 100%;
}
.applicationManagement[data-v-f259d8de] .tree-scroll .grid-content .tree-box .overauto {
  height: 400px;
  width: 360px!important;
}
.applicationManagement[data-v-f259d8de] .el-dialog__body {
  padding: 0 20px 20px 20px;
}
.theme2[data-v-f259d8de] .tree-scroll {
  border: 1px solid #494949;
}

.dataCatalog[data-v-4a13913f] {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.dataCatalog .my-leftStructure[data-v-4a13913f] {
  width: 270px !important;
}
.dataCatalog[data-v-4a13913f] .tree-box .overauto {
  width: 269px !important;
  height: 100%;
  overflow: auto;
  padding: 0 10px;
}
.dataCatalog[data-v-4a13913f] .el-drawer__header {
  margin-bottom: 0;
  padding-bottom: 10px;
}
.dataCatalog[data-v-4a13913f] .el-drawer__header span {
  margin-left: -10px;
  font-size: 16px;
}
.dataCatalog .drawer[data-v-4a13913f] {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
}
.dataCatalog .drawer .table[data-v-4a13913f] {
  height: 100%;
  margin: 20px 15px 20px 18px;
}

.min_width_Option_Acc_300 {
  width: 302px;
}
.dataSourceConfiguration {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.dataSourceConfiguration .excel-table {
  height: calc(100% - 284px);
  position: relative;
}
.dataSourceConfiguration .footer-btn {
  text-align: right;
  margin-bottom: 20px;
}
.dataSourceConfiguration .upload-demo {
  width: 396px!important;
}
.dataSourceConfiguration .upload-demo .el-upload-list {
  width: 300px!important;
}
.dataSourceConfiguration .upload-demo .el-upload-list > li {
  width: 300px!important;
}
.dataSourceConfiguration .upload-demo .el-upload-list > li .el-icon-close {
  display: none;
}
.dataSourceConfiguration .upload-demo .el-upload {
  position: static;
}
.dataSourceConfiguration .basicInfo {
  width: 450px;
  margin-top: 40px;
}
.dataSourceConfiguration .basicInfo .next {
  margin-top: 50px;
  text-align: right;
}
.dataSourceConfiguration .basicInfo .el-select {
  width: 300px;
}
.dataSourceConfiguration .basicInfo .el-select /deep/ .el-popper {
  width: 100%;
  left: 0 !important;
}
.dataSourceConfiguration .basicInfo /deep/ .el-form-item {
  margin-top: 25px;
}
.dataSourceConfiguration .basicInfo .tips {
  position: absolute;
  margin-left: 20px;
}
.dataSourceConfiguration .basicInfo /deep/ .el-input-group__prepend {
  background: #f5f7fa;
  padding: 0 10px;
  padding-right: 0;
}
.dataSourceConfiguration .basicInfo /deep/ .el-input-group__prepend ~ input {
  min-width: 120px;
}
.dataSourceConfiguration .operation-btn {
  margin-top: 30px;
  margin-left: 55.7%;
}

.min_width_Option {
  width: 80px;
}
.valveControl {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.valveControl .searchBox .mini-width {
  width: 100px;
}
.valveControl .searchBox .mini-width .el-input__inner {
  width: 100px !important;
}
.valveControl .el-input-number--small {
  width: 180px;
}
.valveControl .highsearch .searchalert ul li span {
  display: inline-block;
  width: 85px;
  line-height: 32px;
  text-align: right;
}
.valveControl .el-drawer__header {
  font-size: 16px;
  padding: 10px 20px;
  margin-bottom: 0;
}
.valveControl .recordDialog {
  padding: 10px 20px;
  width: 100%;
  height: 100% ;
  overflow: auto;
}
.valveControl .recordDialog::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.valveControl .recordDialog::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.valveControl .recordDialog::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.valveControl .recordDialog::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.valveControl .errorDialog {
  padding: 10px 20px;
  width: 100%;
  height: 100% ;
  overflow: auto;
}
.valveControl .errorDialog::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.valveControl .errorDialog::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.valveControl .errorDialog::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.valveControl .errorDialog::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.valveControl .errorDialog .searchBox .mini-width {
  width: 80px;
}
.valveControl .errorDialog .searchBox .mini-width .el-input__inner {
  width: 80px !important;
}
.valveControl .errorDialog .searchBox .mini-width2 {
  width: 100px;
}
.valveControl .errorDialog .searchBox .mini-width2 .el-input__inner {
  width: 100px !important;
}
.valveControl .errorDialog .searchBox .cname > .el-input__inner {
  width: 55px;
}
.valveControl .errorDialog .searchBox .cname2 {
  width: 140px;
  margin: 0px;
}
.valveControl .el-dialog__body {
  padding-right: 20px;
}
.valveControl .searchBox .el-date-editor.el-range-editor {
  width: 370px;
}
.valveControl .tepLeft {
  margin-left: 10px;
}
.valveControl .col1 {
  color: #6690ff;
}
.valveControl .col2 {
  color: #ff002B;
}
.valveControl .col3 {
  color: #00b77e;
}

.customerController[data-v-5289bc80] {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: auto;
}
.customerController[data-v-5289bc80]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.customerController[data-v-5289bc80]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.customerController[data-v-5289bc80]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.customerController[data-v-5289bc80]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.cservice[data-v-5289bc80] {
  position: relative;
  min-width: 1870px;
}
.cservice section[data-v-5289bc80] {
  margin-bottom: 10px;
}
.cservice section[data-v-5289bc80]:first-child {
  height: 17.5%;
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
  margin-right: 10px;
  background: #fff;
  padding: 15px;
}
.cservice section[data-v-5289bc80]:nth-child(2) {
  height: 40%;
  min-height: 303px;
}
.cservice section[data-v-5289bc80]:last-child {
  margin: 0;
  height: 40%;
}
.cservice section .item[data-v-5289bc80] {
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
  margin-right: 10px;
  background: #fff;
}
.cservice section .item[data-v-5289bc80]:last-child {
  margin: 0px;
}
.cservice section .button-groups[data-v-5289bc80] {
  position: absolute;
  right: 20px;
  top: 20px;
}
.cservice section .secondItem[data-v-5289bc80] {
  float: left;
  height: 100%;
  padding: 20px;
  position: relative;
  width: 613px;
}
.cservice section .secondItem.secondItemOther[data-v-5289bc80] {
  width: 688px;
}
.cservice section .secondItem.secondItemOther[data-v-5289bc80]:last-child {
  width: 464px;
}
.cservice section .secondItem .imgbar[data-v-5289bc80] {
  display: flex;
  flex-wrap: wrap;
}
.cservice section .secondItem .imgbar > li[data-v-5289bc80] {
  width: 157px;
  height: 113px;
  margin: 10px 0;
  margin-left: 38px;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.cservice section .secondItem .imgbar > li > div[data-v-5289bc80]:first-child {
  width: 60px;
  height: 60px;
  margin-top: 5px;
  margin-bottom: 10px;
}
.cservice section .secondItem .imgbar > li > div:first-child img[data-v-5289bc80] {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.cservice section .thirdItem[data-v-5289bc80] {
  position: relative;
  float: left;
  min-height: 303px;
  height: 100%;
  padding: 20px;
}
.cservice section .thirdItem[data-v-5289bc80]:first-child {
  width: 925px;
}
.cservice section .thirdItem[data-v-5289bc80]:last-child {
  width: 925px;
}
.cservice section .lintit[data-v-5289bc80] {
  margin: 0;
}
.cservice section .chartItem[data-v-5289bc80] {
  width: 100%;
  height: calc(100% - 20px);
  display: flex;
}
.cservice section .chartPie[data-v-5289bc80] {
  height: calc(100% - 16px);
  flex: 1;
  position: relative;
}
.cservice section .chartPie p[data-v-5289bc80] {
  text-align: center;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  width: 100%;
  font-size: 22px;
  font-weight: bold;
  line-height: 1;
}
.cservice section .chartPie p i[data-v-5289bc80] {
  font-size: 14px;
  font-weight: normal;
}
.cservice .first-ul[data-v-5289bc80] {
  display: flex;
  height: 100%;
}
.cservice .first-ul > li[data-v-5289bc80] {
  flex: 1;
  height: 100%;
  margin-right: 15px;
  border-radius: 5px;
  display: flex;
}
.cservice .first-ul > li[data-v-5289bc80]:last-child {
  margin: 0;
}
.cservice .first-ul > li > div[data-v-5289bc80] {
  height: 100%;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.cservice .first-ul > li > div > i[data-v-5289bc80] {
  color: #fff;
  font-size: 22px;
  border-radius: 100px;
  width: 36px;
  height: 36px;
  text-align: center;
  line-height: 36px;
}
.cservice .first-ul > li > div > span[data-v-5289bc80] {
  margin: 6px 0;
}
.cservice .first-ul > li > div p[data-v-5289bc80] {
  font-weight: bold;
  font-size: 16px;
  width: 148px;
  padding: 0 5px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cservice .col1[data-v-5289bc80] {
  background: #ffb9804a;
}
.cservice .col1 .iconfont[data-v-5289bc80] {
  background: #ffb980;
}
.cservice .col2[data-v-5289bc80] {
  background: #4d91ff4a;
}
.cservice .col2 .iconfont[data-v-5289bc80] {
  background: #4d91ff;
}
.cservice .col3[data-v-5289bc80] {
  background: #2ec7c94a;
}
.cservice .col3 .iconfont[data-v-5289bc80] {
  background: #2ec7c9;
}
.cservice .col4[data-v-5289bc80] {
  background: #edafda4a;
}
.cservice .col4 .iconfont[data-v-5289bc80] {
  background: #edafda;
}
.cservice .col5[data-v-5289bc80] {
  background: #a29afb4a;
}
.cservice[data-v-5289bc80] .pietip {
  min-width: 110px;
  display: flex;
  justify-content: space-between;
}
.cservice[data-v-5289bc80] .pietip > span:first-child {
  margin-right: 15px;
}
.theme2 .cservice section .item[data-v-5289bc80] {
  background: #2b2b2b;
}
.theme2 .cservice section[data-v-5289bc80]:first-child {
  background: #2b2b2b;
}
.theme2 .customerController[data-v-5289bc80]::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 5px rgba(102, 144, 255, 0.2);
  background: rgba(102, 144, 255, 0.2);
}
.theme2 .customerController[data-v-5289bc80]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(102, 144, 255, 0.1);
  background: rgba(102, 144, 255, 0.1);
}

.meterReadingController {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: auto;
}
.meterReadingController::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.meterReadingController::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.meterReadingController::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.meterReadingController::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.meterReadingController .centerStructure.original {
  padding: 0;
  overflow: auto;
  background: #f6f4fc !important;
  box-shadow: none;
}
.meterReadingController .centerStructure.original section {
  display: flex;
  margin-bottom: 10px;
}
.meterReadingController .centerStructure.original section:first-child {
  height: 19%;
}
.meterReadingController .centerStructure.original section:nth-child(2) {
  height: 39.5%;
  min-height: 303px;
}
.meterReadingController .centerStructure.original section:last-child {
  margin: 0;
  height: 39%;
}
.meterReadingController .centerStructure.original section .item {
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
  margin-right: 10px;
  background: #fff;
}
.meterReadingController .centerStructure.original section .item:last-child {
  margin: 0px;
}
.meterReadingController .centerStructure.original section .firstItem {
  flex: 1;
  height: 100%;
  display: flex;
}
.meterReadingController .centerStructure.original section .firstItem .fircen.center {
  cursor: initial;
}
.meterReadingController .centerStructure.original section .firstItem .center {
  margin: auto;
  display: flex;
  height: 56px;
  cursor: pointer;
}
.meterReadingController .centerStructure.original section .firstItem .center img {
  display: block;
  width: 65px;
  height: 55px;
  margin-right: 20px;
}
.meterReadingController .centerStructure.original section .firstItem .center .txt {
  margin-top: -10px;
}
.meterReadingController .centerStructure.original section .firstItem .center .txt span {
  font-size: 28px;
  margin-right: 10px;
  display: inline-block;
}
.meterReadingController .centerStructure.original section .secondItem {
  height: 100%;
  padding: 20px;
  flex: 1;
}
.meterReadingController .centerStructure.original section .secondItem .clock {
  display: flex;
  height: calc(100% - 40px);
}
.meterReadingController .centerStructure.original section .secondItem .clock .chartitem {
  position: relative;
  width: 33.4%;
  height: 100%;
}
.meterReadingController .centerStructure.original section .secondItem .clock .chartitem p {
  position: absolute;
  text-align: center;
  width: 100%;
  bottom: 30px;
  z-index: 666;
}
.meterReadingController .centerStructure.original section .secondItem .realchart {
  width: 100%;
  height: 100%;
}
.meterReadingController .centerStructure.original section .secondItem .realchart > div:first-child {
  width: 100% !important;
}
.meterReadingController .centerStructure.original section .secondItem .container {
  height: calc(100% - 30px);
  display: flex;
}
.meterReadingController .centerStructure.original section .secondItem .divide {
  flex: 1;
  position: relative;
  height: 100%;
}
.meterReadingController .centerStructure.original section .secondItem .divide .divideLeft {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
.meterReadingController .centerStructure.original section .secondItem .divide .divideRight {
  width: 100%;
  height: 100%;
}
.meterReadingController .centerStructure.original section .secondItem .divide .dividespec {
  overflow: hidden;
  overflow-y: auto;
  height: calc(100% - 50px);
  margin-top: 15px;
}
.meterReadingController .centerStructure.original section .secondItem .divide .dividespec::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.meterReadingController .centerStructure.original section .secondItem .divide .dividespec::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.meterReadingController .centerStructure.original section .secondItem .divide .dividespec::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.meterReadingController .centerStructure.original section .secondItem .divide .dividespec::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.meterReadingController .centerStructure.original section .secondItem .divide .echarttit {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}
.meterReadingController .centerStructure.original section .thirdItem {
  flex: 1;
  min-height: 303px;
  height: 100%;
  padding: 20px;
}
.meterReadingController .centerStructure.original section .thirdItem .lintit {
  margin: 0;
}
.meterReadingController .centerStructure.original section .thirdItem .button-groups {
  float: right;
  position: relative;
  z-index: 9;
}
.meterReadingController .centerStructure.original section .thirdItem .barBox {
  width: 100%;
  height: calc(100% - 20px);
}
.meterReadingController .centerStructure.original section .thirdItem .barBox > div:first-child {
  width: 100% !important;
}
.thirdItem canvas {
  width: 100% !important;
}
.theme2 .meterReadingController .centerStructure.original {
  background: #18191b !important;
}
.theme2 .meterReadingController .centerStructure.original::-webkit-scrollbar-thumb,
.theme2 .meterReadingController .centerStructure.original section .secondItem .divide .dividespec::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 5px rgba(102, 144, 255, 0.2);
  background: rgba(102, 144, 255, 0.2);
}
.theme2 .meterReadingController .centerStructure.original::-webkit-scrollbar-track,
.theme2 .meterReadingController .centerStructure.original section .secondItem .divide .dividespec::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(102, 144, 255, 0.1);
  background: rgba(102, 144, 255, 0.1);
}

.labelManagement[data-v-d16827a0] {
  position: relative;
  width: 100%;
  overflow: auto;
  overflow-x: hidden;
  height: calc(100% - 44px);
}
.labelManagement[data-v-d16827a0]::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.labelManagement[data-v-d16827a0]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.labelManagement[data-v-d16827a0]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.labelManagement[data-v-d16827a0]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.labelManagement .partitionTree[data-v-d16827a0] {
  position: relative;
  width: 100%;
}
.labelManagement[data-v-d16827a0] .g6-tooltip {
  position: absolute;
  top: 40px;
  left: 40px;
  padding: 10px 20px;
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid #009395;
  border-radius: 5px;
  white-space: pre-line;
  font-size: 14px;
}
.theme2 .labelManagement[data-v-d16827a0] .g6-tooltip {
  background-color: rgba(0, 0, 0, 0.25);
  color: #fff;
}

.nanPuController {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: auto;
}
.nanPuController::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.nanPuController::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.nanPuController::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.nanPuController::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.nanPuController .ft20 {
  font-size: 22px;
}
.nanPuController .button-groups {
  float: right;
  position: relative;
  z-index: 9;
}
.nanPuController .el-dialog__body {
  width: 100%;
  height: calc(100% - 45px) !important;
  padding: 20px!important;
}
.nanPuController .el-dialog__body #fullScreen div:first-child {
  width: 100% !important;
}
.nanPuController .el-dialog__body #fullScreen div:first-child canvas {
  width: 100% !important;
  height: 100% !important;
}
.nanPuController .centerStructure.original {
  padding: 0;
  overflow: auto;
  background: #f6f4fc !important;
  box-shadow: none;
}
.nanPuController .centerStructure.original section {
  display: flex;
  margin-bottom: 10px;
}
.nanPuController .centerStructure.original section:first-child {
  height: 12%;
}
.nanPuController .centerStructure.original section:nth-child(2) {
  height: 39.5%;
  min-height: 303px;
}
.nanPuController .centerStructure.original section:last-child {
  margin: 0;
  height: 46%;
}
.nanPuController .centerStructure.original section .item {
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
  margin-right: 10px;
  background: #fff;
}
.nanPuController .centerStructure.original section .item:last-child {
  margin: 0px;
}
.nanPuController .centerStructure.original section .firstItem {
  flex: 1;
  height: 100%;
  display: flex;
}
.nanPuController .centerStructure.original section .firstItem .fircen.center {
  cursor: initial;
}
.nanPuController .centerStructure.original section .firstItem .center {
  margin: auto;
  display: flex;
  height: 40px;
}
.nanPuController .centerStructure.original section .firstItem .center .text-label {
  display: flex;
  align-items: center;
}
.nanPuController .centerStructure.original section .firstItem .center .text-count {
  display: flex;
  align-items: center;
  margin-left: 40px;
}
.nanPuController .centerStructure.original section .firstItem .center .text-count .ft32 {
  font-size: 32px;
  font-weight: bold;
  margin-right: 10px;
  display: inline-block;
}
.nanPuController .centerStructure.original section .firstItem .center img {
  display: block;
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
.nanPuController .centerStructure.original section .thirdItem {
  height: 100%;
  padding: 20px 20px 0 20px;
  width: 100%;
  flex: 1;
  position: relative;
}
.nanPuController .centerStructure.original section .thirdItem .pos {
  position: absolute;
  width: 200px;
  top: 20px;
  left: 20px;
}
.nanPuController .centerStructure.original section .thirdItem .selftree {
  height: 100%;
  overflow: hidden;
}
.nanPuController .centerStructure.original section .thirdItem .selftree > div {
  height: 100% !important;
}
.nanPuController .centerStructure.original section .thirdItem .selftree > div canvas {
  width: 100% !important;
  height: 100% !important;
}
.nanPuController .centerStructure.original section .secondItem {
  flex: 1;
  min-height: 303px;
  height: 100%;
  padding: 20px;
}
.nanPuController .centerStructure.original section .secondItem canvas {
  width: 100% !important;
}
.nanPuController .centerStructure.original section .secondItem .lintit {
  margin: 0;
}
.nanPuController .centerStructure.original section .secondItem .barBox {
  width: 100%;
  height: calc(100% - 20px);
}
.nanPuController .centerStructure.original section .secondItem .barBox > div:first-child {
  width: 100% !important;
}
.theme2 .nanPuController .centerStructure.original {
  background: #18191b !important;
}

.partitionLeft[data-v-4d85c780] {
  padding-left: 2%;
  height: calc(100% - 80px);
}
.section[data-v-4d85c780] {
  background: linear-gradient(to right, #04192e, #00366a 50%, #00162eb3);
}
.section .lb[data-v-4d85c780] {
  position: absolute;
  left: -1px;
  bottom: -1px;
}
.section .rb[data-v-4d85c780] {
  position: absolute;
  right: -1px;
  bottom: -1px;
}
.section .rt[data-v-4d85c780] {
  position: absolute;
  top: -2px;
  right: -2px;
}
.section .bBorder[data-v-4d85c780] {
  height: 2px;
  background: linear-gradient(to right, #0095ff1A, #009dffCC 60%, #0095ff1A);
}
.section.first[data-v-4d85c780] {
  height: 220px;
}
.section.second[data-v-4d85c780] {
  height: calc(100% - 530px);
  max-height: 295px;
  min-height: 222px;
}
.section.third[data-v-4d85c780] {
  height: calc(100% - 530px);
  max-height: 295px;
  min-height: 222px;
}
.basic-info[data-v-4d85c780] {
  z-index: 4;
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
  margin-top: 20px;
}
.basic-info li[data-v-4d85c780] {
  flex: 1;
  width: 27%;
  flex-shrink: 0;
  margin-right: 3%;
  height: 70px;
  background: linear-gradient(to right, #00c1ff33, #00ffff00);
  border-left: 1px solid transparent;
  border-image: linear-gradient(to bottom, #00caff40, #00dbff, #00caff40) 2 2;
  display: flex;
  align-items: center;
  color: #fff;
}
.basic-info li[data-v-4d85c780]:last-child {
  margin-right: 0;
}
.basic-info li .iconfont[data-v-4d85c780] {
  font-size: 30px;
  color: #00dbff;
}
.basic-info li .wleft[data-v-4d85c780] {
  width: 30%;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
}
.basic-info li .wright[data-v-4d85c780] {
  width: 70%;
}
.basic-info li .wright > span[data-v-4d85c780] {
  white-space: nowrap;
}
.basic-info li .fct[data-v-4d85c780] {
  color: #00dbff;
  font-size: 20px;
  margin-top: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
}
.basic-info li .fct > i[data-v-4d85c780] {
  font-size: 14px;
}
.echarts-box[data-v-4d85c780] {
  width: 100%;
  height: 100%;
}
.echarts-box2[data-v-4d85c780] {
  width: 100%;
  height: calc(100% - 40px);
}
.bigUser-con[data-v-4d85c780] {
  padding: 0 20px;
  padding-top: 5px;
  z-index: 4;
}
.bigUser-con[data-v-4d85c780] .el-table__body-wrapper::-webkit-scrollbar {
  width: 0px;
  height: 4px;
}
.bigUser-con[data-v-4d85c780] .el-table__body-wrapper::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px #0095ff59;
  background: #0095ff59;
}
.bigUser-con[data-v-4d85c780] .el-table__body-wrapper::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #00c1ff10;
  background: #00c1ff10;
  border-radius: 0;
}
.bigUser-con[data-v-4d85c780] .el-table__body-wrapper::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.bigUser-con[data-v-4d85c780] .el-table th.gutter {
  width: 0px;
}
.bigUser-con[data-v-4d85c780] .el-table colgroup col[name="gutter"] {
  width: 0px;
}
.bigUser-con[data-v-4d85c780] .el-table__body {
  width: 100%  !important;
}

.partitionRight[data-v-724c6750] {
  padding-right: 2%;
  height: calc(100% - 80px);
}
.section[data-v-724c6750] {
  height: 220px;
  background: linear-gradient(to left, #04192e, #00366a 50%, #00162eb3);
}
.section .lt[data-v-724c6750] {
  position: absolute;
  left: -2px;
  top: -2px;
}
.section .rb[data-v-724c6750] {
  position: absolute;
  right: -2px;
  bottom: -2px;
}
.section .lb[data-v-724c6750] {
  position: absolute;
  left: -1px;
  bottom: -1px;
}
.section .rb[data-v-724c6750] {
  position: absolute;
  right: -1px;
  bottom: -1px;
}
.section .bBorder[data-v-724c6750] {
  height: 2px;
  background: linear-gradient(to right, #0095ff1A, #009dffCC 60%, #0095ff1A);
}
.section.first[data-v-724c6750] {
  height: calc(100% - 540px);
  max-height: 285px;
  min-height: 212px;
}
.section.second[data-v-724c6750] {
  height: calc(100% - 540px);
  max-height: 285px;
  min-height: 212px;
}
.section.third[data-v-724c6750] {
  height: 240px;
}
.sec-con[data-v-724c6750] {
  position: relative;
}
.sec-con .tabs[data-v-724c6750] {
  position: absolute;
  left: 40px;
  top: -10px;
  display: flex;
  z-index: 4;
}
.sec-con .tabs li[data-v-724c6750] {
  color: #00dbff;
  position: relative;
  margin-right: 20px;
  cursor: pointer;
}
.sec-con .tabs li.active[data-v-724c6750]::after {
  content: " ";
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 100%;
  height: 3px;
  background: #00dbff;
  border-radius: 5px;
}
.echarts-box[data-v-724c6750] {
  height: calc(100% - 40px);
}
.echarts-box2[data-v-724c6750] {
  width: 100%;
  height: 100%;
}
.alarm-con[data-v-724c6750] {
  padding: 0 20px;
  padding-top: 5px;
}

.theme1 .partitionController .el-table,
.theme2 .partitionController .el-table,
.theme3 .partitionController .el-table {
  background: none;
  color: #fff;
}
.theme1 .partitionController .el-table::before,
.theme2 .partitionController .el-table::before,
.theme3 .partitionController .el-table::before {
  background-color: #00c1ffa0;
}
.theme1 .partitionController .el-table thead,
.theme2 .partitionController .el-table thead,
.theme3 .partitionController .el-table thead {
  background: #00c1ff40;
  color: #fff;
}
.theme1 .partitionController .el-table .el-table__header-wrapper thead th,
.theme2 .partitionController .el-table .el-table__header-wrapper thead th,
.theme3 .partitionController .el-table .el-table__header-wrapper thead th {
  height: auto;
  background: none;
}
.theme1 .partitionController .el-table .el-table__header-wrapper thead tr,
.theme2 .partitionController .el-table .el-table__header-wrapper thead tr,
.theme3 .partitionController .el-table .el-table__header-wrapper thead tr {
  background: none;
}
.theme1 .partitionController .el-table th .cell,
.theme2 .partitionController .el-table th .cell,
.theme3 .partitionController .el-table th .cell {
  font-weight: normal;
  font-size: 15px;
}
.theme1 .partitionController .el-table tr,
.theme2 .partitionController .el-table tr,
.theme3 .partitionController .el-table tr {
  height: auto;
  background: none;
}
.theme1 .partitionController .el-table.el-table--small .el-table__cell,
.theme2 .partitionController .el-table.el-table--small .el-table__cell,
.theme3 .partitionController .el-table.el-table--small .el-table__cell {
  padding: 5px 0;
}
.theme1 .partitionController .el-table th.is-leaf,
.theme2 .partitionController .el-table th.is-leaf,
.theme3 .partitionController .el-table th.is-leaf {
  border-color: #00c1ffa0;
}
.theme1 .partitionController .el-table.el-table--border,
.theme2 .partitionController .el-table.el-table--border,
.theme3 .partitionController .el-table.el-table--border {
  border-color: #00c1ffa0;
}
.theme1 .partitionController .el-table.el-table--border::after,
.theme2 .partitionController .el-table.el-table--border::after,
.theme3 .partitionController .el-table.el-table--border::after {
  background-color: #00c1ffa0;
}
.theme1 .partitionController .el-table.el-table--border td,
.theme2 .partitionController .el-table.el-table--border td,
.theme3 .partitionController .el-table.el-table--border td {
  border-color: #00c1ffa0;
}
.theme1 .partitionController .el-table .el-table__body-wrapper,
.theme2 .partitionController .el-table .el-table__body-wrapper,
.theme3 .partitionController .el-table .el-table__body-wrapper {
  height: 90%;
}
.theme1 .partitionController .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell,
.theme2 .partitionController .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell,
.theme3 .partitionController .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
  background: none !important;
}
.theme1 .partitionController .el-table--scrollable-x .el-table__body-wrapper,
.theme2 .partitionController .el-table--scrollable-x .el-table__body-wrapper,
.theme3 .partitionController .el-table--scrollable-x .el-table__body-wrapper {
  overflow: hidden;
}

.baseMap[data-v-1c7bbb9c] {
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.baseMap .lintit i[data-v-1c7bbb9c] {
  background: #00dbff;
}
.baseMap .centerStructure[data-v-1c7bbb9c] {
  padding: 0;
  overflow: hidden;
}
.baseMap #mapEle[data-v-1c7bbb9c] {
  height: 100%;
  width: 100vw;
}
.baseMap[data-v-1c7bbb9c] #mapEle .ol-overlay-container {
  width: 0;
}
.baseMap[data-v-1c7bbb9c] #mapEle .ol-overlay-container:hover {
  z-index: 999;
}
.baseMap .jsb[data-v-1c7bbb9c] {
  width: 100%;
  height: 100%;
  position: relative;
  margin: -48px auto 0 -24px;
}
.baseMap .jsb .icon[data-v-1c7bbb9c] {
  width: 48px;
  height: 65px;
  background: url(../img/jsb.7738191b.png) no-repeat;
  position: relative;
  z-index: 10;
  transform: scale(0.6);
  cursor: pointer;
}
.baseMap .csb[data-v-1c7bbb9c] {
  width: 48px;
  height: 65px;
  position: relative;
  margin: -48px auto 0 -24px;
}
.baseMap .csb .icon[data-v-1c7bbb9c] {
  width: 48px;
  height: 65px;
  background: url(../img/csb.125b0f1a.png) no-repeat;
  position: relative;
  z-index: 10;
  transform: scale(0.6);
  cursor: pointer;
}
.baseMap .ylb[data-v-1c7bbb9c] {
  width: 48px;
  height: 65px;
  position: relative;
  margin: -48px auto 0 -24px;
}
.baseMap .ylb .icon[data-v-1c7bbb9c] {
  width: 48px;
  height: 65px;
  background: url(../img/ylb.189d3445.png) no-repeat;
  position: relative;
  z-index: 10;
  transform: scale(0.6);
  cursor: pointer;
}
.baseMap .breath0[data-v-1c7bbb9c] {
  display: none;
}
.baseMap .breath1[data-v-1c7bbb9c] {
  display: block;
  width: 10px;
  height: 10px;
  background: #ff0000;
  position: absolute;
  left: 19px;
  bottom: 10px;
  z-index: -1;
  border-radius: 50%;
  animation: scaling-data-v-1c7bbb9c 1s 0.15s infinite linear;
}
.baseMap .breath1[data-v-1c7bbb9c]::before {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid #ff0000;
  opacity: 0.6;
  left: -4px;
  top: -4px;
}
.baseMap .breath1[data-v-1c7bbb9c]::after {
  content: "";
  position: absolute;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 2px solid #ff0000;
  opacity: 0.3;
  left: -8px;
  top: -8px;
}
@keyframes scaling-data-v-1c7bbb9c {
0% {
    transform: scale(1);
}
33% {
    transform: scale(1.2);
}
66% {
    transform: scale(0.8);
}
100% {
    transform: scale(1);
}
}
.baseMap .status[data-v-1c7bbb9c] {
  border: 2px solid #009dffCC;
}
.baseMap .status[data-v-1c7bbb9c]:before {
  content: " ";
  box-sizing: border-box;
  position: absolute;
  top: -2px;
  left: 3%;
  height: 1px;
  width: 94%;
  border-top: 2px  solid transparent;
  border-image: linear-gradient(to right, #0095ff1A, #009dffCC 50%, #0095ff1A) 2 2;
}
.baseMap .status[data-v-1c7bbb9c]:after {
  content: " ";
  box-sizing: border-box;
  position: absolute;
  bottom: -2px;
  left: 3%;
  height: 1px;
  width: 94%;
  border-top: 2px  solid transparent;
  border-image: linear-gradient(to right, #0095ff1A, #009dffCC 50%, #0095ff1A) 2 2;
}
.baseMap .positions-wrap[data-v-1c7bbb9c] {
  width: 210px;
  min-width: 188px !important;
  max-width: 210px !important;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 10px !important;
  position: absolute;
  left: -100px;
  bottom: -3px;
  background-color: #04192e;
  opacity: 0.8;
}
.baseMap .positions-wrap .el-icon-close[data-v-1c7bbb9c] {
  position: absolute;
  right: 5px;
  top: 5px;
  color: #c0c4cc;
  font-weight: 600;
}
.baseMap .positions-wrap .el-icon-close[data-v-1c7bbb9c]:hover {
  color: #009dffCC;
}
.baseMap .position-arrow[data-v-1c7bbb9c] {
  position: absolute;
  left: 0;
  bottom: -8px;
  font-size: 20px;
  margin-left: -5px;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  clip-path: polygon(30% 30%, 100% 0, 100% 100%, 0% 100%);
  border: 2px solid #009dffCC;
  background-color: #04192e;
  opacity: 0.8;
  border-top: none;
  border-left: none;
}
.baseMap .positions-title[data-v-1c7bbb9c] {
  font-size: 14px;
  font-weight: bold;
  width: 100%;
  height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.baseMap .value-wrap[data-v-1c7bbb9c] {
  display: flex;
  justify-content: space-between;
  color: #fff;
}
.baseMap .value-wrap-main[data-v-1c7bbb9c] {
  font-weight: bold;
  color: #00dbff;
}
.baseMap .value-wrap-main[data-v-1c7bbb9c] :first-child {
  margin-right: 10px;
}
.baseMap .isAlarm[data-v-1c7bbb9c] {
  color: red;
  font-weight: 900;
}

.partitionController[data-v-aea01f50] {
  position: relative;
  width: calc(100% - 10px);
  height: 100%;
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
  overflow: hidden;
  display: flex;
  user-select: none;
}
.partitionController header[data-v-aea01f50] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 210px;
  background-image: url(../img/header_s.f03a4488.png), linear-gradient(to bottom, #0e1523, #13222a 30%, #13223000 100%);
  background-repeat: no-repeat;
}
.partitionController header .title[data-v-aea01f50] {
  width: clamp(500px, 30%, 700px);
  height: 100%;
  margin: auto;
}
.partitionController header .title img[data-v-aea01f50] {
  display: block;
  width: 100%;
}
.partitionController .left-con[data-v-aea01f50],
.partitionController .left-bg[data-v-aea01f50] {
  width: clamp(560px, 33%, 860px);
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
}
.partitionController .right-con[data-v-aea01f50],
.partitionController .right-bg[data-v-aea01f50] {
  width: clamp(560px, 33%, 860px);
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
}
.partitionController .left-bg[data-v-aea01f50] {
  width: clamp(600px, 33%, 1000px);
  background: linear-gradient(to right, #0e1523, #132234c0 70%, #13223400);
}
.partitionController .right-bg[data-v-aea01f50] {
  width: clamp(600px, 33%, 1000px);
  background: linear-gradient(to left, #0e1523, #132234c0 70%, #13223400);
}
.partitionController .left-con[data-v-aea01f50],
.partitionController .right-con[data-v-aea01f50] {
  z-index: 7;
}
.partitionController .center_bg[data-v-aea01f50] {
  width: 280px;
  height: 110px;
  background: url(../img/center_bg_s.ae7bcba8.png) no-repeat;
  background-size: 100% 100%;
  margin-top: 16px;
  display: flex;
  align-items: center;
}
.partitionController .center_bg[data-v-aea01f50]:first-child {
  margin-top: -4px;
}
.partitionController .center_bg .leftico[data-v-aea01f50] {
  width: 90px;
  display: flex;
  flex-shrink: 0;
  justify-content: flex-end;
  margin-right: 16px;
}
.partitionController .center_bg .count[data-v-aea01f50] {
  margin-top: 4px;
}
.partitionController .center_bg .count > span[data-v-aea01f50] {
  font-size: 15px;
  color: #fff;
}
.partitionController .center_bg .num[data-v-aea01f50] {
  display: flex;
}
.partitionController .center_bg .num > i[data-v-aea01f50] {
  color: #fff;
  margin-left: 10px;
  margin-top: 18px;
}
.partitionController .center_bg .num .fct[data-v-aea01f50] {
  color: #00dbff;
  font-weight: bold;
  font-size: 24px;
  margin-top: 8px;
  overflow: hidden;
  max-width: 112px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.partitionController .map-container[data-v-aea01f50] {
  width: 100%;
  height: 100%;
  background: #f66;
}
.partitionController .bl[data-v-aea01f50] {
  width: 100%;
  height: 80px;
}
.partitionController[data-v-aea01f50] .section {
  width: 100%;
  position: relative;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  margin-top: 5%;
}
.partitionController[data-v-aea01f50] .section:first-child {
  margin-top: 0;
}
.partitionController[data-v-aea01f50] .section .content {
  position: relative;
  z-index: 2;
  height: calc(100% - 20px);
  width: 100%;
}
.partitionController[data-v-aea01f50] .spec-title {
  padding: 0 40px;
  height: 40px;
  margin: 0 auto;
  margin-top: -20px;
  background-image: url(../img/flagbg_s.c9f18669.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  line-height: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #00dbff;
}
.partitionController[data-v-aea01f50] .spec-title .text {
  margin-left: 15px;
  color: #fff;
}
.partitionController[data-v-aea01f50] .spec-title .btnicon {
  width: 22px;
  height: 22px;
  background: linear-gradient(to right, #00c1ff4d, #00ffff4d);
  margin-left: 15px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.partitionController[data-v-aea01f50] .spec-title .btnicon i {
  transform: rotateY(180deg);
}
.partitionController .blurbg[data-v-aea01f50] {
  position: absolute;
  background: #00000090;
  filter: blur(8px);
  width: 244px;
  height: 0;
  z-index: -1;
  transition: all 0.5s;
}
.partitionController .blurbg2[data-v-aea01f50] {
  position: absolute;
  background: #00000090;
  filter: blur(8px);
  right: -264px;
  top: 78px;
  width: 244px;
  height: 400px;
}
.partitionController .tree-pos[data-v-aea01f50] {
  position: absolute;
  z-index: 2;
  right: -264px;
  top: 78px;
  width: 244px;
  height: 400px;
  background-image: url(../img/tl.4c2f2361.png), url(../img/br.9d266605.png);
  background-position: left top, right bottom;
  background-repeat: no-repeat, no-repeat;
  padding: 1px;
}
.partitionController .tree-pos .needbg[data-v-aea01f50] {
  height: 100%;
  width: 100%;
  background: #00366a80;
  overflow: hidden;
  position: relative;
  z-index: 2;
  border-radius: 8px;
}
.partitionController .tree-pos[data-v-aea01f50] .overauto {
  height: 396px;
  padding-bottom: 5px;
}
.partitionController .tree-pos[data-v-aea01f50] .overauto .el-tree-node > .el-tree-node__children {
  overflow: initial;
}
.partitionController .tree-pos.stable[data-v-aea01f50] {
  position: initial;
  height: 356px;
}
.partitionController .tree-pos.stable[data-v-aea01f50] .overauto {
  height: 352px;
  padding-bottom: 5px;
}
.partitionController .tree-pos.stable[data-v-aea01f50] .overauto .el-tree-node > .el-tree-node__children {
  overflow: initial;
}
.partitionController[data-v-aea01f50] .tree-box {
  height: 100%;
}
.partitionController[data-v-aea01f50] .tree-box .overauto::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.partitionController[data-v-aea01f50] .tree-box .overauto::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px #0095ff59;
  background: #0095ff59;
}
.partitionController[data-v-aea01f50] .tree-box .overauto::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #00c1ff10;
  background: #00c1ff10;
  border-radius: 0;
}
.partitionController[data-v-aea01f50] .tree-box .overauto::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.partitionController[data-v-aea01f50] .el-tree {
  color: #fff;
  background: none;
}
.partitionController[data-v-aea01f50] .el-tree .el-tree__empty-text {
  color: #fff;
}
.partitionController[data-v-aea01f50] .el-tree .treeIcon .iconfont {
  color: #00dbff;
}
.partitionController[data-v-aea01f50] .el-tree .el-tree-node__expand-icon {
  color: #00dbff;
}
.partitionController[data-v-aea01f50] .el-tree .el-tree-node__expand-icon.is-leaf {
  color: transparent;
}
.partitionController[data-v-aea01f50] .el-tree.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background-color: #0095ff59;
}
.partitionController[data-v-aea01f50] .el-tree.el-tree--highlight-current .el-tree-node__content:hover {
  background-color: #0095ff40;
}
.partitionController[data-v-aea01f50] .el-tree .el-tree-node:focus > .el-tree-node__content {
  background-color: #0095ff59;
}
.partitionController .scale-box[data-v-aea01f50] {
  position: absolute;
  z-index: 6;
  top: 78px;
  width: 540px;
  left: 50%;
  transform: translateX(-270px);
}
.partitionController .scale-box .midwrap[data-v-aea01f50] {
  width: 540px;
  height: 0;
  display: flex;
  justify-content: space-between;
  transition: all 0.5s;
  overflow: hidden;
}
.partitionController .scale-box .midwrap > div[data-v-aea01f50] {
  flex: 1;
  height: 100%;
}
.partitionController .scale-box .expand[data-v-aea01f50] {
  position: absolute;
  bottom: -20px;
  width: 100%;
  height: 15px;
  background: linear-gradient(to top, #0095ff33 50%, #00000000);
  display: flex;
  justify-content: center;
  border-bottom: 1px solid transparent;
  border-image: linear-gradient(to right, #0095ff1A, #009dffCC 60%, #0095ff1A) 2 2;
}
.partitionController .scale-box .expand > i[data-v-aea01f50] {
  cursor: pointer;
  margin-top: -8px;
  color: #00dbff;
}
.partitionController .scale-box .expand.collapse[data-v-aea01f50] {
  border-top: 1px solid transparent;
  border-bottom: none;
  background: linear-gradient(to bottom, #0095ff33 50%, #00000000);
}
.partitionController .scale-box .expand .iconfont[data-v-aea01f50] {
  background-image: linear-gradient(to right, #009dffCC, #009dffE6 60%, #009dffCC);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.partitionController .scale-box .expand .roate[data-v-aea01f50] {
  transform: rotate(180deg);
  margin-top: -10px;
  position: relative;
  top: 10px;
}
.partitionController .scale-big[data-v-aea01f50] {
  position: absolute;
  z-index: 6;
  top: 100px;
  left: 50%;
  width: 1200px;
  transform: translateX(-600px);
  display: flex;
  justify-content: space-between;
}
.partitionController .scale-big .center_bg[data-v-aea01f50] {
  margin-top: 0;
  width: 320px;
  height: 120px;
}
.partitionController .scale-big .center_bg .num .fct[data-v-aea01f50] {
  max-width: 152px;
}
.partitionController[data-v-aea01f50] .button-groups.indextype {
  display: flex;
  justify-content: center;
  margin-top: 5px;
}
.partitionController[data-v-aea01f50] .button-groups.indextype li {
  color: #00dbff;
  border-color: #00c1ffa0;
}
.partitionController[data-v-aea01f50] .button-groups.indextype li:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.partitionController[data-v-aea01f50] .button-groups.indextype li:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.partitionController[data-v-aea01f50] .button-groups.indextype li.active {
  color: #fff;
  background: #00dbff60;
  border-color: #00dbff !important;
}


.theme1 .partitionController .el-table .el-table__header-wrapper thead th,
.theme1 .partitionController .el-table .el-table__header-wrapper thead tr {
  background: none;
}

.revenueController[data-v-eaf34f34] {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: auto;
}
.revenueController[data-v-eaf34f34]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.revenueController[data-v-eaf34f34]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.revenueController[data-v-eaf34f34]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.revenueController[data-v-eaf34f34]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.revenue[data-v-eaf34f34] {
  position: relative;
  min-width: 1870px;
}
.revenue section[data-v-eaf34f34] {
  margin-bottom: 10px;
}
.revenue section[data-v-eaf34f34]:first-child {
  height: 21%;
}
.revenue section[data-v-eaf34f34]:nth-child(2) {
  height: 38.5%;
  min-height: 303px;
}
.revenue section[data-v-eaf34f34]:last-child {
  margin: 0;
  height: 38%;
}
.revenue section .item[data-v-eaf34f34] {
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
  margin-right: 10px;
  background: #fff;
}
.revenue section .item[data-v-eaf34f34]:last-child {
  margin: 0px;
}
.revenue section .firstItem[data-v-eaf34f34] {
  float: left;
  height: 100%;
  display: flex;
  padding: 10px;
}
.revenue section .firstItem .iconfont[data-v-eaf34f34] {
  font-size: 40px;
}
.revenue section .firstItem[data-v-eaf34f34]:nth-child(1) {
  width: 598px;
}
.revenue section .firstItem[data-v-eaf34f34]:nth-child(2) {
  width: 465px;
}
.revenue section .firstItem[data-v-eaf34f34]:nth-child(3) {
  width: 778px;
}
.revenue section .firstItem > ul[data-v-eaf34f34] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.revenue section .firstItem > ul > li[data-v-eaf34f34] {
  flex: 1;
  border-radius: 5px;
  display: flex;
}
.revenue section .firstItem > ul > li[data-v-eaf34f34]:nth-child(1) {
  margin-bottom: 10px;
}
.revenue section .firstItem > ul > li > div[data-v-eaf34f34] {
  display: flex;
  flex: 2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 10px;
}
.revenue section .firstItem > ul > li > div[data-v-eaf34f34]:nth-child(1) {
  flex: 1;
  align-items: flex-end;
}
.revenue section .firstItem > ul > li p[data-v-eaf34f34] {
  font-weight: bold;
  font-size: 18px;
  margin-top: 5px;
  width: 150px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
}
.revenue section .firstItem > ul > li p i[data-v-eaf34f34] {
  font-weight: normal;
  font-size: 14px;
  margin-left: 3px;
}
.revenue section .firstItem .col1[data-v-eaf34f34] {
  width: 130px;
  padding: 0 10px;
  margin-right: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  border-radius: 5px;
  align-items: center;
  background: #a29afb1a;
}
.revenue section .firstItem .col1 .iconfont[data-v-eaf34f34] {
  color: #a29afb;
}
.revenue section .firstItem .col1 p[data-v-eaf34f34] {
  width: 100%;
  font-size: 20px;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
}
.revenue section .firstItem .col1 p i[data-v-eaf34f34] {
  font-size: 14px;
  font-weight: normal;
  margin-left: 3px;
}
.revenue section .firstItem .col1 > div[data-v-eaf34f34] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.revenue section .firstItem .col1 > div span[data-v-eaf34f34] {
  margin-top: 5px;
}
.revenue section .firstItem .col2[data-v-eaf34f34] {
  background: #ffb9801a;
}
.revenue section .firstItem .col2 .iconfont[data-v-eaf34f34] {
  color: #ffb980;
}
.revenue section .firstItem .col3[data-v-eaf34f34] {
  background: #4d91ff1a;
}
.revenue section .firstItem .col3 .iconfont[data-v-eaf34f34] {
  color: #4d91ff;
}
.revenue section .firstItem .col4[data-v-eaf34f34] {
  background: #2ec7c91a;
}
.revenue section .firstItem .col4 .iconfont[data-v-eaf34f34] {
  color: #2ec7c9;
}
.revenue section .firstItem .col5[data-v-eaf34f34] {
  background: #edafda1a;
}
.revenue section .firstItem .col5 .iconfont[data-v-eaf34f34] {
  color: #edafda;
}
.revenue section .firstItem .col6[data-v-eaf34f34] {
  background: #07a2a41a;
}
.revenue section .firstItem .col6 .iconfont[data-v-eaf34f34] {
  color: #07a2a4;
}
.revenue section .firstItem .col7[data-v-eaf34f34] {
  background: #97b5521a;
}
.revenue section .firstItem .col7 .iconfont[data-v-eaf34f34] {
  color: #97b552;
}
.revenue section .secondItem[data-v-eaf34f34] {
  float: left;
  height: 100%;
  padding: 20px;
}
.revenue section .secondItem[data-v-eaf34f34]:first-child {
  width: 1072px;
}
.revenue section .secondItem[data-v-eaf34f34]:last-child {
  width: 778px;
}
.revenue section .thirdItem[data-v-eaf34f34] {
  float: left;
  min-height: 303px;
  height: 100%;
  padding: 20px;
}
.revenue section .thirdItem[data-v-eaf34f34]:first-child {
  width: 1072px;
}
.revenue section .thirdItem[data-v-eaf34f34]:last-child {
  width: 778px;
}
.revenue section .thirdItem .twodiv[data-v-eaf34f34] {
  display: flex;
  height: calc(100% - 20px);
}
.revenue section .thirdItem .twodiv .chartPie[data-v-eaf34f34] {
  height: 100%;
  flex: 1;
  position: relative;
}
.revenue section .thirdItem .twodiv .chartPie p[data-v-eaf34f34] {
  text-align: center;
  position: absolute;
  top: 50%;
  margin-top: -12px;
  width: 100%;
  font-size: 17px;
  line-height: 1;
}
.revenue section .thirdItem .twodiv .chartPie p i[data-v-eaf34f34] {
  font-size: 12px;
}
.revenue section .lintit[data-v-eaf34f34] {
  margin: 0;
}
.revenue section .chartItem[data-v-eaf34f34] {
  width: 100%;
  height: calc(100% - 20px);
  display: flex;
}
.revenue section .scrollbox[data-v-eaf34f34]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.revenue section .scrollbox[data-v-eaf34f34]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.revenue section .scrollbox[data-v-eaf34f34]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.revenue section .scrollbox[data-v-eaf34f34]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.revenue[data-v-eaf34f34] .pietip {
  min-width: 110px;
  display: flex;
  justify-content: space-between;
}
.revenue[data-v-eaf34f34] .pietip > span:first-child {
  margin-right: 15px;
}
.theme2 .revenue section .item[data-v-eaf34f34] {
  background: #2b2b2b;
}
.theme2 .revenueController[data-v-eaf34f34]::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 5px rgba(102, 144, 255, 0.2);
  background: rgba(102, 144, 255, 0.2);
}
.theme2 .revenueController[data-v-eaf34f34]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(102, 144, 255, 0.1);
  background: rgba(102, 144, 255, 0.1);
}

.workOrderController[data-v-3aec6eac] {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: auto;
}
.workOrderController[data-v-3aec6eac]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.workOrderController[data-v-3aec6eac]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.workOrderController[data-v-3aec6eac]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.workOrderController[data-v-3aec6eac]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.workOrderController .centerStructure.work-order[data-v-3aec6eac] {
  padding: 0;
  overflow: auto;
  background: #f6f4fc;
  box-shadow: none;
}
.workOrderController .work-order[data-v-3aec6eac] {
  position: relative;
  overflow: auto;
}
.workOrderController section[data-v-3aec6eac] {
  margin-bottom: 10px;
}
.workOrderController section[data-v-3aec6eac]:first-child {
  height: 17.5%;
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
  background: #fff;
  padding: 15px;
}
.workOrderController section[data-v-3aec6eac]:nth-child(2) {
  height: 40%;
  min-height: 303px;
  display: flex;
}
.workOrderController section[data-v-3aec6eac]:last-child {
  margin: 0;
  height: 40%;
  display: flex;
}
.workOrderController section .item[data-v-3aec6eac] {
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
  margin-right: 10px;
  background: #fff;
  width: 925px;
  padding: 10px;
}
.workOrderController section .item[data-v-3aec6eac]:last-child {
  margin: 0px;
}
.workOrderController section .item .flex[data-v-3aec6eac] {
  display: flex;
  justify-content: space-between;
}
.workOrderController section .item .echarts[data-v-3aec6eac] {
  position: relative;
  height: calc(100% - 34px);
  width: 100%;
}
.workOrderController section .item .echarts .totalCount[data-v-3aec6eac] {
  position: absolute;
  top: 51%;
  left: 50%;
  width: 70px;
  height: 30px;
  margin-left: -35px;
  margin-top: -10px;
  font-size: 20px;
  text-align: center;
  color: #3fdeae;
}
.workOrderController section .item .echarts .chart[data-v-3aec6eac] {
  height: 100%;
  width: 100%;
}
.workOrderController .first-ul[data-v-3aec6eac] {
  display: flex;
  height: 100%;
}
.workOrderController .first-ul li[data-v-3aec6eac] {
  flex: 1;
  height: 100%;
  margin-right: 15px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.workOrderController .first-ul li[data-v-3aec6eac]:last-child {
  margin: 0;
}
.workOrderController .first-ul li div[data-v-3aec6eac] {
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.workOrderController .first-ul li div > i[data-v-3aec6eac] {
  color: #fff;
  font-size: 45px;
  border-radius: 100px;
  width: 85px;
  height: 85px;
  text-align: center;
  line-height: 85px;
}
.workOrderController .first-ul li div > span[data-v-3aec6eac] {
  margin: 6px 0;
}
.workOrderController .first-ul li div p[data-v-3aec6eac] {
  font-weight: bold;
  font-size: 25px;
  width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.workOrderController .first-ul .col1[data-v-3aec6eac] {
  display: flex;
  background: rgba(90, 177, 239, 0.1);
}
.workOrderController .first-ul .col1 .iconfont[data-v-3aec6eac] {
  color: #5ab1ef;
}
.workOrderController .first-ul .col2[data-v-3aec6eac] {
  display: flex;
  background: #A29AFB19;
}
.workOrderController .first-ul .col2 .iconfont[data-v-3aec6eac] {
  color: #a29afb;
}
.workOrderController .first-ul .col3[data-v-3aec6eac] {
  display: flex;
  background: #EDAFDA1A;
}
.workOrderController .first-ul .col3 .iconfont[data-v-3aec6eac] {
  color: #edafda;
}
.workOrderController .first-ul .col4[data-v-3aec6eac] {
  display: flex;
  background: #2EC7C91A;
}
.workOrderController .first-ul .col4 .iconfont[data-v-3aec6eac] {
  color: #2ec7c9;
}
.workOrderController .first-ul .col5[data-v-3aec6eac] {
  display: flex;
  background: #FFB9801A;
}
.workOrderController .first-ul .col5 .iconfont[data-v-3aec6eac] {
  color: #ffb980;
}
.workOrderController .first-ul .col6[data-v-3aec6eac] {
  display: flex;
  background: #FF86831A;
}
.workOrderController .first-ul .col6 .iconfont[data-v-3aec6eac] {
  color: #ff8683;
}
.theme2 .work-order section .item[data-v-3aec6eac] {
  background: #2b2b2b;
}
.theme2 .work-order section[data-v-3aec6eac]:first-child {
  background: #2b2b2b;
}
.theme2 .workOrderController .centerStructure.work-order[data-v-3aec6eac] {
  background: #18191b;
}
.theme2 .workOrderController[data-v-3aec6eac]::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 5px rgba(102, 144, 255, 0.2);
  background: rgba(102, 144, 255, 0.2);
}
.theme2 .workOrderController[data-v-3aec6eac]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(102, 144, 255, 0.1);
  background: rgba(102, 144, 255, 0.1);
}

.loading-btn[data-v-17cc146b] {
  height: 30px;
  margin-top: 1px;
}
.tips-icon[data-v-17cc146b] {
  right: -20px !important;
}
[data-v-17cc146b] .el-dialog__body {
  padding-right: 20px!important;
}

.mandatoryTestDevice {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.mandatoryTestDevice .searchBox .el-date-editor.el-range-editor {
  width: 355px !important;
}

.mandatoryTestSearch {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.mandatoryTestSearch .centerStructure {
  padding-top: 0;
}
.mandatoryTestSearch .wh140 {
  width: 140px;
}

.batchChange {
  height: 100%;
}
.batchChange .body {
  margin-left: 10px;
  margin-right: 10px;
  height: calc(100% - 100px);
}
.batchChange .foot {
  margin-top: 10px;
}
.batchChange .span {
  font-weight: bolder;
  color: #6690ff;
  font-size: 25px;
}
.batchChange .batchButton {
  float: right;
}
.batchChange .tableChild {
  display: block;
}
.batchChange .tableChild .tableSpan {
  margin-left: 10px;
  width: 70px;
  display: inline-block;
  text-align: right;
}
.batchChange .tableChild .el-input {
  width: 150px;
}
.batchChange .upload-demo .el-upload-list > li {
  width: 186px;
}
.batchChange .upload-demo .el-upload-list {
  width: 244px;
}
.batchChange .upload-demo .el-upload {
  left: 188px;
}

.changeMeter {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  position: relative;
  display: flex;
}
.changeMeter .picOne {
  display: inline-block;
  width: 100%;
}
.changeMeter .picOne .pic {
  margin-right: 20px;
}
.changeMeter .picPart {
  height: 50px;
  width: 100%;
  display: flex;
}
.changeMeter .picPart .picContain {
  border: 1px solid #dadada;
  cursor: pointer;
  height: 50px;
  width: 50px;
  margin-right: 10px;
}
.changeMeter .picPart .picContain .pic {
  width: 50px;
  height: 50px;
}
.changeMeter .picPart .picContain .pic .image-slot {
  position: relative;
  height: 50px;
  line-height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.changeMeter .picTwo {
  margin-right: 100px;
}
.changeMeter .el-upload--picture-card {
  background-color: #fbfdff;
  border: 1px dashed #c0ccda;
  border-radius: 6px;
  box-sizing: border-box;
  width: 100px;
  height: 100px;
  line-height: 100px;
  vertical-align: top;
  margin-left: 5px;
}
.changeMeter .el-upload-list--picture-card .el-upload-list__item {
  width: 110px;
  height: 100px;
}
.changeMeter .formbox .searchBox {
  height: 32px;
  margin-bottom: 20px;
}
.changeMeter .formbox .searchBox .el-radio--mini.is-bordered .el-radio__label,
.changeMeter .formbox .searchBox .el-radio--small.is-bordered .el-radio__label {
  font-size: 14px;
}
.changeMeter .formbox .confirmtxt {
  padding: 88px 0;
  text-align: center;
  font-size: 16px;
}
.changeMeter .formbox .confirmtxt i {
  color: #6690ff;
}
.changeMeter .el-divider--horizontal {
  margin-top: 8px;
}
.changeMeter .el-range-editor.el-input__inner {
  padding-right: 0px;
}
.changeMeter .detailbox {
  overflow-y: auto;
  height: 560px;
}
.changeMeter .detailbox .col .row {
  display: flex;
}
.changeMeter .detailbox .col .row li {
  width: 430px;
  text-align: center;
  line-height: 32px;
  background: #f9f9f9;
  border-bottom: 3px solid #fff;
  border-left: 3px solid #fff;
}
.changeMeter .detailbox .col .row li:first-child {
  width: 120px;
  background: #f2f2f2;
  border-left: none;
  font-weight: bold;
}
.changeMeter .detailbox .col .row li.colspan {
  width: 860px;
  padding-left: 20px;
  background: #f2f2f2 !important;
  text-align: initial;
}
.changeMeter .detailbox .col:first-child {
  font-weight: bold;
}
.changeMeter .detailbox .col:nth-child(odd) li:nth-child(2) {
  background: #edf4ed;
}
.changeMeter .detailbox .col:nth-child(odd) li:nth-child(3) {
  background: #f4eded;
}
.changeMeter .el-drawer__header {
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.changeMeter .el-drawer__header span {
  margin-left: -10px;
  font-size: 16px;
}
.el-message-box__message p i {
  color: #6690ff;
}

.mapVector[data-v-0b032996] {
  width: 70px;
  height: 70px;
  overflow: hidden;
  position: absolute;
  bottom: 10px;
  right: 20px;
  user-select: none;
  z-index: 99;
  display: flex;
  transition: all 0.4s;
}
.mapVector .fixImg[data-v-0b032996] {
  position: absolute;
  overflow: hidden;
  border-radius: 5px;
  width: 70px;
  height: 70px;
  border: 1px solid #dcdfe6;
  margin-left: 5px;
  cursor: pointer;
}
.mapVector .fixImg img[data-v-0b032996] {
  width: 100%;
  height: 100%;
}
.mapVector .fixImg .stable[data-v-0b032996] {
  bottom: 0;
}
.mapVector .activeImg[data-v-0b032996] {
  border: 1px solid #4d91ff;
  right: 0;
  z-index: 99;
}
.mapVector .hiddenImg[data-v-0b032996] {
  left: 75px;
  z-index: 98;
}
.mapVector .des[data-v-0b032996] {
  position: absolute;
  bottom: -22px;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  line-height: 22px;
  font-size: 12px;
  text-align: center;
  transition: all 0.3s;
}
.mapVector[data-v-0b032996]:hover {
  width: 145px;
}
.mapVector:hover .hiddenImg[data-v-0b032996] {
  left: -5px;
  transition: all 0.3s;
}

.markerSearch2 {
  position: absolute;
  top: 66px;
  right: 42px;
  z-index: 400;
}
.markerSearch2 .el-input--mini .el-input__icon {
  line-height: 42px;
}
.markerSearch2 .el-select .el-input__inner:focus {
  border-color: #47526c;
}
.markerSearch2 .el-select .el-input.is-focus .el-input__inner {
  border-color: #47526c;
}
.markerSearch2 .el-input-group__append {
  background: #fffa;
}
.markerSearch2 .el-input input {
  background: #fffa;
}
.markerSearch2 .el-input__suffix {
  right: 10px;
  top: 2px;
}
.markerSearch2 .el-input__suffix .icon-search {
  float: right;
  margin-top: 8px;
}
.markerSearch2 .el-input__inner {
  font-size: 14px;
}
.markerSearch2 .el-autocomplete .el-input {
  width: 300px;
}
.markerSearch2 .el-autocomplete .el-input__inner {
  border: 1px solid #6690ff;
  border-radius: 5px;
  padding-left: 10px;
  padding-right: 52px;
  height: 42px;
}
.markerSearch2 input::-webkit-input-placeholder {
  color: #8a8a99;
}
.el-autocomplete-suggestion.el-popper.gsearchMarker {
  border: none;
  z-index: 8888 !important;
}
.el-autocomplete-suggestion.el-popper.gsearchMarker .el-scrollbar__wrap {
  max-height: 380px;
}
.el-autocomplete-suggestion.el-popper.gsearchMarker ul {
  padding: 0 10px;
}
.el-autocomplete-suggestion.el-popper.gsearchMarker li {
  border-bottom: 1px solid #bbbcc4;
  padding: 0;
  line-height: initial;
}
.el-autocomplete-suggestion.el-popper.gsearchMarker li:last-child {
  border: none;
}
.el-autocomplete-suggestion.el-popper.gsearchMarker li .searchlist {
  padding: 10px 0px;
}
.el-autocomplete-suggestion.el-popper.gsearchMarker li .one,
.el-autocomplete-suggestion.el-popper.gsearchMarker li .two {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 2px 0;
}
.el-autocomplete-suggestion.el-popper.gsearchMarker li .one span {
  margin-right: 10px;
}
.el-autocomplete-suggestion.el-popper.gsearchMarker li .one .type {
  border: 1px solid;
  border-radius: 20px;
  padding: 1px 8px;
}
.el-autocomplete-suggestion.el-popper.gsearchMarker li .one .col1 {
  color: #6a93ff;
  border-color: #6a93ff;
}
.el-autocomplete-suggestion.el-popper.gsearchMarker li .one .col2 {
  color: #c96fff;
  border-color: #c96fff;
}
.el-autocomplete-suggestion.el-popper.gsearchMarker li .one .col3 {
  color: #ff9300;
  border-color: #ff9300;
}
.blocknone {
  display: none;
}
.theme2 .markerSearch2 .el-input-group__append,
.theme2 .markerSearch2 .el-input input {
  background: #18191b;
}
.theme2 .el-autocomplete-suggestion.el-popper.gsearchMarker li {
  border-color: #3d3d3d;
}
.theme2 .el-autocomplete-suggestion.el-popper.gsearchMarker,
.theme2 .mysel.el-popper.el-select-dropdown {
  background: #2a2b2d;
  border: 1px solid #3d3d3d;
}
.theme2 .el-autocomplete-suggestion.el-popper.gsearchMarker .popper__arrow::after,
.theme2 .mysel.el-popper.el-select-dropdown .popper__arrow::after {
  border-bottom-color: #2a2b2d;
}

.meterMap {
  padding-top: 12px;
  height: 100%;
}
.meterMap .between {
  justify-content: space-between;
}
.meterMap .map-check {
  margin-right: 40px;
}
.meterMap .positions-wrap {
  width: 166px;
  min-width: 166px !important;
  max-width: 188px !important;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 6px !important;
  position: absolute;
  left: 15px;
  bottom: 0;
}
.meterMap .positions-wrap .el-icon-close {
  position: absolute;
  right: 5px;
  top: 5px;
  color: #c0c4cc;
  font-weight: 600;
}
.meterMap .positions-wrap .el-icon-close:hover {
  color: #6690ff;
}
.meterMap .status1:before {
  content: " ";
  box-sizing: border-box;
  position: absolute;
  top: -2px;
  left: 3%;
  height: 1px;
  width: 94%;
  border-top: 2px solid transparent;
  border-image: linear-gradient(to right, #0db5e440 20%, #0ff3f3 40%, #1971cc80) 2 2;
}
.meterMap .status1:after {
  content: " ";
  box-sizing: border-box;
  position: absolute;
  bottom: -2px;
  left: 3%;
  height: 1px;
  width: 94%;
  border-top: 2px solid transparent;
  border-image: linear-gradient(to right, #0db5e440 20%, #0ff3f3 40%, #1971cc80) 2 2;
}
.meterMap .status2:before {
  content: " ";
  box-sizing: border-box;
  position: absolute;
  top: -2px;
  left: 3%;
  height: 1px;
  width: 94%;
  border-top: 2px solid transparent;
  border-image: linear-gradient(to right, #ff002b94 20%, #ff8d00 40%, #ff002b94) 2 2;
}
.meterMap .status2:after {
  content: " ";
  box-sizing: border-box;
  position: absolute;
  bottom: -2px;
  left: 3%;
  height: 1px;
  width: 94%;
  border-top: 2px solid transparent;
  border-image: linear-gradient(to right, #ff002b94 20%, #ff8d00 40%, #ff002b94) 2 2;
}
.meterMap .positions-title {
  font-size: 14px;
  font-weight: 600;
  width: 100%;
  height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.meterMap .position-arrow {
  position: absolute;
  left: 98px;
  font-size: 20px;
  margin-left: -5px;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  clip-path: polygon(30% 30%, 100% 0, 100% 100%, 0% 100%);
  border: 2px solid #1ee2e2;
  border-top: none;
  border-left: none;
  bottom: -5px;
}
.meterMap .amap-marker {
  width: 0;
  height: 0;
}
.meterMap .value-wrap {
  display: flex;
  justify-content: space-between;
}
.meterMap .value-wrap > span {
  min-width: 40px;
}
.meterMap .value-wrap-main {
  margin-right: 5px;
  font-weight: 600;
  display: inline-block;
  width: 70px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right;
}
.meterMap .value-wrap-main + span {
  display: inline-block;
  overflow: hidden;
  vertical-align: baseline;
}
.meterMap .status1 {
  border: 2px solid #6690ff;
}
.meterMap .iconStatus1 {
  border-color: #10f2f3 !important;
}
.meterMap .status2 {
  border: 2px solid #ff002b94;
}
.meterMap .iconStatus2 {
  border-color: #ff8d00 !important;
}
.meterMap .kh1 {
  width: 24px;
  height: 34px;
  background: url(../img/kh1.0e6dfbdc.png);
  margin: 0 auto;
  margin-top: 10px;
  margin-left: 88px;
  position: relative;
  z-index: 10;
}
.meterMap .kh2 {
  width: 24px;
  height: 32px;
  position: relative;
  margin: 0 auto;
  margin-top: 10px;
  margin-left: 88px;
}
.meterMap .kh2 .icon {
  width: 24px;
  height: 32px;
  background: url(../img/kh2.32eabc84.png) no-repeat;
  position: relative;
  z-index: 10;
}
.meterMap .yl1 {
  width: 24px;
  height: 34px;
  background: url(../img/yl1.1c66849a.png);
  margin: 0 auto;
  margin-top: 10px;
  margin-left: 88px;
  position: relative;
  z-index: 10;
}
.meterMap .yl2 {
  width: 24px;
  height: 32px;
  margin: 0 auto;
  margin-top: 10px;
  margin-left: 88px;
  position: relative;
}
.meterMap .yl2 .icon {
  width: 24px;
  height: 32px;
  background: url(../img/yl2.188a5f65.png) no-repeat;
  position: relative;
  z-index: 10;
}
.meterMap .fjm1 {
  width: 24px;
  height: 34px;
  background: url(../img/fjm1.d9333021.png);
  margin: 0 auto;
  margin-top: 10px;
  margin-left: 88px;
  position: relative;
  z-index: 10;
}
.meterMap .fjm2 {
  width: 24px;
  height: 32px;
  margin: 0 auto;
  margin-top: 10px;
  margin-left: 88px;
  position: relative;
}
.meterMap .fjm2 .icon {
  width: 24px;
  height: 32px;
  background: url(../img/fjm2.3e25299e.png) no-repeat;
  position: relative;
  z-index: 10;
}
.meterMap .breath {
  display: none;
}
.meterMap .kh2 .breath,
.meterMap .yl2 .breath,
.meterMap .fjm2 .breath {
  display: block;
  width: 10px;
  height: 10px;
  background: #ff0000;
  position: absolute;
  left: 7px;
  bottom: -9px;
  z-index: 9;
  border-radius: 50%;
  animation: scaling 1s 0.15s infinite linear;
}
.meterMap .kh2 .breath::before,
.meterMap .yl2 .breath::before,
.meterMap .fjm2 .breath::before {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid #ff0000;
  opacity: 0.6;
  left: -4px;
  top: -4px;
}
.meterMap .kh2 .breath::after,
.meterMap .yl2 .breath::after,
.meterMap .fjm2 .breath::after {
  content: "";
  position: absolute;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 2px solid #ff0000;
  opacity: 0.2;
  left: -8px;
  top: -8px;
}
@keyframes scaling {
0% {
    transform: scale(1);
}
33% {
    transform: scale(1.2);
}
66% {
    transform: scale(0.8);
}
100% {
    transform: scale(1);
}
}

.meterReadingData {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.meterReadingData .centerStructure {
  overflow: auto;
  padding-top: 0;
}
.meterReadingData .centerStructure .el-dialog {
  margin-top: 10vh !important;
  top: 0;
  transform: none;
}
.meterReadingData .centerStructure .searchBox .input-with-select {
  width: 300px;
}
.meterReadingData .centerStructure .searchBox .input-with-select .el-input__inner {
  width: 160px;
}
.meterReadingData .centerStructure .searchBox .wh100 {
  min-width: 100px;
}
.meterReadingData .centerStructure .el-tabs {
  height: 100%;
}
.meterReadingData .centerStructure .el-tabs .el-tab-pane {
  height: 100%;
}
.meterReadingData .centerStructure .el-tabs .el-tabs__content {
  height: calc(100% - 50px) !important;
}
.meterReadingData .centerStructure .el-tabs .el-tabs__content .meterReading {
  height: 100%;
}
.meterReadingData .centerStructure .el-tabs.min1340 {
  min-width: 1340px;
}
.meterReadingData .centerStructure .cnotent {
  width: 250px;
}
.meterReadingData .centerStructure .cnotent .el-select--small {
  width: 110px !important;
}
.meterReadingData .el-dialog__body {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.meterReadingData .searchArea {
  margin-bottom: 10px;
}
.meterReadingData .queryBtn {
  margin-left: 10px;
}
.meterReadingData .echarts-dom {
  height: 400px;
  width: 1020px;
}
.meterReadingData .chartDialog .chart-item {
  margin-top: 10px;
}
.meterReadingData .chartDialog .el-pagination {
  padding-right: 20px;
}
.meterReadingData .chartDialog .searchArea {
  margin-top: 10px;
  margin-bottom: 0;
}
.meterReadingData .chartDialog .el-table__body-wrapper {
  height: 460px;
}
.meterReadingData .chartDialog .el-tabs__header {
  margin: 0 20px;
}
.meterReadingData .chartDialog .inp {
  margin-left: 20px !important;
}
.meterReadingData .chartDialog .el-dialog__body {
  padding: 0 20px 20px 20px;
  max-height: 620px;
  min-height: 620px;
  overflow-y: auto;
}

.listinfo .el-dialog__body {
  padding-top: 20px;
  padding-right: 20px;
}

.meterReadingStatistics {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.meterReadingStatistics .el-dialog__body {
  padding-right: 20px;
}
.meterReadingStatistics .el-dialog__wrapper {
  z-index: 800 !important;
}
.meterReadingStatistics .el-drawer__wrapper .el-drawer__header {
  font-size: 16px;
  padding: 10px 20px;
  margin-bottom: 10px;
}
.meterReadingStatistics .centerStructure {
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.meterReadingStatistics .up-content {
  height: 320px;
  width: 1570px;
}
.meterReadingStatistics .up-content .twoCharts {
  height: 270px;
  display: flex;
}
.meterReadingStatistics .up-content .twoCharts .chartb {
  width: 50%;
}
.meterReadingStatistics .up-content .twoCharts .chartb .chartitem {
  position: relative;
  height: 100%;
  width: 33.3%;
  display: inline-block;
}
.meterReadingStatistics .up-content .twoCharts .chartb .chartitem p {
  position: absolute;
  text-align: center;
  width: 100%;
  bottom: 30px;
  z-index: 666;
  cursor: pointer;
  color: #6690ff;
}
.meterReadingStatistics .up-content .twoCharts .chartb .chartitem.right {
  width: 100%;
}
.meterReadingStatistics .up-content .twoCharts .chartb .realchart {
  width: 100%;
  height: 100%;
}
.meterReadingStatistics .down-content {
  width: 1570px;
  height: calc(100% - 350px);
}
.meterReadingStatistics .down-content .cnotent {
  width: 281px;
}

.indexinfo .marl10 {
  margin-left: 10px;
}
.indexinfo .no-data {
  display: flex;
  justify-content: center;
  align-items: center;
}
.indexinfo .el-table--border th.el-table__cell.gutter:last-of-type {
  visibility: hidden;
}
.indexinfo .el-dialog__body {
  padding: 0 20px !important;
  height: 600px;
}
.indexinfo .el-dialog__body .content-wrap {
  width: 100%;
  height: 100%;
  display: flex;
}
.indexinfo .el-dialog__body .content-wrap .index-container {
  width: 180px;
  height: 100%;
  box-sizing: border-box;
  padding: 15px 0;
  overflow: auto;
}
.indexinfo .el-dialog__body .content-wrap .index-container::-webkit-scrollbar-track-piece {
  background-color: #dddede;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}
.indexinfo .el-dialog__body .content-wrap .index-container::-webkit-scrollbar {
  width: 4px;
  height: 10px;
}
.indexinfo .el-dialog__body .content-wrap .index-container::-webkit-scrollbar-thumb {
  background-color: #a7a8a8;
  background-clip: padding-box;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}
.indexinfo .el-dialog__body .content-wrap .index-container::-webkit-scrollbar-thumb:hover {
  background-color: #a7a8a8;
}
.indexinfo .el-dialog__body .content-wrap .index-container .index-item {
  box-sizing: border-box;
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
  cursor: pointer;
}
.indexinfo .el-dialog__body .content-wrap .index-container .index-item .el-tooltip {
  height: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.indexinfo .el-dialog__body .content-wrap .index-content {
  width: calc(100% - 181px);
  height: 100%;
  box-sizing: border-box;
  padding: 15px 0 20px;
}
.indexinfo .el-dialog__body .content-wrap .index-content .indexinfo-search {
  height: 34px;
  margin-bottom: 10px;
  padding-left: 20px;
  display: flex;
  justify-content: space-between;
}
.indexinfo .el-dialog__body .content-wrap .index-content .indexinfo-chart {
  height: calc(100% - 86px);
  box-sizing: border-box;
  padding-left: 20px;
}
.indexinfo .el-dialog__body .content-wrap .index-content .indexinfo-chart .chart-container {
  width: 100%;
  height: 100%;
}
.indexinfo .el-radio-button__orig-radio:checked + .el-radio-button__inner {
  color: #FFF;
  background-color: #6690ff;
  border-color: #6690ff;
  -webkit-box-shadow: -1px 0 0 0 #6690ff;
  box-shadow: -1px 0 0 0 #6690ff;
}
.indexinfo .el-radio-button__inner:hover {
  color: #6690ff;
}
.indexinfo .el-radio-group .el-radio-button__inner {
  border-color: #6690ff;
  color: #6690ff;
  background: #fff0;
}
.indexinfo .borderRight {
  border-right: 1px solid #e8e8e8;
}
.indexinfo .indexActive {
  background-color: #f0f4ff;
  position: relative;
}
.indexinfo .indexActive ::after {
  content: '';
  width: 5px;
  height: 100%;
  background-color: #6690ff;
  position: absolute;
  right: 0;
  top: 0;
}
.theme2 .indexActive {
  background-color: #333a4c;
  position: relative;
}
.theme2 .indexActive ::after {
  content: '';
  width: 5px;
  height: 100%;
  background-color: #4d91ff;
  position: absolute;
  right: 0;
  top: 0;
}
.theme2 .borderRight {
  border-right: 1px solid #494949;
}
.theme2 .indexinfo .el-dialog__body .content-wrap .index-container::-webkit-scrollbar-track-piece {
  background-color: #323232;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}
.theme2 .indexinfo .el-dialog__body .content-wrap .index-container::-webkit-scrollbar {
  width: 4px;
  height: 10px;
}
.theme2 .indexinfo .el-dialog__body .content-wrap .index-container::-webkit-scrollbar-thumb {
  background-color: #232526;
  background-clip: padding-box;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}
.theme2 .indexinfo .el-dialog__body .content-wrap .index-container::-webkit-scrollbar-thumb:hover {
  background-color: #232526;
}

.markerSearch {
  position: absolute;
  top: 66px;
  right: 160px;
  z-index: 400;
}
.markerSearch .el-input--mini .el-input__icon {
  line-height: 42px;
}
.markerSearch .el-select .el-input__inner:focus {
  border-color: #47526c;
}
.markerSearch .el-select .el-input.is-focus .el-input__inner {
  border-color: #47526c;
}
.markerSearch .el-input-group__append {
  background: #fffa;
}
.markerSearch .el-input input {
  background: #fffa;
}
.markerSearch .el-input__suffix {
  right: 10px;
  top: 2px;
}
.markerSearch .el-input__suffix .icon-search {
  float: right;
  margin-top: 8px;
}
.markerSearch .el-input__inner {
  font-size: 14px;
}
.markerSearch .el-autocomplete .el-input {
  width: 300px;
}
.markerSearch .el-autocomplete .el-input__inner {
  border: 1px solid #6690ff;
  border-radius: 5px;
  padding-left: 10px;
  padding-right: 52px;
  height: 42px;
}
.markerSearch input::-webkit-input-placeholder {
  color: #8a8a99;
}
.el-autocomplete-suggestion.el-popper.gsearchMarker {
  border: none;
  z-index: 8888 !important;
}
.el-autocomplete-suggestion.el-popper.gsearchMarker .el-scrollbar__wrap {
  max-height: 380px;
}
.el-autocomplete-suggestion.el-popper.gsearchMarker ul {
  padding: 0 10px;
}
.el-autocomplete-suggestion.el-popper.gsearchMarker li {
  border-bottom: 1px solid #bbbcc4;
  padding: 0;
  line-height: initial;
}
.el-autocomplete-suggestion.el-popper.gsearchMarker li:last-child {
  border: none;
}
.el-autocomplete-suggestion.el-popper.gsearchMarker li .searchlist {
  padding: 10px 0px;
}
.el-autocomplete-suggestion.el-popper.gsearchMarker li .one,
.el-autocomplete-suggestion.el-popper.gsearchMarker li .two {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 2px 0;
}
.el-autocomplete-suggestion.el-popper.gsearchMarker li .one span {
  margin-right: 10px;
}
.el-autocomplete-suggestion.el-popper.gsearchMarker li .one .type {
  border: 1px solid;
  border-radius: 20px;
  padding: 1px 8px;
}
.el-autocomplete-suggestion.el-popper.gsearchMarker li .one .col1 {
  color: #6a93ff;
  border-color: #6a93ff;
}
.el-autocomplete-suggestion.el-popper.gsearchMarker li .one .col2 {
  color: #c96fff;
  border-color: #c96fff;
}
.el-autocomplete-suggestion.el-popper.gsearchMarker li .one .col3 {
  color: #ff9300;
  border-color: #ff9300;
}
.blocknone {
  display: none;
}
.theme2 .markerSearch .el-input-group__append,
.theme2 .markerSearch .el-input input {
  background: #18191b;
}
.theme2 .el-autocomplete-suggestion.el-popper.gsearchMarker li {
  border-color: #3d3d3d;
}
.theme2 .el-autocomplete-suggestion.el-popper.gsearchMarker,
.theme2 .mysel.el-popper.el-select-dropdown {
  background: #2a2b2d;
  border: 1px solid #3d3d3d;
}
.theme2 .el-autocomplete-suggestion.el-popper.gsearchMarker .popper__arrow::after,
.theme2 .mysel.el-popper.el-select-dropdown .popper__arrow::after {
  border-bottom-color: #2a2b2d;
}

.realTimeMonitoring {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.realTimeMonitoring .input-with-select {
  width: 200px;
}
.realTimeMonitoring .input-with-select .el-input__inner {
  width: 140px;
}
.realTimeMonitoring .positions-wrap:hover .amap-marker {
  z-index: 666 !important;
}
.realTimeMonitoring .no-data {
  display: flex;
  justify-content: center;
  align-items: center;
}
.realTimeMonitoring .full-page {
  width: 100%;
  height: 100%;
}
.realTimeMonitoring .el-table__body-wrapper.is-scrolling-left,
.realTimeMonitoring .el-table__body-wrapper.is-scrolling-right {
  height: calc(100% - 42px) !important;
}
.realTimeMonitoring .el-loading-mask {
  z-index: 5555;
}
.realTimeMonitoring .search-wrap {
  height: 34px;
  justify-content: space-between;
  margin-top: 10px;
}
.realTimeMonitoring .search-wrap .list-type-icon {
  font-size: 14px;
  position: relative;
}
.realTimeMonitoring .el-dialog__body {
  padding: 10px 20px;
  height: 600px;
}
.realTimeMonitoring .el-dialog__body .el-tabs__content {
  height: calc(100% - 55px);
}
.realTimeMonitoring .el-dialog__body .search-wrap {
  margin-top: 0;
}
.realTimeMonitoring .el-dialog__body .detail-content {
  width: 100%;
  height: calc(100% - 44px);
}
.realTimeMonitoring .el-dialog__body .chart-container {
  width: 100%;
  height: 100%;
}
.realTimeMonitoring .el-dialog__body .el-table--border th.el-table__cell.gutter:last-of-type {
  border-bottom: none;
  visibility: hidden;
}
.realTimeMonitoring .marl10 {
  margin-left: 10px;
}
.realTimeMonitoring .positions-wrap {
  width: 166px;
  min-width: 166px !important;
  max-width: 188px !important;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 6px !important;
  position: absolute;
  left: 15px;
  bottom: 0;
}
.realTimeMonitoring .positions-wrap .el-icon-close {
  position: absolute;
  right: 5px;
  top: 5px;
  color: #C0C4CC;
  font-weight: 600;
}
.realTimeMonitoring .positions-wrap .el-icon-close:hover {
  color: #6690ff;
}
.realTimeMonitoring .status1:before {
  content: " ";
  box-sizing: border-box;
  position: absolute;
  top: -2px;
  left: 3%;
  height: 1px;
  width: 94%;
  border-top: 2px solid transparent;
  border-image: linear-gradient(to right, #0db5e440 20%, #0ff3f3 40%, #1971cc80) 2 2;
}
.realTimeMonitoring .status1:after {
  content: " ";
  box-sizing: border-box;
  position: absolute;
  bottom: -2px;
  left: 3%;
  height: 1px;
  width: 94%;
  border-top: 2px solid transparent;
  border-image: linear-gradient(to right, #0db5e440 20%, #0ff3f3 40%, #1971cc80) 2 2;
}
.realTimeMonitoring .status2:before {
  content: " ";
  box-sizing: border-box;
  position: absolute;
  top: -2px;
  left: 3%;
  height: 1px;
  width: 94%;
  border-top: 2px solid transparent;
  border-image: linear-gradient(to right, #ff002b94 20%, #ff8d00 40%, #ff002b94) 2 2;
}
.realTimeMonitoring .status2:after {
  content: " ";
  box-sizing: border-box;
  position: absolute;
  bottom: -2px;
  left: 3%;
  height: 1px;
  width: 94%;
  border-top: 2px solid transparent;
  border-image: linear-gradient(to right, #ff002b94 20%, #ff8d00 40%, #ff002b94) 2 2;
}
.realTimeMonitoring .positions-title {
  font-size: 14px;
  font-weight: 600;
  width: 100%;
  height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.realTimeMonitoring .position-arrow {
  position: absolute;
  left: 98px;
  font-size: 20px;
  margin-left: -5px;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  clip-path: polygon(30% 30%, 100% 0, 100% 100%, 0% 100%);
  border: 2px solid #1ee2e2;
  border-top: none;
  border-left: none;
  bottom: -5px;
}
.realTimeMonitoring .amap-marker {
  width: 0;
  height: 0;
}
.realTimeMonitoring .value-wrap {
  display: flex;
  justify-content: space-between;
}
.realTimeMonitoring .value-wrap-main {
  margin-right: 5px;
  font-weight: 600;
  display: inline-block;
  width: 70px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right;
  cursor: pointer;
}
.realTimeMonitoring .value-wrap-main + span {
  display: inline-block;
  overflow: hidden;
  vertical-align: baseline;
}
.realTimeMonitoring .status1 {
  border: 2px solid #6690ff;
}
.realTimeMonitoring .iconStatus1 {
  border-color: #10f2f3 !important;
}
.realTimeMonitoring .status2 {
  border: 2px solid #ff002b94;
}
.realTimeMonitoring .iconStatus2 {
  border-color: #ff8d00 !important;
}
.realTimeMonitoring .status3 {
  border: 2px solid #8b8b8b;
}
.realTimeMonitoring .iconStatus3 {
  border-color: #8b8b8b;
}
.realTimeMonitoring .kh1 {
  width: 24px;
  height: 34px;
  background: url(../img/kh1.0e6dfbdc.png);
  margin: 0 auto;
  margin-top: 10px;
  margin-left: 88px;
  position: relative;
  z-index: 10;
}
.realTimeMonitoring .kh2 {
  width: 24px;
  height: 32px;
  position: relative;
  margin: 0 auto;
  margin-top: 10px;
  margin-left: 88px;
}
.realTimeMonitoring .kh2 .icon {
  width: 24px;
  height: 32px;
  background: url(../img/kh2.32eabc84.png) no-repeat;
  position: relative;
  z-index: 10;
}
.realTimeMonitoring .kh3 {
  width: 24px;
  height: 34px;
  background: url(../img/kh3.a136f42a.png);
  margin: 0 auto;
  margin-top: 10px;
  margin-left: 88px;
  position: relative;
  z-index: 10;
}
.realTimeMonitoring .yl1 {
  width: 24px;
  height: 34px;
  background: url(../img/yl1.1c66849a.png);
  margin: 0 auto;
  margin-top: 10px;
  margin-left: 88px;
  position: relative;
  z-index: 10;
}
.realTimeMonitoring .yl2 {
  width: 24px;
  height: 32px;
  margin: 0 auto;
  margin-top: 10px;
  margin-left: 88px;
  position: relative;
}
.realTimeMonitoring .yl2 .icon {
  width: 24px;
  height: 32px;
  background: url(../img/yl2.188a5f65.png) no-repeat;
  position: relative;
  z-index: 10;
}
.realTimeMonitoring .yl3 {
  width: 24px;
  height: 34px;
  background: url(../img/yl3.54360eb8.png);
  margin: 0 auto;
  margin-top: 10px;
  margin-left: 88px;
  position: relative;
  z-index: 10;
}
.realTimeMonitoring .sz1 {
  width: 24px;
  height: 34px;
  margin: 0 auto;
  margin-top: 10px;
  margin-left: 88px;
  position: relative;
}
.realTimeMonitoring .sz1 .icon {
  width: 24px;
  height: 32px;
  background: url(../img/sz1.078854dc.png) no-repeat;
  position: relative;
  z-index: 10;
  background-size: 100%;
}
.realTimeMonitoring .sz2 {
  width: 24px;
  height: 32px;
  margin: 0 auto;
  margin-top: 10px;
  margin-left: 88px;
  position: relative;
}
.realTimeMonitoring .sz2 .icon {
  width: 24px;
  height: 32px;
  background: url(../img/sz2.1aa1067a.png) no-repeat;
  position: relative;
  z-index: 10;
  background-size: 100%;
}
.realTimeMonitoring .sz3 {
  width: 24px;
  height: 34px;
  margin: 0 auto;
  margin-top: 10px;
  margin-left: 88px;
  position: relative;
}
.realTimeMonitoring .sz3 .icon {
  width: 24px;
  height: 32px;
  background: url(../img/sz3.e54510b4.png) no-repeat;
  position: relative;
  z-index: 10;
  background-size: 100%;
}
.realTimeMonitoring .breath {
  display: none;
}
.realTimeMonitoring .kh2 .breath,
.realTimeMonitoring .yl2 .breath,
.realTimeMonitoring .sz2 .breath {
  display: block;
  width: 10px;
  height: 10px;
  background: #ff0000;
  position: absolute;
  left: 7px;
  bottom: -9px;
  z-index: 9;
  border-radius: 50%;
  animation: scaling 1s 0.15s infinite linear;
}
.realTimeMonitoring .kh2 .breath::before,
.realTimeMonitoring .yl2 .breath::before,
.realTimeMonitoring .sz2 .breath::before {
  content: '';
  position: absolute;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid #ff0000;
  opacity: 0.6;
  left: -4px;
  top: -4px;
}
.realTimeMonitoring .kh2 .breath::after,
.realTimeMonitoring .yl2 .breath::after,
.realTimeMonitoring .sz2 .breath::after {
  content: '';
  position: absolute;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 2px solid #ff0000;
  opacity: 0.2;
  left: -8px;
  top: -8px;
}
@keyframes scaling {
0% {
    transform: scale(1);
}
33% {
    transform: scale(1.2);
}
66% {
    transform: scale(0.8);
}
100% {
    transform: scale(1);
}
}
.realTimeMonitoring .linkStyle {
  cursor: pointer;
}
.realTimeMonitoring .map-check {
  box-sizing: border-box;
  padding: 10px;
  display: inline-block;
  margin-right: 20px;
}
.realTimeMonitoring .map-check .el-checkbox__label {
  font-size: 15px;
  font-weight: 600;
}
.realTimeMonitoring .specialStruc {
  padding-top: 0;
}
.realTimeMonitoring .specialStruc .el-select__tags {
  opacity: 0;
}
.realTimeMonitoring .specialStruc .el-tabs {
  height: auto;
}
.realTimeMonitoring .specialStruc .el-tabs .el-tabs__content {
  display: none;
}
.realTimeMonitoring .specialStruc .main-container {
  width: 100%;
  height: calc(100% - 94px);
  position: relative;
  cursor: initial !important;
}
.realTimeMonitoring .specialStruc .infoWindow-switch {
  position: absolute;
  left: 285px;
  top: 75px;
  z-index: 99;
  padding: 8px 10px;
  box-shadow: 5px 5px 15px 0px #00000026;
  border-radius: 4px;
}
.realTimeMonitoring .specialStruc .fixMap {
  z-index: 99;
  right: 40px;
  position: absolute;
  top: 65px;
  width: 100px;
  padding: 10px;
  transition: all 0.4s;
  box-shadow: 5px 5px 15px 0px #00000026;
  border-radius: 4px;
}
.realTimeMonitoring .specialStruc .fixMap /deep/ .el-checkbox {
  display: block;
  margin-bottom: 10px;
}
.realTimeMonitoring .specialStruc .fixMap /deep/ .el-checkbox:last-child {
  margin-bottom: 0;
}
.realTimeMonitoring .specialStruc .focus-icon {
  cursor: pointer;
  color: #ffb200;
  font-size: 20px;
}
.realTimeMonitoring .specialStruc .card-wrap {
  overflow: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  padding-right: 10px;
}
.realTimeMonitoring .specialStruc .card-item-box {
  box-sizing: border-box;
  padding: 0 7px;
}
.realTimeMonitoring .specialStruc .card-item {
  min-height: 125px;
  height: 240px;
  box-sizing: border-box;
  background: #6690ff14;
  border: 1px solid #6690ff;
  border-radius: 8px;
  margin-bottom: 14px;
  padding: 15px;
  line-height: 28px;
}
.realTimeMonitoring .specialStruc .card-item .card-icon {
  margin-right: 10px;
}
.realTimeMonitoring .specialStruc .card-item .data-normal {
  color: #00b77e;
  padding: 0 10px;
  background: #00b77e26;
  border-radius: 15px;
  height: 26px;
  line-height: 26px;
}
.realTimeMonitoring .specialStruc .card-item .data-alarm {
  color: #ff002b;
  padding: 0 10px;
  background: #ff002b21;
  border-radius: 15px;
  height: 26px;
  line-height: 26px;
}
.realTimeMonitoring .specialStruc .card-item .data-offline {
  color: #999;
  padding: 0 10px;
  background: #66666624;
  border-radius: 15px;
  height: 26px;
  line-height: 26px;
}
.realTimeMonitoring .specialStruc .card-item .row-flex {
  display: flex;
  justify-content: space-between;
}
.realTimeMonitoring .specialStruc .card-item .data-item {
  display: flex;
  justify-content: space-between;
  margin: 8px 0;
}
.realTimeMonitoring .specialStruc .card-item .data-item p > span:nth-child(1) {
  font-weight: 600;
}
.realTimeMonitoring .specialStruc .card-item .data-item .data-item-unit {
  display: inline-block;
  width: 36px;
  margin-left: 15px;
  text-align: right;
}
.realTimeMonitoring .specialStruc .alarmBg {
  background: #ff95a717;
  border-color: #ff002b94;
}
.realTimeMonitoring .specialStruc .offlineBg {
  background: #a5a5a517;
  border-color: #999;
}
.realTimeMonitoring .specialStruc .btn-spe {
  position: relative;
  margin-right: 10px;
}
.realTimeMonitoring .specialStruc .btn-spe .btn-tigger {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  margin-left: 0;
}
.realTimeMonitoring .specialStruc .btn-spe .btn-tigger .btn-trigger-icon {
  margin-left: 10px;
  padding-left: 5px;
  border-left: 1px solid #fff;
}
.realTimeMonitoring .CN-EN {
  width: 88px !important;
  height: 32px;
  overflow: hidden;
}
.theme2 .realTimeMonitoring .el-dialog__body .el-table--border th.el-table__cell.gutter:last-of-type {
  background-color: #2a2b2d !important;
}

.scopeMonitoring[data-v-6bb8a0e4] {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.scopeMonitoring .centerStructure[data-v-6bb8a0e4] {
  overflow: auto;
  padding: 0;
}
.scopeMonitoring .centerStructure .searchBox .el-input-group--prepend .el-input__inner[data-v-6bb8a0e4] {
  width: 110px!important;
}
.scopeMonitoring .centerStructure .searchBox[data-v-6bb8a0e4] {
  padding: 20px 20px 0 20px;
}
.scopeMonitoring .centerStructure .searchBox .el-input-group[data-v-6bb8a0e4] {
  width: 240px;
}
.scopeMonitoring .centerStructure .searchBox .el-input-group .el-select[data-v-6bb8a0e4] {
  width: 100px;
}
.scopeMonitoring .centerStructure .searchBox[data-v-6bb8a0e4] .el-input-group--prepend .el-input .el-input__inner {
  width: 100px!important;
}
.scopeMonitoring .centerStructure .searchBox .btn-select[data-v-6bb8a0e4] {
  margin-right: 10px;
  position: absolute;
  margin-left: 10px;
  right: 10px;
  top: 20px;
}
.scopeMonitoring .centerStructure .searchBox .btn-select .CN-EN[data-v-6bb8a0e4] {
  width: 92px !important;
  height: 32px;
}
.scopeMonitoring .centerStructure .searchBox .btn-select .btn-tigger[data-v-6bb8a0e4] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  margin-left: 0;
}
.scopeMonitoring .centerStructure .searchBox .btn-select .btn-tigger .btn-trigger-icon[data-v-6bb8a0e4] {
  margin-left: 10px;
  padding-left: 5px;
  border-left: 1px solid #fff;
}
.scopeMonitoring .centerStructure .mapIns[data-v-6bb8a0e4] {
  width: 100%;
  height: calc(100% - 62px);
  position: relative;
}
.scopeMonitoring .centerStructure .mapVector[data-v-6bb8a0e4] {
  width: 70px;
  height: 70px;
  overflow: hidden;
  position: absolute;
  bottom: 5px;
  right: 15px;
  user-select: none;
  z-index: 99;
  display: flex;
}
.scopeMonitoring .centerStructure .mapVector .fixImg[data-v-6bb8a0e4] {
  position: absolute;
  overflow: hidden;
  border-radius: 5px;
  width: 70px;
  height: 70px;
  border: 1px solid #DCDFE6;
  margin-left: 5px;
  cursor: pointer;
}
.scopeMonitoring .centerStructure .mapVector .fixImg img[data-v-6bb8a0e4] {
  width: 100%;
  height: 100%;
}
.scopeMonitoring .centerStructure .mapVector .fixImg .stable[data-v-6bb8a0e4] {
  bottom: 0;
}
.scopeMonitoring .centerStructure .mapVector .activeImg[data-v-6bb8a0e4] {
  border: 1px solid #4d91ff;
  right: 0;
  z-index: 99;
}
.scopeMonitoring .centerStructure .mapVector .hiddenImg[data-v-6bb8a0e4] {
  left: 75px;
  z-index: 98;
}
.scopeMonitoring .centerStructure .mapVector .des[data-v-6bb8a0e4] {
  position: absolute;
  bottom: -22px;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  line-height: 22px;
  font-size: 12px;
  text-align: center;
  transition: all 0.3s;
}
.scopeMonitoring .centerStructure .mapVector[data-v-6bb8a0e4]:hover {
  width: 145px;
}
.scopeMonitoring .centerStructure .mapVector:hover .hiddenImg[data-v-6bb8a0e4] {
  left: -5px;
  transition: all 0.3s;
}
.scopeMonitoring .centerStructure .legend[data-v-6bb8a0e4] {
  position: absolute;
  z-index: 22;
  width: 130px;
  background-color: #fff;
  opacity: 0.8;
  border-radius: 4px;
  bottom: 40px;
  left: 260px;
  max-height: 400px;
  overflow: auto;
}
.scopeMonitoring .centerStructure .legend .mr[data-v-6bb8a0e4] {
  opacity: 1;
  margin-top: 6px;
  margin-left: 10px;
}
.scopeMonitoring .centerStructure .legend .font_w[data-v-6bb8a0e4] {
  display: inline-block;
  line-height: 29px;
  font-size: 12px;
  color: #404042;
}
.scopeMonitoring .centerStructure .overlayStyle[data-v-6bb8a0e4] {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  padding: 15px;
  border-radius: 5px;
}
.scopeMonitoring .centerStructure .overlayStyle[data-v-6bb8a0e4] ::-webkit-scrollbar {
  width: 5px;
}
.scopeMonitoring .centerStructure .overlayStyle[data-v-6bb8a0e4] ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(24, 25, 27, 0.4);
}
.scopeMonitoring .centerStructure .overlayStyle.nodeAndLine[data-v-6bb8a0e4] {
  width: 200px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3), 0 0 16px rgba(0, 0, 0, 0.3);
  background: rgba(255, 255, 255, 0.85);
}
.scopeMonitoring .centerStructure .overlayStyle.nodeAndLine[data-v-6bb8a0e4]::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  height: 120px;
  width: 100%;
  background: linear-gradient(to bottom, #aec3fa90, #ffffff20);
  z-index: -1;
}
.scopeMonitoring .centerStructure .overlayStyle.nodeAndLine .flx[data-v-6bb8a0e4] {
  display: flex;
  margin-bottom: 8px;
}
.scopeMonitoring .centerStructure .overlayStyle.nodeAndLine .flx[data-v-6bb8a0e4]:last-child {
  margin-bottom: 0;
}
.scopeMonitoring .centerStructure .overlayStyle.nodeAndLine .flx > span[data-v-6bb8a0e4]:last-child {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.scopeMonitoring .centerStructure .overlayStyle.spec[data-v-6bb8a0e4] {
  padding-bottom: 20px;
  padding-top: 60px;
  padding-left: 30px;
  background-image: url(../img/bg.97ff346e.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 565px;
  height: 356px;
  padding-right: 16px;
}
.scopeMonitoring .centerStructure .overlayStyle .pColumn[data-v-6bb8a0e4] {
  display: flex;
  height: 225px;
}
.scopeMonitoring .centerStructure .overlayStyle .pColumn .right-child[data-v-6bb8a0e4] {
  border-right: 1px solid #DCDFE6;
}
.scopeMonitoring .centerStructure .overlayStyle .pColumn .right-child > .lintit[data-v-6bb8a0e4] {
  position: absolute;
  top: 28px;
  margin: 0;
}
.scopeMonitoring .centerStructure .overlayStyle .pColumn .double-column[data-v-6bb8a0e4] {
  width: 220px;
  height: 220px;
  overflow: auto;
}
.scopeMonitoring .centerStructure .overlayStyle .pColumn .double-column .hoverItem[data-v-6bb8a0e4] {
  width: 205px;
  border: 1px solid #e8e8e8;
  cursor: pointer;
  padding: 10px 0;
  margin-bottom: 10px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}
.scopeMonitoring .centerStructure .overlayStyle .pColumn .double-column .hoverItem[data-v-6bb8a0e4]:last-child {
  border: none;
  margin-bottom: 0;
}
.scopeMonitoring .centerStructure .overlayStyle .pColumn .double-column .hoverItem[data-v-6bb8a0e4]:hover {
  background: #e3ebff;
}
.scopeMonitoring .centerStructure .overlayStyle .pColumn .double-column .hoverItem.activeItem[data-v-6bb8a0e4] {
  border: 1px solid #6690ff;
}
.scopeMonitoring .centerStructure .overlayStyle .pColumn .double-column .popupLabel[data-v-6bb8a0e4] {
  margin: 0 0 2px 10px;
  width: 180px;
  height: 25px;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
}
.scopeMonitoring .centerStructure .overlayStyle .pColumn .double-child[data-v-6bb8a0e4] {
  overflow: auto;
  padding-left: 10px;
  flex: 1;
}
.scopeMonitoring .centerStructure .overlayStyle .pColumn .double-child .lintit[data-v-6bb8a0e4] {
  margin: 5px 0;
}
.scopeMonitoring .centerStructure .overlayStyle .pColumn .double-child .flexItem[data-v-6bb8a0e4] {
  display: flex;
  padding-right: 10px;
  margin-bottom: 10px;
}
.scopeMonitoring .centerStructure .overlayStyle .pColumn .double-child .flexItem > span[data-v-6bb8a0e4]:last-child {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.scopeMonitoring .centerStructure .overlayStyle .flexWrap[data-v-6bb8a0e4] {
  display: flex;
  flex-wrap: wrap;
}
.scopeMonitoring .centerStructure .overlayStyle .flexWrap > div[data-v-6bb8a0e4] {
  margin-right: 15px;
  margin-bottom: 5px;
}
.scopeMonitoring .centerStructure .overlayStyle .clickable[data-v-6bb8a0e4] {
  cursor: pointer;
  color: #6690ff;
}
.theme2 .scopeMonitoring .overlayStyle[data-v-6bb8a0e4] {
  color: #404042;
}

.areaWaterUsed {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
  /*Tab页切换样式调整*/
}
.areaWaterUsed .formbox {
  padding-right: 20px;
  max-height: 611px;
  overflow-y: auto;
}
.areaWaterUsed .el-tabs__content {
  height: 100% !important;
  overflow: hidden;
  position: relative;
}
.areaWaterUsed .dateWidth {
  width: 140px;
}
.areaWaterUsed .centerStructure {
  padding-top: 0;
}
.areaWaterUsed .el-pagination {
  text-align: right;
  margin-top: 10px;
}
.areaWaterUsed .dia-chart {
  width: 1180px;
  height: 350px;
}

.diaClass .el-dialog__body {
  padding: 0 20px 20px 20px;
  color: inherit;
}

.meterStatistics {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.meterStatistics .centerStructure {
  box-sizing: border-box;
  overflow-y: auto;
  padding: 0 10px;
  /*圆环中心值样式*/
  /*用户类型复选框组*/
}
.meterStatistics .centerStructure .up-box {
  width: 100%;
  display: flex;
}
.meterStatistics .centerStructure .up-box .up-left {
  flex: 2;
}
.meterStatistics .centerStructure .up-box .up-left .floor {
  height: 278px;
}
.meterStatistics .centerStructure .up-box .up-left .floor ul {
  height: 100%;
  display: flex;
}
.meterStatistics .centerStructure .up-box .up-left .floor ul li {
  flex: 1;
  position: relative;
}
.meterStatistics .centerStructure .up-box .up-left .floor .bdshow {
  border-bottom: 1px solid #dedede;
}
.meterStatistics .centerStructure .up-box .up-right {
  flex: 1;
}
.meterStatistics .centerStructure .dowm-box {
  height: 278px;
  border-top: 1px solid #dedede;
}
.meterStatistics .centerStructure .dowm-box ul {
  height: 100%;
  display: flex;
}
.meterStatistics .centerStructure .dowm-box ul li {
  flex: 1;
  position: relative;
}
.meterStatistics .centerStructure .totalCount {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 70px;
  height: 30px;
  z-index: 1;
  font-size: 20px;
  margin-top: 3px;
  margin-left: -35px;
  text-align: center;
  color: #3fdeae;
}
.meterStatistics .centerStructure .userTypeButton {
  margin-left: 18%;
  margin-top: 10px;
}
.meterStatistics .centerStructure .echarts-dom {
  height: 100%;
}
.listinfo .el-dialog__body {
  padding-right: 20px;
}
.theme2 .meterStatistics .centerStructure .up-box .up-left .floor .bdshow,
.theme2 .meterStatistics .centerStructure .dowm-box {
  border-color: #6b6b6b;
}

.userWaterUsed {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
  /*Tab页切换样式调整*/
}
.userWaterUsed .searchBox .mini-width {
  width: 105px !important;
}
.userWaterUsed .searchBox .mini-width .el-input__inner {
  width: 100px !important;
}
.userWaterUsed .formbox {
  padding-right: 20px;
  max-height: 611px;
  overflow-y: auto;
}
.userWaterUsed .dateWidth {
  width: 130px !important;
}
.userWaterUsed .month-style {
  width: 200px;
}
.userWaterUsed .month-style .el-select--small {
  width: 100px !important;
}
.userWaterUsed .month-style .el-input__inner {
  width: 100px !important;
}
.userWaterUsed .el-tabs__content {
  height: 100% !important;
  overflow: hidden;
  position: relative;
}
.userWaterUsed .centerStructure {
  padding-top: 0;
}
.userWaterUsed .el-pagination {
  text-align: right;
  margin-top: 10px;
}
.userWaterUsed .cnotent {
  width: 200px;
}
.userWaterUsed .cnotent .el-select--small {
  width: 100px !important;
}
.userWaterUsed .zeroCheck {
  margin-left: 20px;
  margin-top: 7px;
  color: #404042;
}

.waterReport {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
  /*Tab页切换样式调整*/
}
.waterReport .formbox {
  padding-right: 20px;
  max-height: 611px;
  overflow-y: auto;
}
.waterReport .el-tabs__content {
  height: calc(100% - 50px);
  overflow: hidden;
  position: relative !important;
}
.waterReport .dateWidth {
  width: 140px;
}
.waterReport .centerStructure {
  padding-top: 0;
}
.waterReport .centerStructure .el-table__body-wrapper {
  z-index: 2;
}
.waterReport .cnotent {
  width: 210px;
}
.waterReport .cnotent .el-input-group__prepend .el-input__inner {
  width: 100% !important;
}
.waterReport .cnotent .el-select--small {
  width: 100px !important;
}
.waterReport .special-tabs.el-tabs .el-tabs__header {
  width: 270px;
  border-bottom: none !important;
}
.waterReport .special-tabs.el-tabs .el-tabs__header .el-tabs__nav {
  border-color: #6690ff;
  border: none;
}
.waterReport .special-tabs.el-tabs .el-tabs__header .el-tabs__nav .el-tabs__item {
  height: 34px;
  line-height: 34px;
  border: 1px solid #e4e7ed;
  border-left: none;
}
.waterReport .special-tabs.el-tabs .el-tabs__header .el-tabs__nav .el-tabs__item:first-child {
  border-left: 1px solid #e4e7ed;
}
.waterReport .search-fix {
  position: absolute;
  top: 1px;
  left: 220px;
}
.theme1 .waterReport .el-table .warning-row {
  background: #ffdcdc;
}
.theme2 .waterReport .el-table .warning-row {
  background: #6f4a4f;
}
.theme2 .waterReport .special-tabs .el-tabs__header .el-tabs__nav .el-tabs__item {
  border-color: #494949;
}
.theme2 .waterReport .special-tabs.el-tabs .el-tabs__header .el-tabs__nav .el-tabs__item:first-child {
  border-color: #494949;
}

.deviceHealthQuery {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
  /*Tab页切换样式调整*/
}
.deviceHealthQuery .dia-index {
  z-index: 2000!important;
}
.deviceHealthQuery .el-drawer__header {
  font-size: 16px;
  padding: 10px 20px;
  margin-bottom: 0;
}
.deviceHealthQuery .myDrawBox {
  width: 100%;
  height: 100%;
  display: flex;
}
.deviceHealthQuery .myDrawBox .leftDrawBox {
  width: 40%;
  height: 100%;
}
.deviceHealthQuery .myDrawBox .leftDrawBox .child-tab {
  width: 100%;
  height: 100%;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
}
.deviceHealthQuery .myDrawBox .rightDrawBox {
  width: 60%;
  height: 100%;
}
.deviceHealthQuery .myDrawBox .rightDrawBox #locationMap {
  height: 100%;
  width: 100%;
  position: relative;
}
.deviceHealthQuery .el-tabs__content {
  height: 100% !important;
  overflow: hidden;
  position: relative;
}
.deviceHealthQuery .dateWidth {
  width: 140px;
}
.deviceHealthQuery .centerStructure {
  padding-top: 0;
}
.deviceHealthQuery .centerStructure .searchBox .inpType {
  margin: 0px 0px !important;
  margin-right: 0;
}
.deviceHealthQuery .centerStructure .searchBox .el-input-group--prepend .el-input__inner {
  width: 80px;
}
.deviceHealthQuery .centerStructure .searchBox .el-select {
  width: 80px;
}
.deviceHealthQuery .centerStructure .searchBox .wh140 .el-input__inner {
  width: 140px;
}
.deviceHealthQuery .centerStructure .searchBox .wh140 .el-select {
  width: 140px;
}
.deviceHealthQuery .centerStructure .searchBox .echartOrTableTab {
  position: absolute;
  right: 20px;
}
.deviceHealthQuery .centerStructure .el-tabs {
  height: 100%;
}
.deviceHealthQuery .centerStructure .el-tabs .el-tab-pane {
  height: 100%;
}
.deviceHealthQuery .centerStructure .el-tabs .el-tabs__content {
  height: calc(100% - 50px) !important;
}
.deviceHealthQuery .centerStructure .el-tabs .el-tabs__content .meterReading {
  height: 100%;
}
.deviceHealthQuery .centerStructure .nbStatistics .el-dialog__body {
  padding: 0 20px 20px 20px;
}
.deviceHealthQuery .centerStructure .nbStatistics .el-dialog__body .el-table--scrollable-y .el-table__body-wrapper {
  height: 420px !important;
}
.deviceHealthQuery .centerStructure .nbStatistics .nbStatisticsExpButton {
  text-align: right;
  width: 100px;
  position: absolute;
  right: 20px;
  top: 48px;
  z-index: 100;
}
.deviceHealthQuery .centerStructure .nbStatistics .nbStatisticsFoot {
  margin-top: 10px;
  text-align: right;
}
.deviceHealthQuery .el-pagination {
  text-align: right;
  margin-top: 10px;
}
.deviceHealthQuery .el-dialog.dialogChart {
  margin-top: 6vh !important;
}
.deviceHealthQuery .echart-box {
  height: 540px;
  overflow-y: auto;
}
.deviceHealthQuery .listSty .el-table--scrollable-y .el-table__body-wrapper {
  height: 496px !important;
}
.deviceHealthQuery .dia-chart {
  width: 1140px;
  height: 260px;
}

.iotCardMgt {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
  /*Tab页切换样式调整*/
}
.iotCardMgt .el-tabs__content {
  height: 100% !important;
  overflow: hidden;
  position: relative;
}
.iotCardMgt .dateWidth {
  width: 140px;
}
.iotCardMgt .centerStructure {
  padding-top: 0;
}
.iotCardMgt .centerStructure .searchBox .inpType {
  margin: 0px 0px !important;
  margin-right: 0;
}
.iotCardMgt .centerStructure .searchBox .el-input-group--prepend .el-input__inner {
  width: 80px;
}
.iotCardMgt .centerStructure .searchBox .el-select {
  width: 80px;
}
.iotCardMgt .centerStructure .searchBox .wh140 .el-input__inner {
  width: 140px;
}
.iotCardMgt .centerStructure .searchBox .wh140 .el-select {
  width: 140px;
}
.iotCardMgt .centerStructure .el-tabs {
  height: 100%;
}
.iotCardMgt .centerStructure .el-tabs .el-tab-pane {
  height: 100%;
}
.iotCardMgt .centerStructure .el-tabs .el-tabs__content {
  height: calc(100% - 50px) !important;
}
.iotCardMgt .centerStructure .el-tabs .el-tabs__content .meterReading {
  height: 100%;
}
.iotCardMgt .el-pagination {
  text-align: right;
  margin-top: 10px;
}
.iotCardMgt .el-dialog.dialogChart {
  margin-top: 6vh !important;
}
.iotCardMgt .echart-box {
  height: 540px;
  overflow-y: auto;
}
.iotCardMgt .dia-chart {
  width: 1140px;
  height: 260px;
}

.logCmd .el-tabs__header {
  margin-bottom: 0;
}
.logCmd .el-tabs__header .el-tabs__nav {
  margin-left: 20px;
}
.logCmd .el-tabs {
  height: calc(100% - 45px);
}
.logCmd .el-tabs__content {
  height: 100%;
}
.logCmd .el-tabs__content .el-tab-pane {
  height: 100%;
  padding-top: 10px;
}
.logdialog {
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
}
.logdialog .col1 {
  color: #6690ff;
}
.logdialog .col2 {
  color: #ff002b;
}
.logdialog .col3 {
  color: #00b77e;
}
.logdialog .el-dropdown .el-button-group .el-button--primary:first-child {
  cursor: not-allowed;
}
.logdialog .el-table .el-table__body-wrapper tbody .el-table__row td .cell {
  width: 100% !important;
}
.logdialog .searchBox .sepcialSEL {
  width: 100px !important;
}
.logdialog .searchBox .sepcialSEL2 {
  width: 180px;
}
.logdialog .searchBox .el-date-editor {
  width: 240px;
}
.logdialog .searchBox .el-date-editor .el-input__icon.el-range__close-icon {
  width: 0px;
}
.logdialog .searchBox .seltree .el-select-dropdown {
  position: absolute !important;
}
.logdialog .el-dropdown .el-button-group {
  display: flex;
}
.specialOP_parent .specialOP {
  width: 100px;
}

.commanddialog {
  display: flex;
  height: 500px;
  padding-right: 20px;
}
.commanddialog .selfdia .el-dialog__header {
  display: none;
}
.commanddialog .selfdia .diabox {
  padding-top: 20px;
}
.commanddialog .selfdia .diabox .diaitem {
  margin: 15px 0;
}
.commanddialog .selfdia .diabox .diaitem > span {
  display: block;
  margin-bottom: 5px;
}
.commanddialog .leftCon {
  width: 220px;
  padding-top: 20px;
  border-right: 1px solid #dadada;
}
.commanddialog .leftCon .tree-box {
  height: 448px;
}
.commanddialog .leftCon .tree-box .overauto {
  padding: 0;
  width: 219px;
}
.commanddialog .leftCon .tree-box .overauto .el-tree {
  margin-top: 0px;
}
.commanddialog .rightCon {
  flex: 1;
  padding-left: 15px;
  padding-top: 20px;
  position: relative;
}
.commanddialog .rightCon p {
  text-align: center;
  margin-bottom: 10px;
  font-size: 16px;
}
.commanddialog .rightCon h2 {
  color: #ea0407;
  margin-bottom: 8px;
}
.commanddialog .rightCon .table {
  position: absolute;
  width: 100%;
  padding-right: 0px;
}
.commanddialog .rightCon .table .el-input-group__append,
.commanddialog .rightCon .table .el-input-group__prepend {
  padding: 0 10px;
}
.commanddialog .rightCon .table .cellEdit {
  display: flex;
}
.commanddialog .rightCon .table .cellEdit .el-select {
  width: 100%;
}
.commanddialog .rightCon .table .unit {
  line-height: 32px;
  white-space: nowrap;
  text-indent: 5px;
}
.commanddialog .rightCon .table .el-table__row {
  height: 49px !important;
}
.commanddialog .rightCon .cmdBtn {
  text-align: center;
  margin-top: 30px;
}
.commanddialog .mulSelect {
  width: 100%;
}
.commanddialog .mulSelect .el-select__tags > span {
  display: flex;
}
.commanddialog .mulSelect .el-select__tags .el-tag:first-child {
  white-space: nowrap;
  width: 175px;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
}
.commandDialog .el-dialog__body {
  padding-top: 0px;
  padding-right: 15px !important;
  padding-left: 15px;
}
.commandDialog .el-dialog__body .el-table__header {
  width: 685px !important;
}
.commandDialog .lh32 {
  line-height: 32px;
}
.commandDialog .uploadBox {
  display: flex;
}
.commandDialog .fileDetail {
  margin-top: 10px;
}
.commandDialog .upload-demo .el-upload-list {
  width: 372px;
}
.commandDialog .upload-demo .el-upload-list > li {
  width: 312px;
}
.commandDialog .upload-demo .el-upload {
  position: absolute;
  top: 0px;
  left: 316px;
}
.commandDialog .upload-demo .lableTips {
  color: #464042;
  margin-left: 10px;
}
.commandDialog .upload-demo .browseBtn {
  height: 32px;
}
.commandDialog .upload-demo .tips-icon {
  top: 4px;
}

.batchSend {
  width: 1200px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
}
.batchSend .searchBox .upload-demo .el-upload-list {
  margin-right: 0;
  width: 315px;
  height: 33px;
}
.batchSend .searchBox .upload-demo .el-upload {
  position: initial;
  margin-left: 0;
}
.batchSend .searchBox .upload-demo .el-upload-list__item-status-label {
  display: none;
}
.batchSend .foot {
  padding-top: 10px;
  display: flex;
  flex-direction: row-reverse;
}
.batchSend .susmsg {
  height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
}
.batchSend .col2 {
  color: #ff002b;
}
.batchSend .col1 {
  color: #00b77e;
}

.insStatistics {
  height: calc(100% - 30px);
}
.insStatistics .searchBox {
  margin-top: 10px;
}
.insStatistics .searchBox .el-date-editor {
  width: 240px;
}
.insStatistics .searchBox .el-date-editor .el-input__icon.el-range__close-icon {
  width: 0;
}
.insStatistics .part-down {
  width: 100%;
  height: 97%;
}
.insStatistics .part-down .part-left {
  padding-left: 20px;
  padding-right: 20px;
  float: left;
  width: 60%;
  height: 100%;
  border-right: 1px solid #dadada;
}
.insStatistics .part-down .part-right {
  padding-left: 20px;
  padding-right: 20px;
  float: right;
  width: 40%;
  height: 100%;
}
.insStatistics .part-down .part-right .right-child {
  width: 100%;
  height: 43.6%;
  position: relative;
}
.insStatistics .part-down .part-right .right-child .remark {
  position: absolute;
  top: 93%;
  right: 0;
  z-index: 1;
}
.insStatistics .part-down .echarts-dom {
  height: 100%;
}
.theme2 .insStatistics .part-down .part-left {
  border-right: 1px solid #494949;
}

.remoteOperate {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  position: relative;
  display: flex;
}
.remoteOperate .el-drawer__header {
  font-size: 16px;
  padding: 10px 20px;
  margin-bottom: 0;
}
.remoteOperate .centerStructure {
  padding-top: 0;
}
.remoteOperate .centerStructure .searchBox .tips-icon {
  position: relative;
  right: -10px;
}
.remoteOperate .centerStructure .el-dropdown .el-button .iconfont {
  font-size: 13px;
}
.remoteOperate .parentDialog {
  display: flex;
  justify-content: center;
  align-items: center;
}
.remoteOperate .parentDialog .el-dialog__body {
  padding-right: 20px;
}
.remoteOperate .parentDialog .el-dialog {
  position: fixed;
  transform: none;
  top: initial;
}
.remoteOperate .parentDialog.logCmd .el-drawer__header {
  padding: 0;
  border: none;
  z-index: 10;
}
.remoteOperate .parentDialog.logCmd .el-drawer__close-btn {
  position: absolute;
  right: 20px;
  top: 10px;
}
.remoteOperate .textarea {
  padding-right: 20px;
  display: flex;
}
.remoteOperate .textarea span {
  display: inline-block;
  width: 85px;
}
.remoteOperate .textarea:first-child {
  margin-bottom: 20px;
}
.remoteOperate .emptyBlock {
  height: 600px;
}

.serverMonitoring {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.serverMonitoring .centerStructure {
  box-sizing: border-box;
  overflow: auto;
}
.serverMonitoring .centerStructure .inline {
  display: flex;
  width: 500px;
  justify-content: space-between;
}
.serverMonitoring .centerStructure .topLine {
  border-radius: 10px;
  background: #fafafa;
  width: 100%;
  padding: 10px;
  line-height: 32px;
}
.serverMonitoring .centerStructure .topLine .bordContent {
  width: 400px;
  font-weight: bold;
}
.serverMonitoring .centerStructure .el-tabs {
  height: calc(100% - 100px);
}
.serverMonitoring .centerStructure .el-tabs .el-tabs__content {
  height: calc(100% - 50px);
  overflow: visible;
}
.serverMonitoring .centerStructure .el-tabs .el-tabs__content .chartsStyle {
  height: calc(100% - 30px);
  display: flex;
  flex-direction: column;
}
.serverMonitoring .centerStructure .el-tabs .el-tabs__content .chartsStyle .chartStyle {
  flex: 1;
}
.serverMonitoring .centerStructure .el-tabs .el-tabs__content .chartsStyle .chartStyle ul {
  height: 100%;
  display: flex;
}
.serverMonitoring .centerStructure .el-tabs .el-tabs__content .chartsStyle .chartStyle ul li {
  flex: 1;
  padding-top: 10px;
  position: relative;
}
.serverMonitoring .centerStructure .el-tabs .el-tabs__content .chartsStyle .chartStyle ul li .lintit {
  position: absolute;
  margin-bottom: 0px;
}
.serverMonitoring .centerStructure .el-tabs .el-tabs__content .chartsStyle .chartStyle ul li .echarts-dom {
  height: 100%;
}
.serverMonitoring .centerStructure .el-range-editor--small.el-input__inner {
  width: 310px;
}
.serverMonitoring .centerStructure .timeTypeButtonStyle {
  display: flex;
  position: relative;
}
.serverMonitoring .centerStructure .timeTypeButtonStyle .button-groups-bg {
  margin-right: 10px;
  height: 32px;
}
.serverMonitoring .centerStructure .timeTypeButtonStyle .button-groups-bg li {
  margin-bottom: 0;
}
.serverMonitoring .centerStructure .searchStyle {
  height: 32px;
  margin-left: 10px;
}
.serverMonitoring .centerStructure .processStyle {
  width: 100%;
  height: 100%;
  display: flex;
}
.serverMonitoring .centerStructure .processStyle .tableLeftStyle {
  flex: 1;
  padding-right: 20px;
}
.serverMonitoring .centerStructure .processStyle .chartsRightStyle {
  flex: 1;
}
.serverMonitoring .centerStructure .processStyle .chartsRightStyle .rightContent {
  width: 100%;
  height: calc(100% - 40px);
}
.serverMonitoring .centerStructure .processStyle .chartsRightStyle .rightContent ul {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.serverMonitoring .centerStructure .processStyle .chartsRightStyle .rightContent ul li {
  flex: 1;
  padding-top: 10px;
  position: relative;
}
.serverMonitoring .centerStructure .processStyle .chartsRightStyle .rightContent ul li .lintit {
  position: absolute;
  margin-bottom: 0px;
}
.serverMonitoring .centerStructure .processStyle .chartsRightStyle .rightContent ul li .echarts-dom {
  height: 100%;
}
.serverMonitoring .centerStructure .drawContain {
  height: 100%;
  width: 100%;
  padding: 10px 20px 20px 20px;
  display: flex;
}
.serverMonitoring .centerStructure .drawContain .leftTable {
  flex: 4;
}
.serverMonitoring .centerStructure .drawContain .rightForm {
  flex: 1;
}
.serverMonitoring .centerStructure .el-drawer__wrapper .el-drawer__header {
  font-size: 16px;
  padding: 10px 20px;
  margin-bottom: 0;
}
.serverMonitoring .centerStructure .el-dialog__body {
  padding-right: 20px;
}
.serverMonitoring .centerStructure .drawer-footer {
  position: absolute;
  right: 20px;
  bottom: 20px;
}
.serverMonitoring .centerStructure .lineWidth {
  width: 220px;
}
.theme2 .serverMonitoring .topLine {
  background: #494949;
}

.systemTrafficAnalysis {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.systemTrafficAnalysis .special {
  box-sizing: border-box;
  overflow: auto;
  background: #f6f4fc !important;
  box-shadow: none;
  padding: 0;
}
.systemTrafficAnalysis .special .searchBox {
  background: #fff;
  box-shadow: 0 0 3px rgba(68, 48, 96, 0.2);
  height: 50px;
  padding: 10px 0 0 20px;
}
.systemTrafficAnalysis .special .centerDiv {
  height: calc(100% - 60px);
}
.systemTrafficAnalysis section {
  display: flex;
  margin-bottom: 10px;
  height: 256px;
}
.systemTrafficAnalysis section:last-child {
  margin: 0;
  height: calc(100% - 532px);
}
.systemTrafficAnalysis section .item {
  border-radius: 4px;
  box-shadow: 0 0 3px rgba(68, 48, 96, 0.2);
  margin-right: 10px;
  background: #fff;
  padding: 10px;
}
.systemTrafficAnalysis section .item:last-child {
  margin: 0;
}
.systemTrafficAnalysis section .wid50 {
  width: 49%;
}
.systemTrafficAnalysis section .firstItem {
  flex: 1;
}
.systemTrafficAnalysis section .firstItem .lintit {
  margin-bottom: 0;
}
.systemTrafficAnalysis section .firstItem .chart {
  width: 100%;
  height: calc(100% - 24px);
  position: relative;
  z-index: 1;
}
.systemTrafficAnalysis .drawer .el-drawer__header {
  font-size: 16px;
  padding: 10px 20px;
  margin-bottom: 0px;
}
.systemTrafficAnalysis .drawer .centerStructure {
  width: 100%;
  margin: 0;
}
.theme2 .systemTrafficAnalysis .special {
  background: #18191b !important;
}
.theme2 .systemTrafficAnalysis .searchBox {
  background: #2a2b2d;
}
.theme2 .systemTrafficAnalysis section .item {
  background: #2a2b2d;
}

.customerDictionary {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.customerDictionary .el-dialog__body {
  padding-right: 20px;
}

.customerParameter {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.customerParameter .centerStructure {
  overflow-y: auto;
}
.customerParameter .centerStructure .formbox {
  max-height: 5555px;
  height: 1200px!important;
  overflow: hidden;
}
.customerParameter .centerStructure .formbox .remark {
  float: left;
  margin-left: 20px;
}
.customerParameter .centerStructure .formbox .el-input-group__append,
.customerParameter .centerStructure .formbox .el-input-group__prepend {
  padding: 5px;
  color: #909399;
}
.customerParameter .centerStructure .formbox .el-input {
  float: left;
}
.customerParameter .centerStructure .formbox .houseNull .el-form-item__error {
  left: 160px;
}
.customerParameter .centerStructure .formbox .verificationYear .el-form-item--small .el-form-item__error {
  margin-top: -10px;
}
.customerParameter .centerStructure .formbox .inputLabel {
  width: 100%;
}
.customerParameter .centerStructure .formbox .inputLabel .el-form-item__label {
  width: 190px !important;
}
.customerParameter .centerStructure .formbox .leftSpan {
  margin-left: 21px;
}
.customerParameter .centerStructure .formbox .timeWidth {
  width: 92px;
}
.customerParameter .centerStructure .formbox .el-input--suffix .el-input__inner {
  padding-right: 10px;
}
.customerParameter .centerStructure .myButton {
  margin-left: 18%;
}
.customerParameter .centerStructure .myButtonCalculation {
  margin-left: 20px;
  float: left;
}
.customerParameter .centerStructure .el-form-item__error {
  left: 80px;
}
.customerParameter .centerStructure .resInput {
  width: 142px;
}

.lowCodeConfig[data-v-00243066] {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.lowCodeConfig .cname[data-v-00243066] {
  width: 140px;
}
.lowCodeConfig .tableicon[data-v-00243066] {
  display: flex;
  font-size: 16px;
  justify-content: space-between;
}

.partitionParameter {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.partitionParameter .centerStructure {
  height: 100%;
  overflow-y: auto;
}
.partitionParameter .centerStructure .formbox {
  max-height: 5555px;
  height: 860px;
  overflow: hidden;
}
.partitionParameter .centerStructure .formbox .remark {
  float: left;
  margin-left: 20px;
}
.partitionParameter .centerStructure .formbox .el-input-group__append,
.partitionParameter .centerStructure .formbox .el-input-group__prepend {
  padding: 5px;
  color: #909399;
}
.partitionParameter .centerStructure .formbox .el-input {
  float: left;
}
.partitionParameter .centerStructure .formbox .inputLabel {
  width: 100%;
}
.partitionParameter .centerStructure .formbox .inputLabel .el-form-item__label {
  width: 190px !important;
}
.partitionParameter .centerStructure .formbox .leftSpan {
  margin-left: 21px;
}
.partitionParameter .centerStructure .formbox .timeWidth {
  width: 92px;
}
.partitionParameter .centerStructure .formbox .el-input--suffix .el-input__inner {
  padding-right: 10px;
}
.partitionParameter .centerStructure .myButton {
  margin-left: 18%;
}
.partitionParameter .centerStructure .myButtonCalculation {
  margin-left: 20px;
  float: left;
}
.partitionParameter .centerStructure .resInput {
  width: 142px;
}
.time222 {
  width: 100px;
}

.surveillanceVideo {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.surveillanceVideo .el-dialog__body {
  padding-right: 20px;
}

.departmentManager {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.departmentManager .operation-btn {
  margin-top: 30px;
  text-align: right;
}
.departmentManager .parent-node {
  font-size: 14px;
  font-weight: bold;
  color: #555;
  padding: 10px 0;
}
.departmentManager .el-col-5 {
  width: 276px;
  margin-right: 40px;
}
.departmentManager .sangezi {
  width: 276px;
  margin-left: -14px;
}
.departmentManager .el-tabs__content .el-form {
  width: 934px;
}
.departmentManager .el-tabs__content .el-form .el-input {
  width: 200px;
}
.departmentManager .centerStructure {
  padding-top: 0;
}
.departmentManager .el-radio.is-bordered + .el-radio.is-bordered {
  margin-left: 2px;
}

.subScheme {
  width: 325px;
}
.subScheme .el-scrollbar {
  overflow: hidden;
  position: relative;
  width: 325px;
}
.roleManager {
  position: relative;
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
}
.roleManager .cusDialogBox {
  width: 100%;
  height: 500px;
  display: flex;
}
.roleManager .cusDialogBox .leftDialogBox {
  width: 40%;
  height: 100%;
}
.roleManager .cusDialogBox .leftDialogBox .formbox2 .lintit {
  margin-left: 5px;
  margin-top: 5px;
}
.roleManager .cusDialogBox .leftDialogBox .formbox2 .twoLineWidth {
  width: 595px;
}
.roleManager .cusDialogBox .leftDialogBox .formbox2 .lineWidth {
  width: 325px;
}
.roleManager .cusDialogBox .leftDialogBox .formbox2 .midLineWidth {
  width: 250px;
}
.roleManager .cusDialogBox .leftDialogBox .formbox2 .thirdLineWidth {
  width: 135px;
}
.roleManager .cusDialogBox .centerDialogBox {
  width: 35%;
  height: 100%;
}
.roleManager .cusDialogBox .centerDialogBox .child-tab {
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 40px;
  height: calc(100% - 0px);
}
.roleManager .cusDialogBox .centerDialogBox .child-tab .el-table th.el-table__cell > .cell {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  vertical-align: middle;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
}
.roleManager .cusDialogBox .rightDialogBox {
  width: 25%;
  height: 100%;
}
.roleManager .cusDialogBox .rightDialogBox .tree-box {
  height: 100%;
}
.roleManager .cusDialogBox .rightDialogBox .tree-box .overauto {
  width: 100%;
  height: calc(100% - 75px);
  overflow: auto;
  padding: 0 10px;
}
.roleManager .cusDialogBox .rightDialogBox .tree-scroll {
  height: 292px;
  border: 1px solid #ebeef5;
}
.roleManager .formbox {
  margin-right: 20px;
  overflow: hidden;
  max-height: 750px;
}
.roleManager .formbox .part1 {
  width: 300px;
}
.roleManager .formbox .part1 .wh210 {
  width: 210px;
}
.roleManager .formbox .part2 {
  width: 240px;
  margin-left: 20px;
  border: 1px solid #ebeef5;
}
.roleManager .formbox .part2 .tree-box {
  height: 425px;
}
.roleManager .formbox .part3 {
  width: 240px;
  margin-left: 20px;
}
.roleManager .formbox .openbox {
  height: 500px;
  display: flex;
}
.roleManager .formbox .openbox .tree-box .overauto .el-tree {
  height: 400px;
}
.roleManager .formbox .openbox .el-table__body-wrapper {
  height: 400px;
  overflow-y: auto;
}
.roleManager .formbox .el-form-item--mini.el-form-item,
.roleManager .formbox .el-form-item--small.el-form-item {
  margin-bottom: 20px;
}

.userManager {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}

.singleHome {
  min-width: 1500px;
  height: 100%;
  padding: 10px;
  background: #f6f4fc;
}
.singleHome .singleLeft::-webkit-scrollbar,
.singleHome .singleRight::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.singleHome .singleLeft::-webkit-scrollbar-corner,
.singleHome .singleRight::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.singleHome .singleLeft::-webkit-scrollbar-thumb,
.singleHome .singleRight::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.singleHome .singleLeft::-webkit-scrollbar-track,
.singleHome .singleRight::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.singleHome .singleLeft {
  overflow: auto;
  width: 310px;
  height: 100%;
  margin-right: 10px;
  display: flex;
  flex-direction: column;
}
.singleHome .singleLeft .left-top,
.singleHome .singleLeft .left-down {
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
}
.singleHome .singleLeft .left-top {
  margin-bottom: 10px;
  padding: 20px;
  padding-right: 0px;
}
.singleHome .singleLeft .left-down {
  flex: 1;
  height: 300px;
  overflow: auto;
}
.singleHome .singleLeft .left-down::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.singleHome .singleLeft .left-down::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.singleHome .singleLeft .left-down::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.singleHome .singleLeft .left-down::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.singleHome .singleLeft .left-down .multi-meter .el-collapse-item__arrow {
  display: none;
}
.singleHome .singleLeft .left-down .multi-meter .el-collapse-item__header {
  justify-content: space-between;
  padding-left: 20px;
  padding-right: 10px;
}
.singleHome .singleLeft .left-down .multi-meter .titL i {
  color: #6690ff;
}
.singleHome .singleLeft .left-down .multi-meter .titL span {
  margin-left: 5px;
}
.singleHome .singleLeft .left-down .multi-meter .titL.active span {
  color: #6690ff;
}
.singleHome .singleLeft .left-down .multi-meter .titR {
  color: #6690ff;
  border: 1px solid #6690ff;
  line-height: 26px;
  padding: 0 10px;
}
.singleHome .singleLeft .left-down .multi-meter .el-collapse-item__wrap {
  border: none;
}
.singleHome .singleLeft .left-down .multi-meter .el-collapse-item__content {
  padding: 0 10px;
}
.singleHome .singleLeft .left-down .multi-meter .mutli-ul {
  background: #fafafa;
  padding-left: 10px;
}
.singleHome .singleLeft .one-meter {
  padding: 20px;
  padding-right: 0px;
}
.singleHome .singleLeft .one-meter h1 {
  color: #6690ff;
}
.singleHome .singleLeft .one-meter h1 span {
  margin-right: 10px;
}
.singleHome .singleRight {
  padding: 20px;
  padding-top: 10px;
  flex: 1;
  width: 800px;
  background: #fff;
  height: 100%;
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
}
.singleHome .singleRight .el-tabs {
  height: 100%;
}
.singleHome .singleRight .el-tabs .el-tabs__content {
  height: calc(100% - 56px);
}
.singleHome .singleRight .el-tabs .el-tabs__content .el-tab-pane {
  height: 100%;
}
.singleHome .singleRight .el-tabs .el-tabs__content .el-tab-pane .el-fade-in-linear-enter-active,
.singleHome .singleRight .el-tabs .el-tabs__content .el-tab-pane .el-fade-in-linear-leave-active {
  transition: opacity 0.5s ease-in-out;
}
.singleHome .singleRight .el-tabs .el-tabs__item.is-acitve {
  color: #6690ff;
}
.singleHome .singleRight .el-tabs.subtab {
  height: 458px;
}
.singleHome .singleRight .el-tabs.subtab .echart-box {
  position: relative;
  height: 370px;
}
.singleHome .singleRight .el-tabs.subtab.chargeTab .el-tabs__header {
  display: none;
}
.singleHome .singleRight .el-tabs.subtab .needChartEmpty {
  height: 20px;
}
.singleHome .singleRight .stable {
  height: calc(100% - 458px);
}
.singleHome .singleRight .overauto {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.singleHome .singleRight .overauto::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.singleHome .singleRight .overauto::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.singleHome .singleRight .overauto::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.singleHome .singleRight .overauto::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.singleHome .searchArea {
  margin-bottom: 10px;
}
.singleHome .searchArea .label {
  margin-left: 10px;
}
.singleHome .searchArea .el-button {
  margin-left: 10px;
}
.singleHome .searchArea .el-checkbox {
  margin-left: 10px;
}
.singleHome .searchArea .el-select {
  width: 140px;
}
.singleHome .searchArea .wh140 {
  width: 140px;
}
.singleHome .ectitle {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}
.singleHome .ectitle.martb {
  margin-top: 0px;
  margin-bottom: 5px;
}
.singleHome .ins-echart {
  height: 346px;
}
.singleHome .button-box {
  position: absolute;
  top: 0px;
  right: 15%;
  display: flex;
}
.singleHome .button-box li {
  font-size: 12px;
  color: #6690ff;
  border: 1px solid #6690ff;
  border-right: none;
  line-height: 24px;
  padding: 0px 10px;
  cursor: pointer;
}
.singleHome .button-box li:last-child {
  border-right: 1px solid #6690ff;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  padding-right: 13px;
}
.singleHome .button-box li:first-child {
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  padding-left: 13px;
}
.singleHome .button-box li.active {
  background: #6690ff;
  color: #fff !important;
}
.singleHome .containBtns {
  display: flex;
  align-items: center;
}
.singleHome .containBtns .button-groups {
  margin-right: 20px;
}
.en-US .singleHome .singleLeft {
  width: 350px;
}

.alarmInfo-en {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.alarmInfo-en .centerStructure {
  display: flex;
  flex-direction: column;
  padding-top: 0;
  overflow: hidden;
}
.alarmInfo-en .centerStructure .btns {
  display: flex;
}
.alarmInfo-en .centerStructure .btns .label {
  line-height: 30px;
  min-width: 85px;
}
.alarmInfo-en .cnotent {
  width: 260px;
}
.alarmInfo-en .cnotent .el-select--small {
  width: 160px !important;
}
.alarmInfo-en .up-content {
  height: 250px;
  display: flex;
}
.alarmInfo-en .up-content .echarts-dom {
  flex: 1;
  position: relative;
}
.alarmInfo-en .up-content .echarts-dom > div {
  width: 523px;
  height: 250px;
}
.alarmInfo-en .up-content .typeTotal {
  position: absolute;
  display: flex;
  z-index: 1;
  font-size: 20px;
  text-align: center;
  color: #3fdeae;
  justify-content: center;
  align-items: center;
  margin-top: 115px;
  margin-left: 235px;
}
.alarmInfo-en .el-tabs__content {
  height: 100%;
}
.alarmInfo-en .el-dialog__body {
  padding-right: 20px;
}
.alarmInfo-en .down-content {
  height: calc(100% - 163px);
  flex: 1;
}
.alarmInfo-en .el-date-editor .el-range-input,
.alarmInfo-en .el-date-editor .el-range-separator {
  height: 100%;
  margin: 0;
  text-align: center;
  display: inline-block;
  font-size: 12px;
}
.alarmInfo-en .wrap {
  margin: 0 auto;
  width: 100%;
}
.theme2 .alarmInfo-en .el-textarea .el-input__count {
  color: #b7b7b7;
  background: #2a2b2d;
}

.aiInterfaceLog-en {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.aiInterfaceLog-en .userAgentWidth {
  width: 520px;
}
.aiInterfaceLog-en .userAgentheight {
  height: 250px;
}
.aiInterfaceLog-en .content {
  height: 190px;
  overflow: auto;
  width: 853px;
  border: 1px solid #DCDFE6;
  margin: 0;
}
.aiInterfaceLog-en .return {
  height: 100px;
}
.aiInterfaceLog-en .searchBox {
  display: flex;
}
.aiInterfaceLog-en .searchBox .inp {
  line-height: 32px;
}
.aiInterfaceLog-en .searchBox .el-date-editor.el-range-editor {
  width: 355px;
}
.aiInterfaceLog-en .textareaUp {
  height: 220px;
  overflow: hidden;
}

.interFaceLog-en {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.interFaceLog-en .content {
  height: 190px;
  overflow: auto;
  width: 848px;
  border: 1px solid #DCDFE6;
  margin: 0;
}
.interFaceLog-en .searchBox {
  display: flex;
}
.interFaceLog-en .searchBox .inp {
  line-height: 32px;
}
.interFaceLog-en .searchBox .el-date-editor.el-range-editor {
  width: 355px;
}
.interFaceLog-en .textareaUp {
  height: 220px;
  overflow: hidden;
}

.loginLog-en {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.loginLog-en .searchBox .el-date-editor.el-range-editor {
  width: 355px;
}

.operationLog-en {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.operationLog-en .el-radio.is-bordered.is-checked {
  /* border-color: #6690ff; */
}
.operationLog-en .theme2 .el-radio.is-bordered.is-checked {
  /* border-color: #4d91ff; */
}
.operationLog-en .userAgentWidth {
  width: 520px;
}
.operationLog-en .userAgentheight {
  height: 250px;
}
.operationLog-en .content {
  height: 250px;
  overflow: auto;
  width: 853px;
  border: 1px solid #DCDFE6;
  margin: 0;
}
.operationLog-en .return {
  height: 100px;
}
.operationLog-en .searchBox {
  display: flex;
}
.operationLog-en .searchBox .inp {
  line-height: 32px;
}
.operationLog-en .searchBox .el-date-editor.el-range-editor {
  width: 355px;
}
.operationLog-en .textareaUp {
  height: 272px;
  overflow: hidden;
}

.openMap {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.openMap .centerStructure {
  height: 515px;
  padding: 10px;
}
.openMap #gisMap {
  height: 400px;
  width: 960px;
  position: relative;
  padding-right: 10px;
}
.openMap .buttonclass {
  margin-left: 10px;
}

.en-US .netWorkEquipment-en {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
  /*上传图片组件自定义样式*/
  /*上传图片*/
}
.en-US .netWorkEquipment-en .searchBox .el-input-group--prepend .el-input__inner {
  width: 170px !important;
}
.en-US .netWorkEquipment-en .searchBox .el-input-group__prepend .el-select {
  width: 170px !important;
}
.en-US .netWorkEquipment-en .installAddress {
  width: 569px;
}
.en-US .netWorkEquipment-en .formbox {
  padding-right: 20px;
  max-height: 611px;
  overflow-y: hidden;
}
.en-US .netWorkEquipment-en .el-tabs__content {
  height: 100% !important;
  overflow: hidden;
  position: relative;
}
.en-US .netWorkEquipment-en .el-upload--picture-card {
  background-color: #fbfdff;
  border: 1px dashed #c0ccda;
  border-radius: 6px;
  box-sizing: border-box;
  width: 100px;
  height: 100px;
  line-height: 100px;
  vertical-align: top;
  margin-left: 5px;
  position: relative;
}
.en-US .netWorkEquipment-en .el-upload-list--picture-card .el-upload-list__item {
  width: 110px;
  height: 100px;
}
.en-US .netWorkEquipment-en .hide .el-upload--picture-card {
  display: none;
}
.en-US .netWorkEquipment-en .picOne {
  display: inline-block;
  width: 592px;
  margin-left: 12px;
}
.en-US .netWorkEquipment-en .picTwo {
  margin-right: 2px;
  margin-left: 11px;
}
.en-US .netWorkEquipment-en .spWidth .el-form-item__label {
  width: 101px !important;
}
.en-US .netWorkEquipment-en .centerStructure {
  padding-top: 0;
}
.en-US .netWorkEquipment-en .searchBox .el-date-editor.el-range-editor {
  width: 236px;
}
.en-US .highsearch .searchalert ul li span.en-special,
.en-US .highsearch .searchalert ul li span.en-special-two {
  width: 100px;
  word-break: break-word;
  white-space: initial;
  margin-right: 10px;
}
.en-US .highsearch .searchalert ul li span.en-special-two {
  line-height: 1.3;
}

.nonResidentRecord-en {
  position: relative;
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
}
.nonResidentRecord-en .lableTips {
  color: #464042;
  margin-left: 10px;
}
.nonResidentRecord-en .cnotent {
  width: 281px;
}
.nonResidentRecord-en .detail {
  width: 225.33px;
}
.nonResidentRecord-en .formbox {
  padding-right: 30px;
  max-height: 611px;
  overflow-y: hidden;
}
.nonResidentRecord-en .formbox .inline-two {
  display: flex;
}
.nonResidentRecord-en .formbox .inline-two .el-form-item:nth-child(2) {
  margin-left: 40px;
}
.nonResidentRecord-en .el-tabs__content {
  height: 100% !important;
  overflow: hidden;
  position: relative;
}
.nonResidentRecord-en .centerStructure .searchBox .input-with-select {
  width: 300px;
}
.nonResidentRecord-en .centerStructure .searchBox .input-with-select .el-input__inner {
  width: 160px;
}
.nonResidentRecord-en .centerStructure .el-tabs {
  height: 100%;
}
.nonResidentRecord-en .centerStructure .el-tabs .el-tab-pane {
  height: 100%;
}
.nonResidentRecord-en .centerStructure .el-tabs .el-tabs__content {
  height: calc(100% - 50px) !important;
}
.nonResidentRecord-en .centerStructure .el-tabs .el-tabs__content .meterReading {
  height: 100%;
}
.nonResidentRecord-en .el-upload--picture-card {
  background-color: #fbfdff;
  border: 1px dashed #c0ccda;
  border-radius: 6px;
  box-sizing: border-box;
  width: 100px;
  height: 100px;
  line-height: 100px;
  vertical-align: top;
  margin-left: 5px;
}
.nonResidentRecord-en .el-upload-list--picture-card .el-upload-list__item {
  width: 110px;
  height: 100px;
}
.nonResidentRecord-en .picOne {
  display: inline-block;
  width: 592px;
  margin-left: 24px;
}
.nonResidentRecord-en .picOne .picTwo {
  margin-right: 30px;
}
.nonResidentRecord-en .picOne .pic {
  margin-left: 75px;
  margin-top: 10px;
}
.nonResidentRecord-en .searchBox {
  display: flex;
}
.nonResidentRecord-en .searchBox .inp {
  line-height: 32px;
}
.nonResidentRecord-en .el-dialog__body {
  padding-right: 20px;
}
.theme2 .nonResidentRecord-en .lableTips {
  color: #b7b7b7;
}
.en-US .highsearch .searchalert ul li span.en-special,
.en-US .highsearch .searchalert ul li span.en-special-two {
  width: 100px;
  word-break: break-word;
  white-space: initial;
  margin-right: 10px;
}
.en-US .highsearch .searchalert ul li span.en-special-two {
  line-height: 1.3;
}
.infoMessage {
  display: flex;
}
.infoMessage .confirmIcon {
  margin-right: 10px;
  font-size: 24px;
  color: #E6A23C;
}

.organizationArchive-en[data-v-2765769b] {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.organizationArchive-en .el-dialog__body[data-v-2765769b] {
  padding-right: 0;
}
.organizationArchive-en .centerStructure[data-v-2765769b] {
  padding: 20px;
  flex: 1;
  width: 800px;
  height: 100%;
  margin-right: 10px;
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
}
.organizationArchive-en .centerStructure .searchBox[data-v-2765769b] {
  width: 100%;
  margin-bottom: 10px;
}
.organizationArchive-en .centerStructure .searchBox .el-input[data-v-2765769b] {
  width: 140px;
}
.organizationArchive-en .centerStructure .searchBox .inp[data-v-2765769b] {
  margin-left: 10px;
}
.organizationArchive-en .centerStructure .searchBox .el-button[data-v-2765769b] {
  margin-left: 10px;
}
.organizationArchive-en .centerStructure .searchBox .el-select[data-v-2765769b] {
  margin-right: 10px;
}
.organizationArchive-en .centerStructure .searchBox span[data-v-2765769b]:nth-child(1) {
  margin-right: 0;
}
.organizationArchive-en .el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label[data-v-2765769b] {
  font-size: 12px;
  color: #303133;
  font-weight: 400;
}
.organizationArchive-en .formbox[data-v-2765769b] {
  max-height: 611px;
  overflow: auto;
  overflow-y: auto;
}
.organizationArchive-en .formbox .inline[data-v-2765769b] {
  margin-bottom: 0px;
}
.organizationArchive-en .formbox .el-radio[data-v-2765769b] {
  margin-right: -3px;
}
.organizationArchive-en .formbox .el-form-item--mini.el-form-item[data-v-2765769b],
.organizationArchive-en .formbox .el-form-item--small.el-form-item[data-v-2765769b] {
  margin-bottom: 20px;
}

.pressureRecord-en {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.pressureRecord-en .my-test .el-form-item__label {
  line-height: 32px!important;
}
.pressureRecord-en .formbox {
  padding-right: 20px;
  max-height: 611px;
  overflow-y: auto;
}
.pressureRecord-en .formbox .inline-two {
  display: flex;
}
.pressureRecord-en .formbox .inline-two .el-form-item:nth-child(2) {
  margin-left: 40px!important;
}
.pressureRecord-en .my-label {
  width: 310px!important;
}
.pressureRecord-en .my-label .el-form-item__label {
  width: 110px !important;
}
.pressureRecord-en .searchBox {
  display: flex;
}
.pressureRecord-en .searchBox .input-with-select {
  width: 300px;
}
.pressureRecord-en .searchBox .input-with-select .el-input__inner {
  width: 160px;
}
.pressureRecord-en .searchBox .inp {
  line-height: 32px;
}
.pressureRecord-en .searchBox .meterType {
  margin-right: 10px;
}
.pressureRecord-en .table-diaolog .el-dialog__body {
  padding-right: 20px;
}
.pressureRecord-en .table-diaolog .buttonAdd {
  float: right;
  margin-top: 20px;
}
.pressureRecord-en .searchSelect.close .el-input--suffix .el-input__inner {
  padding-right: 30px;
}
.pressureRecord-en .picOne {
  display: inline-block;
  width: 592px;
  margin-left: 25px;
}
.pressureRecord-en .picOne .pic {
  margin-left: 75px;
  margin-top: 10px;
}
.pressureRecord-en .picTwo {
  margin-right: 100px;
}
.pressureRecord-en .el-upload--picture-card {
  background-color: #fbfdff;
  border: 1px dashed #c0ccda;
  border-radius: 6px;
  box-sizing: border-box;
  width: 100px;
  height: 100px;
  line-height: 100px;
  vertical-align: top;
  margin-left: 5px;
}
.pressureRecord-en .el-upload-list--picture-card .el-upload-list__item {
  width: 110px;
  height: 100px;
}
.en-US .formbox .firstLine2 {
  width: 100%;
}
.en-US .formbox .firstLine2 label {
  word-break: break-all;
  width: 160px !important;
}
.en-US .formbox .searchSelect.close .el-input--suffix .el-input__inner {
  padding-right: 30px;
}

.en-US .residentRecord-en {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
  /*上传图片组件自定义样式*/
  /*上传图片*/
}
.en-US .residentRecord-en .wrap {
  width: 1240px;
}
.en-US .residentRecord-en .table-diaolog .el-dialog__body {
  padding-right: 20px;
}
.en-US .residentRecord-en .lableTips {
  color: #464042;
  margin-left: 10px;
}
.en-US .residentRecord-en .searchBox .dropbutton {
  height: 32px;
}
.en-US .residentRecord-en .zeroToTop .el-dialog__body {
  padding-top: 0;
}
.en-US .residentRecord-en .cnotent {
  width: 281px;
}
.en-US .residentRecord-en .detail {
  width: 225.33px;
}
.en-US .residentRecord-en .formbox {
  padding-right: 20px;
  max-height: 611px;
  overflow-y: auto;
}
.en-US .residentRecord-en .formbox .inline-left {
  display: flex;
  justify-content: left;
}
.en-US .residentRecord-en .formbox .inline-two {
  display: flex;
}
.en-US .residentRecord-en .formbox .inline-two .el-form-item:nth-child(2) {
  margin-left: 40px;
}
.en-US .residentRecord-en .el-tabs__content {
  height: 100% !important;
  overflow: hidden;
  position: relative;
}
.en-US .residentRecord-en .el-upload--picture-card {
  background-color: #fbfdff;
  border: 1px dashed #c0ccda;
  border-radius: 6px;
  box-sizing: border-box;
  width: 100px;
  height: 100px;
  line-height: 100px;
  vertical-align: top;
  margin-left: 5px;
}
.en-US .residentRecord-en .el-upload-list--picture-card .el-upload-list__item {
  width: 110px;
  height: 100px;
}
.en-US .residentRecord-en .picOne {
  display: inline-block;
  width: 592px;
  margin-left: 25px;
}
.en-US .residentRecord-en .picOne .pic {
  margin-left: 75px;
  margin-top: 10px;
}
.en-US .residentRecord-en .picTwo {
  margin-right: 100px;
}
.en-US .residentRecord-en .upload-demo1 {
  display: flex;
  flex-direction: row-reverse;
  position: relative;
  justify-content: flex-end;
}
.en-US .residentRecord-en .upload-demo1 .el-upload-list {
  width: 395px;
  height: 32px;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
}
.en-US .residentRecord-en .upload-demo1 .el-upload-list > li {
  width: 354px;
}
.en-US .residentRecord-en .upload-demo1 .el-upload {
  position: absolute;
  top: -1px;
  left: 340px;
}
.en-US .residentRecord-en .upload-demo1 .hovbtn {
  margin-left: 10px;
  cursor: initial;
  color: #FF0000;
}
.en-US .residentRecord-en .upload-demo1 .el-upload-list__item:first-child {
  margin-top: 2px;
}
.en-US .residentRecord-en .upload-demo .el-upload-list {
  width: 416px;
}
.en-US .residentRecord-en .upload-demo .el-upload-list > li {
  width: 354px;
}
.en-US .residentRecord-en .upload-demo .el-upload {
  position: absolute;
  top: 0px;
  left: 357px;
}
.en-US .residentRecord-en .upload-demo .hovbtn {
  margin-left: 10px;
  cursor: initial;
  color: #FF0000;
}
.theme2 .residentRecord-en .lableTips {
  color: #b7b7b7;
}
.theme2 .residentRecord-en .upload-demo1 .el-upload-list {
  border: 1px solid #7a7a7a;
}
.en-US .highsearch .searchalert ul li span.en-special,
.en-US .highsearch .searchalert ul li span.en-special-two {
  width: 100px;
  word-break: break-word;
  white-space: initial;
  margin-right: 10px;
}
.en-US .highsearch .searchalert ul li span.en-special-two {
  line-height: 1.3;
}
.en-US .bug18643 .el-scrollbar {
  width: 200px;
}
.infoMessage {
  display: flex;
}
.infoMessage .confirmIcon {
  margin-right: 10px;
  font-size: 24px;
  color: #E6A23C;
}

.controller-en {
  position: relative;
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
}
.controller-en .centerStructure {
  padding: 0;
  overflow: auto;
  background: #f6f4fc !important;
  box-shadow: none;
}
.controller-en .centerStructure section {
  display: flex;
  margin-bottom: 10px;
}
.controller-en .centerStructure section:last-child {
  margin: 0;
}
.controller-en .centerStructure section .item {
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
  margin-right: 10px;
  background: #fff;
}
.controller-en .centerStructure section .item:last-child {
  margin: 0px;
}
.controller-en .centerStructure section .firstItem {
  flex: 1;
  height: 165px;
  display: flex;
}
.controller-en .centerStructure section .firstItem .fircen.center {
  cursor: initial;
}
.controller-en .centerStructure section .firstItem .center {
  margin: auto;
  display: flex;
  height: 56px;
}
.controller-en .centerStructure section .firstItem .center img {
  display: block;
  width: 65px;
  height: 55px;
  margin-right: 20px;
}
.controller-en .centerStructure section .firstItem .center .txt {
  margin-top: -10px;
}
.controller-en .centerStructure section .firstItem .center .txt span {
  font-size: 28px;
  margin-right: 10px;
  display: inline-block;
}
.controller-en .centerStructure section .secondItem {
  height: 325px;
  padding: 20px;
}
.controller-en .centerStructure section .secondItem:first-child {
  flex: 3.07;
}
.controller-en .centerStructure section .secondItem:last-child {
  flex: 2;
}
.controller-en .centerStructure section .secondItem .clock {
  display: flex;
  height: 240px;
}
.controller-en .centerStructure section .secondItem .clock .chartitem {
  position: relative;
  width: 33.4%;
  height: 100%;
}
.controller-en .centerStructure section .secondItem .clock .chartitem p {
  position: absolute;
  text-align: center;
  width: 100%;
  bottom: 30px;
  z-index: 666;
}
.controller-en .centerStructure section .secondItem .realchart {
  width: 100%;
  height: 100%;
}
.controller-en .centerStructure section .secondItem .realchart > div:first-child {
  width: 100% !important;
}
.controller-en .centerStructure section .thirdItem {
  flex: 1;
  min-height: 323px;
  height: calc(100vh - 613px);
  padding: 20px;
}
.controller-en .centerStructure section .thirdItem .lintit {
  margin: 0;
}
.controller-en .centerStructure section .thirdItem .button-groups {
  float: right;
  position: relative;
  z-index: 9;
}
.controller-en .centerStructure section .thirdItem .barBox {
  width: 100%;
  height: 270px;
}
.controller-en .centerStructure section .thirdItem .barBox > div:first-child {
  width: 100% !important;
}
.controller-en .ft16 {
  font-size: 14px;
  text-indent: 2px;
}
.controller-en .marB5 {
  margin-bottom: 5px;
}
.control-empty {
  background: #fff;
}
.theme2 .control-empty {
  background: #2a2b2d;
}

.firstPage[data-v-ae2f7baa] {
  height: 100%;
  display: flex;
}
.firstPage .leftStructure[data-v-ae2f7baa] {
  flex: 2;
  height: 100%;
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
  background: #f66;
}
.firstPage .centerStructure[data-v-ae2f7baa] {
  flex: 9;
  height: 100%;
  background: skyblue;
  margin-left: 10px;
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
}
.firstPage .rightStructure[data-v-ae2f7baa] {
  flex: 3;
  height: 100%;
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
  margin-left: 10px;
  background: #99cc99;
}

.apiCallLog-en[data-v-ecb96d1a] {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.apiCallLog-en .content[data-v-ecb96d1a] {
  height: 190px;
  overflow: auto;
  width: 853px;
  border: 1px solid #DCDFE6;
  margin: 0;
}
.apiCallLog-en[data-v-ecb96d1a] .jv-container .jv-code {
  padding: 0 20px 0 0;
}
.apiCallLog-en[data-v-ecb96d1a] .el-drawer__header {
  padding: 10px 20px;
  margin-bottom: 10px;
}
.apiCallLog-en[data-v-ecb96d1a] .el-form-item--mini.el-form-item,
.apiCallLog-en .el-form-item--small.el-form-item[data-v-ecb96d1a] {
  margin-bottom: 10px;
}
.apiCallLog-en[data-v-ecb96d1a] .el-form-item--mini.el-form-item label,
.apiCallLog-en .el-form-item--small.el-form-item label[data-v-ecb96d1a] {
  width: 120px !important;
}
.apiCallLog-en[data-v-ecb96d1a] .el-form-item--mini.el-form-item .el-form-item__content,
.apiCallLog-en .el-form-item--small.el-form-item .el-form-item__content[data-v-ecb96d1a] {
  margin-left: 120px!important;
}
.apiCallLog-en .grid-content[data-v-ecb96d1a] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 150px;
  font-weight: bold;
}

.apiManage-en[data-v-e893f472] {
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.apiManage-en .centerStructure[data-v-e893f472] {
  overflow: auto;
}
.apiManage-en .label-wh[data-v-e893f472] {
  display: inline-block;
  width: 100px;
  text-align: right;
}
.apiManage-en .cellEdit[data-v-e893f472] {
  display: flex;
}
.apiManage-en .cellEdit .el-select[data-v-e893f472] {
  width: 100%;
}
.apiManage-en .cellEdit .el-date-editor.el-input--suffix[data-v-e893f472] .el-input__inner {
  padding-right: 0;
}
.apiManage-en .cellEdit[data-v-e893f472] .el-input-number .el-input-number__decrease,
.apiManage-en .cellEdit[data-v-e893f472] .el-input-number .el-input-number__increase {
  width: 26px;
  display: none;
}
.apiManage-en .cellEdit[data-v-e893f472] .el-input-number.is-controls-right .el-input__inner {
  padding-right: 5px;
  padding-left: 5px;
}
.apiManage-en .link[data-v-e893f472] {
  color: #6690ff;
  cursor: pointer;
}
.apiManage-en .scrollContent[data-v-e893f472] {
  height: calc(100% - 42px);
  overflow: auto;
}
.apiManage-en .scrollContent[data-v-e893f472]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.apiManage-en .scrollContent[data-v-e893f472]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.apiManage-en .scrollContent[data-v-e893f472]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.apiManage-en .scrollContent[data-v-e893f472]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.apiManage-en .footer-btn[data-v-e893f472] {
  position: absolute;
  bottom: 20px;
  right: 20px;
  display: flex;
  justify-content: flex-end;
}
.basicInfo[data-v-e893f472] {
  width: 450px;
  margin-top: 40px;
}
.basicInfo .next[data-v-e893f472] {
  margin-top: 50px;
  text-align: right;
}
.basicInfo .el-select[data-v-e893f472] {
  width: 300px;
}
.basicInfo .el-select[data-v-e893f472] .el-popper {
  width: 100%;
  left: 0 !important;
}
.basicInfo[data-v-e893f472] .el-form-item {
  margin-top: 25px;
}
.basicInfo .tips[data-v-e893f472] {
  position: absolute;
  margin-left: 20px;
}
.basicInfo[data-v-e893f472] .el-input-group__prepend {
  background: #f5f7fa;
  padding: 0 10px;
  padding-right: 0;
}
.basicInfo[data-v-e893f472] .el-input-group__prepend ~ input {
  min-width: 120px;
}
.sqlcon[data-v-e893f472] {
  display: flex;
  height: 380px;
  margin: 20px 0;
  margin-bottom: 0;
}
.sqlcon .leftcon[data-v-e893f472] {
  width: 300px;
  height: 100%;
  padding: 10px 0;
  border: 1px solid #ebeef5;
}
.sqlcon .leftcon .tree-box[data-v-e893f472] {
  height: calc(100% - 23px);
}
.sqlcon .leftcon .tree-box[data-v-e893f472] .overauto {
  width: 300px;
}
.sqlcon .rightcon[data-v-e893f472] {
  flex: 1;
  height: 100%;
  border: 1px solid #ebeef5;
  border-left: none;
  overflow: hidden;
}
.sqlcon ~ p[data-v-e893f472] {
  padding-left: 100px;
  margin-top: 4px;
  margin-bottom: 18px;
}
.excel-table-con[data-v-e893f472] {
  flex: 1;
  width: calc(100% - 150px);
  height: 239px;
  background: #fff;
}
.table-con[data-v-e893f472] {
  flex: 1;
  width: calc(100% - 150px);
  height: 239px;
  background: #fff;
}
[data-v-e893f472] .el-select-dropdown {
  width: 100%;
}
[data-v-e893f472] .el-drawer__header {
  padding: 10px 20px;
  margin-bottom: 0;
}
/feDisplacementMap/ .jv-container[data-v-e893f472] {
  height: 90%;
}
/feDisplacementMap/ .jv-container .jv-code[data-v-e893f472] {
  padding-top: 0;
}
.label-info[data-v-e893f472] {
  display: flex;
  justify-content: space-between;
  padding: 10px 20px;
}
.tableContainer[data-v-e893f472] {
  padding: 0 20px;
  height: calc(100% - 60px);
}
.defaultClass[data-v-e893f472] {
  display: flex;
}
.defaultClass > div[data-v-e893f472] {
  flex: 1;
}
.defaultClass[data-v-e893f472] .el-input-number--small {
  width: auto;
}
.theme2 .basicInfo[data-v-e893f472] .el-input-group__prepend {
  background: #494949;
}
.theme2 .sqlcon .leftcon[data-v-e893f472],
.theme2 .sqlcon .rightcon[data-v-e893f472] {
  border-color: #565656;
}

.applicationManagement-en {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.applicationManagement-en .wh740 {
  width: 740px;
}
.applicationManagement-en .two-line label {
  line-height: 1.4;
  height: 32px;
}
.applicationManagement-en .el-radio {
  margin-right: 0;
}
.applicationManagement-en .tree-scroll {
  overflow: auto;
  overflow-x: hidden;
}
.applicationManagement-en .tree-scroll .grid-content .tree-box {
  height: 100%;
}
.applicationManagement-en .tree-scroll .grid-content .tree-box .overauto {
  height: 400px;
  width: 360px!important;
}
.applicationManagement-en .el-dialog__body {
  padding: 0 20px 20px 20px;
}
.theme2 .tree-scroll {
  border: 1px solid #494949;
}

.dataCatalog-en[data-v-0de3eddc] {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.dataCatalog-en .my-leftStructure[data-v-0de3eddc] {
  width: 270px !important;
}
.dataCatalog-en[data-v-0de3eddc] .tree-box .overauto {
  width: 269px !important;
  height: 100%;
  overflow: auto;
  padding: 0 10px;
}
.dataCatalog-en[data-v-0de3eddc] .el-drawer__header {
  margin-bottom: 0;
  padding-bottom: 10px;
}
.dataCatalog-en[data-v-0de3eddc] .el-drawer__header span {
  margin-left: -10px;
  font-size: 16px;
}
.dataCatalog-en .drawer[data-v-0de3eddc] {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
}
.dataCatalog-en .drawer .table[data-v-0de3eddc] {
  height: 100%;
  margin: 20px 15px 20px 18px;
}

.min_width_Option_Acc_300 {
  width: 302px;
}
.dataSourceConfiguration-en {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.dataSourceConfiguration-en .excel-table {
  height: calc(100% - 284px);
  position: relative;
}
.dataSourceConfiguration-en .footer-btn {
  text-align: right;
  margin-bottom: 20px;
}
.dataSourceConfiguration-en .upload-demo {
  width: 396px!important;
}
.dataSourceConfiguration-en .upload-demo .el-upload-list {
  width: 300px!important;
}
.dataSourceConfiguration-en .upload-demo .el-upload-list > li {
  width: 300px!important;
}
.dataSourceConfiguration-en .upload-demo .el-upload-list > li .el-icon-close {
  display: none;
}
.dataSourceConfiguration-en .upload-demo .el-upload {
  position: static;
}
.dataSourceConfiguration-en .basicInfo {
  width: 450px;
  margin-top: 40px;
}
.dataSourceConfiguration-en .basicInfo .next {
  margin-top: 50px;
  text-align: right;
}
.dataSourceConfiguration-en .basicInfo .el-select {
  width: 300px;
}
.dataSourceConfiguration-en .basicInfo .el-select /deep/ .el-popper {
  width: 100%;
  left: 0 !important;
}
.dataSourceConfiguration-en .basicInfo /deep/ .el-form-item {
  margin-top: 25px;
}
.dataSourceConfiguration-en .basicInfo .tips {
  position: absolute;
  margin-left: 20px;
}
.dataSourceConfiguration-en .basicInfo /deep/ .el-input-group__prepend {
  background: #f5f7fa;
  padding: 0 10px;
  padding-right: 0;
}
.dataSourceConfiguration-en .basicInfo /deep/ .el-input-group__prepend ~ input {
  min-width: 120px;
}
.dataSourceConfiguration-en .operation-btn {
  margin-top: 30px;
  margin-left: 55.7%;
}

.min_width_Option {
  width: 105px;
}
.valveControl-en {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.valveControl-en .searchBox .mini-width {
  width: 105px !important;
}
.valveControl-en .searchBox .mini-width .el-input__inner {
  width: 100px !important;
}
.valveControl-en .highsearch .searchalert ul li span {
  display: inline-block;
  width: 115px;
  line-height: 32px;
  text-align: right;
}
.valveControl-en .el-drawer__header {
  font-size: 16px;
  padding: 10px 20px;
  margin-bottom: 0;
}
.valveControl-en .recordDialog {
  padding: 10px 20px;
  width: 100%;
  height: 100% ;
  overflow: auto;
}
.valveControl-en .recordDialog::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.valveControl-en .recordDialog::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.valveControl-en .recordDialog::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.valveControl-en .recordDialog::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.valveControl-en .errorDialog {
  padding: 10px 20px;
  width: 100%;
  height: 100% ;
  overflow: auto;
}
.valveControl-en .errorDialog::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.valveControl-en .errorDialog::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.valveControl-en .errorDialog::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.valveControl-en .errorDialog::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.valveControl-en .errorDialog .searchBox .mini-width {
  width: 90px;
}
.valveControl-en .errorDialog .searchBox .mini-width .el-input__inner {
  width: 90px !important;
}
.valveControl-en .errorDialog .searchBox .mini-width2 {
  width: 105px;
}
.valveControl-en .errorDialog .searchBox .mini-width2 .el-input__inner {
  width: 100px !important;
}
.valveControl-en .errorDialog .searchBox .cname > .el-input__inner {
  width: 55px;
}
.valveControl-en .errorDialog .searchBox .cname2 {
  width: 140px;
  margin: 0px;
}
.valveControl-en .el-dialog__body {
  padding-right: 20px;
}
.valveControl-en .searchBox .el-date-editor.el-range-editor {
  width: 370px;
}
.valveControl-en .tepLeft {
  margin-left: 10px;
}
.valveControl-en .col1 {
  color: #6690ff;
}
.valveControl-en .col2 {
  color: #ff002B;
}
.valveControl-en .col3 {
  color: #00b77e;
}

.changeMeter-en {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  position: relative;
  display: flex;
}
.changeMeter-en .formbox .searchBox {
  height: 32px;
  margin-bottom: 20px;
}
.changeMeter-en .formbox .searchBox .el-radio--mini.is-bordered .el-radio__label,
.changeMeter-en .formbox .searchBox .el-radio--small.is-bordered .el-radio__label {
  font-size: 14px;
}
.changeMeter-en .formbox .confirmtxt {
  padding: 88px 0;
  text-align: center;
  font-size: 16px;
}
.changeMeter-en .formbox .confirmtxt i {
  color: #6690ff;
}
.changeMeter-en .el-divider--horizontal {
  margin-top: 8px;
}
.changeMeter-en .el-range-editor.el-input__inner {
  padding-right: 0px;
}
.changeMeter-en .detailbox {
  overflow-y: auto;
  height: 560px;
}
.changeMeter-en .detailbox .col .row {
  display: flex;
}
.changeMeter-en .detailbox .col .row li {
  width: 430px;
  text-align: center;
  line-height: 32px;
  background: #f9f9f9;
  border-bottom: 3px solid #fff;
  border-left: 3px solid #fff;
}
.changeMeter-en .detailbox .col .row li:first-child {
  width: 120px;
  background: #f2f2f2;
  border-left: none;
  font-weight: bold;
  word-break: break-word;
  padding: 6px 0px;
  line-height: 1;
}
.changeMeter-en .detailbox .col .row li.colspan {
  width: 860px;
  padding-left: 20px;
  background: #f2f2f2 !important;
  text-align: initial;
}
.changeMeter-en .detailbox .col:first-child {
  font-weight: bold;
}
.changeMeter-en .detailbox .col:nth-child(odd) li:nth-child(2) {
  background: #edf4ed;
}
.changeMeter-en .detailbox .col:nth-child(odd) li:nth-child(3) {
  background: #f4eded;
}
.el-message-box__message p i {
  color: #6690ff;
}

.meterMap-en {
  padding-top: 12px;
  height: 100%;
}
.meterMap-en .between {
  justify-content: space-between;
}
.meterMap-en .infoWindow-switch {
  position: absolute;
  left: 305px;
  top: 68px;
  z-index: 99;
  padding: 8px 10px;
  box-shadow: 5px 5px 15px 0px #00000026;
  border-radius: 4px;
}
.meterMap-en .mapVector {
  width: 70px;
  height: 70px;
  overflow: hidden;
  position: absolute;
  bottom: 25px;
  right: 35px;
  user-select: none;
  z-index: 99;
  display: flex;
}
.meterMap-en .mapVector .fixImg {
  position: absolute;
  overflow: hidden;
  border-radius: 5px;
  width: 70px;
  height: 70px;
  border: 1px solid #dcdfe6;
  margin-left: 5px;
  cursor: pointer;
}
.meterMap-en .mapVector .fixImg img {
  width: 100%;
  height: 100%;
}
.meterMap-en .mapVector .fixImg .stable {
  bottom: 0;
}
.meterMap-en .mapVector .activeImg {
  border: 1px solid #4d91ff;
  right: 0;
  z-index: 99;
}
.meterMap-en .mapVector .hiddenImg {
  left: 75px;
  z-index: 98;
}
.meterMap-en .mapVector .des {
  position: absolute;
  bottom: -22px;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  line-height: 22px;
  font-size: 12px;
  text-align: center;
  transition: all 0.3s;
}
.meterMap-en .mapVector:hover {
  width: 145px;
}
.meterMap-en .mapVector:hover .hiddenImg {
  left: -5px;
  transition: all 0.3s;
}
.meterMap-en .positions-wrap {
  width: 166px;
  min-width: 166px !important;
  max-width: 188px !important;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 6px !important;
  position: absolute;
  left: 15px;
  bottom: 10px;
}
.meterMap-en .positions-wrap .el-icon-close {
  position: absolute;
  right: 5px;
  top: 5px;
  color: #c0c4cc;
  font-weight: 600;
}
.meterMap-en .positions-wrap .el-icon-close:hover {
  color: #6690ff;
}
.meterMap-en .status1:before {
  content: " ";
  box-sizing: border-box;
  position: absolute;
  top: -2px;
  left: 3%;
  height: 1px;
  width: 94%;
  border-top: 2px solid transparent;
  border-image: linear-gradient(to right, #0db5e440 20%, #0ff3f3 40%, #1971cc80) 2 2;
}
.meterMap-en .status1:after {
  content: " ";
  box-sizing: border-box;
  position: absolute;
  bottom: -2px;
  left: 3%;
  height: 1px;
  width: 94%;
  border-top: 2px solid transparent;
  border-image: linear-gradient(to right, #0db5e440 20%, #0ff3f3 40%, #1971cc80) 2 2;
}
.meterMap-en .status2:before {
  content: " ";
  box-sizing: border-box;
  position: absolute;
  top: -2px;
  left: 3%;
  height: 1px;
  width: 94%;
  border-top: 2px solid transparent;
  border-image: linear-gradient(to right, #ff002b94 20%, #ff8d00 40%, #ff002b94) 2 2;
}
.meterMap-en .status2:after {
  content: " ";
  box-sizing: border-box;
  position: absolute;
  bottom: -2px;
  left: 3%;
  height: 1px;
  width: 94%;
  border-top: 2px solid transparent;
  border-image: linear-gradient(to right, #ff002b94 20%, #ff8d00 40%, #ff002b94) 2 2;
}
.meterMap-en .positions-title {
  font-size: 14px;
  font-weight: 600;
  width: 100%;
  height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.meterMap-en .position-arrow {
  position: absolute;
  left: 98px;
  font-size: 20px;
  margin-left: -5px;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  clip-path: polygon(30% 30%, 100% 0, 100% 100%, 0% 100%);
  border: 2px solid #1ee2e2;
  border-top: none;
  border-left: none;
  bottom: 5px;
}
.meterMap-en .amap-marker {
  width: 0;
  height: 0;
}
.meterMap-en .value-wrap {
  display: flex;
  justify-content: space-between;
}
.meterMap-en .value-wrap-main {
  margin-right: 10px;
  font-weight: 600;
}
.meterMap-en .status1 {
  border: 2px solid #6690ff;
}
.meterMap-en .iconStatus1 {
  border-color: #10f2f3 !important;
}
.meterMap-en .status2 {
  border: 2px solid #ff002b94;
}
.meterMap-en .iconStatus2 {
  border-color: #ff8d00 !important;
}
.meterMap-en .iconStatus3 {
  border-color: #8b8b8b;
}
.meterMap-en .kh1 {
  width: 24px;
  height: 34px;
  background: url(../img/kh1.0e6dfbdc.png);
  margin: 0 auto;
  margin-top: 10px;
  margin-left: 88px;
  position: relative;
  z-index: 10;
}
.meterMap-en .kh2 {
  width: 24px;
  height: 32px;
  position: relative;
  margin: 0 auto;
  margin-top: 10px;
  margin-left: 88px;
}
.meterMap-en .kh2 .icon {
  width: 24px;
  height: 32px;
  background: url(../img/kh2.32eabc84.png) no-repeat;
  position: relative;
  z-index: 10;
}
.meterMap-en .kh3 {
  width: 24px;
  height: 34px;
  background: url(../img/kh3.a136f42a.png);
  margin: 0 auto;
  margin-top: 10px;
  margin-left: 88px;
  position: relative;
  z-index: 10;
}
.meterMap-en .yl1 {
  width: 24px;
  height: 34px;
  background: url(../img/yl1.1c66849a.png);
  margin: 0 auto;
  margin-top: 10px;
  margin-left: 88px;
  position: relative;
  z-index: 10;
}
.meterMap-en .yl2 {
  width: 24px;
  height: 32px;
  margin: 0 auto;
  margin-top: 10px;
  margin-left: 88px;
  position: relative;
}
.meterMap-en .yl2 .icon {
  width: 24px;
  height: 32px;
  background: url(../img/yl2.188a5f65.png) no-repeat;
  position: relative;
  z-index: 10;
}
.meterMap-en .yl3 {
  width: 24px;
  height: 34px;
  background: url(../img/yl3.54360eb8.png);
  margin: 0 auto;
  margin-top: 10px;
  margin-left: 88px;
  position: relative;
  z-index: 10;
}
.meterMap-en .fjm1 {
  width: 24px;
  height: 34px;
  background: url(../img/fjm1.d9333021.png);
  margin: 0 auto;
  margin-top: 10px;
  margin-left: 88px;
  position: relative;
  z-index: 10;
}
.meterMap-en .fjm2 {
  width: 24px;
  height: 32px;
  margin: 0 auto;
  margin-top: 10px;
  margin-left: 88px;
  position: relative;
}
.meterMap-en .fjm2 .icon {
  width: 24px;
  height: 32px;
  background: url(../img/fjm2.3e25299e.png) no-repeat;
  position: relative;
  z-index: 10;
}
.meterMap-en .fjm3 {
  width: 24px;
  height: 34px;
  background: url(../img/fjm3.58cd322f.png);
  margin: 0 auto;
  margin-top: 10px;
  margin-left: 88px;
  position: relative;
  z-index: 10;
}
.meterMap-en .breath {
  display: none;
}
.meterMap-en .kh2 .breath,
.meterMap-en .yl2 .breath,
.meterMap-en .fjm2 .breath {
  display: block;
  width: 10px;
  height: 10px;
  background: #ff0000;
  position: absolute;
  left: 7px;
  bottom: -9px;
  z-index: 9;
  border-radius: 50%;
  animation: scaling 1s 0.15s infinite linear;
}
.meterMap-en .kh2 .breath::before,
.meterMap-en .yl2 .breath::before,
.meterMap-en .fjm2 .breath::before {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid #ff0000;
  opacity: 0.6;
  left: -4px;
  top: -4px;
}
.meterMap-en .kh2 .breath::after,
.meterMap-en .yl2 .breath::after,
.meterMap-en .fjm2 .breath::after {
  content: "";
  position: absolute;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 2px solid #ff0000;
  opacity: 0.2;
  left: -8px;
  top: -8px;
}
@keyframes scaling {
0% {
    transform: scale(1);
}
33% {
    transform: scale(1.2);
}
66% {
    transform: scale(0.8);
}
100% {
    transform: scale(1);
}
}
.meterMap-en .map-check .el-checkbox__label {
  font-size: 14px;
  font-weight: 600;
}
.meterMap-en .map-check .el-checkbox__input {
  line-height: 20px;
}
.meterMap-en .ol-overlay-container {
  width: 0;
}
.meterMap-en .ol-overlay-container:hover {
  z-index: 999;
}

.meterReadingData-en[data-v-51067fe7] {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.meterReadingData-en .centerStructure[data-v-51067fe7] {
  padding-top: 0;
}
.meterReadingData-en .centerStructure .el-dialog[data-v-51067fe7] {
  margin-top: 10vh !important;
  top: 0;
  transform: none;
}
.meterReadingData-en .centerStructure .highsearch .searchalert ul li > span[data-v-51067fe7] {
  display: inline-block;
  width: 140px;
  line-height: 32px;
  text-align: right;
}
.meterReadingData-en .centerStructure .searchBox .input-with-select[data-v-51067fe7] {
  width: 140px;
}
.meterReadingData-en .centerStructure .searchBox[data-v-51067fe7] .el-input-group--prepend .el-input__inner {
  width: 140px !important;
}
.meterReadingData-en .centerStructure .searchBox .wh100[data-v-51067fe7] {
  min-width: 100px;
}
.meterReadingData-en .centerStructure .el-tabs[data-v-51067fe7] {
  height: 100%;
}
.meterReadingData-en .centerStructure .el-tabs .el-tab-pane[data-v-51067fe7] {
  height: 100%;
}
.meterReadingData-en .centerStructure .el-tabs .el-tabs__content[data-v-51067fe7] {
  height: calc(100% - 50px) !important;
}
.meterReadingData-en .centerStructure .el-tabs .el-tabs__content .meterReading[data-v-51067fe7] {
  height: 100%;
}
.meterReadingData-en .el-dialog__body[data-v-51067fe7] {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.meterReadingData-en .searchArea[data-v-51067fe7] {
  margin-bottom: 10px;
}
.meterReadingData-en .queryBtn[data-v-51067fe7] {
  margin-left: 10px;
}
.meterReadingData-en .echarts-dom[data-v-51067fe7] {
  height: 400px;
  width: 1020px;
}
.meterReadingData-en .chartDialog .chart-item[data-v-51067fe7] {
  margin-top: 10px;
}
.meterReadingData-en .chartDialog .el-pagination[data-v-51067fe7] {
  padding-right: 20px;
  margin-bottom: 20px;
}
.meterReadingData-en .chartDialog .searchArea[data-v-51067fe7] {
  margin-top: 10px;
  margin-bottom: 0;
}
.meterReadingData-en .chartDialog .el-table__body-wrapper[data-v-51067fe7] {
  height: 460px;
}
.meterReadingData-en .chartDialog .el-tabs__header[data-v-51067fe7] {
  margin: 0 20px;
}
.meterReadingData-en .chartDialog .inp[data-v-51067fe7] {
  margin-left: 20px !important;
}
.meterReadingData-en .chartDialog .el-dialog__body[data-v-51067fe7] {
  padding: 0 20px 20px 20px;
  max-height: 620px;
  min-height: 620px;
  overflow-y: auto;
}
.meterReadingData-en .chartDialog .chartDialog .inp[data-v-51067fe7] {
  margin-left: 65px;
}
.meterReadingData-en .chartDialog[data-v-51067fe7] .el-dialog__body {
  max-height: 700px;
  overflow: auto;
  padding-bottom: 20px;
}

.meterReadingStatistics-en {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.meterReadingStatistics-en .centerStructure {
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.meterReadingStatistics-en .up-content {
  height: 320px;
  width: 1570px;
}
.meterReadingStatistics-en .up-content .twoCharts {
  height: 270px;
  display: flex;
}
.meterReadingStatistics-en .up-content .twoCharts .chartb {
  width: 50%;
}
.meterReadingStatistics-en .up-content .twoCharts .chartb .chartitem {
  position: relative;
  height: 100%;
  width: 33.3%;
  display: inline-block;
}
.meterReadingStatistics-en .up-content .twoCharts .chartb .chartitem p {
  position: absolute;
  text-align: center;
  width: 100%;
  bottom: 30px;
  z-index: 666;
  cursor: pointer;
  color: #6690ff;
}
.meterReadingStatistics-en .up-content .twoCharts .chartb .chartitem.right {
  width: 100%;
}
.meterReadingStatistics-en .up-content .twoCharts .chartb .realchart {
  width: 100%;
  height: 100%;
}
.meterReadingStatistics-en .down-content {
  width: 1570px;
  height: calc(100% - 350px);
}
.meterReadingStatistics-en .down-content .cnotent {
  width: 281px;
}

.realTimeMonitoring-en {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.realTimeMonitoring-en .input-with-select {
  width: 200px;
}
.realTimeMonitoring-en .input-with-select .el-input__inner {
  width: 140px;
}
.realTimeMonitoring-en .no-data {
  display: flex;
  justify-content: center;
  align-items: center;
}
.realTimeMonitoring-en .full-page {
  width: 100%;
  height: 100%;
}
.realTimeMonitoring-en .el-table__body-wrapper.is-scrolling-left,
.realTimeMonitoring-en .el-table__body-wrapper.is-scrolling-right {
  height: calc(100% - 42px) !important;
}
.realTimeMonitoring-en .el-loading-mask {
  z-index: 5555;
}
.realTimeMonitoring-en .search-wrap {
  height: 34px;
  justify-content: space-between;
  margin-top: 10px;
}
.realTimeMonitoring-en .search-wrap .list-type-icon {
  font-size: 14px;
  position: relative;
}
.realTimeMonitoring-en .search-wrap .el-radio-button__inner {
  font-size: 12px!important;
  padding: 8px!important;
}
.realTimeMonitoring-en .el-dialog__body {
  padding: 10px 20px;
  height: 600px;
}
.realTimeMonitoring-en .el-dialog__body .el-tabs__content {
  height: calc(100% - 55px);
}
.realTimeMonitoring-en .el-dialog__body .search-wrap {
  margin-top: 0;
}
.realTimeMonitoring-en .el-dialog__body .detail-content {
  width: 100%;
  height: calc(100% - 44px);
}
.realTimeMonitoring-en .el-dialog__body .chart-container {
  width: 100%;
  height: 100%;
}
.realTimeMonitoring-en .el-dialog__body .el-table--border th.el-table__cell.gutter:last-of-type {
  border-bottom: none;
  visibility: hidden;
}
.realTimeMonitoring-en .marl10 {
  margin-left: 10px;
}
.realTimeMonitoring-en .positions-wrap {
  width: 166px;
  min-width: 166px !important;
  max-width: 188px !important;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 6px !important;
  position: absolute;
  left: 15px;
  bottom: 10px;
}
.realTimeMonitoring-en .positions-wrap .el-icon-close {
  position: absolute;
  right: 5px;
  top: 5px;
  color: #C0C4CC;
  font-weight: 600;
}
.realTimeMonitoring-en .positions-wrap .el-icon-close:hover {
  color: #6690ff;
}
.realTimeMonitoring-en .status1:before {
  content: " ";
  box-sizing: border-box;
  position: absolute;
  top: -2px;
  left: 3%;
  height: 1px;
  width: 94%;
  border-top: 2px solid transparent;
  border-image: linear-gradient(to right, #0db5e440 20%, #0ff3f3 40%, #1971cc80) 2 2;
}
.realTimeMonitoring-en .status1:after {
  content: " ";
  box-sizing: border-box;
  position: absolute;
  bottom: -2px;
  left: 3%;
  height: 1px;
  width: 94%;
  border-top: 2px solid transparent;
  border-image: linear-gradient(to right, #0db5e440 20%, #0ff3f3 40%, #1971cc80) 2 2;
}
.realTimeMonitoring-en .status2:before {
  content: " ";
  box-sizing: border-box;
  position: absolute;
  top: -2px;
  left: 3%;
  height: 1px;
  width: 94%;
  border-top: 2px solid transparent;
  border-image: linear-gradient(to right, #ff002b94 20%, #ff8d00 40%, #ff002b94) 2 2;
}
.realTimeMonitoring-en .status2:after {
  content: " ";
  box-sizing: border-box;
  position: absolute;
  bottom: -2px;
  left: 3%;
  height: 1px;
  width: 94%;
  border-top: 2px solid transparent;
  border-image: linear-gradient(to right, #ff002b94 20%, #ff8d00 40%, #ff002b94) 2 2;
}
.realTimeMonitoring-en .positions-title {
  font-size: 14px;
  font-weight: 600;
  width: 100%;
  height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.realTimeMonitoring-en .position-arrow {
  position: absolute;
  left: 98px;
  font-size: 20px;
  margin-left: -5px;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  clip-path: polygon(30% 30%, 100% 0, 100% 100%, 0% 100%);
  border: 2px solid #1ee2e2;
  border-top: none;
  border-left: none;
  bottom: 5px;
}
.realTimeMonitoring-en .amap-marker {
  width: 0;
  height: 0;
}
.realTimeMonitoring-en .value-wrap {
  display: flex;
  justify-content: space-between;
}
.realTimeMonitoring-en .value-wrap-main {
  margin-right: 10px;
  font-weight: 600;
  cursor: pointer;
}
.realTimeMonitoring-en .status1 {
  border: 2px solid #6690ff;
}
.realTimeMonitoring-en .iconStatus1 {
  border-color: #10f2f3 !important;
}
.realTimeMonitoring-en .status2 {
  border: 2px solid #ff002b94;
}
.realTimeMonitoring-en .iconStatus2 {
  border-color: #ff8d00 !important;
}
.realTimeMonitoring-en .status3 {
  border: 2px solid #8b8b8b;
}
.realTimeMonitoring-en .iconStatus3 {
  border-color: #8b8b8b;
}
.realTimeMonitoring-en .kh1 {
  width: 24px;
  height: 34px;
  background: url(../img/kh1.0e6dfbdc.png);
  margin: 0 auto;
  margin-top: 10px;
  margin-left: 88px;
  position: relative;
  z-index: 10;
  cursor: pointer;
}
.realTimeMonitoring-en .kh2 {
  width: 24px;
  height: 32px;
  position: relative;
  margin: 0 auto;
  margin-top: 10px;
  margin-left: 88px;
  cursor: pointer;
}
.realTimeMonitoring-en .kh2 .icon {
  width: 24px;
  height: 32px;
  background: url(../img/kh2.32eabc84.png) no-repeat;
  position: relative;
  z-index: 10;
}
.realTimeMonitoring-en .kh3 {
  width: 24px;
  height: 34px;
  background: url(../img/kh3.a136f42a.png);
  margin: 0 auto;
  margin-top: 10px;
  margin-left: 88px;
  position: relative;
  z-index: 10;
  cursor: pointer;
}
.realTimeMonitoring-en .yl1 {
  width: 24px;
  height: 34px;
  background: url(../img/yl1.1c66849a.png);
  margin: 0 auto;
  margin-top: 10px;
  margin-left: 88px;
  position: relative;
  z-index: 10;
  cursor: pointer;
}
.realTimeMonitoring-en .yl2 {
  width: 24px;
  height: 32px;
  margin: 0 auto;
  margin-top: 10px;
  margin-left: 88px;
  position: relative;
  cursor: pointer;
}
.realTimeMonitoring-en .yl2 .icon {
  width: 24px;
  height: 32px;
  background: url(../img/yl2.188a5f65.png) no-repeat;
  position: relative;
  z-index: 10;
}
.realTimeMonitoring-en .yl3 {
  width: 24px;
  height: 34px;
  background: url(../img/yl3.54360eb8.png);
  margin: 0 auto;
  margin-top: 10px;
  margin-left: 88px;
  position: relative;
  z-index: 10;
  cursor: pointer;
}
.realTimeMonitoring-en .sz1 {
  width: 24px;
  height: 34px;
  margin: 0 auto;
  margin-top: 10px;
  margin-left: 88px;
  position: relative;
  cursor: pointer;
}
.realTimeMonitoring-en .sz1 .icon {
  width: 24px;
  height: 32px;
  background: url(../img/sz1.078854dc.png) no-repeat;
  background-size: 100%;
  position: relative;
  z-index: 10;
}
.realTimeMonitoring-en .sz2 {
  width: 24px;
  height: 32px;
  margin: 0 auto;
  margin-top: 10px;
  margin-left: 88px;
  position: relative;
  cursor: pointer;
}
.realTimeMonitoring-en .sz2 .icon {
  width: 24px;
  height: 32px;
  background: url(../img/sz2.1aa1067a.png) no-repeat;
  background-size: 100%;
  position: relative;
  z-index: 10;
}
.realTimeMonitoring-en .sz3 {
  width: 24px;
  height: 34px;
  margin: 0 auto;
  margin-top: 10px;
  margin-left: 88px;
  position: relative;
  cursor: pointer;
}
.realTimeMonitoring-en .sz3 .icon {
  width: 24px;
  height: 32px;
  background: url(../img/sz3.e54510b4.png) no-repeat;
  background-size: 100%;
  position: relative;
  z-index: 10;
}
.realTimeMonitoring-en .breath {
  display: none;
}
.realTimeMonitoring-en .kh2 .breath,
.realTimeMonitoring-en .yl2 .breath,
.realTimeMonitoring-en .sz2 .breath {
  display: block;
  width: 10px;
  height: 10px;
  background: #ff0000;
  position: absolute;
  left: 7px;
  bottom: -9px;
  z-index: 9;
  border-radius: 50%;
  animation: scaling 1s 0.15s infinite linear;
}
.realTimeMonitoring-en .kh2 .breath::before,
.realTimeMonitoring-en .yl2 .breath::before,
.realTimeMonitoring-en .sz2 .breath::before {
  content: '';
  position: absolute;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid #ff0000;
  opacity: 0.6;
  left: -4px;
  top: -4px;
}
.realTimeMonitoring-en .kh2 .breath::after,
.realTimeMonitoring-en .yl2 .breath::after,
.realTimeMonitoring-en .sz2 .breath::after {
  content: '';
  position: absolute;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 2px solid #ff0000;
  opacity: 0.2;
  left: -8px;
  top: -8px;
}
@keyframes scaling {
0% {
    transform: scale(1);
}
33% {
    transform: scale(1.2);
}
66% {
    transform: scale(0.8);
}
100% {
    transform: scale(1);
}
}
.realTimeMonitoring-en .linkStyle {
  cursor: pointer;
}
.realTimeMonitoring-en .map-check {
  margin-right: 20px;
}
.realTimeMonitoring-en .map-check .el-checkbox__label {
  font-size: 15px;
  font-weight: 600;
}
.realTimeMonitoring-en .ol-overlay-container {
  width: 0;
}
.realTimeMonitoring-en .ol-overlay-container:hover {
  z-index: 999;
}
.realTimeMonitoring-en .specialStruc {
  padding-top: 0;
}
.realTimeMonitoring-en .specialStruc .el-select__tags {
  opacity: 0;
}
.realTimeMonitoring-en .specialStruc .el-tabs {
  height: auto;
}
.realTimeMonitoring-en .specialStruc .el-tabs .el-tabs__content {
  display: none;
}
.realTimeMonitoring-en .specialStruc .main-container {
  width: 100%;
  height: calc(100% - 94px);
  position: relative;
}
.realTimeMonitoring-en .specialStruc .infoWindow-switch {
  position: absolute;
  left: 300px;
  top: 67px;
  z-index: 99;
  padding: 8px 10px;
  box-shadow: 5px 5px 15px 0px #00000026;
  border-radius: 4px;
}
.realTimeMonitoring-en .specialStruc .focus-icon {
  cursor: pointer;
  color: #ffb200;
  font-size: 20px;
}
.realTimeMonitoring-en .specialStruc .card-wrap {
  overflow: hidden;
  overflow-y: auto;
}
.realTimeMonitoring-en .specialStruc .card-item-box {
  box-sizing: border-box;
  padding: 0 7px;
}
.realTimeMonitoring-en .specialStruc .card-item {
  min-height: 125px;
  height: 240px;
  box-sizing: border-box;
  background: #6690ff14;
  border: 1px solid #6690ff;
  border-radius: 8px;
  margin-bottom: 14px;
  padding: 15px;
  line-height: 28px;
}
.realTimeMonitoring-en .specialStruc .card-item .card-icon {
  margin-right: 10px;
}
.realTimeMonitoring-en .specialStruc .card-item .data-normal {
  color: #00b77e;
  padding: 0 10px;
  background: #00b77e26;
  border-radius: 15px;
  height: 26px;
  line-height: 26px;
}
.realTimeMonitoring-en .specialStruc .card-item .data-alarm {
  color: #ff002b;
  padding: 0 10px;
  background: #ff002b21;
  border-radius: 15px;
  height: 26px;
  line-height: 26px;
}
.realTimeMonitoring-en .specialStruc .card-item .data-offline {
  color: #999;
  padding: 0 10px;
  background: #66666624;
  border-radius: 15px;
  height: 26px;
  line-height: 26px;
}
.realTimeMonitoring-en .specialStruc .card-item .row-flex {
  display: flex;
  justify-content: space-between;
}
.realTimeMonitoring-en .specialStruc .card-item .data-item {
  display: flex;
  justify-content: space-between;
  margin: 8px 0;
}
.realTimeMonitoring-en .specialStruc .card-item .data-item p > span:nth-child(1) {
  font-weight: 600;
}
.realTimeMonitoring-en .specialStruc .card-item .data-item .data-item-unit {
  display: inline-block;
  width: 36px;
  margin-left: 15px;
  text-align: right;
}
.realTimeMonitoring-en .specialStruc .alarmBg {
  background: #ff95a717;
  border-color: #ff002b94;
}
.realTimeMonitoring-en .specialStruc .offlineBg {
  background: #a5a5a517;
  border-color: #999;
}
.realTimeMonitoring-en .specialStruc .btn-spe {
  position: relative;
  margin-right: 30px;
}
.realTimeMonitoring-en .specialStruc .btn-spe .btn-tigger {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  margin-left: 0px;
}
.realTimeMonitoring-en .specialStruc .btn-spe .btn-tigger .btn-trigger-icon {
  margin-left: 5px;
  padding-left: 5px;
  border-left: 1px solid #fff;
}
.realTimeMonitoring-en .mapVector {
  width: 70px;
  height: 70px;
  overflow: hidden;
  position: absolute;
  bottom: 25px;
  right: 35px;
  user-select: none;
  z-index: 99;
  display: flex;
}
.realTimeMonitoring-en .mapVector .fixImg {
  position: absolute;
  overflow: hidden;
  border-radius: 5px;
  width: 70px;
  height: 70px;
  border: 1px solid #DCDFE6;
  margin-left: 5px;
  cursor: pointer;
}
.realTimeMonitoring-en .mapVector .fixImg img {
  width: 100%;
  height: 100%;
}
.realTimeMonitoring-en .mapVector .fixImg .stable {
  bottom: 0;
}
.realTimeMonitoring-en .mapVector .activeImg {
  border: 1px solid #4d91ff;
  right: 0;
  z-index: 99;
}
.realTimeMonitoring-en .mapVector .hiddenImg {
  left: 75px;
  z-index: 98;
}
.realTimeMonitoring-en .mapVector .des {
  position: absolute;
  bottom: -22px;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  line-height: 22px;
  font-size: 12px;
  text-align: center;
  transition: all 0.3s;
}
.realTimeMonitoring-en .mapVector:hover {
  width: 145px;
}
.realTimeMonitoring-en .mapVector:hover .hiddenImg {
  left: -5px;
  transition: all 0.3s;
}
.realTimeMonitoring-en .CN-EN {
  width: 92px !important;
  height: 32px;
  overflow: hidden;
}
.theme2 .realTimeMonitoring .el-dialog__body .el-table--border th.el-table__cell.gutter:last-of-type {
  background-color: #2a2b2d !important;
}

.scopeMonitoring-en[data-v-168b7df2] {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.scopeMonitoring-en .centerStructure[data-v-168b7df2] {
  overflow: auto;
  padding: 0;
}
.scopeMonitoring-en .centerStructure[data-v-168b7df2] .searchBox .el-input-group--prepend .el-input__inner {
  height: 33px !important;
}
.scopeMonitoring-en .centerStructure[data-v-168b7df2] .searchBox .el-radio-button--small .el-radio-button__inner {
  font-size: 12px!important;
}
.scopeMonitoring-en .centerStructure .searchBox[data-v-168b7df2] {
  padding: 20px 20px 0 20px;
}
.scopeMonitoring-en .centerStructure .searchBox .el-input-group[data-v-168b7df2] {
  width: 260px;
}
.scopeMonitoring-en .centerStructure .searchBox .el-input-group .el-select[data-v-168b7df2] {
  width: 120px;
}
.scopeMonitoring-en .centerStructure .searchBox[data-v-168b7df2] .el-input-group--prepend .el-input .el-input__inner {
  width: 120px!important;
}
.scopeMonitoring-en .centerStructure .searchBox .btn-select[data-v-168b7df2] {
  margin-right: 10px;
  position: absolute;
  margin-left: 10px;
  right: 10px;
  top: 20px;
}
.scopeMonitoring-en .centerStructure .searchBox .btn-select .CN-EN[data-v-168b7df2] {
  width: 100px !important;
  height: 32px;
}
.scopeMonitoring-en .centerStructure .searchBox .btn-select .btn-tigger[data-v-168b7df2] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  margin-left: 0;
}
.scopeMonitoring-en .centerStructure .searchBox .btn-select .btn-tigger .btn-trigger-icon[data-v-168b7df2] {
  margin-left: 10px;
  padding-left: 5px;
  border-left: 1px solid #fff;
}
.scopeMonitoring-en .centerStructure .mapIns[data-v-168b7df2] {
  width: 100%;
  height: calc(100% - 63px);
  position: relative;
}
.scopeMonitoring-en .centerStructure .mapVector[data-v-168b7df2] {
  width: 70px;
  height: 70px;
  overflow: hidden;
  position: absolute;
  bottom: 5px;
  right: 15px;
  user-select: none;
  z-index: 99;
  display: flex;
}
.scopeMonitoring-en .centerStructure .mapVector .fixImg[data-v-168b7df2] {
  position: absolute;
  overflow: hidden;
  border-radius: 5px;
  width: 70px;
  height: 70px;
  border: 1px solid #DCDFE6;
  margin-left: 5px;
  cursor: pointer;
}
.scopeMonitoring-en .centerStructure .mapVector .fixImg img[data-v-168b7df2] {
  width: 100%;
  height: 100%;
}
.scopeMonitoring-en .centerStructure .mapVector .fixImg .stable[data-v-168b7df2] {
  bottom: 0;
}
.scopeMonitoring-en .centerStructure .mapVector .activeImg[data-v-168b7df2] {
  border: 1px solid #4d91ff;
  right: 0;
  z-index: 99;
}
.scopeMonitoring-en .centerStructure .mapVector .hiddenImg[data-v-168b7df2] {
  left: 75px;
  z-index: 98;
}
.scopeMonitoring-en .centerStructure .mapVector .des[data-v-168b7df2] {
  position: absolute;
  bottom: -22px;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  line-height: 22px;
  font-size: 12px;
  text-align: center;
  transition: all 0.3s;
}
.scopeMonitoring-en .centerStructure .mapVector[data-v-168b7df2]:hover {
  width: 145px;
}
.scopeMonitoring-en .centerStructure .mapVector:hover .hiddenImg[data-v-168b7df2] {
  left: -5px;
  transition: all 0.3s;
}
.scopeMonitoring-en .centerStructure .legend[data-v-168b7df2] {
  position: absolute;
  z-index: 22;
  width: 150px;
  background-color: #fff;
  opacity: 0.8;
  border-radius: 4px;
  bottom: 40px;
  left: 260px;
  max-height: 400px;
  overflow: auto;
}
.scopeMonitoring-en .centerStructure .legend .mr[data-v-168b7df2] {
  opacity: 1;
  margin-top: 6px;
  margin-left: 10px;
}
.scopeMonitoring-en .centerStructure .legend .font_w[data-v-168b7df2] {
  display: inline-block;
  line-height: 29px;
  font-size: 12px;
  color: #404042;
}
.scopeMonitoring-en .centerStructure .overlayStyle[data-v-168b7df2] {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  padding: 15px;
  border-radius: 5px;
}
.scopeMonitoring-en .centerStructure .overlayStyle[data-v-168b7df2] ::-webkit-scrollbar {
  width: 5px;
}
.scopeMonitoring-en .centerStructure .overlayStyle[data-v-168b7df2] ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(24, 25, 27, 0.4);
}
.scopeMonitoring-en .centerStructure .overlayStyle.nodeAndLine[data-v-168b7df2] {
  width: 240px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3), 0 0 16px rgba(0, 0, 0, 0.3);
  background: rgba(255, 255, 255, 0.85);
}
.scopeMonitoring-en .centerStructure .overlayStyle.nodeAndLine[data-v-168b7df2]::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  height: 120px;
  width: 100%;
  background: linear-gradient(to bottom, #aec3fa90, #ffffff20);
  z-index: -1;
}
.scopeMonitoring-en .centerStructure .overlayStyle.nodeAndLine .flx[data-v-168b7df2] {
  display: flex;
  margin-bottom: 8px;
}
.scopeMonitoring-en .centerStructure .overlayStyle.nodeAndLine .flx[data-v-168b7df2]:last-child {
  margin-bottom: 0;
}
.scopeMonitoring-en .centerStructure .overlayStyle.nodeAndLine .flx > span[data-v-168b7df2]:last-child {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.scopeMonitoring-en .centerStructure .overlayStyle.spec[data-v-168b7df2] {
  padding-bottom: 20px;
  padding-top: 60px;
  padding-left: 30px;
  background-image: url(../img/bg.97ff346e.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 545px;
  height: 356px;
  padding-right: 16px;
}
.scopeMonitoring-en .centerStructure .overlayStyle .pColumn[data-v-168b7df2] {
  display: flex;
  height: 225px;
}
.scopeMonitoring-en .centerStructure .overlayStyle .pColumn .right-child[data-v-168b7df2] {
  border-right: 1px solid #DCDFE6;
}
.scopeMonitoring-en .centerStructure .overlayStyle .pColumn .right-child > .lintit[data-v-168b7df2] {
  position: absolute;
  top: 28px;
  margin: 0;
}
.scopeMonitoring-en .centerStructure .overlayStyle .pColumn .double-column[data-v-168b7df2] {
  width: 220px;
  height: 220px;
  overflow: auto;
}
.scopeMonitoring-en .centerStructure .overlayStyle .pColumn .double-column .hoverItem[data-v-168b7df2] {
  width: 205px;
  border: 1px solid #e8e8e8;
  cursor: pointer;
  padding: 10px 0;
  margin-bottom: 10px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}
.scopeMonitoring-en .centerStructure .overlayStyle .pColumn .double-column .hoverItem[data-v-168b7df2]:last-child {
  border: none;
  margin-bottom: 0;
}
.scopeMonitoring-en .centerStructure .overlayStyle .pColumn .double-column .hoverItem[data-v-168b7df2]:hover {
  background: #e3ebff;
}
.scopeMonitoring-en .centerStructure .overlayStyle .pColumn .double-column .hoverItem.activeItem[data-v-168b7df2] {
  border: 1px solid #6690ff;
}
.scopeMonitoring-en .centerStructure .overlayStyle .pColumn .double-column .popupLabel[data-v-168b7df2] {
  margin: 0 0 2px 10px;
  width: 180px;
  height: 25px;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
}
.scopeMonitoring-en .centerStructure .overlayStyle .pColumn .double-child[data-v-168b7df2] {
  overflow: auto;
  padding-left: 10px;
  flex: 1;
}
.scopeMonitoring-en .centerStructure .overlayStyle .pColumn .double-child .lintit[data-v-168b7df2] {
  margin: 5px 0;
}
.scopeMonitoring-en .centerStructure .overlayStyle .pColumn .double-child .flexItem[data-v-168b7df2] {
  display: flex;
  padding-right: 10px;
  margin-bottom: 10px;
}
.scopeMonitoring-en .centerStructure .overlayStyle .pColumn .double-child .flexItem > span[data-v-168b7df2]:last-child {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.scopeMonitoring-en .centerStructure .overlayStyle .flexWrap[data-v-168b7df2] {
  display: flex;
  flex-wrap: wrap;
}
.scopeMonitoring-en .centerStructure .overlayStyle .flexWrap > div[data-v-168b7df2] {
  margin-right: 15px;
  margin-bottom: 5px;
}
.scopeMonitoring-en .centerStructure .overlayStyle .clickable[data-v-168b7df2] {
  cursor: pointer;
  color: #6690ff;
}
.theme2 .scopeMonitoring-en .overlayStyle[data-v-168b7df2] {
  color: #404042;
}

.areaWaterUsed-en {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
  /*Tab页切换样式调整*/
}
.areaWaterUsed-en .formbox {
  padding-right: 20px;
  max-height: 611px;
  overflow-y: auto;
}
.areaWaterUsed-en .el-tabs__content {
  height: 100% !important;
  overflow: hidden;
  position: relative;
}
.areaWaterUsed-en .dateWidth {
  width: 140px;
}
.areaWaterUsed-en .centerStructure {
  padding-top: 0;
}
.areaWaterUsed-en .el-pagination {
  text-align: right;
  margin-top: 10px;
}
.areaWaterUsed-en .dia-chart {
  width: 1180px;
  height: 350px;
}
.areaWaterUsed-en .dialogChart .el-date-editor .el-range-separator {
  width: 7%;
}

.meterStatistics-en {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.meterStatistics-en .centerStructure {
  box-sizing: border-box;
  overflow-y: auto;
  padding: 0 10px;
  /*圆环中心值样式*/
  /*用户类型复选框组*/
}
.meterStatistics-en .centerStructure .up-box {
  width: 100%;
  height: 552px;
  display: flex;
  border-bottom: 1px solid #f6f4fc;
}
.meterStatistics-en .centerStructure .up-box .up-left {
  flex: 2;
}
.meterStatistics-en .centerStructure .up-box .up-left .floor {
  height: 278px;
}
.meterStatistics-en .centerStructure .up-box .up-left .floor ul {
  height: 100%;
  display: flex;
}
.meterStatistics-en .centerStructure .up-box .up-left .floor ul li {
  flex: 1;
  position: relative;
}
.meterStatistics-en .centerStructure .up-box .up-left .floor .bdshow {
  border-bottom: 1px solid #f6f4fc;
}
.meterStatistics-en .centerStructure .up-box .up-right {
  flex: 1;
}
.meterStatistics-en .centerStructure .dowm-box {
  height: 278px;
}
.meterStatistics-en .centerStructure .dowm-box ul {
  height: 100%;
  display: flex;
}
.meterStatistics-en .centerStructure .dowm-box ul li {
  flex: 1;
  position: relative;
}
.meterStatistics-en .centerStructure .totalCount {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 70px;
  height: 30px;
  z-index: 1;
  font-size: 20px;
  margin-top: 3px;
  margin-left: -35px;
  text-align: center;
  color: #3fdeae;
}
.meterStatistics-en .centerStructure .userTypeButton {
  margin-left: 15%;
  margin-top: 10px;
}
.meterStatistics-en .centerStructure .echarts-dom.barChart {
  width: 100%;
  height: 242px;
}
.meterStatistics-en .centerStructure .echarts-dom {
  height: 100%;
}
.listinfo .el-dialog__body {
  padding-right: 20px;
}

.userWaterUsed-en {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
  /*Tab页切换样式调整*/
}
.userWaterUsed-en .searchBox .mini-width {
  width: 140px !important;
}
.userWaterUsed-en .searchBox .mini-width .el-input__inner {
  width: 150px !important;
}
.userWaterUsed-en .formbox {
  padding-right: 20px;
  max-height: 611px;
  overflow-y: auto;
}
.userWaterUsed-en .highsearch .searchalert ul li span {
  display: inline-block;
  width: 132px;
  line-height: 32px;
  text-align: right;
}
.userWaterUsed-en .el-tabs__content {
  height: 100% !important;
  overflow: hidden;
  position: relative;
}
.userWaterUsed-en .centerStructure {
  padding-top: 0;
}
.userWaterUsed-en .el-pagination {
  text-align: right;
  margin-top: 10px;
}
.userWaterUsed-en .dateWidth {
  width: 130px !important;
}
.userWaterUsed-en .month-style {
  width: 200px;
}
.userWaterUsed-en .month-style .el-select--small {
  width: 130px !important;
}
.userWaterUsed-en .month-style .el-input__inner {
  width: 130px !important;
}
.userWaterUsed-en .cnotent {
  width: 210px;
}
.userWaterUsed-en .cnotent .el-select--small {
  width: 100px !important;
}
.userWaterUsed-en .zeroCheck {
  margin-left: 20px;
  margin-top: 8px;
  color: #404042;
}

.waterReport-en {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  /*Tab页切换样式调整*/
}
.waterReport-en .highsearch .searchalert ul li span {
  display: inline-block;
  width: 136px;
  line-height: 32px;
  text-align: right;
}
.waterReport-en .formbox {
  padding-right: 20px;
  max-height: 611px;
  overflow-y: auto;
}
.waterReport-en .el-tabs__content {
  height: calc(100% - 50px);
  overflow: hidden;
  position: relative !important;
}
.waterReport-en .dateWidth {
  width: 140px;
}
.waterReport-en .centerStructure {
  padding-top: 0;
}
.waterReport-en .centerStructure .el-table__body-wrapper {
  z-index: 2;
}
.waterReport-en .cnotent {
  width: 210px;
}
.waterReport-en .cnotent .el-input-group__prepend .el-input__inner {
  width: 100% !important;
}
.waterReport-en .cnotent .el-select--small {
  width: 100px !important;
}
.en-US .waterReport-en .special-tabs .el-tabs__header {
  width: 400px;
  border-bottom: none !important;
}
.en-US .waterReport-en .special-tabs .el-tabs__header .el-tabs__nav {
  border-color: #6690ff;
  border: none;
}
.en-US .waterReport-en .special-tabs .el-tabs__header .el-tabs__nav .el-tabs__item {
  height: 34px;
  line-height: 34px;
  border: 1px solid #e4e7ed;
  border-left: none;
}
.en-US .waterReport-en .special-tabs .el-tabs__header .el-tabs__nav .el-tabs__item:first-child {
  border-left: 1px solid #e4e7ed;
}
.en-US .waterReport-en .special-tabs .el-tabs__header .el-tabs__nav .el-tabs__item.is-active {
  border: 1px solid #6690ff;
}
.en-US .waterReport-en .search-fix {
  position: absolute;
  top: 1px;
  left: 390px;
}
.theme1 .waterReport-en .el-table .warning-row {
  background: #ffdcdc;
}
.en-US .theme2 .waterReport-en .el-table .warning-row {
  background: #6f4a4f;
}
.en-US .theme2 .waterReport-en .special-tabs .el-tabs__header .el-tabs__nav .el-tabs__item {
  border-color: #494949;
}
.en-US .theme2 .waterReport-en .special-tabs .el-tabs__header .el-tabs__nav .el-tabs__item:first-child {
  border-color: #494949;
}

.en-US .deviceHealthQuery-en {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
  /*Tab页切换样式调整*/
}
.en-US .deviceHealthQuery-en .dia-index {
  z-index: 2000!important;
}
.en-US .deviceHealthQuery-en .el-drawer__header {
  font-size: 16px;
  padding: 10px 20px;
  margin-bottom: 0;
}
.en-US .deviceHealthQuery-en .myDrawBox {
  width: 100%;
  height: 100%;
  display: flex;
}
.en-US .deviceHealthQuery-en .myDrawBox .leftDrawBox {
  width: 40%;
  height: 100%;
}
.en-US .deviceHealthQuery-en .myDrawBox .leftDrawBox .child-tab {
  width: 100%;
  height: 100%;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
}
.en-US .deviceHealthQuery-en .myDrawBox .rightDrawBox {
  width: 60%;
  height: 100%;
}
.en-US .deviceHealthQuery-en .myDrawBox .rightDrawBox #locationMap {
  height: 100%;
  width: 100%;
  position: relative;
}
.en-US .deviceHealthQuery-en .wh180 {
  width: 180px;
}
.en-US .deviceHealthQuery-en .cnotent {
  width: 300px;
}
.en-US .deviceHealthQuery-en .cnotent .el-select {
  width: 180px !important;
}
.en-US .deviceHealthQuery-en .cnotent .el-input__inner {
  width: 180px !important;
}
.en-US .deviceHealthQuery-en .el-tabs__content {
  height: 100% !important;
  overflow: hidden;
  position: relative;
}
.en-US .deviceHealthQuery-en .dateWidth {
  width: 140px;
}
.en-US .deviceHealthQuery-en .centerStructure {
  padding-top: 0;
}
.en-US .deviceHealthQuery-en .centerStructure .searchBox .inpType {
  margin: 0px 0px !important;
  margin-right: 0;
}
.en-US .deviceHealthQuery-en .centerStructure .searchBox .el-input-group--prepend .el-input__inner {
  width: 80px;
}
.en-US .deviceHealthQuery-en .centerStructure .searchBox .el-select {
  width: 80px;
}
.en-US .deviceHealthQuery-en .centerStructure .searchBox .wh140 .el-input__inner {
  width: 140px;
}
.en-US .deviceHealthQuery-en .centerStructure .searchBox .wh140 .el-select {
  width: 140px;
}
.en-US .deviceHealthQuery-en .centerStructure .searchBox .echartOrTableTab {
  position: absolute;
  right: 20px;
}
.en-US .deviceHealthQuery-en .centerStructure .el-tabs {
  height: 100%;
}
.en-US .deviceHealthQuery-en .centerStructure .el-tabs .el-tab-pane {
  height: 100%;
}
.en-US .deviceHealthQuery-en .centerStructure .el-tabs .el-tabs__content {
  height: calc(100% - 50px) !important;
}
.en-US .deviceHealthQuery-en .centerStructure .el-tabs .el-tabs__content .meterReading {
  height: 100%;
}
.en-US .deviceHealthQuery-en .centerStructure .nbStatistics .el-dialog__body {
  padding: 0 20px 20px 20px;
}
.en-US .deviceHealthQuery-en .centerStructure .nbStatistics .el-dialog__body .el-table--scrollable-y .el-table__body-wrapper {
  height: 420px !important;
}
.en-US .deviceHealthQuery-en .centerStructure .nbStatistics .nbStatisticsExpButton {
  text-align: right;
  width: 100px;
  position: absolute;
  right: 20px;
  top: 48px;
  z-index: 100;
}
.en-US .deviceHealthQuery-en .centerStructure .nbStatistics .nbStatisticsFoot {
  margin-top: 10px;
  text-align: right;
}
.en-US .deviceHealthQuery-en .el-pagination {
  text-align: right;
  margin-top: 10px;
}
.en-US .deviceHealthQuery-en .el-dialog.dialogChart {
  margin-top: 6vh !important;
}
.en-US .deviceHealthQuery-en .el-dialog.dialogChart .searchBox .el-date-editor.el-range-editor {
  width: 315px;
}
.en-US .deviceHealthQuery-en .echart-box {
  height: 540px;
  overflow-y: auto;
}
.en-US .deviceHealthQuery-en .listSty .el-table--scrollable-y .el-table__body-wrapper {
  height: 496px !important;
}
.en-US .deviceHealthQuery-en .dia-chart {
  width: 1140px;
  height: 260px;
}
.en-US .highsearch .searchalert ul li span.en-special,
.en-US .highsearch .searchalert ul li span.en-special-two {
  width: 100px;
  word-break: break-word;
  white-space: initial;
  margin-right: 10px;
}
.en-US .highsearch .searchalert ul li span.en-special-two {
  line-height: 1.3;
}

.iotCardMgt-en {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
  /*Tab页切换样式调整*/
}
.iotCardMgt-en .el-tabs__content {
  height: 100% !important;
  overflow: hidden;
  position: relative;
}
.iotCardMgt-en .dateWidth {
  width: 140px;
}
.iotCardMgt-en .centerStructure {
  padding-top: 0;
}
.iotCardMgt-en .centerStructure .searchBox .inpType {
  margin: 0px 0px !important;
  margin-right: 0;
}
.iotCardMgt-en .centerStructure .searchBox .el-input-group--prepend .el-input__inner {
  width: 80px;
}
.iotCardMgt-en .centerStructure .searchBox .el-select {
  width: 80px;
}
.iotCardMgt-en .centerStructure .searchBox .wh140 .el-input__inner {
  width: 140px;
}
.iotCardMgt-en .centerStructure .searchBox .wh140 .el-select {
  width: 140px;
}
.iotCardMgt-en .centerStructure .el-tabs {
  height: 100%;
}
.iotCardMgt-en .centerStructure .el-tabs .el-tab-pane {
  height: 100%;
}
.iotCardMgt-en .centerStructure .el-tabs .el-tabs__content {
  height: calc(100% - 50px) !important;
}
.iotCardMgt-en .centerStructure .el-tabs .el-tabs__content .meterReading {
  height: 100%;
}
.iotCardMgt-en .el-pagination {
  text-align: right;
  margin-top: 10px;
}
.iotCardMgt-en .el-dialog.dialogChart {
  margin-top: 6vh !important;
}
.iotCardMgt-en .el-form-item__error {
  width: 210px;
}
.iotCardMgt-en .echart-box {
  height: 540px;
  overflow-y: auto;
}
.iotCardMgt-en .dia-chart {
  width: 1140px;
  height: 260px;
}

.remoteOperate-en .logCmd .el-tabs__header {
  margin-bottom: 0;
}
.remoteOperate-en .logCmd .el-tabs__header .el-tabs__nav {
  margin-left: 20px;
}
.remoteOperate-en .logCmd .el-tabs {
  height: calc(100% - 45px);
}
.remoteOperate-en .logCmd .el-tabs__content {
  height: 100%;
}
.remoteOperate-en .logCmd .el-tabs__content .el-tab-pane {
  height: 100%;
  padding-top: 10px;
}
.logdialog-en {
  padding-left: 20px;
  padding-right: 20px;
  height: 100%;
}
.logdialog-en .col1 {
  color: #6690ff;
}
.logdialog-en .col2 {
  color: #ff002b;
}
.logdialog-en .col3 {
  color: #00b77e;
}
.logdialog-en .el-dropdown .el-button-group .el-button--primary:first-child {
  cursor: not-allowed;
}
.logdialog-en .el-table .el-table__body-wrapper tbody .el-table__row td .cell {
  width: 100% !important;
}
.logdialog-en .searchBox .sepcialSEL {
  width: 100px !important;
}
.logdialog-en .searchBox .el-date-editor {
  width: 240px;
}
.logdialog-en .searchBox .el-date-editor .el-input__icon.el-range__close-icon {
  width: 0px;
}
.logdialog-en .searchBox .seltree .el-select-dropdown {
  position: absolute !important;
}
.logdialog-en .searchBox .searchTree .el-select {
  width: 180px !important;
}
.logdialog-en .searchBox .searchTree .el-select-dropdown {
  width: 294px;
}
.logdialog-en .searchBox .searchTree .el-select-dropdown .el-select-dropdown__item {
  width: 292px !important;
}
.logdialog-en .el-dropdown .el-button-group {
  display: flex;
}

.commanddialog-en {
  display: flex;
  height: 500px;
  padding-right: 20px;
}
.commanddialog-en .leftCon {
  width: 280px;
  padding-top: 20px;
  border-right: 1px solid #dadada;
}
.commanddialog-en .leftCon .tree-box {
  height: 448px;
}
.commanddialog-en .leftCon .tree-box .overauto {
  padding: 0;
  width: 279px;
}
.commanddialog-en .leftCon .tree-box .overauto .el-tree {
  margin-top: 0px;
}
.commanddialog-en .rightCon {
  flex: 1;
  padding-left: 15px;
  padding-top: 20px;
  position: relative;
}
.commanddialog-en .rightCon p {
  text-align: center;
  margin-bottom: 10px;
  font-size: 16px;
}
.commanddialog-en .rightCon h2 {
  color: #ea0407;
  margin-bottom: 8px;
}
.commanddialog-en .rightCon .table {
  position: absolute;
  width: 100%;
  padding-right: 0px;
}
.commanddialog-en .rightCon .table .el-input-group__append,
.commanddialog-en .rightCon .table .el-input-group__prepend {
  padding: 0 10px;
}
.commanddialog-en .rightCon .table .cellEdit {
  display: flex;
}
.commanddialog-en .rightCon .table .cellEdit .el-select {
  width: 100%;
}
.commanddialog-en .rightCon .table .unit {
  line-height: 32px;
  white-space: nowrap;
  text-indent: 5px;
}
.commanddialog-en .rightCon .table .el-table__row {
  height: 49px !important;
}
.commanddialog-en .rightCon .cmdBtn {
  text-align: center;
  margin-top: 30px;
}
.commanddialog-en .mulSelect {
  width: 100%;
}
.commanddialog-en .mulSelect .el-select__tags > span {
  display: flex;
}
.commanddialog-en .mulSelect .el-select__tags .el-tag:first-child {
  white-space: nowrap;
  width: 175px;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
}
.commanddialog-en .selfdia .el-dialog__header {
  display: none;
}
.commanddialog-en .selfdia .diabox {
  padding-top: 20px;
}
.commanddialog-en .selfdia .diabox .diaitem {
  margin: 15px 0;
}
.commanddialog-en .selfdia .diabox .diaitem > span {
  display: block;
  margin-bottom: 5px;
}
.commanddialog-en .el-dialog__body {
  padding-top: 0px;
  padding-right: 15px !important;
  padding-left: 15px;
}
.commanddialog-en .el-dialog__body .el-table__header {
  width: 685px !important;
}
.commanddialog-en .lh32 {
  line-height: 32px;
}
.commanddialog-en .uploadBox {
  display: flex;
}
.commanddialog-en .fileDetail {
  margin-top: 10px;
}
.commanddialog-en .upload-demo .el-upload-list {
  width: 372px;
}
.commanddialog-en .upload-demo .el-upload-list > li {
  width: 312px;
}
.commanddialog-en .upload-demo .el-upload {
  position: absolute;
  top: 0px;
  left: 316px;
}
.commanddialog-en .upload-demo .lableTips {
  color: #464042;
  margin-left: 10px;
}
.commanddialog-en .upload-demo .browseBtn {
  height: 32px;
}
.commanddialog-en .upload-demo .tips-icon {
  top: 4px;
}
.theme2 .commanddialog-en .leftCon {
  border-color: #494949;
}

.batchSend-en {
  width: 1200px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
}
.batchSend-en .searchBox .upload-demo .el-upload-list {
  margin-right: 0;
  width: 315px;
  height: 33px;
}
.batchSend-en .searchBox .upload-demo .el-upload {
  position: initial;
  margin-left: 0;
}
.batchSend-en .searchBox .upload-demo .el-upload-list__item-status-label {
  display: none;
}
.batchSend-en .foot {
  padding-top: 10px;
  display: flex;
  flex-direction: row-reverse;
}
.batchSend-en .susmsg {
  height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
}
.batchSend-en .col2 {
  color: #ff002b;
}
.batchSend-en .col1 {
  color: #00b77e;
}

.insStatistics-en {
  height: calc(100% - 30px);
}
.insStatistics-en .searchBox {
  margin-top: 10px;
}
.insStatistics-en .searchBox .el-date-editor {
  width: 240px;
}
.insStatistics-en .searchBox .el-date-editor .el-input__icon.el-range__close-icon {
  width: 0;
}
.insStatistics-en .part-down {
  width: 100%;
  height: 97%;
}
.insStatistics-en .part-down .part-left {
  padding-left: 20px;
  padding-right: 20px;
  float: left;
  width: 60%;
  height: 100%;
  border-right: 1px solid #dadada;
}
.insStatistics-en .part-down .part-right {
  padding-left: 20px;
  padding-right: 20px;
  float: right;
  width: 40%;
  height: 100%;
}
.insStatistics-en .part-down .part-right .right-child {
  width: 100%;
  height: 43.6%;
  position: relative;
}
.insStatistics-en .part-down .part-right .right-child .remark {
  position: absolute;
  top: 93%;
  right: 0;
  z-index: 1;
}
.insStatistics-en .part-down .echarts-dom {
  height: 100%;
}
.theme2 .insStatistics-en .part-down .part-left {
  border-right: 1px solid #494949;
}

.remoteOperate-en {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  position: relative;
  display: flex;
}
.remoteOperate-en .el-drawer__header {
  font-size: 16px;
  padding: 10px 20px;
  margin-bottom: 0;
}
.remoteOperate-en .centerStructure {
  padding-top: 0;
}
.remoteOperate-en .centerStructure .searchBox .tips-icon {
  position: relative;
  right: -10px;
}
.remoteOperate-en .centerStructure .el-dropdown .el-button .iconfont {
  font-size: 13px;
}
.remoteOperate-en .parentDialog {
  display: flex;
  justify-content: center;
  align-items: center;
}
.remoteOperate-en .parentDialog .el-dialog__body {
  padding-right: 20px;
}
.remoteOperate-en .parentDialog .el-dialog {
  position: fixed;
  transform: none;
  top: initial;
}
.remoteOperate-en .parentDialog.logCmd .el-drawer__header {
  padding: 0;
  border: none;
  z-index: 10;
}
.remoteOperate-en .parentDialog.logCmd .el-drawer__close-btn {
  position: absolute;
  right: 20px;
  top: 10px;
}
.remoteOperate-en .textarea {
  padding-right: 20px;
  display: flex;
}
.remoteOperate-en .textarea span {
  display: inline-block;
  width: 85px;
  word-break: break-word;
}
.remoteOperate-en .textarea:first-child {
  margin-bottom: 20px;
}
.remoteOperate-en .emptyBlock {
  height: 600px;
}
.remoteOperate-en .highsearch .searchalert ul li span {
  width: 120px;
}

.OpenServiceConfigure-en {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.OpenServiceConfigure-en .special {
  display: flex;
}
.OpenServiceConfigure-en .special .radio-special {
  margin-left: 40px;
}
.OpenServiceConfigure-en .editTable td,
.OpenServiceConfigure-en .editTable th {
  padding: 4px 0;
}
.OpenServiceConfigure-en .el-tag,
.OpenServiceConfigure-en el-tag--success,
.OpenServiceConfigure-en el-tag--small,
.OpenServiceConfigure-en el-tag--light {
  width: 80px;
}
.OpenServiceConfigure-en .classButton {
  margin-bottom: 10px;
}
.OpenServiceConfigure-en .limitClass {
  margin-bottom: 0px !important;
}

.OpenServiceGrant {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.OpenServiceGrant .special {
  display: flex;
}
.OpenServiceGrant .special .radio-special {
  margin-left: 40px;
}
.OpenServiceGrant .el-tag,
.OpenServiceGrant el-tag--success,
.OpenServiceGrant el-tag--small,
.OpenServiceGrant el-tag--light {
  width: 60px;
}
.selectWidth .el-select-dropdown__empty {
  width: 140px;
}

.serverMonitoring-en {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.serverMonitoring-en .centerStructure {
  box-sizing: border-box;
  overflow: auto;
}
.serverMonitoring-en .centerStructure .inline {
  display: flex;
  width: 500px;
  justify-content: space-between;
}
.serverMonitoring-en .centerStructure .topLine {
  border-radius: 10px;
  background: #fafafa;
  width: 100%;
  padding: 10px;
  line-height: 32px;
}
.serverMonitoring-en .centerStructure .topLine .bordContent {
  width: 400px;
  font-weight: bold;
}
.serverMonitoring-en .centerStructure .el-tabs {
  height: calc(100% - 100px);
}
.serverMonitoring-en .centerStructure .el-tabs .el-tabs__content {
  height: calc(100% - 50px);
  overflow: visible;
}
.serverMonitoring-en .centerStructure .el-tabs .el-tabs__content .chartsStyle {
  height: calc(100% - 30px);
  display: flex;
  flex-direction: column;
}
.serverMonitoring-en .centerStructure .el-tabs .el-tabs__content .chartsStyle .chartStyle {
  flex: 1;
}
.serverMonitoring-en .centerStructure .el-tabs .el-tabs__content .chartsStyle .chartStyle ul {
  height: 100%;
  display: flex;
}
.serverMonitoring-en .centerStructure .el-tabs .el-tabs__content .chartsStyle .chartStyle ul li {
  flex: 1;
  padding-top: 10px;
  position: relative;
}
.serverMonitoring-en .centerStructure .el-tabs .el-tabs__content .chartsStyle .chartStyle ul li .lintit {
  position: absolute;
  margin-bottom: 0px;
}
.serverMonitoring-en .centerStructure .el-tabs .el-tabs__content .chartsStyle .chartStyle ul li .echarts-dom {
  height: 100%;
}
.serverMonitoring-en .centerStructure .el-range-editor--small.el-input__inner {
  width: 310px;
}
.serverMonitoring-en .centerStructure .timeTypeButtonStyle {
  display: flex;
  position: relative;
}
.serverMonitoring-en .centerStructure .timeTypeButtonStyle .button-groups-bg {
  margin-right: 10px;
  height: 32px;
}
.serverMonitoring-en .centerStructure .timeTypeButtonStyle .button-groups-bg li {
  margin-bottom: 0;
}
.serverMonitoring-en .centerStructure .searchStyle {
  height: 32px;
  margin-left: 10px;
}
.serverMonitoring-en .centerStructure .processStyle {
  width: 100%;
  height: 100%;
  display: flex;
}
.serverMonitoring-en .centerStructure .processStyle .tableLeftStyle {
  flex: 1;
  padding-right: 20px;
}
.serverMonitoring-en .centerStructure .processStyle .chartsRightStyle {
  flex: 1;
}
.serverMonitoring-en .centerStructure .processStyle .chartsRightStyle .rightContent {
  width: 100%;
  height: calc(100% - 40px);
}
.serverMonitoring-en .centerStructure .processStyle .chartsRightStyle .rightContent ul {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.serverMonitoring-en .centerStructure .processStyle .chartsRightStyle .rightContent ul li {
  flex: 1;
  padding-top: 10px;
  position: relative;
}
.serverMonitoring-en .centerStructure .processStyle .chartsRightStyle .rightContent ul li .lintit {
  position: absolute;
  margin-bottom: 0px;
}
.serverMonitoring-en .centerStructure .processStyle .chartsRightStyle .rightContent ul li .echarts-dom {
  height: 100%;
}
.serverMonitoring-en .centerStructure .drawContain {
  height: 100%;
  width: 100%;
  padding: 10px 20px 20px 20px;
  display: flex;
}
.serverMonitoring-en .centerStructure .drawContain .leftTable {
  flex: 7;
}
.serverMonitoring-en .centerStructure .drawContain .rightForm {
  flex: 2;
}
.serverMonitoring-en .centerStructure .el-drawer__wrapper .el-drawer__header {
  font-size: 16px;
  padding: 10px 20px;
  margin-bottom: 0;
}
.serverMonitoring-en .centerStructure .el-dialog__body {
  padding-right: 20px;
}
.serverMonitoring-en .centerStructure .drawer-footer {
  position: absolute;
  right: 20px;
  bottom: 20px;
}
.serverMonitoring-en .centerStructure .lineWidth {
  width: 220px;
}
.theme2 .serverMonitoring-en .topLine {
  background: #494949;
}

.systemParameter {
  position: relative;
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
}
.systemParameter .tableicon {
  cursor: pointer;
  margin: 0 8px;
  color: #6690ff;
}
.systemParameter .theText {
  width: 100%;
  height: 70px;
}

.systemTrafficAnalysis-en {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.systemTrafficAnalysis-en .special {
  box-sizing: border-box;
  overflow: auto;
  background: #f6f4fc !important;
  box-shadow: none;
  padding: 0;
}
.systemTrafficAnalysis-en .special .searchBox {
  background: #fff;
  box-shadow: 0 0 3px rgba(68, 48, 96, 0.2);
  height: 50px;
  padding: 10px 0 0 20px;
}
.systemTrafficAnalysis-en .special .centerDiv {
  height: calc(100% - 60px);
}
.systemTrafficAnalysis-en section {
  display: flex;
  margin-bottom: 10px;
  height: 256px;
}
.systemTrafficAnalysis-en section:last-child {
  margin: 0;
  height: calc(100% - 532px);
}
.systemTrafficAnalysis-en section .item {
  border-radius: 4px;
  box-shadow: 0 0 3px rgba(68, 48, 96, 0.2);
  margin-right: 10px;
  background: #fff;
  padding: 10px;
}
.systemTrafficAnalysis-en section .item:last-child {
  margin: 0;
}
.systemTrafficAnalysis-en section .wid50 {
  width: 49%;
}
.systemTrafficAnalysis-en section .firstItem {
  flex: 1;
}
.systemTrafficAnalysis-en section .firstItem .lintit {
  margin-bottom: 0;
}
.systemTrafficAnalysis-en section .firstItem .chart {
  width: 100%;
  height: calc(100% - 24px);
  position: relative;
  z-index: 1;
}
.systemTrafficAnalysis-en .drawer .el-drawer__header {
  font-size: 16px;
  padding: 10px 20px;
  margin-bottom: 0px;
}
.systemTrafficAnalysis-en .drawer .centerStructure {
  width: 100%;
  margin: 0;
}
.theme2 .systemTrafficAnalysis-en .special {
  background: #18191b !important;
}
.theme2 .systemTrafficAnalysis-en .searchBox {
  background: #2a2b2d;
}
.theme2 .systemTrafficAnalysis-en section .item {
  background: #2a2b2d;
}

.customerDictionary-en {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.customerDictionary-en .el-dialog__body {
  padding-right: 20px;
}

.customerParameter-en {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.customerParameter-en .centerStructure {
  overflow-y: auto;
}
.customerParameter-en .centerStructure .formbox {
  max-height: 5555px;
  height: 1200px!important;
  overflow: hidden;
}
.customerParameter-en .centerStructure .formbox .remark {
  float: left;
  margin-left: 20px;
}
.customerParameter-en .centerStructure .formbox .el-input-group__append,
.customerParameter-en .centerStructure .formbox .el-input-group__prepend {
  padding: 5px;
  color: #909399;
}
.customerParameter-en .centerStructure .formbox .el-input {
  float: left;
}
.customerParameter-en .centerStructure .formbox .verificationYear .el-form-item--small .el-form-item__error {
  margin-top: -10px;
}
.customerParameter-en .centerStructure .formbox .inputLabel {
  width: 100%;
}
.customerParameter-en .centerStructure .formbox .inputLabel .el-form-item__label {
  width: 200px !important;
}
.customerParameter-en .centerStructure .formbox .leftSpan {
  margin-left: 21px;
}
.customerParameter-en .centerStructure .formbox .timeWidth {
  width: 92px;
}
.customerParameter-en .centerStructure .formbox .el-input--suffix .el-input__inner {
  padding-right: 10px;
}
.customerParameter-en .centerStructure .myButton {
  margin-left: 18%;
}
.customerParameter-en .centerStructure .myButtonCalculation {
  margin-left: 20px;
  float: left;
}
.customerParameter-en .centerStructure .el-form-item__error {
  left: 80px;
}
.customerParameter-en .centerStructure .resInput {
  width: 142px;
}

.lowCodeConfig-en {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.lowCodeConfig-en .cname {
  width: 140px;
}
.lowCodeConfig-en .tableicon {
  display: flex;
  font-size: 16px;
  justify-content: space-between;
}

.partitionParameter-en {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.partitionParameter-en .centerStructure .formbox {
  max-height: 5555px;
  height: 850px;
  overflow: hidden;
}
.partitionParameter-en .centerStructure .formbox .remark {
  float: left;
  margin-left: 20px;
}
.partitionParameter-en .centerStructure .formbox .el-input-group__append,
.partitionParameter-en .centerStructure .formbox .el-input-group__prepend {
  padding: 5px;
  color: #909399;
}
.partitionParameter-en .centerStructure .formbox .el-input {
  float: left;
}
.partitionParameter-en .centerStructure .formbox .verificationYear .el-form-item--small .el-form-item__error {
  margin-top: -10px;
}
.partitionParameter-en .centerStructure .formbox .inputLabel {
  width: 100%;
}
.partitionParameter-en .centerStructure .formbox .inputLabel .el-form-item__label {
  width: 200px !important;
}
.partitionParameter-en .centerStructure .formbox .leftSpan {
  margin-left: 21px;
}
.partitionParameter-en .centerStructure .formbox .timeWidth {
  width: 92px;
}
.partitionParameter-en .centerStructure .formbox .el-input--suffix .el-input__inner {
  padding-right: 10px;
}
.partitionParameter-en .centerStructure .myButton {
  margin-left: 18%;
}
.partitionParameter-en .centerStructure .myButtonCalculation {
  margin-left: 20px;
  float: left;
}
.partitionParameter-en .centerStructure .el-form-item__error {
  left: 80px;
}
.partitionParameter-en .centerStructure .resInput {
  width: 142px;
}

.surveillanceVideo {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.surveillanceVideo .el-dialog__body {
  padding-right: 20px;
}

.departmentManager-en {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.departmentManager-en .operation-btn {
  margin-top: 30px;
  text-align: right;
}
.departmentManager-en .parent-node {
  font-size: 14px;
  font-weight: bold;
  color: #555;
  padding: 10px 0;
}
.departmentManager-en .el-col-5 {
  width: 276px;
  margin-right: 40px;
}
.departmentManager-en .sangezi {
  width: 276px;
  margin-left: -14px;
}
.departmentManager-en .el-tabs__content .el-form {
  width: 934px;
}
.departmentManager-en .el-tabs__content .el-form .el-input {
  width: 200px;
}
.departmentManager-en .centerStructure {
  padding-top: 0;
}
.departmentManager-en .el-radio.is-bordered + .el-radio.is-bordered {
  margin-left: 2px;
}
.departmentManager-en .formbox {
  overflow: hidden;
}

.roleManager-en {
  position: relative;
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
}
.roleManager-en .formbox {
  margin-right: 20px;
  overflow: hidden;
  max-height: 750px;
}
.roleManager-en .formbox .part1 {
  width: 300px;
}
.roleManager-en .formbox .part1 .wh210 {
  width: 210px;
}
.roleManager-en .formbox .part2 {
  width: 240px;
  margin-left: 20px;
  border: 1px solid #ebeef5;
}
.roleManager-en .formbox .part3 {
  width: 240px;
  margin-left: 20px;
}
.roleManager-en .formbox .openbox {
  height: 500px;
  display: flex;
}
.roleManager-en .formbox .openbox .tree-box .overauto .el-tree {
  height: 400px;
  overflow-y: auto;
}
.roleManager-en .formbox .openbox .el-table__body-wrapper {
  height: 458px !important;
  overflow-y: auto;
}
.roleManager-en .formbox .el-form-item--mini.el-form-item,
.roleManager-en .formbox .el-form-item--small.el-form-item {
  margin-bottom: 20px;
}
.theme2 .roleManager-en .formbox .part2 {
  border-color: #494949;
}

.userManager-en {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}

.notfound[data-v-096e5ba8] {
  display: flex;
  height: 100vh;
  justify-content: center;
  align-items: center;
}
.notfound img[data-v-096e5ba8] {
  max-width: 612px;
  max-height: 575px;
  width: 100vmin;
  height: 100vmin;
}

.blankPage[data-v-eb3af404] {
  width: 100%;
  height: 100vh;
  background: #fff;
}

.agreement[data-v-e2f3be2e] {
  position: relative;
}
.agreement .fixed[data-v-e2f3be2e] {
  position: fixed;
  top: 20px;
  left: 20px;
  display: flex;
  flex-direction: column;
  font-weight: bold;
  line-height: 30px;
}
.agreement .fixed a[data-v-e2f3be2e] {
  color: #404042;
}
.agreement .indent2[data-v-e2f3be2e] {
  text-indent: 2em;
}
.agreement p[data-v-e2f3be2e] {
  line-height: 32px;
  font-size: 14px;
}
.agreement .font-color[data-v-e2f3be2e] {
  color: inherit;
}
.agreement .title[data-v-e2f3be2e] {
  font-size: 30px;
  line-height: 100px;
  text-align: center;
}
.agreement h3[data-v-e2f3be2e] {
  font-size: 18px;
  line-height: 40px;
}
.agreement .box-bor[data-v-e2f3be2e] {
  box-sizing: border-box;
}
.agreement header[data-v-e2f3be2e] {
  height: 90px;
  width: 100%;
  border-bottom: 1px solid #51637a;
}
.agreement .header-wrap[data-v-e2f3be2e] {
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 40px;
}
.agreement .header-text[data-v-e2f3be2e] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 20px;
}
.agreement .header-text p[data-v-e2f3be2e] {
  margin: 0;
  padding: 0;
}
.agreement .content-warp[data-v-e2f3be2e] {
  display: flex;
  height: calc(100% - 91px);
  width: 100%;
}
.agreement main[data-v-e2f3be2e] {
  width: 100%;
  overflow: auto;
}
.agreement article[data-v-e2f3be2e] {
  margin: 40px 200px;
  margin-top: 10px;
  text-align: justify;
  letter-spacing: 1.2px;
}

.businessClassificationReport {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.businessClassificationReport .el-tabs {
  height: 40px!important;
}
.businessClassificationReport .el-tabs__header {
  padding: 0;
  position: relative;
  margin: -10px 0 10px;
}
.businessClassificationReport .centerStructure {
  padding-top: 0;
}
.businessClassificationReport #yearMonthTable .is-group tr:nth-child(3) {
  display: none !important;
}

.addressBook {
  position: relative;
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
}

.cusServiceReport {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.cusServiceReport .el-cascader__tags .el-tag {
  max-width: 100px;
}
.cusServiceReport .el-tabs {
  height: 40px!important;
}
.cusServiceReport .el-tabs__header {
  padding: 0;
  position: relative;
  margin: -10px 0 10px;
}
.cusServiceReport .centerStructure {
  padding-top: 0;
}
.cusServiceReport #yearMonthTable .is-group tr:nth-child(3) {
  display: none!important;
}

.callMonitoring[data-v-a9c6e692] {
  position: relative;
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
}
.callMonitoring .up-class[data-v-a9c6e692] {
  height: 40%;
}
.callMonitoring .down-class[data-v-a9c6e692] {
  height: 60%;
  display: flex;
}
.callMonitoring .down-class .down-class-one[data-v-a9c6e692] {
  width: 50%;
  padding-right: 10px;
}
.callMonitoring .down-class .down-class-two[data-v-a9c6e692] {
  width: 50%;
  padding-left: 10px;
}
.callMonitoring .title-class[data-v-a9c6e692] {
  width: 100px;
  align-self: center;
}
.callMonitoring .title-class-one[data-v-a9c6e692] {
  margin-top: 5px;
  margin-bottom: 5px;
  height: 32px;
}

.recordingManagement[data-v-afa309de] {
  position: relative;
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
}
.recordingManagement .minSelect[data-v-afa309de] {
  min-width: 14px;
}
.recordingManagement .dialog[data-v-afa309de] {
  width: 100%;
  height: 100%;
  justify-content: space-around;
}
.recordingManagement .dialog .dialogUp .firstline[data-v-afa309de] {
  justify-content: space-around;
  background: #fafafa;
  display: flex;
  padding: 10px 10px;
  margin-bottom: 10px;
  overflow: hidden;
}
.recordingManagement .dialog .dialogUp .firstline > li[data-v-afa309de] {
  max-width: 240px;
  display: flex;
}
.recordingManagement .dialog .dialogUp .firstline > li > span[data-v-afa309de] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.recordingManagement .dialog .dialogUp .firstline > li > span[data-v-afa309de]:last-child {
  font-weight: bold;
}
.recordingManagement .dialog .dialogUp .firstline > li > span.elli[data-v-afa309de] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 330px;
  min-width: 0px;
}
.theme2 .dialog[data-v-afa309de] {
  width: 100%;
  height: 100%;
  justify-content: space-around;
}
.theme2 .dialog .dialogUp .firstline[data-v-afa309de] {
  justify-content: space-around;
  display: flex;
  padding: 10px 10px;
  margin-bottom: 10px;
  background: #404042;
}
.theme2 .dialog .dialogUp .firstline > li[data-v-afa309de] {
  max-width: 240px;
  display: flex;
}
.theme2 .dialog .dialogUp .firstline > li > span[data-v-afa309de] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.theme2 .dialog .dialogUp .firstline > li > span[data-v-afa309de]:last-child {
  font-weight: bold;
}
.theme2 .dialog .dialogUp .firstline > li > span.elli[data-v-afa309de] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 330px;
  min-width: 0px;
}

.returnVisitManagement {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.returnVisitManagement .centerStructure {
  padding-top: 0;
}
.returnVisitManagement .centerStructure .searchBox .el-input-group--prepend .el-input__inner {
  width: 155px;
}
.returnVisitManagement .centerStructure .formBox {
  padding-right: 20px;
  max-height: 611px;
  overflow-y: hidden;
}
.returnVisitManagement .centerStructure .el-drawer__wrapper .el-drawer__header {
  font-size: 16px;
  padding: 10px 20px;
  margin-bottom: 10px;
}
.returnVisitManagement .centerStructure .wh300 {
  width: 200px;
}
.returnVisitManagement .centerStructure .dialog-footer {
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.agentTrafficReport[data-v-06a5def8] {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}

.comprehensiveTrafficReport[data-v-b7844ca4] {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}

.statisticCS[data-v-8b6e19a4] {
  display: flex;
  height: 100%;
}
.statisticCS .centerStructure[data-v-8b6e19a4] {
  overflow: auto;
}
.statisticCS .firstItem[data-v-8b6e19a4] {
  height: 36%;
  display: flex;
}
.statisticCS .firstItem .bet[data-v-8b6e19a4] {
  flex: 1.2;
}
.statisticCS .firstItem .cen[data-v-8b6e19a4] {
  flex: 2;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.statisticCS .firstItem .cen .content[data-v-8b6e19a4] {
  flex: 1;
  height: 100%;
}
.statisticCS .firstItem .cen .content .flex[data-v-8b6e19a4] {
  display: flex;
  height: calc(100% - 24px);
}
.statisticCS .firstItem .cen .content .mid[data-v-8b6e19a4] {
  width: 50%;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
}
.statisticCS .firstItem .cen .content .mid[data-v-8b6e19a4]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.statisticCS .firstItem .cen .content .mid[data-v-8b6e19a4]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.statisticCS .firstItem .cen .content .mid[data-v-8b6e19a4]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.statisticCS .firstItem .cen .content .mid[data-v-8b6e19a4]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.statisticCS .firstItem .cen .content .mid[data-v-8b6e19a4] .chartMid {
  width: 100%;
  height: 100%;
}
.statisticCS .firstItem .cen .content .mid[data-v-8b6e19a4] .chartMid > div {
  width: 100% !important;
}
.statisticCS .firstItem .cen .line[data-v-8b6e19a4] {
  height: 80%;
  width: 1px;
  background: #dcdfe6;
}
.statisticCS .itemdown[data-v-8b6e19a4] {
  height: 40%;
}
.statisticCS .postab[data-v-8b6e19a4] {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
}
.statisticCS[data-v-8b6e19a4] .chart {
  height: calc(100% - 24px);
  width: 100%;
}
.statisticCS[data-v-8b6e19a4] .chart > div:first-child {
  width: 100% !important;
}
.statisticCS[data-v-8b6e19a4] .chart > div > canvas {
  width: 100% !important;
}
.statisticCS .title[data-v-8b6e19a4] {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
.theme2 .statisticCS .firstItem .cen .line[data-v-8b6e19a4] {
  background: #494949;
}

.knowledgeBase[data-v-3f0ca456] {
  display: flex;
  height: 100%;
}
.knowledgeBase .spec-radio[data-v-3f0ca456] {
  display: block;
  text-align: center;
  margin-bottom: 10px;
  white-space: nowrap;
  overflow: auto;
}
.knowledgeBase .spec-radio[data-v-3f0ca456] .el-radio-button--small .el-radio-button__inner {
  padding: 8px 10px;
}
.knowledgeBase .left[data-v-3f0ca456] {
  width: 240px;
  height: 100%;
  border-right: 1px solid #dadada;
  padding-top: 15px;
  padding-right: 20px;
}
.knowledgeBase .left .tree-box[data-v-3f0ca456] {
  height: calc(100vh - 290px);
}
.knowledgeBase .left .tree-box[data-v-3f0ca456] .treesearch {
  padding: 0;
}
.knowledgeBase .left .tree-box[data-v-3f0ca456] .overauto {
  width: 220px;
  height: calc(100% - 30px);
  padding: 0;
}
.knowledgeBase .right[data-v-3f0ca456] {
  width: calc(100% - 240px);
  height: 100%;
  padding-top: 15px;
  padding-left: 20px;
}
.knowledgeBase .right .cname2[data-v-3f0ca456] {
  width: 200px;
}
.knowledgeBase .right .table-con[data-v-3f0ca456] {
  width: 100%;
  height: 100%;
}
.knowledgeBase .article-title[data-v-3f0ca456] {
  font-weight: bold;
}
.knowledgeBase .article[data-v-3f0ca456] {
  cursor: pointer;
  overflow: hidden;
  /* 隐藏溢出的内容 */
  display: -webkit-box;
  /* 使用WebKit盒模型 */
  -webkit-line-clamp: 2;
  /* 限制显示的行数为2 */
  -webkit-box-orient: vertical;
  /* 垂直排列盒模型 */
  text-overflow: ellipsis;
  /* 溢出文本显示为点点点 */
}
.knowledgeBase .article[data-v-3f0ca456] i {
  font-style: italic;
}
.knowledgeBase[data-v-3f0ca456] .el-dialog__body {
  padding-right: 20px;
}
.knowledgeBase .html[data-v-3f0ca456] {
  max-height: 500px;
  min-height: 300px;
  overflow: auto;
}
.knowledgeBase .html h1[data-v-3f0ca456],
.knowledgeBase .html .key[data-v-3f0ca456],
.knowledgeBase .html .time[data-v-3f0ca456] {
  text-align: center;
  line-height: 28px;
}
.knowledgeBase .html .key[data-v-3f0ca456] {
  margin-bottom: 10px;
}
.knowledgeBase .html[data-v-3f0ca456] i {
  font-style: italic;
}
.theme2 .knowledgeBase .left[data-v-3f0ca456] {
  border-color: #494949;
}

.historyRecord[data-v-ad118eb4] {
  width: 100%;
  height: 100%;
  padding-top: 15px;
}
.historyRecord .table-con[data-v-ad118eb4] {
  width: 100%;
  height: 100%;
}
.historyRecord .searchBox .el-date-editor.el-range-editor[data-v-ad118eb4] {
  width: 240px;
}
.historyRecord[data-v-ad118eb4] .el-date-editor .el-range__close-icon {
  width: 10px;
}
.historyRecord .wh140[data-v-ad118eb4] {
  width: 140px;
}
.historyRecord .wh140 input[data-v-ad118eb4] {
  width: 140px;
}
.historyRecord .wh123[data-v-ad118eb4] {
  width: 123px;
}
[data-v-ad118eb4] .el-input-group {
  width: auto;
}
.wh123[data-v-ad118eb4] {
  width: 123px;
}
.searchBox[data-v-ad118eb4] .el-input-group--prepend .el-select .el-input__inner {
  width: 123px;
}


[data-v-4f77a6b6] .recordList .el-dialog__body {
  padding-right: 20px;
}
[data-v-4f77a6b6] .recordList .top-con {
  height: 80px;
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}
[data-v-4f77a6b6] .recordList .top-con .con {
  display: flex;
  align-items: center;
}
[data-v-4f77a6b6] .recordList .top-con .con > span {
  font-size: 18px;
}
[data-v-4f77a6b6] .recordList .top-con .con .inputBig {
  width: 260px;
}
[data-v-4f77a6b6] .recordList .top-con .con .inputBig input {
  height: 46px;
  font-size: 22px;
  font-weight: bold;
}
[data-v-4f77a6b6] .recordList .top-con .con button {
  height: 46px;
  margin-left: -4px;
  font-size: 18px;
  margin-right: 15px;
}
[data-v-4f77a6b6] .recordList .top-con .tips-btn {
  position: absolute;
  right: 0;
  top: 0;
}
[data-v-4f77a6b6] .recordList .el-tabs__header {
  margin: 0;
}
[data-v-4f77a6b6] .recordList .el-tabs__content {
  height: 440px;
}
[data-v-4f77a6b6] .recordList .el-tab-pane {
  height: 100%;
}
[data-v-4f77a6b6] .recordList .tongxun {
  padding-top: 0;
  display: flex;
  height: 100%;
}
[data-v-4f77a6b6] .recordList .tongxun .left {
  width: 240px;
  height: 100%;
  border-right: 1px solid #dadada;
}
[data-v-4f77a6b6] .recordList .tongxun .left .tree-box {
  padding-top: 15px;
  height: calc(100vh - 290px);
}
[data-v-4f77a6b6] .recordList .tongxun .left .tree-box /deep/ .treesearch {
  padding: 0;
}
[data-v-4f77a6b6] .recordList .tongxun .left .tree-box /deep/ .overauto {
  width: 220px;
  height: calc(100% - 30px);
  padding: 0;
}
[data-v-4f77a6b6] .recordList .hovitem {
  cursor: pointer;
}
[data-v-4f77a6b6] .recordList .hovitem:hover {
  color: #6690ff;
}
.wh140[data-v-4f77a6b6] {
  width: 140px;
}
.theme2 .recordList .tongxun .left[data-v-4f77a6b6] {
  border-color: #494949;
}


[data-v-d2da44c6] .el-dialog__body {
  padding: 0 20px;
}
.userInfoDetail .content[data-v-d2da44c6] {
  display: flex;
  height: 650px;
}
.userInfoDetail .content .left[data-v-d2da44c6] {
  width: 255px;
  height: 100%;
  border-right: 1px solid #dadada;
  padding-top: 15px;
  padding-right: 15px;
}
.userInfoDetail .content .left .tree-box[data-v-d2da44c6] {
  height: calc(100% - 35px);
}
.userInfoDetail .content .left .tree-box[data-v-d2da44c6] .treesearch {
  padding: 0;
}
.userInfoDetail .content .left .tree-box[data-v-d2da44c6] .overauto {
  padding: 0;
}
.userInfoDetail .content .left .tree-box[data-v-d2da44c6] .overauto .el-tree {
  height: calc(100% - 16px);
}
.userInfoDetail .content .right[data-v-d2da44c6] {
  width: calc(100% - 255px);
  padding-top: 15px;
  padding-left: 15px;
}
.userInfoDetail .wh123[data-v-d2da44c6] {
  width: 123px;
}
.userInfoDetail .selected[data-v-d2da44c6] {
  color: #6690ff;
  cursor: pointer;
}
.wh123[data-v-d2da44c6] {
  width: 123px;
}
.theme2 .recordList .tongxun .left[data-v-d2da44c6] {
  border-color: #494949;
}
.theme2 .userInfoDetail .content .left[data-v-d2da44c6] {
  border-color: #494949;
}

.userInfoTab[data-v-5a4b73b0] {
  padding: 15px 0px;
  display: flex;
  flex-direction: column;
  overflow: auto;
  height: 100%;
}
.userInfoTab[data-v-5a4b73b0]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.userInfoTab[data-v-5a4b73b0]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.userInfoTab[data-v-5a4b73b0]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.userInfoTab[data-v-5a4b73b0]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.userInfoTab .ul-con[data-v-5a4b73b0] {
  margin-bottom: 20px;
}
.userInfoTab .ul-con > ul[data-v-5a4b73b0] {
  display: flex;
}
.userInfoTab .ul-con > ul > li[data-v-5a4b73b0] {
  flex: 1;
  min-width: 230px;
  height: 36px;
  display: flex;
  align-items: center;
}
.userInfoTab .ul-con > ul > li.fx2[data-v-5a4b73b0] {
  flex: 2;
}
.userInfoTab .ul-con > ul > li > span[data-v-5a4b73b0] {
  display: inline-block;
  width: 100px;
  text-align: right;
}
.userInfoTab .ul-con > ul > li p[data-v-5a4b73b0] {
  width: calc(100% - 100px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: bold;
}

.receiveTab[data-v-377d59e0] {
  height: 100%;
  padding-top: 15px;
}

.arrearageTab[data-v-533f9476] {
  height: 100%;
  padding-top: 15px;
}

.paymentTab[data-v-278c9898] {
  height: 100%;
  padding-top: 15px;
}

.readMeterTab[data-v-54eba25e] {
  height: 100%;
  padding-top: 15px;
}

.changeTab[data-v-2294c743] {
  height: 100%;
  padding-top: 15px;
}

.receiptTab[data-v-66b8c8d1] {
  height: 100%;
  padding-top: 15px;
}

.changeMeterTab[data-v-284b4984] {
  height: 100%;
  padding-top: 15px;
}
.changeMeterTab .detailbox[data-v-284b4984] {
  overflow-y: auto;
  height: 560px;
}
.changeMeterTab .detailbox .col .row[data-v-284b4984] {
  display: flex;
}
.changeMeterTab .detailbox .col .row li[data-v-284b4984] {
  width: 430px;
  text-align: center;
  line-height: 32px;
  background: #f9f9f9;
  border-bottom: 3px solid #fff;
  border-left: 3px solid #fff;
}
.changeMeterTab .detailbox .col .row li[data-v-284b4984]:first-child {
  width: 120px;
  background: #f2f2f2;
  border-left: none;
  font-weight: bold;
}
.changeMeterTab .detailbox .col .row li.colspan[data-v-284b4984] {
  width: 860px;
  padding-left: 20px;
  background: #f2f2f2 !important;
  text-align: initial;
}
.changeMeterTab .detailbox .col[data-v-284b4984]:first-child {
  font-weight: bold;
}
.changeMeterTab .detailbox .col:nth-child(odd) li[data-v-284b4984]:nth-child(2) {
  background: #edf4ed;
}
.changeMeterTab .detailbox .col:nth-child(odd) li[data-v-284b4984]:nth-child(3) {
  background: #f4eded;
}

.onlineServiceTab[data-v-11a230e4] {
  height: 100%;
  /* 加载状态样式 */
  /* 成功状态样式 */
}
.onlineServiceTab .top[data-v-11a230e4] {
  display: flex;
  height: 80%;
  border-bottom: 1px solid #ebebeb;
}
.onlineServiceTab .bottom[data-v-11a230e4] {
  height: 20%;
  padding: 10px;
  position: relative;
}
.onlineServiceTab .bottom .border[data-v-11a230e4] {
  border-radius: 5px;
  border: 1px solid #DCDFE6;
  height: 100%;
}
.onlineServiceTab .bottom .border[data-v-11a230e4] .el-textarea {
  height: 100%;
}
.onlineServiceTab .bottom .border[data-v-11a230e4] .el-textarea__inner {
  border: none;
  height: 72%;
}
.onlineServiceTab .bottom .button[data-v-11a230e4] {
  position: absolute;
  display: flex;
  bottom: 20px;
  right: 22px;
}
.onlineServiceTab .iconBox[data-v-11a230e4] {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.onlineServiceTab .iconBox.icon1[data-v-11a230e4] {
  background: #6690ff;
}
.onlineServiceTab .iconBox.icon1 > i[data-v-11a230e4] {
  font-size: 26px;
  color: #fff;
}
.onlineServiceTab .iconBox.icon2[data-v-11a230e4] {
  background: #00bf24;
}
.onlineServiceTab .iconBox.icon2 > i[data-v-11a230e4] {
  font-size: 30px;
  color: #f7f7f7;
}
.onlineServiceTab .iconBox.icon3[data-v-11a230e4] {
  background: #00bf24;
  position: relative;
}
.onlineServiceTab .iconBox.icon3 > i[data-v-11a230e4] {
  font-size: 30px;
  color: #fff;
}
.onlineServiceTab .iconBox.icon4[data-v-11a230e4] {
  background: #9b9b9b;
  position: relative;
}
.onlineServiceTab .iconBox.icon4 > i[data-v-11a230e4] {
  font-size: 30px;
  color: #fff;
}
.onlineServiceTab .content[data-v-11a230e4] {
  margin: 0 15px;
  max-width: calc(100% - 68px);
}
.onlineServiceTab .content .name[data-v-11a230e4] {
  max-width: calc(100% - 82px);
  font-weight: 500;
  margin-right: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.onlineServiceTab .content .title[data-v-11a230e4] {
  display: flex;
  flex-direction: row-reverse;
}
.onlineServiceTab .content .msg[data-v-11a230e4] {
  display: inline-block;
  align-items: center;
  overflow-wrap: anywhere;
  background-color: #f7f7f7;
  border-radius: 10px;
  line-height: 34px;
  padding: 5px 15px;
  margin-top: 5px;
  max-width: 100%;
  min-height: 44px;
}
.onlineServiceTab .content .back-color1[data-v-11a230e4] {
  background-color: #deeaff;
}
.onlineServiceTab .content .back-color2[data-v-11a230e4] {
  background-color: #e4e7eb;
}
.onlineServiceTab .content .new-msg[data-v-11a230e4] {
  width: 100%;
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.onlineServiceTab .content .new-msg > span[data-v-11a230e4] {
  display: inline-block;
  max-width: calc(100% - 70px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.onlineServiceTab .content .new-msg .wid100[data-v-11a230e4] {
  max-width: 100%;
}
.onlineServiceTab .content .space-between[data-v-11a230e4] {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.onlineServiceTab .content .right-msg[data-v-11a230e4] {
  display: flex;
  justify-content: flex-end;
}
.onlineServiceTab .top-left[data-v-11a230e4] {
  width: 70%;
  height: 100%;
  overflow-y: auto;
  padding: 0 30px;
  padding-top: 15px;
  background-color: #f5f7fa;
}
.onlineServiceTab .top-left[data-v-11a230e4]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.onlineServiceTab .top-left[data-v-11a230e4]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.onlineServiceTab .top-left[data-v-11a230e4]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.onlineServiceTab .top-left[data-v-11a230e4]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.onlineServiceTab .top-left .line[data-v-11a230e4] {
  height: 1px;
  margin: 20px 0;
  display: block;
  width: 100%;
  background-color: #DCDFE6;
  position: relative;
}
.onlineServiceTab .top-left .line .loadMore[data-v-11a230e4] {
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
  background-color: #f5f7fa;
  padding: 0 20px;
  font-weight: 500;
  color: #303133;
  cursor: pointer;
}
.onlineServiceTab .top-left .display-left[data-v-11a230e4] {
  display: flex;
  margin-bottom: 20px;
}
.onlineServiceTab .top-left .display-left[data-v-11a230e4]:last-child {
  margin-bottom: 50px;
}
.onlineServiceTab .top-left .display-right[data-v-11a230e4] {
  display: flex;
  margin-bottom: 15px;
  flex-direction: row-reverse;
}
.onlineServiceTab .top-left .el-divider__text[data-v-11a230e4] {
  background-color: #f5f7fa;
}
.onlineServiceTab .top-right[data-v-11a230e4] {
  width: 30%;
  height: 100%;
  padding-top: 15px;
  border-left: 1px solid #ebebeb;
  background-color: #f0f3f7;
}
.onlineServiceTab .top-right .user-list[data-v-11a230e4] {
  height: calc(100% - 50px);
  overflow-y: auto;
  margin-top: 10px;
}
.onlineServiceTab .top-right ul[data-v-11a230e4] {
  display: flex;
  justify-content: center;
}
.onlineServiceTab .top-right ul li[data-v-11a230e4] {
  width: 45%;
  border: 1px solid #ebebeb;
  border-radius: 3px;
  cursor: pointer;
  height: 35px;
  text-align: center;
  line-height: 35px;
  background-color: #fff;
}
.onlineServiceTab .top-right ul .activeUl[data-v-11a230e4] {
  border: 1px solid #6690ff;
  color: #6690ff;
}
.onlineServiceTab .top-right .display[data-v-11a230e4] {
  display: flex;
  height: 66px;
  margin: 10px 0;
  align-items: center;
  position: relative;
  padding: 5px 15px;
}
.onlineServiceTab .top-right .display[data-v-11a230e4]:first-child {
  margin-top: 0;
}
.onlineServiceTab .top-right .display .content[data-v-11a230e4] {
  max-width: 100%;
}
.onlineServiceTab .top-right .display .wid1[data-v-11a230e4] {
  margin-right: 0;
  width: calc(100% - 48px);
  height: 100%;
  line-height: 25px;
  margin-left: 10px;
}
.onlineServiceTab .top-right .display .wid2[data-v-11a230e4] {
  margin-right: 0;
  width: calc(100% - 48px);
  height: 100%;
  line-height: 25px;
  margin-left: 10px;
}
.onlineServiceTab .top-right .display .red-point[data-v-11a230e4] {
  position: absolute;
  top: 12px;
  left: 42px;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  z-index: 10;
  background-color: red;
}
.onlineServiceTab .top-right .display[data-v-11a230e4]:hover {
  background-color: #deeaff;
}
.onlineServiceTab .top-right .display-active[data-v-11a230e4] {
  background-color: #deeaff;
}
.onlineServiceTab .top-right .button[data-v-11a230e4] {
  color: #fff;
  width: 55px;
  height: 25px;
  margin-left: 10px;
  cursor: pointer;
  border-radius: 3px;
  text-align: center;
  line-height: 24px;
}
.onlineServiceTab .top-right .button .el-dropdown[data-v-11a230e4] {
  vertical-align: top;
}
.onlineServiceTab .top-right .button .el-dropdown + .el-dropdown[data-v-11a230e4] {
  margin-left: 15px;
}
.onlineServiceTab .top-right .button .el-icon-arrow-down[data-v-11a230e4] {
  font-size: 12px;
}
.onlineServiceTab .top-right .accept[data-v-11a230e4] {
  background-color: #bababa;
}
.onlineServiceTab .top-right .no-accept[data-v-11a230e4] {
  background-color: #6690ff;
}
.onlineServiceTab .file-loading[data-v-11a230e4] {
  min-height: 80px;
  min-width: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.onlineServiceTab .file-success[data-v-11a230e4] {
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.onlineServiceTab .file-success-left[data-v-11a230e4] {
  justify-content: left;
}
.onlineServiceTab .file-success-right[data-v-11a230e4] {
  justify-content: right;
}
.onlineServiceTab .uploaded-image[data-v-11a230e4] {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  border-radius: 4px;
}
.online-service-class[data-v-11a230e4] {
  max-width: 300px;
}
.online-service-class > li[data-v-11a230e4] {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.online-service-class2 > button[data-v-11a230e4]:disabled {
  background: #a0cfff;
  color: #fff;
}
.theme2 .top[data-v-11a230e4] {
  border-bottom: 1px solid #494949;
}
.theme2 .bottom .border[data-v-11a230e4] {
  border: 1px solid #494949;
}
.theme2 .bottom .border[data-v-11a230e4] .el-textarea {
  height: 100%;
  border: 1px solid #494949;
}
.theme2 .top-left[data-v-11a230e4] {
  background-color: #202021;
}
.theme2 .top-left .line[data-v-11a230e4] {
  background-color: #494949;
}
.theme2 .top-left .line .loadMore[data-v-11a230e4] {
  background-color: #202021;
  color: #B7B7B7;
}
.theme2 .top-right[data-v-11a230e4] {
  background-color: #181819;
  border-left: 1px solid #494949;
}
.theme2 .top-right ul li[data-v-11a230e4] {
  border: 1px solid #6690FF19;
  background-color: #2a2b2d;
}
.theme2 .top-right ul .activeUl[data-v-11a230e4] {
  border: 1px solid #6690FF;
  color: #6690FF;
}
.theme2 .top-right .display[data-v-11a230e4]:hover {
  background-color: #6690FF19;
}
.theme2 .top-right .display-active[data-v-11a230e4] {
  background-color: #6690FF19;
}
.theme2 .content .back-color1[data-v-11a230e4] {
  background-color: #6690FF19;
}
.theme2 .content .back-color2[data-v-11a230e4] {
  background-color: #2a2b2d;
}

.workbenchCS[data-v-f2e7d38c] {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  position: relative;
  overflow: auto;
}
.workbenchCS[data-v-f2e7d38c]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.workbenchCS[data-v-f2e7d38c]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.workbenchCS[data-v-f2e7d38c]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.workbenchCS[data-v-f2e7d38c]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.workbenchCS .foldBtn[data-v-f2e7d38c] {
  width: 10px;
  height: 100px;
  position: absolute;
  top: 50%;
  margin-top: -30px;
  background: #45c0e3;
  cursor: pointer;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.workbenchCS .foldBtn i[data-v-f2e7d38c] {
  color: #fff;
}
.workbenchCS[data-v-f2e7d38c] .orderDiaClass .el-dialog__body {
  padding-right: 20px;
}
.top-con[data-v-f2e7d38c],
.left-stable[data-v-f2e7d38c],
.center[data-v-f2e7d38c],
.right-fold[data-v-f2e7d38c] {
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
}
.top-con[data-v-f2e7d38c] {
  height: 66px;
  background: #fff;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
}
.top-con > div[data-v-f2e7d38c] {
  display: flex;
  height: 100%;
  align-items: center;
}
.top-con .top-left[data-v-f2e7d38c] {
  width: 600px;
}
.top-con .top-center[data-v-f2e7d38c] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.top-con .top-center > div[data-v-f2e7d38c] {
  min-width: 240px;
  font-size: 20px;
}
.top-con .top-center > div[data-v-f2e7d38c]:first-child {
  margin-right: 50px;
}
.top-con .top-right[data-v-f2e7d38c] {
  width: 420px;
}
.top-con .top-right .trl[data-v-f2e7d38c] {
  flex: 1;
  position: relative;
  border-left: 1px solid #dcdfe6;
  border-right: 1px solid #dcdfe6;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
}
.top-con .top-right .trl .lab[data-v-f2e7d38c] {
  margin-right: 5px;
}
.top-con .top-right .trr[data-v-f2e7d38c] {
  flex: 1;
  padding: 0 15px;
  display: flex;
  align-items: center;
}
.top-con .top-right .trr .nameNum[data-v-f2e7d38c] {
  margin-left: 15px;
  width: 120px;
}
.top-con .top-right .trr .nameNum > div[data-v-f2e7d38c] {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
}
.top-con .top-right .trr .nameNum .namev[data-v-f2e7d38c] {
  font-size: 16px;
}
.top-con .top-right .trr .iconfont[data-v-f2e7d38c] {
  font-size: 24px;
}
.top-con[data-v-f2e7d38c] .waihuInp {
  width: 140px;
  margin-left: 10px;
  margin-right: -2px;
  font-weight: bold;
}
.top-con[data-v-f2e7d38c] .waihuInp input {
  font-weight: bold;
}
.hov[data-v-f2e7d38c] .el-icon-search {
  color: #3e6dee;
}
.el-button--info[data-v-f2e7d38c] {
  border: none;
  background-color: #cc4de2;
  border-color: #cc4de2;
}
.el-button--info[data-v-f2e7d38c]:hover {
  border-color: #c662d8;
  background: #c662d8;
}
.el-button--info[data-v-f2e7d38c]:focus,
.el-button--info.is-active[data-v-f2e7d38c],
.el-button--info[data-v-f2e7d38c]:active {
  background: #cc4de2;
}
.el-button--info.is-disabled[data-v-f2e7d38c] {
  background: #c99cd1;
}
.main[data-v-f2e7d38c] {
  display: flex;
  height: calc(100% - 77px);
}
.left-stable[data-v-f2e7d38c] {
  position: relative;
  width: 360px;
  flex-shrink: 0;
  height: 100%;
  background: #fff;
  margin-right: 10px;
  padding: 20px;
  padding-left: 0;
  overflow: auto;
}
.left-stable .btns[data-v-f2e7d38c] {
  display: flex;
  padding-top: 20px;
  justify-content: flex-end;
}
.left-stable .btns[data-v-f2e7d38c] .iconfont {
  font-size: 14px;
}
.left-stable[data-v-f2e7d38c] .el-radio {
  margin-right: 20px;
}
.left-stable[data-v-f2e7d38c] .el-radio:last-child {
  margin: 0;
}
.left-stable .statusBtn[data-v-f2e7d38c] {
  position: absolute;
  right: 20px;
  top: 10px;
}
.line-bar[data-v-f2e7d38c] {
  background: #f6f4fc;
  height: 4px;
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: 8px;
}
.center[data-v-f2e7d38c] {
  flex: 1;
  position: inherit;
  background: #fff;
  padding: 0 20px 15px;
  margin-right: 10px;
}
.center[data-v-f2e7d38c] .el-tabs {
  height: 100%;
}
.center[data-v-f2e7d38c] .el-tabs .el-tabs__header {
  margin: 0;
}
.center[data-v-f2e7d38c] .el-tabs .el-tabs__content {
  height: calc(100% - 24px);
  position: inherit;
}
.center[data-v-f2e7d38c] .el-tabs .el-tabs__content .el-tab-pane {
  width: 100%;
  height: 100%;
}
.right-fold[data-v-f2e7d38c] {
  flex-shrink: 0;
  width: 360px;
  background: #fff;
  padding: 15px 20px;
}
.right-fold .divide[data-v-f2e7d38c] {
  height: calc(50% - 40px);
}
.right-fold .divide > ul[data-v-f2e7d38c] {
  height: 100%;
  overflow: auto;
  margin-right: -20px;
  padding-right: 20px;
}
.right-fold .divide > ul[data-v-f2e7d38c]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.right-fold .divide > ul[data-v-f2e7d38c]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.right-fold .divide > ul[data-v-f2e7d38c]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.right-fold .divide > ul[data-v-f2e7d38c]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.right-fold .divide > ul > li[data-v-f2e7d38c] {
  height: 70px;
  padding: 10px 0;
  border-bottom: 1px solid #dcdfe6;
}
.right-fold .divide > ul > li[data-v-f2e7d38c]:first-child {
  border-top: 1px solid #dcdfe6;
}
.right-fold .divide > ul > li[data-v-f2e7d38c]:last-child {
  border: none;
}
.right-fold .con1 > li[data-v-f2e7d38c] {
  position: relative;
}
.right-fold .con1 > li .text-con[data-v-f2e7d38c] {
  line-height: 24px;
  overflow: hidden;
  /* 隐藏溢出的内容 */
  display: -webkit-box;
  /* 使用WebKit盒模型 */
  -webkit-line-clamp: 2;
  /* 限制显示的行数为2 */
  -webkit-box-orient: vertical;
  /* 垂直排列盒模型 */
  text-overflow: ellipsis;
  /* 溢出文本显示为点点点 */
}
.right-fold .con1 > li .text-con > span[data-v-f2e7d38c] {
  margin-right: 40px;
}
.right-fold .con2 > li[data-v-f2e7d38c] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 26px;
}
.right-fold .con2 > li .iconBox[data-v-f2e7d38c] {
  margin-right: 8px;
}
.right-fold .con2 > li .wt[data-v-f2e7d38c] {
  font-weight: bold;
}
.right-fold .con2 > li .city[data-v-f2e7d38c] {
  margin-right: 6px;
}
.right-fold .con2 > li .left-li[data-v-f2e7d38c] {
  display: flex;
  align-items: center;
}
.right-fold .con2 > li .left-li .nowrap[data-v-f2e7d38c] {
  max-width: 130px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.right-fold .con2 > li .right-li[data-v-f2e7d38c] {
  min-width: 140px;
}
.right-fold .con2 > li .right-li > div[data-v-f2e7d38c] {
  text-align: right;
}
.iconBox[data-v-f2e7d38c] {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.iconBox > i[data-v-f2e7d38c] {
  font-size: 20px;
  color: #fff;
}
.iconBox.icon1[data-v-f2e7d38c] {
  background: #3e6dee;
}
.iconBox.icon2[data-v-f2e7d38c] {
  background: #00bf24;
}
.iconBox.iconGray[data-v-f2e7d38c] {
  background: #dcdfe6;
}
.callingDia .dfx[data-v-f2e7d38c] {
  display: flex;
  height: 100px;
  padding-right: 20px;
  justify-content: center;
  align-items: center;
}
.callingDia .dfx > span[data-v-f2e7d38c] {
  font-size: 16px;
}
.callingDia .dfx p[data-v-f2e7d38c] {
  font-size: 26px;
  font-weight: bold;
}
.callingDia .callbtn[data-v-f2e7d38c] {
  display: flex;
  justify-content: space-around;
}
.callingDia .callbtn .el-button[data-v-f2e7d38c] {
  font-size: 18px;
  padding: 10px 20px;
}
.theme2 .top-con .top-right .trl[data-v-f2e7d38c] {
  border-color: #494949;
}
.theme2 .top-con[data-v-f2e7d38c],
.theme2 .left-stable[data-v-f2e7d38c],
.theme2 .center[data-v-f2e7d38c],
.theme2 .right-fold[data-v-f2e7d38c] {
  background: #2a2b2d;
}
.theme2 .line-bar[data-v-f2e7d38c] {
  background: #18191b;
}
.theme2 .right-fold .divide > ul > li[data-v-f2e7d38c] {
  border-color: #494949;
}

.wh240 {
  width: 240px;
}
.spec-warning.el-button--warning {
  background-color: #e89b58;
}
.spec-warning.el-button--warning:hover {
  border-color: none;
  background: #cea579;
}
.spec-warning.el-button--warning:focus,
.spec-warning.el-button--warning.is-active,
.spec-warning.el-button--warning:active {
  background: #cea579;
}
.spec-warning.el-button--warning.is-disabled {
  background-color: #cea579;
}

.demo[data-v-715b750e] {
  width: 100%;
  height: 100%;
}

.eventManagement {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.eventManagement .vidImg1 {
  width: 71px;
  height: 71px;
  cursor: pointer;
}
.eventManagement .vidImg1 img {
  display: block;
  width: 68%;
  height: 68%;
}
.eventManagement .el-dialog__wrapper {
  z-index: 30 !important;
}
.eventManagement .el-drawer__wrapper .el-drawer__header {
  font-size: 16px;
  padding: 10px 20px;
  margin-bottom: 10px;
}
.eventManagement .el-select-dropdown__empty {
  width: 140px;
}
.eventManagement .inp {
  margin: 0 0;
}
.eventManagement .inp2 {
  margin: 0 0 0 10px;
}
.eventManagement .formBox {
  max-height: 640px;
}
.eventManagement .formBox .inline {
  display: flex;
  width: 640px;
  justify-content: space-between;
}
.eventManagement .formBox .inline .wh200 {
  width: 200px;
}
.eventManagement .formBox .oneLine {
  width: 640px;
}
.eventManagement .formBox .buttomLine {
  margin-top: 20px;
  width: 640px;
  text-align: right;
}
.eventManagement .formBox .picLine {
  height: 70px;
  width: 640px;
  display: flex;
}
.eventManagement .formBox .picLine .picLable {
  width: 84px;
  height: 50px;
  text-align: right;
  line-height: 50px;
  padding-right: 6px;
}
.eventManagement .formBox .picLine .picPart {
  height: 50px;
  width: 540px;
  display: flex;
}
.eventManagement .formBox .picLine .picPart .picContain {
  border: 1px solid #dadada;
  cursor: pointer;
  height: 50px;
  width: 50px;
  margin-right: 10px;
}
.eventManagement .formBox .picLine .picPart .picContain .pic {
  width: 50px;
  height: 50px;
}
.eventManagement .formBox .picLine .picPart .picContain .pic .image-slot {
  position: relative;
  height: 50px;
  line-height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.eventManagement .el-dialog__body {
  padding-right: 20px;
}
.eventManagement .el-dialog__wrapper .el-dialog__body .imgClass {
  width: auto !important;
  margin: auto !important;
}
.eventManagement .el-upload-list--picture-card .el-upload-list__item {
  background-color: #fff;
}
.eventManagement .picRegion.el-dialog__wrapper .el-dialog {
  width: 1200px;
  height: 640px;
  padding-bottom: 20px;
}
.eventManagement .videoClass .el-dialog__body {
  padding-right: 0 !important;
}
.theme2 .el-upload-list--picture-card .el-upload-list__item {
  background-color: #2a2b2d;
}

.fixtabs[data-v-72be049c] {
  position: relative;
  border-radius: 5px;
  box-shadow: 1px 1px 5px rgba(68, 48, 96, 0.78);
}
.fixtabs > i[data-v-72be049c] {
  position: absolute;
  right: 20px;
  top: 8px;
  cursor: pointer;
  color: #6690ff;
  z-index: 6;
  transition: all 0.3s;
}
.fixtabs .el-fixtab[data-v-72be049c] {
  background: #fff;
}
.fixtabs .el-fixtab[data-v-72be049c] .el-tabs__header {
  padding: 0 20px;
}
.fixtabs .el-fixtab[data-v-72be049c] .el-tabs__content {
  transition: all 0.3s;
  max-height: 700px;
}
.fixtabs .el-fixtab[data-v-72be049c] .el-tabs__content::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.fixtabs .el-fixtab[data-v-72be049c] .el-tabs__content::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.fixtabs .el-fixtab[data-v-72be049c] .el-tabs__content::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.fixtabs .el-fixtab[data-v-72be049c] .el-tabs__content::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.fixtabs .el-fixtab .empty[data-v-72be049c] {
  height: 54px;
}
.fixtabs .el-fixtab section[data-v-72be049c] {
  padding: 0 20px;
}
.fixtabs footer[data-v-72be049c] {
  line-height: 54px;
  text-align: right;
  border-top: 1px solid #dfdfdf;
  padding-right: 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 9;
  width: 100%;
  background: #fff;
}
.theme2 .fixtabs[data-v-72be049c] {
  box-shadow: 1px 1px 5px rgba(255, 255, 255, 0.2);
}
.theme2 .fixtabs .el-fixtab[data-v-72be049c] {
  background: #2a2b2d;
}
.theme2 .fixtabs footer[data-v-72be049c] {
  background: #2a2b2d;
  border-color: #494949;
}

.inspectionArea {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.inspectionArea .el-popover__reference-wrapper {
  position: absolute;
  top: 9px;
  left: 110px;
}
.inspectionArea .leftStructure {
  width: 580px;
}
.inspectionArea .leftStructure .save-style {
  margin-left: 434px;
  margin-top: 5px;
  position: absolute;
}
.inspectionArea .leftStructure .inputName {
  width: 350px;
}
.inspectionArea .lintit {
  margin-left: 10px;
  margin-top: 10px;
}
.inspectionArea .marginleft10 {
  margin-left: 10px;
}
.inspectionArea .centerStructure {
  padding: 10px;
}
.inspectionArea #inspectionAreaMap {
  height: 100%;
  width: 100%;
  position: relative;
}
.inspectionArea .rightFloatingStyle {
  min-width: 0;
  word-wrap: break-word;
  background-color: #ffffffdb;
  background-clip: border-box;
  position: absolute;
  top: 20px;
  right: 30px;
}
.inspectionArea .checkStyle {
  padding: 10px 30px 10px 30px;
}
.inspectionArea .width260 {
  width: 260px;
}
.inspectionArea .ptjcd {
  width: 19px;
  height: 19px;
  background: url(../img/jianchadian_pt.31214496.png) no-repeat center;
  background-size: 100% 100%;
  vertical-align: middle;
  margin-left: 10px;
  display: inline-block;
}
.inspectionArea .zdjcd {
  width: 19px;
  height: 19px;
  background: url(../img/jianchadian_zd.651f5e6d.png) no-repeat center;
  background-size: 100% 100%;
  vertical-align: middle;
  margin-left: 10px;
  display: inline-block;
}
.theme2 .inspectionArea .rightFloatingStyle {
  background: #2a2b2d;
}

.inspectionOverview {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.inspectionOverview .topDiv {
  height: 300px;
  width: 100%;
  display: flex;
}
.inspectionOverview .topDiv .echarts_dom1 {
  width: 100%;
  height: 100%;
}
.inspectionOverview .topDiv .echarts_dom2 {
  width: 100%;
  height: 100%;
}
.inspectionOverview .bottomDiv {
  height: calc(100% - 300px);
}

.inspectionPlan {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.inspectionPlan .formbox {
  padding-right: 0;
  margin-right: 20px;
  overflow: hidden;
  max-height: 750px;
}
.inspectionPlan .formbox .openbox {
  display: flex;
}
.inspectionPlan .formbox .el-textarea .el-textarea__inner {
  resize: none;
}
.inspectionPlan .formbox #pipeNetworkMonitoringMap {
  height: 100%;
  width: 100%;
  position: relative;
}
.inspectionPlan .formbox .part2 {
  width: 650px;
  margin-left: 20px;
  border: 1px solid #ebeef5;
}
.inspectionPlan .formbox .popupStyle {
  position: absolute;
  top: 0;
  left: 0;
  padding: 5px;
  border: 1px solid #F2F2F2;
  box-shadow: 3px 3px 5px #555555;
  background: rgba(255, 255, 255, 0.85);
  border-radius: 4px;
  padding-bottom: 10px;
  padding-top: 10px;
}
.inspectionPlan .formbox .marginleft10 {
  margin-left: 10px;
}
.inspectionPlan .formbox .popupLabel {
  padding-left: 20px;
  padding-right: 5px;
  width: 190px;
  word-break: break-all;
}
.theme2 .inspectionPlan .popupStyle {
  background: rgba(0, 0, 0, 0.88);
  border: none;
  box-shadow: 0px 0px 5px #1a1a1a;
}

.inspectionTask {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.inspectionTask .searchBox .el-date-editor.el-range-editor {
  width: 355px !important;
}
.inspectionTask .inspectionTaskDrawer .el-drawer__header {
  font-size: 16px;
  padding: 10px 20px;
  margin-bottom: 25px;
}
.inspectionTask .formboxIspTask {
  padding-right: 0;
  margin: 0 20px;
  overflow: hidden;
  height: 100%;
}
.inspectionTask .formboxIspTask .twoTabWidth {
  width: 570px;
}
.inspectionTask .formboxIspTask .openbox {
  display: flex;
  min-height: 710px;
}
.inspectionTask .formboxIspTask .part1 {
  height: 720px;
  width: 650px;
  margin-left: 10px;
}
.inspectionTask .formboxIspTask .part1 .part1Top {
  height: 350px;
}
.inspectionTask .formboxIspTask .part1 .part1Top .inline {
  width: 100%;
  display: flex;
}
.inspectionTask .formboxIspTask .part1 .part1Top .inline .wh200 {
  width: 215px;
}
.inspectionTask .formboxIspTask .part1 .part1Top .inline .wh540 {
  width: 540px;
}
.inspectionTask .formboxIspTask .part2 {
  width: calc(100% - 650px);
  height: 720px;
}
.inspectionTask .formboxIspTask .part2 #inspectionTaskMap {
  height: 100%;
  width: 100%;
  position: relative;
}
.inspectionTask .formboxIspTask .popupStyle {
  position: absolute;
  top: 0;
  left: 0;
  padding: 5px;
  border: 1px solid #F2F2F2;
  box-shadow: 3px 3px 5px #555555;
  background: rgba(255, 255, 255, 0.85);
  border-radius: 4px;
  padding-bottom: 10px;
  padding-top: 10px;
}
.inspectionTask .formboxIspTask .marginleft10 {
  margin-left: 10px;
}
.inspectionTask .formboxIspTask .popupLabel {
  padding-left: 20px;
  padding-right: 5px;
  width: 190px;
  word-break: break-all;
}
.inspectionTask .ptjcd {
  width: 19px;
  height: 19px;
  background: url(../img/jianchadian_pt.31214496.png) no-repeat center;
  background-size: 100% 100%;
  vertical-align: middle;
  margin-left: 10px;
  display: inline-block;
}
.inspectionTask .zdjcd {
  width: 19px;
  height: 19px;
  background: url(../img/jianchadian_zd.651f5e6d.png) no-repeat center;
  background-size: 100% 100%;
  vertical-align: middle;
  margin-left: 10px;
  display: inline-block;
}
.inspectionTask .rightFloatingStyle {
  background-color: #ffffffdb;
  position: absolute;
  top: 80px;
  right: 700px;
  z-index: 100;
}
.inspectionTask .rightFloatingStyle .padinit {
  padding: 8px 20px;
}
.inspectionTask .elTable {
  width: 100%;
}
.inspectionTask .elTable .el-table__header-wrapper table,
.inspectionTask .elTable .el-table__body-wrapper table {
  width: 100% !important;
}
.inspectionTask .elTable .el-table__body,
.inspectionTask .elTable .el-table__footer,
.inspectionTask .elTable .el-table__header {
  table-layout: auto;
}
.theme2 .inspectionTask .rightFloatingStyle {
  background: #2a2b2d;
  position: absolute;
  top: 80px;
  right: 700px;
}

.inspectionWatch {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.inspectionWatch .wh140 {
  width: 140px!important;
}
.inspectionWatch .wh100 {
  width: 100px!important;
}
.inspectionWatch .mar10 {
  margin-left: 10px;
}
.inspectionWatch .centerStructure {
  padding: 10px;
}
.inspectionWatch .centerStructure .formbox .wh540 {
  width: 527px !important;
}
.inspectionWatch #insWatchMap {
  height: 100%;
  width: 100%;
  position: relative;
}
.inspectionWatch .leftFloatingStyle {
  min-width: 0;
  word-wrap: break-word;
  background-color: #ffffffdb;
  background-clip: border-box;
  position: absolute;
  top: 20px;
  left: 50px;
}
.inspectionWatch .leftFloatingStyle .el-table {
  margin-bottom: 20px;
}
.inspectionWatch .rightFloatingStyle {
  min-width: 0;
  word-wrap: break-word;
  background-color: #ffffffdb;
  background-clip: border-box;
  position: absolute;
  top: 20px;
  right: 30px;
}
.inspectionWatch .existsCheckStyle {
  display: flex;
  padding: 10px 30px 10px 30px;
}
.inspectionWatch .btn-spe {
  position: relative;
  margin-right: 20px;
  margin-top: -3px;
}
.inspectionWatch .el-table .warning-row {
  background: oldlace;
}
.inspectionWatch .el-table .success-row {
  background: #f0f9eb;
}
.theme2 .inspectionWatch .rightFloatingStyle {
  background: #2a2b2d;
}
.el-dropdown-menu__item.active-InspectionWatch {
  color: #409EFF;
}
.theme2 .el-dropdown-menu__item.active-InspectionWatch {
  color: #409EFF;
}

.el-time-range-picker__body {
  border: 0px solid #494949;
}
.pressureDispatchingScheme {
  width: 1860px;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
  border-radius: 4px;
  box-shadow: 0px 0px 0px rgba(68, 48, 96, 0.2);
}
.pressureDispatchingScheme .leftStructure {
  overflow: hidden;
  width: 240px;
  height: 100%;
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgb(68 48 4.8%);
  margin-right: 10px;
  flex-shrink: 0;
}
.pressureDispatchingScheme .leftStructure .tree-box {
  height: calc(100vh - 176px);
}
.pressureDispatchingScheme .leftStructure .tree-box .overauto {
  width: 240px;
  height: 100%;
  overflow: auto;
  padding: 0 10px;
}
.pressureDispatchingScheme .leftStructure .tree-box .overauto .el-tree-node {
  white-space: nowrap;
  outline: 0;
}
.pressureDispatchingScheme .centerStructure {
  overflow: auto;
  width: 100%;
  height: 100%;
  margin-right: 0px;
}
.pressureDispatchingScheme .centerStructure .searchBox {
  width: 100%;
  margin-bottom: 5px;
  display: flex;
}
.pressureDispatchingScheme .centerStructure .cont-right-w {
  display: flex;
  flex-direction: column;
  height: 95%;
}
.pressureDispatchingScheme .centerStructure .cont-right-w .up-region {
  display: flex;
  position: relative;
  height: 45%;
  width: 100%;
}
.pressureDispatchingScheme .centerStructure .cont-right-w .down-region {
  display: flex;
  position: relative;
  height: 45%;
  width: 100%;
}

.theme2 .pressureGradientScheme .floatingStyle {
  background: #2a2b2d;
  border: 1px solid #2a2b2d;
}
.theme2 .pressureGradientScheme .popupStyle {
  background: rgba(0, 0, 0, 0.88);
  border: none;
  box-shadow: 0px 0px 5px #1a1a1a;
}
#pressureMap {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.pressureGradientScheme {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  position: relative;
  display: flex;
  background: #ffffff;
  border-radius: 4px;
  flex-direction: row;
}
.pressureGradientScheme .amap-marker-label {
  border: none;
  background: none;
  padding: 0;
}
.pressureGradientScheme .el-dialog__headerbtn {
  top: 9px;
  right: 9px;
}
.pressureGradientScheme .staticBox {
  margin-left: 10px;
  margin-right: 10px;
}
.pressureGradientScheme .popupStyle {
  height: auto;
  position: relative;
  top: 0;
  left: 0;
  border: 1px solid #F2F2F2;
  box-shadow: 3px 3px 5px #555555;
  background: rgba(255, 255, 255, 0.85);
  border-radius: 4px;
  padding: 10px 5px;
}
.pressureGradientScheme .popupStyle .popupTitle {
  font-weight: bold;
  width: 180px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pressureGradientScheme .floatingStyle {
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  position: absolute;
  border: 1px solid #EBEEF5;
}
.pressureGradientScheme .checkStyle {
  padding: 10px 30px 10px 30px;
}
.pressureGradientScheme .rightFloatingStyle {
  min-width: 0;
  word-wrap: break-word;
  background-color: #ffffffdb;
  background-clip: border-box;
  position: absolute;
  top: 20px;
  right: 30px;
}
.pressureGradientScheme .echarts-dom {
  width: 100%;
  height: 69%;
}
.pressureGradientScheme .echarts-dom2 {
  width: 100%;
  height: 332px;
}

.selfWidth .el-select-dropdown__empty {
  width: 194px;
}
.waterDispatchingScheme {
  padding-right: 10px;
  width: 100%;
  height: 100%;
  position: relative;
}
.waterDispatchingScheme .centerStructure {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
  background: #ffffff;
  border-radius: 4px;
  flex-direction: column;
}
.waterDispatchingScheme .up {
  border-bottom: 2px solid #dadada73;
  width: 100%;
  height: 411px;
  display: flex;
}
.waterDispatchingScheme .down {
  width: 100%;
  height: 374px;
  display: flex;
}
.waterDispatchingScheme .echarts-dom {
  width: 100%;
  height: 351px;
}
.waterDispatchingScheme .echarts-dom2 {
  width: 100%;
  height: 351px;
}

.alarmInformationAudit {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  padding-right: 10px;
  display: flex;
  position: relative;
}
.alarmInformationAudit .wh80 {
  width: 80px!important;
}
.alarmInformationAudit .wh80 .el-input__inner {
  width: 80px!important;
}
.alarmInformationAudit .button-groups-bg li span {
  margin-right: 0 !important;
}
.alarmInformationAudit .big-select {
  width: 240px;
}
.alarmInformationAudit .big-select .el-select--small {
  width: 140px !important;
}
.alarmInformationAudit .tree-box {
  height: calc(100vh - 176px);
}
.alarmInformationAudit .el-tabs {
  height: 100%;
}
.alarmInformationAudit .el-tabs .el-tab-pane {
  height: 100%;
}
.alarmInformationAudit .el-tabs .el-tabs .el-tabs--top {
  height: 100%;
}
.alarmInformationAudit .el-tabs .el-tabs__header {
  margin: 0 0 10px;
}
.alarmInformationAudit .el-tabs .el-tabs__content {
  height: calc(100% - 50px) !important;
}
.alarmInformationAudit .centerStructure {
  display: flex;
  flex-direction: column;
  padding-top: 0;
  overflow: hidden;
  margin-right: 0;
}
.alarmInformationAudit .centerStructure .btn-cls {
  display: flex;
  position: relative;
  min-height: 40px;
}
.alarmInformationAudit .centerStructure .btn-cls .label {
  line-height: 30px;
  min-width: 70px;
}
.theme2 .alarmInformationAudit .el-textarea .el-input__count {
  color: #b7b7b7;
  background: #2a2b2d;
}

.alarmLog {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}
.alarmLog .centerStructure {
  padding-top: 0;
}
.alarmLog .centerStructure .el-dialog__wrapper {
  z-index: 30 !important;
}
.alarmLog .centerStructure .el-drawer__wrapper .el-drawer__header {
  font-size: 16px;
  padding: 10px 20px;
  margin-bottom: 10px;
}
.alarmLog .centerStructure .el-dialog__body {
  padding-right: 20px !important;
}
.alarmLog .centerStructure .PlayVideo {
  padding-right: 0;
}
.alarmLog .centerStructure .tab-second {
  width: 100%;
  height: 100%;
}
.alarmLog .centerStructure .tab-second .special-tabs {
  width: 100%;
  height: 100%;
}
.alarmLog .centerStructure .tab-second .special-tabs .el-tabs__header {
  width: 209px;
  height: 34px;
}
.alarmLog .centerStructure .tab-second .special-tabs .el-tabs__header .el-tabs__nav {
  border-color: #6690ff;
  border: none;
}
.alarmLog .centerStructure .tab-second .special-tabs .el-tabs__header .el-tabs__nav .el-tabs__item {
  height: 34px;
  line-height: 34px;
  border: 1px solid #e4e7ed;
  border-left: none;
  font-size: 14px;
}
.alarmLog .centerStructure .tab-second .special-tabs .el-tabs__header .el-tabs__nav .el-tabs__item:first-child {
  border-left: 1px solid #e4e7ed;
}
.alarmLog .centerStructure .tab-second .special-tabs .el-tabs__header .el-tabs__nav .el-tabs__item.is-active {
  border: 1px solid #6690ff;
}
.alarmLog .centerStructure .tab-second .initEdit.special-tabs {
  width: 100%;
  height: 100%;
}
.alarmLog .centerStructure .tab-second .initEdit.special-tabs .el-tabs__content {
  width: 100%;
  height: calc(100% - 34px);
  overflow: initial;
}
.alarmLog .centerStructure .tab-second .initEdit.special-tabs .el-tabs__content .el-tab-pane {
  height: 0;
}
.alarmLog .centerStructure .tab-second .initEdit.special-tabs .el-tabs__content .seachQuery {
  height: 34px;
  position: absolute;
  top: -43px;
  left: 210px;
}
.alarmLog .centerStructure .tab-second .initEdit.special-tabs .el-tabs__content .echartsAll {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  /*第一行*/
  /*第二行*/
  /*第三行*/
}
.alarmLog .centerStructure .tab-second .initEdit.special-tabs .el-tabs__content .echartsAll .firstPic {
  height: 33%;
  min-height: 243px;
  width: 100%;
  display: flex;
}
.alarmLog .centerStructure .tab-second .initEdit.special-tabs .el-tabs__content .echartsAll .firstPic .firstPicLi {
  flex: 1;
  position: relative;
  /*圆环中心值样式*/
}
.alarmLog .centerStructure .tab-second .initEdit.special-tabs .el-tabs__content .echartsAll .firstPic .firstPicLi .totalCount {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 70px;
  height: 30px;
  margin-left: -35px;
  margin-top: -10px;
  font-size: 20px;
  text-align: center;
  color: #3fdeae;
}
.alarmLog .centerStructure .tab-second .initEdit.special-tabs .el-tabs__content .echartsAll .firstPic .firstPicLi .echartRing {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.alarmLog .centerStructure .tab-second .initEdit.special-tabs .el-tabs__content .echartsAll .secondPic {
  height: 33%;
  min-height: 243px;
  width: 100%;
  display: flex;
}
.alarmLog .centerStructure .tab-second .initEdit.special-tabs .el-tabs__content .echartsAll .secondPic .secondPicLi {
  flex: 1;
}
.alarmLog .centerStructure .tab-second .initEdit.special-tabs .el-tabs__content .echartsAll .secondPic .secondPicLi .echartSecond {
  width: 100%;
  height: 100%;
}
.alarmLog .centerStructure .tab-second .initEdit.special-tabs .el-tabs__content .echartsAll .thirdPic {
  height: 34%;
  min-height: 243px;
  width: 100%;
  display: flex;
}
.alarmLog .centerStructure .tab-second .initEdit.special-tabs .el-tabs__content .echartsAll .thirdPic .thirdPicLi {
  flex: 1;
}
.alarmLog .centerStructure .tab-second .initEdit.special-tabs .el-tabs__content .echartsAll .thirdPic .thirdPicLi .echartThird {
  width: 100%;
  height: 100%;
}
.theme2 .alarmLog .centerStructure .tab-second .special-tabs .el-tabs__header .el-tabs__nav .el-tabs__item {
  border-color: #494949;
}


[data-v-868d079e] .el-dialog__body {
  padding: 0 !important;
  padding-bottom: 20px !important;
}
.addAlarmScheme[data-v-868d079e] {
  height: 480px;
  border-bottom: 1px solid #dadada;
  display: flex;
}
.addAlarmScheme .formbox[data-v-868d079e] {
  width: 1020px;
  padding-top: 20px;
  border-right: 1px solid #dadada;
  padding: 20px 20px;
}
.addAlarmScheme .formbox .wh880[data-v-868d079e] {
  width: 875px;
}
.addAlarmScheme .formbox .btn[data-v-868d079e] {
  margin-left: 10px;
  margin-bottom: 20px;
}
.addAlarmScheme .lineH32[data-v-868d079e] {
  line-height: 32px;
}
.addAlarmScheme[data-v-868d079e] .iconfont.icon-baocun {
  font-size: 14px;
}
.addAlarmScheme .right-box[data-v-868d079e] {
  flex: 1;
  padding-right: 15px;
  padding-top: 20px;
  padding-left: 10px;
}
.addAlarmScheme .right-box[data-v-868d079e] .tree-box {
  height: 380px;
}
.addAlarmScheme[data-v-868d079e] .el-input-number--small {
  width: 98px;
}
.addAlarmScheme[data-v-868d079e] .el-input-number--small .el-input__inner {
  padding-left: 24px;
  padding-right: 24px;
}
.addAlarmScheme[data-v-868d079e] .el-input-number--small .el-input-number__decrease,
.addAlarmScheme[data-v-868d079e] .el-input-number--small .el-input-number__increase {
  width: 22px;
  font-size: 12px;
}
.addAlarmScheme[data-v-868d079e] .el-date-editor {
  width: 98px;
}
.theme2 .addAlarmScheme[data-v-868d079e] {
  border-bottom: 1px solid #494949;
}
.theme2 .addAlarmScheme .formbox[data-v-868d079e] {
  border-right: 1px solid #494949;
}

.custom[data-v-7e40f2ef] .el-dialog__body {
  padding-top: 20px;
  padding-right: 20px;
}
.notifyDialog[data-v-7e40f2ef] {
  height: 400px;
  overflow: auto;
}
.notifyDialog section[data-v-7e40f2ef] {
  margin-bottom: 10px;
}
.notifyDialog section[data-v-7e40f2ef] .el-checkbox {
  margin-bottom: 10px;
  margin-right: 20px;
}

.alarmPartition {
  margin-top: 20px;
  height: 97%;
}
.alarmPartition .el-dialog__wrapper {
  overflow: hidden;
}

.alarmScheme {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.alarmScheme .centerStructure {
  padding-top: 0;
}
.alarmScheme .centerStructure .alarmFoot {
  float: right;
  padding-right: 903px;
}
.alarmScheme .centerStructure .marT30 {
  margin-top: 30px;
}
.alarmScheme .centerStructure .specialScheme .formbox {
  height: 100% !important;
  max-height: 100% !important;
}
.alarmScheme .el-dialog__body {
  padding-right: 20px;
}
.alarmScheme .cnotent {
  width: 281px;
}
.alarmScheme .ruleWidth {
  width: 200px;
}
.alarmScheme .ruleTwoWidth {
  width: 480px;
}
.alarmScheme .wrap {
  margin: 0 auto;
  width: 100%;
}
.alarmScheme .wrap .dia-tree {
  width: 240px;
  height: 564px;
  float: left;
  border: 1px solid #EBEEF5;
}
.alarmScheme .wrap .dia-tree .tree-box {
  height: 476px;
}
.alarmScheme .wrap .searchBox .iconfont {
  font-size: 14px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.alarmScheme .wrap .dia-table {
  height: 620px;
  margin-left: 250px;
}
.alarmScheme .input-number .el-input {
  width: 88px;
}
.theme2 .alarmScheme .dia-tree {
  border-color: #494949;
}

.keyUserAlarm {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.keyUserAlarm .outCenter {
  position: relative;
  flex: 1;
  width: 800px;
  height: 100%;
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
}
.keyUserAlarm .outCenter .posTree {
  position: absolute;
  top: 54px;
  z-index: 99;
}
.keyUserAlarm .outCenter .el-tabs {
  height: 100%;
}
.keyUserAlarm .outCenter .el-tabs .el-tabs__nav {
  margin-left: 20px;
}
.keyUserAlarm .outCenter .el-tabs .el-tab-pane {
  height: 100%;
}
.keyUserAlarm .outCenter .el-tabs .el-tabs el-tabs--top {
  height: 100%;
}
.keyUserAlarm .outCenter .el-tabs .el-tabs__header {
  margin: 0 0 10px;
}
.keyUserAlarm .outCenter .el-tabs .el-tabs__content {
  height: 100%;
}
.keyUserAlarm .outCenter .el-tabs .el-tabs__content .msg {
  height: 100%;
  display: flex;
}
.keyUserAlarm .outCenter .el-tabs .el-tabs__content .msg .formbox {
  padding-right: 20px;
  max-height: 611px;
  overflow-y: auto;
}
.keyUserAlarm .outCenter .el-tabs .el-tabs__content .msg .formbox .inline {
  display: flex;
  width: 500px;
  justify-content: space-between;
}
.keyUserAlarm .outCenter .el-tabs .el-tabs__content .msg .formbox .inline-two {
  display: flex;
}
.keyUserAlarm .outCenter .el-tabs .el-tabs__content .msg .formbox .inline-two .el-form-item:nth-child(2) {
  margin-left: 40px;
}
.keyUserAlarm .outCenter .el-tabs .el-tab-pane {
  height: 100%;
}
.keyUserAlarm .outCenter .el-tabs .el-tabs__content {
  height: calc(100% - 50px) !important;
}
.keyUserAlarm .outCenter .el-tabs .el-tabs__content .wechat {
  height: 100%;
}
.keyUserAlarm .outCenter .el-tabs .el-tabs__content .wechat .formbox {
  padding-right: 20px;
  max-height: 611px;
  overflow-y: auto;
}
.keyUserAlarm .outCenter .el-tabs .el-tabs__content .wechat .formbox .inline {
  display: flex;
  width: 500px;
  justify-content: space-between;
}
.keyUserAlarm .outCenter .el-tabs .el-tabs__content .wechat .formbox .inline-two {
  display: flex;
}
.keyUserAlarm .outCenter .el-tabs .el-tabs__content .wechat .formbox .inline-two .el-form-item:nth-child(2) {
  margin-left: 40px;
}
.keyUserAlarm .centerStructure {
  display: flex;
  flex-direction: column;
  padding-top: 10px;
  overflow: hidden;
}
.keyUserAlarm .centerStructure .searchBox .el-date-editor.el-range-editor {
  width: 355px;
}
.keyUserAlarm .centerStructure .cnotent {
  width: 100px;
}
.keyUserAlarm .centerStructure .cnotent .el-input__inner {
  width: 100% !important;
}
.keyUserAlarm .centerStructure .cnotent .el-select--small {
  width: 100px !important;
}
.keyUserAlarm .searchBox .el-date-editor.el-range-editor {
  width: 355px;
}
.keyUserAlarm .up-content {
  height: 250px;
  display: flex;
}
.keyUserAlarm .up-content .echarts-dom {
  flex: 1;
  position: relative;
}
.keyUserAlarm .up-content .echarts-dom > div {
  width: 523px;
  height: 250px;
}
.keyUserAlarm .up-content .typeTotal {
  position: absolute;
  display: flex;
  z-index: 1;
  font-size: 20px;
  text-align: center;
  color: #3fdeae;
  justify-content: center;
  align-items: center;
  margin-top: 115px;
  margin-left: 235px;
}
.keyUserAlarm .el-tabs__content {
  height: 100%;
}
.keyUserAlarm .el-dialog__body {
  padding-right: 20px;
}
.keyUserAlarm .down-content {
  height: calc(100% - 332px);
  flex: 1;
}
.keyUserAlarm .wrap {
  margin: 0 auto;
  width: 100%;
}
.keyUserAlarm .cstyle {
  left: 1040px;
}

.partitionAlarmInfo {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  padding-right: 10px;
  display: flex;
  position: relative;
}
.partitionAlarmInfo .el-dialog__wrapper {
  z-index: 300 !important;
}
.partitionAlarmInfo .el-drawer__wrapper .el-drawer__header {
  font-size: 16px;
  padding: 10px 20px;
  margin-bottom: 10px;
}
.partitionAlarmInfo .cnotent {
  width: 240px;
}
.partitionAlarmInfo .cnotent .el-select--small {
  width: 140px !important;
}
.partitionAlarmInfo .outCenter {
  position: relative;
  flex: 1;
  width: 800px;
  height: 100%;
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
}
.partitionAlarmInfo .outCenter .tree-box .overauto {
  height: calc(100% - 48px);
}
.partitionAlarmInfo .outCenter .posTree {
  position: absolute;
  top: 54px;
  z-index: 99;
}
.partitionAlarmInfo .outCenter .el-tabs {
  height: 100%;
}
.partitionAlarmInfo .outCenter .el-tabs .el-tabs__nav {
  margin-left: 20px;
}
.partitionAlarmInfo .outCenter .el-tabs .el-tab-pane {
  height: 100%;
}
.partitionAlarmInfo .outCenter .el-tabs .el-tabs el-tabs--top {
  height: 100%;
}
.partitionAlarmInfo .outCenter .el-tabs .el-tabs__header {
  margin: 0 0 10px;
}
.partitionAlarmInfo .outCenter .el-tabs .el-tabs__content {
  height: 100%;
}
.partitionAlarmInfo .outCenter .el-tabs .el-tabs__content .msg {
  height: 100%;
  display: flex;
}
.partitionAlarmInfo .outCenter .el-tabs .el-tabs__content .msg .formbox {
  padding-right: 20px;
  max-height: 611px;
  overflow-y: auto;
}
.partitionAlarmInfo .outCenter .el-tabs .el-tabs__content .msg .formbox .inline {
  display: flex;
  width: 500px;
  justify-content: space-between;
}
.partitionAlarmInfo .outCenter .el-tabs .el-tabs__content .msg .formbox .inline-two {
  display: flex;
}
.partitionAlarmInfo .outCenter .el-tabs .el-tabs__content .msg .formbox .inline-two .el-form-item:nth-child(2) {
  margin-left: 40px;
}
.partitionAlarmInfo .outCenter .el-tabs .el-tab-pane {
  height: 100%;
}
.partitionAlarmInfo .outCenter .el-tabs .el-tabs__content {
  height: calc(100% - 50px) !important;
}
.partitionAlarmInfo .outCenter .el-tabs .el-tabs__content .wechat {
  height: 100%;
}
.partitionAlarmInfo .outCenter .el-tabs .el-tabs__content .wechat .formbox {
  padding-right: 20px;
  max-height: 611px;
  overflow-y: auto;
}
.partitionAlarmInfo .outCenter .el-tabs .el-tabs__content .wechat .formbox .inline {
  display: flex;
  width: 500px;
  justify-content: space-between;
}
.partitionAlarmInfo .outCenter .el-tabs .el-tabs__content .wechat .formbox .inline-two {
  display: flex;
}
.partitionAlarmInfo .outCenter .el-tabs .el-tabs__content .wechat .formbox .inline-two .el-form-item:nth-child(2) {
  margin-left: 40px;
}
.partitionAlarmInfo .centerStructure {
  display: flex;
  flex-direction: column;
  padding: 10px;
  overflow: hidden;
  margin-right: 0;
}
.partitionAlarmInfo .centerStructure .btns {
  display: flex;
}
.partitionAlarmInfo .centerStructure .btns .label {
  line-height: 30px;
  min-width: 70px;
}
.partitionAlarmInfo .up-content {
  height: 250px;
  display: flex;
}
.partitionAlarmInfo .up-content .echarts-dom {
  flex: 1;
  position: relative;
}
.partitionAlarmInfo .up-content .echarts-dom > div {
  width: 523px;
  height: 250px;
}
.partitionAlarmInfo .up-content .typeTotal {
  position: absolute;
  display: flex;
  z-index: 1;
  font-size: 20px;
  text-align: center;
  color: #3fdeae;
  justify-content: center;
  align-items: center;
  margin-top: 115px;
  margin-left: 235px;
}
.partitionAlarmInfo .el-tabs__content {
  height: 100%;
}
.partitionAlarmInfo .el-dialog__body {
  padding-right: 20px;
}
.partitionAlarmInfo .down-content {
  height: calc(100% - 332px);
  flex: 1;
}
.partitionAlarmInfo .wrap {
  margin: 0 auto;
  width: 100%;
}

.partitionAlarmScheme {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.partitionAlarmScheme .centerStructure {
  padding-top: 0;
}
.partitionAlarmScheme .el-dialog__body {
  padding-right: 20px;
}
.partitionAlarmScheme .cnotent {
  width: 281px;
}
.partitionAlarmScheme .ruleWidth {
  width: 200px;
}
.partitionAlarmScheme .wrap {
  margin: 0 auto;
  width: 100%;
}
.partitionAlarmScheme .wrap .dia-tree {
  width: 240px;
  height: 564px;
  float: left;
  border: 1px solid #EBEEF5;
}
.partitionAlarmScheme .wrap .dia-tree .tree-box {
  height: 476px;
}
.partitionAlarmScheme .wrap .dia-table {
  height: 620px;
  margin-left: 250px;
}
.partitionAlarmScheme .input-number .el-input {
  width: 88px;
}
.theme2 .partitionAlarmScheme .dia-tree {
  border-color: #494949;
}

.systemAlarmSetting {
  position: relative;
  height: 100%;
  width: 100%;
  display: flex;
}
.systemAlarmSetting .centerStructure {
  width: 99.5%;
}
.systemAlarmSetting .alarmConditions .el-form-item__error {
  margin-left: 60%;
  width: 120px;
}
.systemAlarmSetting .alarmConditions .rightCase {
  margin-right: 35px;
  width: 270px;
}
.systemAlarmSetting .alarmConditions .rightCase .el-form-item__content {
  margin-left: 0px !important;
}
.systemAlarmSetting .alarmConditions .rightCase .el-form-item__error {
  margin-left: 60%;
  width: 120px;
}
.systemAlarmSetting .alarmConditions .interval .el-form-item__error {
  margin-left: 44%;
  width: 120px;
}
.systemAlarmSetting .alarmConditions .rightCaseSurgeValue .el-form-item__content {
  margin-left: 0px !important;
}
.systemAlarmSetting .alarmConditions .rightCaseSurgeValue .el-form-item__error {
  margin-left: 62%;
  width: 120px;
}
.systemAlarmSetting .alarmConditions .rightCaseValveFlow .el-form-item__content {
  margin-left: 0px !important;
}
.systemAlarmSetting .alarmConditions .rightCaseValveFlow .el-form-item__error {
  margin-left: 34%;
  width: 120px;
}
.systemAlarmSetting .alarmConditions .rightCaseDailyMoreThan .el-form-item__error {
  margin-left: 38%;
  width: 120px;
}
.systemAlarmSetting .alarmConditions .rightCaseContinuousWaterUseHour .el-form-item__error {
  margin-left: 26%;
  width: 120px;
}
.systemAlarmSetting .alarmConditions .rightCaseDailyNearDay {
  width: 382px;
}
.systemAlarmSetting .alarmConditions .rightCaseDailyNearDay .el-form-item__content {
  margin-left: 0px !important;
}
.systemAlarmSetting .alarmConditions .rightCaseDailyNearDay .el-form-item__error {
  margin-left: 40%;
  width: 120px;
}
.systemAlarmSetting .alarmConditions .rightCaseContinuousWaterUseWater {
  width: 405px;
}
.systemAlarmSetting .alarmConditions .rightCaseContinuousWaterUseWater .el-form-item__content {
  margin-left: 0px !important;
}
.systemAlarmSetting .alarmConditions .rightCaseContinuousWaterUseWater .el-form-item__error {
  margin-left: 29%;
  width: 120px;
}
.systemAlarmSetting .alarmConditions .rightCaseMoreThanTwice {
  width: 482px;
}
.systemAlarmSetting .alarmConditions .rightCaseMoreThanTwice .el-form-item__content {
  margin-left: 0px !important;
}
.systemAlarmSetting .alarmConditions .rightCaseMoreThanTwice .el-form-item__error {
  margin-left: 36%;
  width: 120px;
}
.systemAlarmSetting .el-tabs {
  height: 100%;
}
.systemAlarmSetting .el-tabs .el-tab-pane {
  height: 100%;
}
.systemAlarmSetting .el-tabs .el-tabs__content {
  height: calc(100% - 50px) !important;
}
.systemAlarmSetting .el-tabs .el-tabs__content .alarmCode {
  height: 100%;
}
.systemAlarmSetting .centerStructure {
  padding-top: 0;
}
.systemAlarmSetting .specialUnit .el-input-group__append {
  padding: 0 10px;
}
.systemAlarmSetting .specialUnit2 .el-input-group__append {
  padding: 0 10px;
}
.systemAlarmSetting .specialUnit2 .el-input__inner {
  padding: 0 10px;
}

.waterFactoryAlarmSetting {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
  overflow: auto;
}
.waterFactoryAlarmSetting::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.waterFactoryAlarmSetting::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.waterFactoryAlarmSetting::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.waterFactoryAlarmSetting::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.waterFactoryAlarmSetting .leftStructure {
  padding: 10px;
  overflow: hidden;
  width: 800px;
  height: 100%;
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
  margin-right: 10px;
  flex-shrink: 0;
}
.waterFactoryAlarmSetting .centerStructure {
  padding: 10px;
  width: 1050px;
  flex: none;
}
.waterFactoryAlarmSetting .centerStructure .formbox {
  max-height: 750px;
}
.rec-myself {
  width: 200px;
}
.rec-myself2 {
  width: 160px;
}
.rec-myself3 {
  width: 120px;
}

.workOrder {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
  /*多行文本框里面字体调整*/
  /*上传图片组件自定义样式*/
  /*上传图片*/
}
.workOrder .formbox {
  overflow-y: hidden;
}
.workOrder .el-dialog__body {
  padding-right: 20px;
}
.workOrder .searchBox .el-date-editor.el-range-editor {
  width: 350px;
}
.workOrder .el-textarea__inner {
  display: block;
  resize: vertical;
  padding: 5px 15px;
  line-height: 1.5;
  box-sizing: border-box;
  width: 100%;
  font-size: 14px;
  font-family: 'Microsoft YaHei', serif;
  /* font-size: inherit; */
  color: #606266;
  background-color: #FFF;
  background-image: none;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.workOrder .cnotent {
  width: 281px;
}
.workOrder .el-upload--picture-card {
  background-color: #fbfdff;
  border: 1px dashed #c0ccda;
  border-radius: 6px;
  box-sizing: border-box;
  width: 100px;
  height: 100px;
  line-height: 100px;
  vertical-align: top;
  margin-left: 5px;
  position: relative;
}
.workOrder .el-upload-list--picture-card .el-upload-list__item {
  width: 110px;
  height: 100px;
}
.workOrder .picOne {
  display: inline-block;
  width: 592px;
  margin-left: 12px;
}
.workOrder .picTwo {
  margin-right: 2px;
  margin-left: 32px;
}
.workOrder .el-upload-list--picture-card .el-upload-list__item {
  width: 110px;
  height: 100px;
}
.workOrder .hide .el-upload--picture-card {
  display: none;
}
.workOrder .wrap {
  margin: 0 auto;
  width: 100%;
}
.workOrder .dia-tree {
  width: 240px;
  height: 564px;
  float: left;
  border: 1px solid #EBEEF5;
}
.workOrder .dia-tree .tree-box {
  height: 476px;
}
.workOrder .dia-table {
  height: 620px;
  margin-left: 250px;
}
.workOrder .el-radio__label {
  display: none;
}
.theme2 .workOrder .dia-tree {
  border-color: #494949;
}
.theme2 .workOrder .el-textarea__inner {
  border-color: #7a7a7a;
  background-color: #2a2b2d;
}

.assetManagement {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.assetManagement .lintit {
  margin-bottom: 5px;
}
.assetManagement .realShow {
  width: 100%;
  height: 30px;
  margin-bottom: 10px;
  display: flex;
  background-color: #fafafa;
}
.assetManagement .realShow i {
  font-weight: bold;
}
.assetManagement .realShowChild {
  width: 25%;
  font-size: 14px;
  margin-left: 70px;
  margin-top: 5px;
}
.assetManagement .ruleWidth {
  width: 200px;
}
.assetManagement .input-number .el-input {
  width: 100px;
}
.theme2 .assetManagement .realShow {
  width: 100%;
  height: 30px;
  margin-bottom: 10px;
  display: flex;
  background-color: #494949;
  -webkit-tap-highlight-color: rgba(0, 0, 0);
}

.appLog {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.appLog .centerStructure {
  padding-top: 0;
}
.appLog .userAgentWidth {
  width: 520px;
}
.appLog .userAgentheight {
  height: 250px;
}
.appLog .content {
  height: 190px;
  overflow: auto;
  width: 853px;
  border: 1px solid #DCDFE6;
  margin: 0;
}
.appLog .return {
  height: 100px;
}
.appLog .searchBox {
  display: flex;
}
.appLog .searchBox .inp {
  line-height: 32px;
}
.appLog .searchBox .el-date-editor.el-range-editor {
  width: 355px;
}
.appLog .textareaUp {
  height: 220px;
  overflow: hidden;
}

.paymentLog {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.paymentLog .content {
  height: 190px;
  overflow: auto;
  width: 853px;
  border: 1px solid #DCDFE6;
  margin: 0;
}
.paymentLog .return {
  height: 100px;
}
.paymentLog .searchBox {
  display: flex;
}
.paymentLog .searchBox .inp {
  line-height: 32px;
}
.paymentLog .searchBox .el-date-editor.el-range-editor {
  width: 355px;
}
.paymentLog .textareaUp {
  height: 220px;
  overflow: hidden;
}

.multiple {
  height: 100%;
}
.multiple .mulInfo {
  display: flex;
  margin-top: 20px;
}
.multiple .mulInfo li {
  background: #fafafa;
  text-align: center;
  flex: 1;
  line-height: 36px;
}
.multiple .mulInfo li span:last-child {
  font-weight: bold;
  margin-left: 10px;
}
.multiple .scrollBox {
  height: calc(100% - 40px);
}
.multiple .scrollBox .floor .ec {
  flex: 1;
  height: 378px;
  position: relative;
}
.multiple .scrollBox .floor .ec .button-groups {
  position: absolute;
  z-index: 999;
  top: 65px;
  left: 50%;
  margin-left: -120px;
}
.multiple .scrollBox .downcon {
  display: flex;
  height: calc(100% - 380px);
}
.multiple .scrollBox .downcon .down {
  flex: 1;
  flex-shrink: 0;
  height: 100%;
  padding-top: 20px;
}
.multiple .scrollBox .downcon .down p {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}
.theme2 .title-p {
  color: #fff;
}

.eventClass.leakageInfo .el-dialog__body {
  padding-top: 0;
  padding-right: 20px;
  height: 600px;
}
.eventClass.leakageInfo .tab1 h1 {
  text-align: center;
  font-size: 18px;
  line-height: 60px;
}
.eventClass.leakageInfo .tab1 p {
  padding-left: 20px;
  line-height: 36px;
}
.eventClass.leakageInfo .tab1 p .point {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #6690ff;
  margin-right: 10px;
}
.eventClass.leakageInfo .tab1 p i {
  color: #6690ff;
}
.eventClass.leakageInfo .el-calendar__body {
  padding-bottom: 0;
}
.eventClass.leakageInfo .el-calendar-table .el-calendar-day {
  height: 70px;
}
.eventClass.leakageInfo .el-calendar-table .el-calendar-day p {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 12px;
}
.eventClass.leakageInfo .el-calendar-table .el-calendar-day p span {
  color: #ea0407;
}
.eventClass.leakageInfo .el-calendar-table td.is-today {
  color: inherit;
}

.overview {
  height: 100%;
}
.overview > ul {
  display: flex;
}
.overview > ul > li {
  flex: 1;
  display: flex;
  height: 90px;
  border-right: 2px solid #E4E7ED;
  border-bottom: 2px solid #E4E7ED;
}
.overview > ul > li:last-child {
  border-right: none;
}
.overview > ul > li .l {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.overview > ul > li .l figure {
  font-size: 16px;
  color: #fff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  text-align: center;
}
.overview > ul > li .l .fig1 {
  background: #a29afb;
}
.overview > ul > li .l .fig2 {
  background: #5ab1ef;
}
.overview > ul > li .l .fig3 {
  background: #edafda;
}
.overview > ul > li .l .fig4 {
  background: #2ec7c9;
}
.overview > ul > li .m {
  flex: 1.2;
  margin-top: 2px;
}
.overview > ul > li .m > ul > li {
  text-align: right;
  line-height: 28px;
}
.overview > ul > li .r {
  flex: 2.6;
  margin-top: 2px;
  display: flex;
}
.overview > ul > li .r > ul {
  margin-left: 35px;
}
.overview > ul > li .r > ul > li {
  text-align: right;
  line-height: 28px;
}
.overview .scrollBox {
  height: calc(100% - 90px);
}
.overview .scrollBox .floor:last-child {
  border: none;
  padding-top: 10px;
}
.overview .scrollBox .floor:last-child .ec {
  height: 320px;
}
.overview .scrollBox .floor .ec {
  flex: 1;
  height: 340px;
  position: relative;
}
.overview .scrollBox .floor .ec .button-groups {
  position: absolute;
  z-index: 999;
  top: 65px;
  left: 50%;
  margin-left: -120px;
}
.overview .scrollBox .floor .ec .button-groups.two-btns {
  margin-left: -80px;
  top: 40px;
}
.overview .scrollBox .floor .ec p {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}
.overview .scrollBox .floor .flexClock {
  display: flex;
}
.overview .scrollBox .floor .flexClock .clock {
  position: relative;
  flex: 1;
  height: 300px;
}
.overview .scrollBox .floor .flexClock .clock p {
  width: 100%;
  font-size: 14px;
  font-weight: normal;
  position: absolute;
  bottom: 10px;
  text-align: center;
}
.overview .dia-chart {
  width: 1180px;
  height: 350px;
}
.overview .el-dialog.dialogChart {
  margin-top: 11vh !important;
}

.build-detail .searchBox {
  margin-bottom: 0;
}
.build-detail .chartItem {
  width: 960px;
  height: 230px;
}
.build-detail .bot-table .el-table__body-wrapper {
  height: 218px !important;
}

.detail {
  height: 100%;
}
.detail .el-dialog.dialogChart {
  margin-top: 5vh !important;
}
.detail .el-dialog.dialogChart .el-dialog__body {
  padding-top: 0;
  padding-right: 20px;
}
.detail .searchBox {
  margin-top: 10px;
}
.detail section {
  display: flex;
  height: calc(100% - 52px);
  background: #262c49;
  border-radius: 5px;
}
.detail section aside {
  height: 100%;
  padding: 10px;
  padding-right: 5px;
  color: #dddddd;
}
.detail section aside .iconfont {
  color: #6690ff;
}
.detail section aside > div {
  width: 250px;
  background: rgba(255, 255, 255, 0.13);
  border-radius: 5px;
}
.detail section aside > div h1 {
  height: 40px;
  border-bottom: 1px solid #262c49;
  line-height: 40px;
  padding-left: 20px;
}
.detail section aside > div h1 span {
  margin-left: 15px;
}
.detail section aside > div h1 span.title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 190px;
  display: inline-block;
}
.detail section aside > div h1 p {
  float: right;
  margin-right: 20px;
}
.detail section aside > div h1.flex {
  display: flex;
}
.detail section aside .up-con {
  margin-bottom: 10px;
}
.detail section aside .down-con {
  height: calc(100% - 322px);
}
.detail section aside .list-con {
  width: 100%;
  padding: 10px 20px;
}
.detail section aside .list-con li {
  display: flex;
  justify-content: space-between;
  line-height: 28px;
}
.detail section aside .list-con.meter {
  height: calc(100% - 42px);
  overflow: auto;
}
.detail section aside .list-con.meter::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.detail section aside .list-con.meter::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.detail section aside .list-con.meter::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.detail section aside .list-con.meter::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.detail section aside .list-con.meter li > span:first-child {
  color: #6690ff;
  cursor: pointer;
}
.detail section main {
  flex: 1;
  overflow: auto;
}
.detail section main > ul {
  height: 100%;
  overflow-y: auto;
  width: 1300px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.detail section main > ul::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.detail section main > ul::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.detail section main > ul::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.detail section main > ul::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.detail section main > ul > li {
  width: 300px;
  height: 202px;
  margin-top: 20px;
  margin-left: 20px;
  display: flex;
  background-repeat: no-repeat;
  background-size: contain;
}
.detail section main > ul > li .content {
  width: 260px;
  background: rgba(255, 255, 255, 0.75);
  border-radius: 5px;
  margin: auto;
}
.detail section main > ul > li .content h1 {
  padding-left: 20px;
  border-bottom: 1px solid #809ab1;
  line-height: 46px;
  color: #6690ff;
}
.detail section main > ul > li .content h1 i {
  margin-right: 10px;
}
.detail section main > ul > li .content h1 img {
  float: right;
  margin-top: 13px;
  margin-right: 20px;
  display: block;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.detail section main > ul > li .content h1 span {
  cursor: pointer;
  display: inline-block;
  width: 170px;
  overflow: hidden;
  height: 46px;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: bottom;
}
.detail section main > ul > li .content > ul {
  height: 100px;
  padding-top: 20px;
}
.detail section main > ul > li .content > ul > li {
  line-height: 30px;
  display: flex;
  overflow: hidden;
}
.detail section main > ul > li .content > ul > li span {
  flex: 1;
  text-align: right;
}
.detail section main > ul > li .content > ul > li span:first-child {
  flex: 1.3;
  cursor: pointer;
}
.detail section main > ul > li .content > ul > li span:nth-child(2) {
  flex: 1.5;
  color: #6690ff;
  cursor: pointer;
}
.theme2 .detail section {
  background: #18191b;
}
.theme2 .detail section aside {
  color: #b7b7b7;
}
.theme2 .detail section aside > div {
  background: #2a2b2d;
}
.theme2 .detail section aside > div h1 {
  border-color: #18191b;
}
.theme2 .detail section main > ul > li .content {
  background: rgba(0, 0, 0, 0.75);
}
.theme2 .detail section main > ul > li .content h1 {
  border-color: #494949;
}

.analysis {
  height: 100%;
}
.analysis .searchBox {
  margin-top: 10px;
}
.analysis .scrollBox {
  height: calc(100% - 52px);
}
.analysis .scrollBox .floor {
  height: 320px;
  display: flex;
}
.analysis .scrollBox .floor .echartItem {
  flex: 1;
}

.communityFunction {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  position: relative;
  display: flex;
}
.communityFunction .centerStructure {
  padding-top: 0px;
  padding-bottom: 16px;
}
.communityFunction .centerStructure .tab-first {
  margin-top: 4px;
}
.communityFunction .centerStructure > .el-tabs .el-tabs__header {
  margin: 0;
}
.communityFunction .scrollBox {
  overflow-y: auto;
}
.communityFunction .scrollBox::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.communityFunction .scrollBox::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.communityFunction .scrollBox::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.communityFunction .scrollBox::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.communityFunction .scrollBox .floor {
  display: flex;
  border-bottom: 2px solid #f6f4fc;
}
.communityFunction .scrollBox .echartItem {
  width: 100%;
  height: 100%;
}

.c-left .echart[data-v-0c153444] {
  width: 100%;
  height: calc(100% - 40px);
}
.c-left .hz-table .table-header li[data-v-0c153444] {
  max-width: 112px;
}
.c-left .hz-table .table-body li[data-v-0c153444]:nth-child(1) {
  color: #6690ff;
  cursor: pointer;
}
.c-left .cust[data-v-0c153444] {
  min-height: 307px;
  height: calc(100% - 600px);
  height: 38%;
}
.c-left .cust3[data-v-0c153444] {
  min-height: 307px;
  height: 38.5%;
  margin-bottom: 0;
}
.c-left .cust1[data-v-0c153444] {
  height: 20.8%;
}

.theme2 .communityOverview .c-left .hz-table .table-body li:nth-child(1) {
  color: #4d91ff;
}

.communityOverview .c-right .echart {
  width: 100%;
  height: 220px;
}
.communityOverview .c-right .hz-table {
  padding-top: 10px;
}
.communityOverview .c-right .hz-table .table-header li {
  max-width: 150px;
}
.communityOverview .c-right .hz-table .table-body li:nth-child(1) {
  color: #6690ff;
  cursor: pointer;
}
.communityOverview .c-right .pieBox {
  display: flex;
}
.communityOverview .c-right .pieBox .pie-chart {
  width: 310px;
  height: 160px;
}
.communityOverview .c-right .pieBox ul {
  padding-top: 5px;
  padding-left: 25px;
}
.communityOverview .c-right .pieBox ul li {
  line-height: 24px;
  color: #6690ff;
  font-size: 13px;
}
.theme2 .communityOverview .c-right .hz-table .table-body li:nth-child(2) {
  color: #4d91ff;
}

.communityOverview .c-center #overviewMap {
  width: 100%;
  height: 100%;
}
.communityOverview .c-center .infowin {
  padding: 5px 10px;
}
.communityOverview .c-center .infowin li {
  display: flex;
  line-height: 1.6;
  margin: 0 auto;
}
.communityOverview .c-center .infowin li:nth-child(1) {
  width: 100%;
  display: block;
  font-weight: bold;
  font-size: 15px;
  line-height: 2.2;
  color: #4980d7;
  cursor: pointer;
}
.communityOverview .c-center .infowin li:nth-child(1) i {
  display: inline-block;
  width: 5px;
  height: 16px;
  background: #4980d7;
  vertical-align: -4px;
  margin-right: 5px;
}
.communityOverview .c-center .infowin li span {
  display: inline-block;
  font-size: 13px;
  white-space: nowrap;
}
.communityOverview .c-center .infowin li span:nth-child(1) {
  min-width: 65px;
}
.communityOverview .amap-info-content {
  border: 1px solid #F2F2F2;
  box-shadow: 3px 3px 4px #999999;
  background: rgba(255, 255, 255, 0.85);
  border-radius: 8px;
}
.theme2 .communityOverview .c-center .amap-info-content {
  border: 1px solid #2a2d2a;
  background: rgba(42, 43, 45, 0.8);
  box-shadow: 3px 3px 4px #2a2d2a;
}
.theme2 .communityOverview .bottom-center .amap-info-sharp {
  border-top: 8px solid #2a2d2a;
}

.c-center {
  flex: 1;
  margin: 0 10px;
  background: #fff;
}
.main-block {
  padding: 10px 15px;
  box-sizing: border-box;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
  position: relative;
}
.main-block .pos {
  position: absolute;
  right: 10px;
  top: 10px;
}
.fixMap {
  position: absolute;
  z-index: 22;
  width: 240px;
  background: rgba(255, 255, 255, 0.85);
}
.fixMap .lintit {
  margin: 10px 0 5px 10px;
}
.fixMap .el-checkbox-group {
  padding-left: 10px;
}
.fixMap .el-checkbox-group .el-checkbox {
  margin-right: 20px;
}
.c-info {
  display: flex;
}
.c-info li {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
}
.c-info li .iconfont {
  font-size: 24px;
  color: #6690ff;
  line-height: 60px;
  margin-right: 15px;
}
.c-info li p {
  color: #6690ff;
  font-size: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.theme1 .fixbox-tree .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background-color: #eee;
}
.theme2 .main-block {
  background: #2a2b2d;
}
.theme2 .c-center {
  background: #2a2b2d;
}
.theme2 .c-info li .iconfont {
  color: #4d91ff;
}
.theme2 .c-info li p {
  color: #4d91ff;
}
.theme2 .fixMap {
  background: rgba(0, 0, 0, 0.7);
}
.communityOverview {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: auto;
  margin-bottom: 10px;
  position: relative;
}
.communityOverview .marB10 {
  margin-bottom: 10px;
}
.communityOverview .lintit {
  margin-bottom: 5px;
}
.communityOverview .c-left {
  width: 480px;
}
.communityOverview .c-left .c-info li {
  height: 50px;
}
.communityOverview .c-left .c-info li p {
  max-width: 120px;
}
.communityOverview .c-left .c-info li p i {
  font-size: 13px;
  color: #404042;
}
.communityOverview .c-center {
  min-height: 800px;
  height: 100%;
  padding: 4px;
}
.communityOverview .c-right {
  width: 480px;
  height: 100%;
}
.communityOverview .cust {
  min-height: 234px;
  height: 28%;
}
.communityOverview .cust1 {
  min-height: 100px;
  height: 11.8%;
}
.communityOverview .cust2 {
  min-height: 198px;
  height: 24.5%;
}
.communityOverview .cust3 {
  min-height: 270px;
  height: 33%;
}
.communityOverview .cust4 {
  min-height: 307px;
  height: 40%;
}
.theme2 .communityOverview .c-left .c-info li p i {
  color: #b7b7b7;
}

.waterDistributeDialog .el-dialog__body {
  padding-top: 0!important;
}
.waterDistributeDialog .content {
  width: 281px;
}

.communityWisdom .allow {
  cursor: pointer;
}
.communityWisdom .c-left .echart {
  width: 100%;
  height: 185px;
}
.communityWisdom .c-left .echartlow {
  width: 100%;
  height: 150px;
}
.communityWisdom .c-left .pie-bot {
  width: 100%;
  height: 110px;
}
.communityWisdom .c-left .pie-bot .pieBox {
  display: flex;
  height: 100%;
  position: relative;
}
.communityWisdom .c-left .pie-bot .pieBox .verti {
  position: absolute;
  top: 50%;
  left: 20px;
  writing-mode: vertical-lr;
}
.communityWisdom .c-left .pie-bot .pieBox .pie-chart {
  min-width: 380px;
  height: 100%;
}
.communityWisdom .c-left .pie-bot .pieBox ul {
  padding-top: 6px;
}
.communityWisdom .c-left .pie-bot .pieBox ul li {
  line-height: 24px;
  color: #6690ff;
  font-size: 13px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 70px;
}

.communityWisdom .c-right .hz-table {
  padding-top: 10px;
}
.communityWisdom .c-right .hz-table .table-header li:nth-child(2) {
  flex: 2;
}
.communityWisdom .c-right .hz-table .table-body li:nth-child(1) {
  color: #6690ff;
  cursor: pointer;
}
.communityWisdom .c-right .hz-table .table-body li:nth-child(2) {
  flex: 2;
}
.communityWisdom .c-right .pieBox {
  display: flex;
}
.communityWisdom .c-right .pieBox .pie-chart {
  width: 310px;
  height: 160px;
}
.communityWisdom .c-right .pieBox ul {
  padding-top: 5px;
  padding-left: 25px;
}
.communityWisdom .c-right .pieBox ul li {
  line-height: 24px;
  color: #6690ff;
  font-size: 13px;
}
.communityWisdom .c-right .occupy {
  display: flex;
}
.communityWisdom .c-right .occupy li {
  flex: 1;
  text-align: center;
}
.communityWisdom .c-right .occupy img {
  margin: 0 auto;
}
.communityWisdom .c-right .occupy div {
  margin-top: 8px;
}
.communityWisdom .c-right .occupy div:last-child {
  color: #6690ff;
  font-weight: bold;
  max-width: 110px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.communityWisdom .c-right .structureStatistic {
  width: 100%;
  height: 150px;
}
.theme2 .communityWisdom .c-righ .hz-table .table-body li:nth-child(1) {
  color: #4d91ff;
}

.communityWisdom .c-center #wisMap {
  width: 100%;
  height: 100%;
}
.communityWisdom .c-center .map-con {
  width: 100%;
  padding: 4px;
  min-height: 556px;
  height: 66.5%;
  background: #fff;
  margin-bottom: 10px;
  position: relative;
}
.communityWisdom .c-center .map-con .filter {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 99;
  width: 72px;
  height: 72px;
  cursor: pointer;
}
.communityWisdom .c-center .map-con .filter::after {
  content: " ";
  position: absolute;
  right: 0px;
  top: 0px;
  width: 72px;
  height: 72px;
  z-index: 9;
  box-shadow: 0 3px 10px rgba(255, 255, 255, 0.75);
  background: rgba(255, 255, 255, 0.75);
  filter: blur(10px) brightness(100%);
}
.communityWisdom .c-center .map-con .filter img,
.communityWisdom .c-center .map-con .filter p {
  position: relative;
  z-index: 11;
}
.communityWisdom .c-center .map-con .filter img {
  margin: 0 auto;
  margin-top: 8px;
}
.communityWisdom .c-center .map-con .filter p {
  text-align: center;
  line-height: 30px;
  color: #333;
}
.communityWisdom .c-center .scaChart {
  width: 100%;
  height: 220px;
}
.communityWisdom .c-center .areaName {
  background: rgba(255, 255, 255, 0.7);
  padding: 6px 15px;
  border-radius: 10px;
  position: relative;
}
.communityWisdom .c-center .amap-info-content {
  background: none;
  padding: 0;
  box-shadow: none;
  overflow: initial;
}
.communityWisdom .c-center .amap-info-contentContainer:hover .amap-info-outer,
.communityWisdom .c-center .amap-menu-outer:hover {
  background: none;
}
.communityWisdom .c-center .amap-info-sharp {
  opacity: 0.7;
}
.communityWisdom .c-center .bottom-center .amap-info-sharp:after {
  border-top: none;
}
.communityWisdom .c-center .amap-info-close {
  display: none;
}
.theme2 .communityWisdom .map-con {
  width: 100%;
  padding: 4px;
  background: #2a2b2d;
  margin-bottom: 10px;
}
.theme2 .communityWisdom .map-con .filter {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 99;
  width: 72px;
  height: 72px;
  cursor: pointer;
}
.theme2 .communityWisdom .map-con .filter::after {
  content: " ";
  position: absolute;
  right: 0px;
  top: 0px;
  width: 72px;
  height: 72px;
  z-index: 9;
  box-shadow: 0 3px 10px rgba(255, 255, 255, 0.75);
  background: rgba(255, 255, 255, 0.75);
  filter: blur(10px) brightness(100%);
}
.theme2 .communityWisdom .map-con .filter img,
.theme2 .communityWisdom .map-con .filter p {
  position: relative;
  z-index: 11;
}
.theme2 .communityWisdom .map-con .filter img {
  margin: 0 auto;
  margin-top: 8px;
}
.theme2 .communityWisdom .map-con .filter p {
  text-align: center;
  line-height: 30px;
  color: #333;
}
.theme2 .communityWisdom .map-con .filter p {
  color: #fff;
}
.theme2 .communityWisdom .map-con .filter::after {
  background: rgba(0, 0, 0, 0.5);
  filter: blur(5px) brightness(20%);
}
.theme2 .communityWisdom .c-center .areaName {
  background: rgba(0, 0, 0, 0.8);
}
.theme2 .communityWisdom .c-center .areaName li {
  color: #fff;
}
.theme2 .communityWisdom .c-center .amap-info-sharp {
  opacity: 0.8;
}
.theme2 .communityWisdom .c-center .bottom-center .amap-info-sharp {
  border-top-color: #000;
}

.c-center {
  flex: 1;
  margin: 0 10px;
  background: #fff;
}
.main-block {
  padding: 10px 15px;
  box-sizing: border-box;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
  position: relative;
}
.main-block .pos {
  position: absolute;
  right: 10px;
  top: 10px;
}
.fixMap {
  position: absolute;
  z-index: 22;
  width: 240px;
  background: rgba(255, 255, 255, 0.85);
}
.fixMap .lintit {
  margin: 10px 0 5px 10px;
}
.fixMap .el-checkbox-group {
  padding-left: 10px;
}
.fixMap .el-checkbox-group .el-checkbox {
  margin-right: 20px;
}
.c-info {
  display: flex;
}
.c-info li {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
}
.c-info li .iconfont {
  font-size: 24px;
  color: #6690ff;
  line-height: 60px;
  margin-right: 15px;
}
.c-info li p {
  color: #6690ff;
  font-size: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.theme1 .fixbox-tree .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background-color: #eee;
}
.theme2 .main-block {
  background: #2a2b2d;
}
.theme2 .c-center {
  background: #2a2b2d;
}
.theme2 .c-info li .iconfont {
  color: #4d91ff;
}
.theme2 .c-info li p {
  color: #4d91ff;
}
.theme2 .fixMap {
  background: rgba(0, 0, 0, 0.7);
}
.communityWisdom {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  overflow: auto;
  margin-bottom: 10px;
}
.communityWisdom .marB10 {
  margin-bottom: 10px;
}
.communityWisdom .lintit {
  margin-bottom: 5px;
}
.communityWisdom .lintit .hover:hover {
  cursor: pointer;
  color: #6690ff;
}
.communityWisdom .c-left {
  width: 480px;
}
.communityWisdom .c-left .c-info {
  display: flex;
}
.communityWisdom .c-left .c-info li {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
}
.communityWisdom .c-left .c-info li .iconfont {
  font-size: 24px;
  color: #6690ff;
  line-height: 60px;
  margin-right: 15px;
}
.communityWisdom .c-left .c-info li p {
  color: #6690ff;
  font-size: 18px;
  max-width: 80px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.communityWisdom .c-center {
  flex: 1;
  margin: 0 10px;
  background: none !important;
}
.communityWisdom .c-right {
  width: 480px;
}
.communityWisdom .cust {
  min-height: 234px;
  height: 28%;
}
.communityWisdom .cust1 {
  min-height: 102px;
  height: 12%;
}
.communityWisdom .cust2 {
  min-height: 204px;
  height: 24.5%;
}
.communityWisdom .cust5 {
  min-height: 200px;
  height: 24%;
}
.communityWisdom .cust6 {
  min-height: 265px;
  height: 32%;
}
.communityWisdom .cust7 {
  min-height: 142px;
  height: 16.5%;
}
.communityWisdom .cust8 {
  min-height: 190px;
  height: 23%;
}
.communityWisdom .fixbox-tree {
  left: 490px;
  height: 440px;
  transition: all 0.3s;
  overflow: hidden;
}
.communityWisdom .fixbox-tree .icon-shouqi {
  position: absolute;
  top: 8px;
  right: 10px;
  color: #4d91ff;
  transition: all 0.3s;
  transform: rotate(180deg);
}
.communityWisdom .fixbox-tree .tree-box {
  height: 400px;
  overflow: hidden;
}
.communityWisdom .fixbox-tree .tree-box .overauto {
  height: 368px;
}
.communityWisdom .fixbox-tree .el-tree {
  background: none;
}

.comprehensiveDisplay .c-right .echart[data-v-117e52d6] {
  width: 100%;
  height: 190px;
}
.comprehensiveDisplay .c-right .hz-table[data-v-117e52d6] {
  padding-top: 10px;
}
.comprehensiveDisplay .c-right .hz-table .table-header li[data-v-117e52d6] {
  max-width: 150px;
}
.comprehensiveDisplay .c-info li p[data-v-117e52d6] {
  max-width: 150px;
}

.comprehensiveDisplay .c-center[data-v-548fc050] {
  min-height: 832px;
  height: 100%;
  padding: 4px;
  margin-left: 0;
  position: relative;
}
.comprehensiveDisplay .c-center .map[data-v-548fc050] {
  width: 100%;
  height: 100%;
}
.comprehensiveDisplay .c-center .filter[data-v-548fc050] {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 99;
  width: 72px;
  height: 72px;
  cursor: pointer;
}
.comprehensiveDisplay .c-center .filter[data-v-548fc050]::after {
  content: " ";
  position: absolute;
  right: 0px;
  top: 0px;
  width: 72px;
  height: 72px;
  z-index: 9;
  box-shadow: 0 3px 10px rgba(255, 255, 255, 0.75);
  background: rgba(255, 255, 255, 0.75);
  filter: blur(10px) brightness(100%);
}
.comprehensiveDisplay .c-center .filter img[data-v-548fc050],
.comprehensiveDisplay .c-center .filter p[data-v-548fc050] {
  position: relative;
  z-index: 11;
}
.comprehensiveDisplay .c-center .filter img[data-v-548fc050] {
  margin: 0 auto;
  margin-top: 8px;
}
.comprehensiveDisplay .c-center .filter p[data-v-548fc050] {
  text-align: center;
  line-height: 30px;
  color: #333;
}
.theme2 .c-center[data-v-548fc050] {
  background: #2a2b2d;
}
.theme2 .c-center .filter[data-v-548fc050] {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 99;
  width: 72px;
  height: 72px;
  cursor: pointer;
}
.theme2 .c-center .filter[data-v-548fc050]::after {
  content: " ";
  position: absolute;
  right: 0px;
  top: 0px;
  width: 72px;
  height: 72px;
  z-index: 9;
  box-shadow: 0 3px 10px rgba(255, 255, 255, 0.75);
  background: rgba(255, 255, 255, 0.75);
  filter: blur(10px) brightness(100%);
}
.theme2 .c-center .filter img[data-v-548fc050],
.theme2 .c-center .filter p[data-v-548fc050] {
  position: relative;
  z-index: 11;
}
.theme2 .c-center .filter img[data-v-548fc050] {
  margin: 0 auto;
  margin-top: 8px;
}
.theme2 .c-center .filter p[data-v-548fc050] {
  text-align: center;
  line-height: 30px;
  color: #333;
}
.theme2 .c-center .filter p[data-v-548fc050] {
  color: #fff;
}
.theme2 .c-center .filter[data-v-548fc050]::after {
  background: rgba(0, 0, 0, 0.5);
  filter: blur(5px) brightness(20%);
}

.c-center {
  flex: 1;
  margin: 0 10px;
  background: #fff;
}
.main-block {
  padding: 10px 15px;
  box-sizing: border-box;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
  position: relative;
}
.main-block .pos {
  position: absolute;
  right: 10px;
  top: 10px;
}
.fixMap {
  position: absolute;
  z-index: 22;
  width: 240px;
  background: rgba(255, 255, 255, 0.85);
}
.fixMap .lintit {
  margin: 10px 0 5px 10px;
}
.fixMap .el-checkbox-group {
  padding-left: 10px;
}
.fixMap .el-checkbox-group .el-checkbox {
  margin-right: 20px;
}
.c-info {
  display: flex;
}
.c-info li {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
}
.c-info li .iconfont {
  font-size: 24px;
  color: #6690ff;
  line-height: 60px;
  margin-right: 15px;
}
.c-info li p {
  color: #6690ff;
  font-size: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.theme1 .fixbox-tree .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background-color: #eee;
}
.theme2 .main-block {
  background: #2a2b2d;
}
.theme2 .c-center {
  background: #2a2b2d;
}
.theme2 .c-info li .iconfont {
  color: #4d91ff;
}
.theme2 .c-info li p {
  color: #4d91ff;
}
.theme2 .fixMap {
  background: rgba(0, 0, 0, 0.7);
}
.comprehensiveDisplay {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: auto;
  margin-bottom: 10px;
  position: relative;
}
.comprehensiveDisplay .marB10 {
  margin-bottom: 10px;
}
.comprehensiveDisplay .lintit {
  margin-bottom: 5px;
}
.comprehensiveDisplay .c-right {
  width: 530px;
  padding-right: 10px;
}
.comprehensiveDisplay .cust1 {
  min-height: 102px;
  height: 12%;
}
.comprehensiveDisplay .cust2 {
  min-height: 240px;
  height: 28%;
}
.comprehensiveDisplay .cust3 {
  min-height: 470px;
  height: 56.5%;
}
.comprehensiveDisplay .showblock {
  top: 10px;
  left: 10px;
  height: 180px;
}
.comprehensiveDisplay .fixbox-tree {
  top: 200px;
  left: 10px;
  height: 440px;
}
.comprehensiveDisplay .fixbox-tree .tree-box {
  height: 400px;
  overflow: hidden;
}
.comprehensiveDisplay .fixbox-tree .tree-box .overauto {
  height: 368px;
}
.comprehensiveDisplay .fixbox-tree .el-tree {
  background: none;
}
.comprehensiveDisplay .searchItem {
  padding-left: 20px;
}
.comprehensiveDisplay .searchItem .flex {
  display: flex;
}
.comprehensiveDisplay .searchItem .flex:first-child {
  margin-bottom: 8px;
}
.comprehensiveDisplay .searchItem .flex span {
  line-height: 2.2;
}
.comprehensiveDisplay .searchItem .el-date-editor.el-input {
  width: 155px;
}
.comprehensiveDisplay .amap-marker-label {
  border: none;
  background: none;
  padding: 0;
}
.comprehensiveDisplay .amap-marker-label .labelInfo {
  width: 200px;
  height: auto;
  border-radius: 10px;
  position: relative;
  border: 1px solid #f2f2f2;
  box-shadow: 3px 3px 4px #999999;
  background: rgba(255, 255, 255, 0.8);
  padding: 6px;
  padding-left: 20px;
  padding-right: 15px;
}
.comprehensiveDisplay .amap-marker-label .labelInfo .triangle {
  position: absolute;
  left: 50%;
  bottom: -6px;
  margin-left: -5px;
  width: 10px;
  height: 10px;
  background: rgba(255, 255, 255, 0.9);
  transform: rotate(45deg);
  clip-path: polygon(50% 50%, 100% 0, 100% 100%, 0% 100%);
}
.comprehensiveDisplay .amap-marker-label .labelInfo .parDetail {
  line-height: 30px;
}
.comprehensiveDisplay .amap-marker-label .labelInfo .parDetail li {
  display: flex;
  justify-content: space-between;
}
.comprehensiveDisplay .amap-marker-label .labelInfo .parDetail li:first-child span {
  color: #4980d7;
  font-weight: bold;
  cursor: pointer;
  display: inline-block;
  width: 160px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.comprehensiveDisplay .amap-marker-label .labelInfo .parDetail li i {
  display: inline-block;
  width: 5px;
  height: 16px;
  background: #4980d7;
  vertical-align: -3px;
  margin-right: 6px;
}
.comprehensiveDisplay .amap-marker-label .labelInfo .parDetail li b {
  display: inline-block;
  max-width: 90px;
  vertical-align: -10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.theme2 .comprehensiveDisplay .amap-marker-label .labelInfo {
  border: 1px solid transparent;
  background: rgba(0, 0, 0, 0.7);
  box-shadow: 0px 0px 4px #000;
}
.theme2 .comprehensiveDisplay .amap-marker-label .labelInfo .triangle {
  background: rgba(0, 0, 0, 0.6);
}

.bookManage {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.bookManage .upload-demo .el-upload {
  left: 358px;
}
.bookManage .upload-demo .el-upload-list__item .el-icon-close {
  right: 12px;
}
.bookManage .upload-demo .el-upload-list > li {
  width: 350px;
}
.bookManage .loading-btn {
  height: 30px;
  margin-top: 1px;
}
.bookManage .formbox {
  padding-right: 50px!important;
}
.bookManage .cnotent {
  width: 281px;
}
.bookManage .sepc .el-dialog__body {
  padding-right: 20px !important;
}
.bookManage .wrap {
  margin: 0 auto;
  width: 100%;
}
.bookManage .wrap .el-table {
  width: 1238px;
}
.copyUser {
  width: 200px;
}

.concentratorFile {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.concentratorFile .upload-demo .el-upload-list > li {
  width: 530px;
  margin: 0;
  line-height: 30px;
  outline: none;
}
.concentratorFile .upload-demo .el-upload-list {
  width: 600px;
}
.concentratorFile .upload-demo .el-upload-list__item-name {
  width: 500px;
}
.concentratorFile .upload-demo .el-upload {
  position: absolute;
  top: 0;
  left: 541px;
}
.concentratorFile .cnotent {
  width: 250px;
}
.concentratorFile .cnotent .el-select--small {
  width: 125px !important;
}
.concentratorFile .sepc .el-dialog__body {
  padding-right: 20px !important;
}
.concentratorFile .collectBox {
  margin: 0 auto;
  width: 100%;
  height: 100%;
}
.concentratorFile .specialWrap {
  margin: 0 auto;
  width: 100%;
  height: 100%;
}
.concentratorFile .specialWrap .col1 {
  color: #6690ff;
}
.concentratorFile .specialWrap .col2 {
  color: #ff002B;
}
.concentratorFile .specialWrap .col3 {
  color: #00b77e;
}
.concentratorFile .specialWrap .mySearchBox {
  width: 100%;
  margin-bottom: 10px;
  display: flex;
}
.concentratorFile .wh520 {
  width: 520px;
}
.concentratorFile .filedTransferDiv {
  text-align: center;
}
.concentratorFile .filedTransferDiv .filedTransfer {
  text-align: left;
  display: inline-block;
  width: 100%;
  padding-left: 30px;
}
.concentratorFile .filedTransferDiv .filedTransfer .el-transfer-panel {
  width: 255px;
}
.concentratorFile .filedTransferDiv .filedTransfer .el-transfer-panel__body {
  height: 175px;
}
.concentratorFile .filedTransferDiv .filedTransfer .el-transfer-panel__list.is-filterable {
  height: 125px;
  padding-top: 0;
}
.concentratorFile .filedTransferDiv .filedTransfer .el-transfer__buttons {
  width: 100px;
  display: inline-flex;
  vertical-align: middle;
  padding: 0 20px;
  flex-direction: column;
}
.concentratorFile .filedTransferDiv .filedTransfer .el-button + .el-button,
.concentratorFile .filedTransferDiv .filedTransfer .el-checkbox.is-bordered + .el-checkbox.is-bordered {
  margin-left: 0;
}


[data-v-7862cddc] .el-dialog__body {
  padding-right: 20px;
}
.addConfig .scheme[data-v-7862cddc] {
  margin-bottom: 10px;
}
.addConfig .addbox[data-v-7862cddc] {
  display: flex;
  height: 500px;
  width: 100%;
  border: 1px solid #ebeef5;
}
.addConfig .addbox .leftCon[data-v-7862cddc] {
  width: 220px;
  height: 100%;
  padding-top: 10px;
  border-right: 1px solid #ebeef5;
}
.addConfig .addbox .leftCon[data-v-7862cddc] .tree-box {
  height: 456px;
}
.addConfig .addbox .leftCon[data-v-7862cddc] .tree-box .overauto {
  padding: 10px;
  width: 219px;
}
.addConfig .addbox .leftCon[data-v-7862cddc] .tree-box .overauto .el-tree {
  margin-top: 0px;
}
.addConfig .addbox .rightCon[data-v-7862cddc] {
  padding: 10px;
  width: 940px;
}


[data-v-43381b07] .el-dialog__body {
  padding-right: 20px;
}
.upload-demo[data-v-43381b07] .el-upload {
  left: 325px;
}
.upload-demo[data-v-43381b07] .el-upload-list {
  width: 380px;
}
.upload-demo[data-v-43381b07] .el-upload-list > li {
  width: 330px;
}
.upload-demo[data-v-43381b07] .el-upload-list > li .el-upload-list__item-name {
  margin-right: 20px;
}

.currentInfo .line[data-v-fccab2fa] {
  margin-bottom: 15px;
}
.currentInfo .line .label[data-v-fccab2fa] {
  display: inline-block;
  width: 100px;
  text-align: right;
}
.currentInfo .rules li[data-v-fccab2fa] {
  line-height: 40px;
}
.currentInfo .rules li span[data-v-fccab2fa]::before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  background: #6690ff;
  border-radius: 10px;
  vertical-align: 2px;
  margin-right: 5px;
}
.currentInfo[data-v-fccab2fa] .el-radio .el-radio__input.is-disabled + span.el-radio__label {
  color: #606266;
}
.currentInfo[data-v-fccab2fa] .el-radio .el-radio__input.is-disabled.is-checked + span.el-radio__label {
  color: #6690ff;
}
.currentInfo[data-v-fccab2fa] .el-radio .el-radio__input.is-checked .el-radio__inner {
  border-color: #6690ff !important;
  background: #6690ff !important;
}
.currentInfo[data-v-fccab2fa] .el-radio .el-radio__input.is-checked .el-radio__inner::after {
  background-color: #fff;
}


[data-v-36110452] .el-dialog__body {
  padding: 0;
}
.configure[data-v-36110452] {
  display: flex;
  height: 540px;
}
.configure .leftTable[data-v-36110452] {
  width: 500px;
  border-right: 1px solid #ebeef5;
  padding: 20px;
  overflow: auto;
}
.configure .leftTable[data-v-36110452] .el-pager li {
  min-width: 31px;
}
.configure .leftTable[data-v-36110452]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.configure .leftTable[data-v-36110452]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.configure .leftTable[data-v-36110452]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.configure .leftTable[data-v-36110452]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.configure .rightForm[data-v-36110452] {
  flex: 1;
  padding: 20px;
}
.configure .rightForm footer[data-v-36110452] {
  margin-top: 50px;
  text-align: right;
}
.configure .rightForm .line-form[data-v-36110452] {
  display: flex;
}
.configure .rightForm .line-form[data-v-36110452] .el-input {
  flex: 1;
}
.configure .rightForm .line-form[data-v-36110452] .el-radio {
  margin-right: 0;
}
.configure .rightForm .line-two[data-v-36110452] {
  display: flex;
  margin-top: 15px;
  margin-bottom: 20px;
}
.configure .rightForm .label[data-v-36110452] {
  display: inline-block;
  width: 100px;
  line-height: 32px;
  text-align: right;
  margin-right: 10px;
}
.configure .rightForm .nameClass[data-v-36110452] {
  width: 543px;
  flex: none !important;
}
.configure .rightForm .eltime[data-v-36110452] {
  width: 100px;
}
.configure .rightForm .mid[data-v-36110452] {
  line-height: 32px;
  margin: 0 5px;
}
.configure .rightForm .tips-icon[data-v-36110452] {
  position: initial;
  margin-left: 10px;
  vertical-align: -5px;
}
.configure .rightForm .bot[data-v-36110452] {
  padding-left: 10px;
}
.configure .rightForm .bot .bot-line[data-v-36110452] {
  padding: 10px 0px 20px 20px;
}
.configure .rightForm .bot .bot-line > i[data-v-36110452] {
  margin: 0 9px;
}
.configure .rightForm .bot .bot-line > i[data-v-36110452]:first-child {
  margin-left: 0;
}
.configure .rightForm .bot .bot-line .waterUse[data-v-36110452] {
  width: 100px;
}
.configure .rightForm .bot[data-v-36110452] .el-checkbox__label {
  padding-left: 6px;
}
.configure[data-v-36110452] .el-input-number--small {
  width: 98px;
}
.configure[data-v-36110452] .el-input-number--small .el-input__inner {
  padding-left: 24px;
  padding-right: 24px;
}
.configure[data-v-36110452] .el-input-number--small .el-input-number__decrease,
.configure[data-v-36110452] .el-input-number--small .el-input-number__increase {
  width: 22px;
  font-size: 12px;
}
.theme2 .configure .leftTable[data-v-36110452] {
  border-color: #494949;
}

.focusUser {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  position: relative;
  display: flex;
}
.focusUser .el-table .tableicon {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.focusUser .el-select .el-select-dropdown__empty {
  width: 140px;
}

.valveInfo {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.valveInfo .cnotent {
  width: 250px;
}
.valveInfo .cnotent .el-select--small {
  width: 110px !important;
}
.valveInfo .sepc .el-dialog__body {
  padding-right: 20px !important;
}
.valveInfo .wrap {
  margin: 0 auto;
  width: 100%;
}
.valveInfo .wrap .el-table {
  width: 1238px;
}
.valveInfo .picOne {
  display: inline-block;
  width: 592px;
  margin-left: 25px;
}
.valveInfo .picOne .pic {
  margin-left: 75px;
  margin-top: 10px;
}
.valveInfo .picTwo {
  margin-right: 100px;
}
.valveInfo .el-upload--picture-card {
  background-color: #fbfdff;
  border: 1px dashed #c0ccda;
  border-radius: 6px;
  box-sizing: border-box;
  width: 100px;
  height: 100px;
  line-height: 100px;
  vertical-align: top;
  margin-left: 5px;
}
.valveInfo .el-upload-list--picture-card .el-upload-list__item {
  width: 110px;
  height: 100px;
}
.copyUser {
  width: 200px;
}

.waterFactoryDevice {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.waterFactoryDevice .click-div {
  width: 200px;
  cursor: pointer;
  color: #6690FF;
}
.waterFactoryDevice .table-simple-checkbox .el-checkbox__label {
  display: none;
}
.waterFactoryDevice .el-table__fixed .el-table__fixed-header-wrapper .cell .el-checkbox__input {
  display: none;
}
.waterFactoryDevice .meterReading {
  margin-right: 20px;
}
.specialDeal .el-select-dropdown__empty {
  width: 300px;
}

.loading-btn[data-v-12da8358] {
  height: 30px;
  margin-top: 1px;
}
.tips-icon[data-v-12da8358] {
  right: -20px !important;
}
[data-v-12da8358] .el-dialog__body {
  padding-right: 20px!important;
}

.waterMeterImport {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}

.waterSourceFile {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
  /*上传图片*/
}
.waterSourceFile .el-upload--picture-card {
  background-color: #fbfdff;
  border: 1px dashed #c0ccda;
  border-radius: 6px;
  box-sizing: border-box;
  width: 100px;
  height: 100px;
  line-height: 100px;
  vertical-align: top;
  margin-left: 5px;
  position: relative;
}
.waterSourceFile .el-upload-list--picture-card .el-upload-list__item {
  width: 110px;
  height: 100px;
}
.waterSourceFile .hide .el-upload--picture-card {
  display: none;
}
.waterSourceFile .picOne {
  display: inline-block;
  width: 592px;
  margin-left: 12px;
}
.waterSourceFile .picTwo {
  margin-right: 2px;
  margin-left: 11px;
}
.waterSourceFile .cnotent {
  width: 281px;
}
.waterSourceFile .wrap {
  margin: 0 auto;
  width: 100%;
}
.waterSourceFile .wrap .el-table {
  position: relative;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 1238px;
  max-width: 100%;
  font-size: 14px;
  color: #606266;
}

.dataMigrate {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.dataMigrate .leftcon {
  width: 490px;
  height: 536px;
  padding: 10px 0;
  border: 1px solid #b7b7b742;
}
.dataMigrate .leftcon .tree-box {
  height: calc(100% - 23px);
  width: 494px;
}
.dataMigrate .rightcon {
  flex: 1;
  height: 100%;
  border: 1px solid #ebeef5;
  border-left: none;
  overflow: hidden;
}
.dataMigrate .userAgentWidth {
  width: 520px;
}
.dataMigrate .userAgentheight {
  height: 250px;
}
.dataMigrate .tree-box .overauto {
  width: 100%;
}
.dataMigrate .content {
  height: 190px;
  overflow: auto;
  width: 853px;
  border: 1px solid #DCDFE6;
  margin: 0;
}
.dataMigrate .return {
  height: 100px;
}
.dataMigrate .searchBox {
  display: flex;
}
.dataMigrate .searchBox .inp {
  line-height: 32px;
}
.dataMigrate .searchBox .el-date-editor.el-range-editor {
  width: 355px;
}
.dataMigrate .textareaUp {
  height: 220px;
  overflow: hidden;
}

.editorTest[data-v-220948ee] {
  position: relative;
  height: 100%;
  display: flex;
}
.editorTest .centerStructure[data-v-220948ee] {
  overflow: hidden;
  display: flex;
}
.editorTest .centerStructure > div[data-v-220948ee] {
  height: 100%;
}
.editorTest .jv-container[data-v-220948ee] {
  height: 100%;
  overflow-x: auto;
}

.screenConfiguration[data-v-09785614] {
  width: 100%;
  height: 100%;
  background: #fff;
  background-size: contain;
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
  position: relative;
}
.screenConfiguration .listbox[data-v-09785614] {
  display: grid;
  grid-template-columns: repeat(5, 354px);
  grid-row-gap: 20px;
  grid-column-gap: 22px;
  grid-auto-rows: 240px;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  padding-right: 10px;
}
.screenConfiguration .listbox[data-v-09785614]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.screenConfiguration .listbox[data-v-09785614]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.screenConfiguration .listbox[data-v-09785614]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.screenConfiguration .listbox[data-v-09785614]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.screenConfiguration .listbox li[data-v-09785614] {
  height: 240px;
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
  margin-bottom: 10px;
}
.screenConfiguration .listbox li .hoverbox[data-v-09785614] {
  position: relative;
  height: 200px;
  overflow: hidden;
}
.screenConfiguration .listbox li .layer[data-v-09785614] {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
}
.screenConfiguration .listbox li .layer[data-v-09785614]:hover {
  opacity: 1;
}
.screenConfiguration .listbox li .layer:hover ~ .up-content[data-v-09785614] {
  filter: blur(3px);
  transform: scale(1.08);
}
.screenConfiguration .listbox li .up-content[data-v-09785614] {
  height: 100%;
  border-bottom: 1px solid #dcdfe6;
  display: flex;
  flex-direction: column;
  background-repeat: no-repeat;
  background-size: contain;
  filter: blur(0px);
  transform: scale(1);
  transition: 1s;
}
.screenConfiguration .listbox li .up-content .btnp[data-v-09785614] {
  text-align: center;
  margin-top: 80px;
}
.screenConfiguration .listbox li .up-content.stable .el-button[data-v-09785614] {
  margin: auto;
}
.screenConfiguration .listbox li .down-content.stable[data-v-09785614] {
  text-align: center;
}
.screenConfiguration .listbox li .down-content[data-v-09785614] {
  line-height: 40px;
  padding: 0 10px;
}
.screenConfiguration .listbox li .down-content i[data-v-09785614] {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #ccc;
}
.screenConfiguration .listbox li .down-content i.active[data-v-09785614] {
  background: #6690ff;
}
.screenConfiguration .listbox li .fr[data-v-09785614] {
  float: right;
}
.screenConfiguration .diabox[data-v-09785614] {
  padding-right: 50px;
  padding-left: 0px;
  max-height: 510px;
  overflow: auto;
}
.screenConfiguration .diabox[data-v-09785614]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.screenConfiguration .diabox[data-v-09785614]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.screenConfiguration .diabox[data-v-09785614]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.screenConfiguration .diabox[data-v-09785614]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.screenConfiguration .diabox .unit[data-v-09785614] {
  text-align: center;
}
.screenConfiguration .diabox .remark[data-v-09785614] {
  margin-bottom: 0;
}
.screenConfiguration .diabox .sel-wid[data-v-09785614] .el-form-item__content {
  width: 196px;
}
.screenConfiguration .diabox .warn[data-v-09785614] {
  font-size: 12px;
}
.screenConfiguration .districtBox[data-v-09785614] .el-select {
  width: 175px;
  margin-right: 20px;
}
.screenConfiguration .districtBox[data-v-09785614] .el-select:nth-child(3) {
  margin-right: 0;
}
.screenConfiguration .districtBox[data-v-09785614] .el-select__tags {
  flex-wrap: nowrap;
}
.screenConfiguration .districtBox[data-v-09785614] .el-select__tags .el-tag {
  margin-left: 4px;
  max-width: 110px;
}
.wid194[data-v-09785614] {
  width: 194px;
}
.wid175[data-v-09785614] {
  width: 175px;
}
.theme2 .screenConfiguration[data-v-09785614] {
  background: #2a2b2d;
}
.theme2 .screenConfiguration .listbox li[data-v-09785614] {
  box-shadow: none;
}
.theme2 .screenConfiguration .listbox li .down-content[data-v-09785614] {
  background: #1a1a1a;
}
.theme2 .screenConfiguration .listbox li .up-content[data-v-09785614] {
  border-color: #2a2a2a;
}
.theme2 .screenConfiguration .avatar-uploader[data-v-09785614] .el-upload {
  border-color: #494949;
}
.avatar-uploader[data-v-09785614] {
  width: 180px;
  height: 68px;
}
.avatar-uploader[data-v-09785614] .el-upload {
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.avatar-uploader .el-upload[data-v-09785614]:hover {
  border-color: #409eff;
}
.avatar-uploader-icon[data-v-09785614] {
  font-size: 28px;
  color: #8c939d;
  width: 178px;
  height: 68px;
  line-height: 68px;
  text-align: center;
}
.avatar[data-v-09785614] {
  width: 178px;
  height: 68px;
  display: block;
  position: relative;
  z-index: 2;
}
.fixed[data-v-09785614] {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  color: #fff;
  font-size: 16px;
  background: rgba(0, 0, 0, 0.8);
}

.valveSetting {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.valveSetting .tips-icon {
  position: absolute;
  right: 0px;
  cursor: pointer;
  outline: none;
}
.valveSetting .dateWidth {
  width: 140px;
}
.valveSetting .cycleInput {
  width: 110px;
  margin-left: 10px;
}
.valveSetting .cycleTip {
  margin-left: 5px;
}
.valveSetting .searchBox .mini-width {
  width: 100px;
}
.valveSetting .searchBox .mini-width .el-input__inner {
  width: 100px !important;
}
.valveSetting .searchBox .el-date-editor.el-range-editor {
  width: 270px !important;
}
.valveSetting .el-drawer__header {
  font-size: 16px;
  padding: 10px 20px;
  margin-bottom: 0;
}
.valveSetting .el-drawer__body {
  overflow: hidden;
  height: calc(100% - 45px);
}
.valveSetting .el-dialog__body {
  padding-right: 20px;
}
.valveSetting .wrap {
  padding: 10px 20px;
  width: 100%;
  height: calc(100% - 52px);
  overflow: auto;
}
.valveSetting .wrap::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.valveSetting .wrap::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.valveSetting .wrap::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.valveSetting .wrap::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.valveSetting .wrap .dialog-footer {
  position: absolute;
  bottom: 20px;
}
.valveSetting .wrap .botCon {
  display: flex;
  height: calc(100% - 42px);
}
.valveSetting .drawer-footer {
  text-align: right;
  padding-right: 20px;
}
.valveSetting .dia-tree {
  width: 240px;
  height: 100%;
  border: 1px solid #EBEEF5;
}
.valveSetting .dia-tree .tree-box {
  height: 100%;
}
.valveSetting .dia-tree .tree-box .overauto {
  height: calc(100% - 73px);
}
.valveSetting .dia-table {
  flex: 1;
  height: 100%;
  overflow: hidden;
  margin-left: 10px;
}
.valveSetting .searchBox .el-date-editor.el-range-editor {
  width: 350px;
}
.theme2 .valveSetting .dia-tree {
  border-color: #494949;
}
.theme2 .valveSetting .specialDay .el-input-group__append {
  color: #b7b7b7 !important;
}
.theme1 .specialDay .el-input-group__append {
  color: #404042 !important;
}

.echarts[data-v-1c435426] {
  width: 100%;
  height: 100%;
}
.chart_tab[data-v-1c435426] {
  display: flex;
  position: absolute;
  top: 130px;
  right: 100px;
  width: 150px;
  z-index: 100;
}
.chart_tab .chart_tab_label[data-v-1c435426] {
  margin: 26px auto auto;
}
.chart_tab .chart_tab_select[data-v-1c435426] {
  width: 100px;
  margin-top: 20px;
}

.echarts[data-v-48fc5776] {
  width: 100%;
  height: 100%;
}
.chart_tab[data-v-48fc5776] {
  display: flex;
  position: absolute;
  top: 130px;
  right: 100px;
  width: 150px;
  z-index: 100;
}
.chart_tab .chart_tab_label[data-v-48fc5776] {
  margin: 26px auto auto;
}
.chart_tab .chart_tab_select[data-v-48fc5776] {
  width: 100px;
  margin-top: 20px;
}

.dmaPartitionReport[data-v-8ca6887a] {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  position: relative;
  display: flex;
}
.dmaPartitionReport .centerStructure[data-v-8ca6887a] {
  padding-top: 0;
}
.dmaPartitionReport .centerStructure .reportEcharts[data-v-8ca6887a] {
  width: 100%;
  height: calc(100% - 50px);
}
.dmaPartitionReport .countNumber[data-v-8ca6887a] {
  color: #6690ff;
  font-weight: bolder;
}
.dmaPartitionReport .countLabel[data-v-8ca6887a] {
  background-color: #fafafa;
}
.dmaPartitionReport .link[data-v-8ca6887a] {
  cursor: pointer;
  color: #6690ff;
}
.dmaPartitionReport .bottomDiv[data-v-8ca6887a] {
  display: flex;
  background-color: #f5f7fa;
  height: 50px;
}
.dmaPartitionReport .bottomDiv .bottomDivChild[data-v-8ca6887a] {
  width: 100%;
  padding: 15px 0 15px 0;
  font-weight: bold;
}
.dmaPartitionReport .bottomDiv .bottomDivChild span[data-v-8ca6887a] {
  margin: 0 20px;
}
.theme2 .dmaPartitionReport .bottomDiv[data-v-8ca6887a] {
  width: 100%;
  height: 50px;
  display: flex;
  background-color: #494949;
  -webkit-tap-highlight-color: rgba(0, 0, 0);
}
.theme2 .countLabel[data-v-8ca6887a] {
  background-color: #494949;
}
.theme2 .link[data-v-8ca6887a]:hover {
  color: #4d91ff;
}

.dmaReportDefaultColor {
  color: #404042;
  cursor: auto;
}
.theme2 .dmaReportDefaultColor {
  color: #b7b7b7;
  cursor: auto;
}

.echarts[data-v-555c2032] {
  width: 100%;
  height: 100%;
}
.chart_tab[data-v-555c2032] {
  display: flex;
  position: absolute;
  top: 130px;
  right: 100px;
  width: 150px;
  z-index: 100;
}
.chart_tab .chart_tab_label[data-v-555c2032] {
  margin: 26px auto auto;
}
.chart_tab .chart_tab_select[data-v-555c2032] {
  width: 100px;
  margin-top: 20px;
}

.echarts[data-v-4aa3c965] {
  width: 100%;
  height: 100%;
}
.chart_tab[data-v-4aa3c965] {
  display: flex;
  position: absolute;
  top: 130px;
  right: 100px;
  width: 150px;
  z-index: 100;
}
.chart_tab .chart_tab_label[data-v-4aa3c965] {
  margin: 26px auto auto;
}
.chart_tab .chart_tab_select[data-v-4aa3c965] {
  width: 100px;
  margin-top: 20px;
}

.dmaPartitionReportTS[data-v-1e6c2dba] {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  position: relative;
  display: flex;
}
.dmaPartitionReportTS .centerStructure[data-v-1e6c2dba] {
  padding-top: 0;
}
.dmaPartitionReportTS .centerStructure .reportEcharts[data-v-1e6c2dba] {
  width: 100%;
  height: calc(100% - 50px);
}
.dmaPartitionReportTS .countNumber[data-v-1e6c2dba] {
  color: #6690ff;
  font-weight: bolder;
}
.dmaPartitionReportTS .countLabel[data-v-1e6c2dba] {
  background-color: #fafafa;
}
.dmaPartitionReportTS .link[data-v-1e6c2dba] {
  cursor: pointer;
  color: #6690ff;
}
.dmaPartitionReportTS .bottomDiv[data-v-1e6c2dba] {
  display: flex;
  background-color: #f5f7fa;
  height: 50px;
}
.dmaPartitionReportTS .bottomDiv .bottomDivChild[data-v-1e6c2dba] {
  width: 100%;
  padding: 15px 0 15px 0;
  font-weight: bold;
}
.dmaPartitionReportTS .bottomDiv .bottomDivChild span[data-v-1e6c2dba] {
  margin: 0 20px;
}
.theme2 .dmaPartitionReportTS .bottomDiv[data-v-1e6c2dba] {
  width: 100%;
  height: 50px;
  display: flex;
  background-color: #494949;
  -webkit-tap-highlight-color: rgba(0, 0, 0);
}
.theme2 .countLabel[data-v-1e6c2dba] {
  background-color: #494949;
}
.theme2 .link[data-v-1e6c2dba]:hover {
  color: #4d91ff;
}

.dmaReportDefaultColor {
  color: #404042;
  cursor: auto;
}
.theme2 .dmaReportDefaultColor {
  color: #b7b7b7;
  cursor: auto;
}

.search-addr {
  width: 100%;
  display: flex;
  align-items: center;
}
.search-addr .el-autocomplete {
  width: 100%;
}
.search-addr .phone {
  line-height: 32px;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.search-addr .el-input__suffix {
  margin-right: 5px;
  top: 2px;
}
.search-addr .flex {
  display: flex;
  align-items: center;
}
.search-addr .coordinateType .el-input {
  width: 120px;
  flex: initial !important;
}
.search-addr .coordinateType .el-button {
  height: 32px;
  margin-left: 15px;
}
.singleSearch {
  box-shadow: 1px 3px 5px #999;
}
.singleSearch.el-autocomplete-suggestion {
  border: none;
}
.singleSearch li {
  line-height: normal;
  padding: 7px;
  padding-left: 15px;
  padding-right: 15px;
  border-bottom: 1px solid #bbbcc490;
}
.singleSearch li:last-child {
  border: none;
}
.theme2 .singleSearch {
  box-shadow: 1px 3px 5px #333;
  background: #18191b;
}
.theme2 .area_search .el-input__inner {
  background: #18191bf2 !important;
}

.layerDisplay[data-v-76b7484c] {
  position: relative;
}
.layerDisplay .el-checkbox[data-v-76b7484c] {
  min-width: 100px;
  margin-right: 0;
  margin-bottom: 5px;
}
.layerDisplay .ltit[data-v-76b7484c] {
  display: inline-block;
  min-width: 100px;
  color: #c7d9e5;
}
.layerDisplay .flex[data-v-76b7484c] {
  display: flex;
  margin-bottom: 10px;
}

.influenceFacilities .pl26[data-v-2d666edd] {
  padding-left: 26px;
}
.influenceFacilities .rowStyle[data-v-2d666edd] {
  width: 100%;
  margin-top: 10px;
}
.influenceFacilities .pointer[data-v-2d666edd] {
  cursor: pointer;
}
.influenceFacilities .fontWeight[data-v-2d666edd] {
  font-weight: bold;
}
.influenceFacilities .fontColor[data-v-2d666edd] {
  color: #6690ff;
}
.influenceFacilities .notAllowed[data-v-2d666edd] {
  pointer-events: none;
}
.influenceFacilities .over-flow-text[data-v-2d666edd] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.valveClosingAnalysis .lh[data-v-717cd6bd] {
  line-height: 26px;
}

.pipeCrackingAnalysis .lh[data-v-e164b322] {
  line-height: 26px;
}

.flowAnalysis[data-v-46a0e822] {
  position: relative;
}
.flowAnalysis .span-label[data-v-46a0e822] {
  min-width: 90px !important;
}
.flowAnalysis .input-line[data-v-46a0e822] {
  margin: 20px 0;
}
.flowAnalysis .lh[data-v-46a0e822] {
  line-height: 26px;
}

.createConnectivity[data-v-229a4826] {
  position: relative;
}
.createConnectivity .lh[data-v-229a4826] {
  line-height: 28px;
  margin: 20px 0;
}

.searchBox[data-v-735a9bf0] {
  height: auto;
  display: flex;
}
.searchBox .input-with-select[data-v-735a9bf0] {
  width: 300px;
}
.searchBox .input-with-select .el-input__inner[data-v-735a9bf0] {
  width: 160px;
}
.searchBox .inp[data-v-735a9bf0] {
  line-height: 32px;
}
.searchBox .meterType[data-v-735a9bf0] {
  margin-right: 10px;
}
.searchBox .pt5[data-v-735a9bf0] {
  padding: 5px 0;
}
.searchBox .pl5[data-v-735a9bf0] {
  padding-right: 5px;
}


.gis3DPipe.spec-page .el-input__inner[data-v-44567c55] {
  background: transparent;
  border-color: #00aaaa;
}
.gis3DPipe.spec-page .el-radio[data-v-44567c55],
.gis3DPipe.spec-page .el-input__inner[data-v-44567c55] {
  color: #bfbfbf;
}
.gis3DPipe.spec-page .el-radio__input.is-checked + .el-radio__label[data-v-44567c55] {
  color: #00aaaa;
}
.gis3DPipe.spec-page .el-radio__input.is-checked .el-radio__inner[data-v-44567c55] {
  border-color: #00aaaa;
  background: #00aaaa;
}
.gis3DPipe.spec-page .lintit[data-v-44567c55] {
  margin-bottom: 0;
}
.gis3DPipe.spec-page .lintit i[data-v-44567c55] {
  background: linear-gradient(to bottom, #00aaaa, #0a4d4e);
}
.gis3DPipe.spec-page .el-button--primary[data-v-44567c55] {
  background: linear-gradient(to bottom, #00aaaaa0, #0a4d4ea0 70%);
}
.gis3DPipe.spec-page .el-button--primary[data-v-44567c55]:hover {
  background: linear-gradient(to top, #00aaaaa0, #0a4d4ea0 70%);
}
.gis3DPipe.spec-page .el-table[data-v-44567c55] {
  background: none;
}
.gis3DPipe.spec-page .el-table tr[data-v-44567c55],
.gis3DPipe.spec-page .el-table .el-table__header-wrapper thead[data-v-44567c55],
.gis3DPipe.spec-page .el-table .el-table__header-wrapper thead th[data-v-44567c55],
.gis3DPipe.spec-page .el-table .el-table__header-wrapper thead tr[data-v-44567c55] {
  background: none;
  color: #bfbfbf;
}
.gis3DPipe.spec-page .el-table.el-table--border[data-v-44567c55],
.gis3DPipe.spec-page .el-table.el-table--group[data-v-44567c55],
.gis3DPipe.spec-page .el-table td[data-v-44567c55],
.gis3DPipe.spec-page .el-table th.is-leaf[data-v-44567c55] {
  border-color: #5c6e7b;
}
.gis3DPipe.spec-page .el-table[data-v-44567c55]::before {
  height: 0px;
  box-sizing: border-box;
  border-top: 1px solid #5c6e7b;
}
.gis3DPipe.spec-page .el-table.el-table--border[data-v-44567c55]::after {
  background: #5c6e7b;
}
.gis3DPipe.spec-page .el-table.el-table--enable-row-hover .el-table__body tr:hover > td[data-v-44567c55] {
  background-color: #080d19a0 !important;
}
.gis3DPipe.spec-page .el-table .el-table__body tr.current-row > td.el-table__cell[data-v-44567c55] {
  background: none;
}
.gis3DPipe.spec-page .el-collapse[data-v-44567c55] {
  border: none;
}
.gis3DPipe.spec-page .el-collapse-item__wrap[data-v-44567c55] {
  background-color: inherit;
  color: #bfbfbf;
  border-bottom-color: transparent;
  padding-left: 10px;
}
.gis3DPipe.spec-page .el-collapse-item__header[data-v-44567c55] {
  background-color: inherit;
  color: #bfbfbf;
  border-bottom: 1px solid #5c6e7b;
}
.gis3DPipe.spec-page .el-collapse-item__header.is-active[data-v-44567c55] {
  border-bottom-color: transparent;
}
.gis3DPipe.spec-page .el-collapse-item__content[data-v-44567c55] {
  padding-bottom: 15px;
}
.gis3DPipe.spec-page .el-checkbox[data-v-44567c55] {
  color: #bfbfbf;
  /*解决图层显示全选在不确定情况下样式问题*/
}
.gis3DPipe.spec-page .el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner[data-v-44567c55] {
  background: #00aaaa;
  border-color: #00aaaa;
}
.gis3DPipe.spec-page .el-checkbox .el-checkbox__input.is-checked + .el-checkbox__label[data-v-44567c55] {
  color: #00aaaa;
}
.gis3DPipe.spec-page .el-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner[data-v-44567c55] {
  background-color: #00aaaa;
  border-color: #00aaaa;
}
.gis3DPipe.spec-page .el-input input[data-v-44567c55]::-webkit-input-placeholder,
.gis3DPipe.spec-page .el-textarea textarea[data-v-44567c55]::-webkit-input-placeholder,
.gis3DPipe.spec-page .el-range-input[data-v-44567c55]::-webkit-input-placeholder {
  color: #bfbfbf;
}
.gis3DPipe.spec-page .el-dialog[data-v-44567c55] {
  background: transparent;
  backdrop-filter: blur(10px);
  border-radius: 15px;
  border: 1px solid #00aaaa;
}
.gis3DPipe.spec-page .el-dialog__header[data-v-44567c55] {
  border-color: #00aaaa;
}
.gis3DPipe.spec-page .el-dialog__header .el-dialog__title[data-v-44567c55],
.gis3DPipe.spec-page .el-dialog__header .el-dialog__headerbtn .el-dialog__close[data-v-44567c55] {
  color: #c7d9e5;
}
.gis3DPipe.spec-page .el-dialog__header .el-dialog__headerbtn:hover .el-dialog__close[data-v-44567c55] {
  color: #00aaaa;
}
.countDialog .sin-dev > li[data-v-44567c55]:not(:first-child) {
  padding-left: 10px;
  height: 28px;
}
.countDialog .sin-dev > li:not(:first-child) > span[data-v-44567c55] {
  display: inline-block;
  overflow: hidden;
}
.countDialog .sin-dev > li:not(:first-child) > span[data-v-44567c55]:nth-child(2) {
  width: 240px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.countDialog .sin-dev > li[data-v-44567c55]:first-child {
  margin-bottom: 10px;
}
.countDialog .sin-dev > li[data-v-44567c55]:last-child {
  margin-bottom: 10px;
}
.countDialog .sin-dev .imgLi[data-v-44567c55] {
  display: flex;
  height: 60px !important;
}
.countDialog .sin-dev .imgLi[data-v-44567c55] .el-image {
  width: 60px;
  height: 60px;
  margin-left: 10px;
}
[data-v-44567c55] .el-dialog {
  overflow: hidden;
}
[data-v-44567c55] .el-dialog .el-dialog__body {
  max-height: 56vh;
  overflow: auto;
}
[data-v-44567c55] .el-dialog .el-dialog__body::-webkit-scrollbar-track-piece {
  background-color: #00e7ff29;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}
[data-v-44567c55] .el-dialog .el-dialog__body::-webkit-scrollbar {
  width: 4px;
  height: 10px;
}
[data-v-44567c55] .el-dialog .el-dialog__body::-webkit-scrollbar-thumb {
  background-color: #00e7ff4a;
  background-clip: padding-box;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}
[data-v-44567c55] .el-dialog .el-dialog__body::-webkit-scrollbar-thumb:hover {
  background-color: #00e7ff4a;
}

.bisectAnalysis[data-v-3d6ce17e] {
  position: relative;
}
.bisectAnalysis .left-area .tabPosition[data-v-3d6ce17e] {
  text-align: center;
  margin-bottom: 10px;
  margin-top: 10px;
}
.bisectAnalysis .left-area .deepButton[data-v-3d6ce17e] {
  margin-top: 10px;
  float: right;
}
.bisectAnalysis .left-area .fontColor[data-v-3d6ce17e] {
  color: #6690ff;
}
.bisectAnalysis .left-area .tipInfo[data-v-3d6ce17e] {
  margin-top: 20px;
  margin-bottom: 20px;
}
.bisectAnalysis .left-area[data-v-3d6ce17e] .el-radio-button--small .el-radio-button__inner {
  font-size: 14px !important;
  background: linear-gradient(to bottom, #00aaaaa0, #0a4d4ea0 70%);
  color: #c7d9e5;
  border-color: #00aaaaa0;
}
.bisectAnalysis .left-area[data-v-3d6ce17e] .el-radio-button__orig-radio:checked + .el-radio-button__inner {
  box-shadow: -1px 0 0 0 #00aaaa;
}
.bisectAnalysis .left-area .active[data-v-3d6ce17e] {
  background: linear-gradient(to top, #00aaaa, #4d91ff00 100%);
  border-color: #00aaaaa0;
  border-radius: 5px;
}

.bisectAnalysisDialog .chart-area[data-v-2132a7de] {
  width: 1000px;
  height: 500px;
}

.influenceFacilities .pl31[data-v-04950f45] {
  padding-left: 31px;
  pointer-events: none;
}
.influenceFacilities .pl26[data-v-04950f45] {
  padding-left: 26px;
  pointer-events: none;
}
.influenceFacilities .rowStyle[data-v-04950f45] {
  width: 100%;
  margin-top: 10px;
}
.influenceFacilities .pointer[data-v-04950f45] {
  cursor: pointer;
}
.influenceFacilities .fontWeight[data-v-04950f45] {
  font-weight: bold;
}
.influenceFacilities .fontColor[data-v-04950f45] {
  color: #6690ff;
}
.influenceFacilities .notAllowed[data-v-04950f45] {
  pointer-events: none;
}
.influenceFacilities .over-flow-text[data-v-04950f45] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shortPath .lh[data-v-8a10ccd4] {
  line-height: 26px;
}

.gis3DPipe.spec-page .el-input__inner[data-v-155b4652] {
  background: transparent;
  border-color: #00aaaa;
}
.gis3DPipe.spec-page .el-radio[data-v-155b4652],
.gis3DPipe.spec-page .el-input__inner[data-v-155b4652] {
  color: #bfbfbf;
}
.gis3DPipe.spec-page .el-radio__input.is-checked + .el-radio__label[data-v-155b4652] {
  color: #00aaaa;
}
.gis3DPipe.spec-page .el-radio__input.is-checked .el-radio__inner[data-v-155b4652] {
  border-color: #00aaaa;
  background: #00aaaa;
}
.gis3DPipe.spec-page .lintit[data-v-155b4652] {
  margin-bottom: 0;
}
.gis3DPipe.spec-page .lintit i[data-v-155b4652] {
  background: linear-gradient(to bottom, #00aaaa, #0a4d4e);
}
.gis3DPipe.spec-page .el-button--primary[data-v-155b4652] {
  background: linear-gradient(to bottom, #00aaaaa0, #0a4d4ea0 70%);
}
.gis3DPipe.spec-page .el-button--primary[data-v-155b4652]:hover {
  background: linear-gradient(to top, #00aaaaa0, #0a4d4ea0 70%);
}
.gis3DPipe.spec-page .el-table[data-v-155b4652] {
  background: none;
}
.gis3DPipe.spec-page .el-table tr[data-v-155b4652],
.gis3DPipe.spec-page .el-table .el-table__header-wrapper thead[data-v-155b4652],
.gis3DPipe.spec-page .el-table .el-table__header-wrapper thead th[data-v-155b4652],
.gis3DPipe.spec-page .el-table .el-table__header-wrapper thead tr[data-v-155b4652] {
  background: none;
  color: #bfbfbf;
}
.gis3DPipe.spec-page .el-table.el-table--border[data-v-155b4652],
.gis3DPipe.spec-page .el-table.el-table--group[data-v-155b4652],
.gis3DPipe.spec-page .el-table td[data-v-155b4652],
.gis3DPipe.spec-page .el-table th.is-leaf[data-v-155b4652] {
  border-color: #5c6e7b;
}
.gis3DPipe.spec-page .el-table[data-v-155b4652]::before {
  height: 0px;
  box-sizing: border-box;
  border-top: 1px solid #5c6e7b;
}
.gis3DPipe.spec-page .el-table.el-table--border[data-v-155b4652]::after {
  background: #5c6e7b;
}
.gis3DPipe.spec-page .el-table.el-table--enable-row-hover .el-table__body tr:hover > td[data-v-155b4652] {
  background-color: #080d19a0 !important;
}
.gis3DPipe.spec-page .el-table .el-table__body tr.current-row > td.el-table__cell[data-v-155b4652] {
  background: none;
}
.gis3DPipe.spec-page .el-collapse[data-v-155b4652] {
  border: none;
}
.gis3DPipe.spec-page .el-collapse-item__wrap[data-v-155b4652] {
  background-color: inherit;
  color: #bfbfbf;
  border-bottom-color: transparent;
  padding-left: 10px;
}
.gis3DPipe.spec-page .el-collapse-item__header[data-v-155b4652] {
  background-color: inherit;
  color: #bfbfbf;
  border-bottom: 1px solid #5c6e7b;
}
.gis3DPipe.spec-page .el-collapse-item__header.is-active[data-v-155b4652] {
  border-bottom-color: transparent;
}
.gis3DPipe.spec-page .el-collapse-item__content[data-v-155b4652] {
  padding-bottom: 15px;
}
.gis3DPipe.spec-page .el-checkbox[data-v-155b4652] {
  color: #bfbfbf;
  /*解决图层显示全选在不确定情况下样式问题*/
}
.gis3DPipe.spec-page .el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner[data-v-155b4652] {
  background: #00aaaa;
  border-color: #00aaaa;
}
.gis3DPipe.spec-page .el-checkbox .el-checkbox__input.is-checked + .el-checkbox__label[data-v-155b4652] {
  color: #00aaaa;
}
.gis3DPipe.spec-page .el-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner[data-v-155b4652] {
  background-color: #00aaaa;
  border-color: #00aaaa;
}
.gis3DPipe.spec-page .el-input input[data-v-155b4652]::-webkit-input-placeholder,
.gis3DPipe.spec-page .el-textarea textarea[data-v-155b4652]::-webkit-input-placeholder,
.gis3DPipe.spec-page .el-range-input[data-v-155b4652]::-webkit-input-placeholder {
  color: #bfbfbf;
}
.gis3DPipe.spec-page .el-dialog[data-v-155b4652] {
  background: transparent;
  backdrop-filter: blur(10px);
  border-radius: 15px;
  border: 1px solid #00aaaa;
}
.gis3DPipe.spec-page .el-dialog__header[data-v-155b4652] {
  border-color: #00aaaa;
}
.gis3DPipe.spec-page .el-dialog__header .el-dialog__title[data-v-155b4652],
.gis3DPipe.spec-page .el-dialog__header .el-dialog__headerbtn .el-dialog__close[data-v-155b4652] {
  color: #c7d9e5;
}
.gis3DPipe.spec-page .el-dialog__header .el-dialog__headerbtn:hover .el-dialog__close[data-v-155b4652] {
  color: #00aaaa;
}
.orderStatistics[data-v-155b4652] {
  position: relative;
}
.orderStatistics .checkbox[data-v-155b4652] {
  width: 120px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orderStatistics[data-v-155b4652] .el-checkbox__input {
  margin-bottom: 8px !important;
}
.orderStatistics .rig[data-v-155b4652] {
  display: flex;
}
.orderStatistics .select[data-v-155b4652] {
  margin: 16px 0;
  width: 140px;
}
.orderStatistics .che[data-v-155b4652] {
  max-height: 500px;
  overflow-y: auto;
}
.orderStatistics .che[data-v-155b4652]::-webkit-scrollbar-track-piece {
  background-color: #00e7ff29;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}
.orderStatistics .che[data-v-155b4652]::-webkit-scrollbar {
  width: 4px;
  height: 10px;
}
.orderStatistics .che[data-v-155b4652]::-webkit-scrollbar-thumb {
  background-color: #00e7ff4a;
  background-clip: padding-box;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}
.orderStatistics .che[data-v-155b4652]::-webkit-scrollbar-thumb:hover {
  background-color: #00e7ff4a;
}
.orderStatistics .pb5[data-v-155b4652] {
  padding-bottom: 5px;
  margin-right: 0;
}
.orderStatistics .wh140[data-v-155b4652] {
  width: 140px;
}

.gis3DPipe.spec-page .el-input__inner {
  background: transparent;
  border-color: #00aaaa;
}
.gis3DPipe.spec-page .el-radio,
.gis3DPipe.spec-page .el-input__inner {
  color: #c7d9e5;
}
.gis3DPipe.spec-page .el-radio__input.is-checked + .el-radio__label {
  color: #00aaaa;
}
.gis3DPipe.spec-page .el-radio__input.is-checked .el-radio__inner {
  border-color: #00aaaa;
  background: #00aaaa;
}
.gis3DPipe.spec-page .lintit {
  margin-bottom: 0;
}
.gis3DPipe.spec-page .lintit i {
  background: linear-gradient(to bottom, #00aaaa, #0a4d4e);
}
.gis3DPipe.spec-page .el-button--primary {
  background: linear-gradient(to bottom, #00aaaaa0, #0a4d4ea0 70%);
}
.gis3DPipe.spec-page .el-button--primary:hover {
  background: linear-gradient(to top, #00aaaaa0, #0a4d4ea0 70%);
}
.gis3DPipe.spec-page .el-table {
  background: none;
}
.gis3DPipe.spec-page .el-table tr,
.gis3DPipe.spec-page .el-table .el-table__header-wrapper thead,
.gis3DPipe.spec-page .el-table .el-table__header-wrapper thead th,
.gis3DPipe.spec-page .el-table .el-table__header-wrapper thead tr {
  background: none;
  color: #c7d9e5;
}
.gis3DPipe.spec-page .el-table.el-table--border,
.gis3DPipe.spec-page .el-table.el-table--group,
.gis3DPipe.spec-page .el-table td,
.gis3DPipe.spec-page .el-table th.is-leaf {
  border-color: #5c6e7b;
}
.gis3DPipe.spec-page .el-table::before {
  height: 0px;
  box-sizing: border-box;
  border-top: 1px solid #5c6e7b;
}
.gis3DPipe.spec-page .el-table.el-table--border::after {
  background: #5c6e7b;
}
.gis3DPipe.spec-page .el-table.el-table--enable-row-hover .el-table__body tr:hover > td {
  background-color: #080d19a0 !important;
}
.gis3DPipe.spec-page .el-table .el-table__body tr.current-row > td.el-table__cell {
  background: none;
}
.gis3DPipe.spec-page .el-collapse {
  border: none;
}
.gis3DPipe.spec-page .el-collapse-item__wrap {
  background-color: inherit;
  color: #c7d9e5;
  border-bottom-color: transparent;
  padding-left: 10px;
}
.gis3DPipe.spec-page .el-collapse-item__header {
  background-color: inherit;
  color: #c7d9e5;
  border-bottom: 1px solid #5c6e7b;
}
.gis3DPipe.spec-page .el-collapse-item__header.is-active {
  border-bottom-color: transparent;
}
.gis3DPipe.spec-page .el-collapse-item__content {
  padding-bottom: 15px;
}
.gis3DPipe.spec-page .el-checkbox {
  color: #c7d9e5;
  /*解决图层显示全选在不确定情况下样式问题*/
}
.gis3DPipe.spec-page .el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner {
  background: #00aaaa;
  border-color: #00aaaa;
}
.gis3DPipe.spec-page .el-checkbox .el-checkbox__input.is-checked + .el-checkbox__label {
  color: #00aaaa;
}
.gis3DPipe.spec-page .el-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #00aaaa;
  border-color: #00aaaa;
}
.gis3DPipe.spec-page .el-input input::-webkit-input-placeholder,
.gis3DPipe.spec-page .el-textarea textarea::-webkit-input-placeholder,
.gis3DPipe.spec-page .el-range-input::-webkit-input-placeholder {
  color: #c7d9e5;
}
.gis3DPipe.spec-page .el-dialog {
  background: transparent;
  backdrop-filter: blur(10px);
  border-radius: 15px;
  border: 1px solid #00aaaa;
}
.gis3DPipe.spec-page .el-dialog__header {
  border-color: #00aaaa;
}
.gis3DPipe.spec-page .el-dialog__header .el-dialog__title,
.gis3DPipe.spec-page .el-dialog__header .el-dialog__headerbtn .el-dialog__close {
  color: #c7d9e5;
}
.gis3DPipe.spec-page .el-dialog__header .el-dialog__headerbtn:hover .el-dialog__close {
  color: #00aaaa;
}
.gis3DPipe.spec-page {
  position: relative;
  display: flex;
  height: 100%;
  width: 100%;
  overflow: hidden;
  color: #c7d9e5;
  padding-right: 10px;
  background: #f6f4fc;
}
.gis3DPipe.spec-page .mt10 {
  margin-top: 10px;
}
.gis3DPipe.spec-page .bottom-color {
  position: absolute;
  bottom: -1px;
  width: calc(100% + 2px);
  left: -1px;
  height: 50px;
  background: transparent;
  border-radius: 15px;
  box-sizing: border-box;
  border: 1px solid #00aaaa;
  border-top: none;
}
.gis3DPipe.spec-page .top-color {
  position: absolute;
  top: -1px;
  width: calc(100% + 2px);
  left: -1px;
  height: 50px;
  background: transparent;
  border-radius: 15px;
  box-sizing: border-box;
  border: 1px solid #00aaaa;
  border-bottom: none;
}
.gis3DPipe.spec-page .blur-box {
  width: 100%;
  height: 100%;
  background: transparent;
  backdrop-filter: blur(10px);
  z-index: 1;
  position: relative;
  overflow: hidden;
  border-radius: 15px;
}
.gis3DPipe.spec-page .controls-bar {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -390px;
  width: 780px;
  height: 110px;
  z-index: 23;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  backdrop-filter: none;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.4);
  transition: all 0.2s ease-out;
}
.gis3DPipe.spec-page .controls-bar::before {
  content: " ";
  position: absolute;
  top: 0;
  left: -1px;
  width: 1px;
  height: 80px;
  background: transparent;
  border-right: 1px solid transparent;
  box-sizing: border-box;
  border-image: linear-gradient(to top, #00aaaa, #4d91ff00 50%) 2 2;
  z-index: 22;
}
.gis3DPipe.spec-page .controls-bar::after {
  content: " ";
  position: absolute;
  top: 0;
  right: -1px;
  width: 1px;
  height: 80px;
  background: transparent;
  border-right: 1px solid transparent;
  box-sizing: border-box;
  border-image: linear-gradient(to top, #00aaaa, #4d91ff00 50%) 2 2;
  z-index: 22;
}
.gis3DPipe.spec-page .controls-bar .foldBtn {
  position: absolute;
  z-index: 2;
  bottom: -21px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-left: -20px;
  left: 50%;
  background: transparent;
  backdrop-filter: blur(6px);
  clip-path: polygon(0 48%, 100% 48%, 100% 100%, 0% 100%);
  box-sizing: border-box;
  border: 1px solid #00aaaa;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.gis3DPipe.spec-page .controls-bar .foldBtn > span {
  margin-top: 13px;
  color: #00aaaa;
}
.gis3DPipe.spec-page .controls-bar .blur-box {
  display: flex;
  border-radius: 0px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
.gis3DPipe.spec-page .controls-bar .nextBtn,
.gis3DPipe.spec-page .controls-bar .prevBtn {
  position: absolute;
  top: 20px;
  width: 40px;
  height: 70px;
  min-width: 0;
  line-height: 70px;
  text-align: center;
  z-index: 12;
  margin: 0;
}
.gis3DPipe.spec-page .controls-bar .nextBtn {
  right: 20px;
}
.gis3DPipe.spec-page .controls-bar .prevBtn {
  left: 20px;
}
.gis3DPipe.spec-page .controls-bar .one-line {
  width: 80%;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.gis3DPipe.spec-page .mySwiper {
  width: 620px;
  height: 110px;
  z-index: 99;
  overflow: hidden;
  margin: 0 auto;
}
.gis3DPipe.spec-page .mySwiper .swiper-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.gis3DPipe.spec-page .mySwiper .swiper-slide {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 10px;
  padding-right: 10px;
}
.gis3DPipe.spec-page .feature-wrap {
  position: relative;
  height: 74px;
  min-width: 90px;
  background: linear-gradient(to bottom, #00ffff, #4d91ff00 80%);
  border-radius: 10px;
  padding: 1px;
  cursor: pointer;
  user-select: none;
}
.gis3DPipe.spec-page .feature-wrap.active {
  transform: scale(1.08);
}
.gis3DPipe.spec-page .feature-wrap.active::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(to bottom right, #00f3ff, #4d91ff);
  border-radius: inherit;
  filter: blur(8px) brightness(1.5);
  transform: translateY(0%) scale(0.95);
  z-index: -1;
}
.gis3DPipe.spec-page .feature-wrap:last-child {
  margin: 0;
}
.gis3DPipe.spec-page .feature-wrap .ceng-one {
  width: 100%;
  height: 100%;
  background: #080d19;
  border-radius: 10px;
}
.gis3DPipe.spec-page .feature-wrap .ceng-two {
  position: absolute;
  z-index: 1;
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: 100%;
  background: linear-gradient(to bottom, #00ffff4d, #4d91ff00 80%);
  border-radius: 10px;
}
.gis3DPipe.spec-page .feature-wrap .ceng-three {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.gis3DPipe.spec-page .feature-wrap .ceng-three i {
  margin-top: -5px;
  font-size: 24px;
  background-image: linear-gradient(to right, #00ffff, #4d91ff);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.gis3DPipe.spec-page .feature-wrap .ceng-three span {
  color: #00e1ff;
}
.gis3DPipe.spec-page .settings-btn {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 88;
}
.gis3DPipe.spec-page .settings-btn .feature-wrap {
  width: 74px;
}
.gis3DPipe.spec-page .left-bar {
  position: absolute;
  z-index: 66;
  left: 1px;
  top: 12px;
  width: 360px;
  height: calc(100% - 20px);
  box-shadow: 10px 5px 30px rgba(0, 0, 0, 0.4);
  border-radius: 15px;
  transition: all 0.3s ease-out;
}
.gis3DPipe.spec-page .left-bar::before {
  content: " ";
  position: absolute;
  top: 30px;
  left: -1px;
  width: 1px;
  height: 830px;
  background: transparent;
  border-right: 1px solid transparent;
  box-sizing: border-box;
  border-image: linear-gradient(to bottom, #00aaaa, #4d91ff00 70%) 2 2;
  z-index: 22;
}
.gis3DPipe.spec-page .left-bar::after {
  content: " ";
  position: absolute;
  top: 30px;
  right: -1px;
  width: 1px;
  height: 830px;
  background: transparent;
  border-right: 1px solid transparent;
  box-sizing: border-box;
  border-image: linear-gradient(to bottom, #00aaaa, #4d91ff00 70%) 2 2;
  z-index: 22;
}
.gis3DPipe.spec-page .left-bar .left-fold-btn {
  position: absolute;
  z-index: 24;
  top: 46%;
  right: -21px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: transparent;
  backdrop-filter: blur(10px);
  clip-path: polygon(48% 0, 100% 0, 100% 100%, 48% 100%);
  border: 1px solid #0a4d4e;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.gis3DPipe.spec-page .left-bar .left-fold-btn > span {
  margin-left: 14px;
  color: #00aaaa;
}
.gis3DPipe.spec-page .left-bar .blur-box {
  padding: 10px 0 10px 20px;
}
.gis3DPipe.spec-page .left-bar .left-content-wrap {
  height: 100%;
  padding-right: 20px;
  padding-top: 10px;
  overflow: auto;
}
.gis3DPipe.spec-page .left-bar .left-content-wrap::-webkit-scrollbar-track-piece {
  background-color: #00e7ff29;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}
.gis3DPipe.spec-page .left-bar .left-content-wrap::-webkit-scrollbar {
  width: 4px;
  height: 10px;
}
.gis3DPipe.spec-page .left-bar .left-content-wrap::-webkit-scrollbar-thumb {
  background-color: #00e7ff4a;
  background-clip: padding-box;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}
.gis3DPipe.spec-page .left-bar .left-content-wrap::-webkit-scrollbar-thumb:hover {
  background-color: #00e7ff4a;
}
.gis3DPipe.spec-page .right-bar {
  position: absolute;
  z-index: 66;
  top: 100px;
  right: 20px;
  width: 320px;
  height: 60%;
  border-radius: 15px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.6);
  background: transparent;
  backdrop-filter: none;
}
.gis3DPipe.spec-page .right-bar::before {
  content: " ";
  position: absolute;
  top: 30px;
  left: -1px;
  width: 1px;
  height: 100%;
  background: transparent;
  border-right: 1px solid transparent;
  box-sizing: border-box;
  border-image: linear-gradient(to bottom, #00aaaa, #4d91ff00 70%) 2 2;
  z-index: 22;
}
.gis3DPipe.spec-page .right-bar::after {
  content: " ";
  position: absolute;
  top: 30px;
  right: -1px;
  width: 1px;
  height: 100%;
  background: transparent;
  border-right: 1px solid transparent;
  box-sizing: border-box;
  border-image: linear-gradient(to bottom, #00aaaa, #4d91ff00 70%) 2 2;
  z-index: 22;
}
.gis3DPipe.spec-page .right-bar .blur-box {
  line-height: 44px;
}
.gis3DPipe.spec-page .right-bar .right-content-wrap {
  height: 100%;
  padding: 20px;
  overflow: auto;
}
.gis3DPipe.spec-page .right-bar .right-content-wrap::-webkit-scrollbar-track-piece {
  background-color: #00e7ff29;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}
.gis3DPipe.spec-page .right-bar .right-content-wrap::-webkit-scrollbar {
  width: 4px;
  height: 10px;
}
.gis3DPipe.spec-page .right-bar .right-content-wrap::-webkit-scrollbar-thumb {
  background-color: #00e7ff4a;
  background-clip: padding-box;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}
.gis3DPipe.spec-page .right-bar .right-content-wrap::-webkit-scrollbar-thumb:hover {
  background-color: #00e7ff4a;
}
.gis3DPipe.spec-page .right-bar .vector {
  display: flex;
  margin-bottom: 5px;
}
.gis3DPipe.spec-page .right-bar .vector > ul {
  display: flex;
}
.gis3DPipe.spec-page .right-bar .vector > ul > li {
  margin-right: 10px;
  cursor: pointer;
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid transparent;
}
.gis3DPipe.spec-page .right-bar .vector > ul > li:hover {
  border-color: #00aaaa;
}
.gis3DPipe.spec-page .right-bar .vector > ul > li.bor {
  border-color: #00aaaa;
}
.gis3DPipe.spec-page .input-line {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.gis3DPipe.spec-page .input-line > .lab {
  display: inline-block;
  width: 90px;
}
.gis3DPipe.spec-page .input-line .el-input {
  flex: 1;
}
.gis3DPipe.spec-page .span-label {
  min-width: 70px;
  text-align: right;
}
.gis3DPipe.spec-page .mapbox {
  width: 100%;
  height: 100%;
}
.gis3DPipe.spec-page .el-collapse .el-collapse-item__content {
  color: #c7d9e5;
}
.gis3DPipe.spec-page .mask-dia {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent;
  z-index: 999;
}
.gis3DPipe.spec-page .gisDialog {
  position: absolute;
  top: 125px;
  left: 420px;
  background: transparent;
  width: 1100px;
  height: 66vh;
  z-index: 111;
}
.gis3DPipe.spec-page .gisDialog::before {
  content: " ";
  position: absolute;
  top: 30px;
  left: -1px;
  width: 1px;
  height: 100%;
  background: transparent;
  border-right: 1px solid transparent;
  box-sizing: border-box;
  border-image: linear-gradient(to bottom, #00aaaa, #4d91ff00 70%) 2 2;
  z-index: 22;
}
.gis3DPipe.spec-page .gisDialog::after {
  content: " ";
  position: absolute;
  top: 30px;
  right: -1px;
  width: 1px;
  height: 100%;
  background: transparent;
  border-right: 1px solid transparent;
  box-sizing: border-box;
  border-image: linear-gradient(to bottom, #00aaaa, #4d91ff00 70%) 2 2;
  z-index: 22;
}
.gis3DPipe.spec-page .gisDialog header {
  height: 44px;
  border-bottom: 1px solid #00aaaa;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
}
.gis3DPipe.spec-page .gisDialog header .close-icon {
  color: #00aaaa;
  font-size: 18px;
  cursor: pointer;
}
.gis3DPipe.spec-page .amap-luopan,
.gis3DPipe.spec-page .amap-luopan .amap-compass,
.gis3DPipe.spec-page .amap-luopan .amap-compass .amap-pointers,
.gis3DPipe.spec-page .amap-pitchDown,
.gis3DPipe.spec-page .amap-pitchUp,
.gis3DPipe.spec-page .amap-rotateLeft,
.gis3DPipe.spec-page .amap-rotateRight {
  background-image: url(../img/control.a2184fed.png);
}
.gis3DPipe.spec-page .infowin {
  padding: 15px 15px;
  padding-right: 0;
  background: transparent;
  backdrop-filter: blur(6px);
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
  color: #c7d9e5;
}
.gis3DPipe.spec-page .infowin .actF {
  color: #00aaaa;
  margin-right: 5px;
  cursor: pointer;
}
.gis3DPipe.spec-page .infowin li {
  display: flex;
  margin: 0 auto;
  line-height: 30px;
}
.gis3DPipe.spec-page .infowin li span {
  display: inline-block;
  font-size: 14px;
  white-space: nowrap;
}
.gis3DPipe.spec-page .infowin li span:nth-child(2) {
  white-space: pre-wrap;
  word-break: break-all;
}
.gis3DPipe.spec-page .infowin .popupLabel {
  width: 215px;
  line-height: 30px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
}
.gis3DPipe.spec-page .amap-info-content {
  background: none;
  border-radius: 5px;
  overflow: initial;
  position: relative;
  padding: 0;
  width: 230px;
  box-shadow: 0px 0px 30px #000000cc;
}
.gis3DPipe.spec-page .amap-info-content::before {
  content: " ";
  position: absolute;
  top: 30px;
  left: -1px;
  width: 1px;
  height: 100%;
  background: transparent;
  border-right: 1px solid transparent;
  box-sizing: border-box;
  border-image: linear-gradient(to bottom, #00aaaa, #4d91ff00 70%) 2 2;
  z-index: 22;
}
.gis3DPipe.spec-page .amap-info-content::after {
  content: " ";
  position: absolute;
  top: 30px;
  right: -1px;
  width: 1px;
  height: 100%;
  background: transparent;
  border-right: 1px solid transparent;
  box-sizing: border-box;
  border-image: linear-gradient(to bottom, #00aaaa, #4d91ff00 70%) 2 2;
  z-index: 22;
}
.gis3DPipe.spec-page .amap-info-content .top-color {
  border-radius: 10px;
}
.gis3DPipe.spec-page .amap-info-sharp {
  position: absolute;
  left: 50%;
  bottom: 2px;
  margin-left: -5px;
  width: 12px;
  height: 12px;
  background: transparent;
  backdrop-filter: blur(6px);
  transform: rotate(45deg);
  clip-path: polygon(30% 30%, 100% 0, 100% 100%, 0% 100%);
  border-top: none;
  border-left: none;
  z-index: 666;
}
.gis3DPipe.spec-page .icon3 {
  background-image: linear-gradient(135deg, #00aaaa, #00aaaaaa 58%, #225e99);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 24px;
}
.gis3DPipe.spec-page .diabody {
  padding: 20px;
}
.gis3DPipe.spec-page .devices {
  display: flex;
  flex-wrap: wrap;
}
.gis3DPipe.spec-page .devices > li {
  margin-bottom: 10px;
  width: 50%;
  display: flex;
}
.gis3DPipe.spec-page .devices > li:nth-child(2n) {
  justify-content: flex-end;
}
.gis3DPipe.spec-page .devices > li > span {
  display: inline-block;
  width: 70px;
  overflow: hidden;
  text-align: right;
}
.gis3DPipe.spec-page .devices > li > em {
  display: inline-block;
  width: 70px;
  color: #00aaaa;
  cursor: pointer;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.gis3DPipe.spec-page .devices > li:last-child {
  width: 100%;
  margin: 0;
}
.gis3DPipe.spec-page .devices > li:last-child > em {
  min-width: 70px;
  width: auto;
}
.theme1 .gis3DPipe.spec-page .highsearch .searchalert {
  color: #606266;
}
.theme1 .gis3DPipe.spec-page .highsearch .searchalert .el-range-input::-webkit-input-placeholder {
  color: #606266;
}
.theme1 .gis3DPipe.spec-page .highsearch .searchalert .el-button--primary {
  background: linear-gradient(to bottom, #00aaaa, #0a4d4e 70%);
}
.theme1 .gis3DPipe.spec-page .highsearch .searchalert .el-button--primary:hover {
  background: linear-gradient(to top, #00aaaa, #0a4d4e 70%);
}
.theme2 .gis3DPipe.spec-page {
  background: #18191b;
}
.theme2 .gis3DPipe.spec-page .el-range-editor .el-range-input {
  background: transparent;
}
.tipsCon {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.tipsCon li {
  width: 100px;
  margin-bottom: 10px;
  display: flex;
}
.tipsCon li:nth-child(4n) {
  width: auto;
}
.tipsCon li.marB0 {
  margin-bottom: 0;
}
.tipsCon img {
  width: 20px;
  margin-right: 5px;
}

.mapVector[data-v-a744ec56] {
  position: absolute;
  bottom: 10px;
  right: 10px;
  user-select: none;
  z-index: 99;
}
.mapVector img[data-v-a744ec56] {
  width: 100%;
  height: 100%;
}
.mapVector .fixImg[data-v-a744ec56] {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  width: 70px;
  height: 70px;
  border: 1px solid #4d91ff;
  cursor: pointer;
}
.mapVector .fixImg .stable[data-v-a744ec56] {
  bottom: 0;
}
.mapVector .des[data-v-a744ec56] {
  position: absolute;
  bottom: -22px;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  line-height: 22px;
  font-size: 12px;
  text-align: center;
  transition: all 0.3s;
}
.mapVector .cateVector[data-v-a744ec56] {
  position: absolute;
  transition: all 0.5s;
  bottom: -500px;
  right: 0;
  background: #fff;
  padding: 10px;
  border-radius: 5px;
  box-shadow: 1px 1px 5px rgba(68, 48, 96, 0.78);
}
.mapVector .cateVector .list[data-v-a744ec56] {
  display: flex;
  margin-left: 10px;
  margin-bottom: 10px;
}
.mapVector .cateVector .list[data-v-a744ec56]:last-child {
  margin-bottom: 5px;
}
.mapVector .cateVector .list li[data-v-a744ec56] {
  position: relative;
  overflow: hidden;
  width: 70px;
  height: 70px;
  margin-right: 10px;
  cursor: pointer;
  box-sizing: border-box;
}
.mapVector .cateVector .list li.active[data-v-a744ec56] {
  border: 1px solid #4d91ff;
}
.mapVector .cateVector .list li[data-v-a744ec56]:last-child {
  margin: 0;
}
.mapVector .cateVector .list li:hover .des[data-v-a744ec56] {
  bottom: 0;
}
.mapVector .cateVector .el-icon-close[data-v-a744ec56] {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
}
.theme2 .cateVector[data-v-a744ec56] {
  background: #2a2a2a;
}

.gisDataImport {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.gisDataImport .mar10 {
  margin-left: 10px;
}
.gisDataImport .centerStructure {
  padding: 10px;
}
.gisDataImport #gisDataImportMap {
  height: 100%;
  width: 100%;
  position: relative;
}
.gisDataImport .marginLeft10 {
  margin-left: 10px;
}
.gisDataImport .upload-demo {
  margin-left: 10px;
}
.gisDataImport .upload-demo .el-upload-list {
  width: 175px;
}
.gisDataImport .upload-demo .el-upload-list > li {
  width: 175px;
}
.gisDataImport .upload-demo .el-upload {
  left: 180px;
}
.gisDataImport .el-input-number--small {
  width: 150px;
}
.gisDataImport .demo-input-suffix {
  margin-top: 10px;
  margin-left: 10px;
}
.gisDataImport .preView {
  margin-left: 60px;
  height: 30px;
}
.gisDataImport .leftFloatingStyle {
  min-width: 0;
  word-wrap: break-word;
  background-color: #ffffffdb;
  background-clip: border-box;
  position: absolute;
  top: 20px;
  left: 50px;
}
.gisDataImport .rightFloatingStyle {
  min-width: 0;
  word-wrap: break-word;
  background-color: #ffffffdb;
  background-clip: border-box;
  position: absolute;
  top: 20px;
  right: 30px;
}
.gisDataImport .popupStyle {
  position: absolute;
  top: 0;
  left: 0;
  padding: 5px;
  border: 1px solid #F2F2F2;
  box-shadow: 3px 3px 5px #555555;
  background: rgba(255, 255, 255, 0.85);
  border-radius: 4px;
  padding-bottom: 10px;
  padding-top: 10px;
}
.gisDataImport .popupLabel {
  padding-left: 20px;
  padding-right: 5px;
  width: 190px;
  word-break: break-all;
}
.gisDataImport .existsCheckStyle {
  padding: 10px 30px 10px 30px;
}
.gisDataImport .wh250 {
  width: 246px ;
}
.gisDataImport .el-popover__reference.iconfont {
  vertical-align: 10px;
  margin-left: 10px;
}
.gisDataImport .tips-icon {
  right: initial;
}
.theme2 .gisDataImport .rightFloatingStyle {
  background: #2a2b2d;
}
.theme2 .gisDataImport .popupStyle {
  background: rgba(0, 0, 0, 0.88);
  border: none;
  box-shadow: 0px 0px 5px #1a1a1a;
}

.gisDataMaintenance {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.gisDataMaintenance .centerStructure {
  padding: 10px;
}
.gisDataMaintenance #gisDataMaintenanceMap {
  height: 100%;
  width: 100%;
}
.gisDataMaintenance .floatingStyle {
  min-width: 0;
  word-wrap: break-word;
  background-color: #ffffffdb;
  background-clip: border-box;
  position: absolute;
}
.gisDataMaintenance .leftFloatingStyle {
  top: 20px;
  left: 50px;
}
.gisDataMaintenance .rightFloatingStyle {
  top: 20px;
  right: 20px;
}
.gisDataMaintenance .formbox {
  padding-right: 20px;
  max-height: 611px;
  overflow-y: auto;
}
.gisDataMaintenance .wh520 {
  width: 520px;
}
.gisDataMaintenance .margin0 {
  margin: 0px;
}
.gisDataMaintenance .marginright5 {
  margin-right: 5px;
}
.gisDataMaintenance .marginleft10 {
  margin-left: 10px;
}
.gisDataMaintenance .searchBox {
  margin-bottom: 10px;
}
.gisDataMaintenance .el-submenu.is-active .el-submenu__title i {
  color: inherit;
}

.gisInfoMaintenance {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.gisInfoMaintenance .leftStructure {
  padding: 10px;
  overflow: hidden;
  width: 1200px;
  height: 100%;
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
  margin-right: 10px;
  flex-shrink: 0;
}
.gisInfoMaintenance .leftStructure .el-tabs__content {
  height: 100%;
  overflow: hidden;
  position: relative;
}
.gisInfoMaintenance .leftStructure .infoMessage {
  display: flex;
}
.gisInfoMaintenance .leftStructure .infoMessage .confirmIcon {
  margin-right: 10px;
  font-size: 24px;
  color: #E6A23C;
}
.gisInfoMaintenance .centerStructure {
  padding: 10px;
  width: 300px;
}
.gisInfoMaintenance .centerStructure #mapArea {
  height: 100%;
  width: 100%;
  position: relative;
}

.gisStatisticalAnalysis {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.gisStatisticalAnalysis .centerStructure {
  padding: 10px;
}
.gisStatisticalAnalysis #gisStatisticalAnalysisMap {
  height: 100%;
  width: 100%;
  position: relative;
}
.gisStatisticalAnalysis .floatingStyle {
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  position: absolute;
  border: 1px solid #EBEEF5;
}
.gisStatisticalAnalysis .leftFloatingStyle {
  top: 20px;
  left: 50px;
  width: 350px;
}
.gisStatisticalAnalysis .rightFloatingStyle {
  top: 20px;
  right: 30px;
  width: 550px;
}
.gisStatisticalAnalysis .marginleft10 {
  margin-left: 10px;
}
.gisStatisticalAnalysis .paddingLetfRight10 {
  padding: 0px 10px;
}
.gisStatisticalAnalysis .paddingTopBottom10 {
  padding: 10px 0px;
}
.gisStatisticalAnalysis .paddingBottom10 {
  padding-bottom: 10px;
}
.gisStatisticalAnalysis .marginright5 {
  margin-right: 5px;
}
.gisStatisticalAnalysis .titleIconColor {
  color: #6690ff;
}
.gisStatisticalAnalysis .waterworksIconColor {
  color: #2EC7C9;
}
.gisStatisticalAnalysis .monitoringIconColor {
  color: #5AB1EF;
}
.gisStatisticalAnalysis .valveIconColor {
  color: #FFA35F;
}
.gisStatisticalAnalysis .fireHydrantIconColor {
  color: #DC69AA;
}
.gisStatisticalAnalysis .nodeIconColor {
  color: rgba(12, 12, 226, 0.93);
}
.gisStatisticalAnalysis .teeIconColor {
  color: #26c92e;
}
.gisStatisticalAnalysis .fourWayColor {
  color: #504240;
}
.gisStatisticalAnalysis .exhaustValveColor {
  color: #2ac1d5;
}
.gisStatisticalAnalysis .sludgeDischargeValveColor {
  color: #96a12d;
}
.gisStatisticalAnalysis .assessmentIconColor {
  color: #7B98BA;
}
.gisStatisticalAnalysis .pressureIconColor {
  color: #A29AFB;
}
.gisStatisticalAnalysis .diameterMaxHeight {
  max-height: 200px;
  overflow-y: auto;
}
.gisStatisticalAnalysis .popupStyle {
  position: absolute;
  top: 0;
  left: 0;
  padding: 5px;
  border: 1px solid #F2F2F2;
  box-shadow: 3px 3px 5px #555555;
  background: rgba(255, 255, 255, 0.85);
  border-radius: 4px;
  padding-bottom: 10px;
  padding-top: 10px;
}
.gisStatisticalAnalysis .popupLabel {
  padding-left: 20px;
  padding-right: 5px;
  width: 190px;
  word-break: break-all;
}
.gisStatisticalAnalysis .padding0 {
  padding: 0px;
}
.gisStatisticalAnalysis .el-button--text {
  color: #6690ff;
}
.gisStatisticalAnalysis .rightTitle {
  font-size: 16px;
  font-weight: bold;
}
.gisStatisticalAnalysis .closeRight {
  float: right;
  cursor: pointer;
}
.gisStatisticalAnalysis .bottomBorder {
  border-bottom: 1px solid #EBEEF5;
}
.gisStatisticalAnalysis .marginTop10 {
  margin-top: 10px;
}
.gisStatisticalAnalysis .searchBox {
  margin-bottom: 10px;
}
.theme2 .gisStatisticalAnalysis .floatingStyle {
  background: #2a2b2d;
  border: 1px solid #2a2b2d;
}
.theme2 .gisStatisticalAnalysis .popupStyle {
  background: rgba(0, 0, 0, 0.88);
  border: none;
  box-shadow: 0px 0px 5px #1a1a1a;
}
.theme2 .gisStatisticalAnalysis .el-button--text {
  color: #4d91ff;
}

.gisHeader[data-v-94de89b6] {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}
.gisHeader .scrollDiv[data-v-94de89b6] {
  position: absolute;
  z-index: 99;
  padding-top: 0px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4), 0 0 6px rgba(0, 0, 0, 0.4);
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  margin-left: 0px;
}
.gisHeader .line[data-v-94de89b6] {
  display: inline-block;
  border-left: 1px dashed #888484;
  height: 50px;
  vertical-align: middle;
  width: 0px;
  margin: auto 5px;
}
.gisHeader .sub-button[data-v-94de89b6] {
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  height: 60px;
  width: 75px;
  border-radius: 5px;
  padding: 10px 0;
  margin: 10px 5px;
  cursor: pointer;
  text-align: center;
}
.gisHeader .sub-button2[data-v-94de89b6] {
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  height: 80px;
  width: 90px;
  border-radius: 5px;
  padding: 20px 8px ;
  margin: 0!important;
  cursor: pointer;
  text-align: center;
}
.gisHeader .sub-button2 .trans[data-v-94de89b6] {
  transition: 0.3s;
  transform: rotate(180deg);
  color: #6690ff;
}
.gisHeader .group-button[data-v-94de89b6] {
  font-weight: bold;
  vertical-align: middle;
  border-radius: 1px;
  cursor: pointer;
}
.gisHeader .group[data-v-94de89b6] {
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  height: 60px;
  width: 90px;
  border-radius: 5px;
  margin: 10px 6px;
  cursor: pointer;
}
.gisHeader .group span[data-v-94de89b6] {
  display: block;
  margin: 6px 0;
  text-align: left;
  padding-left: 5px;
}
.gisHeader .marginright5[data-v-94de89b6] {
  margin-right: 5px;
}
.gisHeader .sub-button[data-v-94de89b6]:hover {
  border-radius: 5px;
  color: #6690ff;
}
.gisHeader .sub-button2[data-v-94de89b6]:hover {
  border-radius: 5px;
  color: #6690ff;
}
.gisHeader .group-button[data-v-94de89b6]:hover {
  border-radius: 5px;
  color: #6690ff;
}
.gisHeader li[data-v-94de89b6] {
  padding: 0px;
  height: 100%;
}
.gisHeader .active[data-v-94de89b6] {
  background-color: #6690ff;
  border-radius: 5px;
  color: #fff;
}
.gisHeader[data-v-94de89b6] .active i {
  color: #fff;
}
.gisHeader[data-v-94de89b6] .active span {
  color: #fff;
}

.gisHeader[data-v-7f2cfa7f] {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}
.gisHeader .scrollDiv[data-v-7f2cfa7f] {
  position: absolute;
  z-index: 99;
  padding-top: 0px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4), 0 0 6px rgba(0, 0, 0, 0.4);
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  margin-left: 0px;
}
.gisHeader .line[data-v-7f2cfa7f] {
  display: inline-block;
  border-left: 1px dashed #888484;
  height: 50px;
  vertical-align: middle;
  width: 0px;
  margin: auto 5px;
}
.gisHeader .sub-button[data-v-7f2cfa7f] {
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  height: 60px;
  width: 75px;
  border-radius: 5px;
  padding: 10px 0;
  margin: 10px 5px;
  cursor: pointer;
  text-align: center;
}
.gisHeader .sub-button2[data-v-7f2cfa7f] {
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  height: 80px;
  width: 90px;
  border-radius: 5px;
  padding: 20px 8px ;
  margin: 0!important;
  cursor: pointer;
  text-align: center;
}
.gisHeader .sub-button2 .trans[data-v-7f2cfa7f] {
  transition: 0.3s;
  transform: rotate(180deg);
  color: #6690ff;
}
.gisHeader .group-button[data-v-7f2cfa7f] {
  font-weight: bold;
  vertical-align: middle;
  border-radius: 1px;
  cursor: pointer;
}
.gisHeader .group[data-v-7f2cfa7f] {
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  height: 60px;
  width: 90px;
  border-radius: 5px;
  margin: 10px 6px;
  cursor: pointer;
}
.gisHeader .group span[data-v-7f2cfa7f] {
  display: block;
  margin: 6px 0;
  text-align: left;
  padding-left: 5px;
}
.gisHeader .marginright5[data-v-7f2cfa7f] {
  margin-right: 5px;
}
.gisHeader .sub-button[data-v-7f2cfa7f]:hover {
  border-radius: 5px;
  color: #6690ff;
}
.gisHeader .sub-button2[data-v-7f2cfa7f]:hover {
  border-radius: 5px;
  color: #6690ff;
}
.gisHeader .group-button[data-v-7f2cfa7f]:hover {
  border-radius: 5px;
  color: #6690ff;
}
.gisHeader li[data-v-7f2cfa7f] {
  padding: 0px;
  height: 100%;
}
.gisHeader .active[data-v-7f2cfa7f] {
  background-color: #6690ff;
  border-radius: 5px;
  color: #fff;
}
.gisHeader[data-v-7f2cfa7f] .active i {
  color: #fff;
}
.gisHeader[data-v-7f2cfa7f] .active span {
  color: #fff;
}
.m6[data-v-7f2cfa7f] {
  margin: 0 6px;
}

.active[data-v-e6ab53e4] {
  max-height: 300px;
}
.default[data-v-e6ab53e4] {
  max-height: 0;
}
.selectMenu[data-v-e6ab53e4] {
  font-weight: bold;
  width: 120px;
  position: absolute;
  top: 80px;
  display: inline-block;
  z-index: 1000;
  background-color: #ffffff;
  box-shadow: 3px 3px 5px #555555;
  transition-property: max-height;
  transition: max-height 0.3s ease-in-out;
  overflow: hidden;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.selectMenu li[data-v-e6ab53e4]:hover {
  cursor: pointer;
  border-radius: 5px;
  color: #6690ff;
}
.selectMenu div[data-v-e6ab53e4] {
  padding: 6px 12px;
}
.selectMenu .active[data-v-e6ab53e4] {
  background-color: #6690ff;
  border-radius: 5px;
  color: #fff;
}

.toolbar[data-v-0babe87b] {
  width: 30px;
  height: 38px;
  background-color: rgba(0, 60, 136, 0.6);
  border: 3px solid rgba(255, 255, 255, 0.6);
  position: absolute;
  right: 20px;
  top: 100px;
  z-index: 22;
  font-weight: bold;
  border-radius: 6px 3px 3px 6px;
  transition-property: all;
  transition: 0.3s ease-in-out;
  overflow: hidden;
}
.toolbar[data-v-0babe87b]:hover {
  height: 170px;
  width: 140px;
  background-color: #ffffffd9;
}
.toolbar:hover .toolbarIcon[data-v-0babe87b] {
  transition: 0.3s;
  top: 2px;
  color: rgba(0, 60, 136, 0.5);
  transform: rotate(180deg);
}
.toolbar .toolbarIcon[data-v-0babe87b] {
  color: #ffffffd9;
  position: absolute;
  font-size: 19px;
  display: inline-block;
  height: 28px;
  line-height: 28px;
  right: 6px;
}
.toolbar .toolbarLabel[data-v-0babe87b] {
  position: absolute;
  top: 6px;
  left: 10px;
}
.toolbar .check[data-v-0babe87b] {
  position: absolute;
  top: 30px;
  display: block;
  padding: 5px 10px;
}
.toolbar .check .el-checkbox[data-v-0babe87b] {
  font-weight: bold;
  font-size: 20px;
  padding: 3px 0;
}
.theme2 .toolbar[data-v-0babe87b] {
  background-color: rgba(0, 0, 0, 0.88);
  border: 3px solid #2a2b2d;
}
.theme2 .toolbar[data-v-0babe87b]:hover {
  background-color: rgba(0, 0, 0, 0.88);
}
.theme2 .toolbar:hover .toolbarIcon[data-v-0babe87b] {
  transition: 0.3s;
  color: #ffffffd9;
  top: 2px;
  transform: rotate(180deg);
}
.theme2 .toolbar .toolbarIcon[data-v-0babe87b] {
  color: #ffffffd9;
  position: absolute;
  font-size: 19px;
  right: 6px;
}

.basicConfiguration[data-v-2f7bdc31] {
  top: 80px;
  bottom: 0px;
  width: calc(100% - 10px);
  padding-bottom: 10px;
  background-color: #fff;
  display: flex;
  position: absolute;
  overflow-y: auto;
}
.basicConfiguration .specialStruc[data-v-2f7bdc31] {
  padding: 0 20px;
  margin-bottom: 30px;
  height: calc(100% - 70px);
  width: 100%;
}
.basicConfiguration .specialStruc .colorLabel[data-v-2f7bdc31] {
  height: 40px;
  text-align: center;
  border: 1px solid #ececec;
  line-height: 40px;
}
.basicConfiguration .specialStruc .colorUl[data-v-2f7bdc31] {
  display: block;
  border: 1px solid #ececec;
  height: 480px;
  padding: 10px;
  min-width: 140px;
}
.basicConfiguration .specialStruc .colorLi[data-v-2f7bdc31] {
  align-items: center;
  display: flex;
  padding: 5px;
}
.basicConfiguration .specialStruc .colorLi .childLabel[data-v-2f7bdc31] {
  width: 90px;
}
.basicConfiguration .specialStruc .colorLi .widSel[data-v-2f7bdc31] {
  display: inline-block;
  width: 60px;
  margin-left: 15px;
}
.basicConfiguration .div-flex[data-v-2f7bdc31] {
  display: flex;
}
.basicConfiguration .div-flex .p1004[data-v-2f7bdc31] {
  padding: 10px 0 0 20px;
}
.basicConfiguration .div-flex .el-radio[data-v-2f7bdc31] {
  margin-right: 13px;
}
.basicConfiguration .pt20[data-v-2f7bdc31] {
  padding-top: 20px;
}
.basicConfiguration .areaDiv[data-v-2f7bdc31] {
  display: flex;
  padding-left: 50px;
}
.basicConfiguration .areaIsOk[data-v-2f7bdc31] {
  color: #6690ff;
  cursor: pointer;
}
.basicConfiguration .mapConfig[data-v-2f7bdc31] {
  display: flex;
}
.basicConfiguration .mapConfig[data-v-2f7bdc31]:last-child {
  border-left: none;
  background-color: coral;
}
.basicConfiguration .mapConfig .title[data-v-2f7bdc31] {
  border-bottom: 1px solid #ececec;
  text-align: center;
  height: 40px;
  line-height: 40px;
}
.basicConfiguration .mapConfig .listBorder[data-v-2f7bdc31] {
  border: 1px solid #ececec;
}
.basicConfiguration .mapConfig ul li[data-v-2f7bdc31] {
  padding: 10px 10px;
  display: inline-block;
  white-space: nowrap;
  text-align: center;
}
#gisSystemMap .ol-custom-overviewmap[data-v-2f7bdc31],
#gisSystemMap .ol-custom-overviewmap.ol-uncollapsible[data-v-2f7bdc31] {
  bottom: 5px;
  left: auto;
  right: 5px;
  top: auto;
}
.ol-custom-overviewmap[data-v-2f7bdc31]:not(.ol-collapsed) {
  border: 1px solid black;
}
.ol-custom-overviewmap .ol-overviewmap-box[data-v-2f7bdc31] {
  border: 1px solid #ff0000;
}
.ol-custom-overviewmap .ol-overviewmap-map[data-v-2f7bdc31] {
  border: none;
  width: 300px;
}
.ol-custom-overviewmap:not(.ol-collapsed) button[data-v-2f7bdc31] {
  bottom: auto;
  left: auto;
  right: 1px;
  top: 1px;
}
.ol-rotate[data-v-2f7bdc31] {
  top: 170px;
  right: 0;
}
.theme2 .basicConfiguration[data-v-2f7bdc31] {
  background: #2a2b2d;
}
.theme2 .basicConfiguration .title[data-v-2f7bdc31] {
  border-bottom: 1px solid #393a3b;
}
.theme2 .basicConfiguration .listBorder[data-v-2f7bdc31] {
  border: 1px solid #393a3b;
}
.theme2 .basicConfiguration .colorLabel[data-v-2f7bdc31] {
  border: 1px solid #393a3b;
}
.theme2 .basicConfiguration .colorUl[data-v-2f7bdc31] {
  border: 1px solid #393a3b;
}
.lihover[data-v-2f7bdc31]:hover {
  background-color: #6690ff;
  border-radius: 5px;
}
.active[data-v-2f7bdc31] {
  background-color: #6690ff;
  border-radius: 5px;
}
.el-color-picker--medium div.el-color-picker__trigger[data-v-2f7bdc31] {
  height: 50px;
  width: 80px;
  margin: 0 auto !important;
}
div.el-color-picker__trigger[data-v-2f7bdc31] {
  height: 50px;
  width: 80px;
  margin: 0 auto;
}
.divider[data-v-2f7bdc31] {
  margin-top: 0;
}
.pl20[data-v-2f7bdc31] {
  padding-left: 20px;
  text-align: center;
  width: 80px;
  padding-bottom: 10px;
}
.pt10[data-v-2f7bdc31] {
  padding-top: 10px;
}
.pt5[data-v-2f7bdc31] {
  padding-top: 5px;
}
.pl10[data-v-2f7bdc31] {
  padding-left: 10px;
}
.pr10[data-v-2f7bdc31] {
  padding-right: 10px;
}
.ml10[data-v-2f7bdc31] {
  margin-left: 10px;
}
.mb20[data-v-2f7bdc31] {
  margin-bottom: 20px;
}
.el-icon-location-information[data-v-2f7bdc31]:hover {
  cursor: pointer;
}

.basicConfigLeft[data-v-ea6b981c] {
  top: 80px;
  width: 350px;
  height: calc(100% - 80px);
  background: #fff;
  position: absolute;
  padding: 20px;
  font-size: 14px;
  overflow-y: auto;
}
.basicConfigLeft .tipInfo[data-v-ea6b981c] {
  margin-top: 20px;
  margin-bottom: 20px;
}
.theme2 .basicConfigLeft[data-v-ea6b981c] {
  background: #2a2b2d;
}

.dataImport[data-v-0eb966b8] {
  padding: 10px 0 0 20px;
  top: 80px;
  width: 350px;
  height: calc(100% - 80px);
  font-size: 14px;
  font-weight: bold;
  background: #fff;
  position: absolute;
}
.theme2 .dataImport[data-v-0eb966b8] {
  background: #2a2b2d;
}
[data-v-0eb966b8] .upload-demo {
  margin-left: 10px;
  width: 175px;
}
[data-v-0eb966b8] .upload-demo .el-upload-list {
  width: 175px;
}
[data-v-0eb966b8] .upload-demo .el-upload-list > li {
  width: 175px;
}
[data-v-0eb966b8] .upload-demo .el-upload {
  left: 180px;
}

.nodeEdit[data-v-4e4b0094] {
  top: 80px;
  width: 350px;
  height: calc(100% - 80px);
  background: #fff;
  position: absolute;
  padding: 10px 20px 20px 20px;
  font-size: 14px;
  overflow-y: auto;
}
.theme2 .nodeEdit[data-v-4e4b0094] {
  background: #2a2b2d;
}
.tabPosition[data-v-4e4b0094] {
  text-align: center;
  margin-bottom: 10px;
  margin-top: 15px;
}
.wh210[data-v-4e4b0094] {
  width: 210px;
}
.pt10[data-v-4e4b0094] {
  padding-top: 15px;
}
.pr20[data-v-4e4b0094] {
  padding-right: 20px;
}
label.el-form-item__label[data-v-4e4b0094] {
  width: 100px;
}
[data-v-4e4b0094] .el-radio-button--small .el-radio-button__inner {
  font-size: 14px !important;
}

.nodeReport[data-v-f8d2d748] {
  top: 80px;
  width: calc(100% - 10px);
  height: calc(100% - 70px);
  padding-bottom: 10px;
  display: flex;
  position: absolute;
}
.nodeReport .specialStruc[data-v-f8d2d748] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 10px 20px 20px;
  margin: 0;
}
.nodeReport .specialStruc .el-tabs[data-v-f8d2d748] {
  height: auto;
}
.nodeReport .specialStruc .el-tabs .el-tabs__content[data-v-f8d2d748] {
  display: none;
}
.nodeReport .searchBox[data-v-f8d2d748] {
  display: flex;
}
.nodeReport .searchBox .input-with-select[data-v-f8d2d748] {
  width: 300px;
}
.nodeReport .searchBox .input-with-select .el-input__inner[data-v-f8d2d748] {
  width: 160px;
}
.nodeReport .searchBox .inp[data-v-f8d2d748] {
  line-height: 32px;
}
.nodeReport .searchBox .meterType[data-v-f8d2d748] {
  margin-right: 10px;
}
.nodeReport .wh110[data-v-f8d2d748] {
  width: 110px;
}
.nodeReport .loading-btn[data-v-f8d2d748] {
  height: 30px;
  margin-top: 1px;
}
.nodeReport .searchSelect.close .el-input--suffix .el-input__inner[data-v-f8d2d748] {
  padding-right: 30px;
}

.nodeInfoList[data-v-64ab6f82] {
  top: 80px;
  width: 350px;
  height: calc(100% - 80px);
  background: #fff;
  position: absolute;
  padding: 20px;
  font-size: 14px;
  overflow-y: auto;
}
.theme2 .nodeInfoList[data-v-64ab6f82] {
  background: #2a2b2d;
}

.exceptionData[data-v-a8cb1a58] {
  top: 80px;
  width: calc(100% - 10px);
  height: calc(100% - 70px);
  padding-bottom: 10px;
  display: flex;
  position: absolute;
}
.exceptionData .specialStruc[data-v-a8cb1a58] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 10px 20px 20px 20px;
  margin: 0;
}
.theme2 .exceptionData[data-v-a8cb1a58] {
  background: #2a2b2d;
}

.exceptionDataInfoList[data-v-22f4c79a] {
  top: 80px;
  width: 350px;
  height: calc(100% - 80px);
  background: #fff;
  position: absolute;
  padding: 20px;
  font-size: 14px;
  overflow-y: auto;
}
.theme2 .exceptionDataInfoList[data-v-22f4c79a] {
  background: #2a2b2d;
}

.toolTips[data-v-6f0e9cb6] {
  padding: 10px 0 0 20px;
  top: 80px;
  width: 350px;
  height: calc(100% - 80px);
  font-size: 14px;
  font-weight: bold;
  background: #fff;
  position: absolute;
}
.line[data-v-6f0e9cb6] {
  text-align: left;
  padding-bottom: 20px;
  padding-left: 10px;
}
.node[data-v-6f0e9cb6] {
  text-align: left;
  padding-bottom: 20px;
  padding-left: 10px;
}
[data-v-6f0e9cb6] .el-checkbox__label {
  width: 50px;
  padding-top: 5px;
}
.theme2 .toolTips[data-v-6f0e9cb6] {
  background: #2a2b2d;
}

.classifiedDisplay[data-v-550f8302] {
  padding: 10px 0 0 20px;
  top: 80px;
  width: 350px;
  height: calc(100% - 80px);
  font-size: 14px;
  font-weight: bold;
  background: #fff;
  position: absolute;
}
.line[data-v-550f8302] {
  text-align: left;
  padding-bottom: 20px;
  padding-left: 10px;
}
.node[data-v-550f8302] {
  text-align: left;
  padding-bottom: 20px;
  padding-left: 10px;
}
[data-v-550f8302] .el-checkbox__label {
  width: 50px;
  padding-top: 5px;
}
.theme2 .classifiedDisplay[data-v-550f8302] {
  background: #2a2b2d;
}

.dataOffset[data-v-48e608ee] {
  top: 80px;
  width: 350px;
  height: calc(100% - 80px);
  background: #fff;
  position: absolute;
  padding: 10px 20px 20px 20px;
  font-size: 14px;
  overflow-y: auto;
}
.dataOffset .mb20[data-v-48e608ee] {
  margin-bottom: 20px;
}
.theme2 .dataOffset[data-v-48e608ee] {
  background: #2a2b2d;
}

.flowDirectionAnalysis[data-v-532c9f28] {
  top: 80px;
  width: 350px;
  height: calc(100% - 80px);
  background: #fff;
  position: absolute;
  padding: 10px 20px 20px 20px;
  font-size: 14px;
  overflow-y: auto;
}
.flowDirectionAnalysis .tipInfo[data-v-532c9f28] {
  margin-top: 20px;
  margin-bottom: 20px;
}
.theme2 .flowDirectionAnalysis[data-v-532c9f28] {
  background: #2a2b2d;
}

.musterWellManagement[data-v-50d59d68] {
  top: 80px;
  width: calc(100% - 10px);
  height: calc(100% - 70px);
  padding-bottom: 10px;
  display: flex;
  position: absolute;
}
.musterWellManagement .specialStruc[data-v-50d59d68] {
  padding: 10px 20px 20px 20px;
  margin: 0;
}
.musterWellManagement .specialStruc .wh200[data-v-50d59d68] {
  width: 175px;
}
.musterWellManagement .specialStruc .tooltip[data-v-50d59d68] {
  height: 32px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.musterWellManagement .specialStruc .pic[data-v-50d59d68] {
  padding-left: 30px;
  padding-top: 10px;
}
.musterWellManagement .specialStruc .box-card[data-v-50d59d68]:focus {
  border: 1px solid #6690ff;
}
.musterWellManagement .specialStruc .optionList[data-v-50d59d68] {
  position: absolute;
  right: 30px;
  top: 104px;
  z-index: 22;
  padding: 4px 6px;
  border-radius: 4px;
  display: inline-block;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 0 6px rgba(0, 0, 0, 0.2);
  width: 268px;
  background: white;
  height: auto;
  overflow-y: auto;
  max-height: 300px;
}
.musterWellManagement .specialStruc .option[data-v-50d59d68]:hover {
  color: #6690ff;
  background-color: #f0f4ff;
  cursor: pointer;
}
.musterWellManagement .specialStruc .option[data-v-50d59d68] {
  margin-top: 2px;
  padding: 2px;
}
.musterWellManagement .specialStruc .marker[data-v-50d59d68] {
  color: white;
  width: 20px;
  height: 20px;
  position: absolute;
  z-index: 100;
  border-radius: 50%;
  text-align: center;
  font-size: 12px;
  border: 1px solid white;
  background-color: #f56c6c;
  cursor: pointer;
}
.musterWellManagement .specialStruc .activeCard[data-v-50d59d68] {
  border: 1px solid #6690FF;
  width: 380px;
  margin: 0 0 0 20px;
  cursor: pointer;
}
.musterWellManagement .specialStruc .activeMarker[data-v-50d59d68] {
  background-color: #6690FF;
}
.musterWellManagement .specialStruc .diaLeft[data-v-50d59d68] {
  height: 420px;
  width: 300px;
}
.musterWellManagement .specialStruc .diaCenter[data-v-50d59d68] {
  width: 300px;
  height: 400px;
  border: 1px solid #dadada;
  position: relative;
}
.musterWellManagement .specialStruc .diaRight[data-v-50d59d68] {
  width: 410px;
}
.musterWellManagement .specialStruc .diaRight[data-v-50d59d68] ::-webkit-scrollbar {
  width: 5px;
}
.musterWellManagement .specialStruc .diaRight[data-v-50d59d68] ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(24, 25, 27, 0.4);
}
.musterWellManagement .specialStruc .errImg[data-v-50d59d68] {
  text-align: center;
  font-size: 30px;
  padding-top: 150px;
}
.musterWellManagement .specialStruc .spanType[data-v-50d59d68] {
  margin: 5px 0 5px 20px;
}
.musterWellManagement .specialStruc .displayOption[data-v-50d59d68] {
  height: 360px;
  width: 410px;
  overflow-y: auto;
  margin-top: 10px;
}
.musterWellManagement .specialStruc .spanIndex[data-v-50d59d68] {
  position: relative;
  top: 20px;
  left: 23px;
  background-color: #6690ff;
  color: white;
  border-radius: 2px;
  font-size: 10px;
  padding: 1px 2px 1px 2px;
}
.musterWellManagement .specialStruc .spanClose[data-v-50d59d68] {
  position: relative;
  top: 20px;
  left: 368px;
  background-color: #6690ff;
  color: white;
  border-radius: 2px;
  font-size: 10px;
  padding: 1px 2px 1px 2px;
  cursor: pointer;
}
.musterWellManagement .specialStruc .optionCard[data-v-50d59d68] {
  width: 380px;
  margin: 0 0 0 20px;
  cursor: pointer;
}
.musterWellManagement .specialStruc .textLabel[data-v-50d59d68] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.musterWellManagement .specialStruc[data-v-50d59d68] .el-upload--picture-card {
  width: 70px;
  height: 70px;
}
.musterWellManagement .specialStruc[data-v-50d59d68] .el-upload-list--picture-card .el-upload-list__item {
  width: 70px;
  height: 70px;
}
.musterWellManagement .specialStruc[data-v-50d59d68] .el-upload-list--picture-card .el-upload-list__item-thumbnail {
  width: 70px;
  height: 70px;
}
.theme2 .musterWellManagement[data-v-50d59d68] {
  background: #2a2b2d;
}
.theme2 .musterWellManagement .optionList[data-v-50d59d68] {
  background: #2a2b2d;
}
.theme2 .musterWellManagement .option[data-v-50d59d68]:hover {
  color: #6690ff;
  background: none;
}
.theme2 .musterWellManagement .optionCard[data-v-50d59d68] {
  background: #2a2b2d;
  color: #dadada;
  border: 1px solid #494949;
}
.theme2 .musterWellManagement .activeCard[data-v-50d59d68] {
  border: 1px solid #6690FF;
  width: 380px;
  margin: 0 0 0 20px;
  cursor: pointer;
}
.theme2 .musterWellManagement .diaCenter[data-v-50d59d68] {
  border: 1px solid #494949;
}

.wellInfoList[data-v-031c233a] {
  top: 80px;
  width: 350px;
  height: calc(100% - 80px);
  background: #fff;
  position: absolute;
  padding: 20px;
  font-size: 14px;
}
.theme2 .wellInfoList[data-v-031c233a] {
  background: #2a2b2d;
}

.bisectAnalysis[data-v-7d3a96da] {
  top: 80px;
  position: absolute;
  height: calc(100% - 80px);
  display: flex;
  background-color: #fff;
}
.bisectAnalysis .left-area[data-v-7d3a96da] {
  width: 350px;
  height: 100%;
  padding: 10px 20px 20px 20px;
  position: relative;
  z-index: 5;
  font-size: 14px;
  overflow-y: auto;
}
.bisectAnalysis .left-area .tabPosition[data-v-7d3a96da] {
  text-align: center;
  margin-bottom: 10px;
  margin-top: 10px;
}
.bisectAnalysis .left-area[data-v-7d3a96da] .el-radio-button--small .el-radio-button__inner {
  font-size: 14px !important;
}
.bisectAnalysis .pointer[data-v-7d3a96da] {
  cursor: pointer;
}
.bisectAnalysis .notAllowed[data-v-7d3a96da] {
  pointer-events: none;
}
.bisectAnalysis .rowStyle[data-v-7d3a96da] {
  width: 100%;
  margin-top: 10px;
}
.bisectAnalysis .rowHeadStyle[data-v-7d3a96da] {
  width: 100%;
  margin-top: 20px;
}
.bisectAnalysis .fontWeight[data-v-7d3a96da] {
  font-weight: bold;
}
.bisectAnalysis .fontColor[data-v-7d3a96da] {
  color: #6690ff;
}
.bisectAnalysis .deepButton[data-v-7d3a96da] {
  position: absolute;
  margin-top: 10px;
  padding-bottom: 10px;
  right: 20px;
}
.bisectAnalysis .right-area[data-v-7d3a96da] {
  width: 1510px;
  height: 100%;
  z-index: 4;
  background-color: #fff;
  position: absolute;
  padding: 10px 10px 10px 10px;
  transition: all 0.6s;
}
.bisectAnalysis .right-area .analyseStyle[data-v-7d3a96da] {
  font: 14px/1.5 'Microsoft YaHei', '\5B8B\4F53', Tahoma, Arial, sans-serif;
  font-weight: 900;
  margin-left: 8px;
}
.bisectAnalysis .right-area .chart-area[data-v-7d3a96da] {
  width: 100%;
  height: 600px;
}
.bisectAnalysis .tipInfo[data-v-7d3a96da] {
  margin-top: 20px;
  margin-bottom: 20px;
}
.theme2 .bisectAnalysis[data-v-7d3a96da] {
  background-color: #2a2b2d;
}
.theme2 .bisectAnalysis .right-area[data-v-7d3a96da] {
  background-color: #2a2b2d;
}

.deviceDistribution[data-v-edf5a14a] {
  padding: 10px 0 0 20px;
  top: 80px;
  width: 350px;
  height: calc(100% - 80px);
  font-size: 14px;
  background: #fff;
  position: absolute;
}
.deviceDistribution .tipInfo[data-v-edf5a14a] {
  margin-top: 20px;
  margin-bottom: 20px;
}
.line[data-v-edf5a14a] {
  text-align: left;
  padding-bottom: 20px;
  padding-left: 10px;
}
[data-v-edf5a14a] .el-checkbox__label {
  width: 50px;
  padding-top: 10px;
}
.theme2 .deviceDistribution[data-v-edf5a14a] {
  background: #2a2b2d;
}

.deviceManagement[data-v-c432d754] {
  top: 80px;
  width: calc(100% - 10px);
  height: calc(100% - 70px);
  padding-bottom: 10px;
  display: flex;
  position: absolute;
}
.deviceManagement .leftStructure[data-v-c432d754] {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-right: 0;
}
.deviceManagement .specialStruc[data-v-c432d754] {
  padding: 0px 20px 20px 20px !important;
}
.deviceManagement .specialStruc .el-tabs[data-v-c432d754] {
  height: auto;
}
.deviceManagement .specialStruc .el-tabs .el-tabs__content[data-v-c432d754] {
  display: none;
}
.deviceManagement .centerStructure[data-v-c432d754] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  padding: 0px 20px 20px 20px;
}
.deviceManagement .searchBox[data-v-c432d754] {
  display: flex;
}
.deviceManagement .searchBox .input-with-select[data-v-c432d754] {
  width: 300px;
}
.deviceManagement .searchBox .input-with-select .el-input__inner[data-v-c432d754] {
  width: 160px;
}
.deviceManagement .searchBox .inp[data-v-c432d754] {
  line-height: 32px;
}
.deviceManagement .searchBox .meterType[data-v-c432d754] {
  margin-right: 10px;
}
.deviceManagement .table-diaolog .el-dialog__body[data-v-c432d754] {
  padding-right: 20px;
}
.deviceManagement .table-diaolog .buttonAdd[data-v-c432d754] {
  float: right;
  margin-top: 20px;
}
.deviceManagement .loading-btn[data-v-c432d754] {
  height: 30px;
  margin-top: 1px;
}
.deviceManagement .upload-demo[data-v-c432d754] .el-upload {
  left: 373px;
}
.deviceManagement .upload-demo .el-upload-list__item .el-icon-close[data-v-c432d754] {
  right: 12px;
}
.deviceManagement .myicon[data-v-c432d754] {
  margin: 0 8px;
  color: #6690ff;
  white-space: nowrap;
}
.deviceManagement .searchSelect.close .el-input--suffix .el-input__inner[data-v-c432d754] {
  padding-right: 30px;
}
.deviceManagement .picOne[data-v-c432d754] {
  display: inline-block;
  width: 592px;
  margin-left: 25px;
}
.deviceManagement .picOne .pic[data-v-c432d754] {
  margin-left: 75px;
  margin-top: 10px;
}
.deviceManagement .pl30[data-v-c432d754] {
  padding-left: 30px;
}
.deviceManagement .picTwo[data-v-c432d754] {
  margin-right: 100px;
}
.deviceManagement .wh530[data-v-c432d754] {
  width: 530px;
}
.deviceManagement .wh860[data-v-c432d754] {
  width: 860px;
}
.deviceManagement .el-upload--picture-card[data-v-c432d754] {
  background-color: #fbfdff;
  border: 1px dashed #c0ccda;
  border-radius: 6px;
  box-sizing: border-box;
  width: 100px;
  height: 100px;
  line-height: 100px;
  vertical-align: top;
  margin-left: 5px;
}
.deviceManagement .el-upload-list--picture-card .el-upload-list__item[data-v-c432d754] {
  width: 110px;
  height: 100px;
}

.deviceInfo[data-v-402d6b7b] {
  top: 80px;
  width: 350px;
  height: calc(100% - 80px);
  background: #fff;
  position: absolute;
  padding: 20px;
  font-size: 14px;
  font-weight: bold;
  word-break: break-all;
}
.deviceInfo .textLabel[data-v-402d6b7b] {
  text-align: right;
  margin: 10px 0;
}
.deviceInfo .textValue[data-v-402d6b7b] {
  margin: 10px 0;
}
.theme2 .deviceInfo[data-v-402d6b7b] {
  background: #2a2b2d;
}

.deviceList[data-v-4e19f404] {
  top: 80px;
  width: 350px;
  height: calc(100% - 80px);
  background: #fff;
  position: absolute;
  padding: 20px;
  font-size: 14px;
}
.theme2 .deviceList[data-v-4e19f404] {
  background: #2a2b2d;
}

.lineEdit[data-v-30e9f546] {
  top: 80px;
  width: 350px;
  height: calc(100% - 80px);
  background: #fff;
  position: absolute;
  padding: 10px 20px 20px 20px;
  font-size: 14px;
  overflow-y: auto;
}
.lineEdit[data-v-30e9f546]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.lineEdit[data-v-30e9f546]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
  background: rgba(0, 0, 0, 0.2) !important;
}
.lineEdit[data-v-30e9f546]::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
  background: rgba(0, 0, 0, 0.1) !important;
  border-radius: 0;
}
.lineEdit[data-v-30e9f546]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.wh210[data-v-30e9f546] {
  width: 210px;
}
.tabActiveTab[data-v-30e9f546] {
  padding-left: 60px;
  margin-bottom: 10px;
  margin-top: 15px;
}
.delLineTypeTab[data-v-30e9f546] {
  margin-left: 66px;
  margin-bottom: 20px;
}
.lineTable[data-v-30e9f546] {
  height: calc(100% - 113px);
}
[data-v-30e9f546] .el-radio-button--small .el-radio-button__inner {
  font-size: 14px !important;
}
.pt15[data-v-30e9f546] {
  padding-top: 15px;
}
.theme2 .lineEdit[data-v-30e9f546] {
  background: #2a2b2d;
}
.theme2 .lineEdit[data-v-30e9f546]::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 5px rgba(102, 144, 255, 0.2) !important;
  background: rgba(102, 144, 255, 0.2) !important;
}
.theme2 .lineEdit[data-v-30e9f546]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(102, 144, 255, 0.1) !important;
  background: rgba(102, 144, 255, 0.1) !important;
}

.lineReport[data-v-aca18330] {
  top: 80px;
  width: calc(100% - 10px);
  height: calc(100% - 70px);
  padding-bottom: 10px;
  display: flex;
  position: absolute;
}
.lineReport .specialStruc[data-v-aca18330] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 10px 20px 20px;
  margin: 0;
}
.lineReport .specialStruc .el-tabs[data-v-aca18330] {
  height: auto;
}
.lineReport .specialStruc .el-tabs .el-tabs__content[data-v-aca18330] {
  display: none;
}
.lineReport .searchBox[data-v-aca18330] {
  display: flex;
}
.lineReport .searchBox .input-with-select[data-v-aca18330] {
  width: 300px;
}
.lineReport .searchBox .input-with-select .el-input__inner[data-v-aca18330] {
  width: 160px;
}
.lineReport .searchBox .inp[data-v-aca18330] {
  line-height: 32px;
}
.lineReport .searchBox .meterType[data-v-aca18330] {
  margin-right: 10px;
}
.lineReport .wh110[data-v-aca18330] {
  width: 110px;
}
.lineReport .loading-btn[data-v-aca18330] {
  height: 30px;
  margin-top: 1px;
}
.lineReport .searchSelect.close .el-input--suffix .el-input__inner[data-v-aca18330] {
  padding-right: 30px;
}
.lineReport .tar[data-v-aca18330] {
  text-align: right;
}

.pipeAsset[data-v-2ce7f4d4] {
  top: 80px;
  width: calc(100% - 10px);
  height: calc(100% - 70px);
  padding-bottom: 10px;
  display: flex;
  position: absolute;
}
.pipeAsset .centerStructure[data-v-2ce7f4d4] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.pipeAsset .staticArea[data-v-2ce7f4d4] {
  background-color: #EBEEF5;
}
.pipeAsset .staticArea .static-father[data-v-2ce7f4d4] {
  font: 16px/1.5 'Microsoft YaHei', '\5B8B\4F53', Tahoma, Arial, sans-serif;
  font-weight: 550;
  text-align: center !important;
}
.pipeAsset .staticArea .static-father .lineHt32[data-v-2ce7f4d4] {
  line-height: 32px;
}
.pipeAsset .staticArea .childValue[data-v-2ce7f4d4] {
  color: #4d91ff;
}
.pipeAsset .specialArea[data-v-2ce7f4d4] {
  padding: 10px 20px 20px 20px;
  margin: 0;
}
.pipeAsset .centerStructure > .el-tabs[data-v-2ce7f4d4],
.pipeAsset .control-empty > .el-tabs[data-v-2ce7f4d4] {
  height: 50px;
}
.pipeAsset .centerStructure > .el-tabs[data-v-2ce7f4d4] .el-tabs__active-bar,
.pipeAsset .control-empty > .el-tabs[data-v-2ce7f4d4] .el-tabs__active-bar {
  width: 28px!important;
}
.pipeAsset .searchBox[data-v-2ce7f4d4] {
  display: flex;
}
.pipeAsset .searchBox .input-with-select[data-v-2ce7f4d4] {
  width: 300px;
}
.pipeAsset .searchBox .input-with-select .el-input__inner[data-v-2ce7f4d4] {
  width: 160px;
}
.pipeAsset .searchBox .inp[data-v-2ce7f4d4] {
  line-height: 32px;
}
.pipeAsset .searchBox .btn-spe[data-v-2ce7f4d4] {
  position: absolute;
  right: 20px;
}
.pipeAsset .containBtns[data-v-2ce7f4d4] {
  justify-content: space-between;
}
.pipeAsset .mainShow[data-v-2ce7f4d4] {
  width: 100%;
  height: calc(100% - 90px);
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.pipeAsset .mainShow .echartsBox[data-v-2ce7f4d4] {
  height: 50%;
  width: 100%;
  flex: 1;
}
.theme2 .staticArea[data-v-2ce7f4d4] {
  background-color: #414347;
}
.theme2 .staticArea .static-father[data-v-2ce7f4d4] {
  color: #b7b7b7;
}
.theme2 .staticArea .childValue[data-v-2ce7f4d4] {
  color: #4d91ff;
}

.lineInfoList[data-v-20321f06] {
  top: 80px;
  width: 350px;
  height: calc(100% - 80px);
  background: #fff;
  position: absolute;
  padding: 20px;
  font-size: 14px;
}
.theme2 .lineInfoList[data-v-20321f06] {
  background: #2a2b2d;
}

.pipeInfoList[data-v-503693b1] {
  top: 80px;
  width: 500px;
  height: calc(100% - 80px);
  background: #fff;
  position: absolute;
  padding: 20px;
  font-size: 14px;
  overflow-x: auto;
  overflow-y: hidden;
}
.theme2 .pipeInfoList[data-v-503693b1] {
  background: #2a2b2d;
}

.pipeNodeInfoList[data-v-074e9bde] {
  top: 80px;
  width: 500px;
  height: calc(100% - 80px);
  background: #fff;
  position: absolute;
  padding: 20px;
  font-size: 14px;
}
.theme2 .pipeNodeInfoList[data-v-074e9bde] {
  background: #2a2b2d;
}

.dataExport[data-v-5a310a8a] {
  top: 80px;
  width: 350px;
  height: calc(100% - 80px);
  background: #fff;
  position: absolute;
  padding: 10px 20px 20px 20px;
  font-size: 14px;
  overflow-y: auto;
}
.wh210[data-v-5a310a8a] {
  width: 210px;
}
.tabActiveTab[data-v-5a310a8a] {
  text-align: center;
  margin-bottom: 20px;
}
.exportChangeChoose[data-v-5a310a8a] {
  margin-left: 66px;
  margin-bottom: 20px;
}
.tipInfo[data-v-5a310a8a] {
  color: red;
  margin-bottom: 20px;
}
.lineTable[data-v-5a310a8a] {
  height: calc(100% - 94px);
}
.ml230[data-v-5a310a8a] {
  margin-left: 230px;
}
[data-v-5a310a8a] .el-radio-button--small .el-radio-button__inner {
  font-size: 14px !important;
}
.theme2 .dataExport[data-v-5a310a8a] {
  background: #2a2b2d;
}

.gisOverview[data-v-793b6bf0] {
  top: 80px;
  height: calc(100% - 80px);
  width: calc(100% - 10px);
  display: flex;
  position: absolute;
}
.gisOverview .centerStructure[data-v-793b6bf0] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  box-sizing: border-box;
  overflow: auto;
  padding: 10px;
  margin-right: 0;
  /*圆环中心值样式*/
}
.gisOverview .centerStructure .nav[data-v-793b6bf0] {
  box-shadow: none;
  height: 44px;
  width: 100%;
  line-height: 44px;
}
.gisOverview .centerStructure .nav .myTitle[data-v-793b6bf0] {
  width: 100%;
  text-align: center;
  font-size: 21px;
}
.gisOverview .centerStructure .chartF[data-v-793b6bf0] {
  width: 100%;
  display: flex;
}
.gisOverview .centerStructure .chartF .chartC[data-v-793b6bf0] {
  width: 100%;
}
.gisOverview .centerStructure .chartF .chartC .floor[data-v-793b6bf0] {
  height: 300px;
}
.gisOverview .centerStructure .chartF .chartC .floor .clock[data-v-793b6bf0] {
  display: flex;
  height: 240px;
}
.gisOverview .centerStructure .chartF .chartC .floor .clock .chartitem[data-v-793b6bf0] {
  position: relative;
  width: 33.4%;
  height: 100%;
}
.gisOverview .centerStructure .chartF .chartC .floor .clock .chartitem p[data-v-793b6bf0] {
  position: absolute;
  text-align: center;
  width: 100%;
  bottom: 30px;
  z-index: 666;
}
.gisOverview .centerStructure .chartF .chartC .floor .clock .chartitem .realchart[data-v-793b6bf0] {
  width: 100%;
  height: 100%;
}
.gisOverview .centerStructure .chartF .chartC .floor .clock .chartitem .realchart > div[data-v-793b6bf0]:first-child {
  width: 100% !important;
}
.gisOverview .centerStructure .chartF .chartC .floor ul[data-v-793b6bf0] {
  height: 100%;
  display: flex;
}
.gisOverview .centerStructure .chartF .chartC .floor ul li[data-v-793b6bf0] {
  flex: 1;
  position: relative;
}
.gisOverview .centerStructure .echarts-dom[data-v-793b6bf0] {
  height: 100%;
}

.connectivityAnalysis[data-v-20551ab4] {
  top: 80px;
  width: 350px;
  height: calc(100% - 80px);
  background: #fff;
  position: absolute;
  padding: 10px 20px 20px 20px;
  font-size: 14px;
}
.connectivityAnalysis .tipInfo[data-v-20551ab4] {
  margin-top: 20px;
  margin-bottom: 20px;
}
.theme2 .connectivityAnalysis[data-v-20551ab4] {
  background: #2a2b2d;
}

.pipeOperation[data-v-392fb93c] {
  top: 80px;
  width: 350px;
  height: calc(100% - 80px);
  background: #fff;
  position: absolute;
  padding: 10px 20px 20px 20px;
  font-size: 14px;
  overflow-y: auto;
}
.theme2 .pipeOperation[data-v-392fb93c] {
  background: #2a2b2d;
}
.tabPosition[data-v-392fb93c] {
  text-align: center;
  margin-bottom: 10px;
  margin-top: 15px;
}
.wh210[data-v-392fb93c] {
  width: 210px;
}
.marTop10[data-v-392fb93c] {
  margin-top: 10px;
}
.disFlex[data-v-392fb93c] {
  display: flex;
}
.submitButton1[data-v-392fb93c] {
  margin-left: 230px;
}
.submitButton2[data-v-392fb93c] {
  margin-left: 250px;
  margin-top: 20px;
}
.pt10[data-v-392fb93c] {
  padding-top: 15px;
}
.pr20[data-v-392fb93c] {
  padding-right: 20px;
}
label.el-form-item__label[data-v-392fb93c] {
  width: 100px;
}
[data-v-392fb93c] .el-radio-button--small .el-radio-button__inner {
  font-size: 14px !important;
}

.measurePart[data-v-e13d8ca0] {
  top: 80px;
  width: 350px;
  height: calc(100% - 80px);
  background: #fff;
  position: absolute;
  padding: 10px 20px 20px 20px;
  font-size: 14px;
}
.measurePart .tipInfo[data-v-e13d8ca0] {
  margin-top: 20px;
  margin-bottom: 20px;
}
.theme2 .measurePart[data-v-e13d8ca0] {
  background: #2a2b2d;
}

.pipeAnalyse[data-v-a1b2251e] {
  top: 80px;
  position: absolute;
  height: calc(100% - 80px);
  display: flex;
  background-color: #fff;
}
.pipeAnalyse .left-area[data-v-a1b2251e] {
  width: 375px;
  height: 100%;
  padding: 10px 10px 10px 10px;
  position: relative;
  z-index: 5;
}
.pipeAnalyse .right-area[data-v-a1b2251e] {
  width: 1485px;
  height: 100%;
  z-index: 4;
  background-color: #fff;
  position: absolute;
  padding: 10px 10px 10px 10px;
  transition: all 0.6s;
}
.pipeAnalyse .right-area .analyseStyle[data-v-a1b2251e] {
  font: 14px/1.5 'Microsoft YaHei', '\5B8B\4F53', Tahoma, Arial, sans-serif;
  font-weight: 900;
  margin-left: 8px;
}
.pipeAnalyse .right-area .chart-area[data-v-a1b2251e] {
  width: 100%;
  height: 680px;
}
.theme2 .pipeAnalyse[data-v-a1b2251e] {
  background-color: #2a2b2d;
}
.theme2 .right-area[data-v-a1b2251e] {
  background-color: #2a2b2d;
}

.closeValueAnalysis[data-v-38443cce] {
  top: 80px;
  width: 350px;
  height: calc(100% - 80px);
  background: #fff;
  position: absolute;
  padding: 10px 20px 20px 20px;
  font-size: 14px;
  word-break: break-all;
  overflow-y: auto;
}
.closeValueAnalysis[data-v-38443cce]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.closeValueAnalysis[data-v-38443cce]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
  background: rgba(0, 0, 0, 0.2) !important;
}
.closeValueAnalysis[data-v-38443cce]::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
  background: rgba(0, 0, 0, 0.1) !important;
  border-radius: 0;
}
.closeValueAnalysis[data-v-38443cce]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.closeValueAnalysis .tipInfo[data-v-38443cce] {
  margin-top: 20px;
  margin-bottom: 20px;
}
.closeValueAnalysis .rowStyle[data-v-38443cce] {
  width: 100%;
  margin-top: 10px;
}
.closeValueAnalysis .rowHeadStyle[data-v-38443cce] {
  width: 100%;
  margin-top: 20px;
}
.closeValueAnalysis .fontWeight[data-v-38443cce] {
  font-weight: bold;
}
.closeValueAnalysis .fontColor[data-v-38443cce] {
  color: #6690ff;
}
.closeValueAnalysis .pointer[data-v-38443cce] {
  cursor: pointer;
}
.closeValueAnalysis .notAllowed[data-v-38443cce] {
  pointer-events: none;
}
.theme2 .closeValueAnalysis[data-v-38443cce] {
  background: #2a2b2d;
}
.theme2 .closeValueAnalysis[data-v-38443cce]::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 5px rgba(102, 144, 255, 0.2) !important;
  background: rgba(102, 144, 255, 0.2) !important;
}
.theme2 .closeValueAnalysis[data-v-38443cce]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(102, 144, 255, 0.1) !important;
  background: rgba(102, 144, 255, 0.1) !important;
}

.layerDisplay[data-v-3a3dd8ec] {
  padding: 10px 0 0 20px;
  top: 80px;
  width: 350px;
  height: calc(100% - 80px);
  font-size: 14px;
  font-weight: bold;
  background: #fff;
  position: absolute;
  overflow: auto;
}
.layerDisplay[data-v-3a3dd8ec]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.layerDisplay[data-v-3a3dd8ec]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
  background: rgba(0, 0, 0, 0.2) !important;
}
.layerDisplay[data-v-3a3dd8ec]::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
  background: rgba(0, 0, 0, 0.1) !important;
  border-radius: 0;
}
.layerDisplay[data-v-3a3dd8ec]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.layerDisplay .line[data-v-3a3dd8ec] {
  text-align: left;
  padding-bottom: 5px;
  padding-left: 10px;
}
.layerDisplay .el-checkbox[data-v-3a3dd8ec] {
  width: 120px;
  height: 30px;
}
.theme2 .layerDisplay[data-v-3a3dd8ec] {
  background: #2a2b2d;
}
.theme2 .layerDisplay[data-v-3a3dd8ec]::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 5px rgba(102, 144, 255, 0.2) !important;
  background: rgba(102, 144, 255, 0.2) !important;
}
.theme2 .layerDisplay[data-v-3a3dd8ec]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(102, 144, 255, 0.1) !important;
  background: rgba(102, 144, 255, 0.1) !important;
}

.drawPartition[data-v-59d017f2] {
  padding: 10px 0 0 20px;
  top: 80px;
  width: 350px;
  height: calc(100% - 80px);
  font-size: 14px;
  font-weight: bold;
  background: #fff;
  position: absolute;
}
.drawPartition .treeIcon[data-v-59d017f2] {
  font-weight: normal !important;
}
.drawPartition[data-v-59d017f2] .overauto {
  width: 304px;
  height: 89%;
}
.drawPartition[data-v-59d017f2] .tree-box .treeIcon {
  font-weight: normal;
}
.theme2 .drawPartition[data-v-59d017f2] {
  background: #2a2b2d;
}

.bufferAnalyse[data-v-ae474762] {
  top: 80px;
  position: absolute;
  height: calc(100% - 80px);
  display: flex;
  background-color: #fff;
}
.bufferAnalyse .left-area[data-v-ae474762] {
  width: 350px;
  height: 100%;
  padding: 10px 20px 20px 20px;
  position: relative;
  z-index: 5;
  font-size: 14px;
  overflow-y: auto;
}
.bufferAnalyse .left-area[data-v-ae474762]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.bufferAnalyse .left-area[data-v-ae474762]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
  background: rgba(0, 0, 0, 0.2) !important;
}
.bufferAnalyse .left-area[data-v-ae474762]::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
  background: rgba(0, 0, 0, 0.1) !important;
  border-radius: 0;
}
.bufferAnalyse .left-area[data-v-ae474762]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.bufferAnalyse .left-area .tabPosition[data-v-ae474762] {
  text-align: center;
  margin-bottom: 10px;
  margin-top: 10px;
}
.bufferAnalyse .left-area[data-v-ae474762] .el-radio-button--small .el-radio-button__inner {
  font-size: 14px !important;
}
.bufferAnalyse .left-area .pointer[data-v-ae474762] {
  cursor: pointer;
}
.bufferAnalyse .left-area .notAllowed[data-v-ae474762] {
  pointer-events: none;
}
.bufferAnalyse .left-area .rowStyle[data-v-ae474762] {
  width: 100%;
  margin-top: 10px;
}
.bufferAnalyse .left-area .rowHeadStyle[data-v-ae474762] {
  width: 100%;
  margin-top: 20px;
}
.bufferAnalyse .left-area .fontWeight[data-v-ae474762] {
  font-weight: bold;
}
.bufferAnalyse .left-area .fontColor[data-v-ae474762] {
  color: #6690ff;
}
.bufferAnalyse .left-area .range[data-v-ae474762] {
  display: flex;
  margin-top: 10px;
  align-items: center;
}
.bufferAnalyse .left-area .range .range-label[data-v-ae474762] {
  width: 90px;
}
.bufferAnalyse .left-area .range .range-slide[data-v-ae474762] {
  margin-left: 30px;
  width: 300px;
}
.bufferAnalyse .left-area .deepButton[data-v-ae474762] {
  position: absolute;
  margin-top: 10px;
  padding-bottom: 10px;
  right: 20px;
}
.bufferAnalyse .right-area[data-v-ae474762] {
  width: 1510px;
  height: 100%;
  z-index: 4;
  background-color: #fff;
  position: absolute;
  padding: 10px 10px 10px 10px;
  transition: all 0.6s;
}
.bufferAnalyse .right-area .analyseStyle[data-v-ae474762] {
  font: 14px/1.5 'Microsoft YaHei', '\5B8B\4F53', Tahoma, Arial, sans-serif;
  font-weight: 900;
  margin-left: 8px;
}
.bufferAnalyse .right-area .chart-area[data-v-ae474762] {
  width: 100%;
  height: 680px;
}
.theme2 .bufferAnalyse[data-v-ae474762] {
  background-color: #2a2b2d;
}
.theme2 .bufferAnalyse .left-area[data-v-ae474762]::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 5px rgba(102, 144, 255, 0.2) !important;
  background: rgba(102, 144, 255, 0.2) !important;
}
.theme2 .bufferAnalyse .left-area[data-v-ae474762]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(102, 144, 255, 0.1) !important;
  background: rgba(102, 144, 255, 0.1) !important;
}
.theme2 .right-area[data-v-ae474762] {
  background-color: #2a2b2d;
}

.searchBox[data-v-5dc6c3a6] {
  margin-bottom: 0px;
  height: auto;
  display: flex;
}
.searchBox .input-with-select[data-v-5dc6c3a6] {
  width: 300px;
}
.searchBox .input-with-select .el-input__inner[data-v-5dc6c3a6] {
  width: 160px;
}
.searchBox .inp[data-v-5dc6c3a6] {
  line-height: 32px;
}
.searchBox .meterType[data-v-5dc6c3a6] {
  margin-right: 10px;
}
.searchBox .pt5[data-v-5dc6c3a6] {
  padding: 5px 0;
}
.searchBox .pl5[data-v-5dc6c3a6] {
  padding-right: 5px;
}
.searchBox[data-v-5dc6c3a6] .highsearch .searchalert ul li .el-input {
  width: 360px!important;
}

.burstPipeAnalysis[data-v-abb150cc] {
  top: 80px;
  width: 400px;
  height: calc(100% - 80px);
  background: #fff;
  position: absolute;
  padding: 10px 20px 20px 20px;
  font-size: 14px;
  word-break: break-all;
  overflow-y: auto;
}
.burstPipeAnalysis[data-v-abb150cc]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.burstPipeAnalysis[data-v-abb150cc]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
  background: rgba(0, 0, 0, 0.2) !important;
}
.burstPipeAnalysis[data-v-abb150cc]::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
  background: rgba(0, 0, 0, 0.1) !important;
  border-radius: 0;
}
.burstPipeAnalysis[data-v-abb150cc]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.burstPipeAnalysis .tipInfo[data-v-abb150cc] {
  margin-top: 20px;
  margin-bottom: 20px;
}
.burstPipeAnalysis .rowStyle[data-v-abb150cc] {
  width: 100%;
  margin-top: 10px;
}
.burstPipeAnalysis .rowHeadStyle[data-v-abb150cc] {
  width: 100%;
  margin-top: 20px;
}
.burstPipeAnalysis .fontWeight[data-v-abb150cc] {
  font-weight: bold;
}
.burstPipeAnalysis .fontColor[data-v-abb150cc] {
  color: #6690ff;
}
.burstPipeAnalysis .pointer[data-v-abb150cc] {
  cursor: pointer;
}
.burstPipeAnalysis .notAllowed[data-v-abb150cc] {
  pointer-events: none;
}
.theme2 .burstPipeAnalysis[data-v-abb150cc] {
  background: #2a2b2d;
}
.theme2 .burstPipeAnalysis[data-v-abb150cc]::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 5px rgba(102, 144, 255, 0.2) !important;
  background: rgba(102, 144, 255, 0.2) !important;
}
.theme2 .burstPipeAnalysis[data-v-abb150cc]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(102, 144, 255, 0.1) !important;
  background: rgba(102, 144, 255, 0.1) !important;
}

.el-autocomplete[data-v-6451c966] {
  width: 270px;
}
.phone[data-v-6451c966] {
  line-height: 32px;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
[data-v-6451c966] .el-input__inner {
  background: #ffffffa0;
  height: 38px;
}
[data-v-6451c966] .el-input__suffix {
  margin-right: 5px;
  top: 2px;
}
.coordinateType[data-v-6451c966] {
  display: flex;
  height: 38px;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  background: #ffffffd9;
}
.coordinateType[data-v-6451c966] .el-input__inner {
  border-radius: 0;
}
.coordinateType .inputLng[data-v-6451c966] {
  width: 114px;
}
.coordinateType .inputLat[data-v-6451c966] {
  width: 156px;
}
.coordinateType .searchBtn[data-v-6451c966] {
  height: 37px;
}
.phone .type[data-v-6451c966] {
  border: 1px solid;
  border-radius: 20px;
  padding: 1px 8px;
}
.phone .col1[data-v-6451c966] {
  color: #6a93ff;
  border-color: #6a93ff;
}
.phone .col2[data-v-6451c966] {
  color: #c96fff;
  border-color: #c96fff;
}
.phone .col3[data-v-6451c966] {
  color: #ff9300;
  border-color: #ff9300;
}
.selectType[data-v-6451c966] {
  width: 82px;
}
.selectType[data-v-6451c966] .el-input__inner {
  background: #ffffffd9;
  height: 38px;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-right: 0px;
  border: 1px solid #DCDFE6;
}
.borderLeft[data-v-6451c966] .el-input__inner {
  border-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background: #ffffffd9;
}
.theme2 .coordinateType[data-v-6451c966] .el-input__inner {
  background: #18191b !important;
}
.theme2 .selectType[data-v-6451c966] .el-input__inner {
  background: #18191b !important;
  border: 1px solid #494949;
}
.theme2 .el-autocomplete[data-v-6451c966] .el-input__inner {
  background: #18191b;
}

.singleSearch {
  box-shadow: 1px 3px 5px #999;
  margin-top: 8px !important;
}
.singleSearch.el-autocomplete-suggestion {
  border: none;
}
.singleSearch li {
  line-height: normal;
  padding: 7px;
  padding-left: 15px;
  padding-right: 15px;
  border-bottom: 1px solid #bbbcc490;
}
.singleSearch li:last-child {
  border: none;
}
.theme2 .singleSearch {
  box-shadow: 1px 3px 5px #333;
  background: #18191b;
}
.theme2 .area_search .el-input__inner {
  background: #18191bf2 !important;
}

.gisMarker[data-v-67a86309] {
  top: 80px;
  position: absolute;
  height: calc(100% - 80px);
  display: flex;
  background-color: #fff;
}
.gisMarker .left-area[data-v-67a86309] {
  width: 350px;
  height: 100%;
  padding: 10px 20px 20px 20px;
  position: relative;
  z-index: 5;
  font-size: 14px;
}
.gisMarker .left-area .radioGroup[data-v-67a86309] {
  text-align: center;
  margin-bottom: 10px;
  margin-top: 10px;
}
.gisMarker .left-area .my-tree[data-v-67a86309] {
  height: calc(100% - 100px);
  overflow: auto;
  width: 100%;
}
.gisMarker .left-area .my-tree[data-v-67a86309]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.gisMarker .left-area .my-tree[data-v-67a86309]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.gisMarker .left-area .my-tree[data-v-67a86309]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.gisMarker .left-area .my-tree[data-v-67a86309]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.gisMarker .left-area .my-tree .el-tree[data-v-67a86309] {
  min-width: 100%;
  display: inline-block;
}
.gisMarker .left-area .my-tree .el-tree .el-tree-node[data-v-67a86309] {
  overflow: auto;
}
.gisMarker .left-area[data-v-67a86309] .el-radio-button--small .el-radio-button__inner {
  font-size: 14px !important;
}
.gisMarker .left-area .range[data-v-67a86309] {
  display: flex;
  margin-top: 10px;
  align-items: center;
}
.gisMarker .left-area .range .range-label[data-v-67a86309] {
  width: 90px;
}
.gisMarker .left-area .range .range-slide[data-v-67a86309] {
  margin-left: 30px;
  width: 300px;
}
.gisMarker .editIcon[data-v-67a86309] {
  display: none;
  margin-left: 5px;
  color: #4d91ff;
}
.gisMarker .editIcon i[data-v-67a86309] {
  margin-right: 5px;
}
.gisMarker .treeIcon[data-v-67a86309] {
  width: 100%;
}
.gisMarker .treeIcon .iconfont[data-v-67a86309] {
  margin-right: 4px;
}
.theme2 .gisMarker[data-v-67a86309] {
  background-color: #2a2b2d;
}
.theme2 .gisMarker .left-area .my-tree[data-v-67a86309]::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.1);
}
.theme2 .gisMarker .left-area .my-tree[data-v-67a86309]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}

.shortConnectPath[data-v-345bfeb4] {
  top: 80px;
  width: 350px;
  height: calc(100% - 80px);
  background: #fff;
  position: absolute;
  padding: 10px 20px 20px 20px;
  font-size: 14px;
  word-break: break-all;
  overflow-y: auto;
}
.shortConnectPath[data-v-345bfeb4]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.shortConnectPath[data-v-345bfeb4]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
  background: rgba(0, 0, 0, 0.2) !important;
}
.shortConnectPath[data-v-345bfeb4]::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
  background: rgba(0, 0, 0, 0.1) !important;
  border-radius: 0;
}
.shortConnectPath[data-v-345bfeb4]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.shortConnectPath .tipInfo[data-v-345bfeb4] {
  margin-top: 20px;
  margin-bottom: 20px;
}
.shortConnectPath .rowStyle[data-v-345bfeb4] {
  width: 100%;
  margin-top: 10px;
}
.shortConnectPath .rowHeadStyle[data-v-345bfeb4] {
  width: 100%;
  margin-top: 20px;
}
.shortConnectPath .fontWeight[data-v-345bfeb4] {
  font-weight: bold;
}
.shortConnectPath .fontColor[data-v-345bfeb4] {
  color: #6690ff;
}
.shortConnectPath .pointer[data-v-345bfeb4] {
  cursor: pointer;
}
.shortConnectPath .notAllowed[data-v-345bfeb4] {
  pointer-events: none;
}
.theme2 .shortConnectPath[data-v-345bfeb4] {
  background: #2a2b2d;
}
.theme2 .shortConnectPath[data-v-345bfeb4]::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 5px rgba(102, 144, 255, 0.2) !important;
  background: rgba(102, 144, 255, 0.2) !important;
}
.theme2 .shortConnectPath[data-v-345bfeb4]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(102, 144, 255, 0.1) !important;
  background: rgba(102, 144, 255, 0.1) !important;
}

.gisSystem {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}
.gisSystem .centerStructure {
  padding: 0;
  overflow: hidden;
}
.gisSystem .centerStructure .gisHeaderDiv {
  height: 80px;
}
.gisSystem .centerStructure .gisCenterDiv {
  height: calc(100% - 80px);
  width: 100%;
}
.gisSystem .facDialog {
  max-height: 550px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 0px;
}
.gisSystem .facDialog .flx {
  display: flex;
  margin-bottom: 10px;
}
.gisSystem .facDialog .flx > div {
  flex: 1;
  padding-right: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.gisSystem .facDialog1 ::-webkit-scrollbar {
  width: 5px;
}
.gisSystem .facDialog1 ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(24, 25, 27, 0.4);
}
.gisSystem .floatingStyle {
  min-width: 0;
  word-wrap: break-word;
  background-clip: border-box;
  position: absolute;
}
.gisSystem .leftFloatingStyle {
  top: 80px;
  left: 0px;
  width: 350px;
}
.gisSystem .rightFloatingStyle {
  top: 100px;
  right: 20px;
  width: 350px;
}
.gisSystem #gisSystemMap {
  height: 100%;
  width: 100vw;
}
.gisSystem #gisSystemMap .ol-custom-overviewmap,
.gisSystem #gisSystemMap .ol-custom-overviewmap.ol-uncollapsible {
  position: fixed;
  top: auto;
  left: auto;
  bottom: 10px;
  right: 10px;
  max-width: 310px;
  max-height: 160px;
}
.gisSystem #gisSystemMap .ol-custom-overviewmap:not(.ol-collapsed) {
  border: 1px solid black;
}
.gisSystem #gisSystemMap .ol-custom-overviewmap .ol-overviewmap-box {
  border: 1px solid #ff0000;
}
.gisSystem #gisSystemMap .ol-custom-overviewmap .ol-overviewmap-map {
  border: none;
  width: 300px;
}
.gisSystem #gisSystemMap .ol-custom-overviewmap:not(.ol-collapsed) button {
  bottom: auto;
  left: auto;
  right: 1px;
  top: 1px;
}
.gisSystem #gisSystemMap .ol-custom-overviewmap:not(.ol-collapsed) button {
  bottom: auto;
  left: auto;
  right: 1px;
  top: 1px;
}
.gisSystem .editButton {
  position: absolute;
  left: 50%;
  z-index: 99;
  top: 50%;
  background: #05aded7a;
  border-color: #05aded7a;
}
.gisSystem .arrowRight {
  font-weight: bold;
  font-size: 15px;
  display: inline-block;
  margin: auto 10px;
}
.gisSystem .arrowLeft {
  font-weight: bold;
  font-size: 15px;
  display: inline-block;
}
.gisSystem .ol-layer {
  width: 100%;
}
.gisSystem .el-menu-item {
  padding-left: 10px;
  height: 80px !important;
}
.gisSystem .marginright5 {
  margin-right: 5px;
}
.gisSystem .marginTop10 {
  margin-top: 10px;
}
.gisSystem i {
  font-size: 14px;
}
.gisSystem .overlayStyle {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  padding: 15px;
  border-radius: 5px;
}
.gisSystem .overlayStyle ::-webkit-scrollbar {
  width: 5px;
}
.gisSystem .overlayStyle ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(24, 25, 27, 0.4);
}
.gisSystem .overlayStyle.nodeAndLine {
  width: 340px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3), 0 0 16px rgba(0, 0, 0, 0.3);
  background: rgba(255, 255, 255, 0.85);
}
.gisSystem .overlayStyle.nodeAndLine::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  height: 120px;
  width: 100%;
  background: linear-gradient(to bottom, #aec3fa90, #ffffff20);
  z-index: -1;
}
.gisSystem .overlayStyle.nodeAndLine .flx {
  display: flex;
  margin-bottom: 8px;
}
.gisSystem .overlayStyle.nodeAndLine .flx:last-child {
  margin-bottom: 0;
}
.gisSystem .overlayStyle.nodeAndLine .flx > div {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.gisSystem .overlayStyle.spec {
  padding-bottom: 20px;
  padding-top: 60px;
  padding-left: 30px;
  background-image: url(../img/bg.97ff346e.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 585px;
  height: 356px;
  padding-right: 16px;
}
.gisSystem .overlayStyle .pColumn {
  display: flex;
  height: 232px;
}
.gisSystem .overlayStyle .pColumn .right-child {
  border-right: 1px solid #DCDFE6;
}
.gisSystem .overlayStyle .pColumn .right-child > .lintit {
  position: absolute;
  top: 28px;
  margin: 0;
}
.gisSystem .overlayStyle .pColumn .double-column {
  width: 220px;
  height: 232px;
  overflow: auto;
}
.gisSystem .overlayStyle .pColumn .double-column .hoverItem {
  width: 205px;
  border: 1px solid #e8e8e8;
  cursor: pointer;
  padding: 5px 0;
  margin-bottom: 10px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}
.gisSystem .overlayStyle .pColumn .double-column .hoverItem:last-child {
  border: none;
  margin-bottom: 0;
}
.gisSystem .overlayStyle .pColumn .double-column .hoverItem:hover {
  background: #e3ebff;
}
.gisSystem .overlayStyle .pColumn .double-column .hoverItem.activeItem {
  border: 1px solid #6690ff;
}
.gisSystem .overlayStyle .pColumn .double-child {
  overflow: auto;
  padding-left: 10px;
  flex: 1;
}
.gisSystem .overlayStyle .pColumn .double-child .lintit {
  margin: 5px 0;
}
.gisSystem .overlayStyle .pColumn .double-child .flexItem {
  display: flex;
  padding-right: 10px;
  margin-bottom: 6px;
}
.gisSystem .overlayStyle .pColumn .double-child .flexItem > div {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.gisSystem .overlayStyle .flexWrap {
  display: flex;
  flex-wrap: wrap;
}
.gisSystem .overlayStyle .flexWrap > div {
  margin-right: 15px;
  margin-bottom: 5px;
}
.gisSystem .facStyle {
  position: absolute;
  top: 0;
  left: 0;
  padding: 5px;
  border: 1px solid #F2F2F2;
  box-shadow: 3px 3px 5px #555555;
  background: rgba(255, 255, 255, 0.85);
  border-radius: 4px;
  padding-bottom: 10px;
  padding-top: 10px;
}
.gisSystem .infoWindow-switch {
  position: absolute;
  right: 420px;
  top: 100px;
  height: 38px;
  z-index: 22;
  padding: 6px 8px;
  border-radius: 4px;
  border: 1px solid #C0C4CC;
  margin: 0;
  text-align: center;
}
.gisSystem .scrollbar ::-webkit-scrollbar {
  width: 5px;
}
.gisSystem .scrollbar ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(24, 25, 27, 0.4);
}
.gisSystem .bottom_left {
  position: absolute;
  z-index: 22;
  width: 75px;
  background-color: #3f4854;
  opacity: 0.7;
  border-radius: 4px;
  bottom: 40px;
  left: 9px;
  max-height: 400px;
  overflow: auto;
}
.gisSystem .bottom_left .img {
  width: 18px;
  height: 18px;
}
.gisSystem .bottom_left .mr {
  margin-top: 4px;
  margin-left: 4px;
}
.gisSystem .bottom_left .font_w {
  display: inline-block;
  line-height: 25px;
  font-size: 12px;
  color: #fff;
}
.gisSystem .pointer {
  cursor: pointer;
}
.gisSystem .fontColor {
  color: #6690ff;
}
.gisSystem .popupLabel {
  margin: 0 10px;
  width: 160px;
  height: 25px;
}
.gisSystem .popupLabel.spec {
  width: 200px;
}
.gisSystem .popupLabel.spec .pointerDiv1 {
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
}
.gisSystem .picStyle {
  display: flex;
  width: 300px;
  height: 50px;
  flex-direction: row;
}
.gisSystem .pointerDiv {
  height: 25px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
}
.gisSystem .marginRight10 {
  width: 50px;
  height: 50px;
  margin-bottom: 10px;
  margin-left: 10px;
}
.gisSystem .marginLeft20 {
  margin: 0 10px;
}
.gisSystem /deep/ .el-dialog--center .el-dialog__body {
  text-align: initial;
  padding: 20px;
}
.gisSystem .wid {
  width: 300px;
}
.gisSystem .facOverlayStyle {
  position: relative;
  top: 0;
  left: 0;
  padding: 5px;
  border: 1px solid #F2F2F2;
  box-shadow: 3px 3px 5px #555555;
  background: rgba(255, 255, 255, 0.85);
  border-radius: 4px;
  padding-bottom: 10px;
  padding-top: 10px;
}
.gisSystem #tipInput {
  padding: 0 2px;
}
.gisSystem .tipInput {
  width: 350px;
  position: absolute;
  right: 60px;
  top: 100px;
  z-index: 22;
  display: inline-block;
}
.gisSystem .optionList {
  position: absolute;
  right: 34px;
  top: 66px;
  z-index: 22;
  padding: 8px 10px;
  border-radius: 4px;
  display: inline-block;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  width: 230px;
  background-color: #ffffffd9;
}
.gisSystem .triangle {
  position: absolute;
  right: 200px;
  top: 54px;
  z-index: 22;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  border-color: transparent transparent #ffffffd9 transparent;
}
.gisSystem .option:hover {
  color: #6690ff;
}
.gisSystem .option {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  margin: 2px 0;
}
.gisSystem .jihejingXiangQing .specialStruc {
  margin: 0;
}
.gisSystem .jihejingXiangQing .specialStruc .el-upload--picture-card {
  display: none;
}
.gisSystem .jihejingXiangQing .specialStruc .box-card:focus {
  border: 1px solid #6690ff;
}
.gisSystem .jihejingXiangQing .specialStruc .marker {
  color: white;
  width: 20px;
  height: 20px;
  position: absolute;
  z-index: 100;
  border-radius: 50%;
  text-align: center;
  font-size: 12px;
  border: 1px solid white;
  background-color: #f56c6c;
  cursor: pointer;
}
.gisSystem .jihejingXiangQing .specialStruc .activeMarker {
  background-color: #6690FF;
}
.gisSystem .jihejingXiangQing .specialStruc .diaLeft {
  height: 500px;
  width: 300px;
  margin-right: 20px;
}
.gisSystem .jihejingXiangQing .specialStruc .diaLeft .diaLeftImg {
  display: flex;
  padding: 10px;
}
.gisSystem .jihejingXiangQing .specialStruc .diaLeft .diaCenter {
  width: 300px;
  height: 400px;
  border: 1px solid #dadada;
  position: relative;
}
.gisSystem .jihejingXiangQing .specialStruc .displayOption {
  height: 503px;
  width: 370px;
  overflow-y: auto;
  position: relative;
}
.gisSystem .jihejingXiangQing .specialStruc .displayOption .optionCard {
  width: 350px;
  cursor: pointer;
}
.gisSystem .jihejingXiangQing .specialStruc .displayOption .activeCard {
  border: 1px solid #6690FF;
  width: 350px;
  cursor: pointer;
}
.gisSystem .jihejingXiangQing .specialStruc .displayOption .el-card__body {
  padding: 10px;
}
.gisSystem .jihejingXiangQing .specialStruc .displayOption .spanIndex {
  position: relative;
  top: 19px;
  left: 3px;
  background-color: #6690ff;
  color: white;
  border-radius: 2px;
  font-size: 10px;
  padding: 0 3px 1px 3px;
}
.gisSystem .jihejingXiangQing .specialStruc .displayOption .textLabel {
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.gisSystem .jihejingXiangQing .specialStruc .displayOption .textValue {
  text-align: right;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.gisSystem .jihejingXiangQing .specialStruc ::-webkit-scrollbar {
  width: 5px;
}
.gisSystem .jihejingXiangQing .specialStruc ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(24, 25, 27, 0.4);
}
.gisSystem .jihejingXiangQing .specialStruc .el-upload--picture-card {
  width: 70px;
  height: 70px;
}
.gisSystem .jihejingXiangQing .specialStruc .el-upload-list--picture-card .el-upload-list__item {
  width: 70px;
  height: 70px;
}
.gisSystem .jihejingXiangQing .specialStruc .el-upload-list--picture-card .el-upload-list__item-thumbnail {
  width: 70px;
  height: 70px;
}
.theme2 .gisSystem .jihejingXiangQing .specialStruc .diaLeft .diaCenter {
  border: 1px solid #494949;
}
.theme2 .gisSystem .jihejingXiangQing .specialStruc .displayOption .activeCard {
  border: 1px solid #6690FF !important;
  width: 350px;
  cursor: pointer;
}
.theme2 .gisSystem .jihejingXiangQing .specialStruc .displayOption .el-card {
  border: 1px solid #494949;
}
.theme2 .gisSystem .jihejingXiangQing .specialStruc .displayOption .optionCard {
  background: #2a2b2d;
  color: #b7b7b7;
}
.theme2 .gisSystem .editButton {
  position: absolute;
  left: 50%;
  z-index: 99;
  top: 50%;
  background: #05aded7a;
  border-color: #05aded7a;
}
.theme2 .gisSystem .overlayStyle {
  color: #404042;
}
.theme2 .gisSystem .optionList {
  position: absolute;
  right: 34px;
  top: 66px;
  z-index: 22;
  padding: 8px 10px;
  border-radius: 4px;
  display: inline-block;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  width: 230px;
  background: rgba(0, 0, 0, 0.88);
}
.theme2 .gisSystem .triangle {
  position: absolute;
  right: 200px;
  top: 54px;
  z-index: 22;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  border-color: transparent transparent rgba(0, 0, 0, 0.88) transparent;
}
.theme2 .gisSystem .infoWindow-switch {
  border: 1px solid #494949;
}
.theme2 .gisSystem .overlayStyle .pColumn .double-column .hoverItem {
  cursor: pointer;
}
.theme2 .gisSystem .selectMenu {
  background-color: #2a2b2d;
  box-shadow: 3px 3px 5px #555555;
}
.theme2 #gisSystemMap .ol-custom-overviewmap,
.theme2 #gisSystemMap .ol-custom-overviewmap.ol-uncollapsible {
  background-color: #2a2b2d;
}
.theme2 #gisSystemMap .ol-custom-overviewmap:not(.ol-collapsed) button {
  background-color: #000000;
}
.theme2 #gisSystemMap .ol-custom-overviewmap button {
  background-color: #000000;
}
.gradDia {
  position: relative;
}
.gradDia::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(to bottom, #aec3faee, #fffffff0);
  z-index: -1;
}
.gradDia .el-dialog__header {
  border: none;
}
.gradDia .el-dialog__header > span {
  color: #000;
  display: block;
  width: 100%;
  text-align: center;
}
.gradDia .el-dialog__body {
  padding-top: 0;
}
.theme2 .el-dialog.gradDia {
  background: #fffffff9 !important;
  color: #404042;
}

.pipeNetworkMonitoring {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.pipeNetworkMonitoring .centerStructure {
  padding: 10px;
}
.pipeNetworkMonitoring #pipeNetworkMonitoringMap {
  height: 100%;
  width: 100%;
  position: relative;
}
.pipeNetworkMonitoring .floatingStyle {
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  position: absolute;
  border: 1px solid #EBEEF5;
}
.pipeNetworkMonitoring .leftFloatingStyle {
  top: 20px;
  left: 50px;
  width: 350px;
}
.pipeNetworkMonitoring .marginleft10 {
  margin-left: 10px;
}
.pipeNetworkMonitoring .paddingLetfRight10 {
  padding: 0px 10px;
}
.pipeNetworkMonitoring .marginright5 {
  margin-right: 5px;
}
.pipeNetworkMonitoring .monitoringIconColor {
  color: #5AB1EF;
}
.pipeNetworkMonitoring .diameterMaxHeight {
  max-height: 200px;
  overflow-y: auto;
}
.pipeNetworkMonitoring .popupTitle {
  font-weight: bold;
  width: 180px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pipeNetworkMonitoring .popupStyle {
  position: absolute;
  top: 0;
  left: 0;
  padding: 5px;
  border: 1px solid #F2F2F2;
  box-shadow: 3px 3px 5px #555555;
  background: rgba(255, 255, 255, 0.85);
  border-radius: 4px;
  padding-bottom: 10px;
  padding-top: 10px;
}
.pipeNetworkMonitoring .ol-selectable:hover {
  z-index: 1;
}
.pipeNetworkMonitoring .popupLabel {
  padding-left: 20px;
  padding-right: 5px;
  width: 190px;
  word-break: break-all;
}
.pipeNetworkMonitoring .searchArea {
  margin-bottom: 10px;
}
.pipeNetworkMonitoring .queryBtn {
  margin-left: 10px;
}
.pipeNetworkMonitoring .chartDialog .inp {
  margin-left: 65px;
}
.pipeNetworkMonitoring .echarts-dom {
  height: 400px;
  width: 1020px;
}
.pipeNetworkMonitoring .el-dialog {
  margin-top: 15vh !important;
  top: 0;
  transform: none;
}
.pipeNetworkMonitoring .colorRed {
  color: #C00000;
}
.theme2 .pipeNetworkMonitoring .floatingStyle {
  background: #2a2b2d;
  border: 1px solid #2a2b2d;
}
.theme2 .pipeNetworkMonitoring .popupStyle {
  background: rgba(0, 0, 0, 0.88);
  border: none;
  box-shadow: 0px 0px 5px #1a1a1a;
}

.hydraulicModelHeader[data-v-5573be93] {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}
.hydraulicModelHeader .scrollDiv[data-v-5573be93] {
  position: absolute;
  z-index: 99;
  padding-top: 0px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4), 0 0 6px rgba(0, 0, 0, 0.4);
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  margin-left: 0px;
}
.hydraulicModelHeader .line[data-v-5573be93] {
  display: inline-block;
  border-left: 1px dashed #888484;
  height: 50px;
  vertical-align: middle;
  width: 0px;
  margin: auto 5px;
}
.hydraulicModelHeader .sub-button[data-v-5573be93] {
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  height: 30px;
  width: 100px;
  border-radius: 5px;
  border: 1px solid transparent;
  padding: 4px 0;
  margin: 5px 5px;
  cursor: pointer;
  text-align: center;
}
.hydraulicModelHeader .sub-button2[data-v-5573be93] {
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  height: 40px;
  width: 120px;
  border-radius: 5px;
  border: 1px solid transparent;
  padding: 9px 8px ;
  margin: 0!important;
  cursor: pointer;
  text-align: center;
}
.hydraulicModelHeader .sub-button2 .trans[data-v-5573be93] {
  transition: 0.3s;
  transform: rotate(180deg);
  color: #6690ff;
}
.hydraulicModelHeader .group-button[data-v-5573be93] {
  font-weight: bold;
  vertical-align: middle;
  border-radius: 1px;
  cursor: pointer;
}
.hydraulicModelHeader .marginright5[data-v-5573be93] {
  margin-right: 5px;
}
.hydraulicModelHeader .sub-button[data-v-5573be93]:hover {
  border-radius: 5px;
  color: #6690ff;
}
.hydraulicModelHeader .sub-button2[data-v-5573be93]:hover {
  border-radius: 5px;
  color: #6690ff;
}
.hydraulicModelHeader .group-button[data-v-5573be93]:hover {
  border-radius: 5px;
  color: #6690ff;
}
.hydraulicModelHeader li[data-v-5573be93] {
  padding: 0px;
  height: 100%;
}
.hydraulicModelHeader .active[data-v-5573be93] {
  background-color: #e0e9ff;
  border: 1px solid #c2d3ff;
  border-radius: 5px;
  color: #6690ff;
}
.hydraulicModelHeader[data-v-5573be93] .active i {
  color: #6690ff;
}
.hydraulicModelHeader[data-v-5573be93] .active span {
  color: #6690ff;
}
.theme2 .hydraulicModelHeader .active[data-v-5573be93] {
  background-color: #6690ff;
  border: none;
  border-radius: 5px;
  color: #fff;
}
.theme2 .hydraulicModelHeader[data-v-5573be93] .active i {
  color: #fff;
}
.theme2 .hydraulicModelHeader[data-v-5573be93] .active span {
  color: #fff;
}
.m6[data-v-5573be93] {
  margin: 0 6px;
}

.active[data-v-3c31f56e] {
  max-height: 300px;
}
.default[data-v-3c31f56e] {
  max-height: 0;
}
.selectMenu[data-v-3c31f56e] {
  font-weight: bold;
  width: 100px;
  position: absolute;
  top: 40px;
  display: inline-block;
  z-index: 1000;
  background-color: #ffffff;
  box-shadow: 3px 3px 5px #555555;
  transition-property: max-height;
  transition: max-height 0.3s ease-in-out;
  overflow: hidden;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.selectMenu li[data-v-3c31f56e]:hover {
  cursor: pointer;
  border-radius: 5px;
  color: #6690ff;
}
.selectMenu div[data-v-3c31f56e] {
  padding: 4px 10px;
}
.selectMenu .active[data-v-3c31f56e] {
  background-color: #e0e9ff;
  border: 1px solid #c2d3ff;
  border-radius: 5px;
  color: #6690ff;
}
.selectMenu .select-cButton[data-v-3c31f56e] {
  font-size: 14px;
}
.theme2 .selectMenu .active[data-v-3c31f56e] {
  background-color: #6690ff;
  border: none;
  border-radius: 5px;
  color: #fff;
}

.modelManagement[data-v-f10a8b9a] {
  padding: 10px 20px 0 20px;
  width: 500px;
  height: 100% ;
  font-size: 14px;
  background: #fff;
  position: relative;
  z-index: 10;
}
.modelManagement .tableicon[data-v-f10a8b9a] {
  margin: 0 5px;
}
.theme2 .modelManagement[data-v-f10a8b9a] {
  background: #2a2b2d;
}

.hydraulicModel-color-picker {
  z-index: 8199!important;
}

.basicConfiguration-model[data-v-81907ff4] {
  top: 40px;
  bottom: 0px;
  z-index: 10;
  width: calc(100% - 10px);
  padding-bottom: 10px;
  background-color: #fff;
  display: flex;
  position: absolute;
  overflow-y: auto;
}
.basicConfiguration-model .specialStruc[data-v-81907ff4] {
  padding: 0 20px;
  margin-bottom: 30px;
  height: calc(100% - 50px);
  width: 100%;
}
.basicConfiguration-model .specialStruc .colorLabel[data-v-81907ff4] {
  height: 40px;
  text-align: center;
  border: 1px solid #ececec;
  line-height: 40px;
}
.basicConfiguration-model .specialStruc .colorUl[data-v-81907ff4] {
  display: block;
  border: 1px solid #ececec;
  height: 480px;
  padding: 10px;
  min-width: 140px;
}
.basicConfiguration-model .specialStruc .colorUl-bottom[data-v-81907ff4] {
  display: block;
  border: 1px solid #ececec;
  height: 250px;
  padding: 10px;
  min-width: 140px;
}
.basicConfiguration-model .specialStruc .colorLi[data-v-81907ff4] {
  align-items: center;
  display: flex;
  padding: 5px;
}
.basicConfiguration-model .specialStruc .colorLi .childLabel[data-v-81907ff4] {
  width: 90px;
}
.basicConfiguration-model .specialStruc .colorLi .child-label-bottom[data-v-81907ff4] {
  width: 40px;
  text-align: center;
}
.basicConfiguration-model .specialStruc .colorLi .widSel[data-v-81907ff4] {
  display: inline-block;
  width: 60px;
  margin-left: 15px;
}
.basicConfiguration-model .my-form-item[data-v-81907ff4] .el-form-item__label {
  line-height: 50px!important;
}
.basicConfiguration-model .my-form-item[data-v-81907ff4] .el-form-item__content {
  height: 50px!important;
  line-height: 50px!important;
  display: flex!important;
  align-items: center!important;
}
.basicConfiguration-model .formbox[data-v-81907ff4] {
  overflow-y: visible;
}
.basicConfiguration-model .wh80[data-v-81907ff4] {
  width: 80px;
}
.basicConfiguration-model .wh140[data-v-81907ff4] {
  width: 140px;
}
.basicConfiguration-model .m20[data-v-81907ff4] {
  margin: 0 20px;
}
.basicConfiguration-model .areaIsOk[data-v-81907ff4] {
  color: #6690ff;
  cursor: pointer;
}
.basicConfiguration-model .wh200[data-v-81907ff4] {
  width: 200px;
}
.basicConfiguration-model .div-flex[data-v-81907ff4] {
  display: flex;
}
.basicConfiguration-model .div-flex .el-radio[data-v-81907ff4] {
  margin-right: 13px;
}
.basicConfiguration-model[data-v-81907ff4] .el-input-group__append {
  width: 40px!important;
  padding-right: 5px;
  padding-left: 5px;
  text-align: center;
}
.basicConfiguration-model .mapConfig[data-v-81907ff4] {
  display: flex;
}
.basicConfiguration-model .mapConfig[data-v-81907ff4]:last-child {
  border-left: none;
  background-color: coral;
}
.basicConfiguration-model .mapConfig .title[data-v-81907ff4] {
  border-bottom: 1px solid #ececec;
  text-align: center;
  height: 40px;
  line-height: 40px;
}
.basicConfiguration-model .mapConfig .listBorder[data-v-81907ff4] {
  border: 1px solid #ececec;
}
.basicConfiguration-model .mapConfig ul li[data-v-81907ff4] {
  padding: 10px 10px;
  display: inline-block;
  white-space: nowrap;
  text-align: center;
}
#hydraulicModelMap .ol-custom-overviewmap[data-v-81907ff4],
#hydraulicModelMap .ol-custom-overviewmap.ol-uncollapsible[data-v-81907ff4] {
  bottom: 5px;
  left: auto;
  right: 5px;
  top: auto;
}
.ol-custom-overviewmap[data-v-81907ff4]:not(.ol-collapsed) {
  border: 1px solid black;
}
.ol-custom-overviewmap .ol-overviewmap-box[data-v-81907ff4] {
  border: 1px solid #ff0000;
}
.ol-custom-overviewmap .ol-overviewmap-map[data-v-81907ff4] {
  border: none;
  width: 300px;
}
.ol-custom-overviewmap:not(.ol-collapsed) button[data-v-81907ff4] {
  bottom: auto;
  left: auto;
  right: 1px;
  top: 1px;
}
.theme2 .basicConfiguration-model[data-v-81907ff4] {
  background: #2a2b2d;
}
.theme2 .basicConfiguration-model .title[data-v-81907ff4] {
  border-bottom: 1px solid #393a3b;
}
.theme2 .basicConfiguration-model .listBorder[data-v-81907ff4] {
  border: 1px solid #393a3b;
}
.theme2 .basicConfiguration-model .colorLabel[data-v-81907ff4] {
  border: 1px solid #393a3b;
}
.theme2 .basicConfiguration-model .colorUl[data-v-81907ff4] {
  border: 1px solid #393a3b;
}
.theme2 .basicConfiguration-model .colorUl-bottom[data-v-81907ff4] {
  border: 1px solid #393a3b;
}
.lihover[data-v-81907ff4]:hover {
  background-color: #6690ff;
  border-radius: 5px;
}
.active[data-v-81907ff4] {
  background-color: #6690ff;
  border-radius: 5px;
}
.el-color-picker--medium div.el-color-picker__trigger[data-v-81907ff4] {
  height: 50px;
  width: 80px;
  margin: 0 auto !important;
}
div.el-color-picker__trigger[data-v-81907ff4] {
  height: 50px;
  width: 80px;
  margin: 0 auto;
}
.divider[data-v-81907ff4] {
  margin-top: 0;
}
.pl30[data-v-81907ff4] {
  padding-left: 30px;
}
.pr10[data-v-81907ff4] {
  padding-right: 10px;
}
.mb20[data-v-81907ff4] {
  margin-bottom: 20px;
}
.el-icon-location-information[data-v-81907ff4]:hover {
  cursor: pointer;
}

.basicConfigLeft-model[data-v-75e5be8f] {
  width: 350px;
  height: 100%;
  background: #fff;
  position: relative;
  padding: 20px;
  font-size: 14px;
  z-index: 10;
}
.basicConfigLeft-model .tipInfo[data-v-75e5be8f] {
  margin-top: 20px;
  margin-bottom: 20px;
}
.theme2 .basicConfigLeft-model[data-v-75e5be8f] {
  background: #2a2b2d;
}

.lineReport-model[data-v-760d47d6] {
  width: 900px;
  height: 100%;
  z-index: 10;
  position: relative;
  display: flex;
}
.lineReport-model .specialStruc[data-v-760d47d6] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 10px 20px 20px;
  margin: 0;
}
.lineReport-model .searchBox[data-v-760d47d6] {
  display: flex;
}
.lineReport-model .searchBox .inp[data-v-760d47d6] {
  line-height: 32px;
}
.lineReport-model .wh100[data-v-760d47d6] {
  width: 100px;
}

.nodeReport-model[data-v-7a72d5b2] {
  width: 900px;
  height: 100% ;
  display: flex;
  position: relative;
  z-index: 10;
}
.nodeReport-model .specialStruc[data-v-7a72d5b2] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 10px 20px 20px;
  margin: 0;
}
.nodeReport-model .searchBox[data-v-7a72d5b2] {
  display: flex;
}
.nodeReport-model .searchBox .inp[data-v-7a72d5b2] {
  line-height: 32px;
}
.nodeReport-model .wh100[data-v-7a72d5b2] {
  width: 100px;
}

.runSimulation[data-v-35bde53a] {
  width: 900px;
  height: 100%;
  padding: 10px 20px 0 20px;
  display: flex;
  z-index: 10;
  position: relative;
  font-size: 14px;
  background: #fff;
}
.runSimulation .my-el-menu[data-v-35bde53a] {
  width: 50px!important;
}
.runSimulation .my-el-menu .el-menu-item[data-v-35bde53a] {
  font-size: 13px!important;
  padding: 0!important;
  text-align: center!important;
  height: 27px!important;
  line-height: 27px!important;
}
.theme2 .runSimulation[data-v-35bde53a] {
  background: #2a2b2d;
}
.theme2 .runSimulation .el-menu-item[data-v-35bde53a] {
  color: #b7b7b7;
}
.theme2 .runSimulation .el-menu-item.is-active[data-v-35bde53a] {
  color: #409EFF;
}

.loading-btn[data-v-bac41a1a] {
  height: 30px;
  margin-top: 1px;
}

.deviceManagement-model[data-v-df37c9c0] {
  width: 1100px;
  height: 100%;
  display: flex;
  position: relative;
}
.deviceManagement-model .leftStructure[data-v-df37c9c0] {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-right: 0;
  width: 232px;
}
.deviceManagement-model .specialStruc[data-v-df37c9c0] {
  padding: 0 20px 20px 20px !important;
}
.deviceManagement-model .centerStructure[data-v-df37c9c0] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  padding: 0px 20px 20px 20px;
}
.deviceManagement-model .searchBox[data-v-df37c9c0] {
  display: flex;
}
.deviceManagement-model .searchBox .inp[data-v-df37c9c0] {
  line-height: 32px;
}

.exceptionData-model[data-v-42c10575] {
  width: 900px;
  height: 100%;
  display: flex;
  position: relative;
  z-index: 10;
}
.exceptionData-model .specialStruc[data-v-42c10575] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 10px 20px 20px 20px;
  margin: 0;
}
.theme2 .exceptionData-model[data-v-42c10575] {
  background: #2a2b2d;
}

.nodeEdit[data-v-443d411a] {
  width: 400px;
  height: 100%;
  background: #fff;
  position: relative;
  padding: 10px 20px 20px 20px;
  font-size: 14px;
  overflow-y: auto;
  z-index: 10;
}
.nodeEdit .wh210[data-v-443d411a] {
  width: 210px;
}
.theme2 .nodeEdit[data-v-443d411a] {
  background: #2a2b2d;
}
.tabPosition[data-v-443d411a] {
  text-align: center;
  margin-bottom: 10px;
  margin-top: 15px;
}
.pt10[data-v-443d411a] {
  padding-top: 15px;
}
.pr20[data-v-443d411a] {
  padding-right: 20px;
}
label.el-form-item__label[data-v-443d411a] {
  width: 100px;
}
[data-v-443d411a] .el-radio-button--small .el-radio-button__inner {
  font-size: 14px !important;
}

.lineEdit[data-v-6bb5bf6a] {
  width: 400px;
  height: 100%;
  background: #fff;
  position: relative;
  padding: 10px 40px 20px 20px;
  font-size: 14px;
  overflow-y: auto;
  z-index: 10;
}
.lineEdit[data-v-6bb5bf6a]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.lineEdit[data-v-6bb5bf6a]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
  background: rgba(0, 0, 0, 0.2) !important;
}
.lineEdit[data-v-6bb5bf6a]::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
  background: rgba(0, 0, 0, 0.1) !important;
  border-radius: 0;
}
.lineEdit[data-v-6bb5bf6a]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.wh210[data-v-6bb5bf6a] {
  width: 210px;
}
.tabActiveTab[data-v-6bb5bf6a] {
  padding-left: 90px;
  margin-bottom: 10px;
  margin-top: 15px;
}
.delLineTypeTab[data-v-6bb5bf6a] {
  margin: 15px 0 20px 110px;
}
.lineTable[data-v-6bb5bf6a] {
  height: calc(100% - 113px);
}
[data-v-6bb5bf6a] .el-radio-button--small .el-radio-button__inner {
  font-size: 14px !important;
}
.pt15[data-v-6bb5bf6a] {
  padding-top: 15px;
}
.theme2 .lineEdit[data-v-6bb5bf6a] {
  background: #2a2b2d;
}
.theme2 .lineEdit[data-v-6bb5bf6a]::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 5px rgba(102, 144, 255, 0.2) !important;
  background: rgba(102, 144, 255, 0.2) !important;
}
.theme2 .lineEdit[data-v-6bb5bf6a]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(102, 144, 255, 0.1) !important;
  background: rgba(102, 144, 255, 0.1) !important;
}

.connectivityAnalysis[data-v-7e2b9a6e] {
  width: 400px;
  height: 100%;
  background: #fff;
  position: relative;
  padding: 10px 20px 20px 20px;
  font-size: 14px;
  z-index: 10;
}
.connectivityAnalysis .tipInfo[data-v-7e2b9a6e] {
  margin-top: 20px;
  margin-bottom: 20px;
}
.theme2 .connectivityAnalysis[data-v-7e2b9a6e] {
  background: #2a2b2d;
}

.pipeOperation[data-v-39f28517] {
  width: 400px;
  height: 100%;
  background: #fff;
  position: relative;
  padding: 10px 20px 20px 20px;
  font-size: 14px;
  overflow-y: auto;
  z-index: 10;
}
.theme2 .pipeOperation[data-v-39f28517] {
  background: #2a2b2d;
}
.tabPosition[data-v-39f28517] {
  text-align: center;
  margin-bottom: 10px;
  margin-top: 15px;
}
.wh210[data-v-39f28517] {
  width: 210px;
}
.marTop10[data-v-39f28517] {
  margin-top: 10px;
}
.disFlex[data-v-39f28517] {
  display: flex;
}
.submitButton1[data-v-39f28517] {
  margin-left: 280px;
}
.submitButton2[data-v-39f28517] {
  margin-left: 300px;
  margin-top: 20px;
}
.pt10[data-v-39f28517] {
  padding-top: 15px;
}
.pr20[data-v-39f28517] {
  padding-right: 20px;
}
label.el-form-item__label[data-v-39f28517] {
  width: 100px;
}
[data-v-39f28517] .el-radio-button--small .el-radio-button__inner {
  font-size: 14px !important;
}

.classifiedDisplay[data-v-4e3140dd] {
  padding: 10px 0 0 20px;
  width: 200px;
  height: 100%;
  font-size: 14px;
  font-weight: bold;
  background: #fff;
  position: relative;
}
.line[data-v-4e3140dd] {
  text-align: left;
  padding-bottom: 20px;
  padding-left: 10px;
}
[data-v-4e3140dd] .el-radio-group {
  display: grid;
  margin-top: 20px;
}
[data-v-4e3140dd] .el-radio {
  margin-bottom: 20px;
}
.theme2 .classifiedDisplay[data-v-4e3140dd] {
  background: #2a2b2d;
}

.hydraulicModel-date-picker {
  z-index: 8199!important;
}

.leakageWarning-model[data-v-68f68c03] {
  width: 800px;
  height: 100%;
  display: flex;
  z-index: 10;
  position: relative;
}
.leakageWarning-model .specialStruc[data-v-68f68c03] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 10px 20px 20px;
  margin: 0;
}
.leakageWarning-model .formbox[data-v-68f68c03] {
  padding-right: unset!important;
}
.leakageWarning-model .wh100[data-v-68f68c03] {
  width: 100px;
}
.leakageWarning-model .wh60[data-v-68f68c03] {
  width: 60px;
}

.pipeSimplify[data-v-f1e7b424] {
  width: 400px;
  height: 100%;
  background: #fff;
  position: relative;
  padding: 10px 20px 20px 20px;
  font-size: 14px;
  overflow-y: auto;
  z-index: 10;
}
.pipeSimplify .tipInfo[data-v-f1e7b424] {
  margin-top: 20px;
  margin-bottom: 20px;
}
.theme2 .pipeSimplify[data-v-f1e7b424] {
  background: #2a2b2d;
}

.hydraulicModel {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}
.hydraulicModel .centerStructure {
  padding: 0;
  overflow: hidden;
}
.hydraulicModel .centerStructure .gisHeaderDiv {
  height: 40px;
}
.hydraulicModel .centerStructure .gisCenterDiv {
  height: calc(100% - 40px);
  width: 100%;
}
.hydraulicModel .bottom_right {
  position: absolute;
  background-color: #3f4854;
  z-index: 1;
  padding: 5px;
  bottom: 10px;
  right: 20px;
  opacity: 0.7;
  border-radius: 4px;
  color: #fff;
}
.hydraulicModel .bottom_right .top {
  height: 20px;
  display: flex;
  line-height: 20px;
  justify-content: space-between;
  width: 100%;
}
.hydraulicModel .bottom_right .top div {
  width: 75px;
  text-align: center;
}
.hydraulicModel .bottom_right .bottom {
  display: flex;
  justify-content: space-between;
  padding: 10px 30px 10px 30px;
}
.hydraulicModel .bottom_right .bottom ul {
  height: 120px;
}
.hydraulicModel .bottom_right .bottom ul li {
  width: 8px;
  height: 25px;
  background: #FB0000;
  padding-left: 10px;
  padding-top: 20px;
}
.hydraulicModel .bottom_right .bottom ul li > span {
  display: inline-block;
  margin-left: 5px;
  position: relative;
  top: -30px;
}
.hydraulicModel .bottom_left {
  position: absolute;
  z-index: 1;
  width: 75px;
  background-color: #3f4854;
  opacity: 0.7;
  border-radius: 4px;
  bottom: 40px;
  left: 9px;
  max-height: 400px;
  overflow: auto;
}
.hydraulicModel .bottom_left .img {
  width: 18px;
  height: 18px;
}
.hydraulicModel .bottom_left .mr {
  margin-top: 4px;
  margin-left: 4px;
}
.hydraulicModel .bottom_left .font_w {
  display: inline-block;
  line-height: 25px;
  font-size: 12px;
  color: #fff;
}
.hydraulicModel .floatingStyle {
  min-width: 0;
  word-wrap: break-word;
  background-clip: border-box;
  position: absolute;
}
.hydraulicModel .leftFloatingStyle {
  top: 80px;
  left: 0px;
  width: 350px;
}
.hydraulicModel .rightFloatingStyle {
  top: 100px;
  right: 20px;
  width: 350px;
}
.hydraulicModel #hydraulicModelMap {
  height: 100%;
  width: 100%;
}
.hydraulicModel .ol-layer {
  width: 100%;
}
.hydraulicModel i {
  font-size: 14px;
}
.hydraulicModel .el-menu-item {
  padding-left: 10px;
  height: 80px !important;
}
.hydraulicModel .fontColor {
  color: #6690ff;
}
.hydraulicModel .overlayStyle {
  position: absolute;
  background: #ffff;
  opacity: 0.9;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3), 0 0 16px rgba(0, 0, 0, 0.3);
  width: 200px;
  z-index: -1;
  top: 0;
  left: 0;
  padding: 15px;
  border-radius: 5px;
}
.hydraulicModel .overlayStyle ::-webkit-scrollbar {
  width: 5px;
}
.hydraulicModel .overlayStyle .flx {
  display: flex;
  margin-bottom: 8px;
  align-items: center;
}
.hydraulicModel .overlayStyle .flx:last-child {
  margin-bottom: 0;
}
.hydraulicModel .overlayStyle .flx > div {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.theme2 .hydraulicModel .selectMenu {
  background-color: #2a2b2d;
  box-shadow: 3px 3px 5px #555555;
}
.theme2 .hydraulicModel .overlayStyle {
  background: #2a2b2d;
}
.gradDia {
  position: relative;
}
.gradDia::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(to bottom, #aec3faee, #fffffff0);
  z-index: -1;
}
.gradDia .el-dialog__header {
  border: none;
}
.gradDia .el-dialog__header > span {
  color: #000;
  display: block;
  width: 100%;
  text-align: center;
}
.gradDia .el-dialog__body {
  padding-top: 0;
}
.theme2 .el-dialog.gradDia {
  background: #fffffff9 !important;
  color: #404042;
}

.theme1 .mergeTable.el-table--enable-row-hover .el-table__body tr:hover > td,
.theme2 .mergeTable.el-table--enable-row-hover .el-table__body tr:hover > td {
  background: none !important;
}
.leakageReport {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.leakageReport .lableTips {
  color: #464042;
  margin-left: 10px;
}
.leakageReport .el-main {
  padding-bottom: 0;
}
.leakageReport .outCenter {
  flex: 1;
  width: 800px;
  height: 100%;
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
}
.leakageReport .outCenter .el-tabs {
  height: 100%;
}
.leakageReport .outCenter .el-tabs .el-tabs__nav {
  margin-left: 20px;
}
.leakageReport .outCenter .el-tabs .el-tab-pane {
  height: 100%;
}
.leakageReport .outCenter .el-tabs .el-tabs el-tabs--top {
  height: 100%;
}
.leakageReport .outCenter .el-tabs .el-tabs__header {
  margin: 0 0 10px;
}
.leakageReport .outCenter .el-tabs .el-tabs__content {
  height: 100%;
}
.leakageReport .outCenter .el-tabs .el-tabs__content .msg {
  display: flex;
  height: 100%;
}
.leakageReport .outCenter .el-tabs .el-tabs__content .msg .formbox {
  padding-right: 20px;
  max-height: 611px;
  overflow-y: auto;
}
.leakageReport .outCenter .el-tabs .el-tabs__content .msg .formbox .inline {
  display: flex;
  width: 500px;
  justify-content: space-between;
}
.leakageReport .outCenter .el-tabs .el-tabs__content .msg .formbox .inline-two {
  display: flex;
}
.leakageReport .outCenter .el-tabs .el-tabs__content .msg .formbox .inline-two .el-form-item:nth-child(2) {
  margin-left: 40px;
}
.leakageReport .outCenter .el-tabs .el-tab-pane {
  height: 100%;
}
.leakageReport .outCenter .el-tabs .el-tabs__content {
  height: calc(100% - 50px) !important;
}
.leakageReport .outCenter .el-tabs .el-tabs__content .wechat {
  height: 100%;
}
.leakageReport .outCenter .el-tabs .el-tabs__content .wechat .formbox {
  padding-right: 20px;
  max-height: 611px;
  overflow-y: auto;
}
.leakageReport .outCenter .el-tabs .el-tabs__content .wechat .formbox .inline {
  display: flex;
  width: 500px;
  justify-content: space-between;
}
.leakageReport .outCenter .el-tabs .el-tabs__content .wechat .formbox .inline-two {
  display: flex;
}
.leakageReport .outCenter .el-tabs .el-tabs__content .wechat .formbox .inline-two .el-form-item:nth-child(2) {
  margin-left: 40px;
}
.leakageReport .el-dialog__body {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.leakageReport .searchArea {
  margin-bottom: 10px;
}
.leakageReport .queryBtn {
  margin-left: 10px;
}
.leakageReport .echarts-dom {
  height: 400px;
  width: 1020px;
}
.leakageReport .chartDialog .inp {
  margin-left: 65px;
}

.appMessage {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.appMessage .el-col {
  border: 1px solid transparent;
}
.appMessage .row-bg {
  padding: 0 10px 20px 10px;
  color: #404042;
}
.appMessage .row-bg .text_align_r {
  text-align: right;
}
.appMessage .row-bg .valueB {
  font-weight: bold;
  height: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.theme2 .appMessage .row-bg {
  color: #b7b7b7;
}

.local-field[data-v-1b08629c] {
  display: flex;
  flex-wrap: wrap;
}
.local-field li[data-v-1b08629c] {
  height: 40px;
  margin-bottom: 10px;
  flex-shrink: 0;
  flex-basis: 271px;
  margin-left: 38px;
}
.local-field li[data-v-1b08629c]:nth-child(1) {
  margin-left: 0;
}
.local-field li[data-v-1b08629c]:nth-child(2n+1) {
  margin-left: 0;
}

.messageConfiguration {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.messageConfiguration .wechat .formbox .inline {
  display: flex;
  justify-content: space-between;
}
.messageConfiguration .wechat .filedTransferDiv {
  text-align: center;
}
.messageConfiguration .wechat .filedTransferDiv .filedTransfer {
  text-align: left;
  display: inline-block;
  width: 100%;
}
.messageConfiguration .wechat .filedTransferDiv .filedTransfer .el-transfer-panel {
  width: 520px;
}
.messageConfiguration .wechat .filedTransferDiv .filedTransfer .el-transfer-panel__body {
  height: 170px;
}
.messageConfiguration .wechat .filedTransferDiv .filedTransfer .el-transfer-panel__list.is-filterable {
  height: 125px;
  padding-top: 0;
}
.messageConfiguration .wechat .filedTransferDiv .filedTransfer .el-transfer__buttons {
  width: 120px;
  display: inline-flex;
  vertical-align: middle;
  padding: 0 30px;
  flex-direction: column;
}
.messageConfiguration .wechat .filedTransferDiv .filedTransfer .el-button + .el-button,
.messageConfiguration .wechat .filedTransferDiv .filedTransfer .el-checkbox.is-bordered + .el-checkbox.is-bordered {
  margin-left: 0;
}
.messageConfiguration .outCenter {
  flex: 1;
  width: 800px;
  height: 100%;
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
}
.messageConfiguration .outCenter .el-tabs {
  height: 100%;
}
.messageConfiguration .outCenter .el-tabs .el-tabs__nav {
  margin-left: 20px;
}
.messageConfiguration .outCenter .el-tabs .el-tab-pane {
  height: 100%;
}
.messageConfiguration .outCenter .el-tabs .el-tabs el-tabs--top {
  height: 100%;
}
.messageConfiguration .outCenter .el-tabs .el-tabs__header {
  margin: 0 0 10px;
}
.messageConfiguration .outCenter .el-tabs .el-tabs__content {
  height: 100%;
}
.messageConfiguration .outCenter .el-tabs .el-tabs__content .msg {
  display: flex;
  height: 100%;
}
.messageConfiguration .outCenter .el-tabs .el-tabs__content .msg .formbox {
  padding-right: 20px;
  max-height: 625px;
  overflow-y: auto;
}
.messageConfiguration .outCenter .el-tabs .el-tabs__content .msg .formbox .inline {
  display: flex;
  width: 500px;
  justify-content: space-between;
}
.messageConfiguration .outCenter .el-tabs .el-tabs__content .msg .formbox .inline-two {
  display: flex;
}
.messageConfiguration .outCenter .el-tabs .el-tabs__content .msg .formbox .inline-two .el-form-item:nth-child(2) {
  margin-left: 40px;
}
.messageConfiguration .outCenter .el-tabs .el-tab-pane {
  height: 100%;
}
.messageConfiguration .outCenter .el-tabs .el-tabs__content {
  height: calc(100% - 50px) !important;
}
.messageConfiguration .outCenter .el-tabs .el-tabs__content .wechat {
  height: 100%;
}
.messageConfiguration .outCenter .el-tabs .el-tabs__content .wechat .formbox {
  padding-right: 20px;
  max-height: 611px;
  overflow-y: auto;
}
.messageConfiguration .outCenter .el-tabs .el-tabs__content .wechat .formbox .inline {
  display: flex;
  width: 500px;
  justify-content: space-between;
}
.messageConfiguration .outCenter .el-tabs .el-tabs__content .wechat .formbox .inline-two {
  display: flex;
}
.messageConfiguration .outCenter .el-tabs .el-tabs__content .wechat .formbox .inline-two .el-form-item:nth-child(2) {
  margin-left: 40px;
}

.messageSend {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}

.outbox {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.outbox .el-main {
  padding-bottom: 0;
}
.outbox .centerStructure {
  padding: 20px;
}
.outbox .centerStructure .el-dialog {
  margin-top: 15vh !important;
  top: 0;
  transform: none;
}
.outbox .centerStructure .el-dialog .wh200 {
  width: 200px;
}
.outbox .centerStructure .searchBox .input-with-select {
  width: 300px;
}
.outbox .centerStructure .searchBox .input-with-select .el-input__inner {
  width: 160px;
}
.outbox .centerStructure .el-tabs {
  height: 100%;
}
.outbox .centerStructure .el-tabs .el-tab-pane {
  height: 100%;
}
.outbox .centerStructure .el-tabs .el-tabs__content {
  height: calc(100% - 50px) !important;
}
.outbox .centerStructure .el-tabs .el-tabs__content .meterReading {
  height: 100%;
}
.outbox .el-dialog__body {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.outbox .searchArea {
  margin-bottom: 10px;
}
.outbox .queryBtn {
  margin-left: 10px;
}
.outbox .echarts-dom {
  height: 400px;
  width: 1020px;
}
.outbox .chartDialog .inp {
  margin-left: 65px;
}

.loading-btn[data-v-d0fd7a58] {
  height: 30px;
  margin-top: 1px;
}
.tips-icon[data-v-d0fd7a58] {
  right: -20px !important;
}
[data-v-d0fd7a58] .el-dialog__body {
  padding-right: 20px!important;
}

.userTypeConversion {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.userTypeConversion .searchBox .el-date-editor.el-range-editor {
  width: 355px;
}
.userTypeConversion .formbox {
  overflow-y: visible;
}
.userTypeConversion .formbox .inline .no-wrap {
  white-space: nowrap;
}
.userTypeConversion .formbox .spec-inline {
  display: flex;
}
.userTypeConversion .formbox .spec-inline .spec-radio {
  margin-left: 208px;
}
.userTypeConversion .myicon {
  margin: 0 8px;
  color: #6690ff;
  white-space: nowrap;
}

.checkWaterReport {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.checkWaterReport .deviceMeterTreeBtn {
  margin-left: 25px;
  margin-top: 15px;
}
.checkWaterReport .leftStructure .tree-box .overauto {
  width: 240px;
  height: calc(100% - 45px) !important;
  overflow: auto;
  padding: 0 10px;
}
.checkWaterReport .centerStructure .searchBox {
  width: 100%;
  margin-bottom: 5px;
  display: flex;
}
.checkWaterReport .centerStructure .el-table__body-wrapper {
  z-index: 2;
}
.checkWaterReport .centerStructure .containBtns {
  justify-content: space-between;
}
.checkWaterReport .centerStructure .searchLeftArea {
  display: flex;
  line-height: 32px;
}
.checkWaterReport .centerStructure .btn-spe {
  position: relative;
}
.checkWaterReport .centerStructure .btn-spe .btn-tigger {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  margin-left: 0;
}
.checkWaterReport .centerStructure .btn-spe .btn-tigger .btn-trigger-icon {
  margin-left: 10px;
  padding-left: 5px;
  border-left: 1px solid #fff;
}
.checkWaterReport .centerStructure .CN-EN {
  width: 116px !important;
  height: 32px;
  overflow: hidden;
}
.checkWaterReport .centerStructure .detail-content {
  margin-top: 20px;
  width: 100%;
  height: calc(100% - 44px);
}
.checkWaterReport .centerStructure .chartArea {
  display: flex;
  position: relative;
  height: 100%;
}
.checkWaterReport .centerStructure .chartArea .el-checkbox {
  position: absolute;
  top: 115px;
  right: 150px;
}
.en-US .checkWaterReport .CN-EN {
  width: 106px !important;
}
.theme1 .checkWaterReport .el-table .warning-row {
  background: #ffdcdc;
}
.theme2 .checkWaterReport .el-table .warning-row {
  background: #6f4a4f;
}
.theme2 .checkWaterReport .el-table__fixed-footer-wrapper tbody td.el-table__cell {
  border-top: 1px solid #EBEEF5;
  background: #494949;
  color: #b7b7b7;
}

.deviceGroupDrawer {
  position: relative;
  height: 100%;
  width: 100%;
  padding: 20px;
}
.deviceGroupDrawer .wh500 {
  width: 500px;
}
.deviceGroupDrawer .my-top {
  width: 100%;
}
.deviceGroupDrawer .my-bottom {
  display: flex;
  width: 100%;
  height: calc(100% - 32px);
}
.deviceGroupDrawer .my-bottom .centerStructure {
  width: 860px;
  margin-right: 10px;
  padding: 0;
  flex: none;
}
.deviceGroupDrawer .my-bottom .centerStructure .searchBox {
  justify-content: flex-start !important;
  margin-bottom: 10px!important;
}
.deviceGroupDrawer .my-bottom .centerStructure .searchBox .mini-width {
  width: 105px !important;
}
.deviceGroupDrawer .my-bottom .centerStructure .searchBox .mini-width .el-input__inner {
  width: 100px !important;
}
.deviceGroupDrawer .my-bottom .centerStructure .el-table__body-wrapper {
  position: static;
}
.deviceGroupDrawer .my-bottom .rightStructure {
  flex: 1;
  box-shadow: none;
}

.deviceAssociationAnalysis {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.deviceAssociationAnalysis::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.deviceAssociationAnalysis::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.deviceAssociationAnalysis::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.deviceAssociationAnalysis::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.deviceAssociationAnalysis .add-group {
  width: 90%;
  margin-top: 15px;
}
.deviceAssociationAnalysis .el-drawer__header {
  margin-bottom: 0;
  padding-bottom: 10px;
}
.deviceAssociationAnalysis .el-drawer__header span {
  margin-left: -10px;
  font-size: 16px;
}
.deviceAssociationAnalysis .leftStructure .tree-box {
  height: calc(100vh - 237px);
}
.deviceAssociationAnalysis .centerStructure {
  overflow-y: auto;
}
.deviceAssociationAnalysis .centerStructure .searchBox {
  width: 100%;
  margin-bottom: 5px;
  display: flex;
  justify-content: space-between;
}
.deviceAssociationAnalysis .centerStructure .searchLeftArea {
  display: flex;
  line-height: 32px;
}
.deviceAssociationAnalysis .centerStructure .btn-spe {
  position: relative;
  margin-right: 10px;
}
.deviceAssociationAnalysis .centerStructure .btn-spe .btn-tigger {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  margin-left: 0;
}
.deviceAssociationAnalysis .centerStructure .btn-spe .btn-tigger .btn-trigger-icon {
  margin-left: 10px;
  padding-left: 5px;
  border-left: 1px solid #fff;
}
.deviceAssociationAnalysis .centerStructure .CN-EN {
  width: 116px !important;
  height: 32px;
  overflow: hidden;
}
.deviceAssociationAnalysis .centerStructure .detail-content {
  margin-top: 20px;
  width: 100%;
  height: 340px;
}
.deviceAssociationAnalysis .centerStructure .chartArea {
  position: relative;
}
.en-US .deviceAssociationAnalysis .CN-EN {
  width: 106px !important;
}
.theme1 .deviceAssociationAnalysis .el-table .warning-row {
  background: #ffdcdc;
}
.theme2 .deviceAssociationAnalysis .el-table .warning-row {
  background: #6f4a4f;
}

.nightMinWater {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.nightMinWater .leftStructure .tree-box .overauto {
  width: 240px;
  height: calc(100% - 45px) !important;
  overflow: auto;
  padding: 0 10px;
}
.nightMinWater .deviceMeterTreeBtn {
  margin-left: 25px;
  margin-top: 15px;
}
.nightMinWater .searchLeftArea {
  display: flex;
  line-height: 32px;
}
.nightMinWater .containBtn {
  justify-content: space-between;
}
.nightMinWater .chartArea {
  display: flex;
  position: relative;
  height: 100%;
}
.nightMinWater .chartArea .el-checkbox {
  position: absolute;
  top: 115px;
  right: 150px;
}
.nightMinWater .detail-content {
  margin-top: 20px;
  width: 100%;
  height: calc(100% - 44px);
}

.userSettlement {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.userSettlement .el-upload-list__item .el-progress {
  display: none;
}
.userSettlement .cnotent {
  width: 220px;
}
.userSettlement .showLine {
  background: #fafafa;
  display: flex;
  padding: 10px 20px;
  gap: 80px;
  margin-bottom: 10px;
}
.userSettlement .showLine > li {
  max-width: 660px;
  display: flex;
}
.userSettlement .showLine > li > span {
  white-space: nowrap;
}
.userSettlement .showLine > li > span:last-child {
  font-weight: bold;
}
.userSettlement .showLine > li > span.elli {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 330px;
  min-width: 0px;
}
.userSettlement .searchBox .el-input-group__prepend .el-select {
  width: 100px;
}
.userSettlement .searchBox .el-input-group--prepend .el-input__inner {
  width: 120px;
}
.userSettlement .searchBox .dateWidth {
  width: 130px !important;
}
.userSettlement .searchBox .wh90 {
  width: 90px;
}
.userSettlement .searchBox .wh120 {
  width: 120px;
}
.userSettlement .searchBox .month-style {
  width: 200px;
}
.userSettlement .searchBox .month-style .el-select--small {
  width: 100px !important;
}
.userSettlement .searchBox .month-style .el-input__inner {
  width: 100px !important;
}
.userSettlement .detailChart {
  width: 100%;
}
.userSettlement .detailChart .chartStyle {
  width: 100%;
  height: 600px;
}
.userSettlement .detailChart .el-select {
  position: absolute;
  top: 130px;
  right: 115px;
  z-index: 999;
}
.userSettlement .upload-demo .el-upload-list {
  width: 600px;
}
.userSettlement .upload-demo .el-upload-list__item-name {
  width: 500px;
}
.userSettlement .upload-demo .el-upload {
  position: absolute;
  top: 0;
  left: 541px;
}
.userSettlement .formbox {
  padding-right: 20px;
  max-height: 611px;
  overflow-y: hidden;
}
.userSettlement .formbox .el-input-number .el-input__inner {
  text-align: left;
}
.userSettlement .installAddress {
  width: 528px;
}
.userSettlement .el-tabs__content {
  height: 100% !important;
  overflow: hidden;
  position: relative;
}
.userSettlement .spWidth .el-form-item__label {
  width: 101px !important;
}
.userSettlement .centerStructure {
  padding-top: 0;
}
.theme2 .userSettlement .showLine {
  background: #494949;
}

.userWaterReport {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
  /*Tab页切换样式调整*/
}
.userWaterReport .formbox {
  padding-right: 20px;
  max-height: 611px;
  overflow-y: auto;
}
.userWaterReport .el-tabs__content {
  height: calc(100% - 50px);
  overflow: hidden;
  position: relative !important;
}
.userWaterReport .dateWidth {
  width: 140px;
}
.userWaterReport .centerStructure {
  padding-top: 0;
}
.userWaterReport .centerStructure .el-table__body-wrapper {
  z-index: 2;
}
.userWaterReport .cnotent {
  width: 210px;
}
.userWaterReport .cnotent .el-input-group__prepend .el-input__inner {
  width: 100% !important;
}
.userWaterReport .cnotent .el-select--small {
  width: 100px !important;
}
.userWaterReport .special-tabs.el-tabs .el-tabs__header {
  width: 270px;
  border-bottom: none !important;
}
.userWaterReport .special-tabs.el-tabs .el-tabs__header .el-tabs__nav {
  border-color: #6690ff;
  border: none;
}
.userWaterReport .special-tabs.el-tabs .el-tabs__header .el-tabs__nav .el-tabs__item {
  height: 34px;
  line-height: 34px;
  border: 1px solid #e4e7ed;
  border-left: none;
}
.userWaterReport .special-tabs.el-tabs .el-tabs__header .el-tabs__nav .el-tabs__item:first-child {
  border-left: 1px solid #e4e7ed;
}
.userWaterReport .search-fix {
  position: absolute;
  top: 1px;
  left: 220px;
}
.theme1 .userWaterReport .el-table .warning-row {
  background: #ffdcdc;
}
.theme2 .userWaterReport .el-table .warning-row {
  background: #6f4a4f;
}
.theme2 .userWaterReport .special-tabs .el-tabs__header .el-tabs__nav .el-tabs__item {
  border-color: #494949;
}
.theme2 .userWaterReport .special-tabs.el-tabs .el-tabs__header .el-tabs__nav .el-tabs__item:first-child {
  border-color: #494949;
}

.contentManagement {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.contentManagement .formbox {
  padding-right: 0;
}
.contentManagement .el-dialog__body {
  padding-right: 20px;
}
.contentManagement .picClass .el-form-item__label {
  margin-left: -78px;
}
.contentManagement .editorDemo {
  width: 880px;
}
.contentManagement .picClass {
  padding-right: 442px;
}
.contentManagement .picClass .el-form-item__content {
  margin-left: 22px !important;
}
.contentManagement .picOne .pic {
  margin-top: 10px;
}
.contentManagement .picOne .pic .el-upload--picture-card {
  width: 110px;
  height: 110px;
  line-height: 115px;
}
.contentManagement .el-upload-list--picture-card .el-upload-list__item {
  width: 110px;
  height: 110px;
  margin-right: 0;
  margin-bottom: -11px;
}
.contentManagement .el-dialog {
  top: 7%;
  transform: none;
}
.contentManagement .w-e-full-screen-editor {
  top: 46px;
}

.abnormalInfo {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
  /*Tab页切换样式调整*/
}
.abnormalInfo .searchBox .el-date-editor.el-range-editor {
  width: 398px !important;
}
.abnormalInfo .el-tabs__content {
  height: calc(100% - 50px);
  overflow: hidden;
  position: relative;
}
.abnormalInfo .el-tabs__header {
  padding: 0;
  position: relative;
  margin: -10px 0px 10px;
}
.abnormalInfo .cnotent {
  width: 281px;
}
.abnormalInfo .centerStructure {
  padding-top: 0;
}
.abnormalInfo pre {
  height: 300px;
  overflow: auto;
  width: 800px;
}
.abnormalInfo .pretext {
  width: 100%;
  height: 500px;
  border: 1px solid #DCDFE6;
  overflow-y: auto;
  padding: 7px 10px;
  line-height: 1.6;
}

.dataMigration {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.dataMigration .el-dialog__body {
  padding-right: 20px!important;
}
.dataMigration .my-tips-icon {
  margin-left: 10px;
  position: absolute;
  cursor: pointer;
  outline: none;
}
.dataMigration .red-text {
  margin: 0 8px;
  color: #ff002b;
  white-space: nowrap;
  cursor: pointer;
}
.dataMigration .blue-text {
  margin: 0 8px;
  color: #6690ff;
  white-space: nowrap;
  cursor: pointer;
}
.dataMigration .specialStruc {
  padding-top: 0;
}
.dataMigration .wh100 {
  width: 100px;
}
.dataMigration .searchBox .el-date-editor.el-range-editor {
  width: 355px;
}
.dataMigration .orgSyncDialog .formbox .inline .no-wrap {
  white-space: nowrap;
}
.dataMigration .imgSyncDialog .formbox .inline .no-wrap {
  white-space: nowrap;
}
.dataMigration .deviceSyncDialog .formbox .inline .no-wrap {
  white-space: nowrap;
}

.el-message-box_dr {
  -webkit-box-shadow: 0 2px 12px 0 rgb(0 0 0%);
  box-shadow: 0 2px 12px 0 rgb(0 0 0%);
  display: inline-block;
  width: 348px;
  padding-bottom: 10px;
  vertical-align: middle;
  background-color: #FFF;
  border-radius: 4px;
  border: 1px solid #EBEEF5;
  font-size: 18px;
  text-align: left;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  margin-left: 58px;
  margin-top: 76px;
}
.deviceRegister {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.deviceRegister .el-tabs__content {
  overflow: initial;
}
.deviceRegister .marl10 {
  margin-left: 10px;
}
.deviceRegister .search-wrap {
  height: 34px;
  justify-content: space-between;
  margin-top: 10px;
}
.deviceRegister .search-wrap .list-type-icon {
  font-size: 14px;
  position: relative;
}
.deviceRegister .el-table__fixed,
.deviceRegister .el-table__fixed-right {
  z-index: 5;
  background-color: #fff;
}
.deviceRegister .specialStruc {
  padding-top: 0;
}
.deviceRegister .specialStruc .el-select__tags {
  opacity: 0;
}
.deviceRegister .specialStruc .el-tabs {
  height: auto;
}
.deviceRegister .specialStruc .el-tabs .el-tabs__content {
  display: none;
}
.deviceRegister .specialStruc .main-container {
  width: 100%;
  height: calc(100% - 94px);
  position: relative;
}
.deviceRegister .specialStruc .main-container .chart-wrap {
  width: 100%;
  height: 100%;
}
.deviceRegister .specialStruc .main-container .chart-wrap #chartDom {
  width: 100%;
  height: 100%;
}
.deviceRegister .specialStruc .main-container .no-data {
  display: flex;
  justify-content: center;
  align-items: center;
}

.faultReport {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
  /*上传图片组件自定义样式*/
  /*上传图片*/
  padding-top: 0;
}
.faultReport .el-dialog__body {
  padding-right: 10px;
}
.faultReport .cnotent {
  width: 281px;
}
.faultReport .el-upload--picture-card {
  background-color: #fbfdff;
  border: 1px dashed #c0ccda;
  border-radius: 6px;
  box-sizing: border-box;
  width: 100px;
  height: 100px;
  line-height: 100px;
  vertical-align: top;
  margin-left: 5px;
  position: relative;
}
.faultReport .el-upload-list--picture-card .el-upload-list__item {
  width: 110px;
  height: 100px;
}
.faultReport .picOne {
  display: inline-block;
  width: 592px;
  margin-left: 12px;
}
.faultReport .picTwo {
  margin-right: 2px;
  margin-left: 32px;
}
.faultReport .el-upload-list--picture-card .el-upload-list__item {
  width: 110px;
  height: 100px;
}
.faultReport .hide .el-upload--picture-card {
  display: none;
}
.faultReport .el-dialog__wrapper {
  z-index: 30 !important;
}
.faultReport .el-drawer__wrapper .el-drawer__header {
  font-size: 16px;
  padding: 10px 20px;
  margin-bottom: 10px;
}
.faultReport .el-dialog__body {
  padding-right: 20px !important;
}
.faultReport .PlayVideo {
  padding-right: 0;
}

.instructionLog[data-v-0c174d53] {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  position: relative;
  display: flex;
}
.instructionLog .col1[data-v-0c174d53] {
  color: #6690ff;
}
.instructionLog .col2[data-v-0c174d53] {
  color: #ff002B;
}
.instructionLog .col3[data-v-0c174d53] {
  color: #00b77e;
}
.instructionLog .textarea[data-v-0c174d53] {
  padding-right: 20px;
  display: flex;
}
.instructionLog .textarea span[data-v-0c174d53] {
  display: inline-block;
  width: 85px;
}
.instructionLog .textarea[data-v-0c174d53]:first-child {
  margin-bottom: 20px;
}

.originalMessage {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
  /*Tab页切换样式调整*/
}
.originalMessage .el-drawer__header {
  padding: 10px 20px;
  margin-bottom: 10px;
}
.originalMessage .jv-container .jv-code {
  padding: 20px 0;
}
.originalMessage .formbox {
  padding-left: 20px;
  height: 100%;
  max-height: 100%;
}
.originalMessage .sepc .el-dialog__body {
  padding-right: 20px !important;
}
.originalMessage .el-tabs__content {
  height: calc(100% - 50px);
  overflow: hidden;
  position: relative;
}
.originalMessage .el-tabs__header {
  padding: 0;
  position: relative;
  margin: -10px 0px 10px;
}
.originalMessage .cnotent {
  width: 281px;
}
.originalMessage .centerStructure {
  padding-top: 0;
}
.originalMessage pre {
  height: 300px;
  overflow: auto;
  width: 800px;
}
.originalMessage .pretext {
  width: 100%;
  height: 660px;
  border: 1px solid #DCDFE6;
  overflow-y: auto;
  padding: 7px 10px;
  line-height: 1.6;
  word-wrap: break-word;
  word-break: break-all;
}
.datepickerBtns {
  display: flex;
  border: 1px solid #DCDFE6;
  border-radius: 5px;
  height: 32px;
  overflow: hidden;
}
.datepickerBtns .btn {
  padding: 0 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
  color: #4d91ff;
}
.datepickerBtns .el-input__inner {
  border: none;
  border-left: 1px solid #DCDFE6;
  border-right: 1px solid #DCDFE6;
  border-radius: 0;
}
.datepickerBtns .el-input--suffix .el-input__inner {
  padding-right: 0;
}
.datepickerBtns .el-date-editor.el-input {
  width: 120px !important;
}

.comprehensiveQuery {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}
.comprehensiveQuery .vidImg {
  width: 100px;
  height: 100px;
  cursor: pointer;
}
.comprehensiveQuery .vidImg img {
  display: block;
  width: 68%;
  height: 68%;
}
.comprehensiveQuery .vidImg1 {
  width: 100px;
  height: 100px;
  cursor: pointer;
}
.comprehensiveQuery .vidImg1 img {
  display: block;
  width: 68%;
  height: 68%;
}
.comprehensiveQuery .el-divider--horizontal {
  margin: 15px 0 8px 0;
}
.comprehensiveQuery .cname {
  width: 190px !important;
}
.comprehensiveQuery .wh150 {
  width: 150px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
.comprehensiveQuery .el-drawer__wrapper .el-drawer__header {
  font-size: 16px;
  padding: 10px 20px;
  margin-bottom: 0;
}
.comprehensiveQuery .el-drawer__wrapper .drawerContain2 {
  padding: 10px 20px;
  width: 100%;
  height: 100%;
}
.comprehensiveQuery .el-drawer__wrapper .drawerContain2 .marLeft20 {
  margin-left: 20px;
  display: inline-block;
}
.comprehensiveQuery .el-drawer__wrapper .drawerContain2 .selectTreeSty {
  display: inline-block;
}
.comprehensiveQuery .el-drawer__wrapper .drawerContain2 .echarts1 {
  width: 100%;
  height: 350px;
  margin-top: 10px;
  display: flex;
}
.comprehensiveQuery .el-drawer__wrapper .drawerContain2 .echarts1 .echarts1Row {
  flex: 1;
  width: 545px;
  height: 350px;
  position: relative;
}
.comprehensiveQuery .el-drawer__wrapper .drawerContain2 .echarts1 .echarts1Row .echarts1RowLi {
  width: 545px;
  height: 350px;
}
.comprehensiveQuery .el-drawer__wrapper .drawerContain2 .echarts1 .echarts1Row .totalCount {
  position: absolute;
  top: 51%;
  left: 50%;
  width: 70px;
  height: 30px;
  margin-left: -35px;
  margin-top: -10px;
  font-size: 20px;
  text-align: center;
  color: #3fdeae;
}
.comprehensiveQuery .el-drawer__wrapper .drawerContain2 .echarts2 {
  width: 100%;
  height: calc(100% - 400px);
  margin-top: 10px;
  display: flex;
}
.comprehensiveQuery .el-drawer__wrapper .drawerContain2 .echarts2 .echarts2Row {
  flex: 1;
  width: 1030px;
  height: 350px;
}
.comprehensiveQuery .aStyle {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.comprehensiveQuery .right1 .el-icon-arrow-right:before {
  content: "\5C55\5F00    \E6DF" !important;
}
.comprehensiveQuery .right1 .el-icon-arrow-right.is-active:before {
  content: "\6536\8D77    \E6E1" !important;
}
.comprehensiveQuery .right1 .el-icon-arrow-right.is-active {
  transform: rotate(0deg) !important;
}
.comprehensiveQuery .right1 .el-collapse-item__arrow {
  min-width: 55px !important;
}
.comprehensiveQuery .drawerContain1 .right1 .step1 .stepOne .el-step__description .el-row {
  background-color: #f8f9fc !important;
}
.comprehensiveQuery .drawerContain1 .myColl .el-collapse-item__header {
  background-color: #f8f9fc;
}
.theme2 .drawerContain1 .right1 .step1 .stepOne .el-step__description .el-row {
  background-color: #373736 !important;
}
.theme2 .drawerContain1 .myColl .el-collapse-item__header {
  background-color: #373736;
}
.theme2 .comprehensiveQuery .el-tag {
  border-color: #5473937a;
  background: #5473937a;
}
.theme2 .comprehensiveQuery .el-tag--danger {
  border-color: #6d424f9e;
  background: #6d424f9e;
}
.theme2 .comprehensiveQuery .el-tag--warning {
  border-color: #b1983c59;
  background: #b1983c59;
}
.theme2 .comprehensiveQuery .el-tag--success {
  border-color: #5479426b;
  background: #5479426b;
}


[data-v-af3bd46a] .el-dialog__body {
  padding-right: 20px;
}
.addUser .addbox[data-v-af3bd46a] {
  display: flex;
  height: 500px;
  width: 100%;
  border: 1px solid #ebeef5;
}
.addUser .addbox .leftCon[data-v-af3bd46a] {
  width: 220px;
  height: 100%;
  padding-top: 10px;
  border-right: 1px solid #ebeef5;
}
.addUser .addbox .leftCon[data-v-af3bd46a] .tree-box {
  height: 456px;
}
.addUser .addbox .leftCon[data-v-af3bd46a] .tree-box .overauto {
  padding: 10px;
  width: 219px;
}
.addUser .addbox .leftCon[data-v-af3bd46a] .tree-box .overauto .el-tree {
  margin-top: 0px;
}
.addUser .addbox .rightCon[data-v-af3bd46a] {
  padding: 10px;
  width: 1040px;
}

.myWorkOrder {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.myWorkOrder .vidImg {
  width: 100px;
  height: 100px;
  margin-right: 15px;
  cursor: pointer;
}
.myWorkOrder .vidImg img {
  display: block;
  width: 100%;
  height: 100%;
}
.myWorkOrder .vidImg1 {
  width: 100px;
  height: 100px;
  cursor: pointer;
}
.myWorkOrder .vidImg1 img {
  display: block;
  width: 68%;
  height: 68%;
}
.myWorkOrder .echarts-dom {
  height: 100%;
}
.myWorkOrder .totalCount {
  position: absolute;
  top: 35%;
  left: 15%;
  width: 70px;
  height: 30px;
  z-index: 1;
  font-size: 20px;
  margin-top: 3px;
  margin-left: -35px;
  text-align: center;
  color: #3fdeae;
}
.myWorkOrder .drawer-first .el-drawer__body {
  overflow: hidden;
}
.myWorkOrder .footer-third {
  position: fixed;
  right: 20px;
}
.myWorkOrder .one-line {
  display: flex;
}
.myWorkOrder .one-line-right {
  margin-right: 62px;
}
.myWorkOrder .el-upload-list--picture-card .el-upload-list__item {
  width: 110px;
  height: 100px;
}
.myWorkOrder .el-upload--picture-card {
  background-color: #fbfdff;
  border: 1px dashed #c0ccda;
  border-radius: 6px;
  box-sizing: border-box;
  width: 100px;
  height: 100px;
  line-height: 100px;
  vertical-align: top;
  margin-left: 5px;
}
.myWorkOrder .meterReading {
  margin-right: 20px;
}
.myWorkOrder .drawerContain1 .el-input-number--small .el-input-number__decrease,
.myWorkOrder .drawerContain1 .el-input-number--small .el-input-number__increase {
  display: none;
}
.myWorkOrder .drawerContain1 .el-input-number input {
  padding-left: 10px;
  text-align: left;
}
.myWorkOrder .formbox {
  max-height: 100%;
}
.myWorkOrder .formbox .el-input-number--small .el-input-number__decrease,
.myWorkOrder .formbox .el-input-number--small .el-input-number__increase {
  display: none;
}
.myWorkOrder .formbox .el-input-number input {
  padding-left: 10px;
  text-align: left;
}
.myWorkOrder .el-drawer__wrapper .el-drawer__header {
  font-size: 16px;
  padding: 10px 20px;
  margin-bottom: 10px;
}
.myWorkOrder .el-form-item__label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.myWorkOrder .centerStructure {
  padding-top: 0;
}
.myWorkOrder .search-200 {
  width: 200px;
}
.myWorkOrder .el-dialog__wrapper .el-dialog__body img {
  width: auto !important;
  margin: auto !important;
}
.myWorkOrder .el-upload-list--picture-card .el-upload-list__item {
  background-color: #fff;
}
.myWorkOrder .picRegion.el-dialog__wrapper .el-dialog {
  width: 100%;
  height: 90%;
  padding-bottom: 20px;
}
.myWorkOrder .el-divider--horizontal {
  margin: 15px 0 0 0;
  display: flex;
  float: left;
  width: 84%;
}
.myWorkOrder .drawerContain1 .el-form-item--mini.el-form-item,
.myWorkOrder .drawerContain1 .el-form-item--small.el-form-item {
  margin-bottom: 6px;
}
.myWorkOrder .finally {
  margin-top: 10px;
}
.myWorkOrder .treeClass {
  width: 40%;
  border: 1px solid #ebeef5;
}
.myWorkOrder .el-radio {
  margin-right: 0;
}
.myWorkOrder .tree-box .overauto .el-tree {
  max-width: 97%;
}
.myWorkOrder .two-line1 .el-form-item__label {
  white-space: initial;
  line-height: 1.8;
  margin-top: 4px;
}
.myWorkOrder .picRegion .el-dialog,
.myWorkOrder .picRegion .el-pager li {
  background: #fff0 !important;
}
.myWorkOrder .aStyle {
  width: 410px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.myWorkOrder .right1 .el-icon-arrow-right:before {
  content: "\5C55\5F00    \E6DF" !important;
}
.myWorkOrder .right1 .el-icon-arrow-right.is-active:before {
  content: "\6536\8D77    \E6E1" !important;
}
.myWorkOrder .right1 .el-icon-arrow-right.is-active {
  transform: rotate(0deg) !important;
}
.myWorkOrder .right1 .el-collapse-item__arrow {
  min-width: 55px !important;
}
.myWorkOrder .drawerContain1 .right1 .step1 .stepOne .el-step__description .el-row {
  background-color: #f8f9fc !important;
}
.myWorkOrder .drawerContain1 .myColl .el-collapse-item__header {
  background-color: #f8f9fc;
}
.myWorkOrder .local-field {
  display: flex;
  flex-wrap: wrap;
}
.myWorkOrder .local-field li {
  height: 40px;
  margin-bottom: 10px;
  flex-shrink: 0;
  flex-basis: 310px;
  margin-left: 58px;
}
.myWorkOrder .local-field li:nth-child(1) {
  margin-left: 0;
}
.myWorkOrder .local-field li:nth-child(3n+1) {
  margin-left: 0;
}
.myWorkOrder .form-bottom {
  margin-bottom: 20px!important;
}
.theme2 .el-upload-list--picture-card .el-upload-list__item {
  background-color: #2a2b2d;
}
.theme2 .treeClass {
  border-color: #494949;
}
.theme2 .drawerContain1 .right1 .step1 .stepOne .el-step__description .el-row {
  background-color: #373736 !important;
}
.theme2 .drawerContain1 .myColl .el-collapse-item__header {
  background-color: #373736;
}
.theme2 .myWorkOrder .el-tag {
  border-color: #5473937a;
  background: #5473937a;
}
.theme2 .myWorkOrder .el-tag--danger {
  border-color: #6d424f9e;
  background: #6d424f9e;
}
.theme2 .myWorkOrder .el-tag--warning {
  border-color: #b1983c59;
  background: #b1983c59;
}
.theme2 .myWorkOrder .el-tag--success {
  border-color: #5479426b;
  background: #5479426b;
}

.c-center[data-v-0e452cf5] {
  flex: 1;
  margin: 0 10px;
  background: #fff;
}
.main-block[data-v-0e452cf5] {
  padding: 10px 15px;
  box-sizing: border-box;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
  position: relative;
}
.main-block .pos[data-v-0e452cf5] {
  position: absolute;
  right: 10px;
  top: 10px;
}
.fixMap[data-v-0e452cf5] {
  position: absolute;
  z-index: 22;
  width: 240px;
  background: rgba(255, 255, 255, 0.85);
}
.fixMap .lintit[data-v-0e452cf5] {
  margin: 10px 0 5px 10px;
}
.fixMap .el-checkbox-group[data-v-0e452cf5] {
  padding-left: 10px;
}
.fixMap .el-checkbox-group .el-checkbox[data-v-0e452cf5] {
  margin-right: 20px;
}
.c-info[data-v-0e452cf5] {
  display: flex;
}
.c-info li[data-v-0e452cf5] {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
}
.c-info li .iconfont[data-v-0e452cf5] {
  font-size: 24px;
  color: #6690ff;
  line-height: 60px;
  margin-right: 15px;
}
.c-info li p[data-v-0e452cf5] {
  color: #6690ff;
  font-size: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.theme1 .fixbox-tree .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content[data-v-0e452cf5] {
  background-color: #eee;
}
.theme2 .main-block[data-v-0e452cf5] {
  background: #2a2b2d;
}
.theme2 .c-center[data-v-0e452cf5] {
  background: #2a2b2d;
}
.theme2 .c-info li .iconfont[data-v-0e452cf5] {
  color: #4d91ff;
}
.theme2 .c-info li p[data-v-0e452cf5] {
  color: #4d91ff;
}
.theme2 .fixMap[data-v-0e452cf5] {
  background: rgba(0, 0, 0, 0.7);
}
.leftFixed[data-v-0e452cf5] {
  width: 480px;
  height: calc(100% - 20px);
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 22;
  background: rgba(255, 255, 255, 0.85);
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
  transition: all 0.4s;
}
.leftFixed .content[data-v-0e452cf5] {
  position: relative;
  height: 100%;
  padding: 20px;
}
.leftFixed .content[data-v-0e452cf5]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.leftFixed .content[data-v-0e452cf5]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.leftFixed .content[data-v-0e452cf5]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.leftFixed .content[data-v-0e452cf5]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.leftFixed .foldBtn[data-v-0e452cf5] {
  width: 10px;
  height: 100px;
  position: absolute;
  top: 50%;
  right: -10px;
  margin-top: -60px;
  background: #6690ff;
  cursor: pointer;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.leftFixed .foldBtn i[data-v-0e452cf5] {
  color: #fff;
}
.leftFixed .facSel[data-v-0e452cf5] {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 254px;
}
.leftFixed .floor[data-v-0e452cf5] {
  margin-bottom: 20px;
}
.leftFixed .floor .c-info.spec p[data-v-0e452cf5] {
  text-align: center;
}
.leftFixed .floor .c-info.spec .iconImg[data-v-0e452cf5] {
  display: inline-block;
  vertical-align: -3px;
  margin-right: 5px;
}
.leftFixed .floor .c-info .iconfont[data-v-0e452cf5] {
  background-image: linear-gradient(to right, #00f3fe, #0093f7);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.leftFixed .floor .c-info p[data-v-0e452cf5] {
  font-weight: 600;
  color: #3ca5f4;
}
.leftFixed .chart[data-v-0e452cf5] {
  width: 100%;
  height: 200px;
}
.theme2 .leftFixed[data-v-0e452cf5] {
  background: rgba(0, 0, 0, 0.85);
}

.staticQuery {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  padding-right: 10px;
  display: flex;
  position: relative;
}
.staticQuery .table-line::before {
  z-index: 999 !important;
}
.staticQuery .centerStructure {
  margin-right: 0;
  padding-top: 0;
}
.staticQuery .centerStructure .area {
  height: 94%;
  width: 100%;
  position: relative;
}
.staticQuery .centerStructure .area .leftArea {
  z-index: 5;
  top: 30px;
  left: 50px;
  width: 300px;
  height: 50px;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.8);
  display: flex;
}
.staticQuery .centerStructure .area .leftArea .leftSon {
  margin-top: 12px;
  margin-left: 5px;
  font: 14px/1.5 'Microsoft YaHei', '\5B8B\4F53', Tahoma, Arial, sans-serif;
  font-weight: 900;
}
.staticQuery .centerStructure .area .leftArea .leftChild {
  margin-left: 10px;
  margin-top: 6px;
  font: 20px/1.5 'Microsoft YaHei', '\5B8B\4F53', Tahoma, Arial, sans-serif;
  font-weight: 900;
}
.staticQuery .centerStructure .area .rightArea {
  z-index: 5;
  top: 20px;
  left: 1050px;
  width: 500px;
  height: 100px;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.8);
  display: flex;
}
.staticQuery .centerStructure .area .rightArea .rightChild {
  flex: 1;
  margin-top: 20px;
  text-align: center;
}
.staticQuery .centerStructure .area .rightArea .rightChild .showPicOne {
  color: green;
}
.staticQuery .centerStructure .area .rightArea .rightChild .showPicTwo {
  color: orange;
}
.staticQuery .centerStructure .area .rightArea .rightChild .showPicThree {
  color: black;
}
.staticQuery .centerStructure .area .rightArea .rightChild .childTitle {
  color: black;
  font-size: 17px;
  font-weight: 900;
  text-align: center;
}
.staticQuery .centerStructure .area .rightArea .rightChild .childValue {
  margin-top: 5px;
  font: 27px/1.5 'Microsoft YaHei', '\5B8B\4F53', Tahoma, Arial, sans-serif;
  color: #4d91ff;
  text-align: center;
}
.staticQuery .centerStructure .area #mapArea {
  height: 100%;
  width: 100%;
  position: relative;
}
.staticQuery .centerStructure .el-table__body-wrapper {
  z-index: 2;
}
.staticQuery .el-drawer__wrapper .el-drawer__header {
  font-size: 16px;
  padding: 10px 20px;
  margin-bottom: 0;
}
.staticQuery .el-drawer__wrapper .drawerContain2 {
  padding: 10px 20px;
  width: 100%;
  height: 100%;
}
.staticQuery .el-drawer__wrapper .drawerContain2 .echartsOne .button-groups {
  margin-left: 10px;
  z-index: 11;
  position: absolute;
  top: 130px;
  right: 60px;
}
.staticQuery .el-drawer__wrapper .drawerContain2 .btnLeft.button-groups {
  margin-left: 10px;
  z-index: 11;
  position: absolute;
  top: 130px;
  left: 40.5% !important;
}
.staticQuery .el-drawer__wrapper .drawerContain2 .selectTreeSty {
  display: inline-block;
}
.staticQuery .el-drawer__wrapper .drawerContain2 .echarts1 {
  width: 100%;
  height: 350px;
  margin-top: 10px;
  display: flex;
}
.staticQuery .el-drawer__wrapper .drawerContain2 .echarts1 .echarts1Row {
  flex: 1;
  width: 545px;
  height: 350px;
  position: relative;
}
.staticQuery .el-drawer__wrapper .drawerContain2 .echarts1 .echarts1Row .echarts1RowLi {
  width: 545px;
  height: 350px;
}
.staticQuery .el-drawer__wrapper .drawerContain2 .echarts1 .echarts1Row .totalCount {
  position: absolute;
  top: 51%;
  left: 50%;
  width: 70px;
  height: 30px;
  margin-left: -35px;
  margin-top: -10px;
  font-size: 20px;
  text-align: center;
  color: #3fdeae;
}
.staticQuery .el-drawer__wrapper .drawerContain2 .echartsOne {
  width: 100%;
  height: 350px;
  margin-top: 10px;
  display: flex;
}
.staticQuery .el-drawer__wrapper .drawerContain2 .echartsOne .echarts1Row {
  flex: 1;
  width: 545px;
  height: 350px;
  position: relative;
}
.staticQuery .el-drawer__wrapper .drawerContain2 .echartsOne .echarts1Row .echarts1RowLi {
  width: 545px;
  height: 350px;
}
.staticQuery .el-drawer__wrapper .drawerContain2 .echartsOne .echarts1Row .totalCount {
  position: absolute;
  top: 51%;
  left: 50%;
  width: 70px;
  height: 30px;
  margin-left: -35px;
  margin-top: -10px;
  font-size: 20px;
  text-align: center;
  color: #3fdeae;
}
.staticQuery .el-drawer__wrapper .drawerContain2 .echarts2 {
  width: 100%;
  height: calc(100% - 400px);
  margin-top: 10px;
  display: flex;
}
.staticQuery .el-drawer__wrapper .drawerContain2 .echarts2 .echarts2Row {
  flex: 1;
  width: 1030px;
  height: 350px;
}
.staticQuery .el-drawer__wrapper .drawerContain2 .echartsTwo {
  width: 100%;
  height: calc(100% - 400px);
  margin-top: 10px;
  display: flex;
}
.staticQuery .el-drawer__wrapper .drawerContain2 .echartsTwo .echarts2Row {
  flex: 1;
  width: 1030px;
  height: 350px;
}
.theme2 .staticQuery .centerStructure .area .rightArea .rightChild .childTitle {
  color: black;
}
.theme2 .staticQuery .el-table__fixed,
.theme2 .staticQuery .el-table__fixed-right {
  z-index: 5;
  background-color: #2a2b2d;
}
.theme2 .staticQuery .el-table__fixed-footer-wrapper tbody td.el-table__cell {
  border-top: 1px solid #565656;
  background-color: #494949;
  color: #b7b7b7;
}
.theme2 .leftArea {
  background-color: rgba(42, 43, 45, 0.8) !important;
}
.theme2 .leftArea .leftSon {
  color: #FFF;
}
.theme2 .leftArea .leftChild {
  color: #FFF;
}
.theme2 .rightArea {
  background-color: rgba(42, 43, 45, 0.8) !important;
}
.theme2 .rightArea .rightChild {
  flex: 1;
  margin-top: 20px;
  text-align: center;
}
.theme2 .rightArea .rightChild .showPicOne {
  color: green;
}
.theme2 .rightArea .rightChild .showPicTwo {
  color: orange;
}
.theme2 .rightArea .rightChild .showPicThree {
  color: black;
}
.theme2 .rightArea .rightChild .childTitle {
  color: #FFF !important;
}
.theme2 .rightArea .rightChild .childValue {
  margin-top: 5px;
  font-size: 30px;
  color: #4d91ff;
  text-align: center;
}

.workOrderMapSearchInput {
  position: absolute;
  z-index: 400;
}
.workOrderMapSearchInput .el-input--mini .el-input__icon {
  line-height: 42px;
}
.workOrderMapSearchInput .el-select .el-input__inner:focus {
  border-color: #47526c;
}
.workOrderMapSearchInput .el-select .el-input.is-focus .el-input__inner {
  border-color: #47526c;
}
.workOrderMapSearchInput .el-input-group__append {
  background: #fffa;
}
.workOrderMapSearchInput .el-input input {
  background: #ffffffd9;
}
.workOrderMapSearchInput .el-input__suffix {
  right: 10px;
  top: 2px;
}
.workOrderMapSearchInput .el-input__suffix .icon-search {
  float: right;
  margin-top: 1px;
}
.workOrderMapSearchInput .el-input__inner {
  font-size: 14px;
}
.workOrderMapSearchInput .el-autocomplete .el-input {
  width: 280px;
}
.workOrderMapSearchInput .el-autocomplete .el-input__inner {
  border-radius: 5px;
  padding-left: 10px;
  padding-right: 52px;
  height: 40px;
}
.workOrderMapSearchInput input::-webkit-input-placeholder {
  color: #8a8a99;
}
.el-autocomplete-suggestion.el-popper.workOrderMapMonitor {
  border: none;
}
.el-autocomplete-suggestion.el-popper.workOrderMapMonitor .el-scrollbar__wrap {
  max-height: 380px;
}
.el-autocomplete-suggestion.el-popper.workOrderMapMonitor ul {
  padding: 0 10px;
}
.el-autocomplete-suggestion.el-popper.workOrderMapMonitor li {
  border-bottom: 1px solid #bbbcc4;
  padding: 0;
  line-height: initial;
}
.el-autocomplete-suggestion.el-popper.workOrderMapMonitor li:last-child {
  border: none;
}
.el-autocomplete-suggestion.el-popper.workOrderMapMonitor li .searchlist {
  padding: 10px 0px;
}
.el-autocomplete-suggestion.el-popper.workOrderMapMonitor li .one,
.el-autocomplete-suggestion.el-popper.workOrderMapMonitor li .two {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 2px 0;
}
.el-autocomplete-suggestion.el-popper.workOrderMapMonitor li .one span {
  margin-right: 10px;
}
.el-autocomplete-suggestion.el-popper.workOrderMapMonitor li .one .type {
  border: 1px solid;
  border-radius: 20px;
  padding: 1px 8px;
}
.el-autocomplete-suggestion.el-popper.workOrderMapMonitor li .one .col1 {
  color: #6a93ff;
  border-color: #6a93ff;
}
.el-autocomplete-suggestion.el-popper.workOrderMapMonitor li .one .col2 {
  color: #c96fff;
  border-color: #c96fff;
}
.el-autocomplete-suggestion.el-popper.workOrderMapMonitor li .one .col3 {
  color: #ff9300;
  border-color: #ff9300;
}
.blocknone {
  display: none;
}
.theme2 .workOrderMapSearchInput .el-input-group__append,
.theme2 .workOrderMapSearchInput .el-input input {
  background: #18191b;
}
.theme2 .el-autocomplete-suggestion.el-popper.workOrderMapMonitor li {
  border-color: #3d3d3d;
}
.theme2 .el-autocomplete-suggestion.el-popper.workOrderMapMonitor,
.theme2 .mysel.el-popper.el-select-dropdown {
  background: #2a2b2d;
  border: 1px solid #3d3d3d;
}
.theme2 .el-autocomplete-suggestion.el-popper.workOrderMapMonitor .popper__arrow::after,
.theme2 .mysel.el-popper.el-select-dropdown .popper__arrow::after {
  border-bottom-color: #2a2b2d;
}

.workOrderMap .drawerContain1 {
  padding: 0 0 0 20px;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: auto;
}
.workOrderMap .drawerContain1 .closeIcon {
  position: relative;
  padding-top: 5px;
  padding-right: 5px;
  width: 20px;
  height: 20px;
  font-size: 20px;
  z-index: 100;
  border-radius: 20px;
}
.workOrderMap .drawerContain1 .left-workOrder {
  width: 100%;
  height: 100%;
}
.workOrderMap .drawerContain1 .left-workOrder ::-webkit-scrollbar {
  width: 0;
  height: 0;
  background-color: transparent;
}
.workOrderMap .drawerContain1 .left-workOrder .left-foot {
  position: fixed;
  right: 450px;
  margin-top: 10px;
}
.workOrderMap .drawerContain1 .left-workOrder .right-foot {
  position: fixed;
  margin-top: 10px;
}
.workOrderMap .drawerContain1 .left-workOrder .textLable {
  height: 40px;
  line-height: 32px;
  text-align: right;
  color: #404042;
  padding-right: 6px;
}
.workOrderMap .drawerContain1 .left-workOrder .picLableZzz {
  height: 32px;
  line-height: 32px;
  text-align: left;
  color: #404042;
}
.workOrderMap .drawerContain1 .left-workOrder .textValue {
  height: 40px;
  line-height: 32px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.workOrderMap .drawerContain1 .left-workOrder .picContain img {
  width: 50px;
  height: 50px;
  margin: 5px 0;
}
.workOrderMap .drawerContain1 .left-workOrder .picContain1 img {
  width: 50px;
  height: 50px;
  margin: 5px 0;
}
.workOrderMap .drawerContain1 .el-divider--vertical {
  height: 84.25%;
  margin-left: 44%;
  position: fixed;
}
.workOrderMap .drawerContain1 .right-workOrder {
  width: 100%;
  height: 100%;
}
.workOrderMap .drawerContain1 .right-workOrder ::-webkit-scrollbar {
  width: 0;
  height: 0;
  background-color: transparent;
}
.workOrderMap .drawerContain1 .right-workOrder .title1 {
  color: #6690ff;
  margin-left: 87%;
  text-align: right;
}
.workOrderMap .drawerContain1 .right-workOrder .step1 {
  height: 90%;
  width: calc(100% - 10px);
}
.workOrderMap .drawerContain1 .right-workOrder .step1 .stepOne .el-step__description.is-success {
  color: #404042;
  background-color: #f8f9fc;
  padding: 1px 10px 1px 10px;
  border-radius: 10px;
}
.workOrderMap .drawerContain1 .right-workOrder .step1 .stepOne .el-step__description.is-success .el-row {
  border-bottom: 1px dashed #ababab5c;
}
.workOrderMap .drawerContain1 .right-workOrder .step1 .stepOne .el-step__description.is-success .el-row:last-child {
  border: none;
}
.workOrderMap .drawerContain1 .right-workOrder .step1 .stepOne .el-step__description.is-process {
  color: #404042;
  background-color: #f8f9fc;
  padding: 1px 10px 1px 10px;
  border-radius: 10px;
}
.workOrderMap .drawerContain1 .right-workOrder .step1 .stepOne .el-step__description.is-process .el-row {
  border-bottom: 1px dashed #ababab5c;
}
.workOrderMap .drawerContain1 .right-workOrder .step1 .stepOne .el-step__description.is-process .el-row:last-child {
  border: none;
}
.workOrderMap .drawerContain1 .right-workOrder .step1 .stepOne .el-step__title.is-success {
  font-weight: 700;
}
.workOrderMap .drawerContain1 .right-workOrder .step1 .stepOne .el-step__description.is-wait {
  background-color: #ede8e469;
  padding: 1px 10px 1px 10px;
  border-radius: 10px;
}
.workOrderMap .drawerContain1 .right-workOrder .step1 .stepOne .stepBegin {
  margin: 3px 0;
}
.workOrderMap .drawerContain1 .right-workOrder .foot1 {
  position: absolute;
  right: 20px;
  bottom: 20px;
}
.workOrderMap .drawerContain1 .right-workOrder .el-step {
  flex-basis: auto !important;
}
.workOrderMap .drawerContain1 .right-workOrder .el-step.is-vertical {
  display: flex;
  margin-bottom: 10px;
}
.workOrderMap .drawerContain1 .a .processFontStyle1 {
  color: #9f9c9c;
}
.workOrderMap .drawerContain1 .a .processFontStyle2 {
  color: #9f9c9c;
}
.workOrderMap .drawerContain1 .b .processFontStyle1 {
  color: #606060;
}
.workOrderMap .drawerContain1 .b .processFontStyle2 {
  color: #000000;
}
.workOrderMap .drawerContain1 .formFontStyle {
  font-weight: bold;
}
.workOrderMap .drawerContain1 .myColl .el-collapse-item__header {
  height: auto;
  line-height: initial;
  flex-direction: column;
  align-items: initial;
}
.workOrderMap .drawerContain1 .myColl .el-collapse-item__content {
  padding-bottom: 0;
}
.workOrderMap .drawerContain1 .el-step.is-vertical .el-step__main {
  width: 360px;
}
.workOrderMap .drawerContain1 .el-collapse-item__arrow {
  margin: 10px 130px 10px auto;
}
.theme2 .workOrderMap .drawerContain1 .right-workOrder .step1 .stepOne .el-step__description.is-success {
  color: #C0C4CC;
  background-color: #c1bab517;
}
.theme2 .workOrderMap .drawerContain1 .right-workOrder .step1 .stepOne .el-step__description.is-process {
  color: #C0C4CC;
  background-color: #c1bab517;
}
.theme2 .workOrderMap .drawerContain1 .right-workOrder .step1 .stepOne .el-step__description.is-wait {
  color: #404242;
}
.theme2 .workOrderMap .drawerContain1 .el-step__title.is-wait {
  color: #404242;
}
.theme2 .workOrderMap .drawerContain1 .el-step__head.is-wait {
  color: #404242;
}
.theme2 .workOrderMap .drawerContain1 .left-workOrder .textLable {
  color: #C0C4CC;
}
.theme2 .workOrderMap .drawerContain1 .left-workOrder .picLableZzz {
  color: #C0C4CC;
}
.theme2 .workOrderMap .drawerContain1 .left-workOrder .left-style {
  height: 92%;
  overflow-y: auto;
  border-right: 1px solid #494949;
}
.theme2 .workOrderMap .a .processFontStyle1 {
  color: #878787;
}
.theme2 .workOrderMap .a .processFontStyle2 {
  color: #878787;
}
.theme2 .workOrderMap .b .processFontStyle1 {
  color: #B7B7B7;
}
.theme2 .workOrderMap .b .processFontStyle2 {
  color: #FFFFFF;
}
.workOrderMap {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}
.workOrderMap .centerStructure {
  padding-top: 20px;
}
.workOrderMap .drawerContain1 .el-tabs__content {
  height: calc(100% - 54px);
}
.workOrderMap .drawerContain1 .el-tabs__content .el-tab-pane {
  height: 100%;
}
.workOrderMap .drawerContain1 .el-tabs--top {
  width: calc(100% - 26px);
}
.workOrderMap .area {
  height: 95%;
  width: 100%;
  position: relative;
}
.workOrderMap .area .leftArea {
  z-index: 5;
  top: 10px;
  left: 10px;
  width: 300px;
  height: 120px;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 8px;
}
.workOrderMap .area .leftArea .leftAreaTop {
  height: 60px;
  padding: 10px;
  border-bottom: 1px solid #DCDFE6;
}
.workOrderMap .area .leftArea .leftAreaBottom {
  display: flex;
}
.workOrderMap .area .leftArea .leftAreaBottom .leftSon {
  margin-top: 20px;
  margin-left: 20px;
  font: 14px/1.5 'Microsoft YaHei', '\5B8B\4F53', Tahoma, Arial, sans-serif;
  font-weight: 900;
}
.workOrderMap .area .leftArea .leftAreaBottom .leftChild {
  margin-left: 10px;
  margin-top: 12px;
  font: 20px/1.5 'Microsoft YaHei', '\5B8B\4F53', Tahoma, Arial, sans-serif;
  font-weight: 900;
}
.workOrderMap .area .rightArea {
  z-index: 5;
  top: 10px;
  left: 320px;
  width: 500px;
  height: 120px;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.8);
  display: flex;
  border-radius: 8px;
}
.workOrderMap .area .rightArea .rightChild {
  flex: 1;
  margin-top: 25px;
  text-align: center;
}
.workOrderMap .area .rightArea .rightChild .showPicOne {
  color: #58d95c;
}
.workOrderMap .area .rightArea .rightChild .showPicTwo {
  color: #f9841f;
}
.workOrderMap .area .rightArea .rightChild .showPicThree {
  color: black;
}
.workOrderMap .area .rightArea .rightChild .showPicFour {
  color: #b866ff;
}
.workOrderMap .area .rightArea .rightChild .childTitle {
  color: black;
  font-size: 17px;
  font-weight: 900;
  text-align: center;
}
.workOrderMap .area .rightArea .rightChild .childValue {
  margin-top: 5px;
  font: 27px/1.5 'Microsoft YaHei', '\5B8B\4F53', Tahoma, Arial, sans-serif;
  color: #4d91ff;
  text-align: center;
}
.workOrderMap .area .fixed-heat {
  position: absolute;
  z-index: 9;
  width: 125px;
  height: auto;
  bottom: 25px;
  left: 430px;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 6px;
}
.workOrderMap .area .fixed-heat .com-level {
  padding: 10px;
  padding-bottom: 0;
}
.workOrderMap .area .fixed-heat .com-level span:nth-child(2) {
  cursor: pointer;
}
.workOrderMap .area .fixed-heat ul {
  padding: 10px;
}
.workOrderMap .area .fixed-heat ul > li {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.workOrderMap .area .fixed-heat ul > li:last-child {
  margin-bottom: 0;
}
.workOrderMap .area .fixed-heat ul > li span {
  display: inline-block;
}
.workOrderMap .area .fixed-heat ul > li .rh {
  margin-left: 5px;
}
.workOrderMap .area .fixed-heat ul > li .lf {
  width: 36px;
  height: 20px;
  border-radius: 5px;
  cursor: pointer;
  box-sizing: border-box;
}
.workOrderMap .area .fixed-heat ul > li:nth-child(1) .lf {
  background: #00ff0090;
}
.workOrderMap .area .fixed-heat ul > li:nth-child(2) .lf {
  background: #ffff00e0;
}
.workOrderMap .area .fixed-heat ul > li:nth-child(3) .lf {
  background: #ff0000e0;
}
.workOrderMap .area #orderMap {
  height: 100%;
  width: 100%;
  position: relative;
}
.workOrderMap .el-divider--horizontal {
  margin: 15px 0 8px 0;
}
.workOrderMap .picContain1 img {
  width: 50px;
  height: 50px;
  margin: 5px 0;
}
.workOrderMap .picContain img {
  width: 50px;
  height: 50px;
  margin: 5px 0;
}
.workOrderMap .right-workOrder .el-icon-arrow-right {
  margin: 10px auto;
  content: "\5C55\5F00    \E6DF" !important;
}
.workOrderMap .right-workOrder .el-icon-arrow-right:before {
  content: "\5C55\5F00    \E6DF" !important;
}
.workOrderMap .right-workOrder .el-icon-arrow-right.is-active:before {
  content: "\6536\8D77    \E6E1" !important;
}
.workOrderMap .right-workOrder .el-icon-arrow-right.is-active {
  transform: rotate(0deg) !important;
}
.workOrderMap .right-workOrder .el-collapse-item__arrow {
  min-width: 55px !important;
}
.workOrderMap .drawerContain1 .right-workOrder .step1 .stepOne .el-step__description .el-row {
  background-color: #f8f9fc !important;
}
.workOrderMap .drawerContain1 .myColl .el-collapse-item__header {
  background-color: #f8f9fc;
}
.workOrderMap .el-drawer__wrapper .el-drawer__header {
  font-size: 16px;
  padding: 0 !important;
  margin-bottom: 0;
}
.workOrderMap .amap-marker-label {
  border: none;
  background: none;
  padding: 0;
}
.workOrderMap .amap-marker-label ::-webkit-scrollbar {
  width: 5px;
}
.workOrderMap .amap-marker-label ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(24, 25, 27, 0.5);
}
.workOrderMap .amap-marker-label .labelInfo {
  width: 200px;
  height: auto;
  border-radius: 5px;
  position: relative;
  border: 1px solid #f2f2f2;
  box-shadow: 3px 3px 4px #999999;
  background: rgba(255, 255, 255, 0.8);
  padding: 6px;
  padding-left: 10px;
  padding-right: 10px;
}
.workOrderMap .amap-marker-label .labelInfo i {
  display: inline-block;
  width: 5px;
  height: 16px;
  background: #4980d7;
  vertical-align: -3px;
  margin-right: 6px;
}
.workOrderMap .amap-marker-label .labelInfo span {
  line-height: 30px;
}
.workOrderMap .amap-marker-label .labelInfo .el-icon-close {
  position: absolute;
  right: 5px;
  top: 5px;
  color: #C0C4CC;
  font-weight: 600;
  cursor: pointer;
}
.workOrderMap .amap-marker-label .labelInfo .el-icon-close:hover {
  color: #4980d7;
}
.workOrderMap .amap-marker-label .labelInfo .parDetail {
  max-height: 260px;
  overflow: auto;
  line-height: 30px;
}
.workOrderMap .amap-marker-label .labelInfo .parDetail li {
  display: flex;
  justify-content: space-between;
}
.workOrderMap .amap-marker-label .labelInfo .parDetail li span {
  margin-left: 5px;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.workOrderMap .amap-marker-label .labelInfo .parDetail li span:hover {
  color: #4980d7;
}
.workOrderMap ::-webkit-scrollbar {
  width: 0;
  height: 0;
  background-color: transparent;
}
.theme2 .drawerContain1 .right-workOrder .step1 .stepOne .el-step__description .el-row {
  background-color: #373736 !important;
}
.theme2 .drawerContain1 .myColl .el-collapse-item__header {
  background-color: #373736;
}
.theme2 .workOrderMap .centerStructure .area .rightArea .rightChild .childTitle {
  color: black;
}
.theme2 .workOrderMap .el-table__fixed,
.theme2 .workOrderMap .el-table__fixed-right {
  z-index: 5;
  background-color: #2a2b2d;
}
.theme2 .workOrderMap .el-table__fixed-footer-wrapper tbody td.el-table__cell {
  border-top: 1px solid #565656;
  background-color: #494949;
  color: #b7b7b7;
}
.theme2 .area .leftArea {
  background-color: rgba(42, 43, 45, 0.8) !important;
}
.theme2 .area .leftArea .leftSon {
  color: #FFF;
}
.theme2 .area .leftArea .leftChild {
  color: #FFF;
}
.theme2 .area .leftArea .leftAreaTop {
  border-bottom: 1px solid #494949;
}
.theme2 .area .rightArea {
  background-color: rgba(42, 43, 45, 0.8) !important;
}
.theme2 .area .rightArea .rightChild {
  flex: 1;
  margin-top: 20px;
  text-align: center;
}
.theme2 .area .rightArea .rightChild .showPicOne {
  color: #58d95c;
}
.theme2 .area .rightArea .rightChild .showPicTwo {
  color: #f9841f;
}
.theme2 .area .rightArea .rightChild .showPicThree {
  color: #b7b7b7;
}
.theme2 .area .rightArea .rightChild .showPicFour {
  color: #b866ff;
}
.theme2 .area .rightArea .rightChild .childTitle {
  color: #FFF !important;
}
.theme2 .area .rightArea .rightChild .childValue {
  margin-top: 5px;
  font-size: 30px;
  color: #4d91ff;
  text-align: center;
}
.theme2 .area .fixed-heat {
  background-color: rgba(42, 43, 45, 0.8);
}
.theme2 .amap-marker-label ::-webkit-scrollbar-thumb {
  background: #000;
}
.theme2 .amap-marker-label .labelInfo {
  border: 1px solid rgba(42, 43, 45, 0.8);
  background: rgba(42, 43, 45, 0.8);
  box-shadow: 0 0 4px #000;
}
.theme2 .amap-marker-label .labelInfo i {
  display: inline-block;
  width: 5px;
  height: 16px;
  background: #4980d7;
  vertical-align: -3px;
  margin-right: 6px;
}
.theme2 .amap-marker-label .labelInfo .parDetail li span:hover {
  color: #4980d7;
}
.jihu {
  width: 38px;
  height: 42px;
  text-align: center;
  padding-top: 5px;
  background: url(../img/jh.32117df3.png);
  position: relative;
  z-index: 10;
}
.chulizhong {
  width: 38px;
  height: 42px;
  background: url(../img/clz.5ea62edd.png);
  position: relative;
  z-index: 10;
}
.yiwancheng {
  width: 38px;
  height: 42px;
  background: url(../img/ywc.d8db3429.png);
  position: relative;
  z-index: 10;
}
.yiguaqi {
  width: 38px;
  height: 42px;
  background: url(../img/ico_ygq.b726abb8.png);
  position: relative;
  z-index: 10;
}

.notfinish[data-v-75c13302] {
  position: relative;
  height: 100%;
  width: 100%;
  padding-right: 10px;
}
.notfinish .centerStructure[data-v-75c13302] {
  width: 100%;
  display: flex;
}
.notfinish .centerStructure .auto[data-v-75c13302] {
  margin: auto;
}
.notfinish .centerStructure p[data-v-75c13302] {
  text-align: center;
  color: #787878;
  font-size: 30px;
  margin-bottom: 50px;
}
.notfinish .centerStructure img[data-v-75c13302] {
  width: 550px;
}
.theme2 .notfinish .centerStructure p[data-v-75c13302] {
  color: #b7b7b7;
}

.aiInterfaceConfig {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.aiInterfaceConfig .el-drawer__wrapper .el-drawer__header {
  font-size: 16px;
  padding: 10px 20px;
  margin-bottom: 10px;
}
.aiInterfaceConfig .special {
  display: flex;
}
.aiInterfaceConfig .special .radio-special {
  margin-left: 40px;
}
.aiInterfaceConfig .editTable td,
.aiInterfaceConfig .editTable th {
  padding: 4px 0;
}
.aiInterfaceConfig .el-tag,
.aiInterfaceConfig el-tag--success,
.aiInterfaceConfig el-tag--small,
.aiInterfaceConfig el-tag--light {
  width: 80px;
}
.aiInterfaceConfig .classButton {
  margin-bottom: 10px;
}
.aiInterfaceConfig .limitClass {
  margin-bottom: 0px !important;
}
.aiInterfaceConfig .dialog-footer {
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.openServiceConfigure {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.openServiceConfigure .special {
  display: flex;
}
.openServiceConfigure .special .radio-special {
  margin-left: 40px;
}
.openServiceConfigure .editTable td,
.openServiceConfigure .editTable th {
  padding: 4px 0;
}
.openServiceConfigure .el-tag,
.openServiceConfigure el-tag--success,
.openServiceConfigure el-tag--small,
.openServiceConfigure el-tag--light {
  width: 80px;
}
.openServiceConfigure .classButton {
  margin-bottom: 10px;
}
.openServiceConfigure .limitClass {
  margin-bottom: 0px !important;
}

.openServiceGrant {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.openServiceGrant .special {
  display: flex;
}
.openServiceGrant .special .radio-special {
  margin-left: 40px;
}
.openServiceGrant .el-tag,
.openServiceGrant el-tag--success,
.openServiceGrant el-tag--small,
.openServiceGrant el-tag--light {
  width: 60px;
}
.openServiceGrant .el-drawer__wrapper .el-drawer__header {
  font-size: 16px;
  padding: 10px 20px;
  margin-bottom: 10px;
}
.openServiceGrant .padding20 {
  padding: 20px;
  height: 100%;
}
.openServiceGrant .formbox {
  height: 100%;
  max-height: none;
  padding-right: 0;
  height: calc(100% - 40px);
}
.openServiceGrant .dialog-footer {
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.selectWidth .el-select-dropdown__empty {
  width: 140px;
}

.eventClass .el-dialog__body {
  padding-top: 0;
  padding-right: 20px;
}
.eventClass .tab3 {
  overflow: auto;
  height: 360px;
}
.eventClass .tab3::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.eventClass .tab3::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.eventClass .tab3::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.eventClass .picContain {
  border: 1px solid #dadada;
  cursor: pointer;
  height: 70px;
  width: 70px;
  margin-right: 20px;
}
.eventClass .picContain .pic {
  width: 68px;
  height: 68px;
}
.eventClass .picContain .pic .image-slot {
  position: relative;
  height: 70px;
  line-height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.eventClass .picContain1 {
  cursor: pointer;
  height: 70px;
  width: 70px;
  margin-right: 20px;
  display: flex;
}
.eventClass .picContain1 .pic {
  width: 68px;
  height: 68px;
}
.eventClass .vidImg1 {
  width: 100px;
  height: 100px;
  cursor: pointer;
}
.eventClass .vidImg1 img {
  display: block;
  width: 68%;
  height: 68%;
}
.eventClass .el-divider--horizontal {
  margin: 15px 0 8px 0;
}
.eventClass .textLable {
  height: 40px;
  line-height: 32px;
  text-align: right;
  color: #404042;
  padding-right: 6px;
}
.eventClass .formFontStyle {
  font-weight: bold;
}
.eventClass .textValue {
  height: 40px;
  line-height: 32px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.theme2 .eventClass .textLable {
  color: #C0C4CC;
}
.theme2 .eventClass .tab3::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(250, 250, 250, 0.5);
  background: rgba(250, 250, 250, 0.5);
}
.theme2 .eventClass .tab3::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(240, 240, 240, 0.3);
  background: rgba(240, 240, 240, 0.3);
  border-radius: 0;
}
.eventInfo {
  height: 400px;
}

.tabone .linkHeader {
  cursor: pointer;
}

.tabtwo .up-box {
  position: relative;
}
.tabtwo .up-box .button-groups {
  position: absolute;
  right: 6%;
}
.tabtwo .echart-box {
  position: relative;
}
.tabtwo .echart-box .button-groups {
  position: absolute;
  right: 5%;
}
.tabtwo .dia-chart {
  width: 1180px;
  height: 350px;
}
.tabtwo .linkHeader {
  cursor: pointer;
}

.tabthree .bot-two {
  display: flex;
  height: 374px;
}
.tabthree .bot-two .botStyle {
  flex: 1;
  height: 100%;
  position: relative;
}
.tabthree .bot-two .botStyle .button-groups {
  position: absolute;
  right: 5%;
}
.tabthree .bot-two .botStyle .barC {
  width: 100%;
  height: 100%;
}
.tabthree .dia-chart {
  width: 1180px;
  height: 350px;
}

.tabfive .searchBox .el-input-group__append {
  padding: 0 10px;
}
.tabfive .searchBox .groupInit {
  width: initial;
  margin-left: 10px;
}
.tabfive .searchBox .groupInit > .el-input__inner {
  width: 100px;
}
.tabfive .floor {
  display: flex;
  height: 282px;
  border-bottom: 2px solid #f6f4fc;
}
.tabfive .floor .echartL {
  flex: 1;
  display: flex;
  position: relative;
}
.tabfive .floor .echartL .centerData {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.tabfive .floor .echartR {
  flex: 2;
}
.tabfive .floor .line {
  flex: 1;
}
.tabfive .effic {
  position: relative;
  border-bottom: 2px solid #f6f4fc;
  height: 300px;
}
.tabfive .effic .effic-echart {
  width: 100%;
  height: 100%;
}
.tabfive .effic .sel {
  float: right;
  margin-top: 25px;
  margin-right: 5%;
  width: 100px;
  z-index: 88;
}
.tabfive .bot-floor {
  display: flex;
  height: 300px;
}
.tabfive .bot-floor .line {
  flex: 1;
  height: 100%;
  position: relative;
}
.tabfive .bot-floor .line .bot-chart {
  width: 100%;
  height: 100%;
}
.tabfive .bot-floor .button-groups {
  position: absolute;
  top: 30px;
  right: 40px;
}
.tabfive .export {
  margin: 10px 0;
}
.theme2 .tabfive .floor,
.theme2 .tabfive .effic {
  border-color: #494949;
}

.tabsix .myheader .gutter {
  background: none !important;
}
.tabsix .icon-tishi {
  cursor: pointer;
  color: #6690ff;
}
.tabsix .searchBox .button-groups li {
  width: 80px;
}
.tabsix .yearBox {
  display: flex;
}
.tabsix .yearBox .el-table {
  flex: 2.7;
}
.tabsix .yearBox .el-table:last-child {
  flex: 1;
}
.tabsix .yearBox .lastrow .result {
  display: inline-block;
  padding: 5px 40px;
  background: #fafafa;
  margin-right: 10px;
  font-weight: bold;
  border-radius: 5px;
}
.mergeTable {
  margin-top: 10px;
}
.theme1 .mergeTable.el-table--enable-row-hover .el-table__body tr:hover > td,
.theme2 .mergeTable.el-table--enable-row-hover .el-table__body tr:hover > td {
  background: none !important;
}
.theme2 .tabsix .yearBox .lastrow .result {
  background: #494949;
}

.nightDataInfo .up-box {
  position: relative;
}
.nightDataInfo .up-box .button-groups {
  position: absolute;
  right: 6%;
}
.nightDataInfo .echart-box {
  position: relative;
}
.nightDataInfo .echart-box .button-groups {
  position: absolute;
  right: 5%;
}
.nightDataInfo .linkHeader {
  cursor: pointer;
}

.waterUseDetail {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 4px 20px 20px 20px;
}
.waterUseDetail .el-tabs__content {
  height: calc(100% - 34px);
}
.waterUseDetail .searchBox {
  margin-bottom: 10px!important;
}

.partitionAnalysis {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  position: relative;
  display: flex;
}
.partitionAnalysis .el-drawer__header {
  margin-bottom: 0;
  padding-bottom: 10px;
}
.partitionAnalysis .el-drawer__header span {
  margin-left: -10px;
  font-size: 16px;
}
.partitionAnalysis .info {
  display: flex;
}
.partitionAnalysis .info li {
  flex: 1;
  height: 60px;
  background: #fafafa;
  overflow: hidden;
  display: flex;
}
.partitionAnalysis .info li:nth-child(1) {
  flex: 1.5;
}
.partitionAnalysis .info li .tit {
  line-height: 60px;
  margin-left: 10px;
  font-size: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.partitionAnalysis .info li .tit .iconfont {
  color: #6690ff;
  margin-right: 5px;
}
.partitionAnalysis .info li .column {
  margin: auto;
}
.partitionAnalysis .info li .column span {
  display: block;
}
.partitionAnalysis .info li .column span:last-child {
  text-align: center;
}
.partitionAnalysis .info li .column .isopen {
  cursor: pointer;
  color: #6690ff;
}
.partitionAnalysis .searchBox {
  margin-bottom: 0;
}
.partitionAnalysis .centerStructure > .el-tabs > .el-tabs__content {
  height: calc(100% - 89px);
  position: initial;
}
.partitionAnalysis .tab-box {
  height: 100%;
}
.partitionAnalysis .tab-box .scrollBox {
  height: calc(100% - 32px);
  overflow-y: auto;
}
.partitionAnalysis .tab-box .scrollBox::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.partitionAnalysis .tab-box .scrollBox::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.partitionAnalysis .tab-box .scrollBox::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.partitionAnalysis .tab-box .scrollBox::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.partitionAnalysis .tab-box .echart {
  width: 100%;
  height: 282px;
}
.partitionAnalysis .el-dialog.bodyChange .el-dialog__body {
  padding-bottom: 0;
}
.partitionAnalysis .el-dialog.dialogChart.dialogCount {
  margin-top: 9vh !important;
}
.partitionAnalysis .button-groups {
  z-index: 10;
}
.partitionAnalysis .button-groups li {
  width: initial;
  padding: 0 10px;
}
.partitionAnalysis .button-groups.m-width li {
  min-width: 80px;
  padding: 0;
}
.partitionAnalysis .clockBox {
  display: flex;
  height: 300px;
}
.partitionAnalysis .clockBox .rel {
  flex: 1;
  position: relative;
}
.partitionAnalysis .clockBox .rel .total {
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 50px;
}
.partitionAnalysis .clockBox .clock {
  width: 100%;
  height: 100%;
}
.partitionAnalysis .circle {
  height: 220px;
  position: relative;
}
.partitionAnalysis .circle p {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  margin-top: -5px;
}
.partitionAnalysis .el-table .combinetit {
  margin-left: 5px;
}
.partitionAnalysis .el-table .suply-link {
  color: #6690ff;
}
.partitionAnalysis .el-table .el-tag--small {
  padding: 0 5px;
}
.partitionAnalysis #countUpChart,
.partitionAnalysis #countDownChart {
  width: 100%;
  height: 100%;
}
.partitionAnalysis .suply {
  background-color: #a29afb;
  color: #fff;
  border: none;
}
.partitionAnalysis .use {
  background-color: #5ab1ef;
  color: #fff;
  border: none;
}
.partitionAnalysis .el-tag--small {
  height: 22px;
}
.theme2 .partitionAnalysis .el-table .suply-link {
  color: #4d91ff;
}
.theme2 .partitionAnalysis .info li .column .isopen {
  color: #4d91ff;
}

.compareAnalysis {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  position: relative;
  display: flex;
}
.compareAnalysis .echart {
  width: 100%;
  height: 340px;
}
.compareAnalysis .scrollBox {
  height: calc(100% - 32px);
  overflow-y: auto;
}
.compareAnalysis .scrollBox::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.compareAnalysis .scrollBox::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.compareAnalysis .scrollBox::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.compareAnalysis .scrollBox::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}

.adddialog .cnotent {
  width: 240px;
}
.adddialog .cnotent .el-select--small {
  width: 140px !important;
}
.adddialog .meterType {
  margin-bottom: 10px;
}
.adddialog .addbox {
  display: flex;
  height: 500px;
  width: 100%;
  border: 1px solid #EBEEF5;
}
.adddialog .addbox .leftCon {
  width: 220px;
  height: 100%;
  padding-top: 10px;
  border-right: 1px solid #EBEEF5;
}
.adddialog .addbox .leftCon .tree-box {
  height: 456px;
}
.adddialog .addbox .leftCon .tree-box .overauto {
  width: 219px;
}
.adddialog .addbox .rightCon {
  padding: 10px;
  width: 940px;
}
.adddialog .searchBox .input-with-select {
  width: 300px;
}
.adddialog .searchBox .input-with-select .el-input__inner {
  width: 160px;
}

.drawdialog {
  width: 100%;
  height: 100%;
}
.drawdialog .drawbox {
  padding: 10px 20px;
  width: 100%;
  height: calc(100% - 52px);
  overflow: hidden;
  display: flex;
}
.drawdialog .drawbox::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.drawdialog .drawbox::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.drawdialog .drawbox::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.drawdialog .drawbox::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.drawdialog .drawbox .leftCon {
  width: 230px;
  height: 100%;
  padding-left: 10px;
  padding-top: 10px;
  border-right: 1px solid #dadada;
}
.drawdialog .drawbox .leftCon .tree-box {
  height: 100%;
}
.drawdialog .drawbox .leftCon .tree-box .overauto {
  width: 219px;
}
.drawdialog .drawbox .leftCon .tree-box .treesearch {
  padding-left: 0;
}
.drawdialog .drawbox .rightCon {
  padding: 10px 20px;
  flex: 1;
}
.drawdialog .drawbox .rightCon section {
  display: flex;
  justify-content: space-between;
}
.drawdialog .drawbox .rightCon section .colorBox {
  display: flex;
}
.drawdialog .drawbox .rightCon section .colorBox .label {
  line-height: 32px;
  margin: 0 10px;
}
.drawdialog .drawbox .rightCon section .colorBox .label:nth-child(1) {
  margin-left: 0;
}
.drawdialog .drawbox .rightCon section .colorBox .checkLabel {
  line-height: 32px;
}
.drawdialog .drawbox .rightCon section .btnbox {
  position: relative;
  margin-right: 30px;
}
.drawdialog .drawbox .rightCon section .btnbox .tips-icon {
  top: 3px;
}
.drawdialog .drawbox .rightCon section .map-draw {
  width: 100%;
  height: 100%;
  margin: 10px 0 15px;
  border: 1px solid #dadada;
}
.drawdialog .drawbox .rightCon section .clor span {
  margin-right: 20px;
  color: #ea0407;
}
.drawdialog .drawbox .rightCon .special-section {
  height: calc(100% - 50px);
  width: 100%;
  position: relative;
  overflow: hidden;
}
.drawdialog .drawbox .rightCon .mapSearchArea {
  z-index: 5;
  top: 20px;
  right: 20px;
  width: 425px;
  height: 60px;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.8);
  display: flex;
}
.drawdialog .drawbox .rightCon .mapSearchArea .formbox {
  overflow-y: hidden !important;
}
.drawdialog .drawbox .rightCon .mapSearchArea .fatherStyle {
  margin-top: 14px;
  margin-left: 10px;
}
.drawdialog .drawbox .rightCon .mapSearchArea .district {
  float: left;
  margin-left: 10px;
  margin-right: 5px;
  color: #999;
  font-size: 13px;
}
.drawdialog .drawbox .rightCon .mapSearchArea .rightChild {
  flex: 1;
  margin-top: 20px;
  text-align: center;
}
.drawdialog .drawbox .rightCon .mapSearchArea .rightChild .showPicOne {
  color: green;
}
.drawdialog .drawbox .rightCon .mapSearchArea .rightChild .showPicTwo {
  color: orange;
}
.drawdialog .drawbox .rightCon .mapSearchArea .rightChild .showPicThree {
  color: black;
}
.drawdialog .drawbox .rightCon .mapSearchArea .rightChild .childTitle {
  color: black;
  font-size: 17px;
  font-weight: 900;
  text-align: center;
}
.drawdialog .drawbox .rightCon .mapSearchArea .rightChild .childValue {
  margin-top: 5px;
  font: 27px/1.5 'Microsoft YaHei', '\5B8B\4F53', Tahoma, Arial, sans-serif;
  color: #4d91ff;
  text-align: center;
}
.drawdialog .drawer-footer {
  text-align: right;
  padding-right: 20px;
}
.drawdialog .el-drawer__body {
  overflow: hidden;
  height: calc(100% - 45px);
}
.drawAlert .el-dialog__body {
  padding: 0;
  padding-bottom: 20px;
  padding-left: 20px;
}
.theme2 .drawdialog .drawbox .leftCon {
  border-color: #494949;
}
.theme2 .drawdialog .drawbox .rightCon section .map-draw {
  border-color: #494949;
}
.theme2 .mapSearchArea {
  background-color: rgba(42, 43, 45, 0.9) !important;
}

.loading-btn[data-v-178a56ec] {
  height: 30px;
  margin-top: 1px;
}
.tips-icon[data-v-178a56ec] {
  right: -20px !important;
}

.partitionFile {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  position: relative;
  display: flex;
}
.partitionFile .centerStructure {
  padding: 0px;
  background: none !important;
  box-shadow: none;
}
.partitionFile .centerStructure .block.up-con {
  margin-bottom: 10px;
}
.partitionFile .centerStructure .block .lintit {
  margin-bottom: 0;
}
.partitionFile .centerStructure .block > .el-tabs {
  height: 100%;
}
.partitionFile .centerStructure .block > .el-tabs .el-tabs__header {
  margin: 0 0 10px;
}
.partitionFile .centerStructure .block > .el-tabs > .el-tabs__content {
  height: calc(100% - 75px);
}
.partitionFile .centerStructure .block > .el-tabs > .el-tabs__content .el-tab-pane {
  height: 100%;
}
.partitionFile .centerStructure .block.down-con1 {
  height: calc(100% - 250px);
}
.partitionFile .centerStructure .block.down-con2 {
  height: calc(100% - 210px);
}
.partitionFile .centerStructure .block {
  padding: 20px;
  padding-top: 15px;
  background: #fff;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
  border-radius: 4px;
}
.partitionFile .centerStructure .block .formbox {
  padding-right: 0;
  overflow-x: auto;
}
.partitionFile .centerStructure .block .formbox .iconfont {
  font-size: 14px;
}
.partitionFile .centerStructure .block .formbox::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.partitionFile .centerStructure .block .formbox .inline-spec {
  display: flex;
}
.partitionFile .centerStructure .block .formbox .inline-spec .el-form-item--small.el-form-item.second {
  flex: 3;
}
.partitionFile .centerStructure .block .formbox .inline-spec .el-form-item--small.el-form-item {
  flex: 1;
}
.partitionFile .centerStructure .block .formbox .btnbox {
  display: flex;
}
.partitionFile .centerStructure .block .formbox .btnbox > div {
  flex: 1;
  text-align: right;
}
.partitionFile .centerStructure .block .formbox .btnbox > div .btnsave {
  width: 300px;
  height: 30px;
}
.partitionFile .centerStructure .block .formbox .el-link {
  vertical-align: 0;
}
.partitionFile .centerStructure .block .marb10 {
  margin-bottom: 10px;
}
.partitionFile .el-dialog__body {
  padding-right: 20px;
}
.partitionFile .el-drawer__wrapper .el-drawer__header {
  font-size: 16px;
  padding: 10px 20px;
  margin-bottom: 0;
}
.partitionFile .image-click {
  color: #6690ff;
  cursor: pointer;
}

.partitionGrant[data-v-554c96ff] {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.partitionGrant .formbox[data-v-554c96ff] {
  margin-right: 20px;
  overflow: hidden;
  max-height: 650px;
}
.partitionGrant .formbox .part1[data-v-554c96ff] {
  width: 300px;
}
.partitionGrant .formbox .part1 .wh210[data-v-554c96ff] {
  width: 210px;
}
.partitionGrant .formbox .part2[data-v-554c96ff] {
  width: 240px;
  margin-left: 20px;
  border: 1px solid #ebeef5;
}
.partitionGrant .formbox .part2 .tree-box[data-v-554c96ff] {
  height: 326px;
}
.partitionGrant .formbox .part2 .tree-box .overauto[data-v-554c96ff] {
  padding: 0;
  width: 219px;
}
.partitionGrant .formbox .part2 .tree-box .overauto .el-tree[data-v-554c96ff] {
  margin-top: 0px;
}
.partitionGrant .formbox .openBox[data-v-554c96ff] {
  height: 400px;
  display: flex;
}
.partitionGrant .formbox .openBox .tree-box .overauto .el-tree[data-v-554c96ff] {
  height: 200px;
  overflow-y: auto;
}
.partitionGrant .formbox .openBox .el-table__body-wrapper[data-v-554c96ff] {
  height: 200px;
  overflow-y: auto;
}
.partitionGrant .formbox .el-form-item--mini.el-form-item[data-v-554c96ff],
.partitionGrant .formbox .el-form-item--small.el-form-item[data-v-554c96ff] {
  margin-bottom: 20px;
}
.theme2 .partitionGrant .formbox .part2[data-v-554c96ff] {
  border-color: #494949;
}

.c-left[data-v-48df8b3d] {
  width: 480px;
  display: flex;
  flex-direction: column;
}
.c-left .c-info li p[data-v-48df8b3d] {
  font-family: hyt;
  font-weight: bold;
}
.c-left .c-info .iconfont[data-v-48df8b3d] {
  font-size: 26px !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(135deg, #007eff, #6bd3ff);
}
.c-left .dia > li[data-v-48df8b3d] {
  cursor: pointer;
}
.c-left .echart[data-v-48df8b3d] {
  width: 100%;
  height: calc(100% - 30px);
}
.c-left .marB20[data-v-48df8b3d] {
  margin-top: 20px;
  margin-bottom: 30px;
}
.c-left .main-block[data-v-48df8b3d] {
  flex: 2;
}
.c-left .main-block[data-v-48df8b3d]:nth-child(1) {
  flex: 1.5;
}
.c-left .main-block[data-v-48df8b3d]:nth-child(2) {
  flex: 2.5;
}
.c-left .guga-box[data-v-48df8b3d] {
  display: flex;
  width: 100%;
  height: calc(100% - 30px);
}
.c-left .guga-box .guga-left[data-v-48df8b3d] {
  position: relative;
  width: 235px;
  height: 100%;
}
.c-left .guga-box .fixed-text[data-v-48df8b3d] {
  position: absolute;
  bottom: 10px;
  width: 100%;
  text-align: center;
}
.c-left .guga-box .guga-right[data-v-48df8b3d] {
  flex: 1;
}
.c-left .guga-box .guga-right > ul[data-v-48df8b3d] {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  height: 100%;
}
.c-left .guga-box .guga-right > ul li[data-v-48df8b3d] {
  width: 90%;
  background: #eeeeee;
  border-radius: 5px;
  padding: 10px;
  display: flex;
  justify-content: space-between;
}
.c-left .guga-box .guga-right > ul li span[data-v-48df8b3d] {
  display: block;
  overflow: hidden;
  font-size: 12px;
}
.c-left .guga-box .guga-right > ul li span[data-v-48df8b3d]:nth-child(1) {
  width: 115px;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 1px;
}
.c-left .guga-box .guga-right > ul li span[data-v-48df8b3d]:nth-child(2) {
  margin-left: 5px;
  font-size: 14px;
  font-weight: bold;
  color: #6690ff;
}
.c-left .guga-box .guga-right > ul.tow > li[data-v-48df8b3d] {
  display: block;
}
.c-left .guga-box .guga-right > ul.tow > li > span[data-v-48df8b3d] {
  display: block;
  text-align: center;
  width: 170px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 0;
  font-size: 14px;
}
.theme2 .c-left .guga-box .guga-right > ul li[data-v-48df8b3d] {
  background: #3a3a3a;
}
.theme2 .partitionControllerXiAn .c-left .c-info li p[data-v-48df8b3d] {
  color: #4d91ff;
}

.spectips2 > div > div > div:nth-child(2) {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  max-height: 400px;
}
.spectips2 > div > div > div > div {
  margin: 10px 10px 0 !important;
}

.c-right[data-v-74668b33] {
  width: 480px;
  display: flex;
  flex-direction: column;
}
.c-right .main-block[data-v-74668b33] {
  flex: 1;
  min-height: 265px;
}
.c-right .hz-table[data-v-74668b33] {
  padding-top: 5px;
  height: calc(100% - 30px);
}
.c-right .hz-table .table-header li[data-v-74668b33]:nth-child(1) {
  flex: 1.45;
}
.c-right .hz-table .table-body[data-v-74668b33] {
  height: calc(100% - 35px);
}
.c-right .hz-table .table-body li[data-v-74668b33]:nth-child(1) {
  flex: 1.5;
}
.c-right .echart[data-v-74668b33] {
  width: 100%;
  height: calc(100% - 20px);
}

.partitionControllerXiAn .main-block {
  overflow: hidden;
  box-sizing: border-box;
}
.partitionControllerXiAn .c-center {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.partitionControllerXiAn .c-center #schoolMap {
  width: 100%;
  height: 100%;
}
.partitionControllerXiAn .c-center .main-block {
  flex: 1;
  width: 100%;
  min-height: 265px;
}
.partitionControllerXiAn .c-center .map-con {
  width: 100%;
  padding: 4px;
  box-sizing: border-box;
  flex: 2.17;
  min-height: 540px;
  background: #fff;
  margin-bottom: 10px;
  position: relative;
}
.partitionControllerXiAn .c-center .scaChart {
  width: 100%;
  height: calc(100% - 30px);
}
.partitionControllerXiAn .c-center .winContent {
  background: rgba(255, 255, 255, 0.7);
  padding: 6px 15px;
  border-radius: 10px;
  position: relative;
}
.partitionControllerXiAn .c-center .winContent > li {
  display: flex;
  justify-content: space-between;
}
.partitionControllerXiAn .c-center .winContent > li span {
  line-height: 1.8;
  white-space: nowrap;
}
.partitionControllerXiAn .c-center .winContent > li span:nth-child(1) {
  margin-right: 20px;
}
.partitionControllerXiAn .c-center .winContent > li:nth-child(1) span {
  margin-left: 5px;
  color: #6690ff;
  cursor: pointer;
}
.partitionControllerXiAn .c-center .amap-info-content {
  background: none;
  padding: 0;
  box-shadow: none;
  overflow: initial;
}
.partitionControllerXiAn .c-center .amap-info-contentContainer:hover .amap-info-outer,
.partitionControllerXiAn .c-center .amap-menu-outer:hover {
  background: none;
}
.partitionControllerXiAn .c-center .amap-info-sharp {
  opacity: 0.7;
}
.partitionControllerXiAn .c-center .bottom-center .amap-info-sharp:after {
  border-top: none;
}
.partitionControllerXiAn .c-center .amap-info-close {
  display: none;
}
.theme2 .partitionControllerXiAn .map-con {
  width: 100%;
  padding: 4px;
  background: #2a2b2d;
  margin-bottom: 10px;
}
.theme2 .partitionControllerXiAn .c-center .winContent {
  background: rgba(0, 0, 0, 0.8);
  padding-bottom: 8px;
}
.theme2 .partitionControllerXiAn .c-center .winContent > li {
  color: #fff;
}
.theme2 .partitionControllerXiAn .c-center .winContent > li:nth-child(1) span {
  color: #4d91ff;
}
.theme2 .partitionControllerXiAn .c-center .amap-info-sharp {
  opacity: 0.8;
}
.theme2 .partitionControllerXiAn .c-center .bottom-center .amap-info-sharp {
  border-top-color: #000;
}

.spectips > div > div > div:nth-child(2) {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  max-height: 500px;
}
.spectips > div > div > div > div {
  margin: 10px 10px 0 !important;
}

.c-center {
  flex: 1;
  margin: 0 10px;
  background: #fff;
}
.main-block {
  padding: 10px 15px;
  box-sizing: border-box;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
  position: relative;
}
.main-block .pos {
  position: absolute;
  right: 10px;
  top: 10px;
}
.fixMap {
  position: absolute;
  z-index: 22;
  width: 240px;
  background: rgba(255, 255, 255, 0.85);
}
.fixMap .lintit {
  margin: 10px 0 5px 10px;
}
.fixMap .el-checkbox-group {
  padding-left: 10px;
}
.fixMap .el-checkbox-group .el-checkbox {
  margin-right: 20px;
}
.c-info {
  display: flex;
}
.c-info li {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
}
.c-info li .iconfont {
  font-size: 24px;
  color: #6690ff;
  line-height: 60px;
  margin-right: 15px;
}
.c-info li p {
  color: #6690ff;
  font-size: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.theme1 .fixbox-tree .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background-color: #eee;
}
.theme2 .main-block {
  background: #2a2b2d;
}
.theme2 .c-center {
  background: #2a2b2d;
}
.theme2 .c-info li .iconfont {
  color: #4d91ff;
}
.theme2 .c-info li p {
  color: #4d91ff;
}
.theme2 .fixMap {
  background: rgba(0, 0, 0, 0.7);
}
.partitionControllerXiAn {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  overflow: auto;
  margin-bottom: 10px;
}
.partitionControllerXiAn::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.partitionControllerXiAn::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.partitionControllerXiAn::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.partitionControllerXiAn::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.partitionControllerXiAn .marB10 {
  margin-bottom: 10px;
}
.partitionControllerXiAn .lintit {
  margin-bottom: 5px;
}
.partitionControllerXiAn .lintit .hover:hover {
  cursor: pointer;
  color: #6690ff;
}
.partitionControllerXiAn .c-left .c-info {
  display: flex;
}
.partitionControllerXiAn .c-left .c-info li {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
}
.partitionControllerXiAn .c-left .c-info li .iconfont {
  font-size: 24px;
  color: #6690ff;
  line-height: 60px;
  margin-right: 15px;
}
.partitionControllerXiAn .c-left .c-info li p {
  color: #6690ff;
  font-size: 16px;
  max-width: 80px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.partitionControllerXiAn .c-center {
  flex: 1;
  margin: 0 10px;
  background: none !important;
}

.partitionDevice {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  position: relative;
  display: flex;
}
.partitionDevice .el-dialog__body {
  padding-top: 20px;
  padding-right: 20px;
}
.partitionDevice .wh140 {
  width: 140px;
}
.partitionDevice .highsearch .searchalert ul li span {
  width: 83px;
}

.leakageStatistics {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
  /*Tab页切换样式调整*/
}
.leakageStatistics .el-tabs__content {
  height: calc(100% - 50px);
  overflow: hidden;
  position: relative;
}
.leakageStatistics .el-tabs__header {
  padding: 0;
  position: relative;
  margin: -10px 0 10px;
}
.leakageStatistics .centerStructure {
  padding-top: 0;
}
.leakageStatistics #yearMonthTable .is-group tr:nth-child(3) {
  display: none!important;
}

.partitionInspection {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  position: relative;
  display: flex;
}
.partitionInspection .el-upload--picture-card {
  background-color: #fbfdff;
  border: 1px dashed #c0ccda;
  border-radius: 6px;
  box-sizing: border-box;
  width: 100px;
  height: 100px;
  line-height: 100px;
  vertical-align: top;
}
.partitionInspection .el-upload-list--picture-card .el-upload-list__item {
  width: 110px;
  height: 100px;
}

.levelAnalysis {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  position: relative;
  display: flex;
}
.levelAnalysis .centerStructure {
  padding-top: 0;
}
.levelAnalysis .countNumber {
  color: #6690ff;
  font-weight: bolder;
}
.levelAnalysis .countLabel {
  background-color: #fafafa;
}
.levelAnalysis .link {
  cursor: pointer;
}
.levelAnalysis .link:hover {
  color: #6690ff;
}
.theme2 .countLabel {
  background-color: #494949;
}
.theme2 .link:hover {
  color: #4d91ff;
}

.partitionMap .c-left {
  display: flex;
  flex-direction: column;
}
.partitionMap .c-left > .cust {
  flex: 1;
}
.partitionMap .c-left .echart {
  width: 100%;
  height: calc(100% - 34px);
}
.partitionMap .c-left .hz-table .table-header li {
  max-width: 112px;
}
.partitionMap .c-left .hz-table .table-body li:nth-child(1) {
  color: #6690ff;
  cursor: pointer;
}

.partitionMap .c-right {
  display: flex;
  flex-direction: column;
}
.partitionMap .c-right > .main-block {
  flex: 1;
}
.partitionMap .c-right > .main-block:nth-child(2) {
  flex: 1.1;
}
.partitionMap .c-right .echart {
  width: 100%;
  height: calc(100% - 34px);
}
.partitionMap .c-right .pipe > div {
  width: 100%;
  height: 100%;
}

.partitionMap .c-center {
  height: 100%;
  padding: 4px;
}
.partitionMap .c-center .map {
  width: 100%;
  height: 100%;
}
#drawMap .amap-marker-label {
  border: none;
  background: none;
  padding: 0;
}
#drawMap .amap-marker-label .labelInfo.alarmLabelInfo {
  border: 2px solid #c7000080 !important;
}
#drawMap .amap-marker-label .labelInfo.alarmLabelInfo::before {
  border-image: linear-gradient(to right, #c7000040, #ff0000 40%, #c7000060) 2 2;
}
#drawMap .amap-marker-label .labelInfo.alarmLabelInfo::after {
  border-image: linear-gradient(to right, #c7000040, #ff0000 40%, #c7000060) 2 2;
}
#drawMap .amap-marker-label .labelInfo.alarmLabelInfo .triangle {
  clip-path: polygon(35% 35%, 100% 0, 100% 100%, 0% 100%);
  border: 2px solid #ee0000;
}
#drawMap .amap-marker-label .labelInfo {
  width: 176px;
  height: auto;
  border-radius: 10px;
  position: relative;
  box-sizing: border-box;
  border: 2px solid #1971cc90;
  box-shadow: 1px 1px 3px #999999;
  background: rgba(255, 255, 255, 0.85);
  padding: 6px;
  padding-left: 10px;
  padding-right: 10px;
}
#drawMap .amap-marker-label .labelInfo::before {
  content: " ";
  box-sizing: border-box;
  position: absolute;
  top: -2px;
  left: 3%;
  height: 1px;
  width: 94%;
  border-top: 2px solid transparent;
  border-image: linear-gradient(to right, #0db5e440 20%, #0ff3f3 40%, #1971cc80) 2 2;
}
#drawMap .amap-marker-label .labelInfo::after {
  content: " ";
  box-sizing: border-box;
  position: absolute;
  bottom: -2px;
  left: 3%;
  height: 1px;
  width: 94%;
  border-bottom: 2px solid transparent;
  border-image: linear-gradient(to right, #0db5e440, #0ff3f3 40%, #1971cc80) 2 2;
}
#drawMap .amap-marker-label .labelInfo .triangle {
  position: absolute;
  left: 50%;
  bottom: -6px;
  margin-left: -5px;
  width: 10px;
  height: 10px;
  background: rgba(255, 255, 255, 0.9);
  transform: rotate(45deg);
  clip-path: polygon(30% 30%, 100% 0, 100% 100%, 0% 100%);
  border: 2px solid #1ee2e2;
  border-top: none;
  border-left: none;
  z-index: 666;
}
#drawMap .amap-marker-label .labelInfo .parDetail {
  line-height: 24px;
}
#drawMap .amap-marker-label .labelInfo .parDetail li {
  display: flex;
  justify-content: space-between;
}
#drawMap .amap-marker-label .labelInfo .parDetail li:first-child span {
  color: #4980d7;
  font-weight: bold;
  cursor: pointer;
  display: inline-block;
  width: 160px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#drawMap .amap-marker-label .labelInfo .parDetail li:first-child span.press {
  color: inherit;
  cursor: initial;
}
#drawMap .amap-marker-label .labelInfo .parDetail li i {
  display: inline-block;
  width: 5px;
  height: 16px;
  background: #4980d7;
  vertical-align: -3px;
  margin-right: 6px;
}
#drawMap .amap-marker-label .labelInfo .parDetail li b {
  display: inline-block;
  max-width: 90px;
  vertical-align: -7px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#drawMap .amap-icon img {
  cursor: initial;
}
.theme2 #drawMap .amap-marker-label .labelInfo {
  border-left: 2px solid #0db5e460;
  border-top: 2px solid #1971cc;
  border-bottom: 2px solid #1971cc;
  border-right: 2px solid #1971cc80;
  background: rgba(0, 0, 0, 0.7);
  box-shadow: 0px 0px 4px #000;
}
.theme2 #drawMap .amap-marker-label .labelInfo .triangle {
  background: rgba(0, 0, 0, 0.9);
}

.c-center {
  flex: 1;
  margin: 0 10px;
  background: #fff;
}
.main-block {
  padding: 10px 15px;
  box-sizing: border-box;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
  position: relative;
}
.main-block .pos {
  position: absolute;
  right: 10px;
  top: 10px;
}
.fixMap {
  position: absolute;
  z-index: 22;
  width: 240px;
  background: rgba(255, 255, 255, 0.85);
}
.fixMap .lintit {
  margin: 10px 0 5px 10px;
}
.fixMap .el-checkbox-group {
  padding-left: 10px;
}
.fixMap .el-checkbox-group .el-checkbox {
  margin-right: 20px;
}
.c-info {
  display: flex;
}
.c-info li {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
}
.c-info li .iconfont {
  font-size: 24px;
  color: #6690ff;
  line-height: 60px;
  margin-right: 15px;
}
.c-info li p {
  color: #6690ff;
  font-size: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.theme1 .fixbox-tree .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background-color: #eee;
}
.theme2 .main-block {
  background: #2a2b2d;
}
.theme2 .c-center {
  background: #2a2b2d;
}
.theme2 .c-info li .iconfont {
  color: #4d91ff;
}
.theme2 .c-info li p {
  color: #4d91ff;
}
.theme2 .fixMap {
  background: rgba(0, 0, 0, 0.7);
}
.partitionMap {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: auto;
  margin-bottom: 10px;
  position: relative;
}
.partitionMap .marB10 {
  margin-bottom: 10px;
}
.partitionMap .lintit {
  margin-bottom: 5px;
}
.partitionMap .c-left {
  width: 480px;
}
.partitionMap .c-left .c-info li p {
  width: 110px;
}
.partitionMap .c-right {
  width: 480px;
}
.partitionMap .cust {
  min-height: 210px;
  height: 26%;
}
.partitionMap .cust1 {
  min-height: 153px;
  height: 18.3%;
}
.partitionMap .cust2 {
  min-height: 260px;
  height: 31.2%;
}
.partitionMap .cust3 {
  min-height: 292px;
  height: 35%;
}
.partitionMap .fixbox-tree {
  left: 500px;
  top: 9px;
  height: 440px;
  transition: all 0.3s;
  overflow: hidden;
}
.partitionMap .fixbox-tree .icon-shouqi {
  position: absolute;
  top: 8px;
  right: 10px;
  color: #4d91ff;
  transition: all 0.3s;
  transform: rotate(180deg);
}
.partitionMap .fixbox-tree .tree-box {
  height: 340px;
  overflow: hidden;
}
.partitionMap .fixbox-tree .tree-box .overauto {
  height: 308px;
}
.partitionMap .fixbox-tree .el-tree {
  background: none;
}

.flowInfo {
  height: 100%;
  width: 100%;
}
.flowInfo .el-table__fixed {
  height: 100%!important;
}
.flowInfo .el-table__fixed-right {
  height: 100% !important;
}
.flowInfo .index-info-search {
  display: flex;
  justify-content: space-between;
}
.flowInfo .button-box {
  z-index: 9;
  position: absolute;
  top: 14%;
  right: 5%;
  display: flex;
}
.flowInfo .button-box li {
  font-size: 12px;
  color: #6690ff;
  border: 1px solid #6690ff;
  border-right: none;
  line-height: 24px;
  padding: 0px 10px;
  cursor: pointer;
}
.flowInfo .button-box li:last-child {
  border-right: 1px solid #6690ff;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  padding-right: 13px;
}
.flowInfo .button-box li:first-child {
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  padding-left: 13px;
}
.flowInfo .button-box li.active {
  background: #6690ff;
  color: #fff !important;
}
.flowInfo .no-data {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flowInfo .detail-content {
  width: 100%;
  height: calc(100% - 42px);
}
.flowInfo .detail-content .el-table__cell.gutter {
  display: none !important;
}
.flowInfo .chart-container {
  width: 100%;
  height: 100%;
}

.pressureInfo {
  height: 100%;
  width: 100%;
}
.pressureInfo .el-table__fixed {
  height: 100%!important;
}
.pressureInfo .el-table__fixed-right {
  height: 100% !important;
}
.pressureInfo .index-info-search {
  display: flex;
  justify-content: space-between;
}
.pressureInfo .no-data {
  display: flex;
  justify-content: center;
  align-items: center;
}
.pressureInfo .detail-content {
  width: 100%;
  height: calc(100% - 42px);
}
.pressureInfo .detail-content .el-table__cell.gutter {
  display: none !important;
}
.pressureInfo .chart-container {
  width: 100%;
  height: 100%;
}

.waterQuality {
  height: 100%;
  width: 100%;
}
.waterQuality .el-table__fixed {
  height: 100%!important;
}
.waterQuality .el-table__fixed-right {
  height: 100% !important;
}
.waterQuality .index-info-search {
  display: flex;
  justify-content: space-between;
}
.waterQuality .no-data {
  display: flex;
  justify-content: center;
  align-items: center;
}
.waterQuality .detail-content {
  width: 100%;
  height: calc(100% - 42px);
}
.waterQuality .detail-content .el-table__cell.gutter {
  display: none !important;
}
.waterQuality .chart-container {
  width: 100%;
  height: 100%;
}

.video-tab[data-v-4d44bb8a] {
  display: flex;
  height: 100%;
}
.video-tab .index-container[data-v-4d44bb8a] {
  width: 180px;
  height: 100%;
  box-sizing: border-box;
  overflow: auto;
  border-right: 1px solid #dadada;
}
.video-tab .index-container[data-v-4d44bb8a]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.video-tab .index-container[data-v-4d44bb8a]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.video-tab .index-container[data-v-4d44bb8a]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.video-tab .index-container[data-v-4d44bb8a]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.video-tab .index-container .index-item[data-v-4d44bb8a] {
  box-sizing: border-box;
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.video-tab .index-container .indexActive[data-v-4d44bb8a] {
  background-color: #f0f4ff;
  position: relative;
}
.video-tab .index-container .indexActive[data-v-4d44bb8a] ::after {
  content: "";
  width: 5px;
  height: 100%;
  background-color: #6690ff;
  position: absolute;
  right: 0;
  top: 0;
}
.video-tab .videoSurround[data-v-4d44bb8a] {
  flex: 1;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
}
.video-tab .videoSurround .video[data-v-4d44bb8a] {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-tab .videoSurround[data-v-4d44bb8a] .player__header-control {
  padding-top: 0;
}
.video-tab .videoSurround[data-v-4d44bb8a] .player__footer-control {
  padding-bottom: 0;
  height: 30px;
}
.video-tab .videoSurround[data-v-4d44bb8a] .player__footer-control .footer-control-item {
  height: 20px;
  width: 20px;
}
.video-tab .videoSurround[data-v-4d44bb8a] .player_set_fullScreen {
  z-index: 9999;
}
.video-tab .videoSurround #hkPlayerInsTab[data-v-4d44bb8a] {
  width: 980px !important;
  height: 525px !important;
}
.theme2 .video-tab .index-container[data-v-4d44bb8a] {
  border-color: #494949;
}
.theme2 .video-tab .index-container[data-v-4d44bb8a]::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 5px rgba(102, 144, 255, 0.2);
  background: rgba(102, 144, 255, 0.2);
}
.theme2 .video-tab .index-container[data-v-4d44bb8a]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(102, 144, 255, 0.1);
  background: rgba(102, 144, 255, 0.1);
}
.theme2 .video-tab .indexActive[data-v-4d44bb8a] {
  background-color: #333a4c;
  position: relative;
}
.theme2 .video-tab .indexActive[data-v-4d44bb8a] ::after {
  content: "";
  width: 5px;
  height: 100%;
  background-color: #4d91ff;
  position: absolute;
  right: 0;
  top: 0;
}

.waterSourceInfo {
  height: 100%;
  width: 100%;
}
.waterSourceInfo .el-table__fixed {
  height: 100%!important;
}
.waterSourceInfo .el-table__fixed-right {
  height: 100% !important;
}
.waterSourceInfo .blue-color {
  color: #3ca5f4;
}
.waterSourceInfo .purple-color {
  color: #ac00f4;
}
.waterSourceInfo .purple {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100px;
  height: 30px;
  line-height: 30px;
}
.waterSourceInfo .indexActive {
  background-color: #f0f4ff;
  position: relative;
}
.waterSourceInfo .indexActive ::after {
  content: '';
  width: 5px;
  height: 100%;
  background-color: #6690ff;
  position: absolute;
  right: 0;
  top: 0;
}
.waterSourceInfo .content-wrap {
  width: 100%;
  height: 100%;
  display: flex;
}
.waterSourceInfo .content-wrap .index-container {
  width: 180px;
  height: 100%;
  box-sizing: border-box;
  overflow: auto;
}
.waterSourceInfo .content-wrap .index-container::-webkit-scrollbar-track-piece {
  background-color: #dddede;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}
.waterSourceInfo .content-wrap .index-container::-webkit-scrollbar {
  width: 4px;
  height: 10px;
}
.waterSourceInfo .content-wrap .index-container::-webkit-scrollbar-thumb {
  background-color: #a7a8a8;
  background-clip: padding-box;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}
.waterSourceInfo .content-wrap .index-container::-webkit-scrollbar-thumb:hover {
  background-color: #a7a8a8;
}
.waterSourceInfo .content-wrap .index-container .index-item {
  box-sizing: border-box;
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
  cursor: pointer;
}
.waterSourceInfo .content-wrap .index-container .index-item .el-tooltip {
  height: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.waterSourceInfo .content-wrap .index-content {
  width: calc(100% - 181px);
  height: 100%;
  box-sizing: border-box;
}
.waterSourceInfo .content-wrap .index-content .el-table__cell.gutter {
  display: none !important;
}
.waterSourceInfo .content-wrap .index-content .index-info-search {
  height: 34px;
  margin-bottom: 10px;
  padding-left: 20px;
  display: flex;
  justify-content: space-between;
}
.waterSourceInfo .content-wrap .index-content .index-info-chart {
  height: calc(100% - 46px);
  box-sizing: border-box;
  padding-left: 20px;
}
.waterSourceInfo .content-wrap .index-content .index-info-chart .chart-container {
  width: 100%;
  height: 100%;
}
.waterSourceInfo .my-li {
  flex: 1;
  display: flex;
  align-self: center;
}
.waterSourceInfo .my-img {
  height: 25px;
  width: 25px;
  margin-top: 8px;
}
.waterSourceInfo .ml8 {
  margin-left: 8px;
}
.waterSourceInfo .no-data {
  display: flex;
  justify-content: center;
  align-items: center;
}
.waterSourceInfo .detail-content {
  width: 100%;
  height: calc(100% - 42px);
}
.waterSourceInfo .chart-container {
  width: 100%;
  height: 100%;
}
.theme2 .waterSourceInfo .indexActive {
  background-color: #333a4c;
  position: relative;
}
.theme2 .waterSourceInfo .indexActive ::after {
  content: '';
  width: 5px;
  height: 100%;
  background-color: #4d91ff;
  position: absolute;
  right: 0;
  top: 0;
}
.theme2 .waterSourceInfo .borderRight {
  border-right: 1px solid #494949;
}
.theme2 .waterSourceInfo .indexinfo .el-dialog__body .content-wrap .index-container::-webkit-scrollbar-track-piece {
  background-color: #323232;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}
.theme2 .waterSourceInfo .indexinfo .el-dialog__body .content-wrap .index-container::-webkit-scrollbar {
  width: 4px;
  height: 10px;
}
.theme2 .waterSourceInfo .indexinfo .el-dialog__body .content-wrap .index-container::-webkit-scrollbar-thumb {
  background-color: #232526;
  background-clip: padding-box;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}
.theme2 .waterSourceInfo .indexinfo .el-dialog__body .content-wrap .index-container::-webkit-scrollbar-thumb:hover {
  background-color: #232526;
}

.impoundmentInfo {
  height: 100%;
  width: 100%;
}
.impoundmentInfo .el-table__fixed {
  height: 100%!important;
}
.impoundmentInfo .el-table__fixed-right {
  height: 100% !important;
}
.impoundmentInfo .leftcon > li {
  margin-left: 40px;
}
.impoundmentInfo .text-label {
  max-width: 120px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.impoundmentInfo .purple {
  text-align: center;
  font-weight: bold;
  margin-top: 5px;
  font-size: 16px;
}
.impoundmentInfo .purple > span {
  margin-left: 5px;
  font-size: 14px;
  color: #404042;
}
.impoundmentInfo .indexActive {
  background-color: #f0f4ff;
  position: relative;
}
.impoundmentInfo .indexActive ::after {
  content: '';
  width: 5px;
  height: 100%;
  background-color: #6690ff;
  position: absolute;
  right: 0;
  top: 0;
}
.impoundmentInfo .content-wrap {
  width: 100%;
  height: 100%;
  display: flex;
}
.impoundmentInfo .content-wrap .index-container {
  width: 180px;
  height: 100%;
  box-sizing: border-box;
  overflow: auto;
}
.impoundmentInfo .content-wrap .index-container::-webkit-scrollbar-track-piece {
  background-color: #dddede;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}
.impoundmentInfo .content-wrap .index-container::-webkit-scrollbar {
  width: 4px;
  height: 10px;
}
.impoundmentInfo .content-wrap .index-container::-webkit-scrollbar-thumb {
  background-color: #a7a8a8;
  background-clip: padding-box;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}
.impoundmentInfo .content-wrap .index-container::-webkit-scrollbar-thumb:hover {
  background-color: #a7a8a8;
}
.impoundmentInfo .content-wrap .index-container .index-item {
  box-sizing: border-box;
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
  cursor: pointer;
}
.impoundmentInfo .content-wrap .index-container .index-item .el-tooltip {
  height: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.impoundmentInfo .content-wrap .index-content {
  width: calc(100% - 181px);
  height: 100%;
  box-sizing: border-box;
}
.impoundmentInfo .content-wrap .index-content .el-table__cell.gutter {
  display: none !important;
}
.impoundmentInfo .content-wrap .index-content .index-info-search {
  height: 34px;
  margin-bottom: 10px;
  padding-left: 20px;
  display: flex;
  justify-content: space-between;
}
.impoundmentInfo .content-wrap .index-content .index-info-chart {
  height: calc(100% - 46px);
  box-sizing: border-box;
  padding-left: 20px;
}
.impoundmentInfo .content-wrap .index-content .index-info-chart .chart-container {
  width: 100%;
  height: 100%;
}
.impoundmentInfo .ml8 {
  margin-left: 8px;
}
.impoundmentInfo .my-li {
  display: flex;
  margin-bottom: 30px;
}
.impoundmentInfo .my-img {
  height: 25px;
  width: 25px;
  margin-top: 8px;
}
.impoundmentInfo .no-data {
  display: flex;
  justify-content: center;
  align-items: center;
}
.impoundmentInfo .detail-content {
  width: 100%;
  height: calc(100% - 42px);
}
.impoundmentInfo .chart-container {
  width: 100%;
  height: 100%;
}
.theme2 .impoundmentInfo .indexActive {
  background-color: #333a4c;
  position: relative;
}
.theme2 .impoundmentInfo .indexActive ::after {
  content: '';
  width: 5px;
  height: 100%;
  background-color: #4d91ff;
  position: absolute;
  right: 0;
  top: 0;
}
.theme2 .impoundmentInfo .borderRight {
  border-right: 1px solid #494949;
}
.theme2 .impoundmentInfo .indexinfo .el-dialog__body .content-wrap .index-container::-webkit-scrollbar-track-piece {
  background-color: #323232;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}
.theme2 .impoundmentInfo .indexinfo .el-dialog__body .content-wrap .index-container::-webkit-scrollbar {
  width: 4px;
  height: 10px;
}
.theme2 .impoundmentInfo .indexinfo .el-dialog__body .content-wrap .index-container::-webkit-scrollbar-thumb {
  background-color: #232526;
  background-clip: padding-box;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}
.theme2 .impoundmentInfo .indexinfo .el-dialog__body .content-wrap .index-container::-webkit-scrollbar-thumb:hover {
  background-color: #232526;
}

.waterWorksInfo {
  height: 100%;
  width: 100%;
}
.waterWorksInfo .el-table__fixed {
  height: 100%!important;
}
.waterWorksInfo .el-table__fixed-right {
  height: 100% !important;
}
.waterWorksInfo .blue-color {
  color: #3ca5f4;
}
.waterWorksInfo .purple-color {
  color: #ac00f4;
}
.waterWorksInfo .purple {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100px;
  height: 30px;
  line-height: 30px;
}
.waterWorksInfo .indexActive {
  background-color: #f0f4ff;
  position: relative;
}
.waterWorksInfo .indexActive ::after {
  content: '';
  width: 5px;
  height: 100%;
  background-color: #6690ff;
  position: absolute;
  right: 0;
  top: 0;
}
.waterWorksInfo .my-img {
  align-self: center;
  height: 25px;
  width: 25px;
}
.waterWorksInfo .my-li {
  display: flex;
}
.waterWorksInfo .bottom-div {
  height: 100%;
  flex: 1;
}
.waterWorksInfo .c-info {
  padding-right: 10px;
  display: flex;
  justify-content: space-between;
}
.waterWorksInfo .content-wrap {
  width: 100%;
  height: 100%;
  display: flex;
}
.waterWorksInfo .content-wrap .index-container {
  width: 180px;
  height: 100%;
  box-sizing: border-box;
  overflow: auto;
}
.waterWorksInfo .content-wrap .index-container::-webkit-scrollbar-track-piece {
  background-color: #dddede;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}
.waterWorksInfo .content-wrap .index-container::-webkit-scrollbar {
  width: 4px;
  height: 10px;
}
.waterWorksInfo .content-wrap .index-container::-webkit-scrollbar-thumb {
  background-color: #a7a8a8;
  background-clip: padding-box;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}
.waterWorksInfo .content-wrap .index-container::-webkit-scrollbar-thumb:hover {
  background-color: #a7a8a8;
}
.waterWorksInfo .content-wrap .index-container .index-item {
  box-sizing: border-box;
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
  cursor: pointer;
}
.waterWorksInfo .content-wrap .index-container .index-item .el-tooltip {
  height: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.waterWorksInfo .content-wrap .index-content {
  width: calc(100% - 181px);
  height: 100%;
  box-sizing: border-box;
}
.waterWorksInfo .content-wrap .index-content .el-table__cell.gutter {
  display: none !important;
}
.waterWorksInfo .content-wrap .index-content .index-info-search {
  height: 34px;
  margin-bottom: 10px;
  padding-left: 20px;
  display: flex;
  justify-content: space-between;
}
.waterWorksInfo .content-wrap .index-content .index-info-chart {
  height: calc(100% - 46px);
  box-sizing: border-box;
  padding-left: 20px;
}
.waterWorksInfo .content-wrap .index-content .index-info-chart .chart-container {
  width: 100%;
  height: 100%;
}
.waterWorksInfo .data-type {
  position: absolute;
  right: 10px;
  top: 0px;
  width: 100px;
}
.waterWorksInfo .ml8 {
  margin-left: 8px;
}
.waterWorksInfo .no-data {
  display: flex;
  justify-content: center;
  align-items: center;
}
.waterWorksInfo .detail-content {
  width: 100%;
  height: calc(100% - 42px);
}
.waterWorksInfo .chart-container {
  width: 100%;
  height: 100%;
}
.theme2 .waterWorksInfo .indexActive {
  background-color: #333a4c;
  position: relative;
}
.theme2 .waterWorksInfo .indexActive ::after {
  content: '';
  width: 5px;
  height: 100%;
  background-color: #4d91ff;
  position: absolute;
  right: 0;
  top: 0;
}
.theme2 .waterWorksInfo .borderRight {
  border-right: 1px solid #494949;
}
.theme2 .waterWorksInfo .indexinfo .el-dialog__body .content-wrap .index-container::-webkit-scrollbar-track-piece {
  background-color: #323232;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}
.theme2 .waterWorksInfo .indexinfo .el-dialog__body .content-wrap .index-container::-webkit-scrollbar {
  width: 4px;
  height: 10px;
}
.theme2 .waterWorksInfo .indexinfo .el-dialog__body .content-wrap .index-container::-webkit-scrollbar-thumb {
  background-color: #232526;
  background-clip: padding-box;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}
.theme2 .waterWorksInfo .indexinfo .el-dialog__body .content-wrap .index-container::-webkit-scrollbar-thumb:hover {
  background-color: #232526;
}

.valve-info {
  height: 100%;
  width: 100%;
}
.valve-info #gisMap {
  height: 100%;
  width: 100%;
}
.valve-info .el-table__fixed {
  height: 100%!important;
}
.valve-info .el-table__fixed-right {
  height: 100% !important;
}
.valve-info .inline {
  height: 35px!important;
}
.valve-info .indexActive {
  background-color: #f0f4ff;
  position: relative;
}
.valve-info .indexActive ::after {
  content: '';
  width: 5px;
  height: 100%;
  background-color: #6690ff;
  position: absolute;
  right: 0;
  top: 0;
}
.valve-info .content-wrap {
  width: 100%;
  height: 100%;
  display: flex;
}
.valve-info .content-wrap .index-container {
  width: 180px;
  height: 100%;
  box-sizing: border-box;
  overflow: auto;
}
.valve-info .content-wrap .index-container::-webkit-scrollbar-track-piece {
  background-color: #dddede;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}
.valve-info .content-wrap .index-container::-webkit-scrollbar {
  width: 4px;
  height: 10px;
}
.valve-info .content-wrap .index-container::-webkit-scrollbar-thumb {
  background-color: #a7a8a8;
  background-clip: padding-box;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}
.valve-info .content-wrap .index-container::-webkit-scrollbar-thumb:hover {
  background-color: #a7a8a8;
}
.valve-info .content-wrap .index-container .index-item {
  box-sizing: border-box;
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
  cursor: pointer;
}
.valve-info .content-wrap .index-container .index-item .el-tooltip {
  height: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.valve-info .content-wrap .index-content {
  width: calc(100% - 181px);
  height: 100%;
  box-sizing: border-box;
}
.valve-info .content-wrap .index-content .el-table__cell.gutter {
  display: none !important;
}
.valve-info .content-wrap .index-content .index-info-search {
  height: 34px;
  margin-bottom: 10px;
  padding-left: 20px;
  display: flex;
  justify-content: space-between;
}
.valve-info .content-wrap .index-content .index-info-chart {
  height: calc(100% - 86px);
  box-sizing: border-box;
  padding-left: 20px;
}
.valve-info .content-wrap .index-content .index-info-chart .chart-container {
  width: 100%;
  height: 100%;
}
.valve-info .text-label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.valve-info .index-info-search {
  display: flex;
  justify-content: space-between;
}
.valve-info .button-box {
  z-index: 9;
  position: absolute;
  top: 14%;
  right: 5%;
  display: flex;
}
.valve-info .button-box li {
  font-size: 12px;
  color: #6690ff;
  border: 1px solid #6690ff;
  border-right: none;
  line-height: 24px;
  padding: 0px 10px;
  cursor: pointer;
}
.valve-info .button-box li:last-child {
  border-right: 1px solid #6690ff;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  padding-right: 13px;
}
.valve-info .button-box li:first-child {
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  padding-left: 13px;
}
.valve-info .button-box li.active {
  background: #6690ff;
  color: #fff !important;
}
.valve-info .no-data {
  display: flex;
  justify-content: center;
  align-items: center;
}
.valve-info .detail-content {
  width: 100%;
  height: calc(100% - 42px);
}
.valve-info .chart-container {
  width: 100%;
  height: 100%;
}
.theme2 .valve-info .indexActive {
  background-color: #333a4c;
  position: relative;
}
.theme2 .valve-info .indexActive ::after {
  content: '';
  width: 5px;
  height: 100%;
  background-color: #4d91ff;
  position: absolute;
  right: 0;
  top: 0;
}
.theme2 .valve-info .borderRight {
  border-right: 1px solid #494949;
}
.theme2 .valve-info .indexinfo .el-dialog__body .content-wrap .index-container::-webkit-scrollbar-track-piece {
  background-color: #323232;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}
.theme2 .valve-info .indexinfo .el-dialog__body .content-wrap .index-container::-webkit-scrollbar {
  width: 4px;
  height: 10px;
}
.theme2 .valve-info .indexinfo .el-dialog__body .content-wrap .index-container::-webkit-scrollbar-thumb {
  background-color: #232526;
  background-clip: padding-box;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}
.theme2 .valve-info .indexinfo .el-dialog__body .content-wrap .index-container::-webkit-scrollbar-thumb:hover {
  background-color: #232526;
}

.pipeMonitoringDialog .my-tabs {
  height: 100%;
  width: 100%;
}
.pipeMonitoringDialog .el-dialog__body {
  padding: 0 20px;
  height: 600px;
}
.pipeMonitoringDialog .el-dialog__body .el-tabs__content {
  height: calc(100% - 55px);
}
.pipeMonitoringDialog .my-dialog .include-video {
  transform: none;
  top: 10%;
}

.pipeMonitorSearch {
  position: absolute;
  z-index: 400;
}
.pipeMonitorSearch .el-input--mini .el-input__icon {
  line-height: 42px;
}
.pipeMonitorSearch .el-select .el-input__inner:focus {
  border-color: #47526c;
}
.pipeMonitorSearch .el-select .el-input.is-focus .el-input__inner {
  border-color: #47526c;
}
.pipeMonitorSearch .el-input-group__append {
  background: #fffa;
}
.pipeMonitorSearch .el-input input {
  background: #ffffffd9;
}
.pipeMonitorSearch .el-input__suffix {
  right: 10px;
  top: 2px;
}
.pipeMonitorSearch .el-input__suffix .icon-search {
  float: right;
  margin-top: 1px;
}
.pipeMonitorSearch .el-input__inner {
  font-size: 14px;
}
.pipeMonitorSearch .el-autocomplete .el-input {
  width: 300px;
}
.pipeMonitorSearch .el-autocomplete .el-input__inner {
  border-radius: 5px;
  padding-left: 10px;
  padding-right: 52px;
  height: 42px;
}
.pipeMonitorSearch input::-webkit-input-placeholder {
  color: #8a8a99;
}
.el-autocomplete-suggestion.el-popper.pipeMonitor {
  border: none;
  z-index: 8888 !important;
}
.el-autocomplete-suggestion.el-popper.pipeMonitor .el-scrollbar__wrap {
  max-height: 380px;
}
.el-autocomplete-suggestion.el-popper.pipeMonitor ul {
  padding: 0 10px;
}
.el-autocomplete-suggestion.el-popper.pipeMonitor li {
  border-bottom: 1px solid #bbbcc4;
  padding: 0;
  line-height: initial;
}
.el-autocomplete-suggestion.el-popper.pipeMonitor li:last-child {
  border: none;
}
.el-autocomplete-suggestion.el-popper.pipeMonitor li .searchlist {
  padding: 10px 0px;
}
.el-autocomplete-suggestion.el-popper.pipeMonitor li .one,
.el-autocomplete-suggestion.el-popper.pipeMonitor li .two {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 2px 0;
}
.el-autocomplete-suggestion.el-popper.pipeMonitor li .one span {
  margin-right: 10px;
}
.el-autocomplete-suggestion.el-popper.pipeMonitor li .one .type {
  border: 1px solid;
  border-radius: 20px;
  padding: 1px 8px;
}
.el-autocomplete-suggestion.el-popper.pipeMonitor li .one .col1 {
  color: #6a93ff;
  border-color: #6a93ff;
}
.el-autocomplete-suggestion.el-popper.pipeMonitor li .one .col2 {
  color: #c96fff;
  border-color: #c96fff;
}
.el-autocomplete-suggestion.el-popper.pipeMonitor li .one .col3 {
  color: #ff9300;
  border-color: #ff9300;
}
.blocknone {
  display: none;
}
.theme2 .pipeMonitorSearch .el-input-group__append,
.theme2 .pipeMonitorSearch .el-input input {
  background: #18191b;
}
.theme2 .el-autocomplete-suggestion.el-popper.pipeMonitor li {
  border-color: #3d3d3d;
}
.theme2 .el-autocomplete-suggestion.el-popper.pipeMonitor,
.theme2 .mysel.el-popper.el-select-dropdown {
  background: #2a2b2d;
  border: 1px solid #3d3d3d;
}
.theme2 .el-autocomplete-suggestion.el-popper.pipeMonitor .popper__arrow::after,
.theme2 .mysel.el-popper.el-select-dropdown .popper__arrow::after {
  border-bottom-color: #2a2b2d;
}


[data-v-125d2e7f] .controlDialog .el-dialog__body {
  padding-right: 20px;
  max-height: 500px;
  min-height: 200px;
  overflow: auto;
}
[data-v-125d2e7f] .controlDialog .inpitem {
  display: flex;
  height: 40px;
  align-items: center;
  margin-bottom: 15px;
}
[data-v-125d2e7f] .controlDialog .inpitem .label {
  width: 100px;
  text-align: right;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-right: 5px;
}
[data-v-125d2e7f] .controlDialog .inpitem .felxw {
  flex: 1;
  display: flex;
}
[data-v-125d2e7f] .controlDialog .empty {
  display: flex;
  height: 200px;
  justify-content: center;
  align-items: center;
}
[data-v-125d2e7f] .controlDialog .empty span {
  font-size: 16px;
}
[data-v-125d2e7f] .controlDialog .unit {
  display: inline-block;
  min-width: 36px;
  margin-right: 5px;
  margin-left: 5px;
  line-height: 32px;
  text-align: center;
  white-space: nowrap;
}
.wh150[data-v-125d2e7f] {
  width: 150px;
}

.pipeMonitoring[data-v-3c51f948] {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
}
.pipeMonitoring .centerStructure[data-v-3c51f948] {
  position: relative;
  width: calc(100% - 10px);
  height: 100%;
  padding: 0;
  overflow: hidden;
}
.pipeMonitoring .centerStructure .fixLeft[data-v-3c51f948] {
  z-index: 100;
  position: absolute;
  top: 10px;
  left: 10px;
  width: 160px;
  transition: all 0.4s;
  box-shadow: 1px 1px 5px #ffffffd9;
  background: #ffffffd9;
}
.pipeMonitoring .centerStructure .fixLeft[data-v-3c51f948] .el-checkbox {
  display: inline-block;
  width: 125px;
  margin-right: 0;
  margin-bottom: 15px;
  padding-left: 10px;
}
.pipeMonitoring .centerStructure .fixLeft[data-v-3c51f948] .el-collapse {
  border: none;
}
.pipeMonitoring .centerStructure .fixLeft[data-v-3c51f948] .el-collapse .el-collapse-item__content {
  padding-bottom: 0;
}
.pipeMonitoring .centerStructure .fixLeft[data-v-3c51f948] .el-collapse .el-collapse-item__header {
  border: none;
  background: none;
  padding-left: 15px;
  height: 38px;
}
.pipeMonitoring .centerStructure .fixLeft[data-v-3c51f948] .el-collapse .el-collapse-item__wrap {
  background: none;
  padding-left: 15px;
}
.pipeMonitoring .centerStructure .fixLeft img[data-v-3c51f948] {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: -5px;
  margin-right: 5px;
}
.pipeMonitoring .centerStructure .fixLeft .row[data-v-3c51f948] {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  padding-left: 10px;
}
.pipeMonitoring .centerStructure .fixLeft .row .el-checkbox[data-v-3c51f948] {
  margin-bottom: 0;
}
.pipeMonitoring .centerStructure .fixLeft .row .img-select[data-v-3c51f948] {
  position: relative;
}
.pipeMonitoring .centerStructure .fixLeft .row .img-select .el-select[data-v-3c51f948] {
  width: 80px;
}
.pipeMonitoring .centerStructure .fixLeft .row .img-select .img-selected[data-v-3c51f948] {
  position: absolute;
  height: 30px;
  top: 5px;
  left: 10px;
  cursor: pointer;
}
.pipeMonitoring .centerStructure .fixLeft .row .img-select .img-selected img[data-v-3c51f948] {
  width: 60px;
  height: 22px;
  margin-right: 2px;
}
.pipeMonitoring .centerStructure .fixLeft .freshSel[data-v-3c51f948] {
  width: 80px;
}
.pipeMonitoring .centerStructure .fixLeft .marL20[data-v-3c51f948] {
  margin-left: 20px;
  margin-right: 5px;
  width: 100px;
}
.pipeMonitoring .centerStructure .fixLeft .lintit[data-v-3c51f948] {
  height: 40px;
  margin-bottom: 8px;
}
.pipeMonitoring .centerStructure .fixRight[data-v-3c51f948] {
  width: 270px;
  position: absolute;
  right: 100px;
  top: 10px;
  z-index: 100;
}
.pipeMonitoring .infoBox[data-v-3c51f948] {
  display: flex;
  position: absolute;
  z-index: 10;
  background: transparent;
  backdrop-filter: blur(6px);
  border: 2px solid;
  box-sizing: border-box;
  border-radius: 15px;
  clip-path: inset(0 round 15px);
  color: #0ff3f3;
  width: 200px;
  height: 40px;
  font-size: 16px;
  text-align: center;
  padding: 7px 10px;
  visibility: hidden;
  cursor: pointer;
}
.pipeMonitoring .infoBox .closeSpan[data-v-3c51f948] {
  width: 20px;
  height: 20px;
  font-size: 12px;
  float: right;
}
.pipeMonitoring .infoBox span[data-v-3c51f948] {
  display: inline-block;
  width: 180px;
  height: 20px;
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.pipeMonitoring[data-v-3c51f948] .distance-legend {
  position: absolute;
  left: 0;
  bottom: 0;
}
.pipeMonitoring[data-v-3c51f948] .compass {
  position: absolute;
  top: calc(100% - 100px);
}
.pipeMonitoring[data-v-3c51f948] .navigation-controls {
  position: absolute;
  display: none;
}
.pipeMonitoring[data-v-3c51f948] .cesium-toolbar-button {
  position: absolute;
  width: 38px;
  height: 38px;
  right: 10px;
  top: 4px;
  border: 1px solid #ffffffd9;
}
.pipeMonitoring[data-v-3c51f948] .cesium-baseLayerPicker-dropDown-visible {
  width: 226px;
  position: absolute;
  right: 10px;
  top: 50px;
}
.pipeMonitoring[data-v-3c51f948] .cesium-baseLayerPicker-dropDown {
  width: 150px;
}
.theme2 .pipeMonitoring .centerStructure .fixLeft[data-v-3c51f948] {
  background: #18191be0;
  box-shadow: 3px 3px 6px #333;
}
.theme2 .pipeMonitoring[data-v-3c51f948] .cesium-toolbar-button {
  border: 1px solid #18191be0;
}

.appAuthorization {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.appAuthorization .urlStyle {
  width: 530px;
}

.appPushPlatform {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.appPushPlatform .dialogLoading .el-drawer__header {
  font-size: 16px;
  padding: 10px 20px;
  margin-bottom: 15px;
}

.appVersion {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.appVersion .qrcode .el-dialog__body {
  padding: 0;
}
.appVersion .pic {
  margin: 0 auto;
  padding: 30px 0;
  width: 200px;
}
.appVersion .pic .img-box {
  text-align: center;
}
.appVersion .upload-demo {
  width: 440px;
}
.appVersion .upload-demo .el-upload {
  left: 430px;
}
.appVersion .upload-demo .el-upload-list > li {
  width: 424px;
}

.authorityManage {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.authorityManage .leftStructure {
  overflow: hidden;
  width: 240px;
  height: 100%;
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
  margin-right: 10px;
  flex-shrink: 0;
}
.authorityManage .centerStructure {
  padding: 20px;
  flex: 1;
  height: 100%;
  margin-right: 10px;
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
}
.authorityManage .centerStructure .editPart {
  width: 100%;
  height: 100%;
}
.authorityManage .centerStructure .editPart .authorityTypeClass {
  width: 144px;
  padding: 0 6px 0 0;
  float: left;
  text-align: right;
  line-height: 32px;
}
.authorityManage .centerStructure .editPart .row-margin-bottom {
  margin-bottom: 18px;
}
.authorityManage .input-width {
  width: 200px;
}
.authorityManage .wh200 {
  width: 200px;
}
.authorityManage .el-radio {
  margin-right: 0px;
}
.authorityManage .el-checkbox__label.subsystem {
  display: inline-grid;
  overflow: hidden;
  width: 100px;
  white-space: pre-line;
  word-wrap: break-word;
  line-height: 20px;
}
.authorityManage .box {
  width: 900px;
  min-height: 50px;
  max-height: 150px;
  overflow: auto;
}

.cacheQuery[data-v-dd5d6b80] {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.cacheQuery .firstLine .firstDesc[data-v-dd5d6b80] .el-descriptions-item__label:not(.is-bordered-label) {
  color: #404042;
}
.cacheQuery .firstLine .firstDesc .descInfo[data-v-dd5d6b80] {
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #6690FF;
}
.cacheQuery .second-line[data-v-dd5d6b80] {
  height: calc(100% - 20px);
  display: flex;
}
.cacheQuery .second-line .left[data-v-dd5d6b80] {
  flex: 1;
  max-width: 590px;
  height: 100%;
}
.cacheQuery .second-line .right[data-v-dd5d6b80] {
  padding-left: 20px;
  flex: 1;
  max-width: calc(100% - 590px);
}
.cacheQuery .second-line .right .redisMsg[data-v-dd5d6b80] {
  display: flex;
}
.cacheQuery .second-line .right .redisMsg .labelBox[data-v-dd5d6b80] {
  line-height: 32px;
  display: flex;
}
.cacheQuery .second-line .right .redisMsg .borCon[data-v-dd5d6b80] {
  display: inline-block;
  width: 200px;
  height: 32px;
  border: 1px solid #e8e8e8;
  padding-left: 10px;
  padding-right: 10px;
}
.cacheQuery .second-line .right .valueDesc[data-v-dd5d6b80] {
  display: flex;
  width: 100%;
  height: 260px;
}
.cacheQuery .second-line .right .valueDesc .stringCss[data-v-dd5d6b80] {
  padding-top: 10px;
  display: flex;
  height: 100%;
  width: 100%;
}
.cacheQuery .second-line .right .valueDesc .stringCss .stringCssDesc[data-v-dd5d6b80] {
  display: block;
  text-align: right;
  width: 71px;
  height: 100%;
  line-height: 32px;
}
.cacheQuery .second-line .right .valueDesc .stringCss .stringCssValue[data-v-dd5d6b80] {
  height: 100%;
  max-height: 680px;
  width: calc(100% - 77px);
  word-wrap: break-word;
}
.cacheQuery .second-line .right .valueDesc .valueOtherDesc[data-v-dd5d6b80] {
  display: flex;
  width: 100%;
  height: 100%;
}
.cacheQuery .second-line .right .valueDesc .valueOtherDesc .inFirst[data-v-dd5d6b80] {
  padding-top: 10px;
  display: flex;
  height: 240px;
  width: 100%;
}
.cacheQuery .second-line .right .valueDesc .valueOtherDesc .inFirst .messValue[data-v-dd5d6b80] {
  display: block;
  text-align: right;
  width: 70px;
  height: 240px;
  line-height: 32px;
}
.cacheQuery .second-line .right .valueDesc .valueOtherDesc .inFirst .dataValueIn[data-v-dd5d6b80] {
  padding-right: 20px;
  height: 240px;
}
.cacheQuery .second-line .right .redisValue[data-v-dd5d6b80] {
  display: flex;
  width: 100%;
  height: calc(100% - 354px);
}
.cacheQuery .second-line .right .redisValue .redisValueDesc[data-v-dd5d6b80] {
  display: block;
  text-align: right;
  width: 75px;
  line-height: 32px;
  height: calc(100% - 354px);
}
.cacheQuery[data-v-dd5d6b80] .el-textarea__inner {
  padding-bottom: 0;
}
.cacheQuery .spec-textarea[data-v-dd5d6b80] .el-textarea__inner {
  padding-bottom: 15px;
}
.theme2 .cacheQuery[data-v-dd5d6b80] {
  background: #2a2b2d;
}
.theme2 .cacheQuery[data-v-dd5d6b80] .el-descriptions__body {
  background: #2a2b2d;
}
.theme2 .cacheQuery .firstLine[data-v-dd5d6b80] {
  background: #2a2b2d;
}
.theme2 .cacheQuery .firstLine .firstDesc[data-v-dd5d6b80] {
  background: #2a2b2d;
}
.theme2 .cacheQuery .firstLine .firstDesc[data-v-dd5d6b80] .el-descriptions-item__label:not(.is-bordered-label) {
  color: #b7b7b7;
}
.theme2 .cacheQuery .firstLine .firstDesc .descInfo[data-v-dd5d6b80] {
  background: #2a2b2d;
  color: #4d91ff;
}
.theme2 .cacheQuery .second-line[data-v-dd5d6b80] {
  background: #2a2b2d;
}
.theme2 .cacheQuery .second-line .left[data-v-dd5d6b80] {
  background: #2a2b2d;
}
.theme2 .cacheQuery .second-line .right[data-v-dd5d6b80] {
  background: #2a2b2d;
}
.theme2 .cacheQuery .second-line .right .redisMsg[data-v-dd5d6b80] {
  background: #2a2b2d;
}
.theme2 .cacheQuery .second-line .right .redisMsg .labelBox[data-v-dd5d6b80] {
  background: #2a2b2d;
}
.theme2 .cacheQuery .second-line .right .redisMsg .borCon[data-v-dd5d6b80] {
  background: #2a2b2d;
}
.theme2 .cacheQuery .second-line .right .valueDesc[data-v-dd5d6b80] {
  background: #2a2b2d;
}
.theme2 .cacheQuery .second-line .right .valueDesc .stringCss[data-v-dd5d6b80] {
  background: #2a2b2d;
}
.theme2 .cacheQuery .second-line .right .valueDesc .stringCss .stringCssDesc[data-v-dd5d6b80] {
  background: #2a2b2d;
}
.theme2 .cacheQuery .second-line .right .valueDesc .stringCss .stringCssValue[data-v-dd5d6b80] {
  background: #2a2b2d;
}
.theme2 .cacheQuery .second-line .right .valueDesc .valueOtherDesc[data-v-dd5d6b80] {
  background: #2a2b2d;
}
.theme2 .cacheQuery .second-line .right .valueDesc .valueOtherDesc .inFirst[data-v-dd5d6b80] {
  background: #2a2b2d;
}
.theme2 .cacheQuery .second-line .right .valueDesc .valueOtherDesc .inFirst .messValue[data-v-dd5d6b80] {
  background: #2a2b2d;
}
.theme2 .cacheQuery .second-line .right .valueDesc .valueOtherDesc .inFirst .dataValueIn[data-v-dd5d6b80] {
  background: #2a2b2d;
}
.theme2 .cacheQuery .second-line .right .redisValue[data-v-dd5d6b80] {
  background: #2a2b2d;
}
.theme2 .cacheQuery .second-line .right .redisValue .redisValueDesc[data-v-dd5d6b80] {
  background: #2a2b2d;
}
[data-v-dd5d6b80] .el-descriptions-item__label.has-colon::after {
  content: '\FF1A';
  position: relative;
  top: -0.5px;
}
[data-v-dd5d6b80] .el-descriptions-item__label:not(.is-bordered-label) {
  margin-right: 0;
}

.payConfig[data-v-9512b78a] {
  height: 540px;
}
.payConfig .top[data-v-9512b78a] {
  display: flex;
  height: calc(100% - 40px);
}
.payConfig .top .centerStructure[data-v-9512b78a] {
  padding: 0;
  width: 240px;
  height: calc(100% - 34px);
}
.payConfig .top .leftStructure[data-v-9512b78a] {
  height: calc(100% - 34px);
}
.payConfig .top .leftStructure .tree-box[data-v-9512b78a] {
  height: calc(100% - 73px);
}
.payConfig .bottom[data-v-9512b78a] {
  padding-top: 10px;
  height: 40px;
  position: absolute;
  right: 20px;
}

.customerManager {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.customerManager .el-drawer__header {
  font-size: 16px;
  padding: 10px 20px;
  margin-bottom: 0;
}
.customerManager .drawer-footer {
  text-align: right;
  padding-right: 20px;
}
.customerManager .cusDrawBox {
  width: 100%;
  height: calc(100% - 35px);
  display: flex;
}
.customerManager .cusDrawBox .leftDrawBox {
  width: 70%;
  padding: 10px;
}
.customerManager .cusDrawBox .leftDrawBox .formbox .lintit {
  margin-left: 5px;
  margin-top: 5px;
}
.customerManager .cusDrawBox .leftDrawBox .formbox .twoLineWidth {
  width: 586px;
}
.customerManager .cusDrawBox .leftDrawBox .formbox .lineWidth {
  width: 200px;
}
.customerManager .cusDrawBox .leftDrawBox .formbox .midLineWidth {
  width: 250px;
}
.customerManager .cusDrawBox .leftDrawBox .formbox .thirdLineWidth {
  width: 135px;
}
.customerManager .cusDrawBox .leftDrawBox .formbox .upload-demo .el-upload-list {
  width: 150px;
  height: 32px;
}
.customerManager .cusDrawBox .leftDrawBox .formbox .upload-demo .el-upload-list > li {
  width: 145px;
  margin: 0;
  line-height: 30px;
  outline: none;
}
.customerManager .cusDrawBox .leftDrawBox .formbox .upload-demo .el-upload {
  position: absolute;
  top: 0px;
  left: 160px;
}
.customerManager .cusDrawBox .leftDrawBox .device-Tab {
  width: 100%;
  padding-left: 30px;
}
.customerManager .cusDrawBox .centerDrawBox {
  width: 15%;
}
.customerManager .cusDrawBox .centerDrawBox .child-tab {
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 40px;
  height: calc(100% - 50px);
}
.customerManager .cusDrawBox .centerDrawBox .child-tab .el-table th.el-table__cell > .cell {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  vertical-align: middle;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
}
.customerManager .cusDrawBox .rightDrawBox {
  width: 15%;
  height: calc(100% - 10px);
  border-left: 1px solid #dadada;
  border-right: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
}
.customerManager .cusDrawBox .rightDrawBox .tree-box .overauto {
  width: 100%;
  height: calc(100% - 75px);
  overflow: auto;
  padding: 0 10px;
}
.customerManager .cusDrawBox .rightDrawBox .tree-scroll {
  height: 592px;
  border: 1px solid #ebeef5;
}
.theme2 /deep/ .tree-scroll {
  border-color: #494949;
}
.theme2 .customerManager .cusDrawBox .rightDrawBox {
  border-left: 1px solid #494949;
  border-right: 1px solid #494949;
  border-bottom: 1px solid #494949;
}

.recountEmptyWidth .el-select-dropdown__empty {
  width: 200px;
}
.dataRecount {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.dataRecount .info {
  display: flex;
  margin-bottom: 10px;
}
.dataRecount .info li {
  flex: 1;
  height: 50px;
  background: #fafafa;
  overflow: hidden;
  display: flex;
}
.dataRecount .info li .column {
  margin: auto;
}
.dataRecount .inline-button {
  height: 32px;
  margin-left: 10px;
}
.dataRecount .inline-msg {
  height: 32px;
  line-height: 32px;
}
.dataRecount .input-select .el-form-item__error {
  left: 140px!important;
}
.dataRecount .table-title {
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 10px;
}
.dataRecount .filedTransferDiv {
  text-align: center;
}
.dataRecount .filedTransferDiv .filedTransfer {
  text-align: left;
  display: inline-block;
  width: 100%;
}
.dataRecount .filedTransferDiv .filedTransfer .el-transfer-panel {
  width: 250px;
}
.dataRecount .filedTransferDiv .filedTransfer .el-transfer-panel__body {
  height: 170px;
}
.dataRecount .filedTransferDiv .filedTransfer .el-transfer-panel__list.is-filterable {
  height: 125px;
  padding-top: 0;
}
.dataRecount .filedTransferDiv .filedTransfer .el-transfer__buttons {
  width: 120px;
  display: inline-flex;
  vertical-align: middle;
  padding: 0 30px;
  flex-direction: column;
}
.dataRecount .filedTransferDiv .filedTransfer .el-button + .el-button,
.dataRecount .filedTransferDiv .filedTransfer .el-checkbox.is-bordered + .el-checkbox.is-bordered {
  margin-left: 0;
}
.dataRecount .collectCustomerParameters .formbox {
  max-height: 776px;
  padding-right: 0;
}
.dataRecount .collectCustomerParameters .el-form-item__error {
  left: 0;
  top: 32px;
}
.theme2 .dataRecount .info li {
  background: #494949;
}

.feedback {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.feedback .el-textarea__inner {
  height: 100px;
}
.feedback .el-upload--picture-card {
  background-color: #fbfdff;
  border: 1px dashed #c0ccda;
  border-radius: 6px;
  box-sizing: border-box;
  width: 100px;
  height: 100px;
  line-height: 100px;
  vertical-align: top;
  margin-left: 5px;
}
.feedback .el-upload-list--picture-card .el-upload-list__item {
  width: 110px;
  height: 100px;
}

.interfaceConfig {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.interfaceConfig .centerStructure {
  overflow: auto;
}
.interfaceConfig .marTop {
  margin-top: 20px;
}
.interfaceConfig .liIcon {
  margin: 0 0 10px 20px;
}
.interfaceConfig .liIcon ul li {
  list-style-type: disc;
  padding-left: 0;
}
.interfaceConfig .liIcon ul li::marker {
  color: #6690ff;
  line-height: 30px;
}
.interfaceConfig .leftMenu {
  margin-top: 20px;
  display: flex;
}
.interfaceConfig .leftMenu .leftMenuTable {
  position: relative;
  width: 1540px;
  margin-right: 20px;
}
.interfaceConfig .leftMenu .leftMenuTable .tableicon i {
  margin-right: 10px;
}
.interfaceConfig .leftMenu .tree-box {
  border: solid 0.5px #EBEEF5;
}
.interfaceConfig .leftMenu .tree-box .overauto {
  height: calc(100vh - 280px);
}
.interfaceConfig .radio-style {
  margin-bottom: 20px;
}
.interfaceConfig .el-radio {
  color: #606266;
  font-weight: 500;
  cursor: pointer;
  margin-right: 0px;
}
.interfaceConfig .hide .el-upload--picture-card {
  display: none;
}
.interfaceConfig .el-upload--picture-card {
  background-color: #fbfdff;
  border: 1px dashed #c0ccda;
  border-radius: 6px;
  box-sizing: border-box;
  width: 100px;
  height: 100px;
  line-height: 100px;
  vertical-align: top;
  margin-left: 5px;
  position: relative;
}
.interfaceConfig .el-upload-list--picture-card .el-upload-list__item {
  width: 110px;
  height: 100px;
}
.interfaceConfig .picOne {
  display: inline-block;
  width: 298px;
}
.interfaceConfig .picTwo {
  margin-right: 2px;
  margin-left: 11px;
}
.interfaceConfig .contentClass {
  margin-left: 15px;
  vertical-align: -1px;
  cursor: pointer;
}
.interfaceConfig .contentClass em {
  font-weight: normal;
}
.interfaceConfig .contentClass em:hover {
  color: #6690ff;
}
.interface-config-select-no-resource {
  width: 169px;
}
.theme2 .interfaceConfig .leftMenu .tree-box {
  border: solid 0.5px #565656;
}
.interfaceConfig-myself {
  width: 298px;
}

.merchantManagement {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}

.miniProgram {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}

.noticeMgt {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.noticeMgt .w-e-full-screen-editor {
  top: 46px;
}
.noticeMgt .select-customer {
  width: 500px;
  margin-left: 20px;
}
.noticeMgt .select-customer .customerTransfer .el-transfer__buttons {
  width: 100px;
  display: inline-flex;
  vertical-align: middle;
  padding: 0 20px;
  flex-direction: column;
}
.noticeMgt .select-customer .customerTransfer .el-transfer__buttons button {
  margin-left: 0;
  width: 60px;
}
.noticeMgt .select-customer .customerTransfer .el-transfer-panel {
  height: 358px;
}
.noticeMgt .select-customer .customerTransfer .el-transfer-panel__body {
  height: 300px;
}
.noticeMgt .select-customer .customerTransfer .el-transfer-panel__list.is-filterable {
  height: 255px;
  padding-top: 0;
}
.noticeMgt .select-customer .customerTransfer .el-button + .el-button,
.noticeMgt .select-customer .customerTransfer .el-checkbox.is-bordered + .el-checkbox.is-bordered {
  margin-left: 0;
}

.ocrPlatformConfiguration {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
  /*到期日期*/
}
.ocrPlatformConfiguration .el-select-dropdown__empty {
  width: 140px;
}
.ocrPlatformConfiguration .inp {
  margin: 0px 0px;
  margin-right: 0;
}
.ocrPlatformConfiguration .inp2 {
  margin: 0px 10px;
  margin-right: 0px;
}
.ocrPlatformConfiguration .formbox {
  padding-right: 0;
  max-height: 611px;
  overflow-y: auto;
}
.ocrPlatformConfiguration .el-date-editor.el-input,
.ocrPlatformConfiguration .el-date-editor.el-input__inner {
  width: 255px;
}
.ocrPlatformConfiguration .tree-box {
  height: 100%;
}
.ocrPlatformConfiguration .tree-scroll {
  height: 592px;
  overflow: auto;
  overflow-x: hidden;
  border: 1px solid #ebeef5;
}
.ocrPlatformConfiguration .el-dialog__body {
  padding-right: 20px;
}
.ocrPlatformA {
  width: 140px;
}
.ocrPlatformA .el-select-dropdown__list {
  overflow-x: hidden;
}
.theme2 /deep/ .tree-scroll {
  border-color: #494949;
}

.officialAccount {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.officialAccount .pic {
  display: flex;
  height: 80px;
  overflow: hidden;
}
.officialAccount .pic .el-upload--picture-card {
  width: 80px;
  height: 80px;
  line-height: 80px;
}
.officialAccount .pic .el-upload-list--picture-card .el-upload-list__item {
  width: 80px;
  height: 80px;
  margin-bottom: 0;
}
.officialAccount .wh545 {
  width: 545px;
}
.officialAccount .el-tag.el-tag--info {
  max-width: 68%!important;
}

.opsPersonManagement {
  position: relative;
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
}
.opsPersonManagement .centerStructure .searchBox .cname {
  margin-left: 10px;
}
.opsPersonManagement .tableicon {
  cursor: pointer;
  margin: 0 8px;
  color: #6690ff;
}
.opsPersonManagement .customerTransferDiv {
  text-align: center;
}
.opsPersonManagement .customerTransferDiv .customerTransfer {
  text-align: left;
  display: inline-block;
  width: 100%;
}
.opsPersonManagement .customerTransferDiv .customerTransfer .el-transfer-panel {
  width: 230px;
}
.opsPersonManagement .customerTransferDiv .customerTransfer .el-transfer__buttons {
  width: 175px;
}
.opsPersonManagement .customerTransferDiv .customerTransfer .el-transfer__buttons .el-transfer__button {
  margin-left: 10px;
}

.smsPlatform {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
  /*到期日期*/
}
.smsPlatform .el-drawer__header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #72767b;
  display: flex;
  margin-bottom: 16px;
  padding: 10px 10px 10px;
}
.smsPlatform .inp {
  margin: 0px 0px;
  margin-right: 0;
}
.smsPlatform .inp2 {
  margin: 0px 10px;
  margin-right: 0px;
}
.smsPlatform .wrap {
  padding: 10px 20px;
  width: 100%;
  height: calc(100% - 72px);
  overflow: auto;
}
.smsPlatform .wrap .dialog-footer {
  position: absolute;
  bottom: 20px;
}
.smsPlatform .wrap .botCon {
  display: flex;
  height: calc(100% - 42px);
}
.smsPlatform .drawer-footer {
  text-align: right;
  padding-right: 20px;
  margin: 20px;
}
.smsPlatform .formbox {
  padding-right: 0px;
  max-height: 611px;
  overflow-y: auto;
}
.smsPlatform .formbox .inline-Four {
  display: flex;
}
.smsPlatform .formbox .inline-Four .el-form-item:nth-child(1) {
  margin-left: 40px;
}
.smsPlatform .formbox .inline-Four .el-form-item:nth-child(2) {
  margin-left: 40px;
}
.smsPlatform .formbox .inline-Four .el-form-item:nth-child(3) {
  margin-left: 40px;
}
.smsPlatform .formbox .inline-Four .el-form-item:nth-child(4) {
  margin-left: 40px;
}
.smsPlatform .formbox .inline-Three {
  display: flex;
}
.smsPlatform .formbox .inline-Three .el-form-item:nth-child(1) {
  margin-left: 40px;
}
.smsPlatform .formbox .inline-Three .el-form-item:nth-child(2) {
  margin-left: 40px;
}
.smsPlatform .formbox .inline-Three .el-form-item:nth-child(3) {
  margin-left: 40px;
}
.smsPlatform .el-date-editor.el-input,
.smsPlatform .el-date-editor.el-input__inner {
  width: 255px;
}
.smsPlatform .tree-box {
  height: 100%;
}
.smsPlatform .tree-scroll {
  height: 592px;
  overflow: auto;
  overflow-x: hidden;
  border: 1px solid #ebeef5;
}
.smsPlatform .el-dialog__body {
  padding-right: 20px;
}
.theme2 /deep/ .tree-scroll {
  border-color: #494949;
}

.min_width_Option_Acc_200[data-v-5790b518] {
  width: 202px;
}
.subSystemMgt[data-v-5790b518] {
  position: relative;
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
}

.systemDictionary[data-v-efbcb3dc] {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.systemDictionary .el-dialog__body[data-v-efbcb3dc] {
  padding-right: 20px;
}

.systemParameter {
  position: relative;
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
}
.systemParameter .tableicon {
  cursor: pointer;
  margin: 0 8px;
  color: #6690ff;
}
.systemParameter .theText {
  width: 100%;
  height: 70px;
}

.positionMgt {
  position: relative;
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
}

.previewProcess {
  background-image: linear-gradient(#175785, #021a3d);
}
.previewProcess .pageBox {
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
}
.previewProcess .pageBox .drawBox {
  position: absolute;
}
.previewProcess .pageBox .drawBox .drawTxt {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.previewProcess .pageBox .drawBox .drawTxt span {
  margin-right: 5px;
}
.previewProcess .pageBox .drawBox::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.previewProcess .pageBox .drawBox::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.previewProcess .pageBox .drawBox::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.previewProcess .pageBox .drawBox::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.previewProcess .pageBox .drawBox.control {
  border-radius: 5px;
  cursor: pointer;
}
.previewProcess .pageBox .drawBox.none {
  display: none;
}
.previewProcess .typetxt {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}
.previewProcess .typetxt .txt {
  margin: auto;
}
.previewProcess .typetxt .txt .unit {
  color: #fff;
  margin-left: 5px;
}
.previewProcess .typetxt .txt .boundLabel {
  color: #fff;
}
.previewProcess .typetxt .txt .controltxt {
  margin-left: 5px;
  user-select: none;
}
.previewProcess .boundValue {
  z-index: 1;
}
.previewProcess .bgIcon {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.previewProcess .animate {
  animation: flicker 1s linear infinite;
}
.previewProcess .ignoreAlarm {
  color: #ff0015;
}
@keyframes flicker {
0% {
    color: #2fffff00;
}
25% {
    color: #ff0015;
}
50% {
    color: #ff0015;
}
75% {
    color: #ff0015;
}
100% {
    color: #2fffff00;
}
}
.textBg1 {
  background-image: linear-gradient(to right, rgba(69, 192, 227, 0.65), rgba(0, 120, 231, 0.65));
  border: 2px solid #00b7d9;
  border-radius: 5px;
}
.textBg1::before {
  content: " ";
  box-sizing: border-box;
  position: absolute;
  top: -2px;
  left: 2%;
  height: 1px;
  width: 96%;
  border-top: 2px solid transparent;
  border-image: linear-gradient(to right, #00b7d9, #00ffff, #00b7d9) 2 2;
}
.textBg1::after {
  content: " ";
  box-sizing: border-box;
  position: absolute;
  bottom: -2px;
  left: 2%;
  height: 1px;
  width: 96%;
  border-bottom: 2px solid transparent;
  border-image: linear-gradient(to right, #00b7d9, #00ffff, #00b7d9) 2 2;
}
.textBg2 {
  background-image: linear-gradient(to right, rgba(255, 192, 0, 0.65), rgba(255, 139, 45, 0.65));
  border: 2px solid #ff8b2d;
  border-radius: 5px;
}
.textBg2::before {
  content: " ";
  box-sizing: border-box;
  position: absolute;
  top: -2px;
  left: 2%;
  height: 1px;
  width: 96%;
  border-top: 2px solid transparent;
  border-image: linear-gradient(to right, #ff8b2d, #ffc000, #ff8b2d) 2 2;
}
.textBg2::after {
  content: " ";
  box-sizing: border-box;
  position: absolute;
  bottom: -2px;
  left: 2%;
  height: 1px;
  width: 96%;
  border-bottom: 2px solid transparent;
  border-image: linear-gradient(to right, #ff8b2d, #ffc000, #ff8b2d) 2 2;
}
.textBg3 {
  background-image: linear-gradient(to right, rgba(0, 120, 231, 0), rgba(69, 192, 227, 0.3), rgba(0, 120, 231, 0));
}
.textBg3::after {
  content: " ";
  box-sizing: border-box;
  position: absolute;
  top: 10%;
  bottom: 10%;
  left: 0;
  width: 100%;
  height: 80%;
  background-image: linear-gradient(to right, rgba(0, 120, 231, 0), rgba(69, 192, 227, 0.3), rgba(0, 120, 231, 0));
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  border-image: linear-gradient(to right, #00b7d900, #00ffff50, #00b7d900) 2 2;
}
.textBg4 {
  background-image: linear-gradient(to right, rgba(0, 120, 231, 0), rgba(255, 192, 0, 0.3), rgba(0, 120, 231, 0));
}
.textBg4::after {
  content: " ";
  box-sizing: border-box;
  position: absolute;
  top: 10%;
  bottom: 10%;
  left: 0;
  width: 100%;
  height: 80%;
  background-image: linear-gradient(to right, rgba(0, 120, 231, 0), rgba(255, 192, 0, 0.3), rgba(0, 120, 231, 0));
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  border-image: linear-gradient(to right, #ff8b2d00, #ffc00050, #ff8b2d00) 2 2;
}
.textBg5 {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background-image: linear-gradient(to right, rgba(69, 192, 227, 0.4), rgba(0, 120, 231, 0.4));
  border-bottom: 4px solid transparent;
  box-sizing: border-box;
  border-image: linear-gradient(to right, #45c0e3, #0078e7) 2 2;
}

.carouselVideo .lintit[data-v-5b38afc0] {
  margin-bottom: 4px;
  position: relative;
  z-index: 3;
}
.carouselVideo .lintit i[data-v-5b38afc0] {
  background-image: linear-gradient(#45c0e3, #0078e7);
}
.carouselVideo .video-title[data-v-5b38afc0] {
  margin-bottom: 0px;
  display: flex;
  justify-content: space-between;
  padding-right: 10px;
}
.carouselVideo .video-title .label[data-v-5b38afc0] {
  color: #f8faff;
  font-size: 12px;
  vertical-align: middle;
}
.carouselVideo .video-title[data-v-5b38afc0] .el-switch.is-checked .el-switch__core {
  background-image: linear-gradient(to right, #00ffff, #0089f5);
  border-color: #0089f5;
}
.carouselVideo .video-title[data-v-5b38afc0] .el-switch__core {
  background-image: linear-gradient(to right, #00ffff50, #0089f550);
  border-color: #0089f550;
}
.carouselVideo .video-name[data-v-5b38afc0] {
  padding: 2px 12px;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.carouselVideo .video-name span[data-v-5b38afc0] {
  font-size: 12px;
}
.carouselVideo .empty[data-v-5b38afc0] {
  height: 2px;
}
.carouselVideo .videoSurround[data-v-5b38afc0] {
  width: 300px;
  height: 146px;
  overflow: hidden;
  margin: 0 auto;
}
.carouselVideo .videoSurround .video[data-v-5b38afc0] {
  top: -48px;
  left: 0;
  width: 100%;
  height: 194px;
}
.carouselVideo .videoSurround[data-v-5b38afc0] .player__header-control {
  padding-top: 0;
}
.carouselVideo .videoSurround[data-v-5b38afc0] .player__footer-control {
  padding-bottom: 0;
  height: 30px;
}
.carouselVideo .videoSurround[data-v-5b38afc0] .player__footer-control .footer-control-item {
  height: 20px;
  width: 20px;
}
.carouselVideo .videoSurround[data-v-5b38afc0] .player_set_fullScreen {
  z-index: 9999;
}
.carouselVideo .relative[data-v-5b38afc0] {
  position: relative;
  z-index: 1;
  margin-bottom: 4px;
}
.carouselVideo .relative .tab-header[data-v-5b38afc0] {
  display: flex;
  justify-content: center;
}
.carouselVideo .relative .tab-header li[data-v-5b38afc0] {
  color: #2effff;
}
.carouselVideo .relative .tab-header li > div[data-v-5b38afc0] {
  position: relative;
  padding: 2px 12px;
  border: 1px solid transparent;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.carouselVideo .relative .tab-header .bgLeft[data-v-5b38afc0] {
  border-left: 1px solid transparent;
  border-image: linear-gradient(#0077c200, #00caff, #0077c200) 2 2;
}
.carouselVideo .textBg[data-v-5b38afc0] {
  background-image: linear-gradient(to right, rgba(0, 120, 231, 0.5), rgba(69, 192, 227, 0.75), rgba(0, 120, 231, 0.5));
  border: 1px solid #164a7a;
  border-radius: 5px;
  color: #f8faff;
}
.carouselVideo .textBg[data-v-5b38afc0]::before {
  content: " ";
  box-sizing: border-box;
  position: absolute;
  top: -1px;
  left: 0;
  height: 1px;
  width: 100%;
  border-top: 1px solid transparent;
  border-image: linear-gradient(to right, #0077c200, #00caff, #0077c200) 2 2;
}
.carouselVideo .textBg[data-v-5b38afc0]::after {
  content: " ";
  box-sizing: border-box;
  position: absolute;
  bottom: -1px;
  left: 0;
  height: 1px;
  width: 100%;
  border-bottom: 1px solid transparent;
  border-image: linear-gradient(to right, #0077c200, #00caff, #0077c200) 2 2;
}
.carouselVideo[data-v-5b38afc0] .el-switch__core {
  width: 34px !important;
  height: 16px;
}
.carouselVideo[data-v-5b38afc0] .el-switch__core::after {
  width: 13px;
  height: 13px;
}
.carouselVideo[data-v-5b38afc0] .el-switch.is-checked .el-switch__core::after {
  margin-left: -14px;
}

.drawing[data-v-0b037178] {
  position: relative;
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
}
.drawing .centerStructure.grad[data-v-0b037178] {
  position: relative;
  padding: 10px;
  background-image: linear-gradient(#175785, #021a3d) !important;
  overflow: auto;
}
.drawing .top-content[data-v-0b037178] {
  display: flex;
}
.drawing .top-content .backBtn[data-v-0b037178] {
  background-image: linear-gradient(to right, rgba(69, 192, 227, 0.65), rgba(0, 120, 231, 0.65));
  color: #2effff;
  border-radius: 6px;
  height: 36px;
  line-height: 34px;
  padding-left: 15px;
  padding-right: 18px;
  margin-top: 2px;
  cursor: pointer;
}
.drawing .top-content .backBtn .iconfont[data-v-0b037178] {
  margin-right: 5px;
}
.drawing .bottom-content[data-v-0b037178] {
  display: flex;
  min-height: 770px;
  height: 93%;
}
.drawing .bottom-content .right[data-v-0b037178] {
  flex: 1;
  transition: all 0.4s;
  height: 100%;
  overflow: hidden;
}
.drawing .bottom-content .right .previewBox[data-v-0b037178] {
  width: 1450px;
  height: 770px;
  margin: 0 auto;
}
.drawing .leftFixed[data-v-0b037178] {
  width: 430px;
  min-height: 776px;
  height: 100%;
  position: absolute;
  top: 0px;
  right: 10px;
  transition: all 0.4s;
  border-left: 2px solid transparent;
  border-image: linear-gradient(to bottom, #00b7d900, #00ffff40, #00b7d900) 2 2;
}
.drawing .leftFixed .foldBtn[data-v-0b037178] {
  width: 10px;
  height: 100px;
  position: absolute;
  top: 50%;
  left: -10px;
  margin-top: -80px;
  background-image: linear-gradient(to right, #45c0e375, #0078e775);
  cursor: pointer;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.drawing .leftFixed .foldBtn i[data-v-0b037178] {
  color: #2effff;
}
.drawing .leftFixed .main[data-v-0b037178] {
  width: 100%;
  min-height: 196px;
  height: 23.5%;
  position: relative;
  padding: 5px;
  padding-left: 10px;
  color: #f8faff;
}
.drawing .leftFixed .main[data-v-0b037178]:last-child {
  min-height: 215px;
  height: 27.5%;
}
.drawing .leftFixed .main .chart[data-v-0b037178] {
  width: 100%;
  height: 155px;
  height: calc(100% - 30px);
  position: relative;
  z-index: 2;
}
.drawing .leftFixed .firstM[data-v-0b037178] {
  margin-top: 8px;
}
.drawing .leftFixed .lintit[data-v-0b037178] {
  margin-bottom: 4px;
  position: relative;
  z-index: 3;
}
.drawing .leftFixed .lintit i[data-v-0b037178] {
  background-image: linear-gradient(#45c0e3, #0078e7);
}
.drawing .cityBox[data-v-0b037178] {
  position: relative;
  width: 240px;
  height: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #262c49;
  color: #f8faff;
  margin-right: 15px;
  border-radius: 5px;
  padding: 0 10px;
  border: 1px solid #164a7a;
}
.drawing .cityBox[data-v-0b037178]::before {
  content: " ";
  box-sizing: border-box;
  position: absolute;
  top: -1px;
  left: 0;
  height: 1px;
  width: 100%;
  border-top: 1px solid transparent;
  border-image: linear-gradient(to right, #0077c200, #00caff, #0077c200) 2 2;
}
.drawing .cityBox[data-v-0b037178]::after {
  content: " ";
  box-sizing: border-box;
  position: absolute;
  bottom: -1px;
  left: 0;
  height: 1px;
  width: 100%;
  border-bottom: 1px solid transparent;
  border-image: linear-gradient(to right, #0077c200, #00caff, #0077c200) 2 2;
}
.drawing .cityBox .factory[data-v-0b037178] {
  font-size: 16px;
  width: 175px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.drawing .cityBox .factory i[data-v-0b037178] {
  margin-right: 5px;
  background-image: linear-gradient(to right, #00f3fe, #0093f7);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.drawing .cityBox .c-click[data-v-0b037178] {
  font-size: 12px;
  border-radius: 40px;
  padding: 2px 8px;
  cursor: pointer;
  background-image: linear-gradient(to right, #2d8cb6, #126cb3);
}
.drawing .cityBox .select-layer[data-v-0b037178] {
  position: absolute;
  top: 45px;
  left: -1px;
  z-index: 999;
  width: 240px;
  height: 0px;
  overflow: hidden;
  transition: all 0.15s;
}
.drawing .cityBox .options[data-v-0b037178] {
  width: 100%;
  height: 100%;
  background: #262c49;
  border: 1px solid #164a7a;
  border-radius: 5px;
  padding: 7px 0;
  overflow-y: auto;
}
.drawing .cityBox .options[data-v-0b037178]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.drawing .cityBox .options[data-v-0b037178]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.drawing .cityBox .options[data-v-0b037178]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.drawing .cityBox .options[data-v-0b037178]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.drawing .cityBox .options > li[data-v-0b037178] {
  padding: 10px 10px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.drawing .cityBox .options > li[data-v-0b037178]:hover {
  background: #2d8cb6;
}
.drawing .cityBox .options .triangle-top[data-v-0b037178] {
  position: absolute;
  top: -3px;
  margin-left: -5px;
  left: 50%;
  width: 10px;
  height: 10px;
  background: #262c49;
  border: 1px solid #164a7a;
  transform: rotate(45deg);
  clip-path: polygon(0 0, 0% 100%, 100% 0);
}
.liblock[data-v-0b037178] {
  display: flex;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-image: linear-gradient(to right, #0077c200, #00caff, #0077c200) 2 2;
  background: #48beed26;
  width: 90%;
  border-radius: 5px;
  margin: 0 auto;
  margin-top: 20px;
  padding: 12px 0;
}
.liblock li[data-v-0b037178] {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 80px;
  position: relative;
  border-right: 1px solid transparent;
  border-image: linear-gradient(#0077c200, #00caff, #0077c200) 2 2;
}
.liblock li[data-v-0b037178]:last-child {
  border: none;
}
.liblock li > p[data-v-0b037178] {
  font-size: 17px;
  color: #2cf6f8;
}
.liblock li > span[data-v-0b037178] {
  font-size: 12px;
}
.liblock li > i[data-v-0b037178] {
  font-size: 18px;
  background-image: linear-gradient(to top, #0b6eae, #03ddec);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.tab-header[data-v-0b037178] {
  display: flex;
}
.tab-header li[data-v-0b037178] {
  color: #2effff;
  border-left: 1px solid transparent;
}
.tab-header li > div[data-v-0b037178] {
  position: relative;
  padding: 4px 12px;
  border: 1px solid transparent;
  cursor: pointer;
  max-width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bgLeft[data-v-0b037178] {
  border-left: 1px solid transparent;
  border-image: linear-gradient(#0077c200, #00caff, #0077c200) 2 2;
}
.mainBg[data-v-0b037178] {
  border-bottom: 2px solid transparent;
  border-image: linear-gradient(to right, #00b7d900, #00ffff50, #00b7d900) 2 2;
}
.mainBg[data-v-0b037178]:last-child {
  border: none;
}

.card-content[data-v-387e70e6] {
  display: grid;
  grid-template-columns: repeat(5, 345px);
  grid-row-gap: 20px;
  grid-column-gap: 22px;
  grid-auto-rows: 340px;
  width: 100%;
  height: calc(100% - 84px);
  overflow-y: auto;
}
.card-content[data-v-387e70e6]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.card-content[data-v-387e70e6]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.card-content[data-v-387e70e6]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.card-content[data-v-387e70e6]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.card-content .card[data-v-387e70e6] {
  min-height: 125px;
  height: 340px;
  box-sizing: border-box;
  background: #6690ff14;
  border: 1px solid #6690ff;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.5);
  border-radius: 8px;
  padding-top: 15px;
  line-height: 28px;
}
.card-content .card.offline[data-v-387e70e6] {
  background: #a5a5a517;
  border-color: #999;
}
.card-content .card.alarm[data-v-387e70e6] {
  background: #ff95a717;
  border-color: #ff002b94;
}
.card-content .card h1[data-v-387e70e6] {
  margin-left: 20px;
  display: flex;
}
.card-content .card h1 > span[data-v-387e70e6]:first-child {
  flex-shrink: 0;
}
.card-content .card h1 + h1[data-v-387e70e6] {
  justify-content: space-between;
}
.card-content .card h1 + h1 > span[data-v-387e70e6]:last-child {
  border-radius: 30px;
  padding: 0px 10px;
  font-weight: normal;
}
.card-content .card h1 + h1 .normal[data-v-387e70e6] {
  color: #00b77e;
  background: #00b77e26;
}
.card-content .card h1 + h1 .alarm[data-v-387e70e6] {
  background: #ff002b21;
  color: #ff002b;
}
.card-content .card h1 + h1 .offline[data-v-387e70e6] {
  background: #66666624;
  color: #999;
}
.card-content .card h1 span[data-v-387e70e6] {
  color: #6690ff;
  margin-right: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.card-content .card h1 .pointer[data-v-387e70e6] {
  cursor: pointer;
}
.card-content .card ul[data-v-387e70e6] {
  background: #fff;
  margin: 10px;
  padding: 10px 15px;
  border-radius: 5px;
  height: 244px;
  overflow: auto;
}
.card-content .card ul[data-v-387e70e6]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.card-content .card ul[data-v-387e70e6]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.card-content .card ul[data-v-387e70e6]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.card-content .card ul[data-v-387e70e6]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.card-content .card ul > li[data-v-387e70e6] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 11px;
}
.card-content .card ul > li[data-v-387e70e6]:last-child {
  margin: 0;
}
.card-content .card ul > li .span-l i[data-v-387e70e6] {
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 10px;
  background: #6690ff;
  vertical-align: 2px;
  margin-right: 6px;
}
.card-content .card ul > li .span-l span[data-v-387e70e6] {
  display: inline-block;
  width: 100px;
  text-align: right;
  overflow: hidden;
  vertical-align: top;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.card-content .card ul > li .span-r[data-v-387e70e6] {
  display: flex;
  cursor: pointer;
}
.card-content .card ul > li .span-r .zhibiao[data-v-387e70e6] {
  color: #6690ff;
  font-weight: bold;
  margin-right: 10px;
  display: inline-block;
  max-width: 110px;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: top;
  text-align: right;
  overflow: hidden;
}
.card-content .card ul > li .span-r img[data-v-387e70e6] {
  width: 24px;
  height: 24px;
  margin-top: 2px;
  margin-right: 20px;
}
.card-content .card ul > li .span-r .normal[data-v-387e70e6] {
  color: #6690ff;
}
.card-content .card ul > li .span-r .offline[data-v-387e70e6] {
  color: #8b8b8b;
}
.ulTabs[data-v-387e70e6] {
  display: flex;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-image: linear-gradient(to right, #0077c200, #00caff, #0077c200) 2 2;
  background: #48beed26;
  width: 90%;
  border-radius: 5px;
  margin: 0 auto;
}
.ulTabs li[data-v-387e70e6] {
  flex: 1;
  height: 30px;
  text-align: center;
  line-height: 30px;
  position: relative;
  border-right: 1px solid transparent;
  border-image: linear-gradient(#0077c200, #00caff, #0077c200) 2 2;
  cursor: pointer;
  color: #2effff;
}
.ulTabs li[data-v-387e70e6]:last-child {
  border: none;
}
.ulTabs li.active[data-v-387e70e6] {
  background: #021a3da0;
  color: #f8faff;
}
.theme2 .card-content .card ul[data-v-387e70e6] {
  background: #2a2b2d;
}
.theme2 .card-content .card h1 span[data-v-387e70e6],
.theme2 .card-content .card ul > li .span-r .zhibiao[data-v-387e70e6],
.theme2 .card-content .card ul > li .span-r .normal[data-v-387e70e6] {
  color: #4d91ff;
}
.theme2 .card-content .card ul > li .span-l i[data-v-387e70e6] {
  background: #4d91ff;
}
.theme2 .card-content .card h1 + h1 .alarm[data-v-387e70e6] {
  color: #ff002b;
}
.theme2 .card-content .card h1 + h1 .offline[data-v-387e70e6] {
  color: #999;
}
.pumpStationMonitoring[data-v-387e70e6] {
  display: flex;
  height: 100%;
  position: relative;
}
.pumpStationMonitoring .centerStructure[data-v-387e70e6] {
  flex: 1;
}
.pumpStationMonitoring .centerStructure .button-groups-bg li[data-v-387e70e6] {
  margin-bottom: 0;
  height: 32px;
}
.pumpStationMonitoring .btn-spe[data-v-387e70e6] {
  position: relative;
  margin-right: 10px;
}
.pumpStationMonitoring .btn-spe .btn-tigger[data-v-387e70e6] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  margin-left: 0;
}
.pumpStationMonitoring .btn-spe .btn-tigger .btn-trigger-icon[data-v-387e70e6] {
  margin-left: 10px;
  padding-left: 5px;
  border-left: 1px solid #fff;
}
.pumpStationMonitoring .CN-EN[data-v-387e70e6] {
  width: 116px !important;
  height: 32px;
  overflow: hidden;
}
.pumpStationMonitoring .nodata[data-v-387e70e6] {
  height: calc(100% - 84px);
  display: flex;
  justify-content: center;
  align-items: center;
}
.whwhwhwh[data-v-387e70e6] {
  width: 114px;
}
.en-US .pumpStationMonitoring .CN-EN[data-v-387e70e6] {
  width: 106px !important;
}

.regionalWaterStatistics {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
  overflow: auto;
}
.regionalWaterStatistics .thisMain {
  overflow: hidden;
  min-height: 740px;
  width: 100%;
  height: calc(100% - 42px);
}
.regionalWaterStatistics .thisMain .mid-top {
  width: 100%;
  height: 50%;
  position: relative;
}
.regionalWaterStatistics .thisMain .mid-top .chart1_title {
  position: absolute;
  z-index: 999;
  top: 20px;
  left: 35%;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}
.regionalWaterStatistics .thisMain .mid-top .chart1_tab {
  position: absolute;
  z-index: 999;
  top: 50px;
  left: 80%;
}
.regionalWaterStatistics .thisMain .mid-top .echartItem {
  width: 100%;
  height: 100%;
}
.regionalWaterStatistics .thisMain .mid-bottom {
  width: 100%;
  height: 50%;
  display: flex;
}
.regionalWaterStatistics .thisMain .mid-bottom .bottom-left {
  position: relative;
  width: 30%;
  height: 100%;
}
.regionalWaterStatistics .thisMain .mid-bottom .bottom-left .chart2_item {
  height: 100%;
  width: 100%;
}
.regionalWaterStatistics .thisMain .mid-bottom .bottom-middle {
  position: relative;
  width: 30%;
  height: 100%;
}
.regionalWaterStatistics .thisMain .mid-bottom .bottom-middle .chart4_item {
  height: 100%;
  width: 100%;
}
.regionalWaterStatistics .thisMain .mid-bottom .bottom-right {
  width: 40%;
  height: 100%;
  position: relative;
}
.regionalWaterStatistics .thisMain .mid-bottom .bottom-right .chart3_user_tab {
  position: absolute;
  z-index: 999;
  top: 30px;
  left: 72%;
}
.regionalWaterStatistics .thisMain .mid-bottom .bottom-right .chart3_water_tab {
  position: absolute;
  z-index: 999;
  top: 30px;
  right: 26%;
  width: 100px;
  margin-right: 20px !important;
}
.regionalWaterStatistics .thisMain .mid-bottom .bottom-right .chart3_item {
  height: 100%;
  width: 100%;
}
.regionalWaterStatistics .test .el-dialog__body {
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
}
.regionalWaterStatistics .input-with-select {
  width: 240px;
}
.regionalWaterStatistics .input-with-select .el-input__inner {
  width: 120px;
}
.theme2 .regionalWaterStatistics .thisMain .mid-top .chart1_title {
  color: #ffffff;
}

.reportQuery {
  position: relative;
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
}
.reportQuery .foldBtn {
  width: 10px;
  height: 100px;
  position: absolute;
  top: 50%;
  margin-top: -30px;
  background: #45c0e3;
  cursor: pointer;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.reportQuery .foldBtn i {
  color: #fff;
}
.reportQuery .centerStructure {
  padding-left: 0;
  display: flex;
}
.reportQuery .foldList {
  width: 200px;
  flex-shrink: 0;
  height: 105%;
  margin-top: -20px;
  border-right: 1px solid #ebeef5;
  overflow: auto;
  padding: 15px 10px 0;
}
.reportQuery .foldList::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.reportQuery .foldList::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.reportQuery .foldList::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.reportQuery .foldList::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.reportQuery .foldList > li {
  padding: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 10px;
}
.reportQuery .foldList > li:hover {
  background: #6690ff60;
  cursor: pointer;
}
.reportQuery .foldList > li:first-child {
  font-weight: bold;
}
.reportQuery .foldList > li.active {
  color: #4d91ff;
}
.reportQuery .foldList .lintit {
  margin-left: 10px;
}
.reportQuery .configs-wrap {
  padding-left: 20px;
  width: 100%;
  height: 100%;
}
.reportQuery .sepc-select .el-input.is-disabled .el-input__inner {
  cursor: pointer;
  background: none;
}
.reportQuery .empblank {
  display: flex;
  flex: 1;
  justify-content: center;
  padding-top: 40px;
}
.reportQuery .empblank span {
  font-size: 18px;
  letter-spacing: 1.5px;
}
.theme2 .reportQuery .foldList {
  border-color: #565656;
}

.drawing[data-v-692c58c8] {
  position: relative;
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
}
.drawing .centerStructure.grad[data-v-692c58c8] {
  position: relative;
  padding: 10px;
  background-image: linear-gradient(#175785, #021a3d) !important;
}
.drawing .top-content[data-v-692c58c8] {
  display: flex;
  position: relative;
}
.drawing .top-content .backBtn[data-v-692c58c8] {
  background-image: linear-gradient(to right, rgba(69, 192, 227, 0.65), rgba(0, 120, 231, 0.65));
  color: #2effff;
  border-radius: 6px;
  height: 36px;
  line-height: 34px;
  padding-left: 15px;
  padding-right: 18px;
  margin-top: 2px;
  margin-right: 25px;
  cursor: pointer;
}
.drawing .top-content .backBtn .iconfont[data-v-692c58c8] {
  margin-right: 5px;
}
.drawing .top-content h2[data-v-692c58c8] {
  position: absolute;
  top: 0;
  height: 32px;
  width: 24px;
  cursor: pointer;
  color: #f8faff;
  background: #48BEED26;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-image: linear-gradient(to right, #0077c200, #00caff, #0077c200) 2 2;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.drawing .top-content .preB[data-v-692c58c8] {
  left: 100px;
}
.drawing .top-content .nextB[data-v-692c58c8] {
  right: 0;
}
.drawing .bottom-content[data-v-692c58c8] {
  display: flex;
  min-height: 770px;
  height: 93%;
}
.drawing .bottom-content .right[data-v-692c58c8] {
  flex: 1;
  transition: all 0.4s;
  height: 100%;
  overflow: hidden;
}
.drawing .bottom-content .right .previewBox[data-v-692c58c8] {
  width: 1450px;
  height: 770px;
  margin: 0 auto;
}
.drawing .leftFixed[data-v-692c58c8] {
  width: 430px;
  min-height: 776px;
  height: calc(100% - 45px);
  position: absolute;
  top: 60px;
  right: 10px;
  transition: all 0.4s;
  border-left: 2px solid transparent;
  border-image: linear-gradient(to bottom, #00b7d900, #00ffff40, #00b7d900) 2 2;
}
.drawing .leftFixed .foldBtn[data-v-692c58c8] {
  width: 10px;
  height: 100px;
  position: absolute;
  top: 50%;
  left: -10px;
  margin-top: -80px;
  background-image: linear-gradient(to right, #45c0e375, #0078e775);
  cursor: pointer;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.drawing .leftFixed .foldBtn i[data-v-692c58c8] {
  color: #2effff;
}
.drawing .leftFixed .main[data-v-692c58c8] {
  width: 100%;
  min-height: 196px;
  height: 32%;
  position: relative;
  padding: 5px;
  padding-left: 10px;
  color: #f8faff;
}
.drawing .leftFixed .main[data-v-692c58c8]:last-child {
  min-height: 215px;
  height: 27%;
}
.drawing .leftFixed .main .chart[data-v-692c58c8] {
  width: 100%;
  height: calc(100% - 24px);
  position: relative;
  z-index: 2;
}
.drawing .leftFixed .main .seltvl[data-v-692c58c8] {
  position: absolute;
  right: 10px;
  top: 4px;
  z-index: 99;
  width: 80px;
}
.drawing .leftFixed .main .seltvl[data-v-692c58c8] .el-input__inner {
  background: rgba(16, 56, 93, 0.75);
  border-color: #164a7a;
  color: #f8faff;
  font-size: 12px;
  height: 24px;
  line-height: 24px;
}
.drawing .leftFixed .main .seltvl[data-v-692c58c8] .el-input__suffix {
  height: 24px;
}
.drawing .leftFixed .main .seltvl[data-v-692c58c8] .el-input__suffix .el-select__caret {
  font-size: 12px;
  line-height: 24px;
}
.drawing .leftFixed .firstM[data-v-692c58c8] {
  height: 46%;
  padding-top: 20px;
}
.drawing .leftFixed .lintit[data-v-692c58c8] {
  margin-bottom: 4px;
  position: relative;
  z-index: 3;
}
.drawing .leftFixed .lintit i[data-v-692c58c8] {
  background-image: linear-gradient(#45c0e3, #0078e7);
  margin-right: 8px;
}
.navBox[data-v-692c58c8] {
  width: calc(100% - 170px);
  margin-left: 25px;
  height: 45px;
  overflow: auto;
  position: relative;
}
.navBox[data-v-692c58c8]::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.navBox[data-v-692c58c8]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.navBox[data-v-692c58c8]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.navBox[data-v-692c58c8]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
nav[data-v-692c58c8] {
  min-width: 100%;
  padding-bottom: 6px;
  border-bottom: 4px solid #48beed50;
  position: absolute;
}
nav .tab-header[data-v-692c58c8] {
  display: flex;
}
nav .tab-header li[data-v-692c58c8] {
  color: #2effff;
  border-left: 1px solid transparent;
}
nav .tab-header li > div[data-v-692c58c8] {
  position: relative;
  padding: 4px 12px;
  border: 1px solid transparent;
  cursor: pointer;
  max-width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.marker[data-v-692c58c8] {
  position: absolute;
  height: 4px;
  background-image: linear-gradient(to right, #0078e7, #00caff, #0078e7);
  width: 0;
  left: 0;
  bottom: -4px;
  transition: 0.3s;
  border-radius: 4px;
}
.tab-header[data-v-692c58c8] {
  display: flex;
}
.tab-header li[data-v-692c58c8] {
  color: #2effff;
  border-left: 1px solid transparent;
}
.tab-header li > div[data-v-692c58c8] {
  position: relative;
  padding: 4px 12px;
  border: 1px solid transparent;
  cursor: pointer;
  max-width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.textBg[data-v-692c58c8] {
  background-image: linear-gradient(to right, rgba(0, 120, 231, 0.5), rgba(69, 192, 227, 0.75), rgba(0, 120, 231, 0.5));
  border: 1px solid #164a7a;
  border-radius: 5px;
  color: #f8faff;
}
.textBg[data-v-692c58c8]::before {
  content: " ";
  box-sizing: border-box;
  position: absolute;
  top: -1px;
  left: 0;
  height: 1px;
  width: 100%;
  border-top: 1px solid transparent;
  border-image: linear-gradient(to right, #0077c200, #00caff, #0077c200) 2 2;
}
.textBg[data-v-692c58c8]::after {
  content: " ";
  box-sizing: border-box;
  position: absolute;
  bottom: -1px;
  left: 0;
  height: 1px;
  width: 100%;
  border-bottom: 1px solid transparent;
  border-image: linear-gradient(to right, #0077c200, #00caff, #0077c200) 2 2;
}
.bgLeft[data-v-692c58c8] {
  border-left: 1px solid transparent;
  border-image: linear-gradient(#0077c200, #00caff, #0077c200) 2 2;
}

.waterworksSel.el-select-dropdown.el-popper {
  background: #10385d;
  border-color: #0b365f;
  width: 80px;
}
.waterworksSel.el-select-dropdown.el-popper .el-select-dropdown__item.hover,
.waterworksSel.el-select-dropdown.el-popper .el-select-dropdown__item:hover {
  background: #2d8cb6;
}
.waterworksSel.el-select-dropdown.el-popper .el-select-dropdown__item.selected {
  color: #f8faff;
}
.waterworksSel.el-select-dropdown.el-popper .el-select-dropdown__item {
  color: #bbbcc4;
  padding: 0 10px;
}
.waterworksSel.el-select-dropdown.el-popper .popper__arrow {
  border-bottom-color: #10385d;
  border-top-color: #10385d;
}
.waterworksSel.el-select-dropdown.el-popper .popper__arrow::after {
  border-bottom-color: #10385d;
  border-top-color: #10385d;
}

.card-content[data-v-8a1cc13c] {
  display: grid;
  grid-template-columns: repeat(5, 345px);
  grid-row-gap: 20px;
  grid-column-gap: 22px;
  grid-auto-rows: 340px;
  width: 100%;
  height: calc(100% - 84px);
  overflow-y: auto;
}
.card-content[data-v-8a1cc13c]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.card-content[data-v-8a1cc13c]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.card-content[data-v-8a1cc13c]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.card-content[data-v-8a1cc13c]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.card-content .card[data-v-8a1cc13c] {
  min-height: 125px;
  height: 340px;
  box-sizing: border-box;
  background: #6690ff14;
  border: 1px solid #6690ff;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.5);
  border-radius: 8px;
  padding-top: 15px;
  line-height: 28px;
}
.card-content .card.offline[data-v-8a1cc13c] {
  background: #a5a5a517;
  border-color: #999;
}
.card-content .card.alarm[data-v-8a1cc13c] {
  background: #ff95a717;
  border-color: #ff002b94;
}
.card-content .card h1[data-v-8a1cc13c] {
  margin-left: 20px;
  display: flex;
}
.card-content .card h1 > span[data-v-8a1cc13c]:first-child {
  flex-shrink: 0;
}
.card-content .card h1 + h1[data-v-8a1cc13c] {
  justify-content: space-between;
}
.card-content .card h1 + h1 > span[data-v-8a1cc13c]:last-child {
  border-radius: 30px;
  padding: 0px 10px;
  font-weight: normal;
}
.card-content .card h1 + h1 .normal[data-v-8a1cc13c] {
  color: #00b77e;
  background: #00b77e26;
}
.card-content .card h1 + h1 .alarm[data-v-8a1cc13c] {
  background: #ff002b21;
  color: #ff002b;
}
.card-content .card h1 + h1 .offline[data-v-8a1cc13c] {
  background: #66666624;
  color: #999;
}
.card-content .card h1 span[data-v-8a1cc13c] {
  color: #6690ff;
  margin-right: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.card-content .card h1 .pointer[data-v-8a1cc13c] {
  cursor: pointer;
}
.card-content .card ul[data-v-8a1cc13c] {
  background: #fff;
  margin: 10px;
  padding: 10px 15px;
  border-radius: 5px;
  height: 244px;
  overflow: auto;
}
.card-content .card ul[data-v-8a1cc13c]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.card-content .card ul[data-v-8a1cc13c]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.card-content .card ul[data-v-8a1cc13c]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.card-content .card ul[data-v-8a1cc13c]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.card-content .card ul > li[data-v-8a1cc13c] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 11px;
}
.card-content .card ul > li[data-v-8a1cc13c]:last-child {
  margin: 0;
}
.card-content .card ul > li .span-l i[data-v-8a1cc13c] {
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 10px;
  background: #6690ff;
  vertical-align: 2px;
  margin-right: 6px;
}
.card-content .card ul > li .span-l span[data-v-8a1cc13c] {
  display: inline-block;
  width: 100px;
  text-align: right;
  overflow: hidden;
  vertical-align: top;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.card-content .card ul > li .span-r[data-v-8a1cc13c] {
  display: flex;
  cursor: pointer;
}
.card-content .card ul > li .span-r .zhibiao[data-v-8a1cc13c] {
  color: #6690ff;
  font-weight: bold;
  margin-right: 10px;
  display: inline-block;
  max-width: 110px;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: top;
  text-align: right;
  overflow: hidden;
}
.card-content .card ul > li .span-r img[data-v-8a1cc13c] {
  width: 24px;
  height: 24px;
  margin-top: 2px;
  margin-right: 20px;
}
.card-content .card ul > li .span-r .normal[data-v-8a1cc13c] {
  color: #6690ff;
}
.card-content .card ul > li .span-r .offline[data-v-8a1cc13c] {
  color: #8b8b8b;
}
.ulTabs[data-v-8a1cc13c] {
  display: flex;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-image: linear-gradient(to right, #0077c200, #00caff, #0077c200) 2 2;
  background: #48beed26;
  width: 90%;
  border-radius: 5px;
  margin: 0 auto;
}
.ulTabs li[data-v-8a1cc13c] {
  flex: 1;
  height: 30px;
  text-align: center;
  line-height: 30px;
  position: relative;
  border-right: 1px solid transparent;
  border-image: linear-gradient(#0077c200, #00caff, #0077c200) 2 2;
  cursor: pointer;
  color: #2effff;
}
.ulTabs li[data-v-8a1cc13c]:last-child {
  border: none;
}
.ulTabs li.active[data-v-8a1cc13c] {
  background: #021a3da0;
  color: #f8faff;
}
.theme2 .card-content .card ul[data-v-8a1cc13c] {
  background: #2a2b2d;
}
.theme2 .card-content .card h1 span[data-v-8a1cc13c],
.theme2 .card-content .card ul > li .span-r .zhibiao[data-v-8a1cc13c],
.theme2 .card-content .card ul > li .span-r .normal[data-v-8a1cc13c] {
  color: #4d91ff;
}
.theme2 .card-content .card ul > li .span-l i[data-v-8a1cc13c] {
  background: #4d91ff;
}
.theme2 .card-content .card h1 + h1 .alarm[data-v-8a1cc13c] {
  color: #ff002b;
}
.theme2 .card-content .card h1 + h1 .offline[data-v-8a1cc13c] {
  color: #999;
}
.reservoirManagement[data-v-8a1cc13c] {
  display: flex;
  height: 100%;
  position: relative;
}
.reservoirManagement .centerStructure[data-v-8a1cc13c] {
  flex: 1;
}
.reservoirManagement .centerStructure .button-groups-bg li[data-v-8a1cc13c] {
  margin-bottom: 0;
  height: 32px;
}
.reservoirManagement .btn-spe[data-v-8a1cc13c] {
  position: relative;
  margin-right: 10px;
}
.reservoirManagement .btn-spe .btn-tigger[data-v-8a1cc13c] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  margin-left: 0;
}
.reservoirManagement .btn-spe .btn-tigger .btn-trigger-icon[data-v-8a1cc13c] {
  margin-left: 10px;
  padding-left: 5px;
  border-left: 1px solid #fff;
}
.reservoirManagement .CN-EN[data-v-8a1cc13c] {
  width: 116px !important;
  height: 32px;
  overflow: hidden;
}
.reservoirManagement .nodata[data-v-8a1cc13c] {
  height: calc(100% - 84px);
  display: flex;
  justify-content: center;
  align-items: center;
}
.whwhwhwh[data-v-8a1cc13c] {
  width: 114px;
}
.en-US .reservoirManagement .CN-EN[data-v-8a1cc13c] {
  width: 106px !important;
}

.Scene3D[data-v-86876286] {
  min-width: 1530px;
  overflow: hidden;
  height: 100%;
  position: relative;
  background-image: url(../img/3dbg.ae0f76b5.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.Scene3D .btn[data-v-86876286] {
  position: absolute;
  top: 30px;
  left: 50%;
}
[data-v-86876286] .labelBox {
  position: absolute;
  top: 0px;
  left: -74px;
}
[data-v-86876286] .labelBox.right {
  left: 74px;
}
[data-v-86876286] .borderBox {
  width: 100%;
  padding: 10px;
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid #6690ff;
  color: #fff;
  border-radius: 5px;
  background-image: linear-gradient(to right, rgba(69, 192, 227, 0.45), rgba(0, 120, 231, 0.35));
}
[data-v-86876286] .borderBox .title {
  font-size: 18px;
  text-align: center;
}
[data-v-86876286] .borderBox .row {
  display: flex;
  align-items: center;
  height: 30px;
}
[data-v-86876286] .borderBox .row .indexdb {
  color: aqua;
}
[data-v-86876286] .borderBox .row .alarm {
  color: #ff0000;
}
[data-v-86876286] .borderBox .row > div {
  flex: 1;
}
[data-v-86876286] .borderBox .row > div:nth-child(1) {
  flex: 0.8;
  text-align: center;
}
[data-v-86876286] .borderBox .row > div:nth-child(2) {
  padding-left: 20px;
}
[data-v-86876286] .arrowLine {
  width: 100px;
  height: 2px;
  position: absolute;
  left: 50%;
  top: 120px;
  transform-origin: 0px 0px;
  transform: rotateZ(45deg);
  background-color: rgba(6, 57, 105, 0.6);
}
[data-v-86876286] .arrowLine.right {
  transform: rotateZ(135deg);
}
[data-v-86876286] .arrowLine .point {
  width: 12px;
  height: 12px;
  position: absolute;
  left: 100%;
  transform-origin: 0px 0px;
  top: -4px;
  background-color: rgba(6, 57, 105, 0.6);
  border-radius: 6px;
}

.scheduleRecord[data-v-199cc429] {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.scheduleRecord .formbox .inline .no-wrap[data-v-199cc429] {
  white-space: nowrap;
}
.scheduleRecord .formbox .myDatePicker[data-v-199cc429] {
  width: 560px!important;
}
.scheduleRecord .formbox .myDatePicker[data-v-199cc429] .el-range-input {
  width: 230px!important;
}

.card-content[data-v-006c1baa] {
  display: grid;
  grid-template-columns: repeat(5, 345px);
  grid-row-gap: 20px;
  grid-column-gap: 22px;
  grid-auto-rows: 340px;
  width: 100%;
  height: calc(100% - 84px);
  overflow-y: auto;
}
.card-content[data-v-006c1baa]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.card-content[data-v-006c1baa]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.card-content[data-v-006c1baa]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.card-content[data-v-006c1baa]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.card-content .card[data-v-006c1baa] {
  min-height: 125px;
  height: 340px;
  box-sizing: border-box;
  background: #6690ff14;
  border: 1px solid #6690ff;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.5);
  border-radius: 8px;
  padding-top: 15px;
  line-height: 28px;
}
.card-content .card.offline[data-v-006c1baa] {
  background: #a5a5a517;
  border-color: #999;
}
.card-content .card.alarm[data-v-006c1baa] {
  background: #ff95a717;
  border-color: #ff002b94;
}
.card-content .card h1[data-v-006c1baa] {
  margin-left: 20px;
  display: flex;
}
.card-content .card h1 > span[data-v-006c1baa]:first-child {
  flex-shrink: 0;
}
.card-content .card h1 + h1[data-v-006c1baa] {
  justify-content: space-between;
}
.card-content .card h1 + h1 > span[data-v-006c1baa]:last-child {
  border-radius: 30px;
  padding: 0px 10px;
  font-weight: normal;
}
.card-content .card h1 + h1 .normal[data-v-006c1baa] {
  color: #00b77e;
  background: #00b77e26;
}
.card-content .card h1 + h1 .alarm[data-v-006c1baa] {
  background: #ff002b21;
  color: #ff002b;
}
.card-content .card h1 + h1 .offline[data-v-006c1baa] {
  background: #66666624;
  color: #999;
}
.card-content .card h1 span[data-v-006c1baa] {
  color: #6690ff;
  margin-right: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.card-content .card h1 .pointer[data-v-006c1baa] {
  cursor: pointer;
}
.card-content .card ul[data-v-006c1baa] {
  background: #fff;
  margin: 10px;
  padding: 10px 15px;
  border-radius: 5px;
  height: 244px;
  overflow: auto;
}
.card-content .card ul[data-v-006c1baa]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.card-content .card ul[data-v-006c1baa]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.card-content .card ul[data-v-006c1baa]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.card-content .card ul[data-v-006c1baa]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.card-content .card ul > li[data-v-006c1baa] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 11px;
}
.card-content .card ul > li[data-v-006c1baa]:last-child {
  margin: 0;
}
.card-content .card ul > li .span-l i[data-v-006c1baa] {
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 10px;
  background: #6690ff;
  vertical-align: 2px;
  margin-right: 6px;
}
.card-content .card ul > li .span-l span[data-v-006c1baa] {
  display: inline-block;
  width: 100px;
  text-align: right;
  overflow: hidden;
  vertical-align: top;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.card-content .card ul > li .span-r[data-v-006c1baa] {
  display: flex;
  cursor: pointer;
}
.card-content .card ul > li .span-r .zhibiao[data-v-006c1baa] {
  color: #6690ff;
  font-weight: bold;
  margin-right: 10px;
  display: inline-block;
  max-width: 110px;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: top;
  text-align: right;
  overflow: hidden;
}
.card-content .card ul > li .span-r img[data-v-006c1baa] {
  width: 24px;
  height: 24px;
  margin-top: 2px;
  margin-right: 20px;
}
.card-content .card ul > li .span-r .normal[data-v-006c1baa] {
  color: #6690ff;
}
.card-content .card ul > li .span-r .offline[data-v-006c1baa] {
  color: #8b8b8b;
}
.ulTabs[data-v-006c1baa] {
  display: flex;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-image: linear-gradient(to right, #0077c200, #00caff, #0077c200) 2 2;
  background: #48beed26;
  width: 90%;
  border-radius: 5px;
  margin: 0 auto;
}
.ulTabs li[data-v-006c1baa] {
  flex: 1;
  height: 30px;
  text-align: center;
  line-height: 30px;
  position: relative;
  border-right: 1px solid transparent;
  border-image: linear-gradient(#0077c200, #00caff, #0077c200) 2 2;
  cursor: pointer;
  color: #2effff;
}
.ulTabs li[data-v-006c1baa]:last-child {
  border: none;
}
.ulTabs li.active[data-v-006c1baa] {
  background: #021a3da0;
  color: #f8faff;
}
.theme2 .card-content .card ul[data-v-006c1baa] {
  background: #2a2b2d;
}
.theme2 .card-content .card h1 span[data-v-006c1baa],
.theme2 .card-content .card ul > li .span-r .zhibiao[data-v-006c1baa],
.theme2 .card-content .card ul > li .span-r .normal[data-v-006c1baa] {
  color: #4d91ff;
}
.theme2 .card-content .card ul > li .span-l i[data-v-006c1baa] {
  background: #4d91ff;
}
.theme2 .card-content .card h1 + h1 .alarm[data-v-006c1baa] {
  color: #ff002b;
}
.theme2 .card-content .card h1 + h1 .offline[data-v-006c1baa] {
  color: #999;
}
.drawing[data-v-006c1baa] {
  position: relative;
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
}
.drawing .centerStructure.grad[data-v-006c1baa] {
  position: relative;
  padding: 10px;
  background-image: linear-gradient(#175785, #021a3d) !important;
  overflow: auto;
}
.drawing .top-content[data-v-006c1baa] {
  display: flex;
}
.drawing .top-content .backBtn[data-v-006c1baa] {
  background-image: linear-gradient(to right, rgba(69, 192, 227, 0.65), rgba(0, 120, 231, 0.65));
  color: #2effff;
  border-radius: 6px;
  height: 36px;
  line-height: 34px;
  padding-left: 15px;
  padding-right: 18px;
  margin-top: 2px;
  cursor: pointer;
}
.drawing .top-content .backBtn .iconfont[data-v-006c1baa] {
  margin-right: 5px;
}
.drawing .bottom-content[data-v-006c1baa] {
  display: flex;
  min-height: 770px;
  height: 93%;
}
.drawing .bottom-content .right[data-v-006c1baa] {
  flex: 1;
  transition: all 0.4s;
  height: 100%;
  overflow: hidden;
}
.drawing .bottom-content .right .previewBox[data-v-006c1baa] {
  width: 1450px;
  height: 770px;
  margin: 0 auto;
}
.drawing .leftFixed[data-v-006c1baa] {
  width: 430px;
  min-height: 776px;
  height: 100%;
  position: absolute;
  top: 0px;
  right: 10px;
  transition: all 0.4s;
  border-left: 2px solid transparent;
  border-image: linear-gradient(to bottom, #00b7d900, #00ffff40, #00b7d900) 2 2;
}
.drawing .leftFixed .foldBtn[data-v-006c1baa] {
  width: 10px;
  height: 100px;
  position: absolute;
  top: 50%;
  left: -10px;
  margin-top: -80px;
  background-image: linear-gradient(to right, #45c0e375, #0078e775);
  cursor: pointer;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.drawing .leftFixed .foldBtn i[data-v-006c1baa] {
  color: #2effff;
}
.drawing .leftFixed .main[data-v-006c1baa] {
  width: 100%;
  min-height: 196px;
  height: 23.5%;
  position: relative;
  padding: 5px;
  padding-left: 10px;
  color: #f8faff;
}
.drawing .leftFixed .main[data-v-006c1baa]:last-child {
  min-height: 215px;
  height: 27.5%;
}
.drawing .leftFixed .main .chart[data-v-006c1baa] {
  width: 100%;
  height: calc(100% - 30px);
  position: relative;
  z-index: 2;
}
.drawing .leftFixed .firstM[data-v-006c1baa] {
  margin-top: 8px;
}
.drawing .leftFixed .lintit[data-v-006c1baa] {
  margin-bottom: 4px;
  position: relative;
  z-index: 3;
}
.drawing .leftFixed .lintit i[data-v-006c1baa] {
  background-image: linear-gradient(#45c0e3, #0078e7);
}
.drawing .leftFixed section[data-v-006c1baa] {
  height: calc(100% - 70px);
}
.drawing .leftFixed .thirdSection .devices[data-v-006c1baa] {
  display: flex;
}
.drawing .leftFixed .thirdSection .devices > li[data-v-006c1baa] {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.drawing .leftFixed .thirdSection .devices > li > i[data-v-006c1baa] {
  font-size: 42px;
  margin: 5px 0;
  background-image: linear-gradient(to top, #0089f5, #00ffff);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.drawing .leftFixed .thirdSection .controls[data-v-006c1baa] {
  padding: 0 30px;
  height: 100%;
  overflow: auto;
}
.drawing .leftFixed .thirdSection .controls[data-v-006c1baa]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.drawing .leftFixed .thirdSection .controls[data-v-006c1baa]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.drawing .leftFixed .thirdSection .controls[data-v-006c1baa]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.drawing .leftFixed .thirdSection .controls[data-v-006c1baa]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.drawing .leftFixed .thirdSection .controls > li[data-v-006c1baa] {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
  height: 28px;
}
.drawing .leftFixed .thirdSection .controls > li[data-v-006c1baa]:first-child {
  margin-top: 5px;
}
.drawing .leftFixed .thirdSection .controls > li > div:first-child i[data-v-006c1baa] {
  margin-left: 20px;
  font-size: 18px;
  vertical-align: -2px;
}
.drawing .leftFixed .thirdSection .controls > li > div:first-child i.offline[data-v-006c1baa] {
  color: #999;
}
.drawing .leftFixed .thirdSection .controls > li > div:first-child i.alarm[data-v-006c1baa] {
  color: #ff002bf0;
}
.drawing .leftFixed .thirdSection .controls > li > div:first-child i.running[data-v-006c1baa] {
  color: #6690ff;
}
.drawing .leftFixed .thirdSection .controls > li > div .btn[data-v-006c1baa] {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 4px 20px;
  background-image: linear-gradient(to right, rgba(69, 192, 227, 0.65), rgba(0, 120, 231, 0.65));
  color: #2effff;
  border-radius: 3px;
  cursor: pointer;
  margin-left: 10px;
  user-select: none;
}
.drawing .leftFixed .thirdSection .inputs[data-v-006c1baa] {
  padding: 0 30px;
  height: 100%;
  overflow: auto;
}
.drawing .leftFixed .thirdSection .inputs[data-v-006c1baa]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.drawing .leftFixed .thirdSection .inputs[data-v-006c1baa]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.drawing .leftFixed .thirdSection .inputs[data-v-006c1baa]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.drawing .leftFixed .thirdSection .inputs[data-v-006c1baa]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.drawing .leftFixed .thirdSection .inputs > li[data-v-006c1baa] {
  display: flex;
  line-height: 32px;
  margin-top: 12px;
}
.drawing .leftFixed .thirdSection .inputs > li[data-v-006c1baa]:first-child {
  margin-top: 0;
}
.drawing .leftFixed .thirdSection .inputs > li > span[data-v-006c1baa] {
  flex-basis: 270px;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.drawing .leftFixed .thirdSection .inputs > li p[data-v-006c1baa] {
  width: 50px;
  margin-left: 10px;
}
.drawing .leftFixed .thirdSection .inputs[data-v-006c1baa] .el-input__inner {
  background: transparent;
  border-color: #bbbaaa;
  color: #f8faff;
}
.drawing .leftFixed .thirdSection[data-v-006c1baa] .el-tabs {
  padding: 0 30px;
  padding-top: 10px;
}
.drawing .leftFixed .thirdSection[data-v-006c1baa] .el-tabs .el-tabs__content {
  height: 0px;
}
.drawing .leftFixed .thirdSection[data-v-006c1baa] .el-tabs .el-tabs__nav {
  float: initial;
  display: flex;
}
.drawing .leftFixed .thirdSection[data-v-006c1baa] .el-tabs .el-tabs__nav > .el-tabs__item {
  flex: 1;
  text-align: center;
  color: #2effff;
}
.drawing .leftFixed .thirdSection[data-v-006c1baa] .el-tabs .el-tabs__nav > .el-tabs__item.el-tabs__item.is-active {
  color: #f8faff;
}
.drawing .leftFixed .thirdSection[data-v-006c1baa] .el-tabs .el-tabs__nav .el-tabs__active-bar {
  background: #2effff;
}
.drawing .leftFixed .thirdSection[data-v-006c1baa] .el-tabs .el-tabs__nav-wrap::after {
  background-color: #021a3da0;
}
.drawing .leftFixed .thirdSection[data-v-006c1baa] .el-switch.is-checked .el-switch__core {
  background-image: linear-gradient(to right, #00ffff, #0089f5);
  border-color: #0089f5;
}
.drawing .leftFixed .thirdSection[data-v-006c1baa] .el-switch__core {
  background-image: linear-gradient(to right, #00ffff50, #0089f550);
  border-color: #0089f550;
}
.drawing .leftFixed[data-v-006c1baa] .carouselVideo .videoSurround .video {
  height: 227px;
}
.drawing .cityBox[data-v-006c1baa] {
  position: relative;
  width: 240px;
  height: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #262c49;
  color: #f8faff;
  margin-right: 15px;
  border-radius: 5px;
  padding: 0 10px;
  border: 1px solid #164a7a;
}
.drawing .cityBox[data-v-006c1baa]::before {
  content: " ";
  box-sizing: border-box;
  position: absolute;
  top: -1px;
  left: 0;
  height: 1px;
  width: 100%;
  border-top: 1px solid transparent;
  border-image: linear-gradient(to right, #0077c200, #00caff, #0077c200) 2 2;
}
.drawing .cityBox[data-v-006c1baa]::after {
  content: " ";
  box-sizing: border-box;
  position: absolute;
  bottom: -1px;
  left: 0;
  height: 1px;
  width: 100%;
  border-bottom: 1px solid transparent;
  border-image: linear-gradient(to right, #0077c200, #00caff, #0077c200) 2 2;
}
.drawing .cityBox .factory[data-v-006c1baa] {
  font-size: 16px;
  width: 175px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.drawing .cityBox .factory i[data-v-006c1baa] {
  margin-right: 5px;
  background-image: linear-gradient(to right, #00f3fe, #0093f7);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.drawing .cityBox .c-click[data-v-006c1baa] {
  font-size: 12px;
  border-radius: 40px;
  padding: 2px 8px;
  cursor: pointer;
  background-image: linear-gradient(to right, #2d8cb6, #126cb3);
}
.drawing .cityBox .select-layer[data-v-006c1baa] {
  position: absolute;
  top: 45px;
  left: -1px;
  z-index: 999;
  width: 240px;
  height: 0px;
  overflow: hidden;
  transition: all 0.15s;
}
.drawing .cityBox .options[data-v-006c1baa] {
  width: 100%;
  height: 100%;
  background: #262c49;
  border: 1px solid #164a7a;
  border-radius: 5px;
  padding: 7px 0;
  overflow-y: auto;
}
.drawing .cityBox .options[data-v-006c1baa]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.drawing .cityBox .options[data-v-006c1baa]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.drawing .cityBox .options[data-v-006c1baa]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.drawing .cityBox .options[data-v-006c1baa]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.drawing .cityBox .options > li[data-v-006c1baa] {
  padding: 10px 10px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.drawing .cityBox .options > li[data-v-006c1baa]:hover {
  background: #2d8cb6;
}
.drawing .cityBox .options .triangle-top[data-v-006c1baa] {
  position: absolute;
  top: -3px;
  margin-left: -5px;
  left: 50%;
  width: 10px;
  height: 10px;
  background: #262c49;
  border: 1px solid #164a7a;
  transform: rotate(45deg);
  clip-path: polygon(0 0, 0% 100%, 100% 0);
}
.drawing[data-v-006c1baa] .carouselVideo .videoSurround {
  width: 320px;
  height: 210px;
}
.liblock[data-v-006c1baa] {
  display: flex;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-image: linear-gradient(to right, #0077c200, #00caff, #0077c200) 2 2;
  background: #48beed26;
  width: 90%;
  border-radius: 5px;
  margin: 0 auto;
  margin-top: 20px;
  padding: 12px 0;
}
.liblock li[data-v-006c1baa] {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 80px;
  border-right: 1px solid transparent;
  border-image: linear-gradient(#0077c200, #00caff, #0077c200) 2 2;
}
.liblock li[data-v-006c1baa]:last-child {
  border: none;
}
.liblock li > p[data-v-006c1baa] {
  font-size: 17px;
  color: #2cf6f8;
}
.liblock li > span[data-v-006c1baa] {
  font-size: 12px;
}
.liblock li > i[data-v-006c1baa] {
  font-size: 18px;
  background-image: linear-gradient(to top, #0b6eae, #03ddec);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.mainBg[data-v-006c1baa] {
  border-bottom: 2px solid transparent;
  border-image: linear-gradient(to right, #00b7d900, #00ffff50, #00b7d900) 2 2;
}
.mainBg[data-v-006c1baa]:last-child {
  border: none;
}

.card-content[data-v-03497f8e] {
  display: grid;
  grid-template-columns: repeat(5, 345px);
  grid-row-gap: 20px;
  grid-column-gap: 22px;
  grid-auto-rows: 340px;
  width: 100%;
  height: calc(100% - 84px);
  overflow-y: auto;
}
.card-content[data-v-03497f8e]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.card-content[data-v-03497f8e]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.card-content[data-v-03497f8e]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.card-content[data-v-03497f8e]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.card-content .card[data-v-03497f8e] {
  min-height: 125px;
  height: 340px;
  box-sizing: border-box;
  background: #6690ff14;
  border: 1px solid #6690ff;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.5);
  border-radius: 8px;
  padding-top: 15px;
  line-height: 28px;
}
.card-content .card.offline[data-v-03497f8e] {
  background: #a5a5a517;
  border-color: #999;
}
.card-content .card.alarm[data-v-03497f8e] {
  background: #ff95a717;
  border-color: #ff002b94;
}
.card-content .card h1[data-v-03497f8e] {
  margin-left: 20px;
  display: flex;
}
.card-content .card h1 > span[data-v-03497f8e]:first-child {
  flex-shrink: 0;
}
.card-content .card h1 + h1[data-v-03497f8e] {
  justify-content: space-between;
}
.card-content .card h1 + h1 > span[data-v-03497f8e]:last-child {
  border-radius: 30px;
  padding: 0px 10px;
  font-weight: normal;
}
.card-content .card h1 + h1 .normal[data-v-03497f8e] {
  color: #00b77e;
  background: #00b77e26;
}
.card-content .card h1 + h1 .alarm[data-v-03497f8e] {
  background: #ff002b21;
  color: #ff002b;
}
.card-content .card h1 + h1 .offline[data-v-03497f8e] {
  background: #66666624;
  color: #999;
}
.card-content .card h1 span[data-v-03497f8e] {
  color: #6690ff;
  margin-right: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.card-content .card h1 .pointer[data-v-03497f8e] {
  cursor: pointer;
}
.card-content .card ul[data-v-03497f8e] {
  background: #fff;
  margin: 10px;
  padding: 10px 15px;
  border-radius: 5px;
  height: 244px;
  overflow: auto;
}
.card-content .card ul[data-v-03497f8e]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.card-content .card ul[data-v-03497f8e]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.card-content .card ul[data-v-03497f8e]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.card-content .card ul[data-v-03497f8e]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.card-content .card ul > li[data-v-03497f8e] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 11px;
}
.card-content .card ul > li[data-v-03497f8e]:last-child {
  margin: 0;
}
.card-content .card ul > li .span-l i[data-v-03497f8e] {
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 10px;
  background: #6690ff;
  vertical-align: 2px;
  margin-right: 6px;
}
.card-content .card ul > li .span-l span[data-v-03497f8e] {
  display: inline-block;
  width: 100px;
  text-align: right;
  overflow: hidden;
  vertical-align: top;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.card-content .card ul > li .span-r[data-v-03497f8e] {
  display: flex;
  cursor: pointer;
}
.card-content .card ul > li .span-r .zhibiao[data-v-03497f8e] {
  color: #6690ff;
  font-weight: bold;
  margin-right: 10px;
  display: inline-block;
  max-width: 110px;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: top;
  text-align: right;
  overflow: hidden;
}
.card-content .card ul > li .span-r img[data-v-03497f8e] {
  width: 24px;
  height: 24px;
  margin-top: 2px;
  margin-right: 20px;
}
.card-content .card ul > li .span-r .normal[data-v-03497f8e] {
  color: #6690ff;
}
.card-content .card ul > li .span-r .offline[data-v-03497f8e] {
  color: #8b8b8b;
}
.ulTabs[data-v-03497f8e] {
  display: flex;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-image: linear-gradient(to right, #0077c200, #00caff, #0077c200) 2 2;
  background: #48beed26;
  width: 90%;
  border-radius: 5px;
  margin: 0 auto;
}
.ulTabs li[data-v-03497f8e] {
  flex: 1;
  height: 30px;
  text-align: center;
  line-height: 30px;
  position: relative;
  border-right: 1px solid transparent;
  border-image: linear-gradient(#0077c200, #00caff, #0077c200) 2 2;
  cursor: pointer;
  color: #2effff;
}
.ulTabs li[data-v-03497f8e]:last-child {
  border: none;
}
.ulTabs li.active[data-v-03497f8e] {
  background: #021a3da0;
  color: #f8faff;
}
.theme2 .card-content .card ul[data-v-03497f8e] {
  background: #2a2b2d;
}
.theme2 .card-content .card h1 span[data-v-03497f8e],
.theme2 .card-content .card ul > li .span-r .zhibiao[data-v-03497f8e],
.theme2 .card-content .card ul > li .span-r .normal[data-v-03497f8e] {
  color: #4d91ff;
}
.theme2 .card-content .card ul > li .span-l i[data-v-03497f8e] {
  background: #4d91ff;
}
.theme2 .card-content .card h1 + h1 .alarm[data-v-03497f8e] {
  color: #ff002b;
}
.theme2 .card-content .card h1 + h1 .offline[data-v-03497f8e] {
  color: #999;
}
.secondSupplyMonitor[data-v-03497f8e] {
  display: flex;
  height: 100%;
  position: relative;
}
.secondSupplyMonitor .centerStructure[data-v-03497f8e] {
  flex: 1;
}
.secondSupplyMonitor .centerStructure .button-groups-bg li[data-v-03497f8e] {
  margin-bottom: 0;
  height: 32px;
}
.secondSupplyMonitor .btn-spe[data-v-03497f8e] {
  position: relative;
  margin-right: 10px;
}
.secondSupplyMonitor .btn-spe .btn-tigger[data-v-03497f8e] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  margin-left: 0;
}
.secondSupplyMonitor .btn-spe .btn-tigger .btn-trigger-icon[data-v-03497f8e] {
  margin-left: 10px;
  padding-left: 5px;
  border-left: 1px solid #fff;
}
.secondSupplyMonitor .CN-EN[data-v-03497f8e] {
  width: 116px !important;
  height: 32px;
  overflow: hidden;
}
.secondSupplyMonitor .nodata[data-v-03497f8e] {
  height: calc(100% - 84px);
  display: flex;
  justify-content: center;
  align-items: center;
}
.whwhwhwh[data-v-03497f8e] {
  width: 114px;
}
.en-US .secondSupplyMonitor .CN-EN[data-v-03497f8e] {
  width: 106px !important;
}

.tree-box header[data-v-57087565] {
  display: flex;
  justify-content: space-between;
  padding: 10px;
}
.tree-box .treesearch[data-v-57087565] {
  padding: 0px 10px;
}
.tree-box .overauto[data-v-57087565] {
  width: 240px;
  height: 100%;
  overflow: auto;
  padding: 0 10px;
}
.tree-box .overauto[data-v-57087565]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.tree-box .overauto[data-v-57087565]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.tree-box .overauto[data-v-57087565]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.tree-box .overauto[data-v-57087565]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.tree-box .overauto .el-tree[data-v-57087565] {
  min-width: 100%;
  display: inline-block;
  margin-top: 10px;
}
.tree-box .overauto .el-tree .el-tree-node[data-v-57087565] {
  overflow: auto;
}
.tree-box .editIcon[data-v-57087565] {
  display: none;
  margin-left: 5px;
}
.tree-box .editIcon i[data-v-57087565] {
  margin-right: 5px;
}
.tree-box .treeIcon[data-v-57087565] {
  width: 100%;
}
.tree-box .treeIcon .iconfont[data-v-57087565] {
  margin-right: 4px;
}
.tree-box .treeIcon .iconfont.gray[data-v-57087565] {
  color: #999;
}
.en-US .el-dropdown-menu--small .el-dropdown-menu__item[data-v-57087565] {
  font-size: 12px;
}
.theme2 .tree-box .overauto[data-v-57087565]::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.1);
}
.theme2 .tree-box .overauto[data-v-57087565]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}

.tree-box[data-v-6111dd4a] {
  margin-top: 20px;
}
.tree-box header[data-v-6111dd4a] {
  display: flex;
  justify-content: space-between;
  padding: 10px;
}
.tree-box .treesearch[data-v-6111dd4a] {
  padding: 0px 10px;
}
.tree-box .overauto[data-v-6111dd4a] {
  width: 240px;
  height: 100%;
  overflow: auto;
  padding: 0 10px;
}
.tree-box .overauto[data-v-6111dd4a]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.tree-box .overauto[data-v-6111dd4a]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.tree-box .overauto[data-v-6111dd4a]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.tree-box .overauto[data-v-6111dd4a]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.tree-box .overauto .el-tree[data-v-6111dd4a] {
  min-width: 100%;
  display: inline-block;
  margin-top: 10px;
}
.tree-box .overauto .el-tree .el-tree-node[data-v-6111dd4a] {
  overflow: auto;
}
.tree-box .editIcon[data-v-6111dd4a] {
  display: none;
  margin-left: 5px;
}
.tree-box .editIcon i[data-v-6111dd4a] {
  margin-right: 5px;
}
.tree-box .treeIcon[data-v-6111dd4a] {
  width: 100%;
}
.tree-box .treeIcon .iconfont[data-v-6111dd4a] {
  margin-right: 4px;
}
.tree-box .treeIcon .iconfont.gray[data-v-6111dd4a] {
  color: #999;
}
.en-US .el-dropdown-menu--small .el-dropdown-menu__item[data-v-6111dd4a] {
  font-size: 12px;
}
.theme2 .tree-box .overauto[data-v-6111dd4a]::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.1);
}
.theme2 .tree-box .overauto[data-v-6111dd4a]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}

.tree-box header[data-v-21c619ed] {
  display: flex;
  justify-content: space-between;
  padding: 10px;
}
.tree-box .treesearch[data-v-21c619ed] {
  padding: 0px 10px;
}
.tree-box .overauto[data-v-21c619ed] {
  width: 240px;
  height: 100%;
  overflow: auto;
  padding: 0 10px;
}
.tree-box .overauto[data-v-21c619ed]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.tree-box .overauto[data-v-21c619ed]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.tree-box .overauto[data-v-21c619ed]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.tree-box .overauto[data-v-21c619ed]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.tree-box .overauto .el-tree[data-v-21c619ed] {
  min-width: 100%;
  display: inline-block;
  margin-top: 10px;
}
.tree-box .overauto .el-tree .el-tree-node[data-v-21c619ed] {
  overflow: auto;
}
.tree-box .editIcon[data-v-21c619ed] {
  display: none;
  margin-left: 5px;
}
.tree-box .editIcon i[data-v-21c619ed] {
  margin-right: 5px;
}
.tree-box .treeIcon[data-v-21c619ed] {
  width: 100%;
}
.tree-box .treeIcon .iconfont[data-v-21c619ed] {
  margin-right: 4px;
}
.tree-box .treeIcon .iconfont.gray[data-v-21c619ed] {
  color: #999;
}
.en-US .el-dropdown-menu--small .el-dropdown-menu__item[data-v-21c619ed] {
  font-size: 12px;
}
.theme2 .tree-box .overauto[data-v-21c619ed]::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.1);
}
.theme2 .tree-box .overauto[data-v-21c619ed]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}

.videoSurveillance[data-v-29819072] {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  position: relative;
  display: flex;
}
.videoSurveillance .leftStructure[data-v-29819072] {
  position: relative;
  padding-top: 10px;
}
.videoSurveillance .leftStructure .lintit[data-v-29819072] {
  margin-left: 10px;
  margin-bottom: 5px;
}
.videoSurveillance .leftStructure[data-v-29819072] .tree-box {
  height: calc(100vh - 224px);
}
.videoSurveillance .marL10[data-v-29819072] {
  margin-left: 20px;
}
.videoSurveillance .spec-radio[data-v-29819072] {
  display: block;
  text-align: center;
  margin-bottom: 10px;
  margin-top: 15px;
  white-space: nowrap;
  overflow: auto;
}
.videoSurveillance .spec-radio[data-v-29819072]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.videoSurveillance .spec-radio[data-v-29819072]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.videoSurveillance .spec-radio[data-v-29819072]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.videoSurveillance .spec-radio[data-v-29819072]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.videoSurveillance .spec-radio[data-v-29819072] .el-radio-button--small .el-radio-button__inner {
  padding: 8px 10px;
}
.videoSurveillance .small-radio[data-v-29819072] {
  margin-right: 20px;
}
.videoSurveillance .small-radio[data-v-29819072] .el-radio-button--small .el-radio-button__inner {
  padding-top: 3px;
  padding-bottom: 3px;
}
.videoSurveillance .radioDiy[data-v-29819072] {
  margin-right: 20px;
}
.videoSurveillance .radioDiy[data-v-29819072] .el-radio-button--small .el-radio-button__inner {
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 14px;
}
.videoSurveillance .centerStructure[data-v-29819072] {
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
.videoSurveillance .video[data-v-29819072] {
  height: 100%;
}
.videoSurveillance .grid-box[data-v-29819072] {
  height: 94.8%;
}
.videoSurveillance .grid-box > .grid[data-v-29819072] {
  background-color: #18191b;
  grid-gap: 6px;
  display: grid;
  height: 100%;
  grid-auto-flow: row dense;
  justify-content: space-evenly;
}
.videoSurveillance .grid-box > .grid > div[data-v-29819072] {
  height: 100%;
  background: #606060;
  overflow: hidden;
}
.videoSurveillance .grid-box .grid-one[data-v-29819072] {
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
}
.videoSurveillance .grid-box .grid-four[data-v-29819072] {
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
}
.videoSurveillance .grid-box .grid-nine[data-v-29819072] {
  grid-template-rows: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}
.videoSurveillance .grid-box .player_set_fullScreen[data-v-29819072] {
  z-index: 9999;
}
.videoSurveillance .options[data-v-29819072] {
  padding-left: 20px;
  height: 40px;
  line-height: 40px;
}
.videoSurveillance .options .spec-select[data-v-29819072] {
  width: 100px;
  vertical-align: -2px;
}
.videoSurveillance .options .spec-select[data-v-29819072] .el-input__inner {
  height: 26px;
}
.videoSurveillance .options .spec-select[data-v-29819072] .el-input__icon {
  height: 70%;
  line-height: 28px;
}
.videoSurveillance .options .icon-btn[data-v-29819072] {
  font-size: 23px;
  color: #6690ff;
  vertical-align: middle;
  cursor: pointer;
}
.videoSurveillance .ver[data-v-29819072] {
  vertical-align: -2px;
}
.videoSurveillance .btn-spe[data-v-29819072] {
  position: absolute;
  right: 10px;
  top: 10px;
}
.videoSurveillance .btn-spe .btn-tigger[data-v-29819072] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  margin-left: 0;
  font-size: 14px;
}
.videoSurveillance .btn-spe .btn-tigger .btn-trigger-icon[data-v-29819072] {
  margin-left: 10px;
  padding-left: 5px;
  border-left: 1px solid #fff;
}
.videoSurveillance .CN-EN[data-v-29819072] {
  width: 116px !important;
  height: 28px;
  overflow: hidden;
}
.whwhwhwh[data-v-29819072] {
  width: 114px;
}
.en-US .pumpStationMonitoring .CN-EN[data-v-29819072] {
  width: 106px !important;
}


.leftNosource {
  min-width: 116px !important;
}

.informationReviewDetail {
  width: 100%;
  height: 100%;
  padding-left: 10px;
  position: relative;
  overflow: auto;
  display: flex;
}
.informationReviewDetail .leftHalf {
  width: 611px;
  height: 100%;
  margin-left: 10px;
  flex-direction: column;
}
.informationReviewDetail .leftHalf .informationDetail {
  width: 100%;
  height: 100%;
}
.informationReviewDetail .leftHalf .informationDetail .lintit {
  line-height: 32px;
  margin-bottom: 0;
}
.informationReviewDetail .leftHalf .informationDetail .row-bg {
  padding: 0 10px;
  color: #404042;
}
.informationReviewDetail .leftHalf .informationDetail .row-bg .text_align_r {
  text-align: right;
}
.informationReviewDetail .leftHalf .informationDetail .row-bg .valueB {
  font-weight: bold;
}
.informationReviewDetail .leftHalf .informationDetail .el-col {
  margin-bottom: 10px;
}
.informationReviewDetail .leftHalf .informationDetail .timeValue {
  width: 170px;
}
.informationReviewDetail .leftHalf .informationDetail .timeValue .el-select-dropdown__item {
  width: 170px;
}
.informationReviewDetail .leftHalf .informationDetail .margintop5 {
  margin-top: 5px;
}
.informationReviewDetail .leftHalf .informationDetail .leftFooter {
  margin: 10px 10px 10px 0;
  text-align: right;
}
.informationReviewDetail .rightHalf {
  height: 100%;
  margin-left: 1px;
  padding-left: 20px ;
  width: calc(100% - 631px);
  flex-direction: column;
  border-left: 1px solid #dadada;
}
.informationReviewDetail .rightHalf .lintit {
  line-height: 32px;
  margin-bottom: 0;
}
.informationReviewDetail .rightHalf .titleBorder {
  font-size: 14px;
  line-height: 32px;
  color: #404042;
  display: flex;
  width: 1010px;
}
.informationReviewDetail .rightHalf .titleBorder .titleLabelBox {
  flex: 1;
  line-height: 32px;
  padding-right: 10px;
}
.informationReviewDetail .rightHalf .titleBorder .titleLabelBox .firstDesc {
  line-height: 32px;
  width: 100%;
  font-weight: bold;
}
.informationReviewDetail .rightHalf .titleBorder .titleLabelBoxIcon {
  flex: 1;
  line-height: 32px;
  text-align: right;
}
.informationReviewDetail .rightHalf .titleBorder .titleLabelBoxIcon .titleIcon {
  position: relative;
  font-size: 20px;
  cursor: pointer;
  margin: 0 8px;
  color: #6690ff;
}
.informationReviewDetail .rightHalf .picTotal {
  padding-top: 10px;
  height: calc(100% - 86px);
  width: 100%;
}
.informationReviewDetail .rightHalf .picTotal .picMain {
  border: 1px solid #dadada;
  margin: 0 10px 0 0;
  width: 1000px;
  height: 500px;
  align-content: initial;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.informationReviewDetail .rightHalf .picTotal .picMain .pic {
  height: 100%;
  width: auto;
}
.informationReviewDetail .rightHalf .picTotal .picFoot {
  top: 10px;
  position: relative;
  height: 150px;
  display: flex;
  align-items: center;
}
.informationReviewDetail .rightHalf .picTotal .picFoot .picFootCumsFirst {
  cursor: pointer;
  width: 100px;
  height: 100px;
  margin: 0 10px 0 20px;
  font-size: 80px;
  line-height: 100px;
  text-align: center;
  color: #6690ff;
}
.informationReviewDetail .rightHalf .picTotal .picFoot .picFootCums {
  flex: 1;
  cursor: pointer;
  border: 1px solid #dadada;
  width: 100px;
  height: 100px;
  margin: 0 13px;
  overflow: hidden;
}
.informationReviewDetail .rightHalf .picTotal .picFoot .picFootCums .picBom {
  cursor: pointer;
  width: 100px;
  height: 100px;
}
.informationReviewDetail .rightHalf .picTotal .picFoot .picFootCumsEnd {
  cursor: pointer;
  width: 100px;
  height: 100px;
  font-size: 80px;
  text-align: center;
  line-height: 100px;
  color: #6690ff;
  position: relative;
  left: 13px;
}
.informationReviewDetail .rightHalf .picTotal .picFoot .active {
  border: 3px solid #6690ff;
}
.informationReviewDetail .rightHalf .picTotal .picFoot .cannotClick {
  cursor: not-allowed;
}
.informationReviewDetail .timeValueStatus .el-select-dropdown__item {
  width: 170px;
}
.theme2 .informationReviewDetail .leftHalf .informationDetail .row-bg {
  color: #b7b7b7;
}
.theme2 .informationReviewDetail .rightHalf {
  border-left: 1px solid #494949;
}
.theme2 .informationReviewDetail .rightHalf .picTotal .picMain {
  border: 1px solid #494949;
}
.theme2 .informationReviewDetail .rightHalf .titleBorder {
  color: #b7b7b7;
}
.theme2 .informationReviewDetail .rightHalf .picTotal .picFoot .picFootCums {
  border: 1px solid #494949;
}
.theme2 .informationReviewDetail .rightHalf .picTotal .picFoot .active {
  border: 3px solid #6690ff;
}

.informationReview {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.informationReview .el-select-dropdown__empty {
  width: 140px;
}
.informationReview .inp1 {
  margin: 0 0;
}
.informationReview .inp2 {
  margin: 0 0 0 10px;
}
.informationReview .el-drawer__header {
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.informationReview .el-drawer__header span {
  margin-left: -10px;
  font-size: 16px;
}

.staticBox {
  margin-left: 10px;
  margin-right: 10px;
}
.dispatchingConfiguration {
  width: 1860px;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.dispatchingConfiguration .tips-icon {
  position: absolute;
  right: 20px;
  top: 104px;
  cursor: pointer;
  outline: none;
}
.dispatchingConfiguration .el-table::before {
  z-index: 19;
}
.dispatchingConfiguration .el-dialog__wrapper .el-dialog__body {
  padding: 0px 0px;
  color: inherit;
}
.dispatchingConfiguration .el-dialog__wrapper .el-dialog__body .innerTree .tree-box .overauto {
  width: 238px;
  height: 464px;
}
.dispatchingConfiguration .pressureTree .tree-box {
  height: calc(100vh - 468px);
}
.dispatchingConfiguration .pressureTree .tree-box .overauto {
  width: 300px;
  height: 418px;
  overflow: auto;
  padding: 0 10px;
}
.dispatchingConfiguration .outCenter {
  flex: 1;
  width: 800px;
  height: 100%;
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
}
.dispatchingConfiguration .outCenter .leftStructure {
  overflow: hidden;
  width: 240px;
  height: 100%;
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgb(68 48 4.8%);
  margin-right: 10px;
  flex-shrink: 0;
}
.dispatchingConfiguration .outCenter .leftStructure .tree-box {
  height: calc(100vh - 230px);
}
.dispatchingConfiguration .outCenter .leftStructure .tree-box .overauto {
  width: 240px;
  height: 100%;
  overflow: auto;
  padding: 0 10px;
}
.dispatchingConfiguration .outCenter .pressure {
  width: 1860px;
  overflow: auto;
  position: relative;
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
  padding: 0px 20px 20px 20px;
}
.dispatchingConfiguration .outCenter .pressure .el-input-group__append,
.dispatchingConfiguration .outCenter .pressure .el-input-group__prepend {
  padding: 5px;
  color: #909399;
}
.dispatchingConfiguration .outCenter .pressure .cont-right-w {
  z-index: 99;
  position: absolute;
  background: #fff;
  width: 99%;
  height: 714px;
  top: 62px;
  left: 0;
}
.dispatchingConfiguration .outCenter .pressure .cont-right-b {
  z-index: 99;
  position: absolute;
  background: #2a2b2d;
  width: 99%;
  height: 714px;
  top: 62px;
  left: 0;
}
.dispatchingConfiguration .outCenter .pressure .echarts-dom {
  width: 100%;
  height: 692px;
}
.dispatchingConfiguration .outCenter .pressure .echarts-dom2 {
  width: 100%;
  height: 647px;
  position: relative;
  top: 5px;
}
.dispatchingConfiguration .outCenter .pressure .searchBox {
  width: 96%;
  margin-bottom: 5px;
  display: flex;
}
.dispatchingConfiguration .outCenter .pressure .el-table__body-wrapper {
  z-index: 2;
}
.dispatchingConfiguration .outCenter .pressure .containBtns {
  justify-content: space-between;
}
.dispatchingConfiguration .outCenter .pressure .searchLeftArea {
  display: flex;
  line-height: 32px;
}
.dispatchingConfiguration .outCenter .pressure .btn-spe {
  position: relative;
}
.dispatchingConfiguration .outCenter .pressure .btn-spe .btn-tigger {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  margin-left: 0;
}
.dispatchingConfiguration .outCenter .pressure .btn-spe .btn-tigger .btn-trigger-icon {
  margin-left: 10px;
  padding-left: 5px;
  border-left: 1px solid #fff;
}
.dispatchingConfiguration .outCenter .pressure .CN-EN {
  width: 116px !important;
  height: 32px;
  overflow: hidden;
}
.dispatchingConfiguration .outCenter .pressure .detail-content {
  margin-top: 20px;
  width: 100%;
  height: calc(100% - 44px);
}
.dispatchingConfiguration .outCenter .pressure .chartArea {
  position: relative;
  height: calc(100% - 110px);
}
.dispatchingConfiguration .outCenter .pressure .chartArea .el-checkbox {
  position: absolute;
  top: 80px;
  right: 300px;
}
.dispatchingConfiguration .outCenter .centerMyself {
  width: 466px;
  overflow: auto;
  margin-right: 10px;
  position: relative;
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
}
.dispatchingConfiguration .outCenter .centerMyself .el-input-group__append,
.dispatchingConfiguration .outCenter .centerMyself .el-input-group__prepend {
  padding: 5px;
  color: #909399;
}
.dispatchingConfiguration .outCenter .centerMyself .cont-right-w {
  z-index: 99;
  position: absolute;
  background: #fff;
  width: 99%;
  height: 714px;
  top: 62px;
  left: 0;
}
.dispatchingConfiguration .outCenter .centerMyself .cont-right-b {
  z-index: 99;
  position: absolute;
  background: #2a2b2d;
  width: 99%;
  height: 714px;
  top: 62px;
  left: 0;
}
.dispatchingConfiguration .outCenter .centerMyself .echarts-dom {
  width: 100%;
  height: 692px;
}
.dispatchingConfiguration .outCenter .centerMyself .echarts-dom2 {
  width: 100%;
  height: 647px;
  position: relative;
  top: 5px;
}
.dispatchingConfiguration .outCenter .centerMyself .searchBox {
  width: 96%;
  margin-bottom: 5px;
  display: flex;
}
.dispatchingConfiguration .outCenter .centerMyself .el-table__body-wrapper {
  z-index: 2;
}
.dispatchingConfiguration .outCenter .centerMyself .containBtns {
  justify-content: space-between;
}
.dispatchingConfiguration .outCenter .centerMyself .searchLeftArea {
  display: flex;
  line-height: 32px;
}
.dispatchingConfiguration .outCenter .centerMyself .btn-spe {
  position: relative;
}
.dispatchingConfiguration .outCenter .centerMyself .btn-spe .btn-tigger {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  margin-left: 0;
}
.dispatchingConfiguration .outCenter .centerMyself .btn-spe .btn-tigger .btn-trigger-icon {
  margin-left: 10px;
  padding-left: 5px;
  border-left: 1px solid #fff;
}
.dispatchingConfiguration .outCenter .centerMyself .CN-EN {
  width: 116px !important;
  height: 32px;
  overflow: hidden;
}
.dispatchingConfiguration .outCenter .centerMyself .detail-content {
  margin-top: 20px;
  width: 100%;
  height: calc(100% - 44px);
}
.dispatchingConfiguration .outCenter .centerMyself .chartArea {
  position: relative;
  height: calc(100% - 110px);
}
.dispatchingConfiguration .outCenter .centerMyself .chartArea .el-checkbox {
  position: absolute;
  top: 80px;
  right: 300px;
}
.dispatchingConfiguration .outCenter .right {
  width: 61%;
  overflow: auto;
  position: relative;
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
}
.dispatchingConfiguration .outCenter .right .cont-right-w {
  z-index: 99;
  position: absolute;
  background: #fff;
  width: 99%;
  height: 714px;
  top: 62px;
  left: 0;
}
.dispatchingConfiguration .outCenter .right .cont-right-b {
  z-index: 99;
  position: absolute;
  background: #2a2b2d;
  width: 99%;
  height: 714px;
  top: 62px;
  left: 0;
}
.dispatchingConfiguration .outCenter .right .echarts-dom {
  width: 100%;
  height: 692px;
}
.dispatchingConfiguration .outCenter .right .echarts-dom2 {
  width: 100%;
  height: 647px;
  position: relative;
  top: 5px;
}
.dispatchingConfiguration .outCenter .right .searchBox {
  width: 96%;
  margin-bottom: 5px;
  display: flex;
}
.dispatchingConfiguration .outCenter .right .el-table__body-wrapper {
  z-index: 2;
}
.dispatchingConfiguration .outCenter .right .containBtns {
  justify-content: space-between;
}
.dispatchingConfiguration .outCenter .right .searchLeftArea {
  display: flex;
  line-height: 32px;
}
.dispatchingConfiguration .outCenter .right .btn-spe {
  position: relative;
}
.dispatchingConfiguration .outCenter .right .btn-spe .btn-tigger {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  margin-left: 0;
}
.dispatchingConfiguration .outCenter .right .btn-spe .btn-tigger .btn-trigger-icon {
  margin-left: 10px;
  padding-left: 5px;
  border-left: 1px solid #fff;
}
.dispatchingConfiguration .outCenter .right .CN-EN {
  width: 116px !important;
  height: 32px;
  overflow: hidden;
}
.dispatchingConfiguration .outCenter .right .detail-content {
  margin-top: 20px;
  width: 100%;
  height: calc(100% - 44px);
}
.dispatchingConfiguration .outCenter .right .chartArea {
  position: relative;
  height: calc(100% - 110px);
}
.dispatchingConfiguration .outCenter .right .chartArea .el-checkbox {
  position: absolute;
  top: 80px;
  right: 300px;
}
.dispatchingConfiguration .outCenter .el-tabs {
  height: 100%;
}
.dispatchingConfiguration .outCenter .el-tabs .el-tabs__nav {
  margin-left: 20px;
}
.dispatchingConfiguration .outCenter .el-tabs .el-tab-pane {
  height: 100%;
}
.dispatchingConfiguration .outCenter .el-tabs .el-tabs el-tabs--top {
  height: 100%;
}
.dispatchingConfiguration .outCenter .el-tabs .el-tabs__header {
  margin: 0 0 10px;
}
.dispatchingConfiguration .outCenter .el-tabs .el-tabs__content {
  height: 100%;
}
.dispatchingConfiguration .outCenter .el-tabs .el-tabs__content .msg {
  display: flex;
  height: 100%;
}
.dispatchingConfiguration .outCenter .el-tabs .el-tabs__content .msg .formbox {
  padding-right: 20px;
  max-height: 611px;
  overflow-y: auto;
}
.dispatchingConfiguration .outCenter .el-tabs .el-tabs__content .msg .formbox .inline {
  display: flex;
  width: 500px;
  justify-content: space-between;
}
.dispatchingConfiguration .outCenter .el-tabs .el-tabs__content .msg .formbox .inline-two {
  display: flex;
}
.dispatchingConfiguration .outCenter .el-tabs .el-tabs__content .msg .formbox .inline-two .el-form-item:nth-child(2) {
  margin-left: 40px;
}
.dispatchingConfiguration .outCenter .el-tabs .el-tab-pane {
  height: 100%;
}
.dispatchingConfiguration .outCenter .el-tabs .el-tabs__content {
  height: calc(100% - 50px) !important;
}
.dispatchingConfiguration .outCenter .el-tabs .el-tabs__content .wechat {
  height: 100%;
}
.dispatchingConfiguration .outCenter .el-tabs .el-tabs__content .wechat .formbox {
  padding-right: 20px;
  max-height: 611px;
  overflow-y: auto;
}
.dispatchingConfiguration .outCenter .el-tabs .el-tabs__content .wechat .formbox .inline {
  display: flex;
  width: 500px;
  justify-content: space-between;
}
.dispatchingConfiguration .outCenter .el-tabs .el-tabs__content .wechat .formbox .inline-two {
  display: flex;
}
.dispatchingConfiguration .outCenter .el-tabs .el-tabs__content .wechat .formbox .inline-two .el-form-item:nth-child(2) {
  margin-left: 40px;
}

.fileManagement {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.fileManagement .wh200 {
  width: 200px;
}
.fileManagement .attachment-manager {
  border: 1px solid #e4e7ed;
  border-radius: 4px;
  padding: 16px;
  background-color: #fafafa;
}
.fileManagement .attachment-header {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.fileManagement .attachment-header .label {
  font-weight: bold;
  margin-right: 12px;
  color: #606266;
}
.fileManagement .attachment-list {
  margin-top: 12px;
  height: 300px;
  overflow-y: auto;
}
.fileManagement .attachment-item {
  display: flex;
  align-items: flex-start;
  padding: 12px;
  background: white;
  border: 1px solid #e4e7ed;
  border-radius: 4px;
  margin-bottom: 12px;
}
.fileManagement .attachment-name {
  flex: 1;
  margin-bottom: 0;
}
.fileManagement .attachment-name ::v-deep .el-form-item__content {
  margin-left: 0 !important;
}
.fileManagement .file-upload {
  flex: 2;
  margin-right: 20px;
}
.fileManagement .file-info {
  font-size: 12px;
  color: #909399;
}
.fileManagement .file-name {
  font-weight: 500;
}
.fileManagement .attachment-actions {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.holidaySetting {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.holidaySetting .el-calendar-table td {
  vertical-align: top;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}

.userBinding {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
}
.userBinding .tips-icon {
  right: inherit;
  margin-left: 20px;
}
.userBinding .field_remark {
  display: inline-block;
  margin-left: 20px;
}
.userBinding .el-select {
  width: 200px;
}
.userBinding .self_area {
  width: 450px;
}
.userBinding .el-radio {
  margin-right: 0;
}

.divClass[data-v-645fe2fe] {
  overflow-x: auto;
  height: 100%;
}
.editorDemo[data-v-645fe2fe] {
  width: 880px;
}
.self_area[data-v-645fe2fe] {
  width: 450px;
}
.self_submit[data-v-645fe2fe] {
  margin-left: 376px;
}

.divClass[data-v-add074d8] {
  overflow-x: auto;
  height: 100%;
}
.editorDemo[data-v-add074d8] {
  width: 880px;
}
.self_area[data-v-add074d8] {
  width: 450px;
}
.self_submit[data-v-add074d8] {
  margin-left: 376px;
}

.divClass[data-v-00afda00] {
  overflow-x: auto;
  height: 100%;
}
.editorDemo[data-v-00afda00] {
  width: 880px;
}
.self_area[data-v-00afda00] {
  width: 450px;
}
.self_submit[data-v-00afda00] {
  margin-left: 376px;
}

.divClass[data-v-265454b3] {
  overflow-x: auto;
  height: 100%;
}
.editorDemo[data-v-265454b3] {
  width: 880px;
}
.self_area[data-v-265454b3] {
  width: 450px;
}
.self_submit[data-v-265454b3] {
  margin-left: 376px;
}

.divClass[data-v-5a6eb19a] {
  overflow-x: auto;
  height: 100%;
}
.editorDemo[data-v-5a6eb19a] {
  width: 880px;
}
.self_area[data-v-5a6eb19a] {
  width: 450px;
}
.self_submit[data-v-5a6eb19a] {
  margin-left: 376px;
}

.self_area[data-v-84aa2e46] {
  width: 450px;
}
.self_submit[data-v-84aa2e46] {
  margin-left: 376px;
  margin-top: 10px;
}

.self_area[data-v-9490b7c4] {
  width: 450px;
}
.self_submit[data-v-9490b7c4] {
  margin-left: 376px;
  margin-top: 10px;
}

.tips-icon[data-v-642f6854] {
  right: inherit;
  margin-left: 20px;
}
.field_remark[data-v-642f6854] {
  display: inline-block;
  margin-left: 20px;
}
[data-v-642f6854] .el-select {
  width: 200px;
}
.self_area[data-v-642f6854] {
  width: 450px;
}
.self_submit[data-v-642f6854] {
  margin-left: 376px;
}
[data-v-642f6854] .el-radio {
  margin-right: 0 !important;
}

.tips-icon[data-v-82f11dd6] {
  right: inherit;
  margin-left: 20px;
}
.field_remark[data-v-82f11dd6] {
  display: inline-block;
  margin-left: 20px;
}
[data-v-82f11dd6] .el-select {
  width: 200px;
}
.self_area[data-v-82f11dd6] {
  width: 450px;
}
.self_submit[data-v-82f11dd6] {
  margin-left: 376px;
}
[data-v-82f11dd6] .el-radio {
  margin-right: 0 !important;
}

.tips-icon[data-v-73dc85e3] {
  right: inherit;
  margin-left: 20px;
}
.field_remark[data-v-73dc85e3] {
  display: inline-block;
  margin-left: 20px;
}
[data-v-73dc85e3] .el-select {
  width: 200px;
}
.self_area[data-v-73dc85e3] {
  width: 450px;
}
.self_submit[data-v-73dc85e3] {
  margin-left: 376px;
}
[data-v-73dc85e3] .el-radio {
  margin-right: 0 !important;
}

.tips-icon[data-v-3f7d48e2] {
  right: inherit;
  margin-left: 20px;
}
.field_remark[data-v-3f7d48e2] {
  display: inline-block;
  margin-left: 20px;
}
[data-v-3f7d48e2] .el-select {
  width: 200px;
}
.self_area[data-v-3f7d48e2] {
  width: 450px;
}
.self_submit[data-v-3f7d48e2] {
  margin-left: 376px;
}
[data-v-3f7d48e2] .el-radio {
  margin-right: 0 !important;
}

.tips-icon[data-v-61b05a8a] {
  right: inherit;
  margin-left: 20px;
}
.field_remark[data-v-61b05a8a] {
  display: inline-block;
  margin-left: 20px;
}
[data-v-61b05a8a] .el-select {
  width: 200px;
}
.self_area[data-v-61b05a8a] {
  width: 450px;
}
.self_submit[data-v-61b05a8a] {
  margin-left: 376px;
}
[data-v-61b05a8a] .el-radio {
  margin-right: 0 !important;
}

.inspectionBusiness {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
}

.ispEvent {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
}

.tips-icon[data-v-38e4ca6a] {
  right: inherit;
  margin-left: 20px;
}
.field_remark[data-v-38e4ca6a] {
  display: inline-block;
  margin-left: 20px;
}
[data-v-38e4ca6a] .el-select {
  width: 200px;
}
.self_area[data-v-38e4ca6a] {
  width: 450px;
}
.self_submit[data-v-38e4ca6a] {
  margin-left: 320px;
}
[data-v-38e4ca6a] .el-radio {
  margin-right: 0 !important;
}

.tips-icon[data-v-1b27c3bd] {
  right: inherit;
  margin-left: 20px;
}
.field_remark[data-v-1b27c3bd] {
  display: inline-block;
  margin-left: 20px;
}
[data-v-1b27c3bd] .el-select {
  width: 200px;
}
.self_area[data-v-1b27c3bd] {
  width: 450px;
}
.self_submit[data-v-1b27c3bd] {
  margin-left: 320px;
}
[data-v-1b27c3bd] .el-radio {
  margin-right: 0 !important;
}

.updateNode {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
}

.facilitiesManagement {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
}

.searchSelect.close .el-input--suffix .el-input__inner[data-v-394107de] {
  padding-right: 30px;
}
.self_area[data-v-394107de] {
  width: 450px;
}
.option_box[data-v-394107de] {
  display: flex;
  align-items: center;
}
.option_img[data-v-394107de] {
  height: 20px;
  margin-right: 10px;
}
.wh200[data-v-394107de] {
  width: 200px;
}
.wh140[data-v-394107de] {
  width: 140px;
}
.ml90[data-v-394107de] {
  margin-left: 90px;
}

.nodeLookup {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
}

.field_remark[data-v-4aa161d4] {
  display: inline-block;
  margin-left: 20px;
}
[data-v-4aa161d4] .el-select {
  width: 200px;
}
.self_area[data-v-4aa161d4] {
  width: 450px;
}
.self_submit[data-v-4aa161d4] {
  margin-left: 376px;
}
.my-editor[data-v-4aa161d4] {
  width: 880px;
}

.form-style[data-v-b7096bd8] {
  overflow: auto;
  height: 100%;
}
.tips-icon[data-v-b7096bd8] {
  right: inherit;
  margin-left: 20px;
}
.field_remark[data-v-b7096bd8] {
  display: inline-block;
  margin-left: 20px;
}
[data-v-b7096bd8] .el-select {
  width: 200px;
}
.wh200[data-v-b7096bd8] {
  width: 200px;
}
.self_area[data-v-b7096bd8] {
  width: 450px;
}
.self_submit[data-v-b7096bd8] {
  margin-top: 20px;
  margin-left: 835px;
}
.attach_Tab[data-v-b7096bd8] {
  margin-left: 105px;
  width: 800px;
  position: relative;
}
.marL90[data-v-b7096bd8] {
  margin-left: 90px;
}
.marT10[data-v-b7096bd8] {
  margin-top: 10px;
}
[data-v-b7096bd8] .el-radio {
  margin-right: 0 !important;
}

.tips-icon[data-v-3329bca8] {
  right: inherit;
  margin-left: 20px;
}
.field_remark[data-v-3329bca8] {
  display: inline-block;
  margin-left: 20px;
}
[data-v-3329bca8] .el-select {
  width: 200px;
}
.self_submit[data-v-3329bca8] {
  margin-left: 129px;
}

.divClass[data-v-8e276c38] {
  overflow-x: auto;
  height: 100%;
}
.editorDemo[data-v-8e276c38] {
  width: 880px;
}
.self_area[data-v-8e276c38] {
  width: 450px;
}
.self_submit[data-v-8e276c38] {
  margin-left: 376px;
}
.treeBox[data-v-8e276c38] {
  width: 240px;
}
.treeBox[data-v-8e276c38] .tree-box {
  height: 380px;
}

.form-style[data-v-d26a034c] {
  overflow: auto;
  height: 100%;
}
.tips-icon[data-v-d26a034c] {
  right: inherit;
  margin-left: 20px;
}
.field_remark[data-v-d26a034c] {
  display: inline-block;
  margin-left: 20px;
}
[data-v-d26a034c] .el-select {
  width: 200px;
}
.self_area[data-v-d26a034c] {
  width: 450px;
}
.self_submit[data-v-d26a034c] {
  margin-left: 376px;
}
[data-v-d26a034c] .el-radio {
  margin-right: 0 !important;
}

.divClass[data-v-c7c48e2c] {
  overflow-x: auto;
  height: 100%;
}
.editorDemo[data-v-c7c48e2c] {
  width: 880px;
}
.self_area[data-v-c7c48e2c] {
  width: 450px;
}
.self_submit[data-v-c7c48e2c] {
  margin-left: 376px;
}
.treeBox[data-v-c7c48e2c] {
  width: 240px;
}
.treeBox[data-v-c7c48e2c] .tree-box {
  height: 380px;
}

.divClass[data-v-cde8f2e0] {
  overflow-x: auto;
  height: 100%;
}
.editorDemo[data-v-cde8f2e0] {
  width: 880px;
}
.self_area[data-v-cde8f2e0] {
  width: 450px;
}
.self_submit[data-v-cde8f2e0] {
  margin-left: 376px;
}
.treeBox[data-v-cde8f2e0] {
  width: 240px;
}
.treeBox[data-v-cde8f2e0] .tree-box {
  height: 380px;
}

.divClass[data-v-12eaff7a] {
  overflow-x: auto;
  height: 100%;
}
.editorDemo[data-v-12eaff7a] {
  width: 880px;
}
.self_area[data-v-12eaff7a] {
  width: 450px;
}
.self_submit[data-v-12eaff7a] {
  margin-left: 376px;
}
.treeBox[data-v-12eaff7a] {
  width: 240px;
}
.treeBox[data-v-12eaff7a] .tree-box {
  height: 380px;
}

.divClass[data-v-eee0e14a] {
  overflow-x: auto;
  height: 100%;
}
.editorDemo[data-v-eee0e14a] {
  width: 880px;
}
.self_area[data-v-eee0e14a] {
  width: 450px;
}
.self_submit[data-v-eee0e14a] {
  margin-left: 376px;
}
.treeBox[data-v-eee0e14a] {
  width: 240px;
}
.treeBox[data-v-eee0e14a] .tree-box {
  height: 380px;
}

.divClass[data-v-15cce7dd] {
  overflow-x: auto;
  height: 100%;
}
.editorDemo[data-v-15cce7dd] {
  width: 880px;
}
.self_area[data-v-15cce7dd] {
  width: 450px;
}
.self_submit[data-v-15cce7dd] {
  margin-left: 376px;
}
.treeBox[data-v-15cce7dd] {
  width: 240px;
}
.treeBox[data-v-15cce7dd] .tree-box {
  height: 380px;
}

.divClass[data-v-4ee2ec37] {
  overflow-x: auto;
  height: 100%;
}
.editorDemo[data-v-4ee2ec37] {
  width: 880px;
}
.self_area[data-v-4ee2ec37] {
  width: 450px;
}
.self_submit[data-v-4ee2ec37] {
  margin-left: 376px;
}
.treeBox[data-v-4ee2ec37] {
  width: 240px;
}
.treeBox[data-v-4ee2ec37] .tree-box {
  height: 380px;
}

.divClass[data-v-468ec216] {
  overflow-x: auto;
  height: 100%;
}
.editorDemo[data-v-468ec216] {
  width: 880px;
}
.self_area[data-v-468ec216] {
  width: 450px;
}
.self_submit[data-v-468ec216] {
  margin-left: 376px;
}
.treeBox[data-v-468ec216] {
  width: 240px;
}
.treeBox[data-v-468ec216] .tree-box {
  height: 380px;
}

.divClass[data-v-5b257010] {
  overflow-x: auto;
  height: 100%;
}
.editorDemo[data-v-5b257010] {
  width: 880px;
}
.self_area[data-v-5b257010] {
  width: 450px;
}
.self_submit[data-v-5b257010] {
  margin-left: 376px;
}
.treeBox[data-v-5b257010] {
  width: 240px;
}
.treeBox[data-v-5b257010] .tree-box {
  height: 380px;
}

.divClass[data-v-64aeb6ad] {
  overflow-x: auto;
  height: 100%;
}
.editorDemo[data-v-64aeb6ad] {
  width: 880px;
}
.self_area[data-v-64aeb6ad] {
  width: 450px;
}
.self_submit[data-v-64aeb6ad] {
  margin-left: 376px;
}
.treeBox[data-v-64aeb6ad] {
  width: 240px;
}
.treeBox[data-v-64aeb6ad] .tree-box {
  height: 380px;
}

.remoteOperation {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
}
.remoteOperation .formbox {
  max-height: none;
}
.remoteOperation .detail-table {
  margin-left: 74px;
  width: 600px;
  margin-bottom: 20px;
}

.divClass[data-v-582c8eb0] {
  overflow-x: auto;
  height: 100%;
}
.self_submit[data-v-582c8eb0] {
  margin-left: 376px;
}

.divClass[data-v-7df10cc8] {
  overflow-x: auto;
  height: 100%;
}
.self_submit[data-v-7df10cc8] {
  margin-left: 376px;
}

.divClass[data-v-31370183] {
  overflow-x: auto;
  height: 100%;
}
.self_submit[data-v-31370183] {
  margin-left: 376px;
}

.divClass[data-v-4de1060f] {
  overflow-x: auto;
  height: 100%;
}
.self_submit[data-v-4de1060f] {
  margin-left: 376px;
}
.el-radio.is-bordered + .el-radio.is-bordered[data-v-4de1060f] {
  margin-left: 16px!important;
}

.divClass[data-v-5cf7fbe6] {
  overflow-x: auto;
  height: 100%;
}
.self_submit[data-v-5cf7fbe6] {
  margin-left: 376px;
}

.divClass {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
}

.divClass {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
}

.display-flex-row[data-v-1ef1f708] {
  display: flex;
}
.divClass[data-v-1ef1f708] {
  overflow-x: auto;
  height: 100%;
}
.detail-table[data-v-1ef1f708] {
  margin-left: 74px;
  width: 800px;
  margin-bottom: 20px;
}
.self_submit[data-v-1ef1f708] {
  margin-left: 622px;
}
[data-v-1ef1f708] .el-radio {
  margin-right: 0 !important;
}

.organizationArchive {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
}

.partitionAnalysis {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
}

.divClass[data-v-c2e38a9a] {
  overflow-x: auto;
  height: 100%;
}
.editorDemo[data-v-c2e38a9a] {
  width: 880px;
}
.self_submit[data-v-c2e38a9a] {
  margin-left: 810px;
}

.waterBalance {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
}

.alarmInfo[data-v-57946036] {
  overflow-x: auto;
  height: 100%;
}
.self_submit[data-v-57946036] {
  margin-left: 376px;
}

.tips-icon[data-v-6f828d0d] {
  right: inherit;
  margin-left: 20px;
}
.field_remark[data-v-6f828d0d] {
  display: inline-block;
  margin-left: 20px;
}
[data-v-6f828d0d] .el-select {
  width: 200px;
}
.self_submit[data-v-6f828d0d] {
  margin-left: 129px;
}

.divClass {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
}

.leakageStatistics {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
}

.alarmInformationAudit {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
}

.settlementMeterFile {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
}

.MeterReadingData {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
}

.display-flex-row[data-v-3b90298e] {
  display: flex;
}
.divClass[data-v-3b90298e] {
  overflow-x: auto;
  height: 100%;
}
.detail-table[data-v-3b90298e] {
  margin-left: 74px;
  width: 600px;
  margin-bottom: 20px;
}
.self_submit[data-v-3b90298e] {
  margin-left: 422px;
}
[data-v-3b90298e] .el-radio {
  margin-right: 0 !important;
}

.tips-icon[data-v-2e729d2f] {
  right: inherit;
  margin-left: 20px;
}
.field_remark[data-v-2e729d2f] {
  display: inline-block;
  margin-left: 20px;
}
[data-v-2e729d2f] .el-select {
  width: 200px;
}
.self_area[data-v-2e729d2f] {
  width: 450px;
}
.self_submit[data-v-2e729d2f] {
  margin-left: 376px;
}
[data-v-2e729d2f] .el-radio {
  margin-right: 0 !important;
}

.field_remark[data-v-5882086c] {
  display: inline-block;
  margin-left: 20px;
}
[data-v-5882086c] .el-select {
  width: 200px;
}
.self_area[data-v-5882086c] {
  width: 450px;
}
.self_submit[data-v-5882086c] {
  margin-left: 127px;
}
.my-editor[data-v-5882086c] {
  width: 880px;
}

.field_remark[data-v-775dc529] {
  display: inline-block;
  margin-left: 20px;
}
[data-v-775dc529] .el-select {
  width: 200px;
}
.self_area[data-v-775dc529] {
  width: 450px;
}
.self_submit[data-v-775dc529] {
  margin-left: 809px;
}
.my-editor[data-v-775dc529] {
  width: 880px;
}

.divClass[data-v-47c6ff3f] {
  overflow-x: auto;
  height: 100%;
}
.editorDemo[data-v-47c6ff3f] {
  width: 880px;
}
.self_area[data-v-47c6ff3f] {
  width: 450px;
}
.self_submit[data-v-47c6ff3f] {
  margin-left: 376px;
}
.treeBox[data-v-47c6ff3f] {
  width: 240px;
}
.treeBox[data-v-47c6ff3f] .tree-box {
  height: 380px;
}

.tips-icon[data-v-8a24c0b0] {
  right: inherit;
  margin-left: 20px;
}
.field_remark[data-v-8a24c0b0] {
  display: inline-block;
  margin-left: 20px;
}
[data-v-8a24c0b0] .el-select {
  width: 200px;
}
.self_area[data-v-8a24c0b0] {
  width: 450px;
}
.self_submit[data-v-8a24c0b0] {
  margin-left: 320px;
}
[data-v-8a24c0b0] .el-radio {
  margin-right: 0 !important;
}

.inspectionWatch {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
}

.field_remark[data-v-024d9b02] {
  display: inline-block;
  margin-left: 20px;
}
[data-v-024d9b02] .el-select {
  width: 200px;
}
.self_area[data-v-024d9b02] {
  width: 450px;
}
.self_submit[data-v-024d9b02] {
  margin-left: 127px;
}
.my-editor[data-v-024d9b02] {
  width: 880px;
}

.field_remark[data-v-9b83be26] {
  display: inline-block;
  margin-left: 20px;
}
[data-v-9b83be26] .el-select {
  width: 200px;
}
.self_area[data-v-9b83be26] {
  width: 450px;
}
.self_submit[data-v-9b83be26] {
  margin-left: 127px;
}
.my-editor[data-v-9b83be26] {
  width: 880px;
}

.field_remark[data-v-1c92d336] {
  display: inline-block;
  margin-left: 20px;
}
[data-v-1c92d336] .el-select {
  width: 200px;
}
.self_area[data-v-1c92d336] {
  width: 450px;
}
.self_submit[data-v-1c92d336] {
  margin-left: 127px;
}
.my-editor[data-v-1c92d336] {
  width: 880px;
}

.tips-icon[data-v-83ce2b86] {
  right: inherit;
  margin-left: 20px;
}
.field_remark[data-v-83ce2b86] {
  display: inline-block;
  margin-left: 20px;
}
[data-v-83ce2b86] .el-select {
  width: 200px;
}
.self_area[data-v-83ce2b86] {
  width: 450px;
}
.self_submit[data-v-83ce2b86] {
  margin-left: 376px;
}
[data-v-83ce2b86] .el-radio {
  margin-right: 0 !important;
}
[data-v-83ce2b86] .el-input-number.is-without-controls .el-input__inner {
  text-align: left;
}

.divClass[data-v-5a9cb328] {
  overflow-x: auto;
  height: 100%;
}
.self_submit[data-v-5a9cb328] {
  margin-left: 376px;
}

.divClass[data-v-1de1503e] {
  overflow-x: auto;
  height: 100%;
}
.self_submit[data-v-1de1503e] {
  margin-left: 300px;
}

.divClass[data-v-4ca1c81b] {
  overflow-x: auto;
  height: 100%;
}
.self_submit[data-v-4ca1c81b] {
  margin-left: 376px;
}

.localizationConfiguration[data-v-859f3c7a] {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.localizationConfiguration .leftStructure[data-v-859f3c7a] {
  overflow: hidden;
  width: 240px;
  height: 100%;
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
  margin-right: 10px;
  flex-shrink: 0;
}
.localizationConfiguration .centerStructure .editPart[data-v-859f3c7a] {
  width: 100%;
  height: 100%;
}

.nBAppManagement {
  position: relative;
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
}
.nBAppManagement .tableicon {
  cursor: pointer;
  margin: 0 8px;
  color: #6690ff;
}
.nBAppManagement .lintit {
  margin-bottom: 10px;
}
.nBAppManagement .lintit i {
  display: inline-block;
  width: 4px;
  height: 16px;
  margin-right: 4px;
  background: #6690ff;
}
.nBAppManagement .lintit span {
  vertical-align: 3px;
  font-size: 14px;
  font-weight: 800;
}
.nBAppManagement .wh200 {
  width: 240px;
}
.nBAppManagement .formbox {
  max-height: 650px;
  overflow-y: auto;
  padding-right: 20px;
}
.nBAppManagement .formbox::-webkit-scrollbar {
  width: 4px;
}
.nBAppManagement .formbox::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.nBAppManagement .formbox::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.nBAppManagement .formbox .inline {
  display: flex;
  justify-content: space-between;
}
.nBAppManagement .formbox .product {
  max-height: 260px;
  overflow-y: auto;
  margin-bottom: 20px;
}
.nBAppManagement .formbox .product .el-table .el-table__body-wrapper {
  height: 105px;
}
.nBAppManagement .customerTransferDiv {
  text-align: center;
  height: 330px;
}
.nBAppManagement .customerTransferDiv .customerTransfer {
  text-align: left;
  display: inline-block;
  width: 100%;
}
.nBAppManagement .customerTransferDiv .customerTransfer .el-transfer-panel {
  width: 309px;
}
.nBAppManagement .customerTransferDiv .customerTransfer .el-transfer__buttons {
  width: 175px;
}
.nBAppManagement .customerTransferDiv .customerTransfer .el-transfer__buttons .el-transfer__button {
  margin-left: 10px;
}

.taskManagement {
  position: relative;
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
}
.taskManagement .tableicon {
  cursor: pointer;
  margin: 0 8px;
  color: #6690ff;
}
.taskManagement .lintit {
  margin-bottom: 10px;
}
.taskManagement .lintit i {
  display: inline-block;
  width: 4px;
  height: 16px;
  margin-right: 4px;
  background: #6690ff;
}
.taskManagement .lintit span {
  vertical-align: 3px;
  font-size: 14px;
  font-weight: 800;
}
.taskManagement .wh200 {
  width: 240px;
}
.taskManagement .formbox {
  max-height: 650px;
  overflow-y: auto;
  padding-right: 20px;
}
.taskManagement .formbox::-webkit-scrollbar {
  width: 4px;
}
.taskManagement .formbox::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.taskManagement .formbox::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.taskManagement .formbox .inline {
  display: flex;
  justify-content: space-between;
}
.taskManagement .formbox .product {
  max-height: 210px;
  overflow-y: auto;
  margin-bottom: 20px;
}
.taskManagement .formbox .product .el-table .el-table__body-wrapper {
  height: 105px;
}
.taskManagement .customerTransferDiv {
  text-align: center;
  height: 330px;
}
.taskManagement .customerTransferDiv .customerTransfer {
  text-align: left;
  display: inline-block;
  width: 100%;
}
.taskManagement .customerTransferDiv .customerTransfer .el-transfer-panel {
  width: 285px;
}
.taskManagement .customerTransferDiv .customerTransfer .el-transfer__buttons {
  width: 175px;
}
.taskManagement .customerTransferDiv .customerTransfer .el-transfer__buttons .el-transfer__button {
  margin-left: 10px;
}

.strategy[data-v-293d67af] {
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
  position: relative;
}
.strategy .seltree[data-v-293d67af] {
  display: inline-block;
}
.strategy .listbox[data-v-293d67af] {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.strategy .listbox li[data-v-293d67af] {
  width: 278px;
  height: 190px;
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
  margin-right: 15px;
  margin-bottom: 10px;
  overflow: hidden;
}
.strategy .listbox li .up-content[data-v-293d67af] {
  width: 100%;
  height: 150px;
  border-bottom: 1px solid #dcdfe6;
  display: flex;
  flex-direction: column;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}
.strategy .listbox li .up-content .layer[data-v-293d67af] {
  position: relative;
}
.strategy .listbox li .up-content .btnp[data-v-293d67af] {
  text-align: center;
  margin-top: 50px;
}
.strategy .listbox li .up-content .iconlist[data-v-293d67af] {
  text-align: center;
  margin-top: 15px;
  color: #fff;
}
.strategy .listbox li .up-content .iconlist span[data-v-293d67af] {
  cursor: pointer;
  font-size: 16px;
  margin-right: 20px;
}
.strategy .listbox li .up-content .iconlist span[data-v-293d67af]:last-child {
  margin: 0;
}
.strategy .listbox li .up-content .iconlist .copy[data-v-293d67af] {
  font-size: 20px;
  vertical-align: -3px;
}
.strategy .listbox li .up-content .layer[data-v-293d67af] {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  display: none;
}
.strategy .listbox li .up-content.stable .el-button[data-v-293d67af] {
  margin: auto;
}
.strategy .listbox li .down-content.stable[data-v-293d67af] {
  text-align: center;
}
.strategy .listbox li .down-content[data-v-293d67af] {
  line-height: 40px;
  padding: 0 10px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.strategy .listbox li .down-content i[data-v-293d67af] {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #ccc;
}
.strategy .listbox li .down-content i.active[data-v-293d67af] {
  background: #6690ff;
}
.strategy .diabox[data-v-293d67af] {
  padding-right: 20px;
  max-height: 560px;
  overflow: auto;
}
.strategy .diabox[data-v-293d67af]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.strategy .diabox[data-v-293d67af]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.strategy .diabox[data-v-293d67af]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.strategy .diabox[data-v-293d67af]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.strategy .diabox .el-form-item[data-v-293d67af] {
  margin-bottom: 10px;
}
.strategy .diabox .imgratio[data-v-293d67af] {
  width: 169px;
  height: 90px;
  font-size: 30px;
  line-height: 90px;
  text-align: center;
  border: 1px dashed #d9d9d9;
  border-radius: 4px;
  cursor: pointer;
  margin-bottom: 10px;
  color: #b7b7b7;
}
.strategy .diabox .imgratio .replaceImg[data-v-293d67af] {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}
.strategy .diabox .two-item[data-v-293d67af] {
  display: flex;
}
.strategy .diabox .two-item .half[data-v-293d67af] {
  width: 240px;
}
.strategy .diabox .inpW[data-v-293d67af] {
  width: 215px;
}
.strategy .diabox .inpW.tiny[data-v-293d67af] {
  width: 190px;
}
.strategy .diabox .inpW.tiny[data-v-293d67af]:first-child {
  margin-right: 20px;
}
.strategy .diabox .inpW[data-v-293d67af] .el-input-group__append {
  vertical-align: 0px;
}
.strategy .diabox .twoinp[data-v-293d67af] {
  margin-top: 10px;
}
.strategy .diabox .twoinp[data-v-293d67af] .el-form-item__content {
  display: flex;
  margin-left: 0;
}
.strategy .dataSource[data-v-293d67af] {
  margin-bottom: 20px;
}
.strategy .dataSource .sourceLabel[data-v-293d67af] {
  display: inline-block;
  width: 94px;
  text-align: right;
  margin-right: 6px;
}
.strategy .dataSource[data-v-293d67af]:nth-of-type(1) {
  margin-top: 20px;
}
.strategy .dataSource:nth-of-type(1) span[data-v-293d67af] {
  visibility: visible;
}
.strategy .dataSource i[data-v-293d67af] {
  margin-left: 10px;
  font-size: 18px;
  color: #6690ff;
  cursor: pointer;
}
.strategy .dataSource[data-v-293d67af]:first-child {
  margin-top: 100px;
}
.strategy .hide[data-v-293d67af] .el-upload--picture-card {
  display: none;
}
.strategy .hide[data-v-293d67af] .el-upload-list--picture-card .el-upload-list__item {
  margin: 0;
  display: block;
}
.theme2 .strategy[data-v-293d67af] {
  background: #2a2b2d;
}
.theme2 .strategy .listbox li[data-v-293d67af] {
  background: #181818;
}
.theme2 .strategy .listbox li .up-content[data-v-293d67af] {
  border-color: #494949;
}

.processConfig {
  width: 100%;
  height: 100%;
  display: flex;
  margin-bottom: 10px;
  position: relative;
}
.processConfig .setting-page {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}
.processConfig .setting-page .bottom-right-slider {
  position: absolute;
  right: 425px;
  bottom: 10px;
  width: 400px;
  z-index: 5;
}
.processConfig .marL5 {
  margin-left: 5px;
}
.processConfig .leftStructure .lintit {
  padding: 14px 0 0px 10px;
}
.processConfig .leftStructure .el-collapse {
  padding: 0 10px;
  padding-right: 0;
}
.processConfig .leftStructure .el-collapse .el-collapse-item__content {
  padding-bottom: 15px;
}
.processConfig .leftStructure .el-collapse .imgcoll .el-collapse-item__content {
  padding-bottom: 0;
}
.processConfig .leftStructure .el-tag {
  margin-right: 10px;
  cursor: pointer;
  font-size: 14px;
}
.processConfig .leftStructure .el-tag:last-child {
  margin: 0;
}
.processConfig .leftStructure .el-tag:hover {
  border-color: #ff00d0;
}
.processConfig .leftStructure .imgList {
  display: flex;
  flex-wrap: wrap;
  max-height: 450px;
  overflow: auto;
}
.processConfig .leftStructure .imgList::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.processConfig .leftStructure .imgList::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.processConfig .leftStructure .imgList::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.processConfig .leftStructure .imgList::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.processConfig .leftStructure .imgList li {
  width: 66px;
  height: 86px;
  margin-right: 10px;
  margin-bottom: 10px;
  cursor: pointer;
  border: 1px solid transparent;
}
.processConfig .leftStructure .imgList li:nth-child(3n) {
  margin-right: 0;
}
.processConfig .leftStructure .imgList li:hover {
  border: 1px solid #ff00d0;
}
.processConfig .leftStructure .imgList li img {
  width: 65px;
  height: 65px;
}
.processConfig .leftStructure .imgList li .label {
  display: inline-block;
  width: 100%;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.processConfig .centerStructure {
  user-select: none;
  flex: 1;
  padding: 0;
  width: 500px;
  height: 100%;
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
  overflow: auto;
}
.processConfig .centerStructure::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.processConfig .centerStructure::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(38, 38, 38, 0.2);
  background: rgba(38, 38, 38, 0.2);
}
.processConfig .centerStructure::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(38, 38, 38, 0.1);
  border-radius: 0;
  background: rgba(38, 38, 38, 0.1);
}
.processConfig .centerStructure::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.processConfig .centerStructure #drawBoard {
  position: relative;
  background: #111111;
  background-size: 20px 20px;
  background-image: linear-gradient(rgba(133, 49, 87, 0.1) 2px, transparent 0px), linear-gradient(90deg, rgba(133, 49, 87, 0.1) 2px, transparent 0px);
  overflow: hidden;
  transform-origin: 0px 0px;
}
.processConfig .centerStructure .dragbox {
  position: absolute;
  color: #fff;
  box-sizing: border-box;
}
.processConfig .centerStructure .dragbox .line-top {
  position: absolute;
  width: 0;
  height: 10000px;
  left: 0;
  top: 0;
  transform: translateY(-100%);
  border-left: 1px dashed #999999;
}
.processConfig .centerStructure .dragbox .line-left {
  position: absolute;
  height: 0;
  width: 10000px;
  left: 0;
  top: 0;
  transform: translateX(-100%);
  border-top: 1px dashed #999999;
}
.processConfig .centerStructure .dragbox .line-label {
  position: absolute;
  transform: translate(-100%, -100%);
}
.processConfig .centerStructure .dragbox .box-hover {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  border: 1px solid #6690ff;
  background-color: rgba(23, 151, 191, 0.1);
  visibility: hidden;
}
.processConfig .centerStructure .dragbox .resize-wrapper {
  visibility: hidden;
  width: 100%;
  height: 100%;
  position: relative;
  box-sizing: border-box;
  z-index: 1;
}
.processConfig .centerStructure .dragbox .resize-wrapper .resize-cover {
  cursor: move;
  position: absolute;
  top: 1px;
  left: 1px;
  right: 2px;
  bottom: 2px;
}
.processConfig .centerStructure .dragbox .resize-wrapper .resize-cover .resize-button {
  position: absolute;
  cursor: pointer;
  color: #fff;
  font-size: 16px;
  line-height: 0;
}
.processConfig .centerStructure .dragbox .resize-wrapper .resize-cover .resize-button .icon {
  width: 16px;
  height: 16px;
  background: #6690ff;
}
.processConfig .centerStructure .dragbox .resize-wrapper .resize-cover .resize-handle-wrapper {
  display: block;
}
.processConfig .centerStructure .dragbox .resize-wrapper .resize-cover .resize-handle-wrapper .resize-handle {
  width: 15px;
  height: 15px;
  border: 3px solid #6690ff;
  position: absolute;
  margin-left: -10px;
  margin-top: -10px;
}
.processConfig .centerStructure .dragbox .resize-wrapper .resize-cover .resize-handle-wrapper .resize-handle.right {
  cursor: ew-resize;
  border-left: 0;
  border-top: 0;
  border-bottom: 0;
  left: 100%;
  top: 50%;
}
.processConfig .centerStructure .dragbox .resize-wrapper .resize-cover .resize-handle-wrapper .resize-handle.bottom {
  cursor: ns-resize;
  border-left: 0;
  border-top: 0;
  border-right: 0;
  left: 50%;
  top: 100%;
}
.processConfig .centerStructure .dragbox .resize-wrapper .resize-cover .resize-handle-wrapper .resize-handle.decline {
  cursor: nwse-resize;
  border-left: 0;
  border-top: 0;
  top: 100%;
  left: 100%;
}
.processConfig .centerStructure .dragbox .figure {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
}
.processConfig .centerStructure .dragbox .figure .typetxt {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}
.processConfig .centerStructure .dragbox .figure .typetxt .txt {
  margin: auto;
  display: flex;
}
.processConfig .centerStructure .dragbox .figure .typetxt .controltxt {
  margin-left: 5px;
}
.processConfig .centerStructure .dragbox .figure .typetxt .unit {
  margin-left: 5px;
  color: #fff;
}
.processConfig .centerStructure .dragbox .figure .typetxt .boundLabel {
  color: #fff;
}
.processConfig .centerStructure .dragbox .figure .bgIcon {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.processConfig .centerStructure .processBg {
  position: absolute;
  width: 1520px;
  top: 80px;
  left: 80px;
  z-index: 0;
  background-repeat: no-repeat;
}
.processConfig .centerStructure .processBg img {
  width: 100%;
  -webkit-user-drag: none;
}
.processConfig .rightStructure {
  position: relative;
  flex: none;
  width: 400px;
  height: 100%;
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
  padding: 20px;
  overflow-y: auto;
}
.processConfig .rightStructure .borswitch {
  margin-top: 5px;
}
.processConfig .rightStructure::-webkit-scrollbar {
  width: 4px;
}
.processConfig .rightStructure::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(38, 38, 38, 0.2);
  background: rgba(38, 38, 38, 0.2);
}
.processConfig .rightStructure::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(38, 38, 38, 0.1);
  border-radius: 0;
  background: rgba(38, 38, 38, 0.1);
}
.processConfig .rightStructure .form-item {
  display: flex;
  margin-top: 15px;
  line-height: 32px;
}
.processConfig .rightStructure .form-item > span {
  width: 80px;
  display: inline-block;
}
.processConfig .rightStructure .form-item .input-one {
  flex: 1;
  height: 32px;
}
.processConfig .rightStructure .form-item .input-one .el-select {
  width: 200px;
}
.processConfig .rightStructure .form-item .input-one .wh200 {
  width: 200px;
}
.processConfig .rightStructure .form-item .input-mul {
  height: 32px;
  width: 80px;
  margin-right: 10px;
}
.processConfig .rightStructure .form-item .input-mul + span {
  text-align: right;
  width: 60px;
}
.processConfig .rightStructure .form-item .bglist {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.processConfig .rightStructure .form-item .bglist li {
  width: 120px;
  margin-right: 20px;
  margin-bottom: 20px;
  cursor: pointer;
  border: 2px solid transparent;
}
.processConfig .rightStructure .form-item .bglist li:nth-child(2n) {
  margin-right: 0;
}
.processConfig .rightStructure .form-item .bglist li.active {
  box-sizing: border-box;
  border: 2px solid #ff00d0;
}
.processConfig .rightStructure .form-item .bglist li img {
  width: 100%;
  height: 100%;
}
.processConfig .rightStructure .form-item .input-half {
  width: 110px;
}
.processConfig .rightStructure .form-item .pxiel {
  margin: 0px 10px;
}
.processConfig .rightStructure .form-item .pxiel:last-child {
  margin-right: 0;
}
.processConfig .rightStructure .form-item .input-two {
  flex: 1;
  display: flex;
}
.processConfig .rightStructure .form-item .input-two .el-input-number {
  flex: 1;
  width: 70px;
}
.processConfig .rightStructure .form-item .input-two .el-input__inner {
  padding-left: 5px;
  padding-right: 30px;
}
.processConfig .rightStructure .form-item .input-two .el-input-number__decrease,
.processConfig .rightStructure .form-item .input-two .el-input-number__increase {
  width: 24px;
}
.processConfig .rightStructure .publicpart {
  margin-bottom: 10px;
}
.processConfig .rightStructure .inpnum {
  width: 100%;
}
.processConfig .rightStructure .notchart .el-icon-close:before {
  content: "\E6DF";
}
.processConfig .rightStructure .marT {
  margin-top: 10px;
}
.processConfig .rightStructure .marB {
  margin-bottom: 10px !important;
}
.processConfig .rightStructure .firstpane .tab-form-item {
  margin-bottom: 5px;
}
.processConfig .rightStructure .tab-form-item {
  display: flex;
  line-height: 32px;
  margin-bottom: 20px;
}
.processConfig .rightStructure .tab-form-item .el-radio {
  margin-right: 20px;
  line-height: 32px;
}
.processConfig .rightStructure .tab-form-item .el-checkbox {
  margin-right: 20px;
}
.processConfig .rightStructure .tab-form-item .el-switch {
  margin-top: 6px;
}
.processConfig .rightStructure .tab-form-item .label {
  display: inline-block;
  width: 100px;
  text-align: right;
}
.processConfig .rightStructure .actionItems {
  position: relative;
}
.processConfig .rightStructure .showbtn {
  width: 10px;
  height: 100px;
  position: absolute;
  top: 50%;
  margin-top: -60px;
  background: #6690ff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.processConfig .rightStructure .showbtn i {
  color: #fff;
}
.processConfig .rightStructure .showbtn1 {
  left: 0px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.processConfig .rightStructure .showbtn2 {
  left: -10px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.textBg1 {
  background-image: linear-gradient(to right, rgba(69, 192, 227, 0.65), rgba(0, 120, 231, 0.65));
  border: 2px solid #00b7d9;
  border-radius: 5px;
}
.textBg1::before {
  content: " ";
  box-sizing: border-box;
  position: absolute;
  top: -2px;
  left: 2%;
  height: 1px;
  width: 96%;
  border-top: 2px solid transparent;
  border-image: linear-gradient(to right, #00b7d9, #00ffff, #00b7d9) 2 2;
}
.textBg1::after {
  content: " ";
  box-sizing: border-box;
  position: absolute;
  bottom: -2px;
  left: 2%;
  height: 1px;
  width: 96%;
  border-bottom: 2px solid transparent;
  border-image: linear-gradient(to right, #00b7d9, #00ffff, #00b7d9) 2 2;
}
.textBg2 {
  background-image: linear-gradient(to right, rgba(255, 192, 0, 0.65), rgba(255, 139, 45, 0.65));
  border: 2px solid #ff8b2d;
  border-radius: 5px;
}
.textBg2::before {
  content: " ";
  box-sizing: border-box;
  position: absolute;
  top: -2px;
  left: 2%;
  height: 1px;
  width: 96%;
  border-top: 2px solid transparent;
  border-image: linear-gradient(to right, #ff8b2d, #ffc000, #ff8b2d) 2 2;
}
.textBg2::after {
  content: " ";
  box-sizing: border-box;
  position: absolute;
  bottom: -2px;
  left: 2%;
  height: 1px;
  width: 96%;
  border-bottom: 2px solid transparent;
  border-image: linear-gradient(to right, #ff8b2d, #ffc000, #ff8b2d) 2 2;
}
.textBg3 {
  background-image: linear-gradient(to right, rgba(0, 120, 231, 0), rgba(69, 192, 227, 0.3), rgba(0, 120, 231, 0));
}
.textBg3::after {
  content: " ";
  box-sizing: border-box;
  position: absolute;
  top: 10%;
  bottom: 10%;
  left: 0;
  width: 100%;
  height: 80%;
  background-image: linear-gradient(to right, rgba(0, 120, 231, 0), rgba(69, 192, 227, 0.3), rgba(0, 120, 231, 0));
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  border-image: linear-gradient(to right, #00b7d900, #00ffff50, #00b7d900) 2 2;
}
.textBg4 {
  background-image: linear-gradient(to right, rgba(0, 120, 231, 0), rgba(255, 192, 0, 0.3), rgba(0, 120, 231, 0));
}
.textBg4::after {
  content: " ";
  box-sizing: border-box;
  position: absolute;
  top: 10%;
  bottom: 10%;
  left: 0;
  width: 100%;
  height: 80%;
  background-image: linear-gradient(to right, rgba(0, 120, 231, 0), rgba(255, 192, 0, 0.3), rgba(0, 120, 231, 0));
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  border-image: linear-gradient(to right, #ff8b2d00, #ffc00050, #ff8b2d00) 2 2;
}
.textBg5 {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background-image: linear-gradient(to right, rgba(69, 192, 227, 0.4), rgba(0, 120, 231, 0.4));
  border-bottom: 4px solid transparent;
  box-sizing: border-box;
  border-image: linear-gradient(to right, #45c0e3, #0078e7) 2 2;
}

.strategy[data-v-5336d94c] {
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
  position: relative;
}
.strategy .listbox[data-v-5336d94c] {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.strategy .listbox li[data-v-5336d94c] {
  width: 278px;
  height: 190px;
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
  margin-right: 15px;
  margin-bottom: 10px;
  overflow: hidden;
}
.strategy .listbox li .up-content[data-v-5336d94c] {
  width: 100%;
  height: 150px;
  border-bottom: 1px solid #DCDFE6;
  display: flex;
  flex-direction: column;
  background: no-repeat;
  background-size: cover;
}
.strategy .listbox li .up-content .layer[data-v-5336d94c] {
  position: relative;
}
.strategy .listbox li .up-content .layer .copyarea[data-v-5336d94c] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: -9;
}
.strategy .listbox li .up-content .btnp[data-v-5336d94c] {
  text-align: center;
  margin-top: 50px;
}
.strategy .listbox li .up-content .iconlist[data-v-5336d94c] {
  text-align: center;
  margin-top: 15px;
  color: #fff;
}
.strategy .listbox li .up-content .iconlist span[data-v-5336d94c] {
  cursor: pointer;
  font-size: 16px;
  margin-right: 20px;
}
.strategy .listbox li .up-content .iconlist span[data-v-5336d94c]:last-child {
  margin: 0;
}
.strategy .listbox li .up-content .iconlist .copy[data-v-5336d94c] {
  font-size: 20px;
  vertical-align: -3px;
}
.strategy .listbox li .up-content .layer[data-v-5336d94c] {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  display: none;
}
.strategy .listbox li .up-content.stable .el-button[data-v-5336d94c] {
  margin: auto;
}
.strategy .listbox li .down-content.stable[data-v-5336d94c] {
  text-align: center;
}
.strategy .listbox li .down-content[data-v-5336d94c] {
  line-height: 40px;
  padding: 0 10px;
}
.strategy .listbox li .down-content i[data-v-5336d94c] {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #ccc;
}
.strategy .listbox li .down-content i.active[data-v-5336d94c] {
  background: #6690ff;
}
.strategy .listbox li .fr[data-v-5336d94c] {
  float: right;
}
.strategy .diabox[data-v-5336d94c] {
  padding: 0px 30px;
  padding-left: 20px;
}
.strategy .diabox .unit[data-v-5336d94c] {
  text-align: center;
}
.strategy .diabox .remark[data-v-5336d94c] {
  margin-bottom: 0;
}
.strategy .diabox .el-form-item[data-v-5336d94c] {
  margin-bottom: 10px;
}
.strategy .diabox .inner[data-v-5336d94c] {
  margin-bottom: 0 !important;
}
.strategy .diabox .imgratio[data-v-5336d94c] {
  width: 169px;
  height: 90px;
  font-size: 30px;
  line-height: 90px;
  text-align: center;
  border: 1px dashed #d9d9d9;
  border-radius: 4px;
  cursor: pointer;
  margin-bottom: 10px;
  color: #b7b7b7;
}
.strategy .diabox .imgratio .replaceImg[data-v-5336d94c] {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.visualconfig {
  width: 100%;
  height: 100%;
  display: flex;
  margin-bottom: 10px;
}
.visualconfig .setting-page {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}
.visualconfig .setting-page .bottom-right-slider {
  position: absolute;
  right: 425px;
  bottom: 10px;
  width: 400px;
  z-index: 5;
}
.visualconfig .marL5 {
  margin-left: 5px;
}
.visualconfig .centerStructure {
  user-select: none;
  flex: 1;
  padding: 0;
  width: 500px;
  height: 100%;
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
  overflow: auto;
}
.visualconfig .centerStructure::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.visualconfig .centerStructure::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(38, 38, 38, 0.2);
  background: rgba(38, 38, 38, 0.2);
}
.visualconfig .centerStructure::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(38, 38, 38, 0.1);
  border-radius: 0;
  background: rgba(38, 38, 38, 0.1);
}
.visualconfig .centerStructure #drawBoard {
  position: relative;
  background: #111111;
  background-size: 20px 20px;
  background-image: linear-gradient(rgba(133, 49, 87, 0.1) 2px, transparent 0px), linear-gradient(90deg, rgba(133, 49, 87, 0.1) 2px, transparent 0px);
  overflow: hidden;
  transform-origin: 0px 0px;
}
.visualconfig .centerStructure .dragbox {
  position: absolute;
  color: #6690ff;
  box-sizing: border-box;
}
.visualconfig .centerStructure .dragbox .line-top {
  position: absolute;
  width: 0;
  height: 10000px;
  left: 0;
  top: 0;
  transform: translateY(-100%);
  border-left: 1px dashed #999999;
}
.visualconfig .centerStructure .dragbox .line-left {
  position: absolute;
  height: 0;
  width: 10000px;
  left: 0;
  top: 0;
  transform: translateX(-100%);
  border-top: 1px dashed #999999;
}
.visualconfig .centerStructure .dragbox .line-label {
  position: absolute;
  transform: translate(-100%, -100%);
}
.visualconfig .centerStructure .dragbox .box-hover {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  border: 2px solid #6690ff;
  background-color: rgba(23, 151, 191, 0.2);
  visibility: hidden;
}
.visualconfig .centerStructure .dragbox .resize-wrapper {
  visibility: hidden;
  width: 100%;
  height: 100%;
  position: relative;
  box-sizing: border-box;
  z-index: 1;
}
.visualconfig .centerStructure .dragbox .resize-wrapper .resize-cover {
  cursor: move;
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
}
.visualconfig .centerStructure .dragbox .resize-wrapper .resize-cover .resize-button {
  position: absolute;
  cursor: pointer;
  color: #fff;
  font-size: 16px;
  line-height: 0;
}
.visualconfig .centerStructure .dragbox .resize-wrapper .resize-cover .resize-button .icon {
  width: 18px;
  height: 18px;
  background: #6690ff;
}
.visualconfig .centerStructure .dragbox .resize-wrapper .resize-cover .resize-handle-wrapper {
  display: block;
}
.visualconfig .centerStructure .dragbox .resize-wrapper .resize-cover .resize-handle-wrapper .resize-handle {
  width: 15px;
  height: 15px;
  border: 5px solid #6690ff;
  position: absolute;
  margin-left: -8px;
  margin-top: -8px;
}
.visualconfig .centerStructure .dragbox .resize-wrapper .resize-cover .resize-handle-wrapper .resize-handle.right {
  cursor: ew-resize;
  border-left: 0;
  border-top: 0;
  border-bottom: 0;
  left: 100%;
  top: 50%;
}
.visualconfig .centerStructure .dragbox .resize-wrapper .resize-cover .resize-handle-wrapper .resize-handle.bottom {
  cursor: ns-resize;
  border-left: 0;
  border-top: 0;
  border-right: 0;
  left: 50%;
  top: 100%;
}
.visualconfig .centerStructure .dragbox .resize-wrapper .resize-cover .resize-handle-wrapper .resize-handle.decline {
  cursor: nwse-resize;
  border-left: 0;
  border-top: 0;
  top: 100%;
  left: 100%;
}
.visualconfig .centerStructure .dragbox .figure {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  display: flex;
  overflow: hidden;
}
.visualconfig .centerStructure .dragbox .figure .typetxt {
  margin: auto;
}
.visualconfig .centerStructure .dragbox .figure .echartItem {
  width: 100%;
  height: 100%;
}
.visualconfig .centerStructure .dragbox .figure .echartItem img {
  display: block;
  width: 100%;
  height: 100%;
}
.visualconfig .rightStructure {
  flex: none;
  width: 400px;
  height: 100%;
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
  padding: 20px;
  overflow-y: auto;
}
.visualconfig .rightStructure .btnbox button:last-child {
  float: right;
}
.visualconfig .rightStructure .borswitch {
  margin-top: 5px;
}
.visualconfig .rightStructure::-webkit-scrollbar {
  width: 4px;
}
.visualconfig .rightStructure::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(38, 38, 38, 0.2);
  background: rgba(38, 38, 38, 0.2);
}
.visualconfig .rightStructure::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(38, 38, 38, 0.1);
  border-radius: 0;
  background: rgba(38, 38, 38, 0.1);
}
.visualconfig .rightStructure .form-item {
  display: flex;
  margin-top: 15px;
  line-height: 32px;
}
.visualconfig .rightStructure .form-item > span {
  width: 80px;
  display: inline-block;
}
.visualconfig .rightStructure .form-item .input-one {
  flex: 1;
  height: 32px;
}
.visualconfig .rightStructure .form-item .input-two {
  flex: 1;
  display: flex;
}
.visualconfig .rightStructure .form-item .input-two .pxiel {
  margin: 0px 10px;
}
.visualconfig .rightStructure .form-item .input-two .pxiel:last-child {
  margin-right: 0;
}
.visualconfig .rightStructure .form-item .input-two .el-input-number {
  flex: 1;
  width: 70px;
}
.visualconfig .rightStructure .form-item .input-two .el-input__inner {
  padding-left: 5px;
  padding-right: 30px;
}
.visualconfig .rightStructure .form-item .input-two .el-input-number__decrease,
.visualconfig .rightStructure .form-item .input-two .el-input-number__increase {
  width: 24px;
}
.visualconfig .rightStructure .publicpart {
  margin-bottom: 10px;
}
.visualconfig .rightStructure .notchart .inpnum {
  width: 100%;
}
.visualconfig .rightStructure .notchart .el-icon-close:before {
  content: "\E6DF";
}
.visualconfig .rightStructure .marT {
  margin-top: 10px;
}
.visualconfig .rightStructure .marB {
  margin-bottom: 10px !important;
}
.visualconfig .rightStructure .firstpane .tab-form-item {
  margin-bottom: 5px;
}
.visualconfig .rightStructure .tab-item .tit {
  width: 100px;
  text-align: right;
}
.visualconfig .rightStructure .tab-item .mon-container {
  width: 100%;
  height: 335px;
  border: 1px solid #DCDFE6;
  margin-top: 10px;
  overflow: hidden;
}
.visualconfig .rightStructure .tab-item .mon-container .monaco-editor {
  width: 100% !important;
}
.visualconfig .rightStructure .tab-item .mon-container .monaco-editor .overflow-guard {
  width: 100% !important;
}
.visualconfig .rightStructure .tab-item .mon-container .monaco-editor .margin-view-overlays.monaco-editor-background {
  width: 15% !important;
}
.visualconfig .rightStructure .tab-item .mon-container .monaco-editor .monaco-scrollable-element.editor-scrollable {
  left: 15% !important;
  width: 85% !important;
}
.visualconfig .rightStructure .tab-item .mon-container .monaco-editor .line-numbers {
  left: -10px !important;
}
.visualconfig .rightStructure .tab-item .mon-container .view-lines {
  text-align: left;
}
.visualconfig .rightStructure .tab-item .mon-container .monaco-menu {
  display: none;
}
.visualconfig .rightStructure .tab-form-item {
  display: flex;
  line-height: 32px;
  margin-bottom: 20px;
}
.visualconfig .rightStructure .tab-form-item .el-radio {
  margin-right: 20px;
  line-height: 32px;
}
.visualconfig .rightStructure .tab-form-item .el-checkbox {
  margin-right: 20px;
}
.visualconfig .rightStructure .tab-form-item .el-switch {
  margin-top: 6px;
}
.visualconfig .rightStructure .tab-form-item .label {
  display: inline-block;
  width: 100px;
  text-align: right;
}
.visualconfig .rightStructure .tab-form-item .inpbox {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}
.visualconfig .rightStructure .tab-form-item .inpbox .inpnum {
  flex: 1;
}
.visualconfig .rightStructure .tab-form-item .inpbox .inpnum .el-input__inner {
  text-align: left;
}
.visualconfig .rightStructure .tab-form-item .inpbox .el-input {
  flex: 1;
}
.visualconfig .rightStructure .tab-form-item .inpbox .el-select {
  flex: 1;
}
.visualconfig .rightStructure .tab-form-item .inpbox .el-textarea .el-textarea__inner {
  min-height: 100px !important;
}
.visualconfig .rightStructure .tab-form-item .inpbox .i {
  margin-left: 10px;
}
.visualconfig .rightStructure .actionItems {
  position: relative;
}
.visualconfig .rightStructure .actionItems .hackEditor {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  bottom: 0px;
  left: 0;
  right: 0;
  z-index: 9;
  background: #fff;
}
.visualconfig .chooseList {
  display: flex;
  flex-wrap: wrap;
}
.visualconfig .chooseList li {
  overflow: hidden;
  width: 220px;
  height: 150px;
  margin-right: 15px;
  margin-bottom: 20px;
  border-radius: 2px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
  cursor: pointer;
  transition: all 0.3s;
}
.visualconfig .chooseList li:nth-child(3) {
  margin-right: 0;
}
.visualconfig .chooseList li:nth-child(6) {
  margin-right: 0;
}
.visualconfig .chooseList li:hover {
  transform: scale(1.05);
}
.visualconfig .chooseList li dl {
  width: 100%;
  height: 100%;
}
.visualconfig .chooseList li dt {
  height: 32px;
  padding-left: 10px;
  line-height: 32px;
  border-bottom: 1px solid #f0f0f0;
}
.visualconfig .chooseList li dd {
  height: calc(100% - 32px);
}
.visualconfig .chooseList li dd img {
  width: 100%;
  height: 100%;
}
.visualconfig .chooseList li .txtbox {
  display: flex;
  height: 100%;
}
.visualconfig .chooseList li .txtbox span {
  margin: auto;
}
.visualconfig .chooseList li .txtbox .bold {
  font-weight: 800;
  font-size: 24px;
}

.customTable {
  position: relative;
  flex: 1;
  display: flex;
  height: 100%;
  width: 100%;
}
.customTable .rightStructure {
  width: 400px;
  padding: 20px;
}
.customTable .rightStructure .form-item {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  line-height: 32px;
}
.customTable .rightStructure .form-item > span:first-child {
  width: 90px;
  display: inline-block;
}
.customTable .rightStructure .form-item.through > span {
  width: 100%;
  font-weight: bold;
}
.customTable .rightStructure .wh200 {
  width: 200px;
}
.customTable .rightStructure .pri {
  color: #6690ff;
  cursor: pointer;
  margin-right: 25px;
  user-select: none;
}
.customTable .rightStructure .el-tabs {
  height: calc(100% - 30px);
}
.customTable .rightStructure .el-tabs .el-tabs__content {
  height: calc(100% - 50px);
  overflow: auto;
}
.customTable .rightStructure .el-tabs .el-tabs__content::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.customTable .rightStructure .el-tabs .el-tabs__content::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.customTable .rightStructure .el-tabs .el-tabs__content::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.customTable .rightStructure .el-tabs .el-tabs__content::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.customTable .delbtn {
  color: red;
  cursor: pointer;
  user-select: none;
}
.customTable .el-textarea {
  width: auto;
  flex: 1;
}
.customTable .apiResutShow > div,
.customTable .apiResutShow2 > div {
  flex: 1;
  user-select: text;
  font-size: 12px;
  line-height: 1.4;
  margin-top: 5px;
  height: 500px;
  border: 1px solid #dcdfe6;
  overflow: auto;
  padding: 5px;
}
.customTable .apiResutShow > div::-webkit-scrollbar,
.customTable .apiResutShow2 > div::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.customTable .apiResutShow > div::-webkit-scrollbar-corner,
.customTable .apiResutShow2 > div::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.customTable .apiResutShow > div::-webkit-scrollbar-thumb,
.customTable .apiResutShow2 > div::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.customTable .apiResutShow > div::-webkit-scrollbar-track,
.customTable .apiResutShow2 > div::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.customTable .apiResutShow.h400 > div {
  height: 400px !important;
}
.customTable .apiResutShow2 > div {
  height: 100px !important;
}
.customTable .wh110 {
  width: 110px;
}
.customTable .sepc-select .el-input.is-disabled .el-input__inner {
  cursor: pointer;
  background: none;
}
.groupSelect {
  width: 200px;
}
.poptip > li {
  margin-top: 5px;
}
.theme2 .customTable .apiResutShow > div,
.theme2 .customTable .apiResutShow2 > div {
  border-color: #565656;
}

.tableConfig[data-v-12035ecd] {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.tableConfig .cname[data-v-12035ecd] {
  width: 140px;
}
.tableConfig .tableicon[data-v-12035ecd] {
  display: flex;
  font-size: 16px;
  justify-content: space-between;
}

.ciphertext {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.ciphertext .el-tabs {
  height: 100%;
  margin-top: -15px;
}
.ciphertext .el-tabs .el-tab-pane {
  height: 100%;
}
.ciphertext .el-tabs .el-tabs__content {
  height: calc(100% - 50px) !important;
}
.ciphertext .el-tabs .el-tabs__content .meterReading {
  height: 100%;
}
.ciphertext .collectCustomerParameters .formbox {
  max-height: 776px;
}
.ciphertext .collectCustomerParameters .formbox .remark {
  float: left;
  margin-left: 20px;
}
.ciphertext .collectCustomerParameters .formbox .el-input-group__append,
.ciphertext .collectCustomerParameters .formbox .el-input-group__prepend {
  padding: 5px;
  color: #909399;
}
.ciphertext .collectCustomerParameters .formbox .el-input {
  float: left;
}
.ciphertext .collectCustomerParameters .formbox .inputLabel {
  width: 100%;
}
.ciphertext .collectCustomerParameters .formbox .inputLabel .el-form-item__label {
  width: 180px !important;
}
.ciphertext .collectCustomerParameters .formbox .leftSpan {
  margin-left: 21px;
}
.ciphertext .collectCustomerParameters .formbox .timeWidth {
  width: 100px;
}
.ciphertext .collectCustomerParameters .myButton {
  margin-left: 18%;
}
.ciphertext .collectCustomerParameters .myButtonCalculation {
  margin-left: 20px;
  float: left;
}
.ciphertext .collectCustomerParameters .el-form-item__error {
  left: 80px;
}
.time222 {
  width: 100px;
}

.deviceAnalysis {
  position: relative;
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
}
.deviceAnalysis .centerStructure {
  padding: 0;
  overflow: auto;
  background: #f6f4fc !important;
  box-shadow: none;
}
.deviceAnalysis .centerStructure section {
  width: 100%;
  display: flex;
  margin-bottom: 10px;
}
.deviceAnalysis .centerStructure section:last-child {
  margin: 0;
}
.deviceAnalysis .centerStructure section .item {
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
  margin-right: 10px;
  background: #fff;
}
.deviceAnalysis .centerStructure section .item:last-child {
  margin: 0px;
}
.deviceAnalysis .centerStructure section .firstItem {
  flex: 1;
  height: 165px;
  display: flex;
}
.deviceAnalysis .centerStructure section .firstItem .center {
  margin: auto;
  margin-top: 20px;
}
.deviceAnalysis .centerStructure section .firstItem .center h1 {
  font-size: 20px;
}
.deviceAnalysis .centerStructure section .firstItem .center .h1 {
  color: #a29afb;
}
.deviceAnalysis .centerStructure section .firstItem .center .h2 {
  color: #5ab1ef;
}
.deviceAnalysis .centerStructure section .firstItem .center .h3 {
  color: #edafda;
}
.deviceAnalysis .centerStructure section .firstItem .center .h4 {
  color: #2ec7c9;
}
.deviceAnalysis .centerStructure section .firstItem .center .h5 {
  color: #ffb980;
}
.deviceAnalysis .centerStructure section .firstItem .center ul li span {
  line-height: 40px;
  font-size: 16px;
}
.deviceAnalysis .centerStructure section .firstItem .center ul li span.font20 {
  margin-left: 10px;
  font-size: 20px;
  font-weight: bold;
  vertical-align: -2px;
}
.deviceAnalysis .centerStructure section .firstItem .center ul:first-child {
  margin-right: 40px;
}
.deviceAnalysis .centerStructure section .firstItem .center .fontbox {
  display: flex;
}
.deviceAnalysis .centerStructure section .firstItem .center .fontbox .vb {
  visibility: hidden;
}
.deviceAnalysis .centerStructure section .thirdItem {
  flex: 1;
  min-height: 323px;
  height: calc(100vh - 613px);
  padding: 20px;
}
.deviceAnalysis .centerStructure section .lintit {
  margin: 0;
}
.deviceAnalysis .centerStructure section .button-groups {
  float: right;
  position: relative;
  z-index: 9;
}
.deviceAnalysis .centerStructure section .barBox {
  width: 100%;
  height: 270px;
}
.deviceAnalysis .centerStructure section .barBox > div:first-child {
  width: 100% !important;
}
.deviceAnalysis .centerStructure section .tablebox {
  padding: 20px;
  width: 100%;
}
.deviceAnalysis .centerStructure section .tablebox .lintit {
  margin-bottom: 10px;
}
.deviceAnalysis .centerStructure .lastone {
  min-height: 324px;
}
.deviceAnalysis .alertChart {
  width: 100%;
  height: 500px;
}
.deviceAnalysis .ft16 {
  font-size: 16px;
}
.deviceAnalysis .marB5 {
  margin-bottom: 5px;
}

.trafficAnalysis {
  position: relative;
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
}
.trafficAnalysis .centerStructure {
  padding: 0;
  overflow: auto;
  background: #f6f4fc !important;
  box-shadow: none;
}
.trafficAnalysis .centerStructure section {
  display: flex;
  margin-bottom: 10px;
}
.trafficAnalysis .centerStructure section:last-child {
  margin: 0;
}
.trafficAnalysis .centerStructure section .item {
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
  margin-right: 10px;
  background: #fff;
}
.trafficAnalysis .centerStructure section .item:last-child {
  margin: 0px;
}
.trafficAnalysis .centerStructure section .firstItem {
  flex: 1;
  height: 165px;
  display: flex;
}
.trafficAnalysis .centerStructure section .firstItem .center {
  margin: auto;
  margin-top: 20px;
}
.trafficAnalysis .centerStructure section .firstItem .center h1 {
  font-size: 20px;
}
.trafficAnalysis .centerStructure section .firstItem .center .h1 {
  color: #a29afb;
}
.trafficAnalysis .centerStructure section .firstItem .center .h2 {
  color: #5ab1ef;
}
.trafficAnalysis .centerStructure section .firstItem .center .h3 {
  color: #edafda;
}
.trafficAnalysis .centerStructure section .firstItem .center .h4 {
  color: #2ec7c9;
}
.trafficAnalysis .centerStructure section .firstItem .center ul li span {
  line-height: 40px;
  font-size: 16px;
}
.trafficAnalysis .centerStructure section .firstItem .center ul li span.font20 {
  margin-left: 10px;
  font-size: 20px;
  font-weight: bold;
  vertical-align: -2px;
}
.trafficAnalysis .centerStructure section .firstItem .center ul:first-child {
  margin-right: 40px;
}
.trafficAnalysis .centerStructure section .firstItem .center .fontbox {
  display: flex;
}
.trafficAnalysis .centerStructure section .thirdItem {
  flex: 1;
  min-height: 323px;
  height: calc(100vh - 613px);
  padding: 20px;
}
.trafficAnalysis .centerStructure section .wholerow {
  flex: 1;
  height: 323px;
  padding: 20px;
}
.trafficAnalysis .centerStructure section .lintit {
  margin: 0;
}
.trafficAnalysis .centerStructure section .button-groups {
  float: right;
  position: relative;
  z-index: 9;
}
.trafficAnalysis .centerStructure section .barBox {
  width: 100%;
  height: 270px;
}
.trafficAnalysis .centerStructure section .barBox > div:first-child {
  width: 100% !important;
}
.trafficAnalysis .alertChart {
  width: 100%;
  height: 500px;
}
.trafficAnalysis .ft16 {
  font-size: 16px;
}
.trafficAnalysis .marB5 {
  margin-bottom: 5px;
}

.trafficAnalysisMobile {
  position: relative;
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
}
.trafficAnalysisMobile .centerStructure > .el-tabs > .el-tabs__content,
.trafficAnalysisMobile .control-empty > .el-tabs > .el-tabs__content {
  height: initial;
}
.trafficAnalysisMobile .centerStructure {
  padding: 0;
  overflow: auto;
  background: #f6f4fc !important;
  box-shadow: none;
}
.trafficAnalysisMobile .centerStructure .el-tabs .el-tabs__header,
.trafficAnalysisMobile .centerStructure .control-empty > .el-tabs .el-tabs__header {
  background: #fff;
}
.trafficAnalysisMobile .centerStructure .el-tabs__nav .is-top {
  padding-left: 20px;
}
.trafficAnalysisMobile .centerStructure section {
  display: flex;
  margin-bottom: 10px;
}
.trafficAnalysisMobile .centerStructure section:last-child {
  margin: 0;
}
.trafficAnalysisMobile .centerStructure section .item {
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
  margin-right: 10px;
  background: #fff;
}
.trafficAnalysisMobile .centerStructure section .item:last-child {
  margin: 0px;
}
.trafficAnalysisMobile .centerStructure section .firstItem {
  flex: 1;
  height: 165px;
  display: flex;
}
.trafficAnalysisMobile .centerStructure section .firstItem .center {
  margin: auto;
  margin-top: 20px;
}
.trafficAnalysisMobile .centerStructure section .firstItem .center h1 {
  font-size: 20px;
  display: flex;
  justify-content: space-between;
}
.trafficAnalysisMobile .centerStructure section .firstItem .center .h1 {
  color: #a29afb;
}
.trafficAnalysisMobile .centerStructure section .firstItem .center .h2 {
  color: #5ab1ef;
}
.trafficAnalysisMobile .centerStructure section .firstItem .center .h3 {
  color: #edafda;
}
.trafficAnalysisMobile .centerStructure section .firstItem .center .h4 {
  color: #2ec7c9;
}
.trafficAnalysisMobile .centerStructure section .firstItem .center .h5 {
  color: #7b98ba;
}
.trafficAnalysisMobile .centerStructure section .firstItem .center ul li span {
  line-height: 40px;
  font-size: 16px;
}
.trafficAnalysisMobile .centerStructure section .firstItem .center ul li span.font20 {
  margin-left: 10px;
  font-size: 20px;
  font-weight: bold;
  vertical-align: -2px;
}
.trafficAnalysisMobile .centerStructure section .firstItem .center ul:first-child {
  margin-right: 40px;
}
.trafficAnalysisMobile .centerStructure section .firstItem .center .fontbox {
  display: flex;
}
.trafficAnalysisMobile .centerStructure section .thirdItem {
  flex: 1;
  min-height: 323px;
  height: calc(100vh - 613px);
  padding: 20px;
}
.trafficAnalysisMobile .centerStructure section .wholerow {
  flex: 1;
  height: 323px;
  padding: 20px;
}
.trafficAnalysisMobile .centerStructure section .lintit {
  margin: 0;
}
.trafficAnalysisMobile .centerStructure section .button-groups {
  float: right;
  position: relative;
  z-index: 9;
}
.trafficAnalysisMobile .centerStructure section .barBox {
  width: 100%;
  height: calc(100% - 20px);
}
.trafficAnalysisMobile .centerStructure section .barBox > div:first-child {
  width: 100% !important;
}
.trafficAnalysisMobile .alertChart {
  width: 100%;
  height: 500px;
}

.waterBalance {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  position: relative;
  display: flex;
}
.waterBalance .centerStructure {
  overflow: auto;
}
.waterBalance .editIcon {
  color: #6690ff;
  margin-right: 5px;
  cursor: pointer;
}
.waterBalance .flextit {
  display: flex;
}
.waterBalance .flextit li {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex: 1;
  height: 80px;
  background: #fafafa;
  margin-left: 10px;
  border-radius: 5px;
}
.waterBalance .flextit li:first-child {
  margin: 0;
}
.waterBalance .flextit li span {
  font-size: 18px;
}
.waterBalance .tabbox .notice {
  margin-top: 10px;
  color: #ea0407;
}
.waterBalance .tabbox .notice p:nth-child(2) {
  text-indent: 28px;
}
.waterBalance .tabbox .yearBox {
  display: flex;
}
.waterBalance .tabbox .yearBox .el-table {
  flex: 2.7;
}
.waterBalance .tabbox .yearBox .el-table:last-child {
  flex: 1;
}
.waterBalance .tabbox .yearBox .lastrow .result {
  display: inline-block;
  padding: 5px 40px;
  background: #fafafa;
  margin-right: 10px;
  font-weight: bold;
  border-radius: 5px;
}
.waterBalance .tabbox .yearBox .lastrow .el-button {
  border-color: #6690ff;
  color: #6690ff;
}
.waterBalance .wh550 {
  width: 550px;
}
.mergeTable {
  margin-top: 10px;
}
.theme1 .mergeTable.el-table--enable-row-hover .el-table__body tr:hover > td,
.theme2 .mergeTable.el-table--enable-row-hover .el-table__body tr:hover > td {
  background: none !important;
}
.theme2 .mergeTable.el-table--border,
.theme2 .mergeTable.el-table--group {
  border-right: 0px;
  border-bottom: 0px;
}
.theme2 .waterBalance .flextit li {
  background: #393a3b;
}
.theme2 .waterBalance .tabbox .yearBox .lastrow .result {
  background: #393a3b;
}

.c-center[data-v-efbfe144] {
  flex: 1;
  margin: 0 10px;
  background: #fff;
}
.main-block[data-v-efbfe144] {
  padding: 10px 15px;
  box-sizing: border-box;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
  position: relative;
}
.main-block .pos[data-v-efbfe144] {
  position: absolute;
  right: 10px;
  top: 10px;
}
.fixMap[data-v-efbfe144] {
  position: absolute;
  z-index: 22;
  width: 240px;
  background: rgba(255, 255, 255, 0.85);
}
.fixMap .lintit[data-v-efbfe144] {
  margin: 10px 0 5px 10px;
}
.fixMap .el-checkbox-group[data-v-efbfe144] {
  padding-left: 10px;
}
.fixMap .el-checkbox-group .el-checkbox[data-v-efbfe144] {
  margin-right: 20px;
}
.c-info[data-v-efbfe144] {
  display: flex;
}
.c-info li[data-v-efbfe144] {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
}
.c-info li .iconfont[data-v-efbfe144] {
  font-size: 24px;
  color: #6690ff;
  line-height: 60px;
  margin-right: 15px;
}
.c-info li p[data-v-efbfe144] {
  color: #6690ff;
  font-size: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.theme1 .fixbox-tree .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content[data-v-efbfe144] {
  background-color: #eee;
}
.theme2 .main-block[data-v-efbfe144] {
  background: #2a2b2d;
}
.theme2 .c-center[data-v-efbfe144] {
  background: #2a2b2d;
}
.theme2 .c-info li .iconfont[data-v-efbfe144] {
  color: #4d91ff;
}
.theme2 .c-info li p[data-v-efbfe144] {
  color: #4d91ff;
}
.theme2 .fixMap[data-v-efbfe144] {
  background: rgba(0, 0, 0, 0.7);
}
.waterFactoryMap[data-v-efbfe144] {
  position: relative;
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  overflow: hidden;
}
.waterFactoryMap .centerStructure[data-v-efbfe144] {
  padding: 0px;
}
.waterFactoryMap .centerStructure .map[data-v-efbfe144] {
  width: 100%;
  height: 100%;
}
.waterFactoryMap .centerStructure .fixMap[data-v-efbfe144] {
  position: absolute;
  top: 10px;
  width: 170px;
  padding: 10px;
  transition: all 0.4s;
}
.waterFactoryMap .centerStructure .fixMap[data-v-efbfe144] .el-checkbox {
  display: block;
  margin-bottom: 10px;
}
.waterFactoryMap .centerStructure .fixMap[data-v-efbfe144] .el-checkbox:last-child {
  margin-bottom: 0;
}
.waterFactoryMap .centerStructure .fixMap img[data-v-efbfe144] {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: -5px;
  margin-right: 5px;
}
.infoWindow-switch[data-v-efbfe144] {
  position: absolute;
  right: 20px;
  top: 10px;
  z-index: 22;
  padding: 8px 10px;
  box-shadow: 5px 5px 15px 0px #00000026;
  border-radius: 4px;
}
#factoryMap[data-v-efbfe144] .amap-marker-label {
  border: none;
  background: none;
  padding: 0;
}
#factoryMap[data-v-efbfe144] .amap-marker-label .labelInfo {
  min-width: 176px;
  height: auto;
  border-radius: 10px;
  position: relative;
  box-sizing: border-box;
  border: 2px solid #1971cc90;
  box-shadow: 1px 1px 3px #999999;
  background: rgba(255, 255, 255, 0.85);
  padding: 6px;
  padding-left: 10px;
  padding-right: 20px;
}
#factoryMap[data-v-efbfe144] .amap-marker-label .labelInfo::before {
  content: " ";
  box-sizing: border-box;
  position: absolute;
  top: -2px;
  left: 3%;
  height: 1px;
  width: 94%;
  border-top: 2px solid transparent;
  border-image: linear-gradient(to right, #0db5e440 20%, #0ff3f3 40%, #1971cc80) 2 2;
}
#factoryMap[data-v-efbfe144] .amap-marker-label .labelInfo::after {
  content: " ";
  box-sizing: border-box;
  position: absolute;
  bottom: -2px;
  left: 3%;
  height: 1px;
  width: 94%;
  border-bottom: 2px solid transparent;
  border-image: linear-gradient(to right, #0db5e440, #0ff3f3 40%, #1971cc80) 2 2;
}
#factoryMap[data-v-efbfe144] .amap-marker-label .labelInfo .triangle {
  position: absolute;
  left: 50%;
  bottom: -6px;
  margin-left: -5px;
  width: 10px;
  height: 10px;
  background: rgba(255, 255, 255, 0.9);
  transform: rotate(45deg);
  clip-path: polygon(30% 30%, 100% 0, 100% 100%, 0% 100%);
  border: 2px solid #1ee2e2;
  border-top: none;
  border-left: none;
  z-index: 666;
}
#factoryMap[data-v-efbfe144] .amap-marker-label .labelInfo .el-icon-close {
  position: absolute;
  right: 5px;
  top: 5px;
  color: #C0C4CC;
  font-weight: 600;
}
#factoryMap[data-v-efbfe144] .amap-marker-label .labelInfo .el-icon-close:hover {
  color: #6690ff;
}
#factoryMap[data-v-efbfe144] .amap-marker-label .labelInfo .parDetail {
  line-height: 24px;
}
#factoryMap[data-v-efbfe144] .amap-marker-label .labelInfo .parDetail li {
  display: flex;
}
#factoryMap[data-v-efbfe144] .amap-marker-label .labelInfo .parDetail li:first-child span {
  font-weight: bold;
  display: inline-block;
  width: 160px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#factoryMap[data-v-efbfe144] .amap-marker-label .labelInfo .parDetail li i {
  display: inline-block;
  width: 5px;
  height: 16px;
  background: #3ca5f4;
  vertical-align: -3px;
  margin-right: 6px;
}
#factoryMap[data-v-efbfe144] .amap-marker-label .labelInfo .parDetail li b {
  display: inline-block;
  margin-left: 12px;
  cursor: pointer;
  color: #3ca5f4;
}
#factoryMap[data-v-efbfe144] .amap-marker-label .labelInfo .parDetail li .clickable {
  color: #3ca5f4;
  cursor: pointer;
}
.theme2 #factoryMap[data-v-efbfe144] .amap-marker-label .labelInfo {
  border-left: 2px solid #0db5e460;
  border-top: 2px solid #1971cc;
  border-bottom: 2px solid #1971cc;
  border-right: 2px solid #1971cc80;
  background: #18191bf2;
  box-shadow: 0px 0px 4px #000;
}
.theme2 #factoryMap[data-v-efbfe144] .amap-marker-label .labelInfo .triangle {
  background: rgba(0, 0, 0, 0.9);
}

.tab1 .facSel[data-v-69c7944a] {
  position: absolute;
  right: 20px;
  top: 15px;
  width: 200px;
}
.tab1 .jiange[data-v-69c7944a] {
  position: absolute;
  right: 0px;
  top: -4px;
  width: 100px;
}
.tab1 .rel[data-v-69c7944a] {
  position: relative;
}

.tab2 .facSel[data-v-1f715bf3] {
  position: absolute;
  right: 20px;
  top: 15px;
  width: 200px;
}
.tab2 .jiange[data-v-1f715bf3] {
  position: absolute;
  right: 0px;
  top: -4px;
  width: 100px;
}
.tab2 .rel[data-v-1f715bf3] {
  position: relative;
}
.tab2 .wh100[data-v-1f715bf3] {
  width: 100px;
}
.tab2 .lintit ~ span[data-v-1f715bf3] {
  margin-left: 46px;
}

.tab3 .facSel[data-v-2d4f8ab1] {
  position: absolute;
  right: 20px;
  top: 15px;
  width: 200px;
}
.tab3 .jiange[data-v-2d4f8ab1] {
  position: absolute;
  right: 0px;
  top: -4px;
  width: 100px;
}
.tab3 .rel[data-v-2d4f8ab1] {
  position: relative;
}
.tab3 .two-info[data-v-2d4f8ab1] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}
.tab3 .two-info > .c-info[data-v-2d4f8ab1] {
  width: 210px;
}

.tab4[data-v-f9494346] {
  height: 100%;
}
.tab4 .cjlv[data-v-f9494346] {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
.tab4 .cjlv > li[data-v-f9494346] {
  flex: 1;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.tab4 .cjlv > li > span[data-v-f9494346] {
  margin-top: 4px;
}
.tab4 .cjlv > li > span > em[data-v-f9494346] {
  color: #f50000;
  font-weight: bold;
  cursor: pointer;
}
.tab4 .cjlv > li .imgBox[data-v-f9494346] {
  display: flex;
  margin: 0 auto;
  width: 54px;
  height: 54px;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.tab4 .cjlv > li .imgBox.active[data-v-f9494346] {
  border: 1px solid #4d91ff;
  background: #4d91ff30;
}

.tab5 .facSel[data-v-4902db21] {
  position: absolute;
  right: 20px;
  top: 15px;
  width: 200px;
}
.tab5 .jiange[data-v-4902db21] {
  position: absolute;
  right: 0px;
  top: -4px;
  width: 100px;
}
.tab5 .rel[data-v-4902db21] {
  position: relative;
}
.tab5 .two-info[data-v-4902db21] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}
.tab5 .two-info > .c-info[data-v-4902db21] {
  width: 210px;
}

.c-center {
  flex: 1;
  margin: 0 10px;
  background: #fff;
}
.main-block {
  padding: 10px 15px;
  box-sizing: border-box;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
  position: relative;
}
.main-block .pos {
  position: absolute;
  right: 10px;
  top: 10px;
}
.fixMap {
  position: absolute;
  z-index: 22;
  width: 240px;
  background: rgba(255, 255, 255, 0.85);
}
.fixMap .lintit {
  margin: 10px 0 5px 10px;
}
.fixMap .el-checkbox-group {
  padding-left: 10px;
}
.fixMap .el-checkbox-group .el-checkbox {
  margin-right: 20px;
}
.c-info {
  display: flex;
}
.c-info li {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
}
.c-info li .iconfont {
  font-size: 24px;
  color: #6690ff;
  line-height: 60px;
  margin-right: 15px;
}
.c-info li p {
  color: #6690ff;
  font-size: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.theme1 .fixbox-tree .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background-color: #eee;
}
.theme2 .main-block {
  background: #2a2b2d;
}
.theme2 .c-center {
  background: #2a2b2d;
}
.theme2 .c-info li .iconfont {
  color: #4d91ff;
}
.theme2 .c-info li p {
  color: #4d91ff;
}
.theme2 .fixMap {
  background: rgba(0, 0, 0, 0.7);
}
.mapFixedContent {
  width: 480px;
  height: calc(100% - 20px);
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 22;
  background: rgba(255, 255, 255, 0.85);
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
  transition: all 0.4s;
}
.mapFixedContent .fixedTabs {
  height: 100%;
  padding-top: 10px;
}
.mapFixedContent .fixedTabs .el-tabs__header {
  margin: 0;
  padding: 0 20px;
}
.mapFixedContent .fixedTabs .el-tabs__header .el-tabs__item {
  width: 88px;
  padding: 0;
  text-align: center;
  color: #4d91ff;
  letter-spacing: 2px;
  font-size: 15px;
}
.mapFixedContent .fixedTabs .el-tabs__header .el-tabs__active-bar {
  background-color: #4d91ff;
}
.mapFixedContent .fixedTabs .el-tabs__content {
  padding: 20px;
  overflow: auto;
  height: calc(100% - 40px);
}
.mapFixedContent .fixedTabs .el-tabs__content::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.mapFixedContent .fixedTabs .el-tabs__content::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.mapFixedContent .fixedTabs .el-tabs__content::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.mapFixedContent .fixedTabs .el-tabs__content::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.mapFixedContent .fixedTabs .el-tabs__content .el-tab-pane {
  height: 100%;
}
.mapFixedContent .fixedTabs .el-tabs__content .el-tab-pane > div {
  padding-bottom: 20px;
}
.mapFixedContent .foldBtn {
  width: 10px;
  height: 100px;
  position: absolute;
  top: 50%;
  left: -10px;
  margin-top: -60px;
  background: #6690ff;
  cursor: pointer;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mapFixedContent .foldBtn i {
  color: #fff;
}
.mapFixedContent .floor {
  margin-bottom: 20px;
}
.mapFixedContent .floor .c-info.spec p {
  text-align: center;
}
.mapFixedContent .floor .c-info.spec .iconImg {
  display: inline-block;
  vertical-align: -3px;
  margin-right: 5px;
}
.mapFixedContent .floor .c-info {
  border: 1px solid #ebeef5;
  border-radius: 10px;
  padding: 15px 0;
}
.mapFixedContent .floor .c-info .iconfont {
  background-image: linear-gradient(to right, #00f3fe, #0093f7);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.mapFixedContent .floor .c-info .labtop {
  margin-bottom: 6px;
}
.mapFixedContent .floor .c-info .labtop em {
  font-size: 12px;
  padding-left: 4px;
}
.mapFixedContent .floor .c-info p {
  font-weight: 600;
  color: #3ca5f4;
  max-width: 105px;
  text-align: center;
}
.mapFixedContent .floor .c-info p.purple {
  color: #ac00f4;
}
.mapFixedContent .floor .c-info li img {
  margin-right: 8px;
}
.mapFixedContent .table-click {
  color: #4d91ff;
}
.mapFixedContent .chart {
  width: 100%;
  height: 200px;
}
.mapFixedContent .el-pagination .el-pager li {
  margin-left: 5px;
}
.mapFixedContent .el-pagination .btn-prev {
  padding-right: 6px;
}
.mapFixedContent .el-pagination .btn-next {
  padding-left: 6px;
}
.mapFixedContent .el-pagination__jump {
  margin-left: 12px;
}
.mapFixedContent .marB0 {
  margin-bottom: 0 !important;
}
.mapFixedContent .energyTips > div {
  display: flex;
  justify-content: space-between;
}
.mapFixedContent .energyTips > div > span:first-child {
  margin-right: 20px;
}
.mapFixedContent .energyTips > div > span:nth-child(2) {
  display: inline-block;
  min-width: 60px;
  text-align: right;
  font-weight: bold;
}
.theme2 .mapFixedContent {
  background: rgba(0, 0, 0, 0.85);
}
.theme2 .mapFixedContent .floor .c-info {
  border-color: #565656;
}
.theme2 .mapFixedContent .el-table {
  background-color: transparent;
}
.theme2 .mapFixedContent .el-table tr {
  background-color: transparent;
}
.theme2 .mapFixedContent .fixedTabs .el-tabs__content::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(38, 38, 38, 0.2);
  background: rgba(169, 168, 168, 0.2);
}
.theme2 .mapFixedContent .fixedTabs .el-tabs__content::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(127, 127, 127, 0.1);
  border-radius: 0;
  background: rgba(127, 125, 125, 0.1);
}
.theme2 .mapFixedContent .fixedTabs .el-tabs__content::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}

.dia-chart[data-v-4f3e3b6f] {
  width: 1180px;
  height: 350px;
}

.chartDialogNew .echarts-dom[data-v-0ce169e9] {
  height: 400px;
  width: 1020px;
}
.chartDialogNew .chart-item[data-v-0ce169e9] {
  margin-top: 10px;
}
.chartDialogNew .el-pagination[data-v-0ce169e9] {
  padding-right: 20px;
}
.chartDialogNew .searchArea[data-v-0ce169e9] {
  margin-top: 10px;
  margin-bottom: 0;
}
.chartDialogNew .el-table__body-wrapper[data-v-0ce169e9] {
  height: 460px;
}
.chartDialogNew .el-tabs__header[data-v-0ce169e9] {
  margin: 0 20px;
}
.chartDialogNew .inp[data-v-0ce169e9] {
  margin-left: 20px !important;
}
[data-v-0ce169e9] .el-dialog__body {
  padding: 0 20px 20px 20px;
  height: 630px;
  overflow-y: auto;
}

.tab4Dialog .el-dialog__body {
  padding-right: 20px;
}

.c-center[data-v-51043d40] {
  flex: 1;
  margin: 0 10px;
  background: #fff;
}
.main-block[data-v-51043d40] {
  padding: 10px 15px;
  box-sizing: border-box;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
  position: relative;
}
.main-block .pos[data-v-51043d40] {
  position: absolute;
  right: 10px;
  top: 10px;
}
.fixMap[data-v-51043d40] {
  position: absolute;
  z-index: 22;
  width: 240px;
  background: rgba(255, 255, 255, 0.85);
}
.fixMap .lintit[data-v-51043d40] {
  margin: 10px 0 5px 10px;
}
.fixMap .el-checkbox-group[data-v-51043d40] {
  padding-left: 10px;
}
.fixMap .el-checkbox-group .el-checkbox[data-v-51043d40] {
  margin-right: 20px;
}
.c-info[data-v-51043d40] {
  display: flex;
}
.c-info li[data-v-51043d40] {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
}
.c-info li .iconfont[data-v-51043d40] {
  font-size: 24px;
  color: #6690ff;
  line-height: 60px;
  margin-right: 15px;
}
.c-info li p[data-v-51043d40] {
  color: #6690ff;
  font-size: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.theme1 .fixbox-tree .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content[data-v-51043d40] {
  background-color: #eee;
}
.theme2 .main-block[data-v-51043d40] {
  background: #2a2b2d;
}
.theme2 .c-center[data-v-51043d40] {
  background: #2a2b2d;
}
.theme2 .c-info li .iconfont[data-v-51043d40] {
  color: #4d91ff;
}
.theme2 .c-info li p[data-v-51043d40] {
  color: #4d91ff;
}
.theme2 .fixMap[data-v-51043d40] {
  background: rgba(0, 0, 0, 0.7);
}
.waterFactoryMapNew[data-v-51043d40] {
  position: relative;
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  overflow: hidden;
}
.waterFactoryMapNew .centerStructure[data-v-51043d40] {
  position: relative;
  overflow: hidden;
  padding: 0px;
}
.waterFactoryMapNew .centerStructure .map[data-v-51043d40] {
  width: 100%;
  height: 100%;
}
.waterFactoryMapNew .centerStructure .fixMap[data-v-51043d40] {
  position: absolute;
  top: 60px;
  left: 10px;
  width: 270px;
  transition: all 0.4s;
  box-shadow: 3px 3px 10px #ccc;
  background: #fffb;
}
.waterFactoryMapNew .centerStructure .fixMap[data-v-51043d40] .el-checkbox {
  display: inline-block;
  width: 125px;
  margin-right: 0;
  margin-bottom: 15px;
}
.waterFactoryMapNew .centerStructure .fixMap[data-v-51043d40] .el-collapse {
  border: none;
}
.waterFactoryMapNew .centerStructure .fixMap[data-v-51043d40] .el-collapse .el-collapse-item__content {
  padding-bottom: 0;
}
.waterFactoryMapNew .centerStructure .fixMap[data-v-51043d40] .el-collapse .el-collapse-item__header {
  border: none;
  background: none;
  padding-left: 20px;
}
.waterFactoryMapNew .centerStructure .fixMap[data-v-51043d40] .el-collapse .el-collapse-item__wrap {
  background: none;
  padding-left: 20px;
}
.waterFactoryMapNew .centerStructure .fixMap img[data-v-51043d40] {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: -5px;
  margin-right: 5px;
}
.waterFactoryMapNew .centerStructure .fixMap .row[data-v-51043d40] {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  padding-left: 10px;
}
.waterFactoryMapNew .centerStructure .fixMap .row .el-checkbox[data-v-51043d40] {
  margin-bottom: 0;
}
.waterFactoryMapNew .centerStructure .fixMap .freshSel[data-v-51043d40] {
  width: 100px;
}
.waterFactoryMapNew .centerStructure .fixMap .marL20[data-v-51043d40] {
  margin-left: 20px;
  margin-right: 5px;
  width: 100px;
}
.waterFactoryMapNew .centerStructure .fixMap .lintit[data-v-51043d40] {
  margin-left: 0;
}
.waterFactoryMapNew .centerStructure .area_search[data-v-51043d40] {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 270px;
  height: 40px;
  z-index: 22;
}
.infoWindow-switch[data-v-51043d40] {
  position: absolute;
  left: 0;
  bottom: -50px;
  z-index: 22;
  padding: 8px 10px;
  box-shadow: 5px 5px 15px 0px #00000026;
  border-radius: 4px;
}
.mapVector[data-v-51043d40] {
  width: 70px;
  height: 70px;
  overflow: hidden;
  position: absolute;
  bottom: 10px;
  right: 0px;
  user-select: none;
  z-index: 99;
  display: flex;
  transition: all 0.4s;
}
.mapVector .fixImg[data-v-51043d40] {
  position: absolute;
  overflow: hidden;
  border-radius: 5px;
  width: 70px;
  height: 70px;
  border: 1px solid #dcdfe6;
  margin-left: 5px;
  cursor: pointer;
}
.mapVector .fixImg img[data-v-51043d40] {
  width: 100%;
  height: 100%;
}
.mapVector .fixImg .stable[data-v-51043d40] {
  bottom: 0;
}
.mapVector .activeImg[data-v-51043d40] {
  border: 1px solid #4d91ff;
  right: 0;
  z-index: 99;
}
.mapVector .hiddenImg[data-v-51043d40] {
  left: 75px;
  z-index: 98;
}
.mapVector .des[data-v-51043d40] {
  position: absolute;
  bottom: -22px;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  line-height: 22px;
  font-size: 12px;
  text-align: center;
  transition: all 0.3s;
}
.mapVector[data-v-51043d40]:hover {
  width: 145px;
}
.mapVector:hover .hiddenImg[data-v-51043d40] {
  left: -5px;
  transition: all 0.3s;
}
#factoryMapNew[data-v-51043d40] .amap-marker-label {
  border: none;
  background: none;
  padding: 0;
}
#factoryMapNew[data-v-51043d40] .amap-marker-label .labelInfo.offlineLabelInfo {
  border: 2px solid #cecece90 !important;
  color: #999;
}
#factoryMapNew[data-v-51043d40] .amap-marker-label .labelInfo.offlineLabelInfo::before {
  border-image: linear-gradient(to right, #cecece10, #999 40%, #cecece10) 2 2;
}
#factoryMapNew[data-v-51043d40] .amap-marker-label .labelInfo.offlineLabelInfo::after {
  border-image: linear-gradient(to right, #cecece10, #999 40%, #cecece10) 2 2;
}
#factoryMapNew[data-v-51043d40] .amap-marker-label .labelInfo.offlineLabelInfo .triangle {
  clip-path: polygon(35% 35%, 100% 0, 100% 100%, 0% 100%);
  border: 2px solid #cececea0;
}
#factoryMapNew[data-v-51043d40] .amap-marker-label .labelInfo.offlineLabelInfo .parDetail li b {
  color: #999;
}
#factoryMapNew[data-v-51043d40] .amap-marker-label .labelInfo.offlineLabelInfo .parDetail li .clickable {
  color: #999;
}
#factoryMapNew[data-v-51043d40] .amap-marker-label .labelInfo.alarmLabelInfo {
  border: 2px solid #c7000080 !important;
}
#factoryMapNew[data-v-51043d40] .amap-marker-label .labelInfo.alarmLabelInfo::before {
  border-image: linear-gradient(to right, #c7000030, #ff0000 40%, #c7000030) 2 2;
}
#factoryMapNew[data-v-51043d40] .amap-marker-label .labelInfo.alarmLabelInfo::after {
  border-image: linear-gradient(to right, #c7000030, #ff0000 40%, #c7000030) 2 2;
}
#factoryMapNew[data-v-51043d40] .amap-marker-label .labelInfo.alarmLabelInfo .triangle {
  clip-path: polygon(35% 35%, 100% 0, 100% 100%, 0% 100%);
  border: 2px solid #ee0000;
}
#factoryMapNew[data-v-51043d40] .amap-marker-label .labelInfo.alarmLabelInfo .parDetail li b {
  color: #f50000;
}
#factoryMapNew[data-v-51043d40] .amap-marker-label .labelInfo.alarmLabelInfo .parDetail li .clickable {
  color: #f50000;
}
#factoryMapNew[data-v-51043d40] .amap-marker-label .labelInfo {
  min-width: 176px;
  height: auto;
  border-radius: 10px;
  position: relative;
  box-sizing: border-box;
  border: 2px solid #1971cc90;
  box-shadow: 1px 1px 3px #999999;
  background: rgba(255, 255, 255, 0.85);
  padding: 6px;
  padding-left: 10px;
}
#factoryMapNew[data-v-51043d40] .amap-marker-label .labelInfo::before {
  content: " ";
  box-sizing: border-box;
  position: absolute;
  top: -2px;
  left: 3%;
  height: 1px;
  width: 94%;
  border-top: 2px solid transparent;
  border-image: linear-gradient(to right, #0db5e440 20%, #0ff3f3 40%, #1971cc80) 2 2;
}
#factoryMapNew[data-v-51043d40] .amap-marker-label .labelInfo::after {
  content: " ";
  box-sizing: border-box;
  position: absolute;
  bottom: -2px;
  left: 3%;
  height: 1px;
  width: 94%;
  border-bottom: 2px solid transparent;
  border-image: linear-gradient(to right, #0db5e440, #0ff3f3 40%, #1971cc80) 2 2;
}
#factoryMapNew[data-v-51043d40] .amap-marker-label .labelInfo .triangle {
  position: absolute;
  left: 50%;
  bottom: -6px;
  margin-left: -5px;
  width: 10px;
  height: 10px;
  background: rgba(255, 255, 255, 0.9);
  transform: rotate(45deg);
  clip-path: polygon(30% 30%, 100% 0, 100% 100%, 0% 100%);
  border: 2px solid #1ee2e2;
  border-top: none;
  border-left: none;
  z-index: 666;
}
#factoryMapNew[data-v-51043d40] .amap-marker-label .labelInfo .el-icon-close {
  position: absolute;
  right: 5px;
  top: 5px;
  color: #c0c4cc;
  font-weight: 600;
}
#factoryMapNew[data-v-51043d40] .amap-marker-label .labelInfo .el-icon-close:hover {
  color: #6690ff;
}
#factoryMapNew[data-v-51043d40] .amap-marker-label .labelInfo .parDetail {
  line-height: 24px;
}
#factoryMapNew[data-v-51043d40] .amap-marker-label .labelInfo .parDetail li {
  display: flex;
}
#factoryMapNew[data-v-51043d40] .amap-marker-label .labelInfo .parDetail li.nonDel {
  justify-content: space-between;
}
#factoryMapNew[data-v-51043d40] .amap-marker-label .labelInfo .parDetail li img {
  width: 25px;
  height: 25px;
  margin-right: 5px;
}
#factoryMapNew[data-v-51043d40] .amap-marker-label .labelInfo .parDetail li:first-child span {
  font-weight: bold;
  display: inline-block;
  max-width: 190px;
  margin-right: 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#factoryMapNew[data-v-51043d40] .amap-marker-label .labelInfo .parDetail li i {
  display: inline-block;
  width: 5px;
  height: 16px;
  background: #3ca5f4;
  vertical-align: -3px;
  margin-right: 6px;
}
#factoryMapNew[data-v-51043d40] .amap-marker-label .labelInfo .parDetail li b {
  display: inline-block;
  margin-left: 12px;
  cursor: pointer;
  color: #3ca5f4;
}
#factoryMapNew[data-v-51043d40] .amap-marker-label .labelInfo .parDetail li b:nth-child(1) {
  margin-left: 0;
}
#factoryMapNew[data-v-51043d40] .amap-marker-label .labelInfo .parDetail li b.normal {
  cursor: inherit;
}
#factoryMapNew[data-v-51043d40] .amap-marker-label .labelInfo .parDetail li:not(:first-child) span:first-child {
  display: inline-block;
  width: 64px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#factoryMapNew[data-v-51043d40] .amap-marker-label .labelInfo .parDetail li em {
  margin-left: 8px;
  font-weight: normal;
}
#factoryMapNew[data-v-51043d40] .amap-marker-label .labelInfo .parDetail li abbr {
  color: #3ca5f4;
  cursor: pointer;
  font-size: 24px;
}
#factoryMapNew[data-v-51043d40] .amap-marker-label .labelInfo .parDetail li .clickable {
  color: #3ca5f4;
  cursor: pointer;
}
.theme2 #factoryMapNew[data-v-51043d40] .amap-marker-label .labelInfo {
  border-left: 2px solid #0db5e460;
  border-top: 2px solid #1971cc;
  border-bottom: 2px solid #1971cc;
  border-right: 2px solid #1971cc80;
  background: #18191bf2;
  box-shadow: 0px 0px 4px #000;
}
.theme2 #factoryMapNew[data-v-51043d40] .amap-marker-label .labelInfo .triangle {
  background: rgba(0, 0, 0, 0.9);
}
.theme2 #factoryMapNew[data-v-51043d40] .amap-marker-label .labelInfo.offlineLabelInfo .parDetail li b,
.theme2 #factoryMapNew[data-v-51043d40] .amap-marker-label .labelInfo.offlineLabelInfo .parDetail li .clickable {
  color: #b7b7b7;
}
.theme2 #factoryMapNew[data-v-51043d40] .amap-marker-label .labelInfo.alarmLabelInfo .parDetail li b,
.theme2 #factoryMapNew[data-v-51043d40] .amap-marker-label .labelInfo.alarmLabelInfo .parDetail li .clickable {
  color: #f50000;
}
.theme2 .waterFactoryMapNew .centerStructure .fixMap[data-v-51043d40] {
  background: #18191be0;
  box-shadow: 3px 3px 6px #333;
}

.productionReport {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.productionReport .tablenodata {
  text-align: center;
  position: absolute;
  z-index: 9;
  left: calc(50% - 32px);
  top: calc(50% - 15px);
  color: #909399;
}
.productionReport .marl10 {
  margin-left: 10px;
}
.productionReport .search-wrap {
  height: 34px;
  justify-content: space-between;
  margin-top: 10px;
}
.productionReport .search-wrap .list-type-icon {
  font-size: 14px;
  position: relative;
}
.productionReport .el-table__fixed,
.productionReport .el-table__fixed-right {
  z-index: 5;
  background-color: #fff;
}
.productionReport .specialStruc {
  padding-top: 0;
}
.productionReport .specialStruc .el-select__tags {
  opacity: 0;
}
.productionReport .specialStruc .el-tabs {
  height: auto;
}
.productionReport .specialStruc .el-tabs .el-tabs__content {
  display: none;
}
.productionReport .specialStruc .main-container {
  width: 100%;
  height: calc(100% - 94px);
  position: relative;
}
.productionReport .specialStruc .main-container .chart-wrap {
  width: 100%;
  height: 100%;
}
.productionReport .specialStruc .main-container .chart-wrap #chartDom {
  width: 100%;
  height: 100%;
}
.productionReport .specialStruc .main-container .no-data {
  display: flex;
  justify-content: center;
  align-items: center;
}
.productionReport .is-right .cell {
  width: 100% !important;
}
.productionReport .tree-box .overauto {
  height: 91% !important;
}
.productionReport .el-table--border th.el-table__cell.gutter:last-of-type {
  height: 40px;
  position: absolute;
  bottom: 0;
  right: 0;
}
.theme2 .productionReport .el-table__fixed,
.theme2 .productionReport .el-table__fixed-right {
  z-index: 5;
  background-color: #2a2b2d;
}
.theme2 .productionReport .el-table__fixed-footer-wrapper tbody td.el-table__cell {
  border-top: 1px solid #565656;
  background-color: #494949;
  color: #b7b7b7;
}

.siteHistory {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.siteHistory .index-container {
  width: 180px;
  height: 97%;
  box-sizing: border-box;
  padding: 15px 0;
  overflow: auto;
}
.siteHistory .index-container::-webkit-scrollbar-track-piece {
  background-color: #dddede;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}
.siteHistory .index-container::-webkit-scrollbar {
  width: 4px;
  height: 10px;
}
.siteHistory .index-container::-webkit-scrollbar-thumb {
  background-color: #a7a8a8;
  background-clip: padding-box;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}
.siteHistory .index-container::-webkit-scrollbar-thumb:hover {
  background-color: #a7a8a8;
}
.siteHistory .index-container .index-item {
  box-sizing: border-box;
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
  cursor: pointer;
}
.siteHistory .index-container .index-item .el-tooltip {
  height: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.siteHistory .index-content {
  flex: 1;
  height: 100%;
  box-sizing: border-box;
}
.siteHistory .index-content .indexinfo-chart {
  height: 100%;
  box-sizing: border-box;
  padding-left: 20px;
  overflow: hidden;
}
.siteHistory .index-content .indexinfo-chart .chart-container {
  width: 100%;
  height: 100%;
}
.siteHistory .borderRight {
  border-right: 1px solid #e8e8e8;
}
.siteHistory .indexActive {
  background-color: #f0f4ff;
  position: relative;
}
.siteHistory .indexActive ::after {
  content: '';
  width: 5px;
  height: 100%;
  background-color: #6690ff;
  position: absolute;
  right: 0;
  top: 0;
}
.siteHistory .no-data {
  display: flex;
  justify-content: center;
  align-items: center;
}
.siteHistory .el-table--border th.el-table__cell.gutter:last-of-type {
  visibility: hidden;
}
.theme2 .indexActive {
  background-color: #333a4c;
  position: relative;
}
.theme2 .indexActive ::after {
  content: '';
  width: 5px;
  height: 100%;
  background-color: #4d91ff;
  position: absolute;
  right: 0;
  top: 0;
}
.theme2 .borderRight {
  border-right: 1px solid #494949;
}
.theme2 .index-container::-webkit-scrollbar-track-piece {
  background-color: #323232;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}
.theme2 .index-container::-webkit-scrollbar {
  width: 4px;
  height: 10px;
}
.theme2 .index-container::-webkit-scrollbar-thumb {
  background-color: #232526;
  background-clip: padding-box;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}
.theme2 .index-container::-webkit-scrollbar-thumb:hover {
  background-color: #232526;
}

.waterQueryEquRecord {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.waterQueryEquRecord .searchBox {
  display: flex;
}
.waterQueryEquRecord .searchBox .input-with-select {
  width: 300px;
}
.waterQueryEquRecord .searchBox .input-with-select .el-input__inner {
  width: 160px;
}
.waterQueryEquRecord .searchBox .inp {
  line-height: 32px;
}
.waterQueryEquRecord .searchBox .meterType {
  margin-right: 10px;
}
.waterQueryEquRecord .picOne {
  display: inline-block;
  width: 592px;
  margin-left: 25px;
}
.waterQueryEquRecord .picOne .pic {
  margin-left: 75px;
  margin-top: 10px;
}
.waterQueryEquRecord .picTwo {
  margin-right: 100px;
}
.waterQueryEquRecord .el-upload--picture-card {
  background-color: #fbfdff;
  border: 1px dashed #c0ccda;
  border-radius: 6px;
  box-sizing: border-box;
  width: 100px;
  height: 100px;
  line-height: 100px;
  vertical-align: top;
  margin-left: 5px;
}
.waterQueryEquRecord .el-upload-list--picture-card .el-upload-list__item {
  width: 110px;
  height: 100px;
}

.energyConsumeReport {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.energyConsumeReport .marl10 {
  margin-left: 10px;
}
.energyConsumeReport .search-wrap {
  height: 34px;
  margin-top: 10px;
  position: relative;
  z-index: 99;
}
.energyConsumeReport .search-wrap .list-type-icon {
  font-size: 14px;
  position: relative;
}
.energyConsumeReport .specialStruc {
  padding-top: 0;
}
.energyConsumeReport .specialStruc .el-tabs {
  height: auto;
}
.energyConsumeReport .specialStruc .el-tabs .el-tabs__content {
  display: none;
}
.energyConsumeReport .specialStruc .main-container {
  width: 100%;
  height: calc(100% - 54px);
  position: relative;
}
.energyConsumeReport .specialStruc .main-container .top-total {
  display: flex;
  justify-content: space-between;
  padding: 5px 20px 5px 40px;
}
.energyConsumeReport .specialStruc .main-container .top-total .value {
  font-size: 20px;
  font-weight: 600;
}
.energyConsumeReport .specialStruc .main-container .top-total-water .value {
  color: #0081f4;
}
.energyConsumeReport .specialStruc .main-container .top-total-factory .value {
  color: #d500b7;
}
.energyConsumeReport .specialStruc .main-container .chart-title {
  text-align: center;
  font-weight: 600;
  line-height: 32px;
}
.energyConsumeReport .specialStruc .main-container .enery-sub-title {
  position: relative;
}
.energyConsumeReport .specialStruc .main-container .enery-sub-title::before {
  content: '';
  position: absolute;
  width: 17px;
  height: 17px;
  left: -20px;
  top: 2px;
}
.energyConsumeReport .specialStruc .main-container .enery-sub-title1::before {
  background: url(../img/wat1.2967997a.png);
}
.energyConsumeReport .specialStruc .main-container .enery-sub-title2::before {
  background: url(../img/wat2.b76aefbf.png);
}
.energyConsumeReport .specialStruc .main-container .enery-sub-title3::before {
  background: url(../img/wat3.7894ba9b.png);
}
.energyConsumeReport .specialStruc .main-container .enery-sub-title4::before {
  background: url(../img/fac1.e4b6340b.png);
}
.energyConsumeReport .specialStruc .main-container .enery-sub-title5::before {
  background: url(../img/fac2.67694b15.png);
}
.energyConsumeReport .specialStruc .main-container .enery-sub-title6::before {
  background: url(../img/fac3.1e95341d.png);
}
.energyConsumeReport .specialStruc .main-container .enery-sub-title7::before {
  background: url(../img/drug1.5eede8bd.png);
}
.energyConsumeReport .specialStruc .main-container .enery-sub-title8::before {
  background: url(../img/drug2.b8fa1955.png);
}
.energyConsumeReport .wh100 {
  width: 100%;
  height: 100%;
}
.energyConsumeReport .h100 {
  height: 100%;
  box-sizing: border-box;
}
.energyConsumeReport .h50 {
  height: 50%;
}
.energyConsumeReport .no-data {
  display: flex;
  justify-content: center;
  align-items: center;
}
.energyConsumeReport .rowNormalTitle + .caret-wrapper {
  right: 0;
}
.energyConsumeReport .rowSpecTitle + .caret-wrapper {
  right: 0;
  top: 10px;
}
.theme1 .energyConsumeReport .top-total {
  background-color: #fafafa;
}
.theme1 .energyConsumeReport .el-table__fixed-footer-wrapper tbody td.el-table__cell {
  background-color: #F5F7FA;
  border-color: #EBEEF5;
  color: #606266;
}
.theme2 .energyConsumeReport .el-table__fixed-footer-wrapper tbody td.el-table__cell {
  background-color: #494949;
  border-color: #494949;
  color: #b7b7b7;
}
.theme2 .energyConsumeReport .el-table__fixed-right-patch {
  position: absolute;
  top: -1px;
  right: 0;
  background-color: #2a2b2d;
}

.waterStatistics {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.waterStatistics .deviceMeterTreeBtn {
  margin-left: 25px;
  margin-top: 15px;
}
.waterStatistics .leftStructure .tree-box .overauto {
  width: 240px;
  height: calc(100% - 45px);
  overflow: auto;
  padding: 0 10px;
}
.waterStatistics .centerStructure .containBtns1 {
  justify-content: space-between;
}
.waterStatistics .centerStructure .searchBox {
  margin-bottom: 5px;
}
.waterStatistics .centerStructure .btn-spe {
  position: relative;
}
.waterStatistics .centerStructure .btn-spe .btn-tigger {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  margin-left: 0;
}
.waterStatistics .centerStructure .btn-spe .btn-tigger .btn-trigger-icon {
  margin-left: 10px;
  padding-left: 5px;
  border-left: 1px solid #fff;
}
.waterStatistics .centerStructure .btn-spe .CN-EN {
  width: 116px !important;
  height: 32px;
  overflow: hidden;
}
.en-US .waterStatistics1 .centerStructure .CN-EN {
  width: 106px !important;
}

.drawing[data-v-1d155598] {
  position: relative;
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
}
.drawing .centerStructure.grad[data-v-1d155598] {
  position: relative;
  padding: 10px;
  background-image: linear-gradient(#175785, #021a3d) !important;
  overflow: auto;
}
.drawing .top-content[data-v-1d155598] {
  display: flex;
  position: relative;
}
.drawing .top-content .backBtn[data-v-1d155598] {
  background-image: linear-gradient(to right, rgba(69, 192, 227, 0.65), rgba(0, 120, 231, 0.65));
  color: #2effff;
  border-radius: 6px;
  height: 36px;
  line-height: 34px;
  padding-left: 15px;
  padding-right: 18px;
  margin-top: 2px;
  margin-right: 25px;
  cursor: pointer;
}
.drawing .top-content .backBtn .iconfont[data-v-1d155598] {
  margin-right: 5px;
}
.drawing .top-content h2[data-v-1d155598] {
  position: absolute;
  top: 0;
  height: 32px;
  width: 24px;
  cursor: pointer;
  color: #f8faff;
  background: #48beed26;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-image: linear-gradient(to right, #0077c200, #00caff, #0077c200) 2 2;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.drawing .top-content .preB[data-v-1d155598] {
  left: 100px;
}
.drawing .top-content .nextB[data-v-1d155598] {
  right: 0;
}
.drawing .bottom-content[data-v-1d155598] {
  display: flex;
  min-height: 770px;
  height: 93%;
}
.drawing .bottom-content .right[data-v-1d155598] {
  flex: 1;
  transition: all 0.4s;
  height: 100%;
  overflow: hidden;
}
.drawing .bottom-content .right .previewBox[data-v-1d155598] {
  width: 1450px;
  height: 770px;
  margin: 0 auto;
}
.drawing .leftFixed[data-v-1d155598] {
  width: 430px;
  min-height: 776px;
  height: calc(100% - 45px);
  position: absolute;
  top: 45px;
  right: 10px;
  transition: all 0.4s;
  border-left: 2px solid transparent;
  border-image: linear-gradient(to bottom, #00b7d900, #00ffff40, #00b7d900) 2 2;
}
.drawing .leftFixed .foldBtn[data-v-1d155598] {
  width: 10px;
  height: 100px;
  position: absolute;
  top: 50%;
  left: -10px;
  margin-top: -80px;
  background-image: linear-gradient(to right, #45c0e375, #0078e775);
  cursor: pointer;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.drawing .leftFixed .foldBtn i[data-v-1d155598] {
  color: #2effff;
}
.drawing .leftFixed .main[data-v-1d155598] {
  width: 100%;
  min-height: 196px;
  height: 25%;
  position: relative;
  padding: 5px;
  padding-left: 10px;
  color: #f8faff;
}
.drawing .leftFixed .main[data-v-1d155598]:last-child {
  min-height: 215px;
  height: 27%;
}
.drawing .leftFixed .main .chart[data-v-1d155598] {
  width: 100%;
  height: calc(100% - 24px);
  position: relative;
  z-index: 2;
}
.drawing .leftFixed .firstM[data-v-1d155598] {
  height: 46%;
  padding-top: 20px;
}
.drawing .leftFixed .lintit[data-v-1d155598] {
  margin-bottom: 4px;
  position: relative;
  z-index: 3;
}
.drawing .leftFixed .lintit i[data-v-1d155598] {
  background-image: linear-gradient(#45c0e3, #0078e7);
  margin-right: 8px;
}
.disBoard[data-v-1d155598] {
  display: flex;
  margin-top: 15px;
}
.disBoard > li[data-v-1d155598] {
  flex: 1;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-image: linear-gradient(to right, #0077c200, #00caff, #0077c200) 2 2;
  background: #48beed26;
  border-radius: 7px;
  padding: 0px 15px;
  margin-left: 5px;
}
.disBoard > li[data-v-1d155598]:last-child {
  margin-left: 15px;
}
.disBoard > li > div[data-v-1d155598] {
  line-height: 40px;
}
.disBoard > li .labup[data-v-1d155598] {
  border-bottom: 1px solid transparent;
  border-image: linear-gradient(to right, #0077c200, #00caff, #0077c200) 2 2;
}
.disBoard > li .labup > i[data-v-1d155598] {
  margin-right: 5px;
  font-size: 18px;
  background-image: linear-gradient(to top, #0089f5, #00ffff);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.disBoard > li .labup > i.sec[data-v-1d155598] {
  background-image: linear-gradient(to top, #cc37ff, #ff92ff);
}
.disBoard > li .labdown[data-v-1d155598] {
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
  padding-right: 0px;
}
.disBoard > li .labdown span[data-v-1d155598] {
  font-size: 12px;
}
.disBoard > li .labdown > b[data-v-1d155598] {
  font-weight: normal;
  font-size: 20px;
  color: #2fffff;
}
.disBoard > li .labdown > b.sec[data-v-1d155598] {
  color: fuchsia;
}
.navBox[data-v-1d155598] {
  width: calc(100% - 170px);
  margin-left: 25px;
  height: 45px;
  overflow: auto;
  position: relative;
}
.navBox[data-v-1d155598]::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.navBox[data-v-1d155598]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.navBox[data-v-1d155598]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.navBox[data-v-1d155598]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
nav[data-v-1d155598] {
  min-width: 100%;
  padding-bottom: 6px;
  border-bottom: 4px solid #48beed50;
  position: absolute;
}
nav .tab-header[data-v-1d155598] {
  display: flex;
}
nav .tab-header li[data-v-1d155598] {
  color: #2effff;
  border-left: 1px solid transparent;
}
nav .tab-header li > div[data-v-1d155598] {
  position: relative;
  padding: 4px 12px;
  border: 1px solid transparent;
  cursor: pointer;
  max-width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.marker[data-v-1d155598] {
  position: absolute;
  height: 4px;
  background-image: linear-gradient(to right, #0078e7, #00caff, #0078e7);
  width: 0;
  left: 0;
  bottom: -4px;
  transition: 0.3s;
  border-radius: 4px;
}
.tab-header[data-v-1d155598] {
  display: flex;
}
.tab-header li[data-v-1d155598] {
  color: #2effff;
  border-left: 1px solid transparent;
}
.tab-header li > div[data-v-1d155598] {
  position: relative;
  padding: 4px 12px;
  border: 1px solid transparent;
  cursor: pointer;
  max-width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.textBg[data-v-1d155598] {
  background-image: linear-gradient(to right, rgba(0, 120, 231, 0.5), rgba(69, 192, 227, 0.75), rgba(0, 120, 231, 0.5));
  border: 1px solid #164a7a;
  border-radius: 5px;
  color: #f8faff;
}
.textBg[data-v-1d155598]::before {
  content: " ";
  box-sizing: border-box;
  position: absolute;
  top: -1px;
  left: 0;
  height: 1px;
  width: 100%;
  border-top: 1px solid transparent;
  border-image: linear-gradient(to right, #0077c200, #00caff, #0077c200) 2 2;
}
.textBg[data-v-1d155598]::after {
  content: " ";
  box-sizing: border-box;
  position: absolute;
  bottom: -1px;
  left: 0;
  height: 1px;
  width: 100%;
  border-bottom: 1px solid transparent;
  border-image: linear-gradient(to right, #0077c200, #00caff, #0077c200) 2 2;
}
.bgLeft[data-v-1d155598] {
  border-left: 1px solid transparent;
  border-image: linear-gradient(#0077c200, #00caff, #0077c200) 2 2;
}

.card-content[data-v-b4e2ba18] {
  display: grid;
  grid-template-columns: repeat(5, 345px);
  grid-row-gap: 20px;
  grid-column-gap: 22px;
  grid-auto-rows: 340px;
  width: 100%;
  height: calc(100% - 84px);
  overflow-y: auto;
}
.card-content[data-v-b4e2ba18]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.card-content[data-v-b4e2ba18]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.card-content[data-v-b4e2ba18]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.card-content[data-v-b4e2ba18]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.card-content .card[data-v-b4e2ba18] {
  min-height: 125px;
  height: 340px;
  box-sizing: border-box;
  background: #6690ff14;
  border: 1px solid #6690ff;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.5);
  border-radius: 8px;
  padding-top: 15px;
  line-height: 28px;
}
.card-content .card.offline[data-v-b4e2ba18] {
  background: #a5a5a517;
  border-color: #999;
}
.card-content .card.alarm[data-v-b4e2ba18] {
  background: #ff95a717;
  border-color: #ff002b94;
}
.card-content .card h1[data-v-b4e2ba18] {
  margin-left: 20px;
  display: flex;
}
.card-content .card h1 > span[data-v-b4e2ba18]:first-child {
  flex-shrink: 0;
}
.card-content .card h1 + h1[data-v-b4e2ba18] {
  justify-content: space-between;
}
.card-content .card h1 + h1 > span[data-v-b4e2ba18]:last-child {
  border-radius: 30px;
  padding: 0px 10px;
  font-weight: normal;
}
.card-content .card h1 + h1 .normal[data-v-b4e2ba18] {
  color: #00b77e;
  background: #00b77e26;
}
.card-content .card h1 + h1 .alarm[data-v-b4e2ba18] {
  background: #ff002b21;
  color: #ff002b;
}
.card-content .card h1 + h1 .offline[data-v-b4e2ba18] {
  background: #66666624;
  color: #999;
}
.card-content .card h1 span[data-v-b4e2ba18] {
  color: #6690ff;
  margin-right: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.card-content .card h1 .pointer[data-v-b4e2ba18] {
  cursor: pointer;
}
.card-content .card ul[data-v-b4e2ba18] {
  background: #fff;
  margin: 10px;
  padding: 10px 15px;
  border-radius: 5px;
  height: 244px;
  overflow: auto;
}
.card-content .card ul[data-v-b4e2ba18]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.card-content .card ul[data-v-b4e2ba18]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.card-content .card ul[data-v-b4e2ba18]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.card-content .card ul[data-v-b4e2ba18]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.card-content .card ul > li[data-v-b4e2ba18] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 11px;
}
.card-content .card ul > li[data-v-b4e2ba18]:last-child {
  margin: 0;
}
.card-content .card ul > li .span-l i[data-v-b4e2ba18] {
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 10px;
  background: #6690ff;
  vertical-align: 2px;
  margin-right: 6px;
}
.card-content .card ul > li .span-l span[data-v-b4e2ba18] {
  display: inline-block;
  width: 100px;
  text-align: right;
  overflow: hidden;
  vertical-align: top;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.card-content .card ul > li .span-r[data-v-b4e2ba18] {
  display: flex;
  cursor: pointer;
}
.card-content .card ul > li .span-r .zhibiao[data-v-b4e2ba18] {
  color: #6690ff;
  font-weight: bold;
  margin-right: 10px;
  display: inline-block;
  max-width: 110px;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: top;
  text-align: right;
  overflow: hidden;
}
.card-content .card ul > li .span-r img[data-v-b4e2ba18] {
  width: 24px;
  height: 24px;
  margin-top: 2px;
  margin-right: 20px;
}
.card-content .card ul > li .span-r .normal[data-v-b4e2ba18] {
  color: #6690ff;
}
.card-content .card ul > li .span-r .offline[data-v-b4e2ba18] {
  color: #8b8b8b;
}
.ulTabs[data-v-b4e2ba18] {
  display: flex;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-image: linear-gradient(to right, #0077c200, #00caff, #0077c200) 2 2;
  background: #48beed26;
  width: 90%;
  border-radius: 5px;
  margin: 0 auto;
}
.ulTabs li[data-v-b4e2ba18] {
  flex: 1;
  height: 30px;
  text-align: center;
  line-height: 30px;
  position: relative;
  border-right: 1px solid transparent;
  border-image: linear-gradient(#0077c200, #00caff, #0077c200) 2 2;
  cursor: pointer;
  color: #2effff;
}
.ulTabs li[data-v-b4e2ba18]:last-child {
  border: none;
}
.ulTabs li.active[data-v-b4e2ba18] {
  background: #021a3da0;
  color: #f8faff;
}
.theme2 .card-content .card ul[data-v-b4e2ba18] {
  background: #2a2b2d;
}
.theme2 .card-content .card h1 span[data-v-b4e2ba18],
.theme2 .card-content .card ul > li .span-r .zhibiao[data-v-b4e2ba18],
.theme2 .card-content .card ul > li .span-r .normal[data-v-b4e2ba18] {
  color: #4d91ff;
}
.theme2 .card-content .card ul > li .span-l i[data-v-b4e2ba18] {
  background: #4d91ff;
}
.theme2 .card-content .card h1 + h1 .alarm[data-v-b4e2ba18] {
  color: #ff002b;
}
.theme2 .card-content .card h1 + h1 .offline[data-v-b4e2ba18] {
  color: #999;
}
.waterSourceMonitoring[data-v-b4e2ba18] {
  display: flex;
  height: 100%;
  position: relative;
}
.waterSourceMonitoring .centerStructure[data-v-b4e2ba18] {
  flex: 1;
}
.waterSourceMonitoring .centerStructure .button-groups-bg li[data-v-b4e2ba18] {
  margin-bottom: 0;
  height: 32px;
}
.waterSourceMonitoring .btn-spe[data-v-b4e2ba18] {
  position: relative;
  margin-right: 10px;
}
.waterSourceMonitoring .btn-spe .btn-tigger[data-v-b4e2ba18] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  margin-left: 0;
}
.waterSourceMonitoring .btn-spe .btn-tigger .btn-trigger-icon[data-v-b4e2ba18] {
  margin-left: 10px;
  padding-left: 5px;
  border-left: 1px solid #fff;
}
.waterSourceMonitoring .CN-EN[data-v-b4e2ba18] {
  width: 116px !important;
  height: 32px;
  overflow: hidden;
}
.waterSourceMonitoring .nodata[data-v-b4e2ba18] {
  height: calc(100% - 84px);
  display: flex;
  justify-content: center;
  align-items: center;
}
.whwhwhwh[data-v-b4e2ba18] {
  width: 114px;
}
.en-US .waterSourceMonitoring .CN-EN[data-v-b4e2ba18] {
  width: 106px !important;
}

.dutyManagement {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.dutyManagement .el-calendar-table td {
  vertical-align: top;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
.dutyManagement .el-calendar-table .el-calendar-day {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 8px;
  height: 103px;
}
.dutyManagement .is-selected {
  color: #1989FA;
}
.dutyManagement .buttonClass {
  width: 67px;
  height: 32px;
  position: relative;
  top: 24px;
  left: 81px;
  z-index: 199;
}
.dutyManagement .hit {
  border: 2px solid #6690ff;
  background: #6690ff3b;
}
.dutyManagement .unhit {
  color: black;
}
.dutyManagement .unhit2 {
  color: #b7b7b7;
}
.dutyManagement .textOverFlow {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.el-time-range-picker__body {
  border: 0px solid rgba(25, 25, 25, 0.22);
}
.flowReport {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  padding-right: 10px;
  display: flex;
  position: relative;
}
.flowReport .echart-box {
  position: relative;
}
.flowReport .el-table::before {
  z-index: 19;
}
.flowReport .outCenter {
  background: #fff;
  flex: 1;
  width: 800px;
  height: 100%;
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
}
.flowReport .outCenter .leftStructure {
  overflow: hidden;
  padding-top: 5px;
  width: 240px;
  height: 100%;
  border-radius: 0;
  margin-right: 0px;
  flex-shrink: 0;
  box-shadow: none;
  border-right: 1px solid #dadada;
}
.flowReport .outCenter .leftStructure .deviceMeterTreeBtn {
  margin-left: 25px;
  margin-top: 15px;
}
.flowReport .outCenter .leftStructure .tree-box .overauto {
  width: 240px;
  height: calc(100% - 75px);
  overflow: auto;
  padding: 0 10px;
}
.flowReport .outCenter .centerStructure {
  overflow: auto;
  margin-right: 0px;
  position: relative;
  padding: 10px 20px 20px 20px;
}
.flowReport .outCenter .centerStructure .cont-right-w {
  z-index: 99;
  position: absolute;
  background: #fff;
  width: 99%;
  height: 91%;
  top: 62px;
  left: 0;
}
.flowReport .outCenter .centerStructure .cont-right-b {
  z-index: 99;
  position: absolute;
  background: #2a2b2d;
  width: 99%;
  height: 91%;
  top: 62px;
  left: 0;
}
.flowReport .outCenter .centerStructure .echarts-dom {
  width: 100%;
  height: 692px;
}
.flowReport .outCenter .centerStructure .echarts-dom2 {
  width: 100%;
  height: 670px;
  position: relative;
  top: 10px;
}
.flowReport .outCenter .centerStructure .searchBox {
  width: 100%;
  margin-bottom: 5px;
  display: flex;
}
.flowReport .outCenter .centerStructure .searchBox .rightButton {
  position: absolute;
  right: 20px;
}
.flowReport .outCenter .centerStructure .el-table__body-wrapper {
  z-index: 2;
}
.flowReport .outCenter .centerStructure .containBtns {
  justify-content: space-between;
}
.flowReport .outCenter .centerStructure .searchLeftArea {
  display: flex;
  line-height: 32px;
}
.flowReport .outCenter .centerStructure .btn-spe {
  position: relative;
}
.flowReport .outCenter .centerStructure .btn-spe .btn-tigger {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  margin-left: 0;
}
.flowReport .outCenter .centerStructure .btn-spe .btn-tigger .btn-trigger-icon {
  margin-left: 10px;
  padding-left: 5px;
  border-left: 0px solid #fff;
}
.flowReport .outCenter .centerStructure .CN-EN {
  width: 116px !important;
  height: 32px;
  overflow: hidden;
}
.flowReport .outCenter .centerStructure .detail-content {
  margin-top: 20px;
  width: 100%;
  height: calc(100% - 44px);
}
.flowReport .outCenter .centerStructure .chartArea {
  position: relative;
  height: calc(100% - 110px);
}
.flowReport .outCenter .centerStructure .chartArea .el-checkbox {
  position: absolute;
  top: 80px;
  right: 300px;
}
.flowReport .outCenter .el-tabs {
  height: 100%;
}
.flowReport .outCenter .el-tabs .el-tabs__nav {
  margin-left: 20px;
}
.flowReport .outCenter .el-tabs .el-tab-pane {
  height: 100%;
}
.flowReport .outCenter .el-tabs .el-tabs el-tabs--top {
  height: 100%;
}
.flowReport .outCenter .el-tabs .el-tabs__header {
  margin: 0;
}
.flowReport .outCenter .el-tabs .msg {
  display: flex;
  height: 100%;
}
.flowReport .outCenter .el-tabs .msg .formbox {
  padding-right: 20px;
  max-height: 611px;
  overflow-y: auto;
}
.flowReport .outCenter .el-tabs .msg .formbox .inline {
  display: flex;
  width: 500px;
  justify-content: space-between;
}
.flowReport .outCenter .el-tabs .msg .formbox .inline-two {
  display: flex;
}
.flowReport .outCenter .el-tabs .msg .formbox .inline-two .el-form-item:nth-child(2) {
  margin-left: 40px;
}
.flowReport .outCenter .el-tabs .el-tab-pane {
  height: 100%;
}
.flowReport .outCenter .el-tabs .el-tabs__content {
  height: calc(100% - 40px) !important;
}
.flowReport .outCenter .el-tabs .el-tabs__content .wechat {
  height: 100%;
}
.flowReport .outCenter .el-tabs .el-tabs__content .wechat .formbox {
  padding-right: 20px;
  max-height: 611px;
  overflow-y: auto;
}
.flowReport .outCenter .el-tabs .el-tabs__content .wechat .formbox .inline {
  display: flex;
  width: 500px;
  justify-content: space-between;
}
.flowReport .outCenter .el-tabs .el-tabs__content .wechat .formbox .inline-two {
  display: flex;
}
.flowReport .outCenter .el-tabs .el-tabs__content .wechat .formbox .inline-two .el-form-item:nth-child(2) {
  margin-left: 40px;
}
.theme2 .flowReport .outCenter .leftStructure {
  border-color: #494949 !important;
}
.theme2 .flowReport .outCenter {
  background: #2a2b2d;
}

.el-time-range-picker__body {
  border: 0px solid #494949;
}
.pressureReport {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  padding-right: 10px;
  display: flex;
  position: relative;
}
.pressureReport .echart-box {
  position: relative;
}
.pressureReport .el-table::before {
  z-index: 19;
}
.pressureReport .outCenter {
  background: #fff;
  flex: 1;
  height: 100%;
  width: 100%;
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
}
.pressureReport .outCenter .leftStructure {
  overflow: hidden;
  width: 240px;
  height: 100%;
  border-radius: 0;
  margin-right: 0;
  box-shadow: none;
  border-right: 1px solid #dadada;
}
.pressureReport .outCenter .leftStructure .tree-box .overauto {
  width: 240px;
  height: calc(100% - 34px);
  overflow: auto;
  padding: 0 10px;
}
.pressureReport .outCenter .centerStructure {
  overflow: auto;
  margin-right: 0px;
  position: relative;
  padding: 10px 20px 10px 20px;
}
.pressureReport .outCenter .centerStructure .el-icon-circle-close {
  position: absolute;
  left: -24px;
  top: -5px;
}
.pressureReport .outCenter .centerStructure .el-input-group__append,
.pressureReport .outCenter .centerStructure .el-input-group__prepend {
  padding: 5px;
  color: #909399;
}
.pressureReport .outCenter .centerStructure .el-input__suffix-inner {
  position: absolute;
  top: 7px;
  right: 2px;
}
.pressureReport .outCenter .centerStructure .el-input__suffix-inner .el-select__caret {
  position: absolute;
  top: 26px;
  right: -5px;
}
.pressureReport .outCenter .centerStructure .cont-right-w {
  z-index: 99;
  position: absolute;
  background: #fff;
  width: 99%;
  height: 91%;
  top: 62px;
  left: 0;
}
.pressureReport .outCenter .centerStructure .cont-right-b {
  z-index: 99;
  position: absolute;
  background: #2a2b2d;
  width: 99%;
  height: 91%;
  top: 62px;
  left: 0;
}
.pressureReport .outCenter .centerStructure .echarts-dom {
  width: 100%;
  height: 692px;
}
.pressureReport .outCenter .centerStructure .echarts-dom2 {
  width: 100%;
  height: 670px;
  position: relative;
  top: 10px;
}
.pressureReport .outCenter .centerStructure .searchBox {
  width: 100%;
  margin-bottom: 5px;
  display: flex;
}
.pressureReport .outCenter .centerStructure .searchBox .rightButton {
  position: absolute;
  right: 20px;
}
.pressureReport .outCenter .centerStructure .el-table__body-wrapper {
  z-index: 2;
}
.pressureReport .outCenter .centerStructure .containBtns {
  justify-content: space-between;
}
.pressureReport .outCenter .centerStructure .searchLeftArea {
  display: flex;
  line-height: 32px;
}
.pressureReport .outCenter .centerStructure .btn-spe {
  position: relative;
}
.pressureReport .outCenter .centerStructure .btn-spe .btn-tigger {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  margin-left: 0;
}
.pressureReport .outCenter .centerStructure .btn-spe .btn-tigger .btn-trigger-icon {
  margin-left: 10px;
  padding-left: 5px;
  border-left: 1px solid #fff;
}
.pressureReport .outCenter .centerStructure .CN-EN {
  width: 116px !important;
  height: 32px;
  overflow: hidden;
}
.pressureReport .outCenter .centerStructure .detail-content {
  margin-top: 20px;
  width: 100%;
  height: calc(100% - 44px);
}
.pressureReport .outCenter .centerStructure .chartArea {
  position: relative;
  height: calc(100% - 110px);
}
.pressureReport .outCenter .centerStructure .chartArea .el-checkbox {
  position: absolute;
  top: 80px;
  right: 300px;
}
.pressureReport .outCenter .el-tabs {
  height: 100%;
}
.pressureReport .outCenter .el-tabs .el-tabs__nav {
  margin-left: 20px;
}
.pressureReport .outCenter .el-tabs .el-tab-pane {
  height: 100%;
}
.pressureReport .outCenter .el-tabs .el-tabs el-tabs--top {
  height: 100%;
}
.pressureReport .outCenter .el-tabs .el-tabs__header {
  margin: 0;
}
.pressureReport .outCenter .el-tabs .el-tabs__content {
  height: 100%;
  display: flex;
  width: 100%;
}
.pressureReport .outCenter .el-tabs .el-tabs__content .msg {
  display: flex;
  height: 100%;
  width: 100%;
}
.pressureReport .outCenter .el-tabs .el-tabs__content .msg .formbox {
  padding-right: 20px;
  max-height: 611px;
  overflow-y: auto;
}
.pressureReport .outCenter .el-tabs .el-tabs__content .msg .formbox .inline {
  display: flex;
  width: 500px;
  justify-content: space-between;
}
.pressureReport .outCenter .el-tabs .el-tabs__content .msg .formbox .inline-two {
  display: flex;
}
.pressureReport .outCenter .el-tabs .el-tabs__content .msg .formbox .inline-two .el-form-item:nth-child(2) {
  margin-left: 40px;
}
.pressureReport .outCenter .el-tabs .el-tab-pane {
  height: 100%;
  width: 100%;
}
.pressureReport .outCenter .el-tabs .el-tabs__content {
  height: calc(100% - 50px) !important;
}
.pressureReport .outCenter .el-tabs .el-tabs__content .wechat {
  height: 100%;
}
.pressureReport .outCenter .el-tabs .el-tabs__content .wechat .formbox {
  padding-right: 20px;
  max-height: 611px;
  overflow-y: auto;
}
.pressureReport .outCenter .el-tabs .el-tabs__content .wechat .formbox .inline {
  display: flex;
  width: 500px;
  justify-content: space-between;
}
.pressureReport .outCenter .el-tabs .el-tabs__content .wechat .formbox .inline-two {
  display: flex;
}
.pressureReport .outCenter .el-tabs .el-tabs__content .wechat .formbox .inline-two .el-form-item:nth-child(2) {
  margin-left: 40px;
}
.theme2 .pressureReport .outCenter .leftStructure {
  border-color: #494949 !important;
}
.theme2 .pressureReport .outCenter {
  background: #2a2b2d;
}

.waterQualityReport {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  padding-right: 10px;
  position: relative;
}
.waterQualityReport .table-line {
  margin-top: 10px;
}
.waterQualityReport .table-line::before {
  z-index: 999 !important;
}
.waterQualityReport .tree-box .overauto {
  height: calc(100vh - 176px);
}
.waterQualityReport .el-tabs {
  height: 100%;
}
.waterQualityReport .el-tabs .el-tabs__nav {
  margin-left: 20px;
}
.waterQualityReport .el-tabs .el-tab-pane {
  height: 100%;
}
.waterQualityReport .el-tabs .el-tabs el-tabs--top {
  height: 100%;
}
.waterQualityReport .el-tabs .el-tabs__header {
  margin: 0 0 10px
    ;
}
.waterQualityReport .el-tabs .el-tab-pane {
  height: 100%;
}
.waterQualityReport .msg {
  display: flex;
  height: 100%;
}
.waterQualityReport .msg .formbox {
  padding-right: 20px;
  max-height: 611px;
  overflow-y: auto;
}
.waterQualityReport .msg .formbox .inline {
  display: flex;
  width: 500px;
  justify-content: space-between;
}
.waterQualityReport .msg .formbox .inline-two {
  display: flex;
}
.waterQualityReport .msg .formbox .inline-two .el-form-item:nth-child(2) {
  margin-left: 40px;
}
.waterQualityReport .el-tabs__content {
  height: calc(100% - 40px) !important;
  display: flex;
}
.waterQualityReport .el-tabs__content .wechat {
  height: 100%;
}
.waterQualityReport .el-tabs__content .wechat .formbox {
  padding-right: 20px;
  max-height: 611px;
  overflow-y: auto;
}
.waterQualityReport .el-tabs__content .wechat .formbox .inline {
  display: flex;
  width: 500px;
  justify-content: space-between;
}
.waterQualityReport .el-tabs__content .wechat .formbox .inline-two {
  display: flex;
}
.waterQualityReport .el-tabs__content .wechat .formbox .inline-two .el-form-item:nth-child(2) {
  margin-left: 40px;
}
.waterQualityReport .el-tabs__content {
  height: 100%;
}
.waterQualityReport .centerStructure {
  margin-right: 0;
  padding: 10px 20px 10px 20px;
}
.waterQualityReport .centerStructure .searchBox {
  width: 100%;
  margin-bottom: 5px;
  display: flex;
}
.waterQualityReport .centerStructure .el-table__body-wrapper {
  z-index: 2;
}
.waterQualityReport .centerStructure .containBtns {
  justify-content: space-between;
}
.waterQualityReport .centerStructure .searchLeftArea {
  display: flex;
  line-height: 32px;
}
.waterQualityReport .centerStructure .btn-spe {
  position: relative;
}
.waterQualityReport .centerStructure .btn-spe .btn-tigger {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  margin-left: 0;
}
.waterQualityReport .centerStructure .btn-spe .btn-tigger .btn-trigger-icon {
  margin-left: 10px;
  padding-left: 5px;
  border-left: 1px solid #fff;
}
.waterQualityReport .centerStructure .CN-EN {
  width: 116px !important;
  height: 32px;
  overflow: hidden;
}
.waterQualityReport .centerStructure .detail-content {
  margin-top: 20px;
  width: 100%;
  height: 650px;
}
.waterQualityReport .centerStructure .chartArea {
  position: relative;
  height: 100%;
}
.waterQualityReport .centerStructure .chartArea .button-groups {
  z-index: 11;
  position: absolute;
  top: 15px;
  right: 400px;
}
.waterQualityReport .centerStructure .chartArea .button-two.button-groups {
  margin-left: 10px;
  z-index: 11;
  position: absolute;
  top: 15px;
  right: 150px;
}
.en-US .waterQualityReport .CN-EN {
  width: 106px !important;
}
.theme1 .waterQualityReport .el-table .warning-row {
  background: #ffdcdc;
}
.theme2 .waterQualityReport .el-table .warning-row {
  background: #6f4a4f;
}

.card-content[data-v-729979ff] {
  display: grid;
  grid-template-columns: repeat(5, 345px);
  grid-row-gap: 20px;
  grid-column-gap: 22px;
  grid-auto-rows: 340px;
  width: 100%;
  height: calc(100% - 84px);
  overflow-y: auto;
}
.card-content[data-v-729979ff]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.card-content[data-v-729979ff]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.card-content[data-v-729979ff]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.card-content[data-v-729979ff]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.card-content .card[data-v-729979ff] {
  min-height: 125px;
  height: 340px;
  box-sizing: border-box;
  background: #6690ff14;
  border: 1px solid #6690ff;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.5);
  border-radius: 8px;
  padding-top: 15px;
  line-height: 28px;
}
.card-content .card.offline[data-v-729979ff] {
  background: #a5a5a517;
  border-color: #999;
}
.card-content .card.alarm[data-v-729979ff] {
  background: #ff95a717;
  border-color: #ff002b94;
}
.card-content .card h1[data-v-729979ff] {
  margin-left: 20px;
  display: flex;
}
.card-content .card h1 > span[data-v-729979ff]:first-child {
  flex-shrink: 0;
}
.card-content .card h1 + h1[data-v-729979ff] {
  justify-content: space-between;
}
.card-content .card h1 + h1 > span[data-v-729979ff]:last-child {
  border-radius: 30px;
  padding: 0px 10px;
  font-weight: normal;
}
.card-content .card h1 + h1 .normal[data-v-729979ff] {
  color: #00b77e;
  background: #00b77e26;
}
.card-content .card h1 + h1 .alarm[data-v-729979ff] {
  background: #ff002b21;
  color: #ff002b;
}
.card-content .card h1 + h1 .offline[data-v-729979ff] {
  background: #66666624;
  color: #999;
}
.card-content .card h1 span[data-v-729979ff] {
  color: #6690ff;
  margin-right: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.card-content .card h1 .pointer[data-v-729979ff] {
  cursor: pointer;
}
.card-content .card ul[data-v-729979ff] {
  background: #fff;
  margin: 10px;
  padding: 10px 15px;
  border-radius: 5px;
  height: 244px;
  overflow: auto;
}
.card-content .card ul[data-v-729979ff]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.card-content .card ul[data-v-729979ff]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.card-content .card ul[data-v-729979ff]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.card-content .card ul[data-v-729979ff]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.card-content .card ul > li[data-v-729979ff] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 11px;
}
.card-content .card ul > li[data-v-729979ff]:last-child {
  margin: 0;
}
.card-content .card ul > li .span-l i[data-v-729979ff] {
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 10px;
  background: #6690ff;
  vertical-align: 2px;
  margin-right: 6px;
}
.card-content .card ul > li .span-l span[data-v-729979ff] {
  display: inline-block;
  width: 100px;
  text-align: right;
  overflow: hidden;
  vertical-align: top;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.card-content .card ul > li .span-r[data-v-729979ff] {
  display: flex;
  cursor: pointer;
}
.card-content .card ul > li .span-r .zhibiao[data-v-729979ff] {
  color: #6690ff;
  font-weight: bold;
  margin-right: 10px;
  display: inline-block;
  max-width: 110px;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: top;
  text-align: right;
  overflow: hidden;
}
.card-content .card ul > li .span-r img[data-v-729979ff] {
  width: 24px;
  height: 24px;
  margin-top: 2px;
  margin-right: 20px;
}
.card-content .card ul > li .span-r .normal[data-v-729979ff] {
  color: #6690ff;
}
.card-content .card ul > li .span-r .offline[data-v-729979ff] {
  color: #8b8b8b;
}
.ulTabs[data-v-729979ff] {
  display: flex;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-image: linear-gradient(to right, #0077c200, #00caff, #0077c200) 2 2;
  background: #48beed26;
  width: 90%;
  border-radius: 5px;
  margin: 0 auto;
}
.ulTabs li[data-v-729979ff] {
  flex: 1;
  height: 30px;
  text-align: center;
  line-height: 30px;
  position: relative;
  border-right: 1px solid transparent;
  border-image: linear-gradient(#0077c200, #00caff, #0077c200) 2 2;
  cursor: pointer;
  color: #2effff;
}
.ulTabs li[data-v-729979ff]:last-child {
  border: none;
}
.ulTabs li.active[data-v-729979ff] {
  background: #021a3da0;
  color: #f8faff;
}
.theme2 .card-content .card ul[data-v-729979ff] {
  background: #2a2b2d;
}
.theme2 .card-content .card h1 span[data-v-729979ff],
.theme2 .card-content .card ul > li .span-r .zhibiao[data-v-729979ff],
.theme2 .card-content .card ul > li .span-r .normal[data-v-729979ff] {
  color: #4d91ff;
}
.theme2 .card-content .card ul > li .span-l i[data-v-729979ff] {
  background: #4d91ff;
}
.theme2 .card-content .card h1 + h1 .alarm[data-v-729979ff] {
  color: #ff002b;
}
.theme2 .card-content .card h1 + h1 .offline[data-v-729979ff] {
  color: #999;
}
.waterworksMonitoring[data-v-729979ff] {
  position: relative;
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
}
.waterworksMonitoring .centerStructure.grad[data-v-729979ff] {
  position: relative;
  padding: 10px;
  background-image: linear-gradient(#175785, #021a3d) !important;
  overflow: auto;
}
.waterworksMonitoring .top-content[data-v-729979ff] {
  display: flex;
}
.waterworksMonitoring .bottom-content[data-v-729979ff] {
  display: flex;
  min-height: 770px;
  height: 93%;
}
.waterworksMonitoring .bottom-content .right[data-v-729979ff] {
  flex: 1;
  transition: all 0.4s;
  height: 100%;
  overflow: hidden;
}
.waterworksMonitoring .bottom-content .right .previewBox[data-v-729979ff] {
  width: 1345px;
  height: 770px;
  margin: 0 auto;
}
.waterworksMonitoring .leftFixed[data-v-729979ff] {
  width: 430px;
  min-height: 776px;
  height: 93.5%;
  position: absolute;
  top: 50px;
  left: 10px;
  transition: all 0.4s;
}
.waterworksMonitoring .leftFixed .foldBtn[data-v-729979ff] {
  width: 10px;
  height: 100px;
  position: absolute;
  top: 50%;
  right: -10px;
  margin-top: -80px;
  background-image: linear-gradient(to right, #45c0e375, #0078e775);
  cursor: pointer;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.waterworksMonitoring .leftFixed .foldBtn i[data-v-729979ff] {
  color: #2effff;
}
.waterworksMonitoring .leftFixed .main[data-v-729979ff] {
  width: 100%;
  min-height: 184px;
  height: 23.5%;
  position: relative;
  padding: 5px;
  color: #f8faff;
}
.waterworksMonitoring .leftFixed .main[data-v-729979ff]:last-child {
  min-height: 215px;
  height: 27.5%;
}
.waterworksMonitoring .leftFixed .main .chart[data-v-729979ff] {
  width: 100%;
  height: calc(100% - 26px);
  position: relative;
  z-index: 200;
}
.waterworksMonitoring .leftFixed .main .chart.wmchart4[data-v-729979ff] {
  height: calc(100% - 55px);
}
.waterworksMonitoring .leftFixed .main .seltvl[data-v-729979ff] {
  position: absolute;
  right: 10px;
  top: 4px;
  z-index: 99;
  width: 80px;
}
.waterworksMonitoring .leftFixed .main .seltvl[data-v-729979ff] .el-input__inner {
  background: rgba(16, 56, 93, 0.75);
  border-color: #164a7a;
  color: #f8faff;
  font-size: 12px;
  height: 24px;
  line-height: 24px;
}
.waterworksMonitoring .leftFixed .main .seltvl[data-v-729979ff] .el-input__suffix {
  height: 24px;
}
.waterworksMonitoring .leftFixed .main .seltvl[data-v-729979ff] .el-input__suffix .el-select__caret {
  font-size: 12px;
  line-height: 24px;
}
.waterworksMonitoring .leftFixed .firstM[data-v-729979ff] {
  margin-top: 8px;
}
.waterworksMonitoring .leftFixed .lintit[data-v-729979ff] {
  margin-bottom: 4px;
  position: relative;
  z-index: 3;
}
.waterworksMonitoring .leftFixed .lintit i[data-v-729979ff] {
  background-image: linear-gradient(#45c0e3, #0078e7);
}
.waterworksMonitoring .leftFixed .ulTabs[data-v-729979ff] {
  width: 60%;
}
.waterworksMonitoring .leftFixed .ulTabs li[data-v-729979ff] {
  font-size: 12px;
  height: 26px;
  line-height: 26px;
}
.waterworksMonitoring .cityBox[data-v-729979ff] {
  position: relative;
  width: 240px;
  height: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #262c49;
  color: #f8faff;
  margin-right: 15px;
  border-radius: 5px;
  padding: 0 10px;
  border: 1px solid #164a7a;
}
.waterworksMonitoring .cityBox[data-v-729979ff]::before {
  content: " ";
  box-sizing: border-box;
  position: absolute;
  top: -1px;
  left: 0;
  height: 1px;
  width: 100%;
  border-top: 1px solid transparent;
  border-image: linear-gradient(to right, #0077c200, #00caff, #0077c200) 2 2;
}
.waterworksMonitoring .cityBox[data-v-729979ff]::after {
  content: " ";
  box-sizing: border-box;
  position: absolute;
  bottom: -1px;
  left: 0;
  height: 1px;
  width: 100%;
  border-bottom: 1px solid transparent;
  border-image: linear-gradient(to right, #0077c200, #00caff, #0077c200) 2 2;
}
.waterworksMonitoring .cityBox .factory[data-v-729979ff] {
  font-size: 16px;
  width: 175px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.waterworksMonitoring .cityBox .factory i[data-v-729979ff] {
  margin-right: 5px;
  background-image: linear-gradient(to right, #00f3fe, #0093f7);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.waterworksMonitoring .cityBox .c-click[data-v-729979ff] {
  font-size: 12px;
  border-radius: 40px;
  padding: 2px 8px;
  cursor: pointer;
  background-image: linear-gradient(to right, #2d8cb6, #126cb3);
}
.waterworksMonitoring .cityBox .select-layer[data-v-729979ff] {
  position: absolute;
  top: 45px;
  left: -1px;
  z-index: 999;
  width: 240px;
  height: 0px;
  overflow: hidden;
  transition: all 0.15s;
}
.waterworksMonitoring .cityBox .options[data-v-729979ff] {
  width: 100%;
  height: 100%;
  background: #262c49;
  border: 1px solid #164a7a;
  border-radius: 5px;
  padding: 7px 0;
  overflow-y: auto;
}
.waterworksMonitoring .cityBox .options[data-v-729979ff]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.waterworksMonitoring .cityBox .options[data-v-729979ff]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.waterworksMonitoring .cityBox .options[data-v-729979ff]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.waterworksMonitoring .cityBox .options[data-v-729979ff]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.waterworksMonitoring .cityBox .options > li[data-v-729979ff] {
  padding: 10px 10px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.waterworksMonitoring .cityBox .options > li[data-v-729979ff]:hover {
  background: #2d8cb6;
}
.waterworksMonitoring .cityBox .options .triangle-top[data-v-729979ff] {
  position: absolute;
  top: -3px;
  margin-left: -5px;
  left: 50%;
  width: 10px;
  height: 10px;
  background: #262c49;
  border: 1px solid #164a7a;
  transform: rotate(45deg);
  clip-path: polygon(0 0, 0% 100%, 100% 0);
}
nav[data-v-729979ff] {
  flex: 1;
  position: relative;
  padding-bottom: 6px;
  border-bottom: 4px solid #48beed50;
}
nav .tab-header[data-v-729979ff] {
  display: flex;
}
nav .tab-header li[data-v-729979ff] {
  color: #2effff;
  border-left: 1px solid transparent;
}
nav .tab-header li > div[data-v-729979ff] {
  position: relative;
  padding: 4px 12px;
  border: 1px solid transparent;
  cursor: pointer;
  max-width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.marker[data-v-729979ff] {
  position: absolute;
  height: 4px;
  background-image: linear-gradient(to right, #0078e7, #00caff, #0078e7);
  width: 0;
  left: 0;
  bottom: -4px;
  transition: 0.3s;
  border-radius: 4px;
}
.textBg[data-v-729979ff] {
  background-image: linear-gradient(to right, rgba(0, 120, 231, 0.5), rgba(69, 192, 227, 0.75), rgba(0, 120, 231, 0.5));
  border: 1px solid #164a7a;
  border-radius: 5px;
  color: #f8faff;
}
.textBg[data-v-729979ff]::before {
  content: " ";
  box-sizing: border-box;
  position: absolute;
  top: -1px;
  left: 0;
  height: 1px;
  width: 100%;
  border-top: 1px solid transparent;
  border-image: linear-gradient(to right, #0077c200, #00caff, #0077c200) 2 2;
}
.textBg[data-v-729979ff]::after {
  content: " ";
  box-sizing: border-box;
  position: absolute;
  bottom: -1px;
  left: 0;
  height: 1px;
  width: 100%;
  border-bottom: 1px solid transparent;
  border-image: linear-gradient(to right, #0077c200, #00caff, #0077c200) 2 2;
}
.bgLeft[data-v-729979ff] {
  border-left: 1px solid transparent;
  border-image: linear-gradient(#0077c200, #00caff, #0077c200) 2 2;
}
.mainBg[data-v-729979ff] {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to right, #45c0e330, #0078e730);
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-image: linear-gradient(to right, #00b7d900, #00ffff50, #00b7d900) 2 2;
}

.waterworksSel.el-select-dropdown.el-popper {
  background: #10385d;
  border-color: #0b365f;
  width: 80px;
}
.waterworksSel.el-select-dropdown.el-popper .el-select-dropdown__item.hover,
.waterworksSel.el-select-dropdown.el-popper .el-select-dropdown__item:hover {
  background: #2d8cb6;
}
.waterworksSel.el-select-dropdown.el-popper .el-select-dropdown__item.selected {
  color: #f8faff;
}
.waterworksSel.el-select-dropdown.el-popper .el-select-dropdown__item {
  color: #bbbcc4;
  padding: 0 10px;
}
.waterworksSel.el-select-dropdown.el-popper .popper__arrow {
  border-bottom-color: #10385d;
  border-top-color: #10385d;
}
.waterworksSel.el-select-dropdown.el-popper .popper__arrow::after {
  border-bottom-color: #10385d;
  border-top-color: #10385d;
}

.workOrderDictionary {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.workOrderDictionary .el-dialog__body {
  padding-right: 20px;
}

.basicInfo[data-v-47d6e7a6] {
  width: 450px;
  margin-top: 40px;
}
.basicInfo .next[data-v-47d6e7a6] {
  margin-top: 50px;
  text-align: right;
}
.basicInfo[data-v-47d6e7a6] .el-form-item {
  margin-top: 25px;
}
.basicInfo .tips[data-v-47d6e7a6] {
  position: absolute;
  margin-left: 20px;
}
.basicInfo .upload-demo[data-v-47d6e7a6] {
  width: 312px!important;
}
.basicInfo .upload-demo[data-v-47d6e7a6] .el-upload-list {
  width: 300px!important;
}
.basicInfo .upload-demo[data-v-47d6e7a6] .el-upload-list > li {
  width: 300px!important;
}
.basicInfo .upload-demo[data-v-47d6e7a6] .el-upload {
  left: 320px!important;
}

.fieldInfo[data-v-62b38b74] {
  display: flex;
  height: calc(100% - 41px);
  border-top: 1px solid #ebeef5;
}
.fieldInfo .addBtn[data-v-62b38b74] {
  margin: 10px 0;
}
.fieldInfo .table[data-v-62b38b74] {
  width: calc(100% - 400px);
  height: 100%;
  padding-right: 20px;
}
.fieldInfo .rightForm[data-v-62b38b74] {
  position: relative;
  width: 400px;
  border-left: 1px solid #ebeef5;
}
.fieldInfo .rightForm .tit[data-v-62b38b74] {
  margin-top: 20px;
  margin-left: 20px;
}
.fieldInfo .rightForm .wh280[data-v-62b38b74] {
  width: 280px;
}
.fieldInfo .rightForm .wh260[data-v-62b38b74] {
  width: 250px;
}
.fieldInfo .rightForm .next[data-v-62b38b74] {
  text-align: right;
  margin-top: 40px;
}
.fieldInfo .rightForm .fixBtn[data-v-62b38b74] {
  position: absolute;
  bottom: 20px;
  right: 0px;
}
.theme2 .fieldInfo[data-v-62b38b74] {
  border-color: #494949;
}
.theme2 .fieldInfo .rightForm[data-v-62b38b74] {
  border-color: #494949;
}


.relateSel {
  width: 252px;
}

.processConfig[data-v-4a69d162] {
  position: relative;
  width: 100%;
  height: calc(100% - 41px);
  display: flex;
  border-top: 1px solid #ebeef5;
}
.processConfig .addbtn[data-v-4a69d162] {
  position: absolute;
  top: 20px;
  left: 0;
}
.processConfig .delbtn[data-v-4a69d162] {
  position: absolute;
  top: 20px;
  left: 140px;
}
.processConfig .nodeContainer[data-v-4a69d162] {
  width: calc(100% - 440px);
  height: 100%;
}
.processConfig .rightForm[data-v-4a69d162] {
  position: relative;
  width: 440px;
  border-left: 1px solid #ebeef5;
}
.processConfig .rightForm .tit[data-v-4a69d162] {
  margin-top: 20px;
  margin-left: 20px;
}
.processConfig .rightForm .wh280[data-v-4a69d162] {
  width: 280px;
}
.processConfig .rightForm .next[data-v-4a69d162] {
  text-align: right;
  margin-top: 40px;
}
.processConfig .rightForm .fixBtn[data-v-4a69d162] {
  position: absolute;
  bottom: 20px;
  right: 0px;
}
.processConfig .rightForm .el-checkbox-group .el-checkbox[data-v-4a69d162] {
  margin-right: 15px;
}
.processConfig .rightForm .item-title[data-v-4a69d162] {
  width: 114px;
  text-align: right;
  height: 40px;
}
.processConfig .rightForm .tips[data-v-4a69d162] {
  position: absolute;
  right: -25px;
  top: 0px;
}
.processConfig .rightForm .tips-left[data-v-4a69d162] {
  position: absolute;
  left: 60px;
  top: 1px;
}
.processConfig .rightForm .table-content[data-v-4a69d162] {
  height: 210px;
  padding-left: 30px;
  margin-bottom: 15px;
}
.processConfig .rightForm .form-content[data-v-4a69d162] {
  overflow-y: auto;
  height: calc(100% - 120px);
}
.processConfig .rightForm .form-content[data-v-4a69d162]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.processConfig .rightForm .form-content[data-v-4a69d162]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.processConfig .rightForm .form-content[data-v-4a69d162]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.processConfig .rightForm .form-content[data-v-4a69d162]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.processConfig .rightForm .el-form[data-v-4a69d162] {
  width: 400px;
}
.processConfig .rightForm .empty[data-v-4a69d162] {
  text-align: center;
  font-size: 16px;
}
.theme2 .processConfig[data-v-4a69d162] {
  border-color: #494949;
}
.theme2 .processConfig .rightForm[data-v-4a69d162] {
  border-color: #494949;
}

.workOrderProcess {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
}
.workOrderProcess .firstBtn {
  height: 60px;
}
.workOrderProcess .btnadd {
  width: 90%;
  margin: 15px auto;
  margin-left: 5%;
}
.workOrderProcess .el-steps {
  margin-bottom: 20px;
}
.workOrderProcess .tree-box .overauto {
  height: 99%;
}
.workOrderProcess-select {
  width: 280px;
}

.costItemConfiguration {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.costItemConfiguration .upload-demo1 {
  display: flex;
  flex-direction: row-reverse;
  position: relative;
  justify-content: flex-end;
}
.costItemConfiguration .upload-demo1 .el-upload-list {
  width: 395px;
  height: 32px;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
}
.costItemConfiguration .upload-demo1 .el-upload-list > li {
  width: 354px;
}
.costItemConfiguration .upload-demo1 .el-upload {
  position: absolute;
  top: 0px;
  left: 357px;
}
.costItemConfiguration .upload-demo1 .hovbtn {
  margin-left: 10px;
  cursor: initial;
  color: #FF0000;
}
.costItemConfiguration .upload-demo1 .el-upload-list__item:first-child {
  margin-top: 2px;
}
.theme2 .costItemConfiguration .upload-demo1 .el-upload-list {
  border: 1px solid #494949;
}

.agentManagement[data-v-40cf3dd6] {
  position: relative;
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
}
.agentManagement .groupStyle .el-dialog__body[data-v-40cf3dd6] {
  padding: 0 !important;
  padding-bottom: 20px !important;
}
.agentManagement .groupStyle .el-dialog__body[data-v-40cf3dd6] {
  padding-left: 0;
}
.agentManagement .groupStyle .group-body[data-v-40cf3dd6] {
  display: flex;
  height: 400px;
}
.agentManagement .groupStyle .group-body .right-body[data-v-40cf3dd6] {
  padding-top: 0;
  padding-right: 20px;
  flex: 1;
}
.agentManagement .groupStyle .group-body .formbox[data-v-40cf3dd6] {
  width: 450px;
}
.agentManagement .groupStyle .group-body .formbox .tips .el-form-item__error[data-v-40cf3dd6] {
  margin-left: 140px;
}
.agentManagement .groupStyle .group-body .formbox .border-class .el-input__inner[data-v-40cf3dd6] {
  border-color: #dadada;
}
.agentManagement .groupStyle .group-body .formbox .dialog-footer[data-v-40cf3dd6] {
  padding-left: 170px;
}

.automaticRecoveryConfiguration {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.automaticRecoveryConfiguration .el-card.active {
  border: 2px solid #6690ff;
}
.automaticRecoveryConfiguration .el-card {
  border: 2px solid rgba(0, 0, 0, 0);
}
.automaticRecoveryConfiguration .img-box {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.automaticRecoveryConfiguration .img-box .icon-box {
  display: none;
  position: absolute;
  bottom: 12%;
  font-size: 24px;
}
.automaticRecoveryConfiguration .img-box:hover .images {
  background: #000;
}
.automaticRecoveryConfiguration .img-box:hover .images img {
  opacity: 0.6;
}
.automaticRecoveryConfiguration .img-box:hover .images .el-image-viewer__canvas > img {
  opacity: 1;
}
.automaticRecoveryConfiguration .img-box:hover .icon-box {
  cursor: pointer;
  display: inline-block;
  color: #fff;
}
.automaticRecoveryConfiguration .ml10 {
  margin-left: 10px;
}
.automaticRecoveryConfiguration .wh140 {
  width: 140px!important;
}
.automaticRecoveryConfiguration .centerStructure {
  margin-right: 0;
}
.automaticRecoveryConfiguration .centerStructure .el-table__body-wrapper {
  z-index: 2;
}

.blacklistManagement {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.blacklistManagement .drawer .el-drawer__header {
  font-size: 16px;
  padding: 10px 20px;
  margin-bottom: 0px;
}
.blacklistManagement .drawer .centerStructure {
  width: calc(100% - 10px);
}

.internalAnnouncement {
  position: relative;
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
}

.theme2 .knowledgeManagement .outCenter {
  background: #2a2b2d;
}
.theme2 .knowledgeManagement .outCenter .leftStructure {
  border-color: #494949 !important;
}
.knowledgeManagement {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  padding-right: 10px;
  display: flex;
  position: relative;
}
.knowledgeManagement .el-table::before {
  z-index: 19;
}
.knowledgeManagement .ml10 {
  margin-left: 10px;
}
.knowledgeManagement .outCenter {
  background: #fff;
  flex: 1;
  width: 800px;
  height: 100%;
  border-radius: 4px;
  box-shadow: 0 0 3px rgba(68, 48, 96, 0.2);
}
.knowledgeManagement .outCenter .leftStructure {
  overflow: hidden;
  padding-top: 5px;
  width: 240px;
  height: 100%;
  border-radius: 0;
  margin-right: 0;
  flex-shrink: 0;
  box-shadow: none;
  border-right: 1px solid #dadada;
}
.knowledgeManagement .outCenter .leftStructure .tree-box .overauto {
  width: 240px;
  height: calc(100% - 30px);
  overflow: auto;
  padding: 0 10px;
}
.knowledgeManagement .outCenter .centerStructure {
  overflow: auto;
  margin-right: 0;
  position: relative;
  padding: 10px 20px 20px 20px;
}
.knowledgeManagement .outCenter .centerStructure .el-table__body-wrapper {
  z-index: 2;
}
.knowledgeManagement .outCenter .el-tabs {
  height: 100%;
}
.knowledgeManagement .outCenter .el-tabs .el-tabs__nav {
  margin-left: 20px;
}
.knowledgeManagement .outCenter .el-tabs .el-tab-pane {
  height: 100%;
}
.knowledgeManagement .outCenter .el-tabs .el-tabs el-tabs--top {
  height: 100%;
}
.knowledgeManagement .outCenter .el-tabs .el-tabs__header {
  margin: 0;
}
.knowledgeManagement .outCenter .el-tabs .el-tabs__content {
  height: calc(100% - 40px) !important;
}
.knowledgeManagement .outCenter .el-tabs .el-tabs__content .msg {
  display: flex;
  height: 100%;
}
.knowledgeManagement .outCenter .el-tabs .el-tabs__content .msg .formbox {
  max-height: 650px;
  overflow-y: auto;
}
.knowledgeManagement .outCenter .el-tabs .el-tabs__content .msg .formbox .inline {
  display: flex;
  width: 500px;
  justify-content: space-between;
}

.serviceTypeConfiguration[data-v-0a5edace] {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.serviceTypeConfiguration .wh300[data-v-0a5edace] {
  width: 300px;
}

.callRecords {
  position: relative;
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
}
.callRecords .minSelect {
  min-width: 14px;
}

.changeRecord[data-v-36fdab7e] {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  position: relative;
}
.changeRecord .centerStructure[data-v-36fdab7e] {
  padding-top: 0;
}

.basicInformation {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  position: relative;
  overflow-y: auto;
}
.basicInformation .formbox {
  height: 100%;
  max-height: none!important;
}
.basicInformation .my-over-flow {
  width: 200px;
  position: relative;
  top: 10px;
  margin: 0!important;
  line-height: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: bold;
}
.basicInformation .el-upload--picture-card {
  background-color: #fbfdff;
  border: 1px dashed #c0ccda;
  border-radius: 6px;
  box-sizing: border-box;
  width: 100px;
  height: 100px;
  line-height: 100px;
  vertical-align: top;
  margin-left: 5px;
}
.basicInformation .el-upload-list--picture-card .el-upload-list__item {
  width: 110px;
  height: 100px;
}
.basicInformation .my-form-item {
  margin-bottom: 8px;
  height: 26px;
}
.basicInformation .my-form-item .textV {
  position: relative;
  top: 10px;
  margin: 0!important;
  line-height: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: bold;
}
.basicInformation .picOne {
  display: inline-block;
  margin-left: 20px;
}
.basicInformation .picOne .pic {
  margin-top: 10px;
}
.basicInformation .picOne .pic .el-upload--picture-card {
  display: none;
  /* 上传按钮隐藏 */
}

.feedback-con[data-v-260e880e] {
  padding-right: 20px;
}
.feedback-con .form-item[data-v-260e880e] {
  display: flex;
  margin-bottom: 20px;
  line-height: 32px;
}
.feedback-con .form-item .label[data-v-260e880e] {
  width: 100px;
  text-align: right;
  margin-right: 5px;
}
.feedback-con .form-item[data-v-260e880e] .el-radio {
  margin-right: 0px;
}
.feedback-con .form-item[data-v-260e880e] .el-input-number .el-input__inner {
  text-align: left;
}
.feedback-con .wh280[data-v-260e880e] {
  width: 280px;
}

.netCheckInfo .el-drawer__header {
  margin-bottom: 0px;
  padding-bottom: 10px;
}
.netCheckInfo .el-drawer__header span {
  margin-left: -10px;
  font-size: 16px;
}
.netCheckInfo .drawer {
  padding-top: 10px;
  width: 100%;
  height: 100%;
  padding-left: 0;
  position: relative;
  overflow: auto;
  display: flex;
}
.netCheckInfo .drawer .leftHalf {
  width: 700px;
  height: 100%;
  margin-left: 20px;
  margin-right: 20px;
  flex-direction: column;
}
.netCheckInfo .drawer .leftHalf .informationDetail {
  width: 100%;
  height: 100%;
  /*     .reasonInput {
          width: 95%;
        }*/
}
.netCheckInfo .drawer .leftHalf .informationDetail .lintit {
  line-height: 32px;
  margin-bottom: 0;
}
.netCheckInfo .drawer .leftHalf .informationDetail .row-bg {
  padding: 0 0;
  color: #404042;
}
.netCheckInfo .drawer .leftHalf .informationDetail .row-bg .text_align_r {
  text-align: right;
}
.netCheckInfo .drawer .leftHalf .informationDetail .row-bg .valueB {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  font-weight: bold;
}
.netCheckInfo .drawer .leftHalf .informationDetail .el-col {
  margin-bottom: 10px;
}
.netCheckInfo .drawer .leftHalf .informationDetail .timeValue {
  width: 170px;
}
.netCheckInfo .drawer .leftHalf .informationDetail .margintop5 {
  margin-top: 5px;
}
.netCheckInfo .drawer .leftHalf .informationDetail .leftFooter {
  margin: 40px 0 10px 0;
  text-align: right;
}
.netCheckInfo .drawer .rightHalf {
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
  width: 1040px;
  flex-direction: column;
  border-left: 1px solid #dadada;
}
.netCheckInfo .drawer .rightHalf .lintit {
  line-height: 32px;
  margin-bottom: 0;
}
.netCheckInfo .drawer .rightHalf .titleBorder {
  font-size: 14px;
  line-height: 32px;
  color: #404042;
  display: flex;
  width: 1010px;
}
.netCheckInfo .drawer .rightHalf .titleBorder .titleLabelBox {
  flex: 1;
  line-height: 32px;
  padding-right: 10px;
}
.netCheckInfo .drawer .rightHalf .titleBorder .titleLabelBox .firstDesc {
  line-height: 32px;
  width: 100%;
  font-weight: bold;
}
.netCheckInfo .drawer .rightHalf .titleBorder .titleLabelBoxIcon {
  flex: 1;
  line-height: 32px;
  text-align: right;
}
.netCheckInfo .drawer .rightHalf .titleBorder .titleLabelBoxIcon .titleIcon {
  position: relative;
  font-size: 20px;
  cursor: pointer;
  margin: 0 8px;
  color: #6690ff;
}
.netCheckInfo .drawer .rightHalf .titleBorder .titleLabelBoxIcon .titleIcon .iconfont {
  position: relative;
  font-size: 20px;
  cursor: pointer;
  color: #6690ff;
}
.netCheckInfo .drawer .rightHalf .picTotal {
  padding-top: 10px;
  height: calc(100% - 86px);
  width: 100%;
}
.netCheckInfo .drawer .rightHalf .picTotal .picMain {
  border: 1px solid #dadada;
  /* margin: 0 10px 0 0;*/
  width: 1000px;
  height: 500px;
  align-content: initial;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.netCheckInfo .drawer .rightHalf .picTotal .picMain .pic {
  height: 100%;
  width: auto;
}
.netCheckInfo .drawer .rightHalf .picTotal .picFoot {
  top: 10px;
  position: relative;
  height: 100px;
  display: flex;
  align-items: center;
}
.netCheckInfo .drawer .rightHalf .picTotal .picFoot .picFootCumsFirst {
  cursor: pointer;
  width: 20px;
  height: 100px;
  margin: 0 20px 0 0;
  font-size: 40px;
  line-height: 100px;
  text-align: center;
  color: #6690ff;
}
.netCheckInfo .drawer .rightHalf .picTotal .picFoot .picFootCums {
  flex: 1;
  cursor: pointer;
  border: 2px solid #dadada;
  width: 75px;
  height: 75px;
  margin: 0 10px;
  overflow: hidden;
}
.netCheckInfo .drawer .rightHalf .picTotal .picFoot .picFootCums .picBom {
  cursor: pointer;
  width: 75px;
  height: 75px;
}
.netCheckInfo .drawer .rightHalf .picTotal .picFoot .picFootCumsEnd {
  cursor: pointer;
  width: 20px;
  height: 100px;
  margin: 0 0 0 10px;
  font-size: 40px;
  text-align: center;
  line-height: 100px;
  color: #6690ff;
  position: relative;
  left: -7px;
}
.netCheckInfo .drawer .rightHalf .picTotal .picFoot .active {
  border: 3px solid #6690ff;
}
.netCheckInfo .drawer .rightHalf .picTotal .picFoot .cannotClick {
  cursor: not-allowed;
}
.netCheckInfo .el-tabs__content {
  height: calc(100% - 34px);
}
.timeValueStatus .el-select-dropdown__item {
  width: 170px;
}
.theme2 .netCheckInfo .leftHalf .informationDetail .row-bg {
  color: #b7b7b7;
}
.theme2 .netCheckInfo .rightHalf {
  border-left: 1px solid #494949;
}
.theme2 .netCheckInfo .rightHalf .picTotal .picMain {
  border: 1px solid #494949;
}
.theme2 .netCheckInfo .rightHalf .titleBorder {
  color: #b7b7b7;
}
.theme2 .netCheckInfo .rightHalf .picTotal .picFoot .picFootCums {
  border: 1px solid #494949;
}
.theme2 .netCheckInfo .rightHalf .picTotal .picFoot .active {
  border: 3px solid #6690ff;
}

.costItem[data-v-1dc16e82] {
  width: 100%;
  margin-bottom: 20px;
}
.costItem .el-table[data-v-1dc16e82] {
  margin-top: 10px;
}

.dia-con[data-v-364d0950] {
  padding-right: 20px;
}
.dia-con .table-box[data-v-364d0950] {
  display: flex;
  height: 500px;
}
.dia-con .table-box > div[data-v-364d0950] {
  height: 100%;
}
.dia-con .table-box .left-con[data-v-364d0950] {
  width: 600px;
}
.dia-con .table-box .right-con[data-v-364d0950] {
  width: 600px;
}
.dia-con .table-box .arrow-con[data-v-364d0950] {
  width: 80px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.dia-con .table-box .arrow-con .sec[data-v-364d0950] {
  margin-top: 20px;
  margin-left: 0;
}

.dia-con[data-v-8f043e70] {
  padding-right: 20px;
  height: 400px;
  position: relative;
}
.dia-con .record_pos[data-v-8f043e70] {
  position: absolute;
  right: 20px;
  top: 142px;
  cursor: pointer;
  color: #6690ff;
}
.dia-con .record_pos[data-v-8f043e70]:hover {
  border-bottom: 1px solid #6690ff;
}
.dia-con .tow[data-v-8f043e70] {
  display: flex;
  justify-content: space-between;
}
.dia-con .tow > div[data-v-8f043e70] {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.dia-con .tow > div > span[data-v-8f043e70] {
  display: inline-block;
  width: 120px;
  text-align: right;
}
.dia-con .tow > div .el-input[data-v-8f043e70] {
  width: 180px;
}
.dia-con .one[data-v-8f043e70] {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.dia-con .one > span[data-v-8f043e70] {
  flex-shrink: 0;
  display: inline-block;
  width: 120px;
  text-align: right;
}
.dia-con .calc[data-v-8f043e70] {
  font-size: 22px;
  color: #6690ff;
  margin-right: 4px;
}
.dia-con .wh180[data-v-8f043e70] {
  width: 180px;
}
.dia-con .payMethod[data-v-8f043e70] {
  display: flex;
}
.dia-con .payMethod > li[data-v-8f043e70] {
  width: 148px;
  height: 42px;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 18px;
  cursor: pointer;
}
.dia-con .payMethod > li.active[data-v-8f043e70] {
  border-color: #6690ff;
}
.dia-con .payMethod > li img[data-v-8f043e70] {
  margin-right: 10px;
}
.theme2 .dia-con .payMethod > li[data-v-8f043e70] {
  border-color: #494949;
}
.theme2 .dia-con .payMethod > li.active[data-v-8f043e70] {
  border-color: #4d91ff;
}

.box[data-v-54ec1c3e] {
  padding-right: 20px;
  height: 450px;
  display: flex;
}
.box .qr-wrap[data-v-54ec1c3e] {
  margin: auto;
  width: 240px;
  min-height: 240px;
  text-align: center;
}
.box .qr-wrap span[data-v-54ec1c3e] {
  font-size: 18px;
}
.box .qrcode[data-v-54ec1c3e] {
  width: 240px;
  height: 240px;
  margin-bottom: 20px;
}
.box .qrcode.txt[data-v-54ec1c3e] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.box .success[data-v-54ec1c3e] {
  margin: auto;
  text-align: center;
  font-size: 26px;
  color: #3acb79;
  display: flex;
  flex-direction: column;
}
.box .success .el-icon-success[data-v-54ec1c3e] {
  margin-right: 15px;
  font-size: 34px;
  vertical-align: -3px;
}
.box .success .count[data-v-54ec1c3e] {
  color: #7b7d87;
  font-size: 16px;
  margin-top: 20px;
}


.theme2 .box .success .count {
  color: #b7b7b7;
}

.stepProcess[data-v-ee3b6dda] {
  padding: 0 15px;
}
.stepProcess .operator[data-v-ee3b6dda] {
  padding-bottom: 10px;
  margin-top: 10px;
  border-bottom: 1px dashed #dadada;
}
.stepProcess .operator[data-v-ee3b6dda]:first-child {
  margin-top: 0;
}
.stepProcess .operator[data-v-ee3b6dda]:last-child {
  border: none;
  padding-bottom: 0;
}
.stepProcess .operator .row[data-v-ee3b6dda] {
  display: flex;
  justify-content: space-between;
  line-height: 32px;
  color: #606060;
}
.stepProcess .operator .row i[data-v-ee3b6dda] {
  color: #000;
}
.stepProcess .operator .row .reason[data-v-ee3b6dda] {
  display: flex;
}
.stepProcess .operator .row .reason > span[data-v-ee3b6dda] {
  flex-shrink: 0;
}
.stepProcess .operator .row .reason > i[data-v-ee3b6dda] {
  line-height: 1.7;
  margin-top: 5px;
}

.stepProcess .el-step__description.is-success {
  color: inherit;
}
.stepProcess .el-step__description {
  padding-right: 0;
}
.stepProcess .el-step__icon-inner.el-icon-more {
  font-size: 18px;
  color: #6690ff;
}
.stepProcess .el-collapse {
  margin-top: -20px;
  border: none;
}
.stepProcess .el-collapse .el-collapse-item__wrap {
  border: none;
}
.stepProcess .el-collapse .el-collapse-item__header {
  border: none;
  color: #6690ff;
  font-weight: bold;
  font-size: 14px;
}
.stepProcess .el-card__body {
  padding: 12px 18px;
}
.theme2 {
  color: rgb(241 12 12);
  color: rgb(39 185 70);
  color: #909399;
}
.theme2 .stepProcess .operator {
  border-color: #ababab5c;
}
.theme2 .stepProcess .operator .row {
  color: #b7b7b7;
}
.theme2 .stepProcess .operator .row i {
  color: #ffffff;
}
.theme2 .stepProcess .el-card {
  background: #373736;
  border-color: #373736;
}
.theme2 .stepProcess .el-step__icon.is-icon {
  background: none;
}

.box[data-v-860ed708] {
  padding-right: 20px;
  height: 450px;
  display: flex;
  flex-direction: column;
}
.box .linet[data-v-860ed708] {
  margin: 0 auto;
  width: 360px;
  font-size: 18px;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.box .linet .label[data-v-860ed708] {
  font-size: 18px;
  width: 120px;
  text-align: right;
}
.box .linet .el-input[data-v-860ed708] {
  flex: 1;
  font-size: 20px;
}
.box .linet .el-input[data-v-860ed708] .el-input__inner {
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0;
}
.box .linet > i[data-v-860ed708] {
  font-size: 24px;
  color: red;
  vertical-align: 10px;
  margin-right: 10px;
}
.box .qr-wrap[data-v-860ed708] {
  margin: auto;
  width: 100%;
  text-align: center;
}
.box .qr-wrap .tupian[data-v-860ed708] {
  margin: auto;
  margin-bottom: 50px;
}
.box .qr-wrap span[data-v-860ed708] {
  font-size: 18px;
}
.box .qr-wrap .errTxt[data-v-860ed708] {
  color: red;
  letter-spacing: 2px;
}
.box .qr-wrap .errTxt i[data-v-860ed708] {
  color: #6690ff;
  cursor: pointer;
  border-bottom: 1px solid #6690ff;
  letter-spacing: 1px;
}
.box .qrcode[data-v-860ed708] {
  width: 240px;
  height: 240px;
  margin-bottom: 20px;
}
.box .qrcode.txt[data-v-860ed708] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.box .success[data-v-860ed708] {
  margin: auto;
  text-align: center;
  font-size: 26px;
  color: #3acb79;
  display: flex;
  flex-direction: column;
}
.box .success .el-icon-success[data-v-860ed708] {
  margin-right: 15px;
  font-size: 34px;
  vertical-align: -3px;
}
.box .success .count[data-v-860ed708] {
  color: #7b7d87;
  font-size: 16px;
  margin-top: 20px;
}


.theme2 .box .success .count {
  color: #b7b7b7;
}































































































































































































































































/* input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
} */

.dia-con[data-v-6d0a997f] {
  padding-right: 20px;
}


[data-v-60866eb8] .el-dialog__body {
  padding-right: 20px;
}
[data-v-60866eb8] .el-table__body-wrapper {
  height: 100%;
}

.flex-box[data-v-bda6e3ba] {
  display: flex;
  height: 100%;
}
.flex-box > div[data-v-bda6e3ba] {
  height: 100%;
  padding-top: 15px;
}
.flex-box .left-con[data-v-bda6e3ba] {
  flex: 1;
  flex-shrink: 0;
  width: 210px;
  height: 100%;
  padding-left: 20px;
  overflow: auto;
}
.flex-box .left-con[data-v-bda6e3ba]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.flex-box .left-con[data-v-bda6e3ba]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.flex-box .left-con[data-v-bda6e3ba]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.flex-box .left-con[data-v-bda6e3ba]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.flex-box .left-con .processlist[data-v-bda6e3ba] {
  padding-right: 20px;
  width: 100%;
}
.flex-box .left-con .processlist > li[data-v-bda6e3ba] {
  position: relative;
  width: 100%;
  line-height: 38px;
  border-radius: 8px;
  margin-top: 10px;
  padding: 0 15px;
  cursor: pointer;
}
.flex-box .left-con .processlist > li[data-v-bda6e3ba]:hover {
  background: #6690ff30;
}
.flex-box .left-con .processlist > li.active[data-v-bda6e3ba] {
  color: #6690ff;
  background: #6690ff30;
}
.flex-box .left-con .processlist > li[data-v-bda6e3ba]::before {
  content: " ";
  position: absolute;
  left: 25px;
  top: 33px;
  width: 1px;
  height: 20px;
  border-left: 1px dashed #dadada;
  z-index: 2;
}
.flex-box .left-con .processlist > li[data-v-bda6e3ba]:last-child::before {
  display: none;
}
.flex-box .left-con .processlist > li > div[data-v-bda6e3ba] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.flex-box .left-con .processlist > li > div > i[data-v-bda6e3ba] {
  vertical-align: -2px;
  font-size: 20px;
  color: #6690ff;
  margin-right: 10px;
}
.flex-box .left-con .processlist > li > div .circle[data-v-bda6e3ba] {
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: -4px;
  margin-left: 2px;
  border-radius: 50%;
  border: 1px solid #dadada;
}
.flex-box .left-con .processlist > li > div .circle-color[data-v-bda6e3ba] {
  position: relative;
}
.flex-box .left-con .processlist > li > div .circle-color[data-v-bda6e3ba]::before {
  content: " ";
  position: absolute;
  display: block;
  width: 11px;
  height: 11px;
  top: 2px;
  left: 2px;
  background: #6690ff;
  border-radius: 50%;
}
.flex-box .middle-con[data-v-bda6e3ba] {
  display: flex;
  flex-direction: column;
  width: 780px;
  height: 100%;
  border-left: 1px solid #dadada;
  border-right: 1px solid #dadada;
  padding-left: 20px;
  padding-top: 0;
}
.flex-box .middle-con .top[data-v-bda6e3ba] {
  padding-top: 15px;
  padding-right: 20px;
  flex: 1;
  overflow: auto;
}
.flex-box .middle-con .top[data-v-bda6e3ba]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.flex-box .middle-con .top[data-v-bda6e3ba]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.flex-box .middle-con .top[data-v-bda6e3ba]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.flex-box .middle-con .top[data-v-bda6e3ba]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.flex-box .middle-con .dynamic-form[data-v-bda6e3ba] {
  display: flex;
  flex-wrap: wrap;
}
.flex-box .middle-con .dynamic-form .divide-two[data-v-bda6e3ba] {
  width: 50%;
}
.flex-box .middle-con .dynamic-form .divide-one[data-v-bda6e3ba] {
  width: 100%;
}
.flex-box .right-con[data-v-bda6e3ba] {
  flex: 1.5;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.flex-box .right-con .upRight[data-v-bda6e3ba] {
  flex: 1;
  overflow: auto;
}
.flex-box .right-con .upRight[data-v-bda6e3ba]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.flex-box .right-con .upRight[data-v-bda6e3ba]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.flex-box .right-con .upRight[data-v-bda6e3ba]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.flex-box .right-con .upRight[data-v-bda6e3ba]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.flex-box footer[data-v-bda6e3ba] {
  height: 60px;
  line-height: 52px;
}
.lintit[data-v-bda6e3ba] {
  width: 100%;
}
.file-wrap[data-v-bda6e3ba] {
  display: flex;
  width: 100%;
}
.file-wrap .txt[data-v-bda6e3ba] {
  width: 120px;
  text-align: right;
  flex-shrink: 0;
}
.file-con[data-v-bda6e3ba] {
  display: flex;
  flex-wrap: wrap;
}
.file-con li[data-v-bda6e3ba] {
  width: 125px;
  height: 150px;
  margin-left: 20px;
  margin-bottom: 16px;
  flex-shrink: 0;
}
.file-con li[data-v-bda6e3ba]:first-child {
  margin-left: 0;
}
.file-con li[data-v-bda6e3ba]:nth-child(4n + 1) {
  margin-left: 0;
}
.file-con li .img-con[data-v-bda6e3ba] {
  width: 100%;
  height: 120px;
}
.file-con li .img-con .static-img[data-v-bda6e3ba] {
  width: 100%;
  height: 100%;
  border: 1px dashed #d9d9d9;
  border-radius: 5px;
  overflow: hidden;
}
.file-con li .img-con .static-img img[data-v-bda6e3ba] {
  width: 100%;
  height: 100%;
}
.file-con li .label[data-v-bda6e3ba] {
  text-align: center;
  margin-top: 10px;
}

.fieldDia {
  z-index: 2999 !important;
}
.fieldDia .el-drawer__header {
  margin-bottom: 0;
  padding: 10px;
  font-size: 16px !important;
}
.fieldDia .el-select {
  width: 100%;
}
.fieldDia .el-date-editor.el-input,
.fieldDia .el-date-editor.el-input__inner {
  width: 100%;
}
.fieldDia .el-form-item__label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fieldDia .uploader {
  width: 100%;
  height: 100%;
}
.fieldDia .uploader .el-upload {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px dashed #d9d9d9;
  border-radius: 5px;
  overflow: hidden;
}
.fieldDia .uploader .el-upload img {
  display: block;
  width: 100%;
  height: 100%;
}
.fieldDia .uploader .el-upload .imgboxInstall {
  position: relative;
  width: 100%;
  height: 100%;
}
.fieldDia .uploader .el-upload .imgboxInstall:hover .opac {
  opacity: 1;
}
.fieldDia .uploader .el-upload .opac {
  position: absolute;
  z-index: 99;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.5);
}
.fieldDia .uploader .el-upload .opac > span {
  color: #fff;
  font-size: 18px;
  margin-right: 20px;
}
.fieldDia .uploader .el-upload .opac > span:last-child {
  margin: 0;
}
.fieldDia .uploader .el-upload .el-icon-plus {
  font-size: 20px;
}
.fieldDia .el-input-group__append {
  background-color: #6690ff;
  border-color: #6690ff;
}
.fieldDia .el-input-group__append > button {
  background: #6690ff;
  color: #fff;
}
.preview-box .el-dialog__body {
  padding-right: 20px;
  height: 700px;
  display: flex;
}
.preview-box .el-dialog__body img {
  max-width: 100%;
  max-height: 100%;
  display: block;
  margin: auto;
}
.wh220 {
  width: 247px;
}
.wh221 {
  width: 249px;
}
.wh560 {
  width: 614px;
}
.theme2 .fieldDia .flex-box .middle-con {
  border-color: #494949;
}
.theme2 .fieldDia .el-input-group__append {
  background-color: #4d91ff;
  border-color: #4d91ff;
}
.theme2 .fieldDia .el-input-group__append > button {
  background: #4d91ff;
}

.installationApply {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}

.installationDispose {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.installationDispose .centerStructure {
  padding-top: 0;
}
.installationDispose .centerStructure .el-tabs {
  height: 100%;
}
.installationDispose .centerStructure .el-tabs .el-tabs__content .el-tab-pane {
  height: 100%;
}
.installationDispose .centerStructure .wh160 {
  width: 160px;
}
.installationDispose .centerStructure .input-with-revenue .el-input__inner {
  padding-right: 10px!important;
}

.installationPaymentDetail {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.installationPaymentDetail .wh160 {
  width: 160px;
}
.installationPaymentDetail .echarts-item {
  width: 100%;
  height: 100%;
}
.installationPaymentDetail .table-line::before {
  z-index: 999 !important;
}
.installationPaymentDetail .centerStructure {
  margin-right: 0;
}
.installationPaymentDetail .centerStructure .el-table__body-wrapper {
  z-index: 2;
}
.installationPaymentDetail .bottomDiv {
  height: calc(100% - 350px);
}
.installationPaymentDetail .topDiv {
  height: 300px;
  overflow-x: auto;
  overflow-y: hidden;
}
.installationPaymentDetail .topDiv .floor ul {
  height: 100%;
  display: flex;
}
.installationPaymentDetail .topDiv .floor ul li {
  position: relative;
}
.installationPaymentDetail .topDiv .floor .echarts-dom {
  margin: 0 auto;
  width: 50%;
  height: 300px;
}
.installationPaymentDetail .el-drawer__wrapper .el-drawer__header {
  font-size: 16px;
  padding: 10px 20px;
  margin: 0;
}
.installationPaymentDetail .el-drawer__wrapper .drawerContain {
  padding: 10px 20px;
  width: 100%;
  height: 100%;
}

.installationStatistics[data-v-526e5cb3] {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.installationStatistics .table-line[data-v-526e5cb3]::before {
  z-index: 999 !important;
}
.installationStatistics .centerStructure[data-v-526e5cb3] {
  margin-right: 0;
}
.installationStatistics .centerStructure .el-table__body-wrapper[data-v-526e5cb3] {
  z-index: 2;
}
.installationStatistics .el-drawer__wrapper[data-v-526e5cb3] .el-drawer__header {
  font-size: 16px;
  padding: 10px 20px;
  margin: 0;
}
.installationStatistics .el-drawer__wrapper .drawerContain2[data-v-526e5cb3] {
  padding: 10px 20px;
  width: 100%;
  height: 100%;
}
.installationStatistics .el-drawer__wrapper .drawerContain2 .echartsOne .button-groups[data-v-526e5cb3] {
  margin-left: 10px;
  z-index: 11;
  position: absolute;
  top: 130px;
  right: 60px;
}
.installationStatistics .el-drawer__wrapper .drawerContain2 .btnLeft.button-groups[data-v-526e5cb3] {
  margin-left: 10px;
  z-index: 11;
  position: absolute;
  top: 130px;
  left: 40.5% !important;
}
.installationStatistics .el-drawer__wrapper .drawerContain2 .selectTreeSty[data-v-526e5cb3] {
  display: inline-block;
}
.installationStatistics .el-drawer__wrapper .drawerContain2 .echarts1[data-v-526e5cb3] {
  width: 100%;
  height: 350px;
  margin-top: 10px;
  display: flex;
}
.installationStatistics .el-drawer__wrapper .drawerContain2 .echarts1 .echarts1Row[data-v-526e5cb3] {
  flex: 1;
  width: 545px;
  height: 350px;
  position: relative;
}
.installationStatistics .el-drawer__wrapper .drawerContain2 .echarts1 .echarts1Row .echarts1RowLi[data-v-526e5cb3] {
  width: 545px;
  height: 350px;
}
.installationStatistics .el-drawer__wrapper .drawerContain2 .echarts1 .echarts1Row .totalCount[data-v-526e5cb3] {
  position: absolute;
  top: 51%;
  left: 50%;
  width: 70px;
  height: 30px;
  margin-left: -35px;
  margin-top: -10px;
  font-size: 20px;
  text-align: center;
  color: #3fdeae;
}
.installationStatistics .el-drawer__wrapper .drawerContain2 .echartsOne[data-v-526e5cb3] {
  width: 100%;
  height: 350px;
  margin-top: 10px;
  display: flex;
}
.installationStatistics .el-drawer__wrapper .drawerContain2 .echartsOne .echarts1Row[data-v-526e5cb3] {
  flex: 1;
  width: 545px;
  height: 350px;
  position: relative;
}
.installationStatistics .el-drawer__wrapper .drawerContain2 .echartsOne .echarts1Row .echarts1RowLi[data-v-526e5cb3] {
  width: 545px;
  height: 350px;
}
.installationStatistics .el-drawer__wrapper .drawerContain2 .echartsOne .echarts1Row .totalCount[data-v-526e5cb3] {
  position: absolute;
  top: 51%;
  left: 50%;
  width: 70px;
  height: 30px;
  margin-left: -35px;
  margin-top: -10px;
  font-size: 20px;
  text-align: center;
  color: #3fdeae;
}
.installationStatistics .el-drawer__wrapper .drawerContain2 .echarts2[data-v-526e5cb3] {
  width: 100%;
  height: calc(100% - 400px);
  margin-top: 10px;
  display: flex;
}
.installationStatistics .el-drawer__wrapper .drawerContain2 .echarts2 .echarts2Row[data-v-526e5cb3] {
  flex: 1;
  width: 1030px;
  height: 350px;
}
.installationStatistics .el-drawer__wrapper .drawerContain2 .echartsTwo[data-v-526e5cb3] {
  width: 100%;
  height: calc(100% - 400px);
  margin-top: 10px;
  display: flex;
}
.installationStatistics .el-drawer__wrapper .drawerContain2 .echartsTwo .echarts2Row[data-v-526e5cb3] {
  flex: 1;
  width: 1030px;
  height: 350px;
}
.theme2 .installationStatistics[data-v-526e5cb3] .el-table__fixed,
.theme2 .installationStatistics .el-table__fixed-right[data-v-526e5cb3] {
  z-index: 5;
  background-color: #2a2b2d;
}
.theme2 .installationStatistics[data-v-526e5cb3] .el-table__fixed-footer-wrapper tbody td.el-table__cell {
  border-top: 1px solid #565656;
  background-color: #494949;
  color: #b7b7b7;
}

.basicInfo[data-v-1fca83f0] {
  width: 450px;
  margin-top: 40px;
}
.basicInfo .next[data-v-1fca83f0] {
  margin-top: 50px;
  text-align: right;
}
.basicInfo[data-v-1fca83f0] .el-form-item {
  margin-top: 25px;
}
.basicInfo .tips[data-v-1fca83f0] {
  position: absolute;
  margin-left: 20px;
}


.wh300 {
  width: 300px;
}

.fieldInfo[data-v-0cd27d96] {
  height: calc(100% - 41px);
  border-top: 1px solid #ebeef5;
  display: flex;
}
.fieldInfo .leftcon[data-v-0cd27d96] {
  width: 200px;
  border-right: 1px solid #ebeef5;
}
.fieldInfo .leftcon > ul[data-v-0cd27d96] {
  padding: 10px 20px;
  padding-left: 0;
}
.fieldInfo .leftcon > ul li[data-v-0cd27d96] {
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
}
.fieldInfo .leftcon > ul li[data-v-0cd27d96]:hover {
  background: #f5f7fa;
}
.fieldInfo .leftcon > ul li.active[data-v-0cd27d96] {
  color: #6690ff;
  background: #f0f7ff;
}
.fieldInfo .rightcon[data-v-0cd27d96] {
  flex: 1;
}
.fieldInfo .rightcon .config_box[data-v-0cd27d96] {
  height: calc(100% - 60px);
  border-bottom: 1px solid #ebeef5;
  padding-left: 20px;
  padding-top: 15px;
  padding-bottom: 30px;
  overflow: auto;
}
.fieldInfo .rightcon .config_box[data-v-0cd27d96]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.fieldInfo .rightcon .config_box[data-v-0cd27d96]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.fieldInfo .rightcon .config_box[data-v-0cd27d96]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.fieldInfo .rightcon .config_box[data-v-0cd27d96]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.fieldInfo .rightcon .btn_box[data-v-0cd27d96] {
  position: relative;
  height: 60px;
  display: flex;
  justify-content: end;
  align-items: center;
}
.tb-head[data-v-0cd27d96] {
  background: #fafafa;
  display: flex;
}
.tb-head > li[data-v-0cd27d96] {
  flex: 1;
  padding: 10px 0;
  text-align: center;
  border-right: 1px solid #ebeef5;
  border-top: 1px solid #ebeef5;
  border-bottom: 1px solid #ebeef5;
}
.tb-head > li[data-v-0cd27d96]:nth-child(1) {
  border-left: 1px solid #ebeef5;
  width: 80px;
}
.list-group[data-v-0cd27d96] {
  margin-bottom: 15px;
}
.list-row[data-v-0cd27d96] {
  display: flex;
}
.list-row > li[data-v-0cd27d96] {
  flex: 1;
  height: 42px;
  line-height: 42px;
  padding: 0 10px;
  text-align: center;
  border-right: 1px solid #ebeef5;
  border-bottom: 1px solid #ebeef5;
}
.list-row > li[data-v-0cd27d96]:nth-child(1) {
  border-left: 1px solid #ebeef5;
  width: 80px;
  display: flex;
  justify-content: space-between;
}
.list-row > li .handle[data-v-0cd27d96] {
  display: inline-block;
  line-height: 42px;
  cursor: pointer;
}
.list-row > li .idxcol[data-v-0cd27d96] {
  flex: 1;
}
.list-row > li .wh100[data-v-0cd27d96] .el-select-dropdown {
  width: 100%;
}
.flip-list-move[data-v-0cd27d96] {
  transition: transform 0.5s;
}
.no-move[data-v-0cd27d96] {
  transition: transform 0s;
}
.ghost[data-v-0cd27d96] {
  opacity: 0.5;
}
[data-v-0cd27d96] .el-select-dropdown__item {
  text-align: left;
}
[data-v-0cd27d96] .el-radio {
  margin-right: 0;
}
.theme2 .fieldInfo[data-v-0cd27d96] {
  border-color: #494949;
}
.theme2 .fieldInfo .leftcon[data-v-0cd27d96] {
  border-color: #494949;
}
.theme2 .fieldInfo .leftcon > ul li[data-v-0cd27d96]:hover {
  background: #484a4c;
}
.theme2 .fieldInfo .leftcon > ul li.active[data-v-0cd27d96] {
  color: #4d91ff;
  background: #333a4c;
}
.theme2 .fieldInfo .rightcon .config_box[data-v-0cd27d96] {
  border-color: #494949;
}
.theme2 .tb-head[data-v-0cd27d96] {
  background: #494949;
}
.theme2 .tb-head > li[data-v-0cd27d96] {
  border-color: #565656 !important;
}
.theme2 .list-row > li[data-v-0cd27d96] {
  border-color: #565656 !important;
}

.processConfig[data-v-1789d7f9] {
  position: relative;
  width: 100%;
  height: calc(100% - 41px);
  display: flex;
  border-top: 1px solid #ebeef5;
}
.processConfig .addbtn[data-v-1789d7f9] {
  position: absolute;
  top: 10px;
  left: 0;
}
.processConfig .decide[data-v-1789d7f9] {
  position: absolute;
  top: 10px;
  left: 140px;
}
.processConfig .delbtn[data-v-1789d7f9] {
  position: absolute;
  top: 10px;
  left: 260px;
}
.processConfig .nodeContainer[data-v-1789d7f9] {
  width: calc(100% - 440px);
  height: 100%;
}
.processConfig .rightForm[data-v-1789d7f9] {
  position: relative;
  width: 440px;
  border-left: 1px solid #ebeef5;
}
.processConfig .rightForm .tit[data-v-1789d7f9] {
  margin-top: 20px;
  margin-left: 20px;
}
.processConfig .rightForm .wh280[data-v-1789d7f9] {
  width: 280px;
}
.processConfig .rightForm .next[data-v-1789d7f9] {
  text-align: right;
  margin-top: 40px;
}
.processConfig .rightForm .fixBtn[data-v-1789d7f9] {
  position: absolute;
  bottom: 16px;
  right: 0px;
}
.processConfig .rightForm .el-checkbox-group .el-checkbox[data-v-1789d7f9] {
  margin-right: 15px;
}
.processConfig .rightForm .item-title[data-v-1789d7f9] {
  width: 114px;
  text-align: right;
  height: 40px;
}
.processConfig .rightForm .tips[data-v-1789d7f9] {
  position: absolute;
  right: -25px;
  top: 0px;
}
.processConfig .rightForm .tips-left[data-v-1789d7f9] {
  position: absolute;
  left: 50px;
  top: 1px;
}
.processConfig .rightForm .form-content[data-v-1789d7f9] {
  overflow-y: auto;
  height: calc(100% - 120px);
}
.processConfig .rightForm .form-content[data-v-1789d7f9]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.processConfig .rightForm .form-content[data-v-1789d7f9]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.processConfig .rightForm .form-content[data-v-1789d7f9]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.processConfig .rightForm .form-content[data-v-1789d7f9]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.processConfig .rightForm .el-form[data-v-1789d7f9] {
  width: 400px;
}
.processConfig .rightForm .empty[data-v-1789d7f9] {
  text-align: center;
  font-size: 16px;
}
.processConfig .rightForm .judgelabel[data-v-1789d7f9] {
  width: 120px;
  display: inline-block;
  text-align: right;
}
.processConfig .rightForm .flex-line[data-v-1789d7f9] {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.processConfig .rightForm .flex-line[data-v-1789d7f9] .wh100 {
  width: 130px;
}
.processConfig .rightForm .flex-line[data-v-1789d7f9] .wh100 .el-input-number__decrease,
.processConfig .rightForm .flex-line[data-v-1789d7f9] .wh100 .el-input-number__increase {
  display: none;
}
.processConfig .rightForm .flex-line[data-v-1789d7f9] .wh100.el-input-number .el-input .el-input__inner {
  padding-right: 15px;
  padding-left: 10px;
  text-align: left;
}
.theme2 .processConfig[data-v-1789d7f9] {
  border-color: #494949;
}
.theme2 .processConfig .rightForm[data-v-1789d7f9] {
  border-color: #494949;
}

.reportProcess {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
}
.reportProcess .firstBtn {
  height: 60px;
}
.reportProcess .btnadd {
  width: 90%;
  margin: 15px auto;
  margin-left: 5%;
}
.reportProcess .el-steps {
  margin-bottom: 20px;
}
.reportProcess .tree-box .overauto {
  height: 99%;
}
.reportProcess-select {
  width: 280px;
}

.lowcodePreview {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
}
.lowcodePreview .centerStructure {
  padding: 0;
  overflow: hidden;
}
.lowcodePreview iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

.previewPage1 {
  height: 100%;
}

.previewPage10 {
  height: 100%;
}

.previewPage2 {
  height: 100%;
}

.previewPage3 {
  height: 100%;
}

.previewPage4 {
  height: 100%;
}

.previewPage5 {
  height: 100%;
}

.previewPage6 {
  height: 100%;
}

.previewPage7 {
  height: 100%;
}

.previewPage8 {
  height: 100%;
}

.previewPage9 {
  height: 100%;
}

.customReport[data-v-24996704] {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.customReport .centerStructure[data-v-24996704] {
  padding: 0px;
  flex: 1;
  width: 800px;
  height: 100%;
  margin-right: 10px;
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
}

.alipayConfiguration {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.alipayConfiguration .el-select .el-select-dropdown__empty {
  width: 140px;
}
.alipayConfiguration .inp {
  margin: 0px 0px;
  margin-right: 0;
}
.alipayConfiguration .inp2 {
  margin: 0px 10px;
  margin-right: 0px;
}
.alipayConfiguration .formbox {
  padding-right: 0;
  max-height: 611px;
  overflow-y: auto;
}
.alipayConfiguration .el-dialog__body {
  padding-right: 20px;
}
.ocrPlatformA {
  width: 140px;
}
.ocrPlatformA .el-select-dropdown__list {
  overflow-x: hidden;
}
.theme2 /deep/ .tree-scroll {
  border-color: #494949;
}

.content[data-v-2896ee1e] {
  height: 545px;
}
.chooseItem[data-v-2896ee1e] {
  color: #6690ff;
  cursor: pointer;
}
.theme2 .content .chooseItem[data-v-2896ee1e] {
  color: #4d91ff;
}
[data-v-2896ee1e] .el-dialog__body {
  padding-right: 20px;
}

.balanceAdjustment {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
  /*Tab页切换样式调整*/
}
.balanceAdjustment .centerStructure {
  padding-top: 0px;
}
.balanceAdjustment .wh200 {
  width: 200px;
}
.balanceAdjustment .el-tabs__content {
  height: calc(100% - 50px);
  overflow: hidden;
  position: relative;
}
.balanceAdjustment .el-tabs__header {
  padding: 0;
  position: relative;
  margin: -10px 0px 10px;
}
.balanceAdjustment .el-cascader,
.balanceAdjustment .el-tag {
  display: inline-block;
  width: 485px;
}
.balanceAdjustment .marLeft20 {
  margin-left: 20px;
}
.balanceAdjustment .infoListSty {
  width: 800px;
  border: 1px solid #E4E7ED;
  padding: 0px 10px 10px 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.balanceAdjustment .paddTop10 {
  padding-top: 10px;
}
.balanceAdjustment .labelSty1 {
  padding: 10px 0 20px 0;
  display: flex;
}
.balanceAdjustment .labelSty1 .el-form-item {
  margin-bottom: 0;
}
.balanceAdjustment .moneySty {
  color: #6690ff;
  font-weight: bold;
  font-size: 20px;
}
.balanceAdjustment .wh160 {
  width: 160px;
}
.balanceAdjustment .wh700 {
  width: 720px;
}
.balanceAdjustment .ellipsisText {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.balanceAdjustment .input-with-select {
  width: 105px !important;
}
.balanceAdjustment .input-with-select .el-input__inner {
  width: 100px !important;
}
.balanceAdjustment .tab2 {
  width: 100%;
  height: 100%;
}
.balanceAdjustment .el-input-number .el-input__inner {
  text-align: left;
}
.balanceAdjustment .pointer {
  color: #6690ff;
  cursor: pointer;
}
.balanceAdjustment .notAllowed {
  pointer-events: none;
}
.balanceAdjustment .picOne {
  display: inline-block;
  width: 592px;
  margin-left: 5px;
}
.balanceAdjustment .picOne .pic {
  margin-left: 75px;
  margin-top: 10px;
}
.balanceAdjustment .el-upload--picture-card {
  background-color: #fbfdff;
  border: 1px dashed #c0ccda;
  border-radius: 6px;
  box-sizing: border-box;
  width: 100px;
  height: 100px;
  line-height: 100px;
  vertical-align: top;
}
.balanceAdjustment .el-upload-list--picture-card .el-upload-list__item {
  width: 100px;
  height: 100px;
}
.balanceAdjustment .el-tooltip__popper.is-light {
  border: 1px solid #6690ff !important;
}
.theme2 .balanceAdjustment .infoListSty {
  width: 800px;
  border: 1px solid #494949;
  padding: 0px 10px 10px 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.paymentReversal {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.paymentReversal .centerStructure,
.paymentReversal .control-empty {
  padding: 0 20px 20px 20px;
}
.paymentReversal .el-dialog__body {
  padding: 20px 20px;
}
.paymentReversal .firstLine {
  background: #fafafa;
  display: flex;
  padding: 10px 20px;
  gap: 80px;
}
.paymentReversal .firstLine > li {
  max-width: 660px;
  display: flex;
}
.paymentReversal .firstLine > li > span {
  white-space: nowrap;
}
.paymentReversal .firstLine > li > span:last-child {
  font-weight: bold;
}
.paymentReversal .firstLine > li > span.elli {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.paymentReversal .image-click-yellow {
  color: #FF8B00;
  cursor: pointer;
}
.paymentReversal .image-click-red {
  color: #ff002b;
  cursor: pointer;
}
.paymentReversal .image-click-green {
  color: #00B504;
  cursor: pointer;
}
.paymentReversal .inline {
  height: 30px;
}
.paymentReversal .formbox {
  overflow: hidden;
  margin-left: 20px;
}
.paymentReversal .order-text1 {
  width: 160px;
  font-weight: bolder;
}
.paymentReversal .order-text2 {
  width: 270px;
  font-weight: bolder;
}
.theme2 .firstLine {
  background: #494949;
}

.receivableAppend {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
  /*Tab页切换样式调整*/
}
.receivableAppend .mini-width {
  width: 105px !important;
}
.receivableAppend .mini-width .el-input__inner {
  width: 100px !important;
}
.receivableAppend .el-tabs__content {
  height: calc(100% - 50px);
  overflow: hidden;
  position: relative;
}
.receivableAppend .el-tabs__header {
  padding: 0;
  position: relative;
  margin: -10px 0px 10px;
}
.receivableAppend .centerStructure {
  padding-top: 0;
}
.receivableAppend .btn-class {
  min-width: 64px;
  min-height: 32px;
}
.receivableAppend .wh140 {
  width: 140px;
}
.receivableAppend .wh576 {
  width: 576px;
}
.receivableAppend .wh952 {
  width: 952px;
}
.receivableAppend .rootTop {
  height: 100%;
  width: 1072px;
  overflow-y: auto;
}
.receivableAppend .rootTop .el-select-dropdown__empty {
  width: 200px !important;
}
.receivableAppend .rootTop .formbox {
  max-height: none;
}
.receivableAppend .rootTop .detail-table {
  width: 100%;
  margin-bottom: 20px;
}
.receivableAppend .el-cascader,
.receivableAppend .el-tag {
  display: inline-block;
}
.receivableAppend .el-checkbox {
  margin-right: 0;
  margin-left: 20px;
  color: #404042;
}
.receivableAppend .el-checkbox /deep/ .el-checkbox__input.is-checked + .el-checkbox__label {
  color: #404042;
}
.theme2 .receivableAppend .el-checkbox {
  color: #b7b7b7;
}
.theme2 .receivableAppend .el-checkbox /deep/ .el-checkbox__input.is-checked + .el-checkbox__label {
  color: #b7b7b7;
}

.reductionPenalty {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.reductionPenalty .basic-line {
  display: flex;
  margin-top: 6px;
  margin-bottom: 6px;
}
.reductionPenalty .basic-line .basic-line-son {
  width: 50%;
}
.reductionPenalty .basic-line .basic-line-son .basic-label {
  text-align: right;
}
.reductionPenalty .basic-line .basic-line-son .basic-value {
  font-weight: bolder;
}
.reductionPenalty .basic-line .basic-line-son-two {
  width: 33.5%;
}
.reductionPenalty .basic-line .basic-line-son-two .basic-label {
  text-align: right;
}
.reductionPenalty .basic-line .basic-line-son-three {
  width: 66.5%;
}
.reductionPenalty .basic-line .basic-line-son-three .basic-label {
  text-align: right;
}
.reductionPenalty .basic-line .basic-line-son-address {
  width: 100%;
}
.reductionPenalty .basic-line .basic-line-son-address .basic-label {
  text-align: right;
}
.reductionPenalty .basic-line .basic-line-son-address .basic-value {
  font-weight: bolder;
}
.reductionPenalty .first-body {
  display: flex;
  height: calc(100% - 46px);
}
.reductionPenalty .first-body .first-left {
  height: calc(100%);
  width: 46%;
}
.reductionPenalty .first-body .first-left .first-left-body {
  margin-right: 20px;
  height: calc(100%);
}
.reductionPenalty .first-body .first-right {
  height: calc(100%);
  width: 54%;
  border-left: 1px solid #dadada;
  overflow: auto;
}
.reductionPenalty .first-body .first-right .first-right-body {
  margin-left: 20px;
  height: calc(100%);
  overflow: auto;
  width: 961px;
}
.reductionPenalty .first-body .first-right .first-right-body .formbox {
  margin-top: 20px;
  padding-right: 0;
  height: 72px;
  overflow: hidden;
}
.reductionPenalty .first-body .first-right .first-right-body .formbox .basic-bottom {
  display: flex;
}
.reductionPenalty .first-body .first-right .first-right-body .formbox .el-form-item__label {
  width: auto !important;
}
.reductionPenalty .first-body .first-right .first-right-body .formbox .el-form-item__content {
  margin-left: 87px !important;
}
.reductionPenalty .el-drawer__wrapper .el-drawer__header {
  font-size: 16px;
  padding: 10px 20px;
  margin-bottom: 10px;
}
.reductionPenalty .image-click {
  color: #6690ff;
  cursor: pointer;
}
.reductionPenalty .centerStructure,
.reductionPenalty .control-empty {
  padding: 0 20px 20px 20px;
}
.reductionPenalty .el-upload-list--picture-card .el-upload-list__item {
  width: 62px;
  height: 62px;
}
.reductionPenalty .el-upload--picture-card {
  background-color: #fbfdff;
  border: 1px dashed #c0ccda;
  border-radius: 6px;
  box-sizing: border-box;
  width: 62px;
  height: 62px;
  line-height: 62px;
  vertical-align: top;
  margin-left: 5px;
}
.theme2 .first-body .first-right {
  border-left: 1px solid #494949;
}

.refundMgt {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.refundMgt .wh160 {
  width: 160px;
}
.refundMgt .centerStructure {
  padding-top: 0;
}
.refundMgt .formbox {
  padding-right: 25px;
  max-height: 611px;
  overflow-y: auto;
}
.refundMgt .bigNum .el-input__inner {
  font-size: 20px;
  color: #6690ff;
  font-weight: bold;
}
.refundMgt .bigNum2 .el-input__inner {
  font-size: 20px;
  color: #ff0015;
  font-weight: bold;
}
.refundMgt .cnotent {
  width: 240px;
}
.refundMgt .el-tabs__content {
  height: 100% !important;
  overflow: hidden;
  position: relative;
}
.refundMgt .searchBox .el-input-group__prepend .el-select {
  width: 120px;
}
.refundMgt .searchBox .el-input-group--prepend .el-input__inner {
  width: 120px;
}
.refundMgt .searchBox .wh120 {
  width: 120px;
}
.refundMgt .wh120 {
  width: 120px;
}
.refundMgt .two_line {
  width: 540px;
}

.tableChild[data-v-68b112f4] {
  padding-left: 50px;
  padding-right: 8px;
}
.tableChild .child-table[data-v-68b112f4] .el-table__body-wrapper {
  height: auto !important;
}
.tableChild[data-v-68b112f4] td.colred {
  color: red;
}
.tableChild .nowrap[data-v-68b112f4] {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tableChild .cellEdit.spec[data-v-68b112f4] .el-input-number .el-input-number__decrease,
.tableChild .cellEdit.spec[data-v-68b112f4] .el-input-number .el-input-number__increase {
  display: none;
}
.tableChild .cellEdit.spec[data-v-68b112f4] .el-input-number.is-controls-right .el-input__inner {
  padding-left: 5px;
  padding-right: 5px;
}
.tableChild .cellEdit.spec[data-v-68b112f4] .el-input-number .el-input {
  width: 95%;
}

.tabtwo[data-v-7f45257a] {
  height: 100%;
}
.tabtwo .pic[data-v-7f45257a] {
  display: flex;
  height: 80px;
  overflow: hidden;
}
.tabtwo .pic[data-v-7f45257a] .el-upload--picture-card {
  display: none;
}
.tabtwo .pic[data-v-7f45257a] .el-upload-list--picture-card .el-upload-list__item {
  width: 80px;
  height: 80px;
  margin-bottom: 0;
}
.tabtwo[data-v-7f45257a] .el-drawer__header {
  padding: 10px;
  margin: 0;
}
.tabtwo .content[data-v-7f45257a] {
  height: 100%;
  padding: 20px;
}
.tabtwo .content .wh140[data-v-7f45257a] {
  width: 140px;
}
.tabtwo .content .firstline[data-v-7f45257a] {
  background: #fafafa;
  display: flex;
  padding: 10px 20px;
  gap: 60px;
}
.tabtwo .content .firstline > li[data-v-7f45257a] {
  display: flex;
  max-width: 400px;
}
.tabtwo .content .firstline > li[data-v-7f45257a]:last-child {
  max-width: 500px;
}
.tabtwo .content .firstline > li:last-child > span[data-v-7f45257a] {
  max-width: 400px;
}
.tabtwo .content .firstline > li > span[data-v-7f45257a] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 200px;
}
.tabtwo .content .firstline > li > span[data-v-7f45257a]:last-child {
  font-weight: bold;
}
.tabtwo .content .marL20[data-v-7f45257a] {
  margin-left: 20px;
}
.tabtwo .content .likeForm[data-v-7f45257a] {
  display: flex;
  padding: 10px 0;
}
.tabtwo .content .likeForm .left[data-v-7f45257a] {
  display: flex;
  flex-direction: column;
  height: 80px;
  justify-content: space-between;
}
.tabtwo .content .likeForm .right[data-v-7f45257a] {
  display: flex;
}
.tabtwo .content .likeForm .inpblock[data-v-7f45257a] {
  display: flex;
  align-items: center;
}
.tabtwo .content .likeForm .inpblock > span[data-v-7f45257a] {
  display: inline-block;
  width: 70px;
}
.tabtwo .content .likeForm .inpblock .el-input[data-v-7f45257a] {
  width: 656px;
}
.tabtwo .content .likeForm .el-image[data-v-7f45257a] {
  width: 80px;
  height: 80px;
  margin-right: 15px;
}
.tabtwo .content[data-v-7f45257a] .el-table__cell.el-table__expanded-cell {
  padding-left: 50px;
  padding-right: 8px;
}
.tabtwo .content .child-table[data-v-7f45257a] .el-table__body-wrapper {
  height: auto !important;
}
.theme2 .tabtwo .content .firstline[data-v-7f45257a] {
  background: #494949;
}

.adjustment[data-v-383dd057] {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
}
.adjustment .centerStructure[data-v-383dd057] {
  padding-top: 0;
}
.adjustment .wh140[data-v-383dd057] {
  width: 140px;
}
.adjustment .marL20[data-v-383dd057] {
  margin-left: 20px;
}
.adjustment[data-v-383dd057] .el-table tr {
  height: inherit;
}
.adjustment .firstline[data-v-383dd057] {
  background: #fafafa;
  display: flex;
  padding: 10px 20px;
  gap: 80px;
}
.adjustment .firstline > li[data-v-383dd057] {
  max-width: 660px;
  display: flex;
}
.adjustment .firstline > li > span[data-v-383dd057] {
  white-space: nowrap;
}
.adjustment .firstline > li > span[data-v-383dd057]:last-child {
  font-weight: bold;
}
.adjustment .firstline > li > span.elli[data-v-383dd057] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.adjustment .el-checkbox[data-v-383dd057] {
  margin-right: 0;
  margin-left: 20px;
  color: #404042;
}
.adjustment .el-checkbox[data-v-383dd057] .el-checkbox__input.is-checked + .el-checkbox__label {
  color: #404042;
}
.adjustment .likeForm[data-v-383dd057] {
  display: flex;
  padding: 10px 0;
}
.adjustment .likeForm .left[data-v-383dd057] {
  display: flex;
  flex-direction: column;
  height: 80px;
  justify-content: space-between;
}
.adjustment .likeForm .right[data-v-383dd057] {
  display: flex;
}
.adjustment .likeForm .inpblock[data-v-383dd057] {
  display: flex;
  align-items: center;
}
.adjustment .likeForm .inpblock > span[data-v-383dd057] {
  display: inline-block;
  width: 70px;
}
.adjustment .likeForm .inpblock .el-input[data-v-383dd057] {
  width: 705px;
}
.adjustment .pic[data-v-383dd057] {
  display: flex;
  height: 80px;
  overflow: hidden;
}
.adjustment .pic[data-v-383dd057] .el-upload--picture-card {
  width: 80px;
  height: 80px;
  line-height: 80px;
}
.adjustment .pic[data-v-383dd057] .el-upload-list--picture-card .el-upload-list__item {
  width: 80px;
  height: 80px;
  margin-bottom: 0;
}
.adjustment .footer-btns[data-v-383dd057] {
  text-align: right;
  margin-top: 10px;
}
.adjustment .cellEdit[data-v-383dd057] {
  display: flex;
}
.adjustment .cellEdit .el-select[data-v-383dd057] {
  width: 100%;
}
.adjustment .cellEdit .el-date-editor.el-input--suffix[data-v-383dd057] .el-input__inner {
  padding-right: 0;
}
.adjustment .cellEdit[data-v-383dd057] .el-input-number .el-input-number__decrease,
.adjustment .cellEdit[data-v-383dd057] .el-input-number .el-input-number__increase {
  width: 26px;
  display: none;
}
.adjustment .cellEdit[data-v-383dd057] .el-input-number.is-controls-right .el-input__inner {
  padding-right: 5px;
  padding-left: 5px;
}
.adjustment[data-v-383dd057] td.colred {
  color: red;
}
.adjustmentWaterType .el-select-dropdown__item[data-v-383dd057] {
  padding: 0 10px;
}
.theme2 .adjustment .firstline[data-v-383dd057] {
  background: #494949;
}
.theme2 .adjustment .el-checkbox[data-v-383dd057] {
  color: #b7b7b7;
}
.theme2 .adjustment .el-checkbox[data-v-383dd057] .el-checkbox__input.is-checked + .el-checkbox__label {
  color: #b7b7b7;
}

.bankManagement {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.bankManagement .a .el-tabs__header {
  margin: 0 30px 10px 30px;
}
.bankManagement .a .el-tabs__header .el-tabs__item {
  height: 35px;
}
.bankManagement .operation-btn {
  margin-top: 30px;
  margin-left: 328px;
  text-align: left;
}
.bankManagement .parent-node {
  font-size: 14px;
  font-weight: bold;
  color: #555;
  padding: 10px 0;
}
.bankManagement .el-col-5 {
  width: 276px;
  margin-right: 40px;
}
.bankManagement .sangezi {
  width: 276px;
  margin-left: -14px;
}
.bankManagement .wh300 {
  width: 300px;
}
.bankManagement .el-tabs__content .el-form {
  width: 934px;
}
.bankManagement .el-tabs__content .el-form .el-input {
  width: 200px;
}
.bankManagement .centerStructure {
  padding-top: 0;
}
.bankManagement .tips-icon {
  right: inherit;
  margin-left: 20px;
}
.bankManagement .el-radio.is-bordered + .el-radio.is-bordered {
  margin-left: 2px;
}

.merchantEmptyWidth {
  width: 322px!important;
}
.marketCompanyMgt {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.marketCompanyMgt .operation-btn {
  margin-top: 30px;
  text-align: right;
}
.marketCompanyMgt .parent-node {
  font-size: 14px;
  font-weight: bold;
  color: #555;
  padding: 10px 0;
}
.marketCompanyMgt .el-col-5 {
  width: 276px;
  margin-right: 40px;
}
.marketCompanyMgt .sangezi {
  width: 276px;
  margin-left: -14px;
}
.marketCompanyMgt .el-tabs__content .el-form {
  width: 934px;
}
.marketCompanyMgt .el-tabs__content .el-form .el-input {
  width: 200px;
}
.marketCompanyMgt .centerStructure {
  padding-top: 0;
}
.marketCompanyMgt .el-radio.is-bordered + .el-radio.is-bordered {
  margin-left: 2px;
}

.parameterConfig {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.parameterConfig .parameterConfigForm {
  height: calc(100% - 20px) !important;
  overflow: auto;
}
.parameterConfig .parameterConfigForm .el-form-item__error {
  padding-left: 190px;
}
.parameterConfig .parameterConfigForm .el-form-item__label {
  width: 190px !important;
}
.parameterConfig .parameterConfigForm .wh200 {
  width: 200px;
}
.parameterConfig .parameterConfigForm .wh80 {
  width: 80px;
}
.parameterConfig .parameterConfigForm .wh60 {
  width: 60px;
}
.parameterConfig .parameterConfigForm .wh150 {
  width: 150px;
}
.parameterConfig .parameterConfigForm .plr5 {
  padding: 0 5px;
}
.parameterConfig .parameterConfigForm .pl10 {
  padding-left: 10px;
}
.parameterConfig .parameterConfigForm .pl5 {
  padding-left: 5px;
}
.parameterConfig .parameterConfigForm .pr5 {
  padding-right: 5px;
}
.parameterConfig .parameterConfigForm .myButton {
  margin-left: 18%;
}
.parameterConfig .el-radio.is-bordered + .el-radio.is-bordered {
  margin-left: -20px;
}

.payManagement {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.payManagement .operation-btn {
  margin-top: 30px;
  text-align: right;
}
.payManagement .parent-node {
  font-size: 14px;
  font-weight: bold;
  color: #555;
  padding: 10px 0;
}
.payManagement .el-col-5 {
  width: 276px;
  margin-right: 40px;
}
.payManagement .sangezi {
  width: 276px;
  margin-left: -14px;
}
.payManagement .el-tabs__content .el-form {
  width: 934px;
}
.payManagement .el-tabs__content .el-form .el-input {
  width: 200px;
}
.payManagement .centerStructure {
  padding-top: 0;
  overflow: auto;
}
.payManagement .el-radio.is-bordered + .el-radio.is-bordered {
  margin-left: 2px;
}

.adjust .el-dialog__body {
  padding: 0 !important;
  padding-bottom: 20px !important;
}
.adjust .el-dialog__body {
  padding-left: 0;
}
.adjust .adjust-body {
  border-bottom: 1px solid #dadada;
  display: flex;
  height: 400px;
}
.adjust .adjust-body .right-body {
  padding-top: 20px;
  padding-right: 20px;
  flex: 1;
}
.adjust .adjust-body .formbox {
  padding-top: 20px;
  padding-right: 40px;
  border-left: 1px solid #dadada;
  width: 350px;
}
.adjust .adjust-body .formbox .tips .el-form-item__error {
  margin-left: 70px;
}
.theme2 .adjust-body {
  border-bottom: 1px solid #494949;
}
.theme2 .adjust-body .formbox {
  border-left: 1px solid #494949;
}


.latefee .el-dialog__body {
  padding: 0 !important;
  padding-bottom: 20px !important;
}
.latefee .el-dialog__body {
  padding-left: 0;
}
.latefee .latefee-body {
  border-bottom: 1px solid #dadada;
  display: flex;
  height: 400px;
}
.latefee .latefee-body .right-body {
  padding-top: 20px;
  padding-right: 20px;
  flex: 1;
}
.latefee .latefee-body .formbox {
  padding-top: 20px;
  border-left: 1px solid #dadada;
  width: 450px;
}
.latefee .latefee-body .formbox .tips .el-form-item__error {
  margin-left: 140px;
}
.latefee .latefee-body .formbox .border-class .el-input__inner {
  border-color: #dadada;
}
.theme2 .latefee-body {
  border-bottom: 1px solid #494949;
}
.theme2 .latefee-body .formbox {
  border-left: 1px solid #494949;
}
.theme2 .latefee-body .formbox .border-class .el-input__inner {
  border-color: #494949;
}

.priceStep .el-dialog__body {
  padding: 0 !important;
  padding-bottom: 20px !important;
}
.priceStep .el-dialog__body {
  padding-left: 0;
}
.priceStep .latefee-body {
  border-bottom: 1px solid #dadada;
  display: flex;
  height: 400px;
}
.priceStep .latefee-body .right-body {
  padding-top: 20px;
  padding-right: 20px;
}
.priceStep .latefee-body .formbox {
  padding-top: 20px;
  padding-right: 30px;
  border-left: 1px solid #dadada;
  width: 720px;
}
.priceStep .latefee-body .formbox .step-water {
  width: 90px;
}
.priceStep .latefee-body .formbox .mid {
  line-height: 32px;
  margin: 0 5px;
}
.theme2 .latefee-body {
  border-bottom: 1px solid #494949;
}
.theme2 .latefee-body .formbox {
  border-left: 1px solid #494949;
}
.theme2 .latefee-body .formbox .border-class .el-input__inner {
  border-color: #494949;
}


.priceConfig {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.priceConfig .el-table .DisabledSelection .cell .el-checkbox__inner {
  display: none !important;
  position: relative !important;
}
.priceConfig .el-table .DisabledSelection .cell:before {
  content: "\542F\7528" !important;
  position: absolute !important;
  right: 11px !important;
}

.tradeManage {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.tradeManage .wh300 {
  width: 300px;
}

.calculateFeesMgt {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  padding-right: 10px;
  display: flex;
  position: relative;
}
.calculateFeesMgt .second .el-tabs__nav-scroll {
  margin-left: -20px;
}
.calculateFeesMgt .second .el-input-group {
  line-height: normal;
  display: inline-table;
  width: 15%;
  border-collapse: separate;
  border-spacing: 0;
}
.calculateFeesMgt .el-table::before {
  z-index: 19;
}
.calculateFeesMgt .outCenter {
  background: #fff;
  flex: 1;
  width: 800px;
  height: 100%;
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
}
.calculateFeesMgt .outCenter .leftStructure {
  overflow: hidden;
  width: 240px;
  height: 100%;
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgb(68 48 4.8%);
  margin-right: 10px;
  flex-shrink: 0;
}
.calculateFeesMgt .outCenter .leftStructure .tree-box .overauto {
  width: 240px;
  height: calc(100% - 34px);
  overflow: auto;
  padding: 0 10px;
}
.calculateFeesMgt .outCenter .centerStructure {
  overflow: hidden;
  margin-right: 0px;
  position: relative;
  padding-top: 10px;
}
.calculateFeesMgt .outCenter .centerStructure .cont-right-w {
  z-index: 99;
  position: absolute;
  background: #fff;
  width: 99%;
  height: 91%;
  top: 62px;
  left: 0;
}
.calculateFeesMgt .outCenter .centerStructure .cont-right-b {
  z-index: 99;
  position: absolute;
  background: #2a2b2d;
  width: 99%;
  height: 91%;
  top: 62px;
  left: 0;
}
.calculateFeesMgt .outCenter .centerStructure .echarts-dom {
  width: 100%;
  height: 692px;
}
.calculateFeesMgt .outCenter .centerStructure .echarts-dom2 {
  width: 100%;
  height: 647px;
  position: relative;
  top: 5px;
}
.calculateFeesMgt .outCenter .centerStructure .searchBox {
  width: 100%;
  margin-bottom: 5px;
  display: flex;
}
.calculateFeesMgt .outCenter .centerStructure .searchBox .bookNumberSearch .el-select-dropdown__empty {
  width: 200px !important;
}
.calculateFeesMgt .outCenter .centerStructure .el-table__body-wrapper {
  z-index: 2;
}
.calculateFeesMgt .outCenter .centerStructure .containBtns {
  justify-content: space-between;
}
.calculateFeesMgt .outCenter .centerStructure .searchLeftArea {
  display: flex;
  line-height: 32px;
}
.calculateFeesMgt .outCenter .centerStructure .btn-spe {
  position: relative;
}
.calculateFeesMgt .outCenter .centerStructure .btn-spe .btn-tigger {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  margin-left: 0;
}
.calculateFeesMgt .outCenter .centerStructure .btn-spe .btn-tigger .btn-trigger-icon {
  margin-left: 10px;
  padding-left: 5px;
  border-left: 0px solid #fff;
}
.calculateFeesMgt .outCenter .centerStructure .CN-EN {
  width: 116px !important;
  height: 32px;
  overflow: hidden;
}
.calculateFeesMgt .outCenter .centerStructure .detail-content {
  margin-top: 20px;
  width: 100%;
  height: calc(100% - 44px);
}
.calculateFeesMgt .outCenter .centerStructure .chartArea {
  position: relative;
  height: calc(100% - 110px);
}
.calculateFeesMgt .outCenter .centerStructure .chartArea .el-checkbox {
  position: absolute;
  top: 80px;
  right: 300px;
}
.calculateFeesMgt .outCenter .el-tabs {
  height: 100%;
}
.calculateFeesMgt .outCenter .el-tabs .el-tabs__nav {
  margin-left: 20px;
}
.calculateFeesMgt .outCenter .el-tabs .el-tab-pane {
  height: 100%;
}
.calculateFeesMgt .outCenter .el-tabs .el-tabs el-tabs--top {
  height: 100%;
}
.calculateFeesMgt .outCenter .el-tabs .el-tabs__header {
  margin: 0 0 10px;
}
.calculateFeesMgt .outCenter .el-tabs .el-tabs__content {
  height: 100%;
}
.calculateFeesMgt .outCenter .el-tabs .el-tabs__content .msg {
  display: flex;
  height: 100%;
}
.calculateFeesMgt .outCenter .el-tabs .el-tabs__content .msg .formbox {
  padding-right: 20px;
  max-height: 611px;
  overflow-y: auto;
}
.calculateFeesMgt .outCenter .el-tabs .el-tabs__content .msg .formbox .inline {
  display: flex;
  width: 500px;
  justify-content: space-between;
}
.calculateFeesMgt .outCenter .el-tabs .el-tabs__content .msg .formbox .inline-two {
  display: flex;
}
.calculateFeesMgt .outCenter .el-tabs .el-tabs__content .msg .formbox .inline-two .el-form-item:nth-child(2) {
  margin-left: 40px;
}
.calculateFeesMgt .outCenter .el-tabs .el-tab-pane {
  height: 100%;
}
.calculateFeesMgt .outCenter .el-tabs .el-tabs__content {
  height: calc(100% - 49px) !important;
}
.theme2 .calculateFeesMgt .outCenter {
  background: #2a2b2d;
}

.deductionManagement {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.deductionManagement .searchBox .mini-select {
  width: 105px !important;
}
.deductionManagement .searchBox .map-check {
  margin: 5px 5px 0 0;
}
.deductionManagement .searchBox .map-check .el-checkbox__label {
  font-size: 15px;
  font-weight: 600;
}
.deductionManagement .searchBox .bookNumberSearch .el-select-dropdown__empty {
  width: 140px !important;
}
.deductionManagement .wh140 {
  width: 140px;
}
.deductionManagement .wh120 {
  width: 140px !important;
}
.deductionManagement .wh120 .el-input-group__prepend .el-input__inner {
  width: 100% !important;
}
.deductionManagement .wh120 .el-input__inner {
  width: 140px !important;
}
.deductionManagement .el-drawer__header {
  margin-bottom: 0;
  padding-bottom: 10px;
}
.deductionManagement .el-drawer__header span {
  margin-left: -10px;
  font-size: 16px;
}
.deductionManagement .drawer {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
}
.deductionManagement .drawer .table {
  height: 100%;
  margin: 20px 15px 20px 18px;
}

.manualMeterReading {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
  /*Tab页切换样式调整*/
}
.manualMeterReading .picOne {
  display: inline-block;
  width: 100%;
}
.manualMeterReading .picOne .pic {
  margin-right: 20px;
}
.manualMeterReading .picTwo {
  margin-right: 100px;
}
.manualMeterReading .el-upload--picture-card {
  background-color: #fbfdff;
  border: 1px dashed #c0ccda;
  border-radius: 6px;
  box-sizing: border-box;
  width: 100px;
  height: 100px;
  line-height: 100px;
  vertical-align: top;
  margin-left: 5px;
}
.manualMeterReading .el-upload-list--picture-card .el-upload-list__item {
  width: 110px;
  height: 100px;
}
.manualMeterReading .formbox {
  padding-right: 0!important;
}
.manualMeterReading .my-form-item {
  margin-bottom: 8px;
  height: 32px;
}
.manualMeterReading .info {
  margin-top: 10px;
  display: flex;
  margin-bottom: 10px;
}
.manualMeterReading .info li {
  flex: 1;
  height: 50px;
  background: #fafafa;
  overflow: hidden;
  display: flex;
}
.manualMeterReading .info li .column {
  margin: auto;
}
.manualMeterReading .info li .column .font {
  font-weight: bolder;
}
.manualMeterReading .upload-demo /deep/ .el-upload {
  left: 325px;
}
.manualMeterReading .upload-demo /deep/ .el-upload-list {
  width: 380px;
}
.manualMeterReading .upload-demo /deep/ .el-upload-list > li {
  width: 330px;
}
.manualMeterReading .upload-demo /deep/ .el-upload-list > li .el-upload-list__item-name {
  margin-right: 20px;
}
.manualMeterReading .pointer {
  color: #6690ff;
  cursor: pointer;
}
.manualMeterReading .notAllowed {
  pointer-events: none;
}
.manualMeterReading .wh580 {
  width: 580px;
}
.manualMeterReading .wh200 {
  width: 200px;
}
.manualMeterReading .wh160 {
  width: 160px;
}
.manualMeterReading .el-tabs__content {
  height: calc(100% - 50px);
  overflow: hidden;
  position: relative;
}
.manualMeterReading .el-tabs__header {
  padding: 0;
  position: relative;
  margin: -10px 0px 10px;
}
.manualMeterReading .centerStructure {
  padding-top: 0;
}
.manualMeterReading .tabStyle {
  width: 100%;
  height: 100%;
}
.manualMeterReading .tabStyle .rootTop {
  display: flex;
  width: 100%;
  height: calc(100% - 45px);
}
.manualMeterReading .tabStyle .rootTop .leftArea {
  width: calc(100% - 900px);
}
.manualMeterReading .tabStyle .rootTop .rightArea {
  height: calc(100% - 65px);
  width: 900px;
  padding-left: 20px;
  overflow: auto;
}
.manualMeterReading .searchBox .el-date-editor.el-range-editor {
  width: 355px;
}
.theme2 .manualMeterReading .info li {
  background: #494949;
}

.meterReadingHistory[data-v-31b65f4e] {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.meterReadingHistory .el-select-dropdown__empty[data-v-31b65f4e] {
  width: 140px !important;
}
.meterReadingHistory .searchBox .mini-select[data-v-31b65f4e] {
  width: 105px !important;
}
.meterReadingHistory .searchBox .mini-select .el-input__inner[data-v-31b65f4e] {
  width: 100px !important;
}
.meterReadingHistory .searchBox .water-style[data-v-31b65f4e] {
  width: 100px;
}
.meterReadingHistory .searchBox .water-style1[data-v-31b65f4e] {
  width: 151px;
}

.meterReadingReview {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.meterReadingReview .centerStructure {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
}
.meterReadingReview .centerStructure .unMargin {
  margin: 0;
}
.meterReadingReview .centerStructure .bottomDiv {
  display: flex;
  background-color: #f5f7fa;
  height: 50px;
}
.meterReadingReview .centerStructure .bottomDiv .bottomDivChild {
  width: 100%;
  padding: 15px 0 ;
  font-weight: bold;
}
.meterReadingReview .centerStructure .bottomDiv .bottomDivChild span {
  margin: 0 20px;
}
.meterReadingReview .centerStructure .searchBox .bookNumberSearch .el-select-dropdown__empty {
  width: 200px !important;
}
.meterReadingReview .centerStructure .searchBox .unml {
  margin-left: 0;
}
.meterReadingReview .centerStructure .searchBox .mini-select {
  width: 105px !important;
}
.meterReadingReview .centerStructure .searchBox .mini-select .el-input__inner {
  width: 100px !important;
}
.meterReadingReview .centerStructure .searchBox .month-style {
  width: 200px;
}
.meterReadingReview .centerStructure .searchBox .month-style .el-select--small {
  width: 100px !important;
}
.meterReadingReview .centerStructure .searchBox .month-style .el-input__inner {
  width: 100px !important;
}
.meterReadingReview .centerStructure .searchBox .wh200 {
  width: 200px;
}
.meterReadingReview .centerStructure .gColor {
  color: green;
}
.meterReadingReview .centerStructure .rColor {
  color: red;
}
.theme2 .meterReadingReview .bottomDiv {
  background-color: #494949;
}

.meterReadingRoute[data-v-9fc04aba] {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.meterReadingRoute .centerStructure[data-v-9fc04aba] {
  display: flex;
  padding: 0px;
}
.meterReadingRoute .centerStructure .left[data-v-9fc04aba] {
  height: 100%;
  width: 280px;
  padding: 20px;
}
.meterReadingRoute .centerStructure .left .display[data-v-9fc04aba] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.meterReadingRoute .centerStructure .left .mt15[data-v-9fc04aba] {
  margin-top: 15px;
}
.meterReadingRoute .centerStructure .left .bottom[data-v-9fc04aba] {
  height: calc(100% - 154px);
  overflow: auto;
}
.meterReadingRoute .centerStructure .left .bottom[data-v-9fc04aba]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.meterReadingRoute .centerStructure .left .bottom[data-v-9fc04aba]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
  background: rgba(0, 0, 0, 0.2) !important;
}
.meterReadingRoute .centerStructure .left .bottom[data-v-9fc04aba]::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
  background: rgba(0, 0, 0, 0.1) !important;
  border-radius: 0;
}
.meterReadingRoute .centerStructure .left .bottom[data-v-9fc04aba]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.meterReadingRoute .centerStructure .left .content[data-v-9fc04aba] {
  width: 100%;
  padding: 5px;
  border: 1px solid #dcdfe6;
  border-radius: 5px;
  margin-bottom: 10px;
  cursor: pointer;
}
.meterReadingRoute .centerStructure .left .content[data-v-9fc04aba]:hover {
  background-color: #6690ff1a;
  border-color: #6690ff;
}
.meterReadingRoute .centerStructure .left .content .line[data-v-9fc04aba] {
  display: flex;
  justify-content: space-between;
  margin: 5px;
}
.meterReadingRoute .centerStructure .left .content .color[data-v-9fc04aba] {
  color: #6690ff;
}
.meterReadingRoute .centerStructure #meterReadingRouteMap[data-v-9fc04aba] {
  height: 100%;
  width: calc(100% - 280px);
}
.meterReadingRoute .centerStructure .float-map1[data-v-9fc04aba] {
  position: absolute;
  top: 20px;
  left: 300px;
  width: 400px;
  height: 60px;
  background-color: #fff;
  box-shadow: 5px 5px 5px #dcdfe6;
  border-radius: 5px;
  opacity: 0.8;
  display: flex;
  align-items: center;
  margin: auto 0;
  padding: 0 10px;
}
.meterReadingRoute .centerStructure .float-map1 > span[data-v-9fc04aba] {
  padding-top: 3px;
  margin-right: -7px;
  padding-left: 10px;
}
.meterReadingRoute .centerStructure .float-map1 .icon[data-v-9fc04aba] {
  font-size: 20px;
  color: #6690ff;
  cursor: pointer;
}
.meterReadingRoute .centerStructure .float-map1 > div[data-v-9fc04aba] {
  margin: 0 10px;
}
.meterReadingRoute .centerStructure .float-map1 > div > span[data-v-9fc04aba] {
  margin-right: 10px;
}
.meterReadingRoute .centerStructure .float-map2[data-v-9fc04aba] {
  position: absolute;
  top: 100px;
  left: 300px;
  width: 145px;
  background-color: #fff;
  box-shadow: 5px 5px 5px #dcdfe6;
  border-radius: 5px;
  opacity: 0.8;
  align-items: center;
  margin: auto 0;
  padding: 10px 10px;
  overflow: auto;
  max-height: calc(100% - 100px);
}
.meterReadingRoute .centerStructure .float-map2[data-v-9fc04aba]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.meterReadingRoute .centerStructure .float-map2[data-v-9fc04aba]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
  background: rgba(0, 0, 0, 0.2) !important;
}
.meterReadingRoute .centerStructure .float-map2[data-v-9fc04aba]::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
  background: rgba(0, 0, 0, 0.1) !important;
  border-radius: 0;
}
.meterReadingRoute .centerStructure .float-map2[data-v-9fc04aba]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.meterReadingRoute .centerStructure .float-map2 .bottom-border[data-v-9fc04aba] {
  padding: 5px;
  border-bottom: 1px solid #dcdfe6;
  cursor: pointer;
}
.meterReadingRoute .centerStructure .float-map2 .bottom-border[data-v-9fc04aba]:hover {
  background-color: #6690ff1a;
}
.meterReadingRoute .centerStructure .float-map2 .bottom-border[data-v-9fc04aba]:last-child {
  border-bottom: none;
}
.meterReadingRoute .centerStructure .active[data-v-9fc04aba] {
  background-color: #6690ff1a;
}
.meterReadingRoute .drawer[data-v-9fc04aba] {
  height: 100%;
  padding: 0 20px 20px;
}
.theme2 .meterReadingRoute .left .content[data-v-9fc04aba] {
  border: 1px solid #494949;
}
.theme2 .meterReadingRoute .float-map1[data-v-9fc04aba] {
  background-color: #2a2b2d;
  box-shadow: 5px 5px 5px #000;
}
.theme2 .meterReadingRoute .float-map2[data-v-9fc04aba] {
  background-color: #2a2b2d;
  box-shadow: 5px 5px 5px #000;
}
.theme2 .meterReadingRoute .float-map2 .bottom-border[data-v-9fc04aba] {
  border-bottom: 1px solid #000;
}

.bookDetail .searchBox .input-with-select {
  width: 300px;
}
.bookDetail .searchBox .input-with-select .el-input__inner {
  width: 160px;
}

.planDetail {
  padding-right: 20px;
}
.planDetail .basic-class {
  display: flex;
}
.planDetail .basic-class .label {
  display: inline-block;
  width: 200px;
  line-height: 32px;
  text-align: right;
  margin-right: 10px;
}
.planDetail .plan-detail-body {
  display: flex;
  height: 400px;
}
.planDetail .plan-detail-body .right-body {
  border-top: 1px solid #dadada;
  border-left: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  padding-top: 5px;
  flex: 1;
}
.planDetail .plan-detail-body .left-body {
  border-top: 1px solid #dadada;
  border-right: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  padding-top: 5px;
  flex: 1;
}
.planDetail .el-dialog__footer {
  padding: 0 0 20px;
}
.planDetail .searchBox {
  width: auto;
}
.planDetail .centerBtn {
  position: absolute;
  top: 58%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  width: 50px;
  height: 80px;
}
.theme2 .plan-detail-body .right-body {
  border-top: 1px solid #494949;
  border-left: 1px solid #494949;
  border-bottom: 1px solid #494949;
}
.theme2 .plan-detail-body .left-body {
  border-top: 1px solid #494949;
  border-right: 1px solid #494949;
  border-bottom: 1px solid #494949;
}

.readMeterPlan {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.readMeterPlan .wh200 {
  width: 200px;
}
.readMeterPlan .info {
  margin-top: 10px;
  display: flex;
}
.readMeterPlan .info li {
  flex: 1;
  height: 50px;
  background: #fafafa;
  overflow: hidden;
  display: flex;
}
.readMeterPlan .info li .column {
  margin: auto;
}
.readMeterPlan .info li .column .font {
  font-weight: bolder;
}
.readMeterPlan .el-drawer__header {
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.readMeterPlan .el-drawer__header span {
  margin-left: -10px;
  font-size: 16px;
}
.theme2 .readMeterPlan .info li {
  background: #494949;
}

.bookAdjust {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.bookAdjust .centerStructure {
  position: relative;
}
.bookAdjust .centerStructure .centerBtn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  width: 60px;
  height: 80px;
}
.bookAdjust .leftAndRight {
  display: flex;
  height: 94%;
}
.bookAdjust .leftAndRight .left {
  width: 50%;
  padding-right: 40px;
}
.bookAdjust .leftAndRight .right {
  width: 50%;
  padding-left: 40px;
}
.bookAdjust .add-box {
  display: flex;
  height: 500px;
  width: 100%;
  border: 1px solid #ebeef5;
}
.bookAdjust .add-box .leftCon {
  width: 220px;
  height: 100%;
  padding-top: 10px;
  border-right: 1px solid #ebeef5;
}
.bookAdjust .add-box .leftCon .tree-box {
  height: 456px !important;
}
.bookAdjust .add-box .leftCon .tree-box .overauto {
  padding: 10px;
  width: 219px;
}
.bookAdjust .add-box .leftCon .tree-box .overauto .el-tree {
  margin-top: 0;
}
.bookAdjust .add-box .rightCon {
  padding: 10px;
  width: 940px;
}
.bookAdjust .el-dialog__body {
  padding-right: 20px !important;
}
.bookSearch1 .el-select-dropdown__empty {
  width: 200px !important;
}
.bookSearch2 .el-select-dropdown__empty {
  width: 200px !important;
}
.theme2 .add-box {
  border: 1px solid #494949;
}
.theme2 .add-box .leftCon {
  border-right: 1px solid #494949;
}

.tabTwo[data-v-74e658ff] {
  height: 100%;
  padding: 0 20px;
}

.cardReaderRecharge[data-v-08f8ef0c] {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.cardReaderRecharge .centerStructure[data-v-08f8ef0c] {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}
.cardReaderRecharge .centerStructure[data-v-08f8ef0c] .el-tabs__content {
  overflow: auto;
}
.cardReaderRecharge .centerStructure[data-v-08f8ef0c] .el-tabs__header {
  padding-left: 20px;
  padding-right: 20px;
}
.cardReaderRecharge .first[data-v-08f8ef0c] {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  padding-left: 48px;
}
.cardReaderRecharge .first .el-button[data-v-08f8ef0c] {
  margin-left: 10px;
  margin-right: 300px;
}
.cardReaderRecharge .lableTips[data-v-08f8ef0c] {
  color: #464042;
  margin-left: 30px;
  color: #e54c4c;
}
.cardReaderRecharge .right-con[data-v-08f8ef0c] {
  width: 500px;
}
.cardReaderRecharge .right-con .check-label[data-v-08f8ef0c] {
  cursor: pointer;
  user-select: none;
  font-weight: normal !important;
}
.cardReaderRecharge .underCard[data-v-08f8ef0c] {
  margin-top: 10px;
  display: flex;
}
.cardReaderRecharge .underCard .cardInfo[data-v-08f8ef0c] {
  padding: 10px 10px 0px 10px;
  background: #fafafa;
  margin-bottom: 20px;
  border-radius: 8px;
}
.cardReaderRecharge .underCard[data-v-08f8ef0c] .el-form {
  flex: 1;
  margin-right: 10px;
}
.cardReaderRecharge .underCard .content[data-v-08f8ef0c] {
  height: 115px;
  overflow: auto;
  width: 100%;
  border: 1px solid #dcdfe6;
  margin: 0;
}
.cardReaderRecharge .underCard .my-form-item[data-v-08f8ef0c] .el-form-item__label {
  line-height: 30px !important;
}
.cardReaderRecharge .underCard .my-form-item[data-v-08f8ef0c] .el-form-item__content {
  height: 30px !important;
  line-height: 50px !important;
  display: flex !important;
  align-items: center !important;
}
.cardReaderRecharge .underCard .bigger[data-v-08f8ef0c] {
  display: flex;
  width: 100%;
}
.cardReaderRecharge .underCard .bigger > ul[data-v-08f8ef0c] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.cardReaderRecharge .underCard .bigger > ul[data-v-08f8ef0c]:first-child {
  margin-right: 15px;
  width: 465px;
}
.cardReaderRecharge .underCard .bigger > ul > li[data-v-08f8ef0c] {
  display: flex;
  font-size: 18px;
  align-items: center;
  margin-bottom: 30px;
}
.cardReaderRecharge .underCard .bigger > ul > li[data-v-08f8ef0c]:last-child {
  margin: 0;
}
.cardReaderRecharge .underCard .bigger > ul > li span[data-v-08f8ef0c] {
  font-size: 18px;
  white-space: nowrap;
}
.cardReaderRecharge .underCard .bigger > ul > li[data-v-08f8ef0c] .el-radio {
  margin-right: 20px;
}
.cardReaderRecharge .underCard .bigger > ul > li[data-v-08f8ef0c] .el-radio .el-radio__label {
  font-size: 18px;
  vertical-align: bottom;
}
.cardReaderRecharge .underCard .bigger > ul > li[data-v-08f8ef0c] .el-radio .el-radio__input {
  vertical-align: bottom;
}
.cardReaderRecharge .underCard .bigger > ul > li[data-v-08f8ef0c] .el-radio .el-radio__inner {
  width: 16px;
  height: 16px;
}
.cardReaderRecharge .underCard .bigger > ul > li[data-v-08f8ef0c] .el-input__inner {
  height: 36px;
  line-height: 50px;
  font-size: 18px;
  font-weight: bold;
  color: #111;
}
.cardReaderRecharge .underCard .bigger .lastline[data-v-08f8ef0c] {
  width: 100%;
  display: flex;
  align-items: center;
}
.cardReaderRecharge .underCard .bigger[data-v-08f8ef0c] .el-checkbox__inner {
  width: 20px;
  height: 20px;
}
.cardReaderRecharge .underCard .bigger[data-v-08f8ef0c] .el-checkbox__inner::after {
  height: 10px;
  left: 7px;
  border-width: 2px;
}
.cardReaderRecharge .underCard .command-buttons[data-v-08f8ef0c] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.cardReaderRecharge .underCard .command-buttons .el-button[data-v-08f8ef0c] {
  width: 100%;
}
.cardReaderRecharge .underCard .read-options .el-input[data-v-08f8ef0c],
.cardReaderRecharge .underCard .read-options .el-select[data-v-08f8ef0c] {
  width: 100%;
}
.cardReaderRecharge .underCard .write-form .el-form-item[data-v-08f8ef0c] {
  margin-bottom: 15px;
}
.cardReaderRecharge[data-v-08f8ef0c] .el-card {
  border: none;
}
.cardReaderRecharge .fontW[data-v-08f8ef0c] {
  font-size: 18px;
  font-weight: bold;
}
.cardReaderRecharge .reason-con[data-v-08f8ef0c] {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 290px;
}
.cardReaderRecharge .reason-con main[data-v-08f8ef0c] {
  width: 90%;
  text-align: center;
}
.cardReaderRecharge .reason-con main .msg[data-v-08f8ef0c] {
  font-size: 24px;
}
.cardReaderRecharge .reason-con main i[data-v-08f8ef0c] {
  font-size: 30px;
  color: #449dff;
  margin-right: 10px;
  vertical-align: -3px;
}
.cardReaderRecharge .reason-con main i.err[data-v-08f8ef0c] {
  color: #e54c4c;
}
.cardReaderRecharge .reason-con main .sec[data-v-08f8ef0c] {
  margin-top: 40px;
  font-size: 16px;
}
.cardReaderRecharge .reason-con main .sec div[data-v-08f8ef0c] {
  font-size: 16px;
}
.cardReaderRecharge .reason-con main .sec span[data-v-08f8ef0c] {
  font-size: 18px;
  font-weight: bold;
}

.theme2 .cardReaderRecharge .tabone {
  background: #18191b;
}
.theme2 .cardReaderRecharge .el-card {
  background: #2a2b2d;
  border-radius: 0;
}
.theme2 .cardReaderRecharge .underCard .cardInfo {
  background: #353639;
}
.theme2 .cardReaderRecharge .underCard .content {
  border-color: #494949;
}
.theme2 .cardReaderRecharge .underCard .bigger > ul > li .el-input__inner {
  color: #f7f7f7;
}

.checkAccount {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.checkAccount .el-drawer__header {
  font-size: 16px;
  padding: 10px 20px;
  margin-bottom: 0;
}
.checkAccount .accountDialog {
  padding: 10px 20px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.checkAccount .accountDialog .el-tabs__content {
  height: 100% !important;
  overflow: hidden;
  position: relative;
}
.checkAccount .accountDialog .searchBox .mini-width {
  width: 80px;
}
.checkAccount .accountDialog .searchBox .mini-width .el-input__inner {
  width: 80px !important;
}
.checkAccount .accountDialog .searchBox .mini-width2 {
  width: 100px;
}
.checkAccount .accountDialog .searchBox .mini-width2 .el-input__inner {
  width: 100px !important;
}
.checkAccount .accountDialog .searchBox .cname > .el-input__inner {
  width: 55px;
}
.checkAccount .accountDialog .searchBox .cname2 {
  width: 140px;
  margin: 0px;
}
.checkAccount .btns {
  display: flex;
}
.checkAccount .btns .label {
  line-height: 30px;
  min-width: 70px;
}
.ckSearchOne .el-select-dropdown__empty {
  width: 140px;
}

.paymentRecord[data-v-257c0ffa] {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  position: relative;
}
.paymentRecord .centerStructure[data-v-257c0ffa] {
  padding-top: 0;
}

.readMeterRecord[data-v-3ba3f3eb] {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  position: relative;
}
.readMeterRecord .centerStructure[data-v-3ba3f3eb] {
  padding-top: 0;
}

.printRecord[data-v-123f85e5] {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  position: relative;
}
.printRecord .centerStructure[data-v-123f85e5] {
  padding-top: 0;
}

.chargeDetail[data-v-d71adb26] {
  height: 100%;
}
.chargeDetail .top[data-v-d71adb26] {
  overflow-y: hidden;
  overflow-x: auto;
  height: 270px;
  padding: 20px;
  padding-top: 15px;
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
  margin-bottom: 10px;
  background: #fff;
}
.chargeDetail .top .bigger[data-v-d71adb26] {
  display: flex;
  width: 100%;
}
.chargeDetail .top .bigger > ul[data-v-d71adb26] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.chargeDetail .top .bigger > ul[data-v-d71adb26]:first-child {
  margin-right: 15px;
  width: 465px;
}
.chargeDetail .top .bigger > ul > li[data-v-d71adb26] {
  display: flex;
  font-size: 18px;
  align-items: center;
  margin-bottom: 30px;
}
.chargeDetail .top .bigger > ul > li[data-v-d71adb26]:last-child {
  margin: 0;
}
.chargeDetail .top .bigger > ul > li span[data-v-d71adb26] {
  font-size: 18px;
}
.chargeDetail .top .bigger > ul > li > div[data-v-d71adb26] {
  width: 50%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.chargeDetail .top .bigger > ul > li[data-v-d71adb26] .el-radio {
  margin-right: 20px;
}
.chargeDetail .top .bigger > ul > li[data-v-d71adb26] .el-radio .el-radio__label {
  font-size: 18px;
  vertical-align: bottom;
  color: #111;
}
.chargeDetail .top .bigger > ul > li[data-v-d71adb26] .el-radio .el-radio__input {
  vertical-align: bottom;
}
.chargeDetail .top .bigger > ul > li[data-v-d71adb26] .el-radio .el-radio__inner {
  width: 16px;
  height: 16px;
}
.chargeDetail .top .bigger > ul > li[data-v-d71adb26] .el-input__inner {
  height: 36px;
  line-height: 50px;
  font-size: 18px;
  font-weight: bold;
  color: #111;
}
.chargeDetail .top .bigger .lastline[data-v-d71adb26] {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.chargeDetail .top .bigger .sl > div[data-v-d71adb26] {
  margin-top: 23px;
}
.chargeDetail .top .bigger .sr[data-v-d71adb26] {
  padding-left: 30px;
}
.chargeDetail .top .bigger .sr[data-v-d71adb26] .el-button {
  width: 120px;
  height: 150px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.chargeDetail .top .bigger .sr[data-v-d71adb26] .el-button > i {
  margin-bottom: 5px;
  font-size: 32px;
}
.chargeDetail .top .bigger .sr[data-v-d71adb26] .el-button > span {
  font-size: 18px;
  letter-spacing: 1px;
  line-height: 1.3;
}
.chargeDetail .top .bigger[data-v-d71adb26] .el-checkbox__inner {
  width: 20px;
  height: 20px;
}
.chargeDetail .top .bigger[data-v-d71adb26] .el-checkbox__inner::after {
  height: 10px;
  left: 7px;
  border-width: 2px;
}
.chargeDetail .bottom[data-v-d71adb26] {
  height: calc(100% - 281px);
  padding: 0 20px;
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
  background: #fff;
}
.chargeDetail .check-label[data-v-d71adb26] {
  margin-left: 20px;
  cursor: pointer;
  user-select: none;
  font-weight: normal !important;
}
.chargeDetail .whinp[data-v-d71adb26] {
  flex: 1 !important;
}
.chargeDetail .textcol[data-v-d71adb26] {
  color: #111;
  font-weight: bold;
}
.chargeDetail[data-v-d71adb26] .el-tabs {
  height: 100%;
}
.chargeDetail[data-v-d71adb26] .el-tabs .el-tabs__content {
  height: calc(100% - 72px);
}
.chargeDetail[data-v-d71adb26] .el-tabs .el-tabs__content .el-tab-pane {
  height: 100%;
}
.chargeDetail .isred[data-v-d71adb26] {
  color: red;
  font-weight: bold;
  font-size: 24px;
}
.chargeDetail .col[data-v-d71adb26] {
  font-size: 24px;
  color: #6690ff;
  font-weight: bold;
}
.moneydia .ulcon[data-v-d71adb26] {
  padding-left: 120px;
}
.moneydia .ulcon > li[data-v-d71adb26] {
  font-size: 18px;
  margin-bottom: 20px;
}
.moneydia .ulcon > li > span[data-v-d71adb26]:nth-child(2) {
  margin-left: 20px;
}
.moneydia .ulcon > li i[data-v-d71adb26] {
  margin-left: 10px;
}
.moneydia[data-v-d71adb26] .el-dialog__footer {
  border-top: 1px solid #dadada;
  text-align: center;
  padding-top: 20px;
}
.moneydia[data-v-d71adb26] .el-dialog__footer .el-button {
  padding: 18px 38px;
  font-size: 18px;
}
.moneydia[data-v-d71adb26] .el-dialog__footer .el-button + .el-button {
  margin-left: 30px;
}
[data-v-d71adb26] .el-table__footer-wrapper .cell {
  white-space: nowrap;
}
.theme2 .chargeDetail .top[data-v-d71adb26],
.theme2 .chargeDetail .bottom[data-v-d71adb26] {
  background: #2a2b2d;
}
.theme2 .chargeDetail .col[data-v-d71adb26] {
  color: #4d91ff;
}
.theme2 .chargeDetail .textcol[data-v-d71adb26] {
  color: #f7f7f7;
}
.theme2 .chargeDetail .top .bigger > ul > li[data-v-d71adb26] .el-radio .el-radio__label {
  color: #f7f7f7;
}
.theme2 .chargeDetail .top .bigger > ul > li[data-v-d71adb26] .el-input__inner {
  color: #f7f7f7;
}
.theme2 .moneydia[data-v-d71adb26] .el-dialog__footer {
  border-color: #494949;
}

.el-popper.biggerClass .el-select-dropdown__item {
  font-size: 18px;
}
.el-popper.biggerClass .el-select-dropdown__empty {
  width: 240px;
}

.counterCharge[data-v-019ad196] {
  display: flex;
  position: relative;
  height: 100%;
  padding-right: 10px;
  overflow: auto;
}
.counterCharge[data-v-019ad196]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.counterCharge[data-v-019ad196]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.counterCharge[data-v-019ad196]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.counterCharge[data-v-019ad196]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.counterCharge .centerStructure[data-v-019ad196] {
  width: 600px;
  margin-right: 10px;
  padding: 0;
  flex: none;
}
.counterCharge .centerStructure .topwrap[data-v-019ad196] {
  padding: 20px;
  padding-bottom: 15px;
}
.counterCharge .centerStructure .lines[data-v-019ad196] {
  display: flex;
  justify-content: space-between;
}
.counterCharge .centerStructure .lineitem[data-v-019ad196] {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.counterCharge .centerStructure .whinp[data-v-019ad196] {
  width: 200px;
}
.counterCharge .centerStructure .footer-btns[data-v-019ad196] {
  text-align: right;
  margin-top: 10px;
  margin-bottom: 20px;
}
.counterCharge .centerStructure .searchInfo[data-v-019ad196] {
  border-top: 1px solid #dadada;
  padding: 15px 20px 0;
  height: calc(100% - 164px);
}
.counterCharge .centerStructure .searchInfo .baseul[data-v-019ad196] {
  display: flex;
  margin-bottom: 15px;
}
.counterCharge .centerStructure .searchInfo .baseul > li[data-v-019ad196] {
  width: calc(100% - 340px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.counterCharge .centerStructure .searchInfo .baseul > li[data-v-019ad196]:first-child {
  width: 320px;
  margin-right: 20px;
}
.counterCharge .centerStructure .searchInfo .baseul.spec > li[data-v-019ad196]:first-child {
  width: 100%;
}
.counterCharge .rightStructure[data-v-019ad196] {
  flex: 1;
  background: none !important;
  box-shadow: none;
}
.theme2 .counterCharge[data-v-019ad196]::-webkit-scrollbar {
  width: 'theme2';
  height: 4px;
}
.theme2 .counterCharge[data-v-019ad196]::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.theme2 .counterCharge[data-v-019ad196]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.theme2 .counterCharge[data-v-019ad196]::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.theme2 .counterCharge .centerStructure .searchInfo[data-v-019ad196] {
  border-color: #494949;
}

.deductionRecord {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}


.issueInvoice {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.issueInvoice .info {
  margin-top: 10px;
  display: flex;
}
.issueInvoice .info li {
  flex: 1;
  height: 50px;
  background: #fafafa;
  overflow: hidden;
  display: flex;
}
.issueInvoice .info li .column {
  margin: auto;
}
.issueInvoice .info li .column .font {
  font-weight: bolder;
}
.issueInvoice .mini-width {
  width: 105px !important;
}
.issueInvoice .mini-width .el-input__inner {
  width: 100px !important;
}
.issueInvoice .wh100 {
  width: 100px !important;
}
.issueInvoice .wh140 {
  width: 140px;
}
.issueInvoice .wh110 {
  width: 110px !important;
}
.issueInvoice .wh110 .el-input-group__prepend .el-input__inner {
  width: 100% !important;
}
.issueInvoice .wh110 .el-input__inner {
  width: 116px !important;
}
.issueInvoice .el-select-dropdown__empty {
  width: 140px;
}
.issueInvoice .el-dialog__body {
  padding-right: 20px;
}
.issueInvoice .el-drawer__header {
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.issueInvoice .el-drawer__header span {
  margin-left: -10px;
  font-size: 16px;
}
.theme2 .issueInvoice .info li {
  background: #494949;
}

.noticePrint {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.noticePrint .mini-width {
  width: 105px !important;
}
.noticePrint .mini-width .el-input__inner {
  width: 100px !important;
}
.noticePrint .wh140 {
  width: 140px;
}
.noticePrint .wh110 {
  width: 110px !important;
}
.noticePrint .wh110 .el-input-group__prepend .el-input__inner {
  width: 100% !important;
}
.noticePrint .wh110 .el-input__inner {
  width: 116px !important;
}
.noticePrint .el-select-dropdown__empty {
  width: 140px;
}

.arrearageDetail {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.arrearageDetail .mini-width {
  width: 105px !important;
}
.arrearageDetail .mini-width .el-input__inner {
  width: 100px !important;
}
.arrearageDetail .wh100 {
  width: 100px!important;
}
.arrearageDetail .wh140 {
  width: 140px;
}
.arrearageDetail .wh110 {
  width: 110px!important;
}
.arrearageDetail .wh110 .el-input-group__prepend .el-input__inner {
  width: 100% !important;
}
.arrearageDetail .wh110 .el-input__inner {
  width: 116px !important;
}
.arrearageDetail .el-select-dropdown__empty {
  width: 140px;
}

.arrearageStatistics {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.arrearageStatistics .wh140 {
  width: 140px;
}
.arrearageStatistics .el-checkbox {
  margin-right: 0;
  margin-left: 15px;
}
.theme2 .arrearageStatistics .el-checkbox {
  color: #b7b7b7;
}
.theme2 .arrearageStatistics .el-checkbox /deep/ .el-checkbox__input.is-checked + .el-checkbox__label {
  color: #b7b7b7;
}

.balance-detail-cascader .el-cascader-menu {
  min-width: 140px !important;
}
.balance-detail-cascader .el-cascader-menu__list {
  position: relative;
  min-height: 100%;
  margin: 0;
  width: 140px;
  padding: 6px 0;
  list-style: none;
  box-sizing: border-box;
}
.balanceDetail {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.balanceDetail .bookNumberSearch .el-select-dropdown__empty {
  width: 140px !important;
}
.balanceDetail .el-select-dropdown__empty {
  width: 140px !important;
}
.balanceDetail .wh140 {
  width: 140px;
}
.balanceDetail .wh120 {
  width: 120px !important;
}
.balanceDetail .wh120 .el-input-group__prepend .el-input__inner {
  width: 100% !important;
}
.balanceDetail .wh120 .el-input__inner {
  width: 126px !important;
}
.balanceDetail .bottomDiv {
  display: flex;
  background-color: #f5f7fa;
  height: 50px;
}
.balanceDetail .bottomDiv .bottomDivChild {
  width: 100%;
  padding: 15px 0 15px 0;
  font-weight: bold;
}
.balanceDetail .bottomDiv .bottomDivChild span {
  margin: 0 20px;
}
.theme2 .balanceDetail .bottomDiv {
  width: 100%;
  height: 50px;
  display: flex;
  background-color: #494949;
  -webkit-tap-highlight-color: rgba(0, 0, 0);
}

.businessOverview[data-v-788ab6b2] {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.businessOverview .leftStructure[data-v-788ab6b2] {
  padding-top: 20px;
}
.businessOverview .header-data[data-v-788ab6b2] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #eff5ff;
  padding: 20px 40px;
  height: 120px;
}
.businessOverview .header-data .display[data-v-788ab6b2] {
  display: flex;
}
.businessOverview .header-data .display .content[data-v-788ab6b2] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 10px;
}
.businessOverview .header-data .display .content > div[data-v-788ab6b2] {
  font-size: 16px;
}
.businessOverview .header-data .display .content :last-child > span[data-v-788ab6b2] {
  font-weight: bold;
  padding-right: 5px;
}
.businessOverview .header-data .iconfont[data-v-788ab6b2] {
  font-size: 55px;
}
.businessOverview .header-data .color1[data-v-788ab6b2] {
  color: #649bfb;
}
.businessOverview .header-data .color2[data-v-788ab6b2] {
  color: #a29afb;
}
.businessOverview .header-data .color3[data-v-788ab6b2] {
  color: #ffc89a;
}
.businessOverview .header-data .color4[data-v-788ab6b2] {
  color: #5ab1ef;
}
.businessOverview .header-data .color5[data-v-788ab6b2] {
  color: #4ea397;
}
.businessOverview .header-data .color6[data-v-788ab6b2] {
  color: #edafda;
}
.businessOverview .header-data .color7[data-v-788ab6b2] {
  color: #2ec7c9;
}
.businessOverview .chart-structure[data-v-788ab6b2] {
  padding-top: 20px;
  width: 100%;
  height: calc(100% - 152px);
}
.businessOverview .chart-structure .chart-line[data-v-788ab6b2] {
  height: 50%;
  display: flex;
}
.businessOverview .chart-structure .chart-line .block-chart[data-v-788ab6b2] {
  width: 50%;
  height: 100%;
}
.businessOverview .chart-structure .chart-line .block-chart .chart[data-v-788ab6b2] {
  width: 100%;
  height: calc(100% - 34px);
}
.theme2 .businessOverview .header-data[data-v-788ab6b2] {
  background-color: #4d91ff1a;
}

.historicalAccounting {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.historicalAccounting .centerStructure {
  padding-top: 0;
}
.historicalAccounting .centerStructure .formBox {
  padding-right: 20px;
  max-height: 611px;
  overflow-y: hidden;
}
.historicalAccounting .centerStructure .formBox .upload-demo .el-upload {
  left: 358px;
}
.historicalAccounting .centerStructure .formBox .upload-demo .el-upload-list__item .el-icon-close {
  right: 12px;
}
.historicalAccounting .centerStructure .formBox .upload-demo .el-upload-list > li {
  width: 350px;
}

.paidInDetails {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.paidInDetails .wh140 {
  width: 140px;
}
.paidInDetails .input-with-select {
  width: 240px;
}
.paidInDetails .input-with-select .el-input__inner {
  width: 120px;
}
.paidInDetails .el-input-group__append {
  width: 30px;
}
.paidInDetails .wh200 {
  width: 200px;
}
.paidInDetails .wh160 {
  width: 160px;
}
.paidInDetails .el-select-dropdown__empty {
  width: 140px;
}
.paidInDetails .el-tabs__content {
  height: calc(100% - 34px);
}

.paidInStatistics {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
  /*Tab页切换样式调整*/
}
.paidInStatistics .el-tabs__content {
  height: calc(100% - 50px);
  overflow: hidden;
  position: relative;
}
.paidInStatistics .el-tabs__header {
  padding: 0;
  position: relative;
  margin: -10px 0px 10px;
}
.paidInStatistics .centerStructure {
  padding-top: 0;
}
.paidInStatistics .el-checkbox {
  margin-right: 0;
  margin-left: 15px;
}
.theme2 .paidInStatistics .el-checkbox {
  color: #b7b7b7;
}
.theme2 .paidInStatistics .el-checkbox /deep/ .el-checkbox__input.is-checked + .el-checkbox__label {
  color: #b7b7b7;
}

.paymentStatistics {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.paymentStatistics .echarts-item {
  width: 100%;
  height: 100%;
}
.paymentStatistics .el-checkbox {
  margin-right: 0;
  margin-left: 15px;
}
.paymentStatistics .topDiv {
  height: 300px;
  overflow-x: auto;
  overflow-y: hidden;
}
.paymentStatistics .topDiv .floor ul {
  height: 100%;
  display: flex;
}
.paymentStatistics .topDiv .floor ul li {
  flex: 1;
  position: relative;
}
.paymentStatistics .topDiv .floor .echarts-dom {
  margin: 0 auto;
  width: 50%;
  height: 300px;
}
.paymentStatistics .bottomDiv {
  height: calc(100% - 350px);
}
.theme2 .paymentStatistics .el-checkbox {
  color: #b7b7b7;
}
.theme2 .paymentStatistics .el-checkbox /deep/ .el-checkbox__input.is-checked + .el-checkbox__label {
  color: #b7b7b7;
}

.paidDetail-detail-cascader .el-cascader-menu {
  min-width: 140px !important;
}
.paidDetail-detail-cascader .el-cascader-menu__list {
  position: relative;
  min-height: 100%;
  margin: 0;
  width: 140px;
  padding: 6px 0;
  list-style: none;
  box-sizing: border-box;
}
.preDepositedDetails {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.preDepositedDetails .wh140 {
  width: 140px;
}
.preDepositedDetails .input-with-select {
  width: 240px;
}
.preDepositedDetails .input-with-select .el-input__inner {
  width: 120px;
}
.preDepositedDetails .el-input-group__append {
  width: 30px;
}
.preDepositedDetails .wh200 {
  width: 200px;
}
.preDepositedDetails .wh160 {
  width: 160px;
}
.preDepositedDetails .el-select-dropdown__empty {
  width: 140px;
}
.preDepositedDetails .el-tabs__content {
  height: calc(100% - 34px);
}

.receivableDetail {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.receivableDetail .mini-width {
  width: 105px !important;
}
.receivableDetail .mini-width .el-input__inner {
  width: 100px !important;
}
.receivableDetail .wh100 {
  width: 100px!important;
}
.receivableDetail .wh140 {
  width: 140px;
}
.receivableDetail .wh110 {
  width: 110px!important;
}
.receivableDetail .wh110 .el-input-group__prepend .el-input__inner {
  width: 100% !important;
}
.receivableDetail .wh110 .el-input__inner {
  width: 116px !important;
}
.receivableDetail .el-select-dropdown__empty {
  width: 140px;
}

.receivableStatistics {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
  /*Tab页切换样式调整*/
}
.receivableStatistics .el-tabs__content {
  height: calc(100% - 50px);
  overflow: hidden;
  position: relative;
}
.receivableStatistics .el-tabs__header {
  padding: 0;
  position: relative;
  margin: -10px 0px 10px;
}
.receivableStatistics .centerStructure {
  padding-top: 0;
}
.receivableStatistics .el-checkbox {
  margin-right: 0;
  margin-left: 15px;
}
.theme2 .receivableStatistics .el-checkbox {
  color: #b7b7b7;
}
.theme2 .receivableStatistics .el-checkbox /deep/ .el-checkbox__input.is-checked + .el-checkbox__label {
  color: #b7b7b7;
}

.userArrearageDetail {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.userArrearageDetail .mini-width {
  width: 105px !important;
}
.userArrearageDetail .mini-width .el-input__inner {
  width: 100px !important;
}
.userArrearageDetail .wh100 {
  width: 100px !important;
}
.userArrearageDetail .wh140 {
  width: 140px;
}
.userArrearageDetail .wh110 {
  width: 110px !important;
}
.userArrearageDetail .wh110 .el-input-group__prepend .el-input__inner {
  width: 100% !important;
}
.userArrearageDetail .wh110 .el-input__inner {
  width: 116px !important;
}
.userArrearageDetail .el-select-dropdown__empty {
  width: 140px;
}

.userReceivableDetail {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.userReceivableDetail .mini-width {
  width: 105px !important;
}
.userReceivableDetail .mini-width .el-input__inner {
  width: 100px !important;
}
.userReceivableDetail .wh100 {
  width: 100px!important;
}
.userReceivableDetail .wh140 {
  width: 140px;
}
.userReceivableDetail .wh110 {
  width: 110px!important;
}
.userReceivableDetail .wh110 .el-input-group__prepend .el-input__inner {
  width: 100% !important;
}
.userReceivableDetail .wh110 .el-input__inner {
  width: 116px !important;
}
.userReceivableDetail .el-select-dropdown__empty {
  width: 140px;
}

.collectionManagement {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.collectionManagement .el-dialog__body {
  padding-right: 20px;
}
.collectionManagement .el-table__body-wrapper {
  height: 100%;
}
.collectionManagement .formbox .inline .no-wrap {
  white-space: nowrap;
}


[data-v-ca5e4272] .el-drawer__header {
  margin-bottom: 10px;
  padding-bottom: 10px;
}
[data-v-ca5e4272] .el-drawer__header span {
  margin-left: -10px;
  font-size: 16px;
}
.tabBox[data-v-ca5e4272] {
  display: flex;
  padding: 10px 20px;
  height: calc(100% - 42px);
}
.tabBox .column-tab[data-v-ca5e4272] {
  flex: 40;
}
.tabBox .column-but[data-v-ca5e4272] {
  flex: 5;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.container[data-v-e5b5c430] {
  padding-right: 20px;
}
.container .img-capture[data-v-e5b5c430] {
  display: flex;
  border-bottom: 1px solid #DCDFE6;
}
.container .img-capture .padding-img[data-v-e5b5c430] {
  position: relative;
  border-right: 1px solid #DCDFE6;
  padding-right: 10px;
}
.container .img-capture .padding-img .img-con[data-v-e5b5c430] {
  height: 40px;
  text-align: center;
  margin: auto;
  line-height: 40px;
}
.container .img-capture .padding-img .img-con > span[data-v-e5b5c430] {
  font-size: 16px;
  padding: 0 15px;
  color: #6690ff;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.container .img-capture .empty[data-v-e5b5c430] {
  border: 1px solid #DCDFE6;
  width: 400px;
  height: 300px;
  margin-left: 9px;
}
.container .img-capture .empty .tip-text[data-v-e5b5c430] {
  color: #909399;
  position: absolute;
  bottom: 80px;
}
.container .img-capture #myCanvas[data-v-e5b5c430] {
  background-color: black;
  width: 640px;
  height: 480px;
}
.container .img-capture #myCanvas2[data-v-e5b5c430] {
  width: 100%;
  height: 100%;
}
.container .button-capture[data-v-e5b5c430] {
  display: flex;
  justify-content: space-between;
}
.container .button-capture button[data-v-e5b5c430] {
  margin-left: 10px;
  margin-top: 20px;
}
.container .button-capture button[data-v-e5b5c430]:first-child {
  margin-left: 0;
}

.min_width_Option_CreatAccount {
  width: 202px;
}
.min_width_Option_CreatAccount .el-select-dropdown__empty {
  padding: 10px 0;
  margin: 0;
  text-align: center;
  color: #999;
  font-size: 14px;
  width: 200px;
}
.createAccount {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.createAccount .flex-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.createAccount .formbox .inline {
  justify-content: flex-start;
}
.createAccount .el-table__fixed,
.createAccount .el-table__fixed-right {
  z-index: 5;
  background-color: #fff;
}
.createAccount .el-tabs__content {
  height: calc(100% - 50px);
  overflow: hidden;
  position: relative;
}
.createAccount .el-tabs__header {
  padding: 0;
  position: relative;
  margin: -10px 0px 10px;
}
.createAccount .centerStructure {
  padding-top: 0;
}
.createAccount .wh520 {
  width: 520px;
}
.createAccount .wh840 {
  width: 840px;
}
.createAccount .marT10 {
  margin-top: 10px;
}
.createAccount .tabStyle {
  width: 100%;
  height: 100%;
  display: flex;
  overflow: auto;
  overflow-y: hidden;
}
.createAccount .tabStyle::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.createAccount .tabStyle::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.createAccount .tabStyle::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.createAccount .tabStyle::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.createAccount .tabStyle .el-select-dropdown__empty {
  width: 200px !important;
}
.createAccount .tabStyle .leftArea {
  height: 100%;
}
.createAccount .tabStyle .leftArea .formbox {
  padding-right: 20px;
  max-height: none;
  height: 100% !important;
}
.createAccount .tabStyle .leftArea .attach_Tab {
  margin-left: 40px;
  width: 620px;
  position: relative;
}
.createAccount .tabStyle .rootRight {
  width: 45%;
  min-width: 356px;
  height: 100%;
  padding-left: 10px;
}
.createAccount .tabStyle .rootRight .rightArea {
  width: 100%;
  height: calc(100% - 45px);
  overflow: auto;
}
.createAccount .tabStyle .rootRight .rightArea::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.createAccount .tabStyle .rootRight .rightArea::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.createAccount .tabStyle .rootRight .rightArea::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.createAccount .tabStyle .rootRight .rightArea::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.createAccount .tabStyle .rootRight .rightArea .attach {
  height: 150px;
  width: 100%;
  text-align: center;
}
.createAccount .tabStyle .rootRight .rightArea .attach .pic {
  height: 130px;
  width: 200px;
  margin: 0 auto;
  margin-top: 10px;
  position: relative;
}
.createAccount .tabStyle .rootRight .rightArea .attach .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.createAccount .tabStyle .rootRight .rightArea .attach .pic .pic-mask {
  z-index: 4;
  width: 200px;
  height: 130px;
  position: absolute;
  inset: 0px;
  background-color: rgba(0, 0, 0, 0.5);
}
.createAccount .tabStyle .rootRight .rightArea .attach .pic .deleteIcon {
  z-index: 5;
  top: 55px;
  left: 130px;
  width: 30px;
  height: 30px;
  font-size: 20px;
  position: absolute;
  color: #ffffff;
}
.createAccount .tabStyle .rootRight .rightArea .attach .pic .viewIcon {
  z-index: 5;
  top: 55px;
  left: 45px;
  width: 30px;
  height: 30px;
  font-size: 20px;
  position: absolute;
  color: #ffffff;
}
.createAccount .tabStyle .rootRight .rootUnder {
  width: 100%;
  height: 60px;
  text-align: right;
  padding-top: 9px;
}
.createAccount .dialog {
  margin: 0;
  height: 600px;
  position: relative;
  overflow: auto;
  display: flex;
  padding-right: 20px;
}
.createAccount .dialog .titleIcon {
  top: 37%;
  height: 100px;
  position: relative;
  font-size: 70px;
  cursor: pointer;
  color: #6690ff;
}
.createAccount .dialog .openPic1 {
  height: 600px;
  width: 1020px;
}
.createAccount .dialog .openPic1 img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 600px;
  padding-right: 15px;
}
.createAccount .dialog .openPic2 {
  height: 600px;
  width: 1020px;
}
.createAccount .dialog .openPic2 img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1000px;
  padding-right: 15px;
}
.createAccount .el-cascader,
.createAccount .el-tag {
  display: inline-block;
  width: 200px;
}
.theme2 .createAccount .el-table__fixed,
.theme2 .createAccount .el-table__fixed-right {
  z-index: 5;
  background-color: #2a2b2d;
}
.theme2 .createAccount .el-table__fixed-footer-wrapper tbody td.el-table__cell {
  border-top: 1px solid #565656;
  background-color: #494949;
  color: #b7b7b7;
}

.historicalBillImport {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.historicalBillImport .centerStructure {
  padding-top: 0;
}

.min_width_Option_infoChange {
  width: 202px;
}
.min_width_Option_infoChange .el-select-dropdown__empty {
  padding: 10px 0;
  margin: 0;
  text-align: center;
  color: #999;
  font-size: 14px;
  width: 200px;
}
.infoChange {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
  /*Tab页切换样式调整*/
}
.infoChange .flex-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.infoChange .el-drawer__header {
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.infoChange .el-drawer__header span {
  margin-left: -10px;
  font-size: 16px;
}
.infoChange .el-drawer__body {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
}
.infoChange .infoChangeSpecialTab {
  height: calc(100% - 94px);
}
.infoChange .formbox .inline {
  justify-content: flex-start;
}
.infoChange .searchBox .el-date-editor.el-range-editor {
  width: 370px;
}
.infoChange .el-tabs__content {
  height: calc(100% - 50px);
  overflow: hidden;
  position: relative;
}
.infoChange .el-tabs__header {
  padding: 0;
  position: relative;
  margin: -10px 0px 10px;
}
.infoChange .wh_two_line {
  width: 520px;
}
.infoChange .wh_three_line {
  width: 1185px;
}
.infoChange .marT10 {
  margin-top: 10px;
}
.infoChange .dialog {
  margin: 0;
  height: 600px;
  position: relative;
  overflow: auto;
  display: flex;
  padding-right: 20px;
}
.infoChange .dialog .titleIcon {
  top: 37%;
  height: 100px;
  position: relative;
  font-size: 70px;
  cursor: pointer;
  color: #6690ff;
}
.infoChange .dialog .openPic1 {
  height: 600px;
  width: 1020px;
}
.infoChange .dialog .openPic1 img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 600px;
  padding-right: 15px;
}
.infoChange .dialog .openPic2 {
  height: 600px;
  width: 1020px;
}
.infoChange .dialog .openPic2 img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1000px;
  padding-right: 15px;
}
.infoChange .centerStructure {
  padding-top: 0;
}
.infoChange .centerStructure .searchBox .mini-width {
  width: 100px;
}
.infoChange .centerStructure .searchBox .mini-width .el-input__inner {
  width: 100px !important;
}
.infoChange .centerStructure .realShow {
  width: 100%;
  height: 30px;
  display: flex;
  margin-bottom: 10px;
  background-color: #fafafa;
}
.infoChange .centerStructure .realShow i {
  font-weight: bold;
  font-size: 15px;
}
.infoChange .centerStructure .realShow .realShowChild {
  width: 14.25%;
  font-size: 14px;
  margin-left: 5px;
  margin-top: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  webkit-line-clamp: 1;
  webkit-box-orient: vertical;
  display: -webkit-box;
}
.infoChange .centerStructure .firstline {
  background: #fafafa;
  display: flex;
  padding: 10px 20px;
  gap: 80px;
  margin-bottom: 10px;
}
.infoChange .centerStructure .firstline > li {
  max-width: 660px;
  display: flex;
}
.infoChange .centerStructure .firstline > li > span {
  white-space: nowrap;
}
.infoChange .centerStructure .firstline > li > span:last-child {
  font-weight: bold;
}
.infoChange .centerStructure .firstline > li > span.elli {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 330px;
  min-width: 0px;
}
.infoChange .centerStructure .tabStyle {
  width: 100%;
  height: 100%;
}
.infoChange .centerStructure .tabStyle .el-select-dropdown__empty {
  width: 200px !important;
}
.infoChange .centerStructure .tabStyle .rootTop {
  width: 100%;
  height: 100%;
  overflow: auto;
}
.infoChange .centerStructure .tabStyle .rootTop .formbox {
  padding-right: 20px;
  overflow: initial;
  position: relative;
  max-height: none;
}
.infoChange .centerStructure .tabStyle .rootTop .picArea {
  height: 130px;
  display: flex;
  text-align: center;
}
.infoChange .centerStructure .tabStyle .rootTop .picArea .pic {
  height: 90px;
  width: 140px;
  margin-left: 10px;
  margin-top: 10px;
  position: relative;
}
.infoChange .centerStructure .tabStyle .rootTop .picArea .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.infoChange .centerStructure .tabStyle .rootTop .picArea .pic .pic-mask {
  z-index: 4;
  width: 140px;
  height: 90px;
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.infoChange .centerStructure .tabStyle .rootTop .picArea .pic .deleteIcon {
  z-index: 5;
  top: 35px;
  left: 85px;
  width: 30px;
  height: 30px;
  font-size: 20px;
  position: absolute;
  color: #ffffff;
}
.infoChange .centerStructure .tabStyle .rootTop .picArea .pic .viewIcon {
  z-index: 5;
  top: 35px;
  left: 30px;
  width: 30px;
  height: 30px;
  font-size: 20px;
  position: absolute;
  color: #ffffff;
}
.infoChange .centerStructure .tabStyle .rootTop .attach_Tab {
  margin-left: 40px;
  margin-top: 10px;
  margin-bottom: 10px;
  width: calc(100% - 40px);
  position: relative;
}
.infoChange .centerStructure .tabStyle .rootTop-account {
  height: 100%;
  overflow: auto;
}
.infoChange .centerStructure .tabStyle .rootTop-account .formbox {
  padding-right: 20px;
  overflow: auto;
}
.infoChange .centerStructure .tabStyle .rootTop-account .attach_Tab {
  margin-left: 40px;
  margin-top: 10px;
  width: calc(100% - 40px);
  position: relative;
}
.infoChange .centerStructure .tabStyle .rootUnder {
  width: 100%;
  padding-left: 600px;
  height: 45px;
  padding-top: 10px;
}
.infoChange .centerStructure .tabStyle .rootUnder-basic {
  display: flex;
  height: 36px;
  text-align: right;
  margin-left: auto;
  margin-top: 75px;
}
.theme2 .infoChange .firstline {
  background: #494949;
}


.largeUser {
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.largeUser .searchBox .orgClass .el-select {
  width: 180px !important;
}
.largeUser .wh110 {
  width: 110px !important;
}
.largeUser .wh110 .el-input-group__prepend .el-input__inner {
  width: 100% !important;
}
.largeUser .wh110 .el-input__inner {
  width: 116px !important;
}
.largeUser .el-drawer__header {
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.largeUser .el-drawer__header span {
  margin-left: -10px;
  font-size: 16px;
}

.totalScoreManagement {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.totalScoreManagement .el-dialog__body {
  padding-right: 20px;
}
.totalScoreManagement .el-table__body-wrapper {
  height: 100%;
}
.totalScoreManagement .formbox .inline .no-wrap {
  white-space: nowrap;
}

.min_width_Option_Acc {
  width: 202px;
}
.transferManagement {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.transferManagement .formbox .inline {
  justify-content: flex-start;
}
.transferManagement .el-tabs__content {
  height: calc(100% - 50px);
  overflow: hidden;
  position: relative;
}
.transferManagement .el-tabs__header {
  padding: 0;
  position: relative;
  margin: -10px 0 10px;
}
.transferManagement .centerStructure {
  padding-top: 0;
}
.transferManagement .transferButton {
  margin-top: 50px;
  margin-left: 1570px;
}
.transferManagement .dialog {
  margin: 0;
  height: 600px;
  position: relative;
  overflow: auto;
  display: flex;
  padding-right: 20px;
}
.transferManagement .dialog .titleIcon {
  top: 37%;
  height: 100px;
  position: relative;
  font-size: 70px;
  cursor: pointer;
  color: #6690ff;
}
.transferManagement .dialog .openPic1 {
  height: 600px;
  width: 1020px;
}
.transferManagement .dialog .openPic1 img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 600px;
  padding-right: 15px;
}
.transferManagement .dialog .openPic2 {
  height: 600px;
  width: 1020px;
}
.transferManagement .dialog .openPic2 img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1000px;
  padding-right: 15px;
}
.transferManagement .transferOperation {
  overflow: auto;
}
.transferManagement .transferOperation .inputColor1 .el-input__inner {
  color: #46b942;
}
.transferManagement .transferOperation .inputColor2 .el-input__inner {
  color: rgba(220, 16, 16, 0.8);
}
.transferManagement .transferOperation .picArea {
  height: 130px;
  margin-bottom: 10px;
  display: flex;
  text-align: center;
}
.transferManagement .transferOperation .picArea .pic {
  height: 90px;
  width: 140px;
  margin-left: 10px;
  margin-top: 10px;
  position: relative;
}
.transferManagement .transferOperation .picArea .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.transferManagement .transferOperation .picArea .pic .pic-mask {
  z-index: 4;
  width: 140px;
  height: 90px;
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.transferManagement .transferOperation .picArea .pic .deleteIcon {
  z-index: 5;
  top: 30px;
  left: 85px;
  width: 30px;
  height: 30px;
  font-size: 20px;
  position: absolute;
  color: #ffffff;
}
.transferManagement .transferOperation .picArea .pic .viewIcon {
  z-index: 5;
  top: 30px;
  left: 30px;
  width: 30px;
  height: 30px;
  font-size: 20px;
  position: absolute;
  color: #ffffff;
}

.receiveRecord[data-v-6cac7ae1] {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  position: relative;
}
.receiveRecord .centerStructure[data-v-6cac7ae1] {
  padding-top: 0;
}

.arrearageRecord[data-v-a84e4b24] {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  position: relative;
}
.arrearageRecord .centerStructure[data-v-a84e4b24] {
  padding-top: 0;
}

.theme2 .userProfile {
  background: #2a2b2d;
}
.theme2 .userProfile::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 5px rgba(102, 144, 255, 0.2) !important;
  background: rgba(102, 144, 255, 0.2) !important;
}
.theme2 .userProfile::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(102, 144, 255, 0.1) !important;
  background: rgba(102, 144, 255, 0.1) !important;
}
.userProfile {
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.userProfile::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.userProfile::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.userProfile::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.userProfile::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.userProfile .searchBox {
  display: flex;
}
.userProfile .searchBox .searchItem {
  flex: 1;
  display: flex;
  align-items: center;
}
.userProfile .searchBox .searchItem:first-child {
  margin-left: -10px;
}
.userProfile .searchBox .searchItem > span {
  white-space: nowrap;
}
.userProfile .searchBox .searchItem .el-select {
  width: 100%;
}
.userProfile .content {
  width: 1800px;
  height: calc(100% - 166px);
}
.userProfile .cname {
  width: 146px!important;
}
.userProfile .wh146 {
  width: 146px!important;
}
.userProfile .el-drawer__header {
  margin-bottom: 0;
  padding-bottom: 10px;
}
.userProfile .el-drawer__header span {
  margin-left: -10px;
  font-size: 16px;
}
.userProfile .el-tabs__content {
  height: calc(100% - 34px);
}

.min_width_Option_Acc {
  width: 200px;
}
.min_width_Option_Acc .el-select-dropdown__empty {
  padding: 10px 0;
  margin: 0;
  text-align: center;
  color: #999;
  font-size: 14px;
  width: 200px;
}
.min_width_Option_Acc_140 {
  width: 140px;
}
.min_width_Option_Acc_140 .el-select-dropdown__empty {
  padding: 10px 0;
  margin: 0;
  text-align: center;
  color: #999;
  font-size: 14px;
  width: 140px;
}
.smsPushMgt {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
  /*Tab页切换样式调整*/
}
.smsPushMgt .el-drawer__header {
  font-size: 16px;
  padding: 10px 20px;
  margin-bottom: 0;
}
.smsPushMgt .recordDialog {
  display: inline-flex;
  padding: 10px 20px;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.smsPushMgt .wh530 {
  width: 560px;
}
.smsPushMgt .el-tabs__content {
  height: calc(100% - 50px);
  overflow: hidden;
  position: relative;
}
.smsPushMgt .el-tabs__header {
  padding: 0;
  position: relative;
  margin: -10px 0px 10px;
}
.smsPushMgt .centerStructure {
  padding-top: 0;
}
.smsPushMgt .centerStructure .soltLabel .el-input .el-input__prefix {
  margin-top: 6px;
}
.smsPushMgt .centerStructure .soltLabel .el-input .el-input__suffix {
  margin-top: 6px;
}
.smsPushMgt .centerStructure .searchBox .mini-width {
  width: 100px;
}
.smsPushMgt .centerStructure .searchBox .mini-width .el-input__inner {
  width: 100px !important;
}

.el-select-dropdown__empty[data-v-65c19a14] {
  width: 345px;
}
.stopWaterSMS[data-v-65c19a14] {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}
.stopWaterSMS .tab1[data-v-65c19a14] {
  height: 94%;
  position: relative;
  display: flex;
  border-bottom: 1px solid #DCDFE6;
}
.stopWaterSMS .tab1 .leftHalf[data-v-65c19a14] {
  position: relative;
  width: 25%;
  flex-shrink: 0;
  height: 100%;
  padding: 10px;
  overflow: auto;
}
.stopWaterSMS .tab1 .leftHalf .btns[data-v-65c19a14] {
  display: flex;
  padding-top: 20px;
  justify-content: flex-end;
}
.stopWaterSMS .tab1 .leftHalf .btns[data-v-65c19a14] .iconfont {
  font-size: 14px;
}
.stopWaterSMS .tab1 .leftHalf[data-v-65c19a14] .el-radio {
  margin-right: 20px;
}
.stopWaterSMS .tab1 .leftHalf[data-v-65c19a14] .el-radio:last-child {
  margin: 0;
}
.stopWaterSMS .tab1 .leftHalf .statusBtn[data-v-65c19a14] {
  position: absolute;
  right: 20px;
  top: 10px;
}
.stopWaterSMS .tab1 .rightHalf[data-v-65c19a14] {
  height: 100%;
  padding: 0 0 0 10px;
  width: 75%;
  flex-direction: column;
  border-left: 1px solid #DCDFE6;
}
.stopWaterSMS .tab1 .rightHalf .formbox[data-v-65c19a14] {
  width: 100%;
  height: 100%;
  padding-right: 0;
  max-height: 5000px;
}
.stopWaterSMS .tab1 .rightHalf .formbox .lintit[data-v-65c19a14] {
  line-height: 32px;
  margin-bottom: 0;
}
.stopWaterSMS .tab1 .rightHalf .formbox .titleBorder[data-v-65c19a14] {
  font-size: 14px;
  line-height: 32px;
  color: #404042;
  display: flex;
  width: 1010px;
}
.stopWaterSMS .tab1 .rightHalf .formbox .titleBorder .titleLabelBox[data-v-65c19a14] {
  flex: 1;
  line-height: 32px;
  padding-right: 10px;
}
.stopWaterSMS .tab1 .rightHalf .formbox .titleBorder .titleLabelBox .firstDesc[data-v-65c19a14] {
  line-height: 32px;
  width: 100%;
  font-weight: bold;
}
.stopWaterSMS .tab1 .rightHalf .formbox .titleBorder .titleLabelBoxIcon[data-v-65c19a14] {
  flex: 1;
  line-height: 32px;
  text-align: right;
}
.stopWaterSMS .tab1 .rightHalf .formbox .titleBorder .titleLabelBoxIcon .titleIcon[data-v-65c19a14] {
  position: relative;
  font-size: 20px;
  cursor: pointer;
  margin: 0 8px;
  color: #6690ff;
}
.stopWaterSMS .tab1 .rightHalf .formbox .titleBorder .titleLabelBoxIcon .titleIcon .iconfont[data-v-65c19a14] {
  position: relative;
  font-size: 20px;
  cursor: pointer;
  color: #6690ff;
}
.stopWaterSMS .tab1 .rightHalf .formbox .picTotal[data-v-65c19a14] {
  padding-top: 10px;
  height: calc(100% - 86px);
  width: 100%;
}
.stopWaterSMS .tab1 .rightHalf .formbox .picTotal .picMain[data-v-65c19a14] {
  border: 1px solid #dadada;
  /* margin: 0 10px 0 0;*/
  width: 1000px;
  height: 500px;
  align-content: initial;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.stopWaterSMS .tab1 .rightHalf .formbox .picTotal .picMain .pic[data-v-65c19a14] {
  height: 100%;
  width: auto;
}
.stopWaterSMS .tab1 .rightHalf .formbox .picTotal .picFoot[data-v-65c19a14] {
  top: 10px;
  position: relative;
  height: 100px;
  display: flex;
  align-items: center;
}
.stopWaterSMS .tab1 .rightHalf .formbox .picTotal .picFoot .picFootCumsFirst[data-v-65c19a14] {
  cursor: pointer;
  width: 20px;
  height: 100px;
  margin: 0 20px 0 0;
  font-size: 40px;
  line-height: 100px;
  text-align: center;
  color: #6690ff;
}
.stopWaterSMS .tab1 .rightHalf .formbox .picTotal .picFoot .picFootCums[data-v-65c19a14] {
  flex: 1;
  cursor: pointer;
  border: 2px solid #dadada;
  width: 75px;
  height: 75px;
  margin: 0 10px;
  overflow: hidden;
}
.stopWaterSMS .tab1 .rightHalf .formbox .picTotal .picFoot .picFootCums .picBom[data-v-65c19a14] {
  cursor: pointer;
  width: 75px;
  height: 75px;
}
.stopWaterSMS .tab1 .rightHalf .formbox .picTotal .picFoot .picFootCumsEnd[data-v-65c19a14] {
  cursor: pointer;
  width: 20px;
  height: 100px;
  margin: 0 0 0 10px;
  font-size: 40px;
  text-align: center;
  line-height: 100px;
  color: #6690ff;
  position: relative;
  left: -7px;
}
.stopWaterSMS .tab1 .rightHalf .formbox .picTotal .picFoot .active[data-v-65c19a14] {
  border: 3px solid #6690ff;
}
.stopWaterSMS .tab1 .rightHalf .formbox .picTotal .picFoot .cannotClick[data-v-65c19a14] {
  cursor: not-allowed;
}
.stopWaterSMS .tab1 .rightHalf .formbox .treeTable[data-v-65c19a14] {
  width: 100%;
  height: calc(100% - 93px);
  display: flex;
  padding-left: 1px;
}
.stopWaterSMS .tab1 .rightHalf .formbox .treeTable .centerStructure[data-v-65c19a14] {
  padding: 0;
  width: calc(100% - 250px);
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.stopWaterSMS .tab1 .rightHalf .formbox .treeTable[data-v-65c19a14] .tree-box .overauto {
  height: 75% !important;
}
.stopWaterSMS .tab1 .rightHalf .formbox .table2[data-v-65c19a14] {
  width: 100%;
}
.stopWaterSMS .tab1 .rightHalf .formbox .table2 .upload-demo[data-v-65c19a14] {
  width: 535px;
}
.stopWaterSMS .tab1 .rightHalf .formbox .table2 .upload-demo .el-upload[data-v-65c19a14] {
  left: 358px;
}
.stopWaterSMS .tab1 .rightHalf .formbox .table2 .upload-demo .el-upload-list__item .el-icon-close[data-v-65c19a14] {
  right: 12px;
}
.stopWaterSMS .tab1 .rightHalf .formbox .table2 .upload-demo .el-upload-list > li[data-v-65c19a14] {
  width: 350px;
}
.stopWaterSMS .tab1 .rightHalf .formbox .table2 .loading-btn[data-v-65c19a14] {
  height: 30px;
  margin-left: 30px;
  margin-top: 1px;
}
.stopWaterSMS .tab1 .rightHalf .formbox .table2 .firstline[data-v-65c19a14] {
  background: #fafafa;
  display: flex;
  padding: 10px 20px;
  gap: 80px;
  margin-bottom: 10px;
  justify-content: center;
}
.stopWaterSMS .tab1 .rightHalf .formbox .table2 .firstline > li[data-v-65c19a14] {
  max-width: 660px;
  display: flex;
}
.stopWaterSMS .tab1 .rightHalf .formbox .table2 .firstline > li > span[data-v-65c19a14] {
  white-space: nowrap;
}
.stopWaterSMS .tab1 .rightHalf .formbox .table2 .firstline > li > span[data-v-65c19a14]:last-child {
  font-weight: bold;
}
.stopWaterSMS .tab1 .rightHalf .formbox .table2 .firstline > li > span.elli[data-v-65c19a14] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 330px;
  min-width: 0px;
}
.stopWaterSMS .foot[data-v-65c19a14] {
  padding-top: 10px;
  display: flex;
  flex-direction: row-reverse;
}
.stopWaterSMS .center[data-v-65c19a14] {
  flex: 1;
  position: inherit;
  background: #fff;
  padding: 0 20px 15px;
  margin-right: 10px;
}
.stopWaterSMS .center[data-v-65c19a14] .el-tabs {
  height: 100%;
}
.stopWaterSMS .center[data-v-65c19a14] .el-tabs .el-tabs__header {
  margin: 0;
}
.stopWaterSMS .center[data-v-65c19a14] .el-tabs .el-tabs__content {
  height: calc(100% - 24px);
  position: inherit;
}
.stopWaterSMS .center[data-v-65c19a14] .el-tabs .el-tabs__content .el-tab-pane {
  width: 100%;
  height: 100%;
}
.stopWaterSMS[data-v-65c19a14] .el-dialog__body {
  padding-right: 20px;
}
.theme2 .stopWaterSMS .rightHalf[data-v-65c19a14] {
  border-left: 1px solid #494949;
}
.theme2 .stopWaterSMS .tab1[data-v-65c19a14] {
  border-bottom: 1px solid #494949;
}
.theme2 .stopWaterSMS .tab1 .rightHalf .treeTable .leftStructure[data-v-65c19a14] {
  border: 1px solid #494949;
}
.theme2 .stopWaterSMS .tab1 .rightHalf .table2 .firstline[data-v-65c19a14] {
  background: #494949;
}

.waterSuspensionNotice {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.waterSuspensionNotice .cellClass {
  color: #14AB14;
}
.waterSuspensionNotice .formbox {
  padding-right: 0;
  margin-right: 20px;
  overflow: hidden;
  max-height: 750px;
}
.waterSuspensionNotice .formbox .openbox {
  display: flex;
}
.waterSuspensionNotice .formbox .el-textarea .el-textarea__inner {
  resize: none;
}
.waterSuspensionNotice .formbox #map {
  margin: 10px 0 15px;
  height: calc(100% - 95px);
  width: 100%;
  border: 1px solid #dadada;
  z-index: 999;
}
.waterSuspensionNotice .formbox .part2 {
  width: 650px;
  height: 600px;
  margin-left: 20px;
}
.waterSuspensionNotice .formbox .part2 section {
  display: flex;
  justify-content: space-between;
}
.waterSuspensionNotice .formbox .part2 section .colorBox {
  display: flex;
}
.waterSuspensionNotice .formbox .part2 section .colorBox .label {
  line-height: 32px;
  margin: 0 10px;
}
.waterSuspensionNotice .formbox .part2 section .colorBox .label:nth-child(1) {
  margin-left: 0;
}
.waterSuspensionNotice .formbox .part2 section .btnbox {
  position: relative;
  margin-right: 0px;
}

.wechatMessageRecord {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.wechatMessageRecord .el-tabs {
  height: 100%;
  margin-top: -15px;
}
.wechatMessageRecord .el-tabs .el-tab-pane {
  height: 100%;
}
.wechatMessageRecord .el-tabs .el-tabs el-tabs--top {
  height: 100%;
}
.wechatMessageRecord .el-tabs .el-tabs__header {
  margin: 0 0 10px;
}
.wechatMessageRecord .el-tabs .el-tabs__content {
  height: 100%;
}
.wechatMessageRecord .el-tabs .el-tabs__content .msg {
  display: flex;
  height: 100%;
}
.wechatMessageRecord .el-tabs .el-tabs__content .msg .formbox {
  padding-right: 20px;
  max-height: 611px;
  overflow-y: auto;
}
.wechatMessageRecord .el-tabs .el-tabs__content .msg .formbox .inline {
  display: flex;
  width: 500px;
  justify-content: space-between;
}
.wechatMessageRecord .el-tabs .el-tabs__content .msg .formbox .inline-two {
  display: flex;
}
.wechatMessageRecord .el-tabs .el-tabs__content .msg .formbox .inline-two .el-form-item:nth-child(2) {
  margin-left: 40px;
}
.wechatMessageRecord .el-tabs .el-tab-pane {
  height: 100%;
}
.wechatMessageRecord .el-tabs .el-tabs__content {
  height: calc(100% - 31px) !important;
}
.wechatMessageRecord .el-tabs .el-tabs__content .wechat {
  height: 100%;
}
.wechatMessageRecord .el-tabs .el-tabs__content .wechat .formbox {
  padding-right: 20px;
  max-height: 611px;
  overflow-y: auto;
}
.wechatMessageRecord .el-tabs .el-tabs__content .wechat .formbox .inline {
  display: flex;
  width: 500px;
  justify-content: space-between;
}
.wechatMessageRecord .el-tabs .el-tabs__content .wechat .formbox .inline-two {
  display: flex;
}
.wechatMessageRecord .el-tabs .el-tabs__content .wechat .formbox .inline-two .el-form-item:nth-child(2) {
  margin-left: 40px;
}
.wechatMessageRecord .content {
  height: 250px;
  overflow: auto;
  width: 853px;
  border: 1px solid #DCDFE6;
  margin: 0;
}
.wechatMessageRecord .textareaUp {
  height: 272px;
  overflow: hidden;
}
.wechatMessageRecord .error {
  height: 100px;
}

.wxMsgPush {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
  /*Tab页切换样式调整*/
}
.wxMsgPush .content {
  height: 250px;
  overflow: auto;
  width: 853px;
  border: 1px solid #DCDFE6;
  margin: 0;
}
.wxMsgPush .textareaUp {
  height: 272px;
  overflow: hidden;
}
.wxMsgPush .wh530 {
  width: 540px;
}
.wxMsgPush .wh520 {
  width: 520px;
}
.wxMsgPush #pane-second .searchBox .el-date-editor.el-range-editor {
  width: 370px;
}
.wxMsgPush .el-drawer__header {
  font-size: 16px;
  padding: 10px 20px;
  margin-bottom: 0;
}
.wxMsgPush .el-drawer__body {
  overflow: hidden;
}
.wxMsgPush .el-drawer__body .upload-demo .el-upload {
  position: absolute;
  top: 0;
  left: 355px;
}
.wxMsgPush .el-drawer__body .upload-demo .el-upload-list {
  width: 380px;
  height: 32px;
  margin-right: 10px;
}
.wxMsgPush .el-drawer__body .upload-demo .upload-demo .el-upload-list > li {
  width: 360px;
  margin: 0;
  line-height: 30px;
  outline: none;
}
.wxMsgPush .el-tabs__content {
  height: calc(100% - 50px);
  overflow: hidden;
  position: relative;
}
.wxMsgPush .el-tabs__header {
  padding: 0;
  position: relative;
  margin: -10px 0px 10px;
}
.wxMsgPush .centerStructure {
  padding-top: 0;
}
.wxMsgPush .centerStructure .soltLabel .el-input .el-input__prefix {
  margin-top: 6px;
}
.wxMsgPush .centerStructure .soltLabel .el-input .el-input__suffix {
  margin-top: 6px;
}
.wxMsgPush .centerStructure .searchBox .mini-width {
  width: 100px;
}
.wxMsgPush .centerStructure .searchBox .mini-width .el-input__inner {
  width: 100px !important;
}
.wxMsgPush .centerStructure .searchBox .money-one {
  width: 90px;
}
.wxMsgPush .centerStructure .searchBox .money-two {
  width: 140px;
}
.wxMsgPush .centerStructure .searchBox .el-date-editor.el-range-editor {
  width: 265px;
}
.wxMsgPush .centerStructure .tabStyle {
  display: flex;
  width: 100%;
  height: 100%;
  margin-top: 10px;
}
.wxMsgPush .centerStructure .tabStyle .leftArea {
  width: 60%;
  height: 100%;
  padding-left: 10px;
  overflow: auto;
}
.wxMsgPush .centerStructure .tabStyle .leftArea .formbox {
  padding-right: 20px;
  max-height: 100%;
  overflow-y: auto;
}
.wxMsgPush .centerStructure .tabStyle .rightArea {
  width: 40%;
  height: 100%;
  padding-left: 10px;
  overflow: auto;
}
.wxMsgPush .centerStructure .tabStyle .rightArea .inputFoot {
  float: right;
  padding-right: 80px;
}

.meterReaderStatistics {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.meterReaderStatistics .wh200 {
  width: 200px;
}
.theme2 .meterReaderStatistics .el-table__fixed-footer-wrapper tbody td.el-table__cell {
  background-color: #494949;
  color: #b7b7b7;
  border-top: 1px solid #565656;
}

.noCopiedDetail {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.noCopiedDetail .wh200 {
  width: 200px;
}
.noCopiedDetail .el-drawer__header {
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.noCopiedDetail .el-drawer__header span {
  margin-left: -10px;
  font-size: 16px;
}

.progressStatisticsBook {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.progressStatisticsBook .el-table--scrollable-x .el-table__body-wrapper {
  z-index: 1;
}
.progressStatisticsBook .wh200 {
  width: 200px;
}
.progressStatisticsBook .checkbox {
  margin-left: 10px;
  display: flex;
  align-items: center;
}
.theme2 .progressStatisticsBook .el-table__fixed-footer-wrapper tbody td.el-table__cell {
  background-color: #494949;
  color: #b7b7b7;
  border-top: 1px solid #565656;
}

.theme2 .accountCancellationManagement .el-checkbox {
  color: #b7b7b7;
}
.theme2 .accountCancellationManagement .el-checkbox /deep/ .el-checkbox__input.is-checked + .el-checkbox__label {
  color: #b7b7b7;
}
.accountCancellationManagement {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
  /*Tab页切换样式调整*/
  /*上传图片*/
}
.accountCancellationManagement .el-dialog__body {
  padding-right: 20px;
}
.accountCancellationManagement .el-dialog__wrapper {
  z-index: 800 !important;
}
.accountCancellationManagement .my-form-item {
  margin-bottom: 8px;
  height: 32px;
}
.accountCancellationManagement .wh706 {
  width: 706px;
}
.accountCancellationManagement .msg {
  margin-left: 10px;
  height: 32px;
  line-height: 32px;
}
.accountCancellationManagement .error-text {
  color: #ff002b;
}
.accountCancellationManagement .warn-text {
  color: #ff9700;
}
.accountCancellationManagement .el-tabs__content {
  height: calc(100% - 50px);
  overflow: hidden;
  position: relative;
}
.accountCancellationManagement .el-tabs__header {
  padding: 0;
  position: relative;
  margin: -10px 0px 10px;
}
.accountCancellationManagement .centerStructure {
  padding-top: 0;
}
.accountCancellationManagement .btn-class {
  min-width: 64px;
  min-height: 32px;
}
.accountCancellationManagement .wh960 {
  width: 960px;
}
.accountCancellationManagement .marT10 {
  margin-top: 10px;
}
.accountCancellationManagement .el-checkbox {
  margin-right: 0;
  margin-left: 15px;
}
.accountCancellationManagement .el-upload--picture-card {
  background-color: #fbfdff;
  border: 1px dashed #c0ccda;
  border-radius: 6px;
  box-sizing: border-box;
  width: 100px;
  height: 100px;
  line-height: 100px;
  vertical-align: top;
  margin-left: 5px;
}
.accountCancellationManagement .el-upload-list--picture-card .el-upload-list__item {
  width: 110px;
  height: 100px;
}
.accountCancellationManagement .picOne {
  display: inline-block;
  width: 592px;
  margin-left: 44px;
}
.accountCancellationManagement .picOne .pic {
  margin-left: 72px;
  margin-top: 10px;
}
.accountCancellationManagement .tabStyle {
  width: 100%;
  height: 100%;
}
.accountCancellationManagement .tabStyle .el-select-dropdown__empty {
  width: 200px !important;
}
.accountCancellationManagement .tabStyle .rootTop {
  height: calc(100% - 45px);
  overflow: auto;
}

.changeMeterRevenue[data-v-57a171d6] {
  position: relative;
  display: flex;
  height: 100%;
}
.changeMeterRevenue .centerStructure[data-v-57a171d6] {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}
.changeMeterRevenue .centerStructure[data-v-57a171d6] .el-tabs__content {
  overflow: auto;
  padding: 0 20px;
}
.changeMeterRevenue .centerStructure[data-v-57a171d6] .el-tabs__header {
  padding-left: 20px;
  padding-right: 20px;
}
.changeMeterRevenue .form-area[data-v-57a171d6] {
  margin-bottom: 15px;
  width: 1280px;
  display: flex;
  flex-wrap: wrap;
}
.changeMeterRevenue .form-area > div[data-v-57a171d6] {
  flex: 1;
  display: flex;
  margin-bottom: 15px;
}
.changeMeterRevenue .form-area .labW[data-v-57a171d6] {
  text-align: right;
  width: 114px;
  flex-shrink: 0;
}
.changeMeterRevenue .form-area .text[data-v-57a171d6] {
  margin-left: 6px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.changeMeterRevenue .col1[data-v-57a171d6] {
  min-width: 320px;
  flex-shrink: 0;
}
.changeMeterRevenue .col2[data-v-57a171d6] {
  flex: 2;
  max-width: 640px;
  flex-shrink: 0;
}
.changeMeterRevenue .surround[data-v-57a171d6] {
  width: 1280px;
}
.changeMeterRevenue .el-form[data-v-57a171d6] {
  display: flex;
  flex-wrap: wrap;
}
.changeMeterRevenue .el-form .el-form-item[data-v-57a171d6] {
  flex-shrink: 0;
  width: 320px;
}
.changeMeterRevenue .el-form .el-form-item.formCol2[data-v-57a171d6] {
  width: 640px;
}

.outOfServiceManagement {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
  /*Tab页切换样式调整*/
  /*上传图片*/
}
.outOfServiceManagement .el-dialog__body {
  padding-right: 20px;
}
.outOfServiceManagement .el-dialog__wrapper {
  z-index: 800 !important;
}
.outOfServiceManagement .msg {
  margin-left: 10px;
  height: 32px;
  line-height: 32px;
}
.outOfServiceManagement .error-text {
  color: #ff002b;
}
.outOfServiceManagement .warn-text {
  color: #ff9700;
}
.outOfServiceManagement .my-form-item {
  margin-bottom: 8px;
  height: 32px;
}
.outOfServiceManagement .wh706 {
  width: 706px;
}
.outOfServiceManagement .el-tabs__content {
  height: calc(100% - 50px);
  overflow: hidden;
  position: relative;
}
.outOfServiceManagement .el-tabs__header {
  padding: 0;
  position: relative;
  margin: -10px 0px 10px;
}
.outOfServiceManagement .centerStructure {
  padding-top: 0;
}
.outOfServiceManagement .btn-class {
  min-width: 64px;
  min-height: 32px;
}
.outOfServiceManagement .wh960 {
  width: 960px;
}
.outOfServiceManagement .marT10 {
  margin-top: 10px;
}
.outOfServiceManagement .el-upload--picture-card {
  background-color: #fbfdff;
  border: 1px dashed #c0ccda;
  border-radius: 6px;
  box-sizing: border-box;
  width: 100px;
  height: 100px;
  line-height: 100px;
  vertical-align: top;
  margin-left: 5px;
}
.outOfServiceManagement .el-upload-list--picture-card .el-upload-list__item {
  width: 110px;
  height: 100px;
}
.outOfServiceManagement .picOne {
  display: inline-block;
  width: 592px;
  margin-left: 44px;
}
.outOfServiceManagement .picOne .pic {
  margin-left: 72px;
  margin-top: 10px;
}
.outOfServiceManagement .tabStyle {
  width: 100%;
  height: 100%;
}
.outOfServiceManagement .tabStyle .el-select-dropdown__empty {
  width: 200px !important;
}
.outOfServiceManagement .tabStyle .rootTop {
  height: calc(100% - 45px);
  overflow: auto;
}

.reuseManagement {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
  /*Tab页切换样式调整*/
  /*上传图片*/
}
.reuseManagement .el-dialog__body {
  padding-right: 20px;
}
.reuseManagement .el-dialog__wrapper {
  z-index: 800 !important;
}
.reuseManagement .msg {
  margin-left: 10px;
  height: 32px;
  line-height: 32px;
}
.reuseManagement .error-text {
  color: #ff002b;
}
.reuseManagement .warn-text {
  color: #ff9700;
}
.reuseManagement .my-form-item {
  margin-bottom: 8px;
  height: 32px;
}
.reuseManagement .wh706 {
  width: 706px;
}
.reuseManagement .el-tabs__content {
  height: calc(100% - 50px);
  overflow: hidden;
  position: relative;
}
.reuseManagement .el-tabs__header {
  padding: 0;
  position: relative;
  margin: -10px 0px 10px;
}
.reuseManagement .centerStructure {
  padding-top: 0;
}
.reuseManagement .btn-class {
  min-width: 64px;
  min-height: 32px;
}
.reuseManagement .wh960 {
  width: 960px;
}
.reuseManagement .marT10 {
  margin-top: 10px;
}
.reuseManagement .el-upload--picture-card {
  background-color: #fbfdff;
  border: 1px dashed #c0ccda;
  border-radius: 6px;
  box-sizing: border-box;
  width: 100px;
  height: 100px;
  line-height: 100px;
  vertical-align: top;
  margin-left: 5px;
}
.reuseManagement .el-upload-list--picture-card .el-upload-list__item {
  width: 110px;
  height: 100px;
}
.reuseManagement .picOne {
  display: inline-block;
  width: 592px;
  margin-left: 44px;
}
.reuseManagement .picOne .pic {
  margin-left: 72px;
  margin-top: 10px;
}
.reuseManagement .tabStyle {
  width: 100%;
  height: 100%;
}
.reuseManagement .tabStyle .el-select-dropdown__empty {
  width: 200px !important;
}
.reuseManagement .tabStyle .rootTop {
  height: calc(100% - 45px);
  overflow: auto;
}

.businessHallManagement {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  position: relative;
  display: flex;
}
.businessHallManagement .el-upload--picture-card {
  background-color: #fbfdff;
  border: 1px dashed #c0ccda;
  border-radius: 6px;
  box-sizing: border-box;
  width: 100px;
  height: 100px;
  line-height: 100px;
  vertical-align: top;
  margin-left: 5px;
}
.businessHallManagement .el-upload-list--picture-card .el-upload-list__item {
  width: 110px;
  height: 100px;
}
.businessHallManagement .picOne {
  display: inline-block;
  width: 592px;
  margin-left: 25px;
}
.businessHallManagement .picOne .pic {
  margin-left: 75px;
  margin-top: 10px;
}
.businessHallManagement .picTwo {
  margin-right: 100px;
}
.businessHallManagement .formbox {
  overflow-y: hidden;
}

.interactiveMessage {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.interactiveMessage .picLine {
  height: 120px;
  width: 640px;
  display: flex;
}
.interactiveMessage .picLine .picLable {
  width: 110px;
  height: 100px;
  text-align: right;
  line-height: 50px;
  padding-right: 6px;
}
.interactiveMessage .picLine .picPart {
  height: 100px;
  width: 540px;
  display: flex;
}
.interactiveMessage .picLine .picPart .picContain {
  border: 1px solid #dadada;
  cursor: pointer;
  height: 100px;
  width: 100px;
  margin-right: 10px;
}
.interactiveMessage .picLine .picPart .picContain .pic {
  width: 100px;
  height: 100px;
}
.interactiveMessage .picLine .picPart .picContain .pic .image-slot {
  position: relative;
  height: 100px;
  line-height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.interactiveMessage .el-drawer__wrapper .el-drawer__header {
  font-size: 16px;
  padding: 10px 20px;
  margin-bottom: 0;
}
.interactiveMessage .el-drawer__body {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: auto;
}
.interactiveMessage .drawBox {
  padding: 10px 20px;
  height: 100%;
}
.interactiveMessage .drawBox .totalCount {
  position: absolute;
  top: 50%;
  width: 100%;
  z-index: 1;
  font-size: 20px;
  margin-top: -15px;
  text-align: center;
  color: #3fdeae;
}
.interactiveMessage .drawBox .totalCount2 {
  position: absolute;
  top: 50%;
  width: 100%;
  z-index: 1;
  font-size: 20px;
  margin-top: 0;
  text-align: center;
  color: #3fdeae;
}
.interactiveMessage .drawBox .top {
  display: flex;
  height: 50%;
  width: 100%;
}
.interactiveMessage .drawBox .top .topLeft {
  height: 100%;
  width: 70%;
}
.interactiveMessage .drawBox .top .topLeft .firstChart {
  display: flex;
  height: 90%;
  width: 100%;
}
.interactiveMessage .drawBox .top .topLeft .firstChart .first-child {
  height: 100%;
  width: 100%;
}
.interactiveMessage .drawBox .top .topLeft .firstChart ul {
  height: 100%;
  width: 100%;
  display: flex;
}
.interactiveMessage .drawBox .top .topLeft .firstChart ul li {
  flex: 1;
  position: relative;
}
.interactiveMessage .drawBox .top .topRight {
  height: 100%;
  width: 30%;
  position: relative;
}
.interactiveMessage .drawBox .top .topRight .secondChart {
  height: 90%;
  width: 100%;
}
.interactiveMessage .drawBox .under {
  height: 50%;
  width: 100%;
}
.interactiveMessage .drawBox .under .thirdChart {
  height: 90%;
  width: 100%;
}
.interactiveMessage .content {
  height: 250px;
  overflow: auto;
  width: 853px;
  border: 1px solid #DCDFE6;
  margin: 0;
}
.interactiveMessage .areaWidth {
  width: 865px;
}
.interactiveMessage .wh530 {
  width: 530px;
}
.interactiveMessage .wh375 {
  width: 375px;
}
.interactiveMessage .imgBox {
  width: 100px;
  height: 100px;
  margin-left: 10px;
}
.interactiveMessage .imgBox img {
  width: 100px;
  height: 100px;
}

.networkHallBusiness {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.networkHallBusiness .inp1 {
  margin: 0 0;
}
.timeValueStatus .el-select-dropdown__item {
  width: 170px;
}

.networkHallUserBinding {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.networkHallUserBinding .inp1 {
  margin: 0 0;
}
.networkHallUserBinding .wh140 {
  width: 140px;
}
.networkHallUserBinding .input-with-select {
  width: 240px;
}
.networkHallUserBinding .input-with-select .el-input__inner {
  width: 120px;
}
.timeValueStatus .el-select-dropdown__item {
  width: 170px;
}

.selfReporting {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  position: relative;
  display: flex;
}
.selfReporting .wh160 {
  width: 160px;
}
.selfReporting .input-with-select {
  width: 105px !important;
}
.selfReporting .input-with-select .el-input__inner {
  width: 100px !important;
}
.selfReporting .picLine {
  height: 120px;
  width: 640px;
  display: flex;
}
.selfReporting .picLine .picLable {
  width: 94px;
  height: 100px;
  text-align: right;
  line-height: 50px;
  padding-right: 6px;
}
.selfReporting .picLine .picPart {
  height: 100px;
  width: 540px;
  display: flex;
}
.selfReporting .picLine .picPart .picContain {
  border: 1px solid #dadada;
  cursor: pointer;
  height: 100px;
  width: 100px;
  margin-right: 10px;
}
.selfReporting .picLine .picPart .picContain .pic {
  width: 100px;
  height: 100px;
}
.selfReporting .picLine .picPart .picContain .pic .image-slot {
  position: relative;
  height: 100px;
  line-height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.printTemplate[data-v-7a1df5f6] {
  position: relative;
  display: flex;
  height: 100%;
  padding-right: 10px;
}
.printTemplate .centerStructure[data-v-7a1df5f6] {
  flex: 2;
  padding-top: 15px;
}
.printTemplate .rightStructure[data-v-7a1df5f6] {
  flex: 1;
  padding: 20px;
  padding-top: 15px;
}
.printTemplate[data-v-7a1df5f6] .spec > label {
  width: 120px !important;
}
.printTemplate[data-v-7a1df5f6] .spec .el-form-item__content {
  margin-left: 120px !important;
}
.printTemplate[data-v-7a1df5f6] .diydialog .el-dialog__body {
  padding-top: 12px;
  padding-right: 20px;
  display: flex;
}
.printTemplate[data-v-7a1df5f6] .diydialog .left-con {
  flex: 2;
  height: 505px;
}
.printTemplate[data-v-7a1df5f6] .diydialog .right-con {
  flex: 5;
  margin-left: 20px;
}
.printTemplate[data-v-7a1df5f6] .diydialog .content {
  width: 100%;
  height: 470px;
  border: 1px solid #dadada;
}
.printTemplate[data-v-7a1df5f6] .diydialog .content.pad {
  padding: 10px;
  overflow: auto;
}
.printTemplate[data-v-7a1df5f6] .diydialog .content.pad::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.printTemplate[data-v-7a1df5f6] .diydialog .content.pad::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.printTemplate[data-v-7a1df5f6] .diydialog .content.pad::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.printTemplate[data-v-7a1df5f6] .diydialog .content.pad::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.printTemplate[data-v-7a1df5f6] .diydialog .content .el-textarea {
  height: 100%;
}
.printTemplate[data-v-7a1df5f6] .diydialog .content .el-textarea .el-textarea__inner {
  height: 100%;
  border: none;
}
.printTemplate .tip-muban[data-v-7a1df5f6] {
  position: absolute;
  right: 20px;
}
.theme2 .printTemplate[data-v-7a1df5f6] .diydialog .content {
  border-color: #494949;
}

.waterMeterMgt {
  position: relative;
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
}
.waterMeterMgt .wh160 {
  width: 160px;
}
.waterMeterMgt .el-select-dropdown__item {
  width: 140px;
}
.waterMeterMgt .upload-demo .el-upload {
  left: 358px;
}
.waterMeterMgt .upload-demo .el-upload-list__item .el-icon-close {
  right: 12px;
}
.waterMeterMgt .upload-demo .el-upload-list > li {
  width: 350px;
}
.waterMeterMgt .loading-btn {
  height: 30px;
  margin-top: 1px;
}
.waterMeterMgt .lableTips {
  color: #464042;
  margin-left: 10px;
}
.waterMeterMgt .cnotent {
  width: 281px;
}
.waterMeterMgt .detail {
  width: 225.33px;
}
.waterMeterMgt .formbox {
  padding-right: 20px;
  max-height: 611px;
  overflow-y: hidden;
}
.waterMeterMgt .formbox .inline-two {
  display: flex;
}
.waterMeterMgt .formbox .inline-two .el-form-item:nth-child(2) {
  margin-left: 40px;
}
.waterMeterMgt .el-tabs__content {
  height: 100% !important;
  overflow: hidden;
  position: relative;
}
.waterMeterMgt .centerStructure .searchBox .input-with-select {
  width: 300px;
}
.waterMeterMgt .centerStructure .searchBox .input-with-select .el-input__inner {
  width: 160px;
}
.waterMeterMgt .centerStructure .el-tabs {
  height: 100%;
}
.waterMeterMgt .centerStructure .el-tabs .el-tab-pane {
  height: 100%;
}
.waterMeterMgt .centerStructure .el-tabs .el-tabs__content {
  height: calc(100% - 50px) !important;
}
.waterMeterMgt .centerStructure .el-tabs .el-tabs__content .meterReading {
  height: 100%;
}
.waterMeterMgt .el-upload--picture-card {
  background-color: #fbfdff;
  border: 1px dashed #c0ccda;
  border-radius: 6px;
  box-sizing: border-box;
  width: 100px;
  height: 100px;
  line-height: 100px;
  vertical-align: top;
  margin-left: 5px;
}
.waterMeterMgt .el-upload-list--picture-card .el-upload-list__item {
  width: 110px;
  height: 100px;
}
.waterMeterMgt .picOne {
  display: inline-block;
  width: 592px;
  margin-left: 24px;
}
.waterMeterMgt .picOne .picTwo {
  margin-right: 30px;
}
.waterMeterMgt .picOne .pic {
  margin-left: 75px;
  margin-top: 10px;
}
.waterMeterMgt .searchBox {
  display: flex;
}
.waterMeterMgt .searchBox .inp {
  line-height: 32px;
}
.waterMeterMgt .el-dialog__body {
  padding-right: 20px;
}
.theme2 .waterMeterMgt .lableTips {
  color: #b7b7b7;
}
.infoMessage {
  display: flex;
}
.infoMessage .confirmIcon {
  margin-right: 10px;
  font-size: 24px;
  color: #E6A23C;
}
.specialDeal .el-select-dropdown__empty {
  width: 200px;
}

.manufacturerStatistics {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.manufacturerStatistics .wh140 {
  width: 140px;
}

.modelStatistics {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.modelStatistics .wh140 {
  width: 140px;
}

.tradeStatistics {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.tradeStatistics .wh140 {
  width: 140px;
}

.userTypeStatistics {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.userTypeStatistics .wh140 {
  width: 140px;
}

.waterNatureStatistics {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.waterNatureStatistics .wh140 {
  width: 140px;
}

.largeUserReport {
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.largeUserReport .searchBox .orgClass .el-select {
  width: 180px !important;
}
.largeUserReport .wh110 {
  width: 110px !important;
}
.largeUserReport .wh110 .el-input-group__prepend .el-input__inner {
  width: 100% !important;
}
.largeUserReport .wh110 .el-input__inner {
  width: 116px !important;
}
.largeUserReport .el-drawer__header {
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.largeUserReport .el-drawer__header span {
  margin-left: -10px;
  font-size: 16px;
}

.userWaterConsumptionReport {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.userWaterConsumptionReport .mini-width {
  width: 105px !important;
}
.userWaterConsumptionReport .mini-width .el-input__inner {
  width: 100px !important;
}
.userWaterConsumptionReport .wh140 {
  width: 140px;
}
.userWaterConsumptionReport .el-select-dropdown__empty {
  width: 140px;
}

.weeklyInspectionTasks {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.weeklyInspectionTasks .el-select-dropdown__empty {
  width: 140px !important;
}
.weeklyInspectionTasks .wh140 {
  width: 140px;
}

.weeklyReviewReport {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}
.weeklyReviewReport .wh140 {
  width: 140px;
}

@charset "utf-8";
 
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-overflow-scrolling : touch;
}
html, body, #app{width:100%;height:100%;}
 
input[type="submit"], input[type="reset"], input[type="button"], input {
    font-family: Arial, Helvetica, sans-serif;
    resize: none;
    border: none;
}
 
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-size:14px;
    box-sizing:border-box;
}
body.no-scroll{
	overflow: hidden;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
 
img {
    width: auto;
    height: auto;
    width: auto\9; /* ie8 */
    display: block;
    -ms-interpolation-mode: bicubic;/*为了照顾ie图片缩放失真*/
}
 
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    margin: 0;
    padding: 0;
}
body {
    color: #404042;
    background-color: #fff;
    user-select: initial;
}
em, i {
    font-style: normal;
}
ul,li{
    list-style-type: none;
}
.clearfix:after {
    content: "";
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
}
.clearfix {
    zoom: 1;
}
a {
    text-decoration: none;
    color: #969696;
    font-family: 'Microsoft YaHei', Tahoma, Arial, sans-serif;
}
a:hover {
    text-decoration: none;
}
ul, ol {
    list-style: none;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-family: 'Microsoft YaHei';
}
img {
    border: none;
}
input{
    font-family: 'Microsoft YaHei';
}
.flex{
	display: flex;
}
.one-txt-cut{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
 
.txt-cut{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
a:link,a:active,a:visited,a:hover {
    background: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
}
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }
.amap-logo,.amap-copyright{
    display: none !important;
}
/* theme1 style begin */
.theme1{
    background: inherit;
}
.theme1.home{
    background: #f6f4fc;
}
.theme1.home .header{
    background: #262c49;
}
.theme1.theme3 .home .header{
    background: #5389f9;
}
.theme1.home .nav{
    background: #fff;
}
.theme1.home .nav .navlist li:first-child,
.theme1.home .nav .bookmarks .fixtop{
    border-bottom: 1px solid #f6f4fc;
}
.theme1.home .nav .navlist li:last-child,
.theme1.home .nav .bookmarks .fixbot{ 
    border-top: 1px solid #f6f4fc;
}
.theme1 .nav .el-tabs--card>.el-tabs__header .el-tabs__item{
    background: #fff;
    color: #404042;
}
.theme1 .nav .tabbox .el-tabs__item.is-active{
    color: #6690ff;
    background: #f6f4fc !important;
    box-shadow: 0px -2px 3px rgba(68, 48, 96, 0.2);
}
.theme1.home .staticBox{
    background: #f6f4fc;
}
.theme1.home .staticBox .leftStructure,
.theme1.home .staticBox .centerStructure,
.theme1.home .staticBox .rightStructure{
    background:#fff;
}
.theme1 .el-table .el-table__header-wrapper thead tr,
.theme1 .el-table .el-table__header-wrapper thead th,
.theme1 .el-table .el-table__fixed-header-wrapper thead tr,
.theme1 .el-table .el-table__fixed-header-wrapper thead th,
.theme1 .el-table .el-table__fixed .el-table__fixed-header-wrapper thead tr,
.theme1 .el-table .el-table__fixed .el-table__fixed-header-wrapper thead th{
    background-color: #fafafa;
}
.theme1 .tree-box .editIcon{
    color: #6690ff;
}
.theme1 .tree-box .treeIcon .iconfont{
    color: #6690ff ;
}
.theme1 .el-tabs__active-bar{
    background-color: #6690ff;
}
.theme1 .el-pager li{
    border: 1px solid #DCDFE6;
    margin-left: 10px;
    font-weight: normal;
}
.theme1 .el-pager li.active+li{
    border-left: 1px solid  #DCDFE6;
}
.theme1 .el-pager li.active{
    border: 1px solid #6690ff;
}
.theme1 .el-pagination .btn-next, 
.theme1 .el-pagination .btn-prev{
    background:center center no-repeat ;;
    border: 1px solid #DCDFE6;
}
.theme1 .el-autocomplete-suggestion li.highlighted,
.theme1 .el-autocomplete-suggestion li:hover{
    background-color:#f0f4ff;
    color: #6690ff;
}
.theme1 .el-table--enable-row-hover .el-table__body tr:hover>td,
.theme1 .el-table__body tr.hover-row.current-row>td, 
.theme1 .el-table__body tr.hover-row.el-table__row--striped.current-row>td, 
.theme1 .el-table__body tr.hover-row.el-table__row--striped>td, 
.theme1 .el-table__body tr.hover-row>td{
    background-color: #f0f4ff !important;
}
.theme1 .el-table__row .cell .el-link.el-link--primary,
.theme1 .formbox .el-input-group__append .el-button i{
    color: #6690ff;
}
.theme1 .el-radio-button__orig-radio:checked+.el-radio-button__inner {
    color: #FFF;
    background-color: #6690ff;
    border-color: #6690ff;
    -webkit-box-shadow: -1px 0 0 0 #6690ff;
    box-shadow: -1px 0 0 0 #6690ff;
}
.theme1 .el-radio-button__inner:hover {
    color: #6690ff;
}
.theme1 .el-radio-group .el-radio-button__inner{
    border-color: #6690ff;
    color: #6690ff;
    background: #fff0;
}
.theme1 .commonBg{
    background: #fff;
}
.theme1 .commonBgHalfTrans{
    background: #ffffffd9;
}
.theme1 .borderBom{
    border-bottom: 1px solid #e8e8e8;
}
.theme1 .textColor{
    color: #6690ff;
}
.theme1 .solidBorder{
    border: 1px solid #6690ff;
}
.theme1 .el-drawer__header{
    color: #404042;
    border-bottom: 1px solid #dadada;
}
.theme1.home .formbox .el-input-group__prepend .el-input__inner,
.theme1 .formbox .el-input-group__prepend .el-input__inner:hover{
  color: #404042;
}
/* theme1 style end */
/* theme2 style begin */
.theme2{
    background: inherit;
    color: #b7b7b7;
}
.theme2 .textColor{
    color: #4d91ff;
}
.theme2 .solidBorder{
    border: 1px solid #4d91ff;
}
.theme2 .commonBg{
    background: #18191b;
}
.theme2 .commonBgHalfTrans{
    background: #18191bf2;
}
.theme2 .borderBom{
    border-bottom: 1px solid #7a7a7a;
}
.theme2.home{
    background: #18191b;
}
.theme2.home .header,
.theme2 .feature .feacon,
.theme2.home .nav{
    background: #2a2b2d;
}
.theme2 .feature .feacon main,
.theme2 .bookmarks .fixbox{
    color: #b7b7b7;
}
.theme2 .feature .triangle-top{
    border-bottom:9px solid #2a2b2d;
}
.theme2 .bookmarks .fixbox .marklist li:hover{
    color: #fff;
    background: #6a6d7c;
}
.theme2.home .nav .navlist li:first-child,
.theme2.home .nav .bookmarks .fixtop{
    border-bottom: 1px solid #7b7d87;
}
.theme2.home .nav .navlist li:last-child,
.theme2.home .nav .bookmarks .fixbot{ 
    border-top: 1px solid #7b7d87;
}
.theme2 .nav .el-tabs--card>.el-tabs__header .el-tabs__item{
    background: #2a2b2d;
    color: #b7b7b7;
}
.theme2 .nav .tabbox .el-tabs__item.is-active{
    color: #4d91ff;
    background: #18191b !important;
    box-shadow: 0px -2px 3px rgba(68, 48, 96, 0.2);
    border: 1px solid #2a2b2d !important;
    border-bottom: none !important;
}
.theme2 .nav .bookmarks{
    background: #232426;
}

.theme2.home .staticBox,
.theme2 .singleHome{
    background: #18191b;
}
.theme2.home .staticBox .leftStructure,
.theme2.home .staticBox .centerStructure,
.theme2.home .staticBox .rightStructure,
.theme2 .singleHome .singleLeft .left-top, 
.theme2 .singleHome .singleLeft .left-down,
.theme2 .singleHome .singleRight{
    background:#2a2b2d;
}
.theme2 .centerStructure::-webkit-scrollbar-thumb{
    background: rgba(255, 255, 255, 0.1) !important;
}
.theme2 .visualconfig .strategy{
    background: #18191b;
}
.theme2 .visualconfig .strategy .listbox li,
.theme2 .visualconfig .rightStructure .actionItems .hackEditor{
    background: #2a2b2d;
}
.theme2 .visualconfig .strategy .listbox li .up-content{
    background: #494949;
}
.theme2 .visualconfig .rightStructure .tab-item .mon-container{
    border: none;
}
.theme2 .customerManager .tree-scroll{
    border-color: #565656;
}
.theme2 .el-table{
    color: #b7b7b7;
}
.theme2 .el-table  th, .theme2 .el-table  tr{
    background-color: #2a2b2d;
}
.theme2 .el-table thead{
    background: #494949;
}
.theme2 .el-table__footer-wrapper tbody td,
.theme2 .el-table__header-wrapper tbody td{
    background: #494949;
    color: #b7b7b7;
}
.theme2 .el-table__footer-wrapper td{
    border-color: #565656;
}
.theme2 .el-table td, 
.theme2 .el-table th.is-leaf{
    border-bottom: 1px solid #565656;
}
.theme2 .el-table--border td,
.theme2 .el-table--border th,
.theme2 .el-table--border.is-scrolling-left~.el-table__fixed{
    border-right: 1px solid #565656;
}
.theme2 .el-table--border, 
.theme2 .el-table--group{
    border-color: #565656;
}
.theme2 .el-table--border::after, 
.theme2 .el-table--group::after, 
.theme2 .el-table__fixed-right::before,
.theme2 .el-table__fixed::before,
.theme2 .el-table::before{
    background-color: #565656;
    /* display: none; */
}
.theme2 .el-table--enable-row-hover .el-table__body tr:hover>td,
.theme2 .el-table__body tr.hover-row.current-row>td, 
.theme2 .el-table__body tr.hover-row.el-table__row--striped.current-row>td, 
.theme2 .el-table__body tr.hover-row.el-table__row--striped>td, 
.theme2 .el-table__body tr.hover-row>td,
.theme2 .el-table__body tr.current-row>td{
    background-color: #333a4c !important;
}
.theme2 .el-table .el-table__header-wrapper thead tr,
.theme2 .el-table .el-table__header-wrapper thead th,
.theme2 .el-table .el-table__fixed-header-wrapper thead tr,
.theme2 .el-table .el-table__fixed-header-wrapper thead th,
.theme2 .el-table .el-table__fixed .el-table__fixed-header-wrapper thead tr,
.theme2 .el-table .el-table__fixed .el-table__fixed-header-wrapper thead th{
    background-color: #494949;
}
.theme2 .el-table,
.theme2 .el-table__expanded-cell{
    background-color:#2a2b2d;
}
.theme2 .el-table--striped .el-table__body tr.el-table__row--striped td{
    background: rgba(59,60,61,.6)
}
.theme2 .el-table--border th,
.theme2 .el-table__fixed-right-patch{
    border-color: #565656;
}
.theme2 .el-table__column-resize-proxy{
    border-color: #565656;
}
.theme2 .el-table--border th.el-table__cell.gutter:last-of-type{
  border-color: #565656;
}
.theme2 .el-input__inner,
.theme2 .el-textarea__inner{
    background: #2a2b2d;
    border: 1px solid #494949;
    color: #b7b7b7;
}
.theme2 .el-input__inner:hover{
    border-color: #7a7a7a;
}
.theme2 .el-input__inner:focus,
.theme2 .el-textarea__inner:focus{
    border-color: #4d91ff;
}
.theme2 input::-webkit-input-placeholder{
    color: #606266;
}
.theme2 .login .el-form-item__content input::-webkit-input-placeholder{
    color: #c0c4cc;
}
.theme2 .el-input.is-disabled .el-input__inner{
    background: #494949;
    border: 1px solid #494949;
    /* color: #606266; */
}
/* .theme2 .el-button.is-disabled:hover{ */
    /* background-color: #494949; */
    /* border-color:#494949; */
/* } */
.theme2 .el-input.is-disabled input::-webkit-input-placeholder{
    color: #606266;
}
.theme2 textarea::-webkit-input-placeholder{
    color: #606266;
}
.theme2 .el-textarea.is-disabled textarea::-webkit-input-placeholder{
  color: #606266;
}
.theme2 .el-textarea.is-disabled .el-textarea__inner{
    background: #494949;
    border: none;
}
.theme2 .el-pagination .btn-next, 
.theme2 .el-pagination .btn-prev{
    background:center center no-repeat ;
    color: #b7b7b7;
    border: 1px solid #494949;
}
.theme2 .el-dialog,.theme2 .el-pager li{
    background: #2a2b2d;
}
.theme2 .el-pager li{
    color: #b7b7b7;
    border: 1px solid #494949;
}
.el-pager li.active+li{
    border-left: 1px solid #494949;
}
.theme2 .el-pager li:hover{
    color: #4d91ff;
}
.theme2 .el-pager li.active{
    border: 1px solid #4d91ff;
}
.theme2 .el-input-group__append,
.theme2 .el-input-group__prepend{
    background: #2a2b2d;
    border: 1px solid #494949;
}
.theme2 .el-radio.is-bordered{
    border: 1px solid #494949;
}
.theme2 .el-button--default{
    background: #2a2b2d;
    border-color: #494949;
}
.theme2 .el-button--primary{
    background: #4d91ff;
}
.theme2 .el-button.is-disabled.is-plain, 
.theme2 .el-button.is-disabled.is-plain:focus, 
.theme2 .el-button.is-disabled.is-plain:hover{
    background-color:#a0cfff;
    color: #fff;
}
.theme2 .el-button.is-plain:active{
    color: #4d91ff;
    border-color: #4d91ff;
}
.theme2 .el-dialog__header{
    border-bottom: 1px solid #494949;
}
.theme2 .el-checkbox__input.is-checked .el-checkbox__inner, 
.theme2 .el-checkbox__input.is-indeterminate .el-checkbox__inner{
    background-color: #4d91ff;
    border-color: #4d91ff;
}
.theme2 .el-checkbox__input.is-checked+.el-checkbox__label{
    color: #4d91ff;
}
.theme2 .searchalert.theme{
    background: #18191b;
}
.theme2 .highsearch .searchalert .triangle-top{
    border-bottom-color:#18191b;
}
.theme2 .triangle-top{
    border-bottom-color:#494949;
}
.theme2 .cell .tableicon{
    color: #4d91ff;
}
.theme2 .nav .navlist li.active,
.theme2 .bookmarks .fixbox .fixtop.active,
.theme2 .bookmarks .fixbox .marklist li.active,
.theme2 .feature .feacon main .childlist li:hover{
    color: #4d91ff;
}
.theme2 .nav .navlist.treeShowStyle .bookFold{
  background: #2a2b2d;
}
.theme2 .nav .navlist.treeShowStyle li .collectlist .menu{
  background: #18191b;
}
.theme2 .formbox::-webkit-scrollbar-thumb{
    box-shadow: inset 0 0 5px rgba(102,144,255, 0.2);
    background: rgba(102,144,255, 0.2);
}
.theme2 .formbox::-webkit-scrollbar-track{
    box-shadow: inset 0 0 5px rgba(102,144,255, 0.1);
    background: rgba(102,144,255, 0.1);
}
.theme2 .formbox .el-input-group__append i,
.theme2 .formbox .el-input-group__prepend i{
    color: #b7b7b7;
}
.theme2 .formbox .el-input-group__append,
.theme2 .formbox .el-input-group__prepend{
    color: #4d91ff;
}
.theme2 .formbox .el-input-group__prepend .el-input__inner,
.theme2 .formbox .el-input-group__prepend .el-input__inner:hover{
  color: #b7b7b7;
}
.theme2 .el-tree{
    background: none;
    color: #b7b7b7;
}
.theme2 .el-tree-node__content:hover{
    background-color: #484a4c;
}
.theme2 .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{
    background-color: #333a4c;
}
.theme2 .tree-box .editIcon{
    color: #4d91ff;
}
.theme2 .tree-box .treeIcon .iconfont{
    color: #4d91ff ;
}
.theme2 .el-tree-node:focus>.el-tree-node__content{
    background-color: #2a2b2d;
}
.theme2 .el-tabs__item{
    color: #b7b7b7;
}
.theme2 .el-pagination__total{
    color: #b7b7b7;
}
.theme2 .el-tabs__active-bar{
    background-color: #4d91ff;
}
.theme2 .el-table thead{
    color: #b7b7b7;
    font-weight: 800;
}
.theme2 .el-message-box{
    background-color: #2a2b2d;
    border: 1px solid #66686b;
    box-shadow:0 0 3px rgba(0,0,0, .75);
}
.theme2 .el-message-box .el-message-box__content,
.theme2 .el-message-box .el-button{
    color: #b7b7b7;
}
.theme2 .el-message-box .el-button:hover{
    color: #4d91ff;
    border-color: #4d91ff;
}
.theme2 .el-message-box .el-button--primary,
.theme2 .el-message-box .el-button--primary:hover{
    color: #fff;
}
.theme2 .dialog-footer .el-button--default:hover{
    border-color: #4d91ff;
}
.theme2 .preview{
    background: #18191b;
}
.theme2 .globalsearch .el-input-group__append,
.theme2 .globalsearch .el-input input{
    background: #18191b;
}
.theme2 .el-range-editor .el-range-input{
    background: #2a2b2d;
}
.theme2 .el-range-separator{
    color:#b7b7b7;
}
.theme2 .el-picker-panel{
    color: #b7b7b7;
    background: #2a2b2d;
    border: 1px solid #494949;
}
.theme2 .el-picker-panel .el-picker-panel__footer  .el-button--default{
    color: #fff;
    background: #4d91ff;
    border: none;
}
.theme2 .el-picker-panel .el-picker-panel__footer  .el-button--default:hover{
    opacity: .9;
    background: #6690ff;
}
.theme2 .el-date-range-picker__time-header{
    border-bottom: 1px solid #494949;
}
.theme2 .el-date-range-picker__content.is-left{
    border-right: 1px solid #494949;
}
.theme2 .el-date-table th{
    border-bottom: solid 1px #494949;
}
.theme2 .el-picker-panel__body-wrapper .el-picker-panel__sidebar{
    background-color:#2a2b2d;
    border-right: 1px solid #494949;
}
.theme2 .el-picker-panel__footer{
    border-top: 1px solid #494949;
    background: #2a2b2d;
}
.theme2 .el-date-table td.in-range div{
    background-color: #333a4c;
}
.theme2 .el-date-table td.next-month, 
.theme2 .el-date-table td.prev-month{
    color: #606266;
}
.theme2 .el-button--text{
    border: none;
}
.theme2 .el-popper .popper__arrow{
    border-top-color:#494949;
    border-bottom-color:#353638;
}
.theme2 .el-popper .popper__arrow::after{
    border-bottom-color:#353638;
    border-top-color:#353638;
}
.theme2 .el-popper[x-placement^=right] .popper__arrow,
.theme2 .el-popper[x-placement^=right] .popper__arrow::after{
    border-right-color: #353638;
    border-top-color:transparent;
    border-bottom-color:transparent;
}
.theme2 .el-popper[x-placement^=left] .popper__arrow::after{
  border-left-color:#353638;
}
.theme2 .el-select-dropdown{
    background: #353638;
    border: 1px solid #414244;
}
.theme2 .el-select-dropdown__item.hover, 
.theme2 .el-select-dropdown__item:hover{
    background: #484a4c;
}
.theme2 .el-select-dropdown__item{
    color: #b7b7b7;
}
.theme2 .el-select-dropdown__item.is-disabled,
.theme2 .time-select-item.disabled{
    color: #606266;
}

.theme2 .el-select-dropdown__item.selected{
    color: #4d91ff;
}
.theme2 .el-dropdown-menu{
    border: 1px solid #414244;
    background: #353638;
}
.theme2 .el-dropdown-menu__item:focus,
.theme2  .el-dropdown-menu__item:not(.is-disabled):hover{
    color: #4d91ff;
    background:#484a4c;
}
.theme2 .el-dropdown-menu__item{
    color: #b7b7b7;
}

/*级联下拉黑色样式*/
.theme2 .el-cascader-panel {
    background: #2a2b2d;
    border: 1px solid #494949;
    color: #b7b7b7;
}

.theme2 .el-cascader__dropdown {
    margin: 5px 0;
    font-size: 14px;
    background: #2a2b2d;
    border: 1px solid #494949;
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
}

.theme2 .el-cascader-menu {
    min-width: 200px;
    box-sizing: border-box;
    color: #606266;
    border-right: solid 1px #494949;
}

.theme2 .el-cascader-node {
    color: #b7b7b7;
}

.theme2 .el-cascader-node.is-disabled {
    color: #606266;
}

.theme2 .el-cascader-node.is-active,
.theme2 .el-cascader-node.in-active-path {
    color: #4d91ff;
}

.theme2 .el-cascader-node:not(.is-disabled):focus,
.theme2 .el-cascader-node:not(.is-disabled):hover {
    background: #484a4c;
}

.theme2 .el-tabs__item.is-active{
    color: #4d91ff;
}
.theme2 .lintit i{
    background: #4d91ff;
}
.theme2 .el-picker-panel__icon-btn{
    color: #b7b7b7;
}
.theme2 .el-picker-panel__icon-btn.is-disabled{
    color:#606266;
}
.theme2 .el-date-table td.disabled div{
    background: #606266;
}
/* 单点详情页主题2样式 */
.theme2 .el-collapse-item__header{
    background-color: inherit;
    color: inherit;
    border-bottom: 1px solid #2a2b2d;
}
.theme2 .el-collapse{
    border: none;
}
.theme2 .el-collapse-item__wrap{
    background-color: inherit;
}
.theme2 .singleHome .left-down .multi-meter .mutli-ul{
    color: #b7b7b7;
    background:#212224;
}
.theme2 .singleHome h1 i,
.theme2 .singleHome .left-down .multi-meter .titL i,
.theme2 .singleHome .left-down .multi-meter .titL.active span{
    color: #4d91ff;
}
.theme2 .singleHome .left-down .multi-meter .titR{
    color: #4d91ff;
    border: 1px solid #4d91ff;
}
.theme2 .el-tabs--card>.el-tabs__header .el-tabs__nav{
    border: 1px solid #494949;
}
.theme2 .el-tabs--card>.el-tabs__header .el-tabs__item.is-active{
    border-bottom-color:#2a2b2d
}
.theme2 .el-tabs--card>.el-tabs__header .el-tabs__item{
    border-left: 1px solid #494949;
}
.theme2 .el-tabs__nav-wrap::after{
    background-color: #494949;
}
.theme2 .el-tabs--card>.el-tabs__header{
    border-bottom: 1px solid #494949;
}
.theme2 .singleHome .button-box li{
    border:1px solid #4d91ff;
    color: #4d91ff;
}
.theme2 .singleHome .button-box li:last-child{
    border-right: 1px solid #4d91ff;
}
.theme2 .singleHome .button-box li.active{
    background: #4d91ff;
}
.theme2 .el-autocomplete-suggestion.el-popper.gsearch li{
    border-color: #3d3d3d;
}
.theme2 .el-autocomplete-suggestion.el-popper.gsearch,
.theme2 .mysel.el-popper.el-select-dropdown{
    background: #2a2b2d;
    border: 1px solid #3d3d3d;
}
.theme2 .el-autocomplete-suggestion.el-popper.gsearch .popper__arrow::after,
.theme2 .mysel.el-popper.el-select-dropdown .popper__arrow::after{
    border-bottom-color:#2a2b2d;
}
.theme2 .roleManager .formbox .part2{
    border-color:#494949;
}
.theme2 .el-date-editor .el-range-input,
.theme2 .el-input-group__append,
.theme2 .el-input-group__prepend{
    color: #b7b7b7;
}
.theme2 .el-range-input::-webkit-input-placeholder,
.theme2 .w-e-text-container .placeholder{
    color:#606266;
}
.theme2 .button-groups li,
.theme2 .button-groups li:first-child{
    border-color: #494949;
}
.theme2 .button-groups li.active{
  color: #4d91ff;
}
.theme2 .button-groups-bg li{
  color: #4d91ff;
  border-color: #4d91ff;
}
.theme2 .button-groups-bg li:first-child{
  border-color: #4d91ff;
}
.theme2 .button-groups-bg li.active{
  background-color: #4d91ff;
}
.theme2 .el-divider{
    background-color: #494949;
}
.theme2 .el-divider__text{
    color: #b7b7b7;
    background-color:#2a2b2d;
}
.theme2 .el-step__line{
    background-color: #494949;
}
.theme2 .upload-demo .el-upload-list{
    border-color: #494949;
    background: inherit;
}
.theme2 .el-popover{
    border-color: #494949;
    background: #2a2b2d;
    color: #b7b7b7;
}
.theme2 .el-popover__title{
    color: #b7b7b7;
}
.theme2 .el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label{
    color: #909399;
}
.theme2 .el-transfer-panel .el-transfer-panel__header,
.theme2 .el-transfer-panel{
    background: #2a2b2d;
    border-color: #494949;
}
.theme2 .el-time-panel,
.theme2 .el-time-panel__footer{
    background: #2a2b2d;
    border-color: #494949;
}
.theme2 .el-time-panel__btn{
    color: #b7b7b7;
}
.theme2 .el-time-spinner__item.active:not(.disabled){
    color: #b7b7b7;
}
.theme2 .el-time-spinner__item:hover:not(.disabled):not(.active){
    background-color: #484a4c;
}
.theme2 .el-time-panel__content::after, 
.theme2 .el-time-panel__content::before{
    border-top: 1px solid #494949;
    border-bottom: 1px solid #494949;
}
.theme2 .el-button.is-plain:hover{
    background: none;
}
.theme2 .el-upload--picture-card{
    background: #2a2b2d !important;
}
.theme2 .devops .topcontain{
    border-color: #494949;
}
.theme2 .header .userhover{
    background: #2a2b2d;
    border: 1px solid #3d3d3d;
}
.theme2 .el-autocomplete-suggestion li.highlighted, 
.theme2 .el-autocomplete-suggestion li:hover{
    background-color: #333a4c;
    color: #4d91ff;
}
.theme2 .el-table__row .cell .el-link.el-link--primary{
    color: #4d91ff;
}
.theme2 .el-autocomplete-suggestion li{
    color: #b7b7b7;
}
.theme2 .alarmdialog .alarm-main{
    background: #2a2b2d;
    border: 1px solid #3d3d3d;
}
.theme2 .el-message-box__title{
    color: #b7b7b7;
}
.theme2 .formbox .el-input-group__append .el-button i{
    color: #4d91ff;
}
.theme2 .el-radio.is-bordered.is-checked,
.theme2 .el-radio__input.is-checked+.el-radio__label{
    color: #4d91ff;
}
.theme2 .el-radio.is-bordered.is-checked{
    border-color: #4d91ff;
}
.theme2 .el-radio__input.is-checked .el-radio__inner{
    border-color: #4d91ff;
    background: #4d91ff;
}
.theme2 .el-dialog__title{
    color: #b7b7b7;
}
.theme2 .changeMeter .detailbox .col .row li:first-child{
    background: #494949;
}
.theme2 .changeMeter .detailbox .col .row li{
    border-color: #2a2b2d;
    background: #484c48;
}
.theme2 .changeMeter .detailbox .col:nth-child(odd) li:nth-child(2){
    background:#343834;
}
.theme2 .changeMeter .detailbox .col:nth-child(odd) li:nth-child(3){
    background: #333231;
}
.theme2 .changeMeter .detailbox .col .row li.colspan{
    background: #494949 !important;
}
.theme2 .el-checkbox{
    color: #909399;
}
.theme2 .commanddialog .leftCon,
.theme2  .addbox .leftCon,
.theme2  .addbox{
    border-color: #494949 !important;
}
.theme2 .el-checkbox__input.is-disabled+span.el-checkbox__label{
    color: #4f4f4f;
}
.theme2 .el-checkbox__input.is-disabled .el-checkbox__inner{
    background-color: #3f3f3f;
    border-color: #4f4f4f;
}
.theme2 .el-picker-panel__shortcut{
    color: #b7b7b7;
}
.theme2 .el-picker-panel__shortcut:hover{
    color: #4d91ff;
}
.theme2 .el-select-dropdown.is-multiple .el-select-dropdown__item.selected,
.theme2 .el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover{
    color:#4d91ff;
    background: #484a4c;
}
.theme2 .el-tag.el-tag--info{
    background-color: #494949;
    border-color: #494949;
    color: #b7b7b7;
}
.theme2 .el-time-spinner__item{
    color: #C0C4CC;
}
.theme2 .el-time-spinner__item.disabled{
    color: #606266;
}
.theme2 .controller-en .centerStructure,
.theme2 .trafficAnalysis .centerStructure,
.theme2 .trafficAnalysisMobile .centerStructure,
.theme2 .deviceAnalysis .centerStructure{
    background: #18191b !important;
}
.theme2 .controller .centerStructure.original section .item,
.theme2 .meterReadingController .centerStructure.original section .item,
.theme2 .controller-en .centerStructure section .item,
.theme2 .trafficAnalysis .centerStructure section .item,
.theme2 .trafficAnalysisMobile .centerStructure section .item,
.theme2 .deviceAnalysis .centerStructure section .item{
    background: #2a2b2d;
}
.theme2 .trafficAnalysisMobile .centerStructure .el-tabs .el-tabs__header,
.theme2 .trafficAnalysisMobile .centerStructure .control-empty > .el-tabs .el-tabs__header{
    background: #2a2b2d;
}
.theme2 .el-radio{
    color: #b7b7b7;
}

.theme2 .el-radio__input.is-disabled+span.el-radio__label{
    color: #606266;
}
.theme2 .el-radio__input.is-disabled.is-checked .el-radio__inner,
.theme2 .el-radio__input.is-disabled .el-radio__inner{
    border-color: #494949;
    background-color: #494949;
}
.theme2 .OriginalMessage .pretext{
    border-color: #494949;
}
.theme2 .time-select-item:hover{
    background: #484a4c;
}
.theme2 .centerStructure .block{
    background-color: #2a2b2d !important;
}
.theme2 .el-year-table td.disabled .cell,
.theme2 .el-month-table td.disabled .cell{
    background-color: #606266;
}
.theme2 .el-date-picker__header--bordered{
    border-color: #494949;
}
.theme2 .el-date-picker__time-header{
  border-color: #494949;
}
.theme2 .el-color-picker__panel{
    background-color: #18191b;
    border-color:#494949;
}
.theme2 .partitionAnalysis .info li{
    background: #494949;
}
.theme2 .waterbalance .flextit li{
    background: #494949;
}
.theme2 .waterbalance .tabbox .yearBox .lastrow .result{
    background: #494949;
}
.theme2 .el-button--primary.is-disabled, 
.theme2 .el-button--primary.is-disabled:active, 
.theme2 .el-button--primary.is-disabled:focus, 
.theme2 .el-button--primary.is-disabled:hover{
    background: #404e64;
    color: #919191;
}
.theme2 .el-month-table td.in-range div,
.theme2 .el-month-table td.in-range div:hover{
    background: #333a4c;
}
.theme2 .el-month-table td .cell,
.theme2 .el-year-table td .cell{
    color: #b7b7b7;
}
.theme2 .el-collapse-item__content{
    color: #b7b7b7;
}
.theme2 .el-collapse-item__wrap{
    border-color: #494949;
}
.theme2 .multiple .mulInfo li{
    background: #494949;
}
.theme2 .home .scrollBox .floor{
    border-color: #494949;
}
.theme2 .overview > ul > li{
    border-color: #494949;
}
.theme2 .w-e-toolbar{
    background: #2a2b2d !important;
    border-color: #494949 !important;
}
.theme2 .w-e-toolbar,
.theme2 .w-e-text-container,
.theme2 .w-e-menu-panel{
    background-color: #2a2b2d;
    border-color: #494949 !important;
}
.theme2 .w-e-toolbar .w-e-menu:hover{
    background-color: #494949;
}
.theme2 .el-input-number__increase,
.theme2 .el-input-number__decrease{
    border-color: #494949;
}
.theme2 .hz-table .table-header li{
    background:#494949;
}
.theme2 .hz-table .table-body ul{
    border-color: #565656;
}

.theme2 .el-menu{
    background-color:#2a2b2d;
}
.theme2 .el-menu--horizontal>.el-submenu .el-submenu__title:hover,
.theme2 .el-menu--horizontal>.el-menu-item:not(.is-disabled):hover{
    background-color: #2a2b2d;
    color: #4d91ff;
}
.theme2 .el-menu--horizontal>.el-submenu .el-submenu__title:hover i,
.theme2 .el-menu--horizontal>.el-menu-item:not(.is-disabled):hover i{
    color: #4d91ff;
}
.theme2 .el-menu--horizontal .el-menu .el-menu-item, 
.theme2 .el-menu--horizontal .el-menu .el-submenu__title{
    background-color: #2a2b2d;
}
.theme2 .el-menu--horizontal .el-menu .el-menu-item.is-active, 
.theme2 .el-menu--horizontal .el-menu .el-submenu.is-active>.el-submenu__title,
.theme2 .el-menu--horizontal>.el-submenu.is-active .el-submenu__title,
.theme2 .el-menu--horizontal>.el-submenu:focus .el-submenu__title,
.theme2 .el-menu--horizontal>.el-menu-item.is-active{
    color: #4d91ff;
}
.theme2 .el-menu--horizontal .el-menu-item:not(.is-disabled):focus, 
.theme2 .el-menu--horizontal .el-menu-item:not(.is-disabled):hover{
    color: #4d91ff;
}
.theme2 .el-menu--horizontal>.el-menu-item:not(.is-disabled):focus{
    background-color: #2a2b2d;
}
.theme2 .el-calendar{
    background: #2a2b2d;
}
.theme2 .el-calendar__title{
    color: #b7b7b7;
}
.theme2 .el-calendar .el-button {
    background: inherit;
    color:#b7b7b7;
    border-color: #494949;
}
.theme2 .el-calendar-table td.is-selected,
.theme2 .el-calendar-table .el-calendar-day:hover{
    background-color:#333a4c;
}
.theme2 .el-calendar-table tr td:first-child,
.theme2 .el-calendar-table tr:first-child td,
.theme2 .el-calendar-table td,
.theme2 .el-calendar__header{
    border-color: #494949;
}
.theme2 .residentRecord .upload-demo1 .el-upload-list{
    border-color: #494949;
}
.theme2 .el-upload-list__item-name,
.theme2 .el-progress__text{
    color: #b7b7b7;
}
.theme2 .el-upload-list__item:hover{
    background: none;
}
.theme2 .el-radio-button__orig-radio:checked+.el-radio-button__inner {
    color: #FFF;
    background-color: #4d91ff;
    border-color: #4d91ff;
    -webkit-box-shadow: -1px 0 0 0 #4d91ff;
    box-shadow: -1px 0 0 0 #4d91ff;
}
.theme2 .el-radio-button__inner:hover {
    color: #4d91ff;
}
.theme2 .el-radio-group .el-radio-button__inner{
    border-color: #4d91ff;
    color: #4d91ff;
    background: #fff0;
}
.theme2 .el-input-number.is-disabled .el-input-number__decrease,
.theme2 .el-input-number.is-disabled .el-input-number__increase{
  border-color:#2a2b2d;
}
.theme2 .el-color-picker__trigger, 
.theme2 .el-color-picker__color,
.theme2 .el-input-number.is-controls-right .el-input-number__decrease,
.theme2 .el-input-number.is-controls-right .el-input-number__increase{
  border-color: #494949;
}
.theme2 .el-tag--plain{
  border-color: #4d91ff;
  background: #18191b;
}
.theme2 .datepickerBtns ,
.theme2 .datepickerBtns .el-input__inner{
  border-color: #494949;
}
.theme2 .el-switch__core{
  border-color: #494949;
  background: #494949;
}
.theme2 .el-drawer{
    background: #2a2a2a;
}
.theme2 .el-select .el-input.is-disabled .el-input__inner:hover{
  border-color: #494949;
}
.theme2 .el-select:hover .el-input__inner{
  border-color: #7a7a7a;
}
.theme2 .el-select__input{
  color: #b7b7b7;
 }
.theme2 .el-drawer__header{
    color: #b7b7b7;
    border-bottom: 1px solid #494949;
}
.theme2 .autocompleteTheme2{
	background: #353638;
	border:none;
}
.theme2 .el-cascader:not(.is-disabled):hover .el-input__inner {
	border-color: #494949;	
}
.theme2 .vxe-table--render-default .vxe-table--body-wrapper ,
.theme2 .vxe-table--render-default .vxe-table--footer-wrapper {
	background: #2a2b2d;	
}
.theme2 .vxe-table .vxe-table--header-wrapper,
.theme2 .vxe-table--footer-wrapper {
	color: #b7b7b7;
}
.theme2 .vxe-table--render-default.border--default .vxe-table--header-wrapper, 
.theme2 .vxe-table--render-default.border--full .vxe-table--header-wrapper, 
.theme2 .vxe-table--render-default.border--outer .vxe-table--header-wrapper {
	background-color: #494949;
}
body.theme2 {
	--vxe-ui-table-border-color:#565656;
	--vxe-ui-font-color:#b7b7b7;
}
/* theme2 style end */

.el-dialog__header{
    border-bottom: 1px solid #dadada;
}
.el-dialog__title{
    font-size: 16px;
    color: #7b7d87;
}
.el-button{
    font-size: 14px;
    box-sizing: border-box;
}
.el-button--primary{
    background: #6690ff;
}
.el-button--primary:hover{
    border-color: none;
    opacity: .9;
    background: #94b1ff;
}
.el-button--primary:focus, 
.el-button--primary.is-active, 
.el-button--primary:active{
    background: #6690ff;
}
.el-button--success,
.el-button--danger,
.el-button--warning,
.el-button--primary{
    color: #fff;
    border-color: none;
    border: none;
}

.el-button--small, .el-button--small.is-round{
    padding: 8px 15px;
}
.el-dialog{
    margin-top: 0px !important;
    top: 50%;
    transform: translateY(-50%);
}
.el-dialog__header{
    padding: 10px 20px;
}
.el-dialog__body{
    padding: 20px 20px;
    color: inherit;
}
.el-dialog__footer{
    padding: 0px 20px 20px;
}
.el-dialog__headerbtn{
    top: 15px;
}
.el-input-group__append,
.el-input-group__prepend{
    background-color: #fff;
    color: #404042;
}
.el-form-item__label{
    color: inherit;
    padding: 0 6px 0 0;
}
.el-radio.is-bordered.is-checked{
    border-color:#6690ff;
}
.el-radio__input.is-checked .el-radio__inner{
    border-color: #6690ff;
    background: #6690ff;
}
.el-radio__input.is-checked+.el-radio__label{
    color: #6690ff;
}
.el-pager li.active,
#app .el-pagination button:hover{
    color: #6690ff;
}
.el-loading-mask{
    background-color: rgba(255,255, 255, .6);
    z-index: 3333;
}
.el-loading-spinner .path{
    stroke:#6690ff;
}
.el-loading-spinner .el-loading-text,
.el-link.el-link--primary,
.el-link.el-link--primary:hover{
    color: #6690ff;
}
.el-loading-spinner i{
    color:#6690ff;
    font-size: 26px;
}
.el-pagination{
    text-align: right;
    margin-top: 10px;
}
.el-tree{
    color: #404042;
}
.el-tree .el-tree-node__content>label.el-checkbox{
    margin-right: 2px;
}
.el-tree .el-tree-node__content>.el-tree-node__expand-icon{
    padding: 2px;
}
.el-checkbox__input.is-checked+.el-checkbox__label{
    color: #6690ff;
}
.el-checkbox__input.is-checked .el-checkbox__inner, 
.el-checkbox__input.is-indeterminate .el-checkbox__inner{
    background-color: #6690ff;
    border-color: #6690ff;
}
.el-slider__bar{
    background-color:#6690ff;
}
.el-slider__button{
    border: 2px solid #6690ff;
}
.el-table thead{
    color: #6d6d6d;
    font-weight: 800;
}
.el-table{
    color: #404042;
}
.el-pagination__total{
    color: #606266;
}
.el-pager li{
    margin-left: 10px;
    font-weight: normal;
}
.el-pagination .btn-next{
    margin-left: 10px;
}
.el-transfer__button.is-disabled,
.el-transfer__button.is-disabled:hover{
    border: none;
}
.el-message{
    z-index: 5000 !important;
}
.el-select-dropdown__item{
    padding: 0 12px;
}
.el-select-dropdown__item.selected{
    color:#6690ff;
}
.el-tabs__item{
    color: #404042;
}
.el-tabs__item:hover{
    color: #6690ff;
}
.el-tabs__item.is-active{
    color: #6690ff;
}
.el-image .el-image-viewer__canvas  img{
    display: block;
    width: 600px;
}
.el-table .caret-wrapper{ /* 解决带排序时高度偏高的问题 */
    position: absolute;
    top: -4px; 
}

.el-table .cell{
    padding-right: 5px;
}
.el-table.el-table--border td:first-child .cell, 
.el-table.el-table--border th:first-child .cell, 
.el-table .cell{
    padding-left: 5px;
}
.el-table .el-table__header-wrapper thead th{
  height: 41px;
}
.el-table tr{
  height: 42px;
}
.el-step__title{
    font-size: 14px;
    line-height: 24px;
}
.el-step__title.is-finish,
.el-step__head.is-process,
.el-step__title.is-process,
.el-step__title.is-success{
    color: #6690ff;
}
.el-step__head.is-finish,
.el-step__head.is-process,
.el-step__head.is-success{
    color: #6690ff;
    border-color: #6690ff;
}
.el-step__icon{
    height: 22px;
    width: 22px;
}
.el-button [class^=iconfont]+span{
    margin-left: 5px;
}
.el-message-box__title{
    font-size: 16px;
}
.el-dropdown-menu--small .el-dropdown-menu__item{
    font-size: 14px;
}
.v-modal{
    position: absolute;
    opacity: 0;
    z-index: -1 !important;
}
.el-drawer__wrapper{
    position: absolute;
    background: rgba(0,0, 0, .5);
}
.el-dialog__wrapper{
    position: absolute;
    background: rgba(0,0, 0, .5);
}
.el-table--border th.gutter:last-of-type{
    border-bottom: none;
}
.el-message{
    z-index: 99999 !important;
}
.el-message-box__wrapper{
    z-index: 99999 !important;
}
.el-button.is-disabled, .el-button.is-disabled:focus, .el-button.is-disabled:hover{
    background-color: none;
    border-color: none;
}
.el-tooltip__popper.is-dark{
    z-index: 8900 !important;
}
.el-table::before{
  height: 1.1px;
}
.el-table th.gutter{
    display: table-cell!important;
}
.el-textarea__inner{
    font: 14px/1.5 'Microsoft YaHei','\5B8B\4F53', Tahoma, Arial, sans-serif;
    padding: 5px 10px;
}
.el-input__inner{
    padding: 0 10px;
}
.el-picker-panel__footer button:nth-child(1){
    display: none;
}
.el-tabs__item:focus.is-active.is-focus:not(:active){ /* 除掉莫名其妙的box-shadow */
    box-shadow:none;
}
.el-tree-node__expand-icon{
    font-size: 14px;
}
.el-input-number__decrease, .el-input-number__increase{
    background: inherit;
    color: #6690ff;
}
.el-tree__drop-indicator{
  background: none !important;
}
.el-tooltip__popper{
  max-width: 800px !important;
  max-height: 400px !important;
  overflow: hidden;
}
/* 不加限制添加此代码后el-table滚动条会异常 */
/* .el-select-dropdown__wrap.el-scrollbar__wrap::-webkit-scrollbar{
  width: 2px;
  height: 2px;
} */
.el-scrollbar__wrap::-webkit-scrollbar-thumb{
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24,25,27, 0.2);
  background: rgba(24,25,27, 0.2);
}
.el-scrollbar__wrap::-webkit-scrollbar-track{
  box-shadow: inset 0 0 5px rgba(24,25,27, 0.1);
  background: rgba(24,25,27, 0.1);
  border-radius: 0;
}
.el-select__input{
  margin-left: 10px;
}
.el-image-viewer__wrapper{
  z-index: 888888888 !important;
}
.en-US .el-textarea__inner{
    font-size: 12px;
}
.en-US .el-tree__empty-text{
    font-size: 12px !important;
}
.en-US .el-radio__label{
    font-size:12px;
}
.en-US .el-range-editor--small .el-range-input{
    font-size: 12px;
}
.el-button--primary:hover{
  opacity: 1;
}
.el-upload-list__item.is-success .el-upload-list__item-status-label{
    display: none;
}
.el-upload-list__item .el-icon-close-tip{
    display: none !important;
}
.el-cascader-menu{
    min-width: 150px;
		flex: 1;
}
.el-card,.el-step__description.is-process{
	color: inherit;
}
.el-menu--horizontal .el-menu .el-menu-item, .el-menu--horizontal .el-menu .el-submenu__title{
	color: inherit;
}
input[aria-hidden="true"]{
	display: none !important;
}
.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner{
	box-shadow: none !important;
}
.el-button--success{
	background-color: #0fb22c;
}
.el-button--success:hover{
	border-color: none;
	background: #3fb554;
}
.el-button--success:focus, 
.el-button--success.is-active, 
.el-button--success:active{
    background: #0fb22c;
}

.el-button--danger{
	background-color: #e54c4c;
}
.el-button--danger:hover{
	border-color: none;
	background: #d75555;
}
.el-button--danger:focus, 
.el-button--danger.is-active, 
.el-button--danger:active{
    background: #e54c4c;
}
.el-button--warning{
	background-color: #ff8e12;
}
.el-button--warning:hover{
	border-color: none;
	background: #eb9a42;
}
.el-button--warning:focus, 
.el-button--warning.is-active, 
.el-button--warning:active{
    background: #ff8e12;
}
/* [aria-hidden="true"] {
  pointer-events: none;
  opacity: 0;
} */
/* arabic */
@font-face {
  font-family: 'Baloo Bhaijaan';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  /* src: url(https://fonts.gstatic.com/s/baloobhaijaan/v16/RWmRoKCU5fcqq8fOWNzFLqSjx7EALGRTCw.woff2) format('woff2'); */
  src: url(../fonts/RWmRoKCU5fcqq8fOWNzFLqSjx7EALGRTCw.dd4abd98.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC;
}
/* vietnamese */
@font-face {
  font-family: 'Baloo Bhaijaan';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  /* src: url(https://fonts.gstatic.com/s/baloobhaijaan/v16/RWmRoKCU5fcqq8fOWNzFLqSjx7EKLGRTCw.woff2) format('woff2'); */
  src: url(../fonts/RWmRoKCU5fcqq8fOWNzFLqSjx7EKLGRTCw.c48426cd.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Baloo Bhaijaan';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  /* src: url(https://fonts.gstatic.com/s/baloobhaijaan/v16/RWmRoKCU5fcqq8fOWNzFLqSjx7ELLGRTCw.woff2) format('woff2'); */
  src: url(../fonts/RWmRoKCU5fcqq8fOWNzFLqSjx7ELLGRTCw.6c03d47a.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Baloo Bhaijaan';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  /* src: url(https://fonts.gstatic.com/s/baloobhaijaan/v16/RWmRoKCU5fcqq8fOWNzFLqSjx7EFLGQ.woff2) format('woff2'); */
  src: url(../fonts/RWmRoKCU5fcqq8fOWNzFLqSjx7EFLGQ.ea0dd9ca.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: hyt;
  src: url(../fonts/hyt.30dd1e70.otf) format("truetype");
}
.leftStructure {
  overflow: hidden;
  width: 240px;
  height: 100%;
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
  margin-right: 10px;
  flex-shrink: 0;
}
.centerStructure,
.control-empty {
  padding: 20px;
  flex: 1;
  width: 800px;
  height: 100%;
  margin-right: 10px;
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
}
.centerStructure::-webkit-scrollbar,
.control-empty::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.centerStructure::-webkit-scrollbar-corner,
.control-empty::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.centerStructure::-webkit-scrollbar-thumb,
.control-empty::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.centerStructure::-webkit-scrollbar-track,
.control-empty::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.centerStructure > .el-tabs,
.control-empty > .el-tabs {
  height: 100%;
}
.centerStructure > .el-tabs .el-tabs__header,
.control-empty > .el-tabs .el-tabs__header {
  margin: 0 0 10px;
}
.centerStructure > .el-tabs > .el-tabs__content,
.control-empty > .el-tabs > .el-tabs__content {
  height: calc(100% - 44px);
}
.centerStructure > .el-tabs > .el-tabs__content .el-tab-pane,
.control-empty > .el-tabs > .el-tabs__content .el-tab-pane {
  height: 100%;
}
.centerStructure > .el-tabs > .el-tabs__content .el-tab-pane .el-fade-in-linear-enter-active,
.control-empty > .el-tabs > .el-tabs__content .el-tab-pane .el-fade-in-linear-enter-active,
.centerStructure > .el-tabs > .el-tabs__content .el-tab-pane .el-fade-in-linear-leave-active,
.control-empty > .el-tabs > .el-tabs__content .el-tab-pane .el-fade-in-linear-leave-active {
  transition: opacity 0.5s ease-in-out;
}
.searchBox.between {
  justify-content: space-between;
}
.searchBox {
  width: 100%;
  margin-bottom: 10px;
  display: flex;
}
.searchBox > span {
  white-space: nowrap;
  line-height: 32px;
}
.searchBox .cname {
  width: 140px;
  margin-left: 0px;
}
.searchBox .inp {
  margin: 0px 10px;
  margin-right: 0;
}
.searchBox .el-button {
  margin-left: 10px;
}
.searchBox .el-select {
  width: 140px;
}
.searchBox .el-date-editor.el-input {
  width: 140px;
}
.searchBox .el-date-editor.el-range-editor {
  width: 270px;
}
.searchBox .el-date-editor .el-range-separator {
  width: 6%;
}
.searchBox .el-input-group--prepend .el-input__inner {
  width: 140px;
}
.searchBox .el-button {
  height: 32px;
}
.searchBox .el-button .iconfont {
  font-size: 14px;
}
.searchBox .el-radio:not(:last-child) {
  margin-right: 10px;
}
.searchBox .el-radio {
  line-height: 32px;
}
.searchBox .el-radio-button--small .el-radio-button__inner {
  padding: 8px 15px;
  font-size: 14px;
  height: 32px;
}
.searchBox .flex {
  display: flex;
}
.searchBox .wh200 {
  width: 200px;
}
.searchBox .mini-width {
  width: 105px;
}
.searchBox .mini-width .el-input__inner {
  width: 100px;
}
.searchBox .input-with-revenue {
  width: 300px;
}
.searchBox .input-with-revenue .el-input__inner {
  width: 180px;
}
.searchBox .input-with-revenue .wh120 {
  width: 120px;
}
.searchBox .input-with-revenue .wh120 .el-input__inner {
  width: 100%;
}
.searchBox .fixExportBtn {
  margin-left: auto !important;
}
.rightStructure {
  width: 240px;
  height: 100%;
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(68, 48, 96, 0.2);
}
.rightStructure::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.rightStructure::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.rightStructure::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.rightStructure::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.el-table .tableicon {
  cursor: pointer;
  margin: 0 8px;
  color: #6690ff;
  white-space: nowrap;
}
.el-table .el-tooltip.el-icon-menu {
  cursor: pointer;
}
.el-dialog__body {
  padding-right: 0px;
}
.dialog-footer .el-button {
  min-width: 64px;
  min-height: 32px;
}
.el-scrollbar .wh80 {
  width: 80px;
}
.el-scrollbar .wh140 {
  width: 140px;
}
.el-scrollbar .wh160 {
  width: 160px;
}
.el-scrollbar .wh200 {
  width: 200px;
}
.el-scrollbar .wh250 {
  width: 250px;
}
.el-scrollbar .wh280 {
  width: 280px;
}
.formbox {
  padding-right: 20px;
  max-height: 611px;
  overflow-y: auto;
}
.formbox .wh140 {
  width: 140px;
}
.formbox .wh200 {
  width: 200px;
}
.formbox .wh540 {
  width: 540px;
}
.formbox .inline {
  display: flex;
  justify-content: space-between;
}
.formbox .inline-two {
  display: flex;
}
.formbox .inline-two .el-form-item:nth-child(2) {
  margin-left: 40px;
}
.formbox .lintit {
  margin-bottom: 10px;
}
.formbox .lintit i {
  display: inline-block;
  width: 4px;
  height: 16px;
  margin-right: 4px;
  background: #6690ff;
}
.formbox .lintit span {
  vertical-align: 3px;
  font-size: 14px;
  font-weight: 800;
}
.formbox .el-radio {
  margin-right: 0px;
}
.formbox .el-input-group__append,
.formbox .el-input-group__prepend {
  color: #6690ff;
}
.formbox .el-input-group__append i,
.formbox .el-input-group__prepend i {
  color: #404042;
}
.formbox .searchSelect .el-input--suffix .el-input__inner {
  padding-right: 10px;
}
.formbox::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.formbox::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.formbox::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.formbox::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.lintit {
  margin-bottom: 10px;
}
.lintit i {
  display: inline-block;
  width: 4px;
  height: 16px;
  margin-right: 4px;
  background: #6690ff;
}
.lintit span {
  vertical-align: 3px;
  font-size: 14px;
  font-weight: 800;
}
.normal .el-image-viewer__close {
  right: 50%;
  margin-right: -400px;
}
.normal .el-image-viewer__close i {
  color: #fff;
}
.normal .el-image-viewer__next {
  right: 50%;
  margin-right: -400px;
}
.normal .el-image-viewer__prev {
  left: 50%;
  margin-left: -400px;
}
.el-dialog__footer .center {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.el-dialog__footer .center .el-icon--right {
  margin-right: -8px;
}
.upload-demo {
  position: relative;
  display: flex;
  height: 32px;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.upload-demo .el-upload-list {
  width: 432px;
  height: 32px;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  background: #fff;
  margin-right: 10px;
}
.upload-demo .el-upload-list > li {
  width: 370px;
  margin: 0;
  line-height: 30px;
  outline: none;
}
.upload-demo .el-upload-list > li .el-icon-close {
  top: 8px;
}
.upload-demo .el-upload-list > li .el-upload-list__item-name {
  padding-left: 15px;
}
.upload-demo .el-upload-list .el-upload-list__item:hover {
  background: none;
}
.upload-demo .el-upload {
  position: absolute;
  top: 0px;
  left: 374px;
}
.icon-tips.el-popover--plain {
  padding: 10px;
}
.icon-tips.el-popover {
  z-index: 4000 !important;
  min-width: initial;
}
.icon-tips.el-popover > div:first-child {
  max-height: 300px;
  overflow: auto;
  padding-right: 12px;
}
.icon-tips.el-popover > div:first-child::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.icon-tips.el-popover > div:first-child::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.icon-tips.el-popover > div:first-child::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.icon-tips.el-popover > div:first-child::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.icon-tips.el-popover .popper__arrow {
  padding: 0 !important;
  overflow: initial !important;
}
.tips-icon {
  position: absolute;
  right: -25px;
  cursor: pointer;
  outline: none;
}
.tips-icon:hover {
  color: #6690ff;
}
.global-layer {
  z-index: 9999 !important;
}
.picRegion.el-dialog__wrapper {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  top: 95px;
  left: 50px;
  bottom: 10px;
}
.picRegion.el-dialog__wrapper .el-dialog__header {
  border: none;
}
.picRegion.el-dialog__wrapper .el-dialog__body {
  padding-right: 20px;
  width: 100%;
  height: 100%;
}
.picRegion.el-dialog__wrapper .el-dialog__body img {
  width: 100%;
  height: 100%;
}
.picRegion.el-dialog__wrapper .el-dialog {
  width: 920px;
  height: 640px;
  padding-bottom: 20px;
}
.triangle-top {
  position: absolute;
  top: -6px;
  left: calc(50% - 5px);
  width: 0;
  height: 0;
  border-right: 4px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 4px solid transparent;
}
.button-groups {
  display: flex;
  box-sizing: border-box;
  min-width: 100px;
}
.button-groups li {
  width: 80px;
  height: 30px;
  border: 1px solid #DCDFE6;
  border-left: none;
  box-sizing: border-box;
  cursor: pointer;
  text-align: center;
  line-height: 30px;
}
.button-groups li:first-child {
  border-left: 1px solid #DCDFE6;
}
.button-groups li:hover {
  color: #6690ff;
}
.button-groups li.active {
  border: 1px solid #6690ff !important;
  color: #6690ff;
}
.button-groups-bg {
  display: flex;
  flex-flow: wrap;
  position: relative;
}
.button-groups-bg li {
  width: auto;
  padding: 0 15px;
  color: #6690ff;
  margin-bottom: 10px;
  height: 30px;
  border: 1px solid #6690ff;
  border-left: none;
  box-sizing: border-box;
  cursor: pointer;
  text-align: center;
  line-height: 30px;
}
.button-groups-bg li:first-child {
  border-left: 1px solid #6690ff;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.button-groups-bg li:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.button-groups-bg li.active {
  background: #6690ff;
  color: #fff;
}
.button-groups-bg li span {
  margin-right: 5px;
}
.el-dialog.dialogChart {
  margin-top: 13vh !important;
  top: initial;
  transform: none;
}
.el-dialog.dialogChart .el-dialog__body {
  padding-right: 20px;
}
.centerStructure > .el-tabs > .el-tabs__content {
  position: initial;
}
.w-e-text-container i,
.w-e-text-container em {
  font-style: italic;
}
.jsonlh {
  line-height: 22px !important;
}
.hz-table ul {
  display: flex;
}
.hz-table ul li {
  flex: 1;
  text-align: center;
  height: 34px;
  line-height: 34px;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hz-table .table-header li {
  background: #fafafa;
}
.hz-table .table-body {
  overflow-y: auto;
}
.hz-table .table-body::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.hz-table .table-body::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.hz-table .table-body::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.hz-table .table-body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.hz-table .table-body ul {
  border-bottom: 1px solid #EBEEF5;
}
.wh200 {
  width: 200px;
}
.wh200 .el-select-dropdown__empty {
  min-width: 200px;
}
/* 为了解决下拉框缩放后滚动条溢出问题 */
.theme2 .el-select-dropdown__wrap::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.2);
  background: rgba(24, 25, 27, 0.2);
}
.theme2 .el-select-dropdown__wrap::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(24, 25, 27, 0.1);
  background: rgba(24, 25, 27, 0.1);
  border-radius: 0;
}
.theme2 .el-select-dropdown__wrap::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.1);
}
.PCDnoData {
  width: 175px;
}
.ripple {
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4);
  transform: scale(0);
  position: absolute;
  opacity: 1;
}
.rippleEffect {
  animation: rippleDrop 0.4s linear;
}
@keyframes rippleDrop {
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
.audioDialog .el-dialog__body {
  padding: 20px;
  display: flex;
}
.audioDialog .el-dialog__body audio {
  width: 600px;
  margin: 0 auto;
}
.aiCommonDialog {
  z-index: 14410 !important;
}
.exportMenu {
  background: #6690ff;
  color: #fff;
  border-radius: 4px;
  margin-left: 10px;
}
.exportMenu.el-menu.el-menu--horizontal {
  border: none;
}
.exportMenu.el-menu--horizontal > .el-submenu .el-submenu__title {
  line-height: 32px;
  height: 32px;
  color: #fff;
  padding: 0 15px;
}
.exportMenu.el-menu--horizontal > .el-submenu .el-submenu__title i {
  color: #fff;
  font-size: 14px;
}
.exportMenu.el-menu--horizontal > .el-submenu .el-submenu__title .el-icon-download {
  margin: 0;
}
.exportMenu.el-menu--horizontal > .el-submenu .el-submenu__title:hover {
  background: #94b1ff;
  border-radius: 4px;
}
.exportMenu.el-menu--horizontal > .el-submenu.is-active .el-submenu__title {
  border: none;
}
.exportPopper .exportPopperSub {
  border-left: 1px solid #EBEEF5;
  top: 0 !important;
}
.exportPopper .exportPopperSub .el-menu--popup-right-start {
  margin: 0;
}
.exportPopper .el-menu--popup {
  min-width: 130px;
}
.exportPopper .el-submenu__icon-arrow {
  right: 10px;
}
.exportPopper .el-submenu .el-menu-item {
  min-width: 130px;
}
.theme2 .exportMenu {
  background: #4d91ff;
}
.theme2 .exportMenu.el-menu--horizontal > .el-submenu .el-submenu__title:hover,
.theme2 .exportMenu.el-menu--horizontal > .el-submenu.is-active .el-submenu__title {
  color: #fff;
}
.theme2 .exportMenu.el-menu--horizontal > .el-submenu .el-submenu__title:hover i,
.theme2 .exportMenu.el-menu--horizontal > .el-menu-item:not(.is-disabled):hover i {
  color: #fff;
}
.theme2 .exportPopper .exportPopperSub {
  border-color: #565656;
}
.theme2 .exportPopper.el-menu--horizontal .el-menu-item:not(.is-disabled):hover,
.theme2 .exportPopper.el-menu--horizontal .el-menu .el-submenu.is-active > .el-submenu__title,
.theme2 .exportPopper.el-menu--horizontal .el-menu .el-menu-item.is-active {
  color: inherit;
}
.maskPay {
  display: flex;
  justify-content: center;
  align-items: center;
}
.maskPay .centerDom {
  width: 390px;
  height: 480px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -90px;
}
.maskPay .centerDom .centerImg {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.maskPay .centerDom .centerText {
  z-index: 2;
  display: inline-block;
  width: 60%;
  font-weight: bold;
  line-height: 1.6;
  text-align: center;
  margin-top: 90px;
  color: #404042;
  font-size: 16px;
}
.maskPay .centerDom .maskCloseIcon {
  position: absolute;
  width: 28px;
  height: 28px;
  padding-top: 4px;
  padding-left: 4px;
  border-radius: 50%;
  right: 10px;
  top: 50px;
  cursor: pointer;
  font-size: 18px;
  color: #fff;
  border: 1px solid #fff;
}

.en-US div,
.en-US label,
.en-US ul,
.en-US li,
.en-US ol,
.en-US h1,
.en-US h2,
.en-US h3,
.en-US h4,
.en-US h5,
.en-US h6,
.en-US input,
.en-US textarea,
.en-US select,
.en-US p,
.en-US dl,
.en-US dt,
.en-US dd,
.en-US a,
.en-US img,
.en-US button,
.en-US form,
.en-US table,
.en-US th,
.en-US tr,
.en-US td,
.en-US tbody,
.en-US article,
.en-US aside,
.en-US details,
.en-US figcaption,
.en-US figure,
.en-US footer,
.en-US header,
.en-US hgroup,
.en-US menu,
.en-US nav,
.en-US section {
  font-size: 12px;
}
.en-US .iconfont {
  font-size: 14px;
}
.en-US .formbox .wh540 {
  width: 530px;
}
.en-US .formbox label {
  word-break: break-word;
}
.en-US .formbox .inline-two .el-form-item:nth-child(2) {
  margin-left: 10px;
}
.en-US .formbox .two-line label {
  line-height: 1.4;
  height: 32px;
}
.en-US .searchBox .el-input-group__prepend .el-select {
  width: 140px;
}
.en-US .searchBox .el-select {
  width: 140px;
}
.en-US .searchBox .el-input-group--prepend .el-input__inner {
  width: 140px;
}
.en-US .wh110 .el-form-item__label {
  width: 110px !important;
}
.en-US .el-checkbox__label {
  font-size: 12px;
}
.en-US .el-tree-node__label {
  font-size: 12px;
}
.en-US .el-dropdown-menu--medium .el-dropdown-menu__item {
  font-size: 12px;
}
.en-US .el-dropdown-menu--small .el-dropdown-menu__item {
  font-size: 12px;
}

@font-face {
  font-family: "iconfont"; /* Project id 1940077 */
  src: url(../fonts/iconfont.8cf71d7f.woff2) format('woff2'),
       url(../fonts/iconfont.66298679.woff) format('woff'),
       url(../fonts/iconfont.cc0ba1d1.ttf) format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-lishizhangdandaoru:before {
  content: "\E8D5";
}

.icon-huanbiaoguanli:before {
  content: "\E8A79";
}

.icon-chaobiaoguiji:before {
  content: "\E8D4";
}

.icon-shuiliangchongzhi:before {
  content: "\E6E83";
}

.icon-qiangjianguanli:before {
  content: "\E8D1";
}

.icon-qiangjianshebeichaxun:before {
  content: "\E8D2";
}

.icon-qiangjianshebeidaoru:before {
  content: "\E8D3";
}

.icon-hangyezhongdianyonghu:before {
  content: "\E8D1E";
}

.icon-lixian:before {
  content: "\E665";
}

.icon-jingyingzonglan:before {
  content: "\E8D0";
}

.icon-yhhuishoushuai:before {
  content: "\E8CB";
}

.icon-yhshishou:before {
  content: "\E8CC";
}

.icon-yhchaobiaoshuai:before {
  content: "\E8CD";
}

.icon-yhqianfei:before {
  content: "\E8CE";
}

.icon-yhyingshou:before {
  content: "\E8CF";
}

.icon-jiancai:before {
  content: "\E8CAF";
}

.icon-piliangzhuibu:before {
  content: "\E8C5";
}

.icon-baobiaochaxun:before {
  content: "\C665C";
}

.icon-shuiliangtongji2:before {
  content: "\E8BF";
}

.icon-baobiaopeizhi:before {
  content: "\E665D";
}

.icon-yucunmingxi:before {
  content: "\E8BC";
}

.icon-wangtingyonghubangding:before {
  content: "\E8BD";
}

.icon-dayonghubaobiao:before {
  content: "\E8BA";
}

.icon-dayonghuguanli:before {
  content: "\E8BB";
}

.icon-yonghuyongshuibaobiao:before {
  content: "\E8B9";
}

.icon-kaijufapiao:before {
  content: "\E8B7";
}

.icon-zhoujianrenwu:before {
  content: "\E8B2";
}

.icon-zhoujianbaobiao:before {
  content: "\E8B3";
}

.icon-zhoujianguanli:before {
  content: "\E8B1";
}

.icon-shuibiaodaoru:before {
  content: "\E8AF";
}

.icon-tingshuiduanxintongzhi:before {
  content: "\E8A6";
}

.icon-pikoujilu:before {
  content: "\E8A5";
}

.icon-zhifurizhi:before {
  content: "\E6D5";
}

.icon-tongzhidandayin:before {
  content: "\E8A4";
}

.icon-qianfei:before {
  content: "\E8A2";
}

.icon-yingshou:before {
  content: "\E8A3";
}

.icon-ningxiangdaping:before {
  content: "\E8A1";
}

.icon-changshangtongji:before {
  content: "\E89F";
}

.icon-yongshuixingzhitongji:before {
  content: "\E8A0";
}

.icon-xinghaotongji:before {
  content: "\E89C";
}

.icon-yonghufenleitongji:before {
  content: "\E89D";
}

.icon-hangyetongji:before {
  content: "\E89E";
}

.icon-biaocejindutongji:before {
  content: "\E899";
}

.icon-chaobiaoyuanjindutongji:before {
  content: "\E89A";
}

.icon-weichaobiaomingxi:before {
  content: "\E89B";
}

.icon-jiaofeijigouguanli:before {
  content: "\E898";
}

.icon-kfkehu:before {
  content: "\E897";
}

.icon-zhankaijilu:before {
  content: "\E895";
}

.icon-xinduihua:before {
  content: "\E896";
}

.icon-shouqijilu:before {
  content: "\E894";
}

.icon-yejianxiaoliu:before {
  content: "\E893";
}

.icon-gdkztdcl:before {
  content: "\E892";
}

.icon-gdkztyzf:before {
  content: "\E88D";
}

.icon-gdkztywc:before {
  content: "\E88E";
}

.icon-gdkztgdzs:before {
  content: "\E88F";
}

.icon-gdkztclz:before {
  content: "\E890";
}

.icon-gdkztygq:before {
  content: "\E891";
}

.icon-yonghushuiliangbaobiao:before {
  content: "\E88C";
}

.icon-kefubaobiao:before {
  content: "\E88A";
}

.icon-kefupeizhi:before {
  content: "\E88B";
}

.icon-kefuguanli:before {
  content: "\E889";
}

.icon-guanwangshuilimoxing:before {
  content: "\E888";
}

.icon-guanbiyuyin:before {
  content: "\E887";
}

.icon-yuyin:before {
  content: "\E886";
}

.icon-baochi:before {
  content: "\E884";
}

.icon-huifu:before {
  content: "\E885";
}

.icon-moxingyouhua:before {
  content: "\E880";
}

.icon-moxingguanli:before {
  content: "\E881";
}

.icon-a-shuilimoxing:before {
  content: "\E882";
}

.icon-moxingjiaohe:before {
  content: "\E883";
}

.icon-tongxunlu:before {
  content: "\E87F";
}

.icon-yewufenleibaobiao:before {
  content: "\E87B";
}

.icon-zuoxihuawubaobiao:before {
  content: "\E87C";
}

.icon-kefugongzuotai:before {
  content: "\E87D";
}

.icon-kefutongji:before {
  content: "\E87E";
}

.icon-zonghehuawubaobiao:before {
  content: "\E877";
}

.icon-kefufenleibaobiao:before {
  content: "\E878";
}

.icon-luyinguanli:before {
  content: "\E879";
}

.icon-huawujiankong:before {
  content: "\E87A";
}

.icon-kfpingjun:before {
  content: "\E873";
}

.icon-kfshichang:before {
  content: "\E874";
}

.icon-kfjietong:before {
  content: "\E876";
}

.icon-huifangguanli:before {
  content: "\E872";
}

.icon-zhuanjie:before {
  content: "\E870";
}

.icon-huru:before {
  content: "\E871";
}

.icon-kefutouxiang:before {
  content: "\E86B";
}

.icon-jietong:before {
  content: "\E86C";
}

.icon-jingyin:before {
  content: "\E86D";
}

.icon-huchu:before {
  content: "\E86E";
}

.icon-guaduan:before {
  content: "\E86F";
}

.icon-yewuleixingpeizhi:before {
  content: "\E86A";
}

.icon-AIjiekourizhi:before {
  content: "\E869";
}

.icon-lianwangsousuo:before {
  content: "\E868";
}

.icon-AIjiekoupeizhi:before {
  content: "\E867";
}

.icon-lishizhangwuchaxun:before {
  content: "\E866";
}

.icon-huiyuan:before {
  content: "\E865";
}

.icon-shebeijiankong:before {
  content: "\E864";
}

.icon-xitongliuliangfenxi:before {
  content: "\E863";
}

.icon-yonghuqianfeimingxi:before {
  content: "\E862";
}

.icon-yonghuyingshoumingxi:before {
  content: "\E85F";
}

.icon-baozhuangguanli:before {
  content: "\E860";
}

.icon-baozhuangpeizhi:before {
  content: "\E861";
}

.icon-gongnengpeizhi:before {
  content: "\E85E";
}

.icon-fenqushebei:before {
  content: "\E85D";
}

.icon-excel:before {
  content: "\E85C";
}

.icon-dubanshujuguanli:before {
  content: "\E85A";
}

.icon-dubanguanli:before {
  content: "\E85B";
}

.icon-tingzhi2:before {
  content: "\EC665";
}

.icon-gaojingxinxishenhe:before {
  content: "\E859";
}

.icon-zhengyan:before {
  content: "\E66A5";
}

.icon-biyan:before {
  content: "\E65CC";
}

.icon-yunweijiankong:before {
  content: "\E857";
}

.icon-ycshouqi:before {
  content: "\E858";
}

.icon-ycyejian:before {
  content: "\E855";
}

.icon-ycjiance:before {
  content: "\E856";
}

.icon-shanghuguanli:before {
  content: "\E854";
}

.icon-cuidan:before {
  content: "\E853";
}

.icon-APPxiaoxi:before {
  content: "\E852";
}

.icon-lousuntongji:before {
  content: "\E851";
}

.icon-zidonghuifupeizhi:before {
  content: "\E850";
}

.icon-baozhuangchuli:before {
  content: "\E84E";
}

.icon-fenquxunjian:before {
  content: "\E84D";
}

.icon-tonghuajilu:before {
  content: "\E84A";
}

.icon-zuoxiguanli:before {
  content: "\E84B";
}

.icon-zhishikuguanli:before {
  content: "\E844";
}

.icon-heimingdanguanli:before {
  content: "\E845";
}

.icon-baozhuangjiaofeimingxi:before {
  content: "\E846";
}

.icon-quxiaofabu:before {
  content: "\E847";
}

.icon-fabu2:before {
  content: "\E848";
}

.icon-neibugonggao:before {
  content: "\E843";
}

.icon-baozhuangtongji:before {
  content: "\E842";
}

.icon-tousushujudaoru:before {
  content: "\E841";
}

.icon-gdyiguaqi:before {
  content: "\E840";
}

.icon-zhiweiguanli:before {
  content: "\E84AA";
}

.icon-tuifeiguanli:before {
  content: "\B840";
}

.icon-baozhuangliuchengpeizhi:before {
  content: "\E841A";
}

.icon-feiyongxiangpeizhi:before {
  content: "\E840E";
}

.icon-baozhuangshenqing:before {
  content: "\E83F";
}

.icon-tuozhuaipaixu:before {
  content: "\E665F";
}

.icon-weixinxiaoxijilu:before {
  content: "\E83E";
}

.icon-yunyingguanlishujuguanli:before {
  content: "\E83D";
}

.icon-gongdanditu:before {
  content: "\E83C";
}

.icon-piliangbangding:before {
  content: "\E83B";
}

.icon-fuwuchuangkoudaoru:before {
  content: "\E83A";
}

.icon-yonghujiesuan:before {
  content: "\E839";
}

.icon-zhilingrizhi:before {
  content: "\E838";
}

.icon-kongzhi:before {
  content: "\E837";
}

.icon-yonghumanyidudaoru:before {
  content: "\E836";
}

.icon-DMAfenqubaobiao:before {
  content: "\E835";
}

.icon-guanwangjiankong:before {
  content: "\E834";
}

.icon-shutu:before {
  content: "\E833";
}

.icon-shutu2:before {
  content: "\E7A33";
}

.icon-xitongzidian:before {
  content: "\E666C";
}

.icon-xushuichiguanli:before {
  content: "\E832";
}

.icon-renshu:before {
  content: "\E82F";
}

.icon-lousun:before {
  content: "\E830";
}

.icon-niangongshui:before {
  content: "\E831";
}

.icon-yuegongshui:before {
  content: "\E82E";
}

.icon-jizhongqidangan:before {
  content: "\E82D";
}

.icon-piliangkoufei:before {
  content: "\E82B";
}

.icon-quanbukoufei:before {
  content: "\E82C";
}

.icon-koufeiguanli:before {
  content: "\E82A";
}

.icon-fenqucanshupeizhi:before {
  content: "\E829";
}

.icon-guanlianfenxi:before {
  content: "\E828";
}

.icon-sjkjh:before {
  content: "\E827";
}

.icon-zhangwutiaozheng:before {
  content: "\E821";
}

.icon-zhinengtiaodu:before {
  content: "\E822";
}

.icon-shoufeiguanli:before {
  content: "\E823";
}

.icon-shujufuwu:before {
  content: "\E824";
}

.icon-chaobiaojifei:before {
  content: "\E825";
}

.icon-feiyongtongji:before {
  content: "\E826";
}

.icon-guanwangGISxitong:before {
  content: "\E816";
}

.icon-fenquzhili:before {
  content: "\E817";
}

.icon-pingtaiyunwei:before {
  content: "\E818";
}

.icon-xiaoxiguanli:before {
  content: "\E819";
}

.icon-weizhanguanli:before {
  content: "\E81A";
}

.icon-guanwangxunjianxitong:before {
  content: "\E81B";
}

.icon-shengchanjiankong:before {
  content: "\E81C";
}

.icon-shujukeshihua:before {
  content: "\E81D";
}

.icon-yunyingbaobiao:before {
  content: "\E81E";
}

.icon-yewuguanli:before {
  content: "\E81F";
}

.icon-tiaoduguanli:before {
  content: "\E820";
}

.icon-xitongshezhi:before {
  content: "\E80A";
}

.icon-duiwaifuwu:before {
  content: "\E80B";
}

.icon-yunweiguanli:before {
  content: "\E80C";
}

.icon-fenqupeizhi:before {
  content: "\E80D";
}

.icon-chaobiaotongjifenxi:before {
  content: "\E80E";
}

.icon-shuibiaochaobiao:before {
  content: "\E80F";
}

.icon-danganguanli:before {
  content: "\E810";
}

.icon-gdgl:before {
  content: "\E811";
}

.icon-gaojingguanli:before {
  content: "\E812";
}

.icon-biaowuguanli:before {
  content: "\E813";
}

.icon-shequgongshuiguanli:before {
  content: "\E814";
}

.icon-fenquzhenduan:before {
  content: "\E815";
}

.icon-shebeikongzhi:before {
  content: "\E806";
}

.icon-shenjiguanli:before {
  content: "\E807";
}

.icon-pingtaigongneng:before {
  content: "\E808";
}

.icon-jichupeizhi:before {
  content: "\E809";
}

.icon-zixitongguanli:before {
  content: "\E665E";
}

.icon-yingyong:before {
  content: "\E71D";
}

.icon-fenzu:before {
  content: "\E7FD";
}

.icon-api:before {
  content: "\E6657";
}

.icon-biao:before {
  content: "\E804";
}

.icon-shitu:before {
  content: "\E805";
}

.icon-hangmoshi:before {
  content: "\E802";
}

.icon-liemoshi:before {
  content: "\E803";
}

.icon-sqlserver:before {
  content: "\E7FC";
}

.icon-shujuku:before {
  content: "\E7FE";
}

.icon-mysql:before {
  content: "\E7FF";
}

.icon-fenlei:before {
  content: "\E800";
}

.icon-oracle:before {
  content: "\E801";
}

.icon-shujuyuanguanli:before {
  content: "\E7F6";
}

.icon-APIguanli:before {
  content: "\E7F7";
}

.icon-shujumulu:before {
  content: "\E7F8";
}

.icon-APItiaoyongrizhi:before {
  content: "\E7F9";
}

.icon-yingyongguanli:before {
  content: "\E7FA";
}

.icon-chaobiaojilu:before {
  content: "\E7F5";
}

.icon-zxtshuichangtiaodu:before {
  content: "\E7F1";
}

.icon-zxtguanwangxunjian:before {
  content: "\E7F2";
}

.icon-zxttongyijichao:before {
  content: "\E7F3";
}

.icon-zxtguanwangGIS:before {
  content: "\E7F4";
}

.icon-zxtyingyeshoufei:before {
  content: "\E7EE";
}

.icon-zxtfenqujiliang:before {
  content: "\E7EF";
}

.icon-zxtwaiyegongdan:before {
  content: "\E7F0";
}

.icon-shebeifenbu:before {
  content: "\E7ED";
}

.icon-znzzshidu:before {
  content: "\E757";
}

.icon-saleData:before {
  content: "\E670B";
}

.icon-pidaofasong:before {
  content: "\E7EC";
}

.icon-dayinmobanguanli:before {
  content: "\E7EB";
}

.icon-yuemingxi:before {
  content: "\E7EA";
}

.icon-disanfangduizhang:before {
  content: "\E7E9";
}

.icon-gisgongju:before {
  content: "\E7E8";
}

.icon-jiaofeitongji:before {
  content: "\E6D4";
}

.icon-weixinxiaoxituisong:before {
  content: "\E70A";
}

.icon-qianfeimingxi:before {
  content: "\E7E7";
}

.icon-yingshoutongji:before {
  content: "\E7E3";
}

.icon-shishoumingxi:before {
  content: "\E7E4";
}

.icon-yingshoumingxi:before {
  content: "\E7E6";
}

.icon-wangtingyewubanli:before {
  content: "\E7E1";
}

.icon-xunjianzonglan:before {
  content: "\E7E2";
}

.icon-shishouchongzheng:before {
  content: "\E7E0";
}

.icon-guitaishoufei:before {
  content: "\E7DE";
}

.icon-yingshoutiaozheng:before {
  content: "\E7DF";
}

.icon-tingyongguanli:before {
  content: "\E7DC";
}

.icon-fuyongguanli:before {
  content: "\E7DD";
}

.icon-canshupeizhi:before {
  content: "\E6FC";
}

.icon-yuetiaozheng:before {
  content: "\E7D9";
}

.icon-yingshouzhuibu:before {
  content: "\E7DA";
}

.icon-weiyuejinjianmian:before {
  content: "\E7DB";
}

.icon-lghxtousu2:before {
  content: "\E7D8";
}

.icon-shuiliangtongji:before {
  content: "\E7D7";
}

.icon-chuangjianjihua:before {
  content: "\E7D5";
}

.icon-xiugaijihua:before {
  content: "\E7D6";
}

.icon-rengongchaobiao:before {
  content: "\E7D2";
}

.icon-quyuyongshuitongji:before {
  content: "\E7D3";
}

.icon-chaobiaojihua:before {
  content: "\E7D4";
}

.icon-ysyinhangguanli:before {
  content: "\E7D1";
}

.icon-quxiaoquanbu:before {
  content: "\E7CE";
}

.icon-shenhequanbu:before {
  content: "\E7D0";
}

.icon-quxiaosuoxuan:before {
  content: "\E7CC";
}

.icon-guaqi:before {
  content: "\E7CD";
}

.icon-shenhesuoxuan:before {
  content: "\E7CF";
}

.icon-yingxiaogongsiguanli:before {
  content: "\E7CB";
}

.icon-ysbiaocetiaozheng:before {
  content: "\E7C9";
}

.icon-xiangshang:before {
  content: "\E7CA";
}

.icon-xiangxia:before {
  content: "\E7A31";
}

.icon-xiangzuo:before {
  content: "\E7A2F";
}

.icon-xiangyou:before {
  content: "\E7A30";
}

.icon-shujuchongsuan:before {
  content: "\E7C8";
}

.icon-hudongliuyan:before {
  content: "\E7C6";
}

.icon-zizhushangbao:before {
  content: "\E7C7";
}

.icon-zhifubao:before {
  content: "\E60C";
}

.icon-hangyeguanli:before {
  content: "\E7C4";
}

.icon-yingyetingguanli:before {
  content: "\E7C5";
}

.icon-xiaofangbaobiao:before {
  content: "\E7C0";
}

.icon-bingwanbaobiao:before {
  content: "\E7C1";
}

.icon-yasuokongqibaobiao:before {
  content: "\E7C2";
}

.icon-dengguangbaobiao:before {
  content: "\E7C3";
}

.icon-ysshuijiapeizhi:before {
  content: "\E7BF";
}

.icon-nongdujiance:before {
  content: "\E7BE";
}

.icon-guanxian3d:before {
  content: "\E7BD";
}

.icon-ysheshouguanli:before {
  content: "\E7A9";
}

.icon-ystingshuigonggao:before {
  content: "\E7AA";
}

.icon-ysfajianxiang:before {
  content: "\E7AB";
}

.icon-ysxinxibiangeng:before {
  content: "\E7AC";
}

.icon-yschaobiaoguanli:before {
  content: "\E7AD";
}

.icon-ysshishoutongji:before {
  content: "\E7AE";
}

.icon-suanfeiguanli:before {
  content: "\E7AF";
}

.icon-yschaobiaojifei:before {
  content: "\E7B0";
}

.icon-ysshuibiaoguanli:before {
  content: "\E7B1";
}

.icon-ysqianfeitongji:before {
  content: "\E7B2";
}

.icon-ysyonghudangan:before {
  content: "\E7B3";
}

.icon-ysshuiliangshenhe:before {
  content: "\E7B4";
}

.icon-ysduanxinfasong:before {
  content: "\E7B5";
}

.icon-yspiaojuguanli:before {
  content: "\E7B6";
}

.icon-yslihuguanli:before {
  content: "\E7B7";
}

.icon-ysyingshoutongji:before {
  content: "\E7B8";
}

.icon-yszhangwutiaozheng:before {
  content: "\E7BA";
}

.icon-ysguohuguanli:before {
  content: "\E7BB";
}

.icon-ysxiaohuguanli:before {
  content: "\E7BC";
}

.icon-giszuiduanlujing:before {
  content: "\E7A8";
}

.icon-bgsbgl:before {
  content: "\E72E";
}

.icon-gispoumianfenxi:before {
  content: "\E7A7";
}

.icon-gisbiaoji:before {
  content: "\E7A6";
}

.icon-tousudizhibiangeng:before {
  content: "\E7A5";
}

.icon-yujingpeizhi:before {
  content: "\E666";
}

.icon-yuanchengkongzhi:before {
  content: "\E663";
}

.icon-dengguangkongzhi:before {
  content: "\E72D";
}

.icon-famenziliao:before {
  content: "\E7A2";
}

.icon-qitishebei:before {
  content: "\E7A3";
}

.icon-dengguangshebei:before {
  content: "\E7A4";
}

.icon-lousunbaobiao:before {
  content: "\E7A2E";
}

.icon-daijiedan:before {
  content: "\E663C";
}

.icon-dituzonglan:before {
  content: "\E7A2A";
}

.icon-gisjihejing:before {
  content: "\E7A1";
}

.icon-shuichang3D:before {
  content: "\E79F";
}

.icon-shijing3D:before {
  content: "\E7A0";
}

.icon-juminhuaxiang:before {
  content: "\E79D";
}

.icon-yonghuhuaxiang:before {
  content: "\E79E";
}

.icon-yanzhengma:before {
  content: "\E609";
}

.icon-quxiao:before {
  content: "\E609C";
}

.icon-bzjkbeng:before {
  content: "\E665B";
}

.icon-bzjkmen:before {
  content: "\E79B";
}

.icon-bzjkdeng:before {
  content: "\E79C";
}

.icon-ergongjiankong:before {
  content: "\E79A";
}

.icon-fenqugaojingxinxi:before {
  content: "\E798";
}

.icon-fenqugaojingfangan:before {
  content: "\E799";
}

.icon-haodianliang:before {
  content: "\E796";
}

.icon-dunshuidianhao:before {
  content: "\E797";
}

.icon-lghxxuexiaofenlei:before {
  content: "\E795";
}

.icon-lghxjigou:before {
  content: "\E793";
}

.icon-lghxhangye:before {
  content: "\E794";
}

.icon-lghxzhongdianguanzhu:before {
  content: "\E791";
}

.icon-lghxshuichi:before {
  content: "\E792";
}

.icon-lghxtuoshoufangshi:before {
  content: "\E78F";
}

.icon-lghxchaobiaofangshi:before {
  content: "\E790";
}

.icon-famendangan:before {
  content: "\E78E";
}

.icon-diaodupeizhi:before {
  content: "\E78A";
}

.icon-yalitidufangan:before {
  content: "\E78B";
}

.icon-shuiliangdiaodufangan:before {
  content: "\E78C";
}

.icon-yalidiaodufangan:before {
  content: "\E78D";
}

.icon-lghxzidongjifeishuai:before {
  content: "\E788";
}

.icon-guanwangjiancedp:before {
  content: "\E778";
}

.icon-gongshuiyewu:before {
  content: "\E786";
}

.icon-changzhanjiance:before {
  content: "\E789";
}

.icon-exitfull:before {
  content: "\E6D3";
}

.icon-lghxhuishoushuai:before {
  content: "\E779";
}

.icon-lghxfengongsi:before {
  content: "\E77A";
}

.icon-lghxnanxing:before {
  content: "\E77B";
}

.icon-lghxnvxing:before {
  content: "\E77C";
}

.icon-lghxchulizhong:before {
  content: "\E77D";
}

.icon-lghxxianshangbanli:before {
  content: "\E77E";
}

.icon-lghxxianxiabanli:before {
  content: "\E77F";
}

.icon-lghxyewuzongliang:before {
  content: "\E780";
}

.icon-lghxyichuli:before {
  content: "\E781";
}

.icon-lghxfuwuchuangkou:before {
  content: "\E782";
}

.icon-lghxfuwumanyidu:before {
  content: "\E783";
}

.icon-lghxshequfuwu:before {
  content: "\E784";
}

.icon-lghxxinyongpingjia:before {
  content: "\E785";
}

.icon-lghxfuwumianji:before {
  content: "\E787";
}

.icon-lghxyiyuan:before {
  content: "\E771";
}

.icon-lghxqiehuanmoshi:before {
  content: "\E772";
}

.icon-lghxzonglan:before {
  content: "\E773";
}

.icon-lghxquanping:before {
  content: "\E774";
}

.icon-lghxqiye:before {
  content: "\E775";
}

.icon-lghxzhengfu:before {
  content: "\E776";
}

.icon-lghxxuexiao:before {
  content: "\E777";
}

.icon-ddzhgaojing:before {
  content: "\EB97";
}

.icon-lghxliebiao:before {
  content: "\E76F";
}

.icon-lghxtu:before {
  content: "\E770";
}

.icon-gisguanwangfenxi:before {
  content: "\E738";
}

.icon-gisguanxiancaozuo:before {
  content: "\E739";
}

.icon-gissheshiguanli:before {
  content: "\E73A";
}

.icon-gishuizhifenqu:before {
  content: "\E73B";
}

.icon-gisshujupianyi:before {
  content: "\E73C";
}

.icon-giszonglan:before {
  content: "\E755";
}

.icon-gisbaoguanfenxi2:before {
  content: "\E757A";
}

.icon-gisguanxianbianji:before {
  content: "\E758";
}

.icon-gisceliang:before {
  content: "\E759";
}

.icon-gishuanlufenxi:before {
  content: "\E75A";
}

.icon-gisjichupeizhi:before {
  content: "\E75B";
}

.icon-gisjiedianbaobiao:before {
  content: "\E75C";
}

.icon-gisliantongxingfenxi:before {
  content: "\E75D";
}

.icon-gisshujudaochu:before {
  content: "\E75E";
}

.icon-gisliuxiangfenxi:before {
  content: "\E75F";
}

.icon-gisshujudaoru2:before {
  content: "\E760";
}

.icon-gisyalifenxi:before {
  content: "\E761";
}

.icon-gisyichangshuju:before {
  content: "\E762";
}

.icon-gisjiedianbianji:before {
  content: "\E763";
}

.icon-gisshunliufenxi:before {
  content: "\E764";
}

.icon-gistucengxianshi:before {
  content: "\E765";
}

.icon-giszichanbaobiao:before {
  content: "\E766";
}

.icon-gisdaochu:before {
  content: "\E767";
}

.icon-gisfenleixianshi:before {
  content: "\E768";
}

.icon-gisguanfafenxi:before {
  content: "\E769";
}

.icon-gisguanxianbaobiao:before {
  content: "\E76A";
}

.icon-gishuanchongqufenxi:before {
  content: "\E76B";
}

.icon-gisshebeiduibi:before {
  content: "\E76C";
}

.icon-gisshujubiaoqian:before {
  content: "\E76D";
}

.icon-gistishixinxi:before {
  content: "\E76E";
}

.icon-zongfenbiaoguanli:before {
  content: "\E7A32";
}

.icon-shebeizhuce:before {
  content: "\E754";
}

.icon-lghxjiantoushang:before {
  content: "\E752";
}

.icon-lghxjiantouxia:before {
  content: "\E753";
}

.icon-lghxyuanchuanbiao:before {
  content: "\E750";
}

.icon-lghxguzhangshuai:before {
  content: "\E751";
}

.icon-lghxgengduo:before {
  content: "\E74F";
}

.icon-gdyiwancheng:before {
  content: "\E74C";
}

.icon-gdchulizhong:before {
  content: "\E74D";
}

.icon-gdyizuofei:before {
  content: "\E74E";
}

.icon-lghxchaobiaozhouqi:before {
  content: "\E744";
}

.icon-lghxrenkou:before {
  content: "\E749";
}

.icon-lghxgaishu:before {
  content: "\E73D";
}

.icon-lghxfenxi:before {
  content: "\E740";
}

.icon-lghxfuwu:before {
  content: "\E741";
}

.icon-lghxjungongriqi:before {
  content: "\E742";
}

.icon-lghxpianqu:before {
  content: "\E746";
}

.icon-lghxshuibiaoshu:before {
  content: "\E747";
}

.icon-lghxshuibiao:before {
  content: "\E748";
}

.icon-lghxtousu:before {
  content: "\E74A";
}

.icon-lghxxiaoqu:before {
  content: "\E74B";
}

.icon-gdtongjichaxun:before {
  content: "\E71C";
}

.icon-tubiao:before {
  content: "\E6D2";
}

.icon-bengzhanjiance:before {
  content: "\E717";
}

.icon-shuizhi:before {
  content: "\E6D1";
}

.icon-bengzhan:before {
  content: "\E71A";
}

.icon-GISgongneng:before {
  content: "\E71B";
}

.icon-shuizhishebeidangan:before {
  content: "\E719";
}

.icon-liuliangbaobiao:before {
  content: "\E711";
}

.icon-paibanguanli:before {
  content: "\E712";
}

.icon-shujuqianyi:before {
  content: "\E713";
}

.icon-shuizhibaobiao:before {
  content: "\E715";
}

.icon-yalibaobiao:before {
  content: "\E716";
}

.icon-diaodurizhi:before {
  content: "\E718";
}

.icon-jiejiaripeizhi:before {
  content: "\E710";
}

.icon-wodegongdan:before {
  content: "\E6CB";
}

.icon-zonghechaxun:before {
  content: "\E6CD";
}

.icon-jichengdiaodudaping:before {
  content: "\E70E";
}

.icon-liuchengpeizhi:before {
  content: "\E70F";
}

.icon-xiaoxi:before {
  content: "\E671A";
}

.icon-gongdanzidianpeizhi:before {
  content: "\E702";
}

.icon-yhhx-chengzhongcun:before {
  content: "\E6FD";
}

.icon-yhhx-quyu:before {
  content: "\E6FF";
}

.icon-yhhx-jiedao:before {
  content: "\E700";
}

.icon-yhhx-genjiedian:before {
  content: "\E701";
}

.icon-APPrizhi:before {
  content: "\E6FE";
}

.icon-biaoqianguanli:before {
  content: "\E6F9";
}

.icon-xiaoqudangan:before {
  content: "\E6FA";
}

.icon-quyuguanli:before {
  content: "\E6FB";
}

.icon-shijianguanli:before {
  content: "\E7B9";
}

.icon-xunjianjiance:before {
  content: "\E677A";
}

.icon-xunjianrenwu:before {
  content: "\E6EE";
}

.icon-xinxishenhe:before {
  content: "\E6ED";
}

.icon-yonghuleixingzhuanhuan:before {
  content: "\E6CC";
}

.icon-kaohebiaoshuiliangbaobiao:before {
  content: "\E6CE";
}

.icon-OCRpingtaipeizhi:before {
  content: "\E6CF";
}

.icon-smartWaterMeterPlatform:before {
  content: "\E6D0";
}

.icon-bendihuapeizhi:before {
  content: "\E6CA";
}

.icon-gissantong:before {
  content: "\E6C3";
}

.icon-gisfamen:before {
  content: "\E6C9";
}

.icon-gisjiedian:before {
  content: "\E6C2";
}

.icon-gispainifa:before {
  content: "\E6C4";
}

.icon-gispaiqifa:before {
  content: "\E6C5";
}

.icon-gissitong:before {
  content: "\E6C6";
}

.icon-gisxiaofangshuan:before {
  content: "\E6C8";
}

.icon-giszichanxinxiweihu:before {
  content: "\E6C7";
}

.icon-gaojingjilu:before {
  content: "\E6C1";
}

.icon-gonggaoguanli:before {
  content: "\E6C0";
}

.icon-shuichanggaojingshezhi:before {
  content: "\E6BF";
}

.icon-huancunchaxun:before {
  content: "\E6BE";
}

.icon-ditujiankong:before {
  content: "\E6B4";
}

.icon-zhuodu:before {
  content: "\E6BB";
}

.icon-yulv:before {
  content: "\E6BD";
}

.icon-PHzhi:before {
  content: "\E6BC";
}

.icon-shu-jiancedian:before {
  content: "\E6B5";
}

.icon-shu-bengzhan:before {
  content: "\E6B6";
}

.icon-shu-suoyoucedian:before {
  content: "\E6B8";
}

.icon-shu-shuichang:before {
  content: "\E6B9";
}

.icon-shu-shuiyuan:before {
  content: "\E6BA";
}

.icon-shengchanbaobiao:before {
  content: "\E6B1";
}

.icon-nenghaobaobiao:before {
  content: "\E6B3";
}

.icon-gongyipeizhi:before {
  content: "\E6AF";
}

.icon-gongyijiankong:before {
  content: "\E6AD";
}

.icon-shuichangjiankong:before {
  content: "\E6AE";
}

.icon-shuiyuanjiankong:before {
  content: "\E6B2";
}

.icon-lishishuju:before {
  content: "\E6AC";
}

.icon-shishishujutongji:before {
  content: "\E6B0";
}

.icon-jiemianpeizhi:before {
  content: "\E6B7";
}

.icon-zhongdianyonghugaojing:before {
  content: "\E6AB";
}

.icon-shuichangshebeidangan:before {
  content: "\E6AA";
}

.icon-shuiyuanshuichangdangan:before {
  content: "\E6A9";
}

.icon-biaoceguanli:before {
  content: "\E6A8";
}

.icon-sppz-2:before {
  content: "\E6A4";
}

.icon-sppz-1:before {
  content: "\E6A6";
}

.icon-sppz-3:before {
  content: "\E6A7";
}

.icon-shipinpeizhi:before {
  content: "\E6A3";
}

.icon-shipinjiankong:before {
  content: "\E60A";
}

.icon-jichuxinxi:before {
  content: "\E6A0";
}

.icon-shouchaoyue:before {
  content: "\E6A1";
}

.icon-shouchaoshebeiguanli:before {
  content: "\E6A2";
}

.icon-piliangshanchu:before {
  content: "\E69D";
}

.icon-piliangdaoru:before {
  content: "\E725";
}

.icon-shebeigaojing:before {
  content: "\E69C";
}

.icon-dujuyongshui:before {
  content: "\E69E";
}

.icon-dapingpeizhi:before {
  content: "\E69F";
}

.icon-appshouquanguanli:before {
  content: "\E69B";
}

.icon-erweima:before {
  content: "\E607";
}

.icon-liuliangfenxi:before {
  content: "\E674A";
}

.icon-mpliuliangfenxi:before {
  content: "\E69A";
}

.icon-xitongxiaoxi:before {
  content: "\E699";
}

.icon-shishijiance:before {
  content: "\E698";
}

.icon-ssjcyalibiao:before {
  content: "\E696";
}

.icon-ssjcshijian:before {
  content: "\E697";
}

.icon-ssjcditu:before {
  content: "\E692";
}

.icon-ssjcliebiao:before {
  content: "\E694";
}

.icon-ssjcwangge:before {
  content: "\E695";
}

.icon-jlmianji:before {
  content: "\E687";
}

.icon-jljieshuiqiju:before {
  content: "\E688";
}

.icon-jlrenjunyongshui:before {
  content: "\E689";
}

.icon-jllouyu:before {
  content: "\E68A";
}

.icon-jlyueyongliang:before {
  content: "\E68B";
}

.icon-jlrenshu:before {
  content: "\E68C";
}

.icon-jlrenjundinge:before {
  content: "\E68E";
}

.icon-jlnianjihua:before {
  content: "\E68F";
}

.icon-jlguanwang:before {
  content: "\E691";
}

.icon-login:before {
  content: "\E686";
}

.icon-wulianwangqiaguanli:before {
  content: "\E685";
}

.icon-xunjianquyu:before {
  content: "\E683";
}

.icon-xunjianjihua:before {
  content: "\E684";
}

.icon-gisjianchadian:before {
  content: "\E681";
}

.icon-gischonghuiquyu:before {
  content: "\E680";
}

.icon-gishuizhiquyu:before {
  content: "\E67A";
}

.icon-gishuizhiluxian:before {
  content: "\E67C";
}

.icon-gischonghuiluxian:before {
  content: "\E67D";
}

.icon-gistianjiajianchadian:before {
  content: "\E67E";
}

.icon-renwupeizhi:before {
  content: "\E714";
}

.icon-APPbanbenfabuguanli:before {
  content: "\EA70";
}

.icon-GISshujudaoru:before {
  content: "\E666A";
}

.icon-gisquyumianji:before {
  content: "\E670A";
}

.icon-gisjiancedian:before {
  content: "\E66BA";
}

.icon-gishuifuyuanzhuang:before {
  content: "\E66EA";
}

.icon-gisbaoguanfenxi:before {
  content: "\E66FA";
}

.icon-giskaohebiao:before {
  content: "\E673A";
}

.icon-gisceju:before {
  content: "\E6757";
}

.icon-gisshuichang:before {
  content: "\E676A";
}

.icon-giskuangxuanfenxi:before {
  content: "\E678A";
}

.icon-gisyalibiao:before {
  content: "\E679";
}

.icon-fenquditu:before {
  content: "\E66C";
}

.icon-zonghezhanshi:before {
  content: "\E604";
}

.icon-xiaochengxuguanli:before {
  content: "\E66A";
}

.icon-GIStongjifenxi:before {
  content: "\E667A";
}

.icon-GISshujuweihu:before {
  content: "\E669A";
}

.icon-guanwangjiance:before {
  content: "\E668A";
}

.icon-caozuoguanxian:before {
  content: "\E660";
}

.icon-liantongxing:before {
  content: "\E661";
}

.icon-jianlituopuguanxi:before {
  content: "\E6633";
}

.icon-xinzeng:before {
  content: "\E664";
}

.icon-chaojianlv:before {
  content: "\E65D";
}

.icon-shequzonglan:before {
  content: "\E65C";
}

.icon-zhihuishequ:before {
  content: "\E65B";
}

.icon-shequ:before {
  content: "\E65A";
}

.icon-yichangxinxi:before {
  content: "\E665A";
}

.icon-shouqi:before {
  content: "\E73E";
}

.icon-kehu:before {
  content: "\E658";
}

.icon-quanbukehu:before {
  content: "\E654";
}

.icon-zhuangbiaojilu:before {
  content: "\E653";
}

.icon-yonghushenhe:before {
  content: "\E603";
}

.icon-jiekourizhi:before {
  content: "\E65F";
}

.icon-feijumin:before {
  content: "\E651";
}

.icon-bianjiebiao:before {
  content: "\E650";
}

.icon-shequyongshuifenxi:before {
  content: "\E64F";
}

.icon-jiajiemipeizhi:before {
  content: "\E64E";
}

.icon-gongzhonghaoguanli:before {
  content: "\E641";
}

.icon-duanxinpingtai:before {
  content: "\E645";
}

.icon-yijianfankui:before {
  content: "\E646";
}

.icon-guzhangbaoxiu:before {
  content: "\E647";
}

.icon-neirongguanli:before {
  content: "\E648";
}

.icon-zhongdianyonghuguanli:before {
  content: "\E649";
}

.icon-fajianxiang:before {
  content: "\E64A";
}

.icon-xiaoxipeizhi:before {
  content: "\E64B";
}

.icon-weizhanpeizhi:before {
  content: "\E64C";
}

.icon-fenjifenxi:before {
  content: "\E613";
}

.icon-dmafenqu:before {
  content: "\E643";
}

.icon-dmaxiaoqu:before {
  content: "\E644";
}

.icon-jisuanqi:before {
  content: "\E703";
}

.icon-yalibiaodangan:before {
  content: "\E642";
}

.icon-zichanguanli:before {
  content: "\E672A";
}

.icon-fenqufenxi:before {
  content: "\E63E";
}

.icon-fenququanxian:before {
  content: "\E63F";
}

.icon-shuipingheng:before {
  content: "\E640";
}

.icon-duibifenxi:before {
  content: "\E84F";
}

.icon-fenqudangan:before {
  content: "\E63D";
}

.icon-mapmark:before {
  content: "\E602";
}

.icon-shebeijiankangchaxun:before {
  content: "\E63B";
}

.icon-baocun:before {
  content: "\E84C";
}

.icon-shebeitongji:before {
  content: "\E662";
}

.icon-piliangquxiao:before {
  content: "\E634";
}

.icon-piliangshezhi:before {
  content: "\E637";
}

.icon-duiwaifuwushouquan:before {
  content: "\E632";
}

.icon-duiwaifuwupeizhi:before {
  content: "\E633";
}

.icon-zuwangshebeiguanli:before {
  content: "\E630";
}

.icon-gaojingfangan-copy:before {
  content: "\EB96";
}

.icon-xuanzeshebei:before {
  content: "\E68D";
}

.icon-fangda:before {
  content: "\E631";
}

.icon-chakan:before {
  content: "\E756";
}

.icon-yinliang:before {
  content: "\E62C";
}

.icon-yinliangguanbi:before {
  content: "\E62D";
}

.icon-zidingyigaojing:before {
  content: "\E62B";
}

.icon-gaojingxinxi:before {
  content: "\E6E5";
}

.icon-gongdanguanli:before {
  content: "\E62A";
}

.icon-tishixinxi:before {
  content: "\E618";
}

.icon-tishi2:before {
  content: "\E629";
}

.icon-tishi:before {
  content: "\E682";
}

.icon-anniudaochu:before {
  content: "\E627";
}

.icon-anniushuibiaotiaohuan:before {
  content: "\E628";
}

.icon-yonghuyongshui:before {
  content: "\E623";
}

.icon-shuibiaohuanbiao:before {
  content: "\E624";
}

.icon-famenkongzhi:before {
  content: "\E625";
}

.icon-guanfashezhi:before {
  content: "\E626";
}

.icon-yuanshirizhi:before {
  content: "\E622";
}

.icon-yuanshibaowen:before {
  content: "\E621";
}

.icon-xitonggaojingshezhi:before {
  content: "\E620";
}

.icon-NB-IoTyingyongguanli:before {
  content: "\E61A";
}

.icon-yuanchengcaozuo1:before {
  content: "\E619";
}

.icon-chaojiantongji:before {
  content: "\E61F";
}

.icon-kehucanshu:before {
  content: "\E61C";
}

.icon-yibiaotongji:before {
  content: "\E61E";
}

.icon-xiaoquyongshui:before {
  content: "\E61D";
}

.icon-yunweirenyuanguanli:before {
  content: "\E61B";
}

.icon-keshihuapeizhi:before {
  content: "\E745";
}

.iconshuiliangbaobiao:before {
  content: "\E875";
}

.icon-shuibiao:before {
  content: "\E614";
}

.icon-xiaoqu:before {
  content: "\E612";
}

.icon-menpaihao:before {
  content: "\E693";
}

.icon-fenqu:before {
  content: "\E6A5";
}

.icon-zuzhi:before {
  content: "\E611";
}

.icon-loudong:before {
  content: "\E657";
}

.icon-danyuan:before {
  content: "\E67B";
}

.icon-guanlian:before {
  content: "\E60F";
}

.icon-zhilingxiafa:before {
  content: "\E601";
}

.icon-gaojingchaxun:before {
  content: "\E652";
}

.icon-gaojingshezhi:before {
  content: "\E639";
}

.icon-yongliangtongji:before {
  content: "\E615";
}

.icon-caozuorizhi:before {
  content: "\E743";
}

.icon-quanxianpeizhi:before {
  content: "\E638";
}

.icon-kehuguanli:before {
  content: "\E65E";
}

.icon-yonghudangan:before {
  content: "\E636";
}

.icon-juminjiesuan:before {
  content: "\E62F";
}

.icon-shishichaobiao:before {
  content: "\E6D9";
}

.icon-yongshuimingxi:before {
  content: "\E73F";
}

.iconyonghuguanli:before {
  content: "\E63A";
}

.icon-juminshebeidangan:before {
  content: "\E616";
}

.icon-feijuminjiesuan:before {
  content: "\E62E";
}

.icon-bumenguanli:before {
  content: "\E66DE";
}

.icon-xitongcanshu:before {
  content: "\E7FB";
}

.icon-feijuminshebeidangan:before {
  content: "\E690";
}

.icon-zuzhidangan:before {
  content: "\E67F";
}

.icon-zidianpeizhi:before {
  content: "\E617";
}

.icon-jueseguanli:before {
  content: "\E600";
}

.icon-denglurizhi:before {
  content: "\E96B";
}

.icon-tongjifenxi:before {
  content: "\EB95";
}

.icon-copy:before {
  content: "\E60B";
}

.icon-fabu:before {
  content: "\E60CB";
}

.icon-del:before {
  content: "\E60D";
}

.icon-yulan:before {
  content: "\E60E";
}

.icon-set:before {
  content: "\E609A";
}

.icon-zhanghu:before {
  content: "\E659";
}

.icon-mima:before {
  content: "\E610";
}

.icon-uncollection:before {
  content: "\E6EC";
}

.icon-pin-fill:before {
  content: "\E849";
}

.icon-collection:before {
  content: "\E6EA";
}

.icon-pin:before {
  content: "\E608";
}

.icon-search:before {
  content: "\E63C";
}

.icon-user:before {
  content: "\E64D";
}

.icon-help:before {
  content: "\E655";
}

.icon-warning:before {
  content: "\E656";
}

.icon-bell:before {
  content: "\E7E5";
}

.icon-message:before {
  content: "\E635";
}

.icon-fold:before {
  content: "\E605";
}

.icon-unfold:before {
  content: "\E606";
}