@charset "UTF-8";
/**
 * 定义基础变量样式
 * created by eric
 */
/**
 *基本颜色定义
 */
.iconStyle {
  width: 2vw;
  height: 2vw;
  display: block;
}
.primary {
  color: #454545 !important;
}
.success {
  color: #67C23A !important;
}
.warning {
  color: #E6A23C !important;
}
.danger {
  color: #F56C6C !important;
}
.info {
  color: #909399 !important;
}
.black {
  color: #222 !important;
}
.white {
  color: #FFF !important;
}
.gray {
  color: #778992 !important;
}
.red {
  color: #FF0000 !important;
}

/**
 * 红五角心
 */
.must:before {
  content: "*";
  color: #F56C6C;
  margin-right: 4px;
}
.operateButtons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

/**
 *字体颜色
 */
/**
 *边框颜色
 */
/**
 * 边框圆角
 */
.radius {
  border-radius: 4px;
}

/**
 *背景阴影
 */
.shadow {
  -webkit-box-shadow: 0 0 10px #f5f5f5;
          box-shadow: 0 0 10px #f5f5f5;
}

/**
 * 边框调试---开发专用，不要流到产品
 */
.dom {
  border: 1px solid red;
}

/**
 * 交互手指
 */
.pointer {
  cursor: pointer;
}
.card {
  border-radius: 4px;
  -webkit-box-shadow: 0 0 7px #888;
          box-shadow: 0 0 7px #888;
}

/**
 * 打印通用样式
 */
/**
 * 交互手指
 */
.pointer {
  cursor: pointer;
}

/**
 * 卡片
 */
.card {
  border-radius: 4px;
  -webkit-box-shadow: 0 0 7px #888;
          box-shadow: 0 0 7px #888;
}

/**
 * 各类宽度
 */
.width80 {
  width: 80px !important;
}
.width120 {
  width: 120px !important;
}
.width150 {
  width: 150px !important;
}
.width180 {
  width: 180px !important;
}
.width200 {
  width: 200px !important;
}
.width215 {
  width: 215px !important;
}
.width220 {
  width: 220px !important;
}
.width250 {
  width: 250px !important;
}
.width280 {
  width: 280px !important;
}
.width300 {
  width: 300px !important;
}
.width460 {
  width: 460px !important;
}

/**
 * 字体格式
 */
.font-digital {
  font-family: "digital";
}

/**
 * 文字显示一行
 */
.ellipsis {
  width: 100px;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/**
 * 文字显示三行
 */
.ellipsis-3 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

/**
  弹窗内查询
*/
.dlgQueryItem {
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  row-gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.dlgQueryBtn {
  text-align: right;
  width: 13%;
}

/**
 * 各类按钮宽度
 */
.width1To4Word {
  width: 88px !important;
}
.width4To8Word {
  width: 206px !important;
}
.el-form-width {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.el-form-textarea-width-two {
  width: 550px;
}
.el-form-textarea-width-three {
  width: 880px;
}
.el-datetime-picker {
  width: 450px !important;
}
.layout-left-header-title {
  font-size: 16px;
  font-weight: bold;
}
.el-link-operation {
  margin-right: 10px;
}
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type=number] {
  -moz-appearance: textfield;
}
.slide-verify-container {
  position: relative;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #f7f9fa;
  color: #45494c;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}
.slide-verify-block {
  position: absolute;
  width: 40px;
  height: 40px;
  background: #fff;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-transition: background 0.2s linear;
  transition: background 0.2s linear;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  top: 0;
  left: 0;
}
.slide-verify-block:hover {
  background: #67C23A;
  color: #fff;
}
.slide-verify-block:hover i {
  color: #fff;
}
.slide-verify-track {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #f7f9fa;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: background 0.2s linear;
  transition: background 0.2s linear;
}
.slide-verify-text {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  text-align: center;
  color: #45494c;
  font-size: 14px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.slide-verify-success .slide-verify-block {
  color: #fff !important;
  background: #67C23A !important;
}
.slide-verify-success .slide-verify-block i {
  color: #fff !important;
}
.slide-verify-success .slide-verify-track {
  background: #67C23A;
}
.slide-verify-success .slide-verify-text {
  color: #fff;
}
@charset "UTF-8";
/**
 * 定义基础变量样式
 * created by eric
 */
/**
 *基本颜色定义
 */
.iconStyle[data-v-117ef6c2] {
  width: 2vw;
  height: 2vw;
  display: block;
}
.primary[data-v-117ef6c2] {
  color: #454545 !important;
}
.success[data-v-117ef6c2] {
  color: #67C23A !important;
}
.warning[data-v-117ef6c2] {
  color: #E6A23C !important;
}
.danger[data-v-117ef6c2] {
  color: #F56C6C !important;
}
.info[data-v-117ef6c2] {
  color: #909399 !important;
}
.black[data-v-117ef6c2] {
  color: #222 !important;
}
.white[data-v-117ef6c2] {
  color: #FFF !important;
}
.gray[data-v-117ef6c2] {
  color: #778992 !important;
}
.red[data-v-117ef6c2] {
  color: #FF0000 !important;
}

/**
 * 红五角心
 */
.must[data-v-117ef6c2]:before {
  content: "*";
  color: #F56C6C;
  margin-right: 4px;
}
.operateButtons[data-v-117ef6c2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

/**
 *字体颜色
 */
/**
 *边框颜色
 */
/**
 * 边框圆角
 */
.radius[data-v-117ef6c2] {
  border-radius: 4px;
}

/**
 *背景阴影
 */
.shadow[data-v-117ef6c2] {
  -webkit-box-shadow: 0 0 10px #f5f5f5;
          box-shadow: 0 0 10px #f5f5f5;
}

/**
 * 边框调试---开发专用，不要流到产品
 */
.dom[data-v-117ef6c2] {
  border: 1px solid red;
}

/**
 * 交互手指
 */
.pointer[data-v-117ef6c2] {
  cursor: pointer;
}
.card[data-v-117ef6c2] {
  border-radius: 4px;
  -webkit-box-shadow: 0 0 7px #888;
          box-shadow: 0 0 7px #888;
}

/**
 * 打印通用样式
 */
/**
 * 交互手指
 */
.pointer[data-v-117ef6c2] {
  cursor: pointer;
}

/**
 * 卡片
 */
.card[data-v-117ef6c2] {
  border-radius: 4px;
  -webkit-box-shadow: 0 0 7px #888;
          box-shadow: 0 0 7px #888;
}

/**
 * 各类宽度
 */
.width80[data-v-117ef6c2] {
  width: 80px !important;
}
.width120[data-v-117ef6c2] {
  width: 120px !important;
}
.width150[data-v-117ef6c2] {
  width: 150px !important;
}
.width180[data-v-117ef6c2] {
  width: 180px !important;
}
.width200[data-v-117ef6c2] {
  width: 200px !important;
}
.width215[data-v-117ef6c2] {
  width: 215px !important;
}
.width220[data-v-117ef6c2] {
  width: 220px !important;
}
.width250[data-v-117ef6c2] {
  width: 250px !important;
}
.width280[data-v-117ef6c2] {
  width: 280px !important;
}
.width300[data-v-117ef6c2] {
  width: 300px !important;
}
.width460[data-v-117ef6c2] {
  width: 460px !important;
}

/**
 * 字体格式
 */
.font-digital[data-v-117ef6c2] {
  font-family: "digital";
}

/**
 * 文字显示一行
 */
.ellipsis[data-v-117ef6c2] {
  width: 100px;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/**
 * 文字显示三行
 */
.ellipsis-3[data-v-117ef6c2] {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

/**
  弹窗内查询
*/
.dlgQueryItem[data-v-117ef6c2] {
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  row-gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.dlgQueryBtn[data-v-117ef6c2] {
  text-align: right;
  width: 13%;
}

/**
 * 各类按钮宽度
 */
.width1To4Word[data-v-117ef6c2] {
  width: 88px !important;
}
.width4To8Word[data-v-117ef6c2] {
  width: 206px !important;
}
.el-form-width[data-v-117ef6c2] {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.el-form-textarea-width-two[data-v-117ef6c2] {
  width: 550px;
}
.el-form-textarea-width-three[data-v-117ef6c2] {
  width: 880px;
}
.el-datetime-picker[data-v-117ef6c2] {
  width: 450px !important;
}
.layout-left-header-title[data-v-117ef6c2] {
  font-size: 16px;
  font-weight: bold;
}
.el-link-operation[data-v-117ef6c2] {
  margin-right: 10px;
}
input[type=number][data-v-117ef6c2]::-webkit-outer-spin-button, input[type=number][data-v-117ef6c2]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type=number][data-v-117ef6c2] {
  -moz-appearance: textfield;
}
#login[data-v-117ef6c2] {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 360px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.login-title[data-v-117ef6c2] {
  font-size: 28px;
  color: #2C5282;
  margin-bottom: 10px;
  font-weight: 600;
  text-align: center;
}
.login-subtitle[data-v-117ef6c2] {
  color: #718096;
  margin-bottom: 40px;
  text-align: center;
}
.input-group[data-v-117ef6c2] {
  margin-bottom: 20px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.input-item[data-v-117ef6c2] {
  position: relative;
  margin-bottom: 20px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.input-item i[data-v-117ef6c2] {
  position: absolute;
  left: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #A0AEC0;
  font-size: 18px;
  z-index: 1;
}
.input-item input[data-v-117ef6c2] {
  width: 100%;
  height: 50px;
  padding: 0 20px 0 45px;
  border: 1px solid #E2E8F0;
  border-radius: 8px;
  font-size: 16px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.input-item input[data-v-117ef6c2]:focus {
  border-color: #2C5282;
  -webkit-box-shadow: 0 0 0 3px rgba(44, 82, 130, 0.1);
          box-shadow: 0 0 0 3px rgba(44, 82, 130, 0.1);
  outline: none;
}
.input-item input[data-v-117ef6c2]::-webkit-input-placeholder {
  color: #A0AEC0;
}
.input-item input[data-v-117ef6c2]::-moz-placeholder {
  color: #A0AEC0;
}
.input-item input[data-v-117ef6c2]:-ms-input-placeholder {
  color: #A0AEC0;
}
.input-item input[data-v-117ef6c2]::-ms-input-placeholder {
  color: #A0AEC0;
}
.input-item input[data-v-117ef6c2]::placeholder {
  color: #A0AEC0;
}
.login-button[data-v-117ef6c2] {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.login-button button[data-v-117ef6c2] {
  width: 100%;
  height: 50px;
  background: linear-gradient(135deg, #2C5282 0%, #1F3A5F 100%);
  border: none;
  border-radius: 8px;
  color: white;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.login-button button[data-v-117ef6c2]:hover:not(:disabled) {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 5px 15px rgba(44, 82, 130, 0.3);
          box-shadow: 0 5px 15px rgba(44, 82, 130, 0.3);
}
.login-button button[data-v-117ef6c2]:active:not(:disabled) {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.login-button button[data-v-117ef6c2]:disabled {
  background: #A0AEC0;
  cursor: not-allowed;
}
.login-tip[data-v-117ef6c2] {
  text-align: center;
  margin-top: 20px;
}
.login-tip .tip-text[data-v-117ef6c2] {
  color: #A0AEC0;
  font-size: 14px;
  margin: 0;
  font-style: italic;
}
@charset "UTF-8";
/**
 * 定义基础变量样式
 * created by eric
 */
/**
 *基本颜色定义
 */
.iconStyle[data-v-1c6d0a24] {
  width: 2vw;
  height: 2vw;
  display: block;
}
.primary[data-v-1c6d0a24] {
  color: #454545 !important;
}
.success[data-v-1c6d0a24] {
  color: #67C23A !important;
}
.warning[data-v-1c6d0a24] {
  color: #E6A23C !important;
}
.danger[data-v-1c6d0a24] {
  color: #F56C6C !important;
}
.info[data-v-1c6d0a24] {
  color: #909399 !important;
}
.black[data-v-1c6d0a24] {
  color: #222 !important;
}
.white[data-v-1c6d0a24] {
  color: #FFF !important;
}
.gray[data-v-1c6d0a24] {
  color: #778992 !important;
}
.red[data-v-1c6d0a24] {
  color: #FF0000 !important;
}

/**
 * 红五角心
 */
.must[data-v-1c6d0a24]:before {
  content: "*";
  color: #F56C6C;
  margin-right: 4px;
}
.operateButtons[data-v-1c6d0a24] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

/**
 *字体颜色
 */
/**
 *边框颜色
 */
/**
 * 边框圆角
 */
.radius[data-v-1c6d0a24] {
  border-radius: 4px;
}

/**
 *背景阴影
 */
.shadow[data-v-1c6d0a24] {
  -webkit-box-shadow: 0 0 10px #f5f5f5;
          box-shadow: 0 0 10px #f5f5f5;
}

/**
 * 边框调试---开发专用，不要流到产品
 */
.dom[data-v-1c6d0a24] {
  border: 1px solid red;
}

/**
 * 交互手指
 */
.pointer[data-v-1c6d0a24] {
  cursor: pointer;
}
.card[data-v-1c6d0a24] {
  border-radius: 4px;
  -webkit-box-shadow: 0 0 7px #888;
          box-shadow: 0 0 7px #888;
}

/**
 * 打印通用样式
 */
/**
 * 交互手指
 */
.pointer[data-v-1c6d0a24] {
  cursor: pointer;
}

/**
 * 卡片
 */
.card[data-v-1c6d0a24] {
  border-radius: 4px;
  -webkit-box-shadow: 0 0 7px #888;
          box-shadow: 0 0 7px #888;
}

/**
 * 各类宽度
 */
.width80[data-v-1c6d0a24] {
  width: 80px !important;
}
.width120[data-v-1c6d0a24] {
  width: 120px !important;
}
.width150[data-v-1c6d0a24] {
  width: 150px !important;
}
.width180[data-v-1c6d0a24] {
  width: 180px !important;
}
.width200[data-v-1c6d0a24] {
  width: 200px !important;
}
.width215[data-v-1c6d0a24] {
  width: 215px !important;
}
.width220[data-v-1c6d0a24] {
  width: 220px !important;
}
.width250[data-v-1c6d0a24] {
  width: 250px !important;
}
.width280[data-v-1c6d0a24] {
  width: 280px !important;
}
.width300[data-v-1c6d0a24] {
  width: 300px !important;
}
.width460[data-v-1c6d0a24] {
  width: 460px !important;
}

/**
 * 字体格式
 */
.font-digital[data-v-1c6d0a24] {
  font-family: "digital";
}

/**
 * 文字显示一行
 */
.ellipsis[data-v-1c6d0a24] {
  width: 100px;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/**
 * 文字显示三行
 */
.ellipsis-3[data-v-1c6d0a24] {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

/**
  弹窗内查询
*/
.dlgQueryItem[data-v-1c6d0a24] {
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  row-gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.dlgQueryBtn[data-v-1c6d0a24] {
  text-align: right;
  width: 13%;
}

/**
 * 各类按钮宽度
 */
.width1To4Word[data-v-1c6d0a24] {
  width: 88px !important;
}
.width4To8Word[data-v-1c6d0a24] {
  width: 206px !important;
}
.el-form-width[data-v-1c6d0a24] {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.el-form-textarea-width-two[data-v-1c6d0a24] {
  width: 550px;
}
.el-form-textarea-width-three[data-v-1c6d0a24] {
  width: 880px;
}
.el-datetime-picker[data-v-1c6d0a24] {
  width: 450px !important;
}
.layout-left-header-title[data-v-1c6d0a24] {
  font-size: 16px;
  font-weight: bold;
}
.el-link-operation[data-v-1c6d0a24] {
  margin-right: 10px;
}
input[type=number][data-v-1c6d0a24]::-webkit-outer-spin-button, input[type=number][data-v-1c6d0a24]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type=number][data-v-1c6d0a24] {
  -moz-appearance: textfield;
}
#container[data-v-1c6d0a24] {
  width: 300px;
  height: 180px;
}
@charset "UTF-8";
/**
 * 定义基础变量样式
 * created by eric
 */
/**
 *基本颜色定义
 */
.iconStyle {
  width: 2vw;
  height: 2vw;
  display: block;
}
.primary {
  color: #454545 !important;
}
.success {
  color: #67C23A !important;
}
.warning {
  color: #E6A23C !important;
}
.danger {
  color: #F56C6C !important;
}
.info {
  color: #909399 !important;
}
.black {
  color: #222 !important;
}
.white {
  color: #FFF !important;
}
.gray {
  color: #778992 !important;
}
.red {
  color: #FF0000 !important;
}

/**
 * 红五角心
 */
.must:before {
  content: "*";
  color: #F56C6C;
  margin-right: 4px;
}
.operateButtons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

/**
 *字体颜色
 */
/**
 *边框颜色
 */
/**
 * 边框圆角
 */
.radius {
  border-radius: 4px;
}

/**
 *背景阴影
 */
.shadow {
  -webkit-box-shadow: 0 0 10px #f5f5f5;
          box-shadow: 0 0 10px #f5f5f5;
}

/**
 * 边框调试---开发专用，不要流到产品
 */
.dom {
  border: 1px solid red;
}

/**
 * 交互手指
 */
.pointer {
  cursor: pointer;
}
.card {
  border-radius: 4px;
  -webkit-box-shadow: 0 0 7px #888;
          box-shadow: 0 0 7px #888;
}

/**
 * 打印通用样式
 */
/**
 * 交互手指
 */
.pointer {
  cursor: pointer;
}

/**
 * 卡片
 */
.card {
  border-radius: 4px;
  -webkit-box-shadow: 0 0 7px #888;
          box-shadow: 0 0 7px #888;
}

/**
 * 各类宽度
 */
.width80 {
  width: 80px !important;
}
.width120 {
  width: 120px !important;
}
.width150 {
  width: 150px !important;
}
.width180 {
  width: 180px !important;
}
.width200 {
  width: 200px !important;
}
.width215 {
  width: 215px !important;
}
.width220 {
  width: 220px !important;
}
.width250 {
  width: 250px !important;
}
.width280 {
  width: 280px !important;
}
.width300 {
  width: 300px !important;
}
.width460 {
  width: 460px !important;
}

/**
 * 字体格式
 */
.font-digital {
  font-family: "digital";
}

/**
 * 文字显示一行
 */
.ellipsis {
  width: 100px;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/**
 * 文字显示三行
 */
.ellipsis-3 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

/**
  弹窗内查询
*/
.dlgQueryItem {
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  row-gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.dlgQueryBtn {
  text-align: right;
  width: 13%;
}

/**
 * 各类按钮宽度
 */
.width1To4Word {
  width: 88px !important;
}
.width4To8Word {
  width: 206px !important;
}
.el-form-width {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.el-form-textarea-width-two {
  width: 550px;
}
.el-form-textarea-width-three {
  width: 880px;
}
.el-datetime-picker {
  width: 450px !important;
}
.layout-left-header-title {
  font-size: 16px;
  font-weight: bold;
}
.el-link-operation {
  margin-right: 10px;
}
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type=number] {
  -moz-appearance: textfield;
}
#register {
  padding: 40px 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: fixed;
  width: 1243px;
  height: 563px;
  left: 38.2%;
  margin-left: -400px;
  top: 34%;
  margin-top: -203px;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 10px;
  z-index: 30;
  border: 1px solid #f5f5f5;
  border-top: 3px solid #f90;
  -webkit-box-shadow: 0 0 20px #0d152f;
          box-shadow: 0 0 20px #0d152f;
}
#register .el-dialog__body img {
  background: url(../img/bg.6ad5f760.jpg);
  background-repeat: no-repeat;
  background-position: left top;
}
#register .el-upload-list__item-thumbnail {
  background: url(../img/bg.6ad5f760.jpg);
  background-repeat: no-repeat;
  background-position: left top;
}
#register .el-input {
  width: 200px;
}
#register .el-form-item__label {
  width: 100px;
}
#register .register {
  width: 70%;
  margin-top: 20px;
  margin-left: 15%;
}
#register .register span {
  font-size: 30px;
  letter-spacing: 5px;
}
#register .bot {
  color: red;
  margin-left: 72px;
}
#register .logoContent {
  width: 800px;
  height: 250px;
  position: relative;
}
#register .logoContent .logoTip {
  color: red;
  position: absolute;
  left: 159px;
  top: -1px;
}
#register .disUploadSty .el-upload--picture-card {
  display: none;
}
#register .el-icon-right {
  font-size: 18px;
  margin-left: 6px;
}
#register .setp {
  position: absolute;
  left: 87%;
  top: 83%;
}
#register .setp span {
  font-size: 18px;
}
#register .el-upload-list--picture-card .el-upload-list__item-actions {
  width: 145px !important;
  height: 40px !important;
}
#register .el-upload-list--picture-card .el-upload-list__item {
  width: 145px;
  height: 40px;
}
#register .successTip {
  width: 800px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 97px;
  margin-left: 167px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
#register .successTip .putLeft img {
  width: 250px;
  height: 250px;
  opacity: 0.5;
}
#register .successTip .fontLeft {
  width: 275px;
  text-align: left;
}
#register .successTip .fontLeft h1 {
  font-size: 20px;
  color: #bf4949;
}
#register .successTip .fontLeft .title {
  font-size: 30px;
  color: #ff0000;
  margin-top: 41px;
}
#register .successTip .fontLeft .username {
  margin-top: 11px;
}
#register .successTip .fontLeft .username label {
  font-size: 20px;
  color: #407823;
}
#register .successTip .fontLeft .el-button {
  margin-top: 17px;
}
@charset "UTF-8";
/**
 * 定义基础变量样式
 * created by eric
 */
/**
 *基本颜色定义
 */
.iconStyle[data-v-47d753ab] {
  width: 2vw;
  height: 2vw;
  display: block;
}
.primary[data-v-47d753ab] {
  color: #454545 !important;
}
.success[data-v-47d753ab] {
  color: #67C23A !important;
}
.warning[data-v-47d753ab] {
  color: #E6A23C !important;
}
.danger[data-v-47d753ab] {
  color: #F56C6C !important;
}
.info[data-v-47d753ab] {
  color: #909399 !important;
}
.black[data-v-47d753ab] {
  color: #222 !important;
}
.white[data-v-47d753ab] {
  color: #FFF !important;
}
.gray[data-v-47d753ab] {
  color: #778992 !important;
}
.red[data-v-47d753ab] {
  color: #FF0000 !important;
}

/**
 * 红五角心
 */
.must[data-v-47d753ab]:before {
  content: "*";
  color: #F56C6C;
  margin-right: 4px;
}
.operateButtons[data-v-47d753ab] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

/**
 *字体颜色
 */
/**
 *边框颜色
 */
/**
 * 边框圆角
 */
.radius[data-v-47d753ab] {
  border-radius: 4px;
}

/**
 *背景阴影
 */
.shadow[data-v-47d753ab] {
  -webkit-box-shadow: 0 0 10px #f5f5f5;
          box-shadow: 0 0 10px #f5f5f5;
}

/**
 * 边框调试---开发专用，不要流到产品
 */
.dom[data-v-47d753ab] {
  border: 1px solid red;
}

/**
 * 交互手指
 */
.pointer[data-v-47d753ab] {
  cursor: pointer;
}
.card[data-v-47d753ab] {
  border-radius: 4px;
  -webkit-box-shadow: 0 0 7px #888;
          box-shadow: 0 0 7px #888;
}

/**
 * 打印通用样式
 */
/**
 * 交互手指
 */
.pointer[data-v-47d753ab] {
  cursor: pointer;
}

/**
 * 卡片
 */
.card[data-v-47d753ab] {
  border-radius: 4px;
  -webkit-box-shadow: 0 0 7px #888;
          box-shadow: 0 0 7px #888;
}

/**
 * 各类宽度
 */
.width80[data-v-47d753ab] {
  width: 80px !important;
}
.width120[data-v-47d753ab] {
  width: 120px !important;
}
.width150[data-v-47d753ab] {
  width: 150px !important;
}
.width180[data-v-47d753ab] {
  width: 180px !important;
}
.width200[data-v-47d753ab] {
  width: 200px !important;
}
.width215[data-v-47d753ab] {
  width: 215px !important;
}
.width220[data-v-47d753ab] {
  width: 220px !important;
}
.width250[data-v-47d753ab] {
  width: 250px !important;
}
.width280[data-v-47d753ab] {
  width: 280px !important;
}
.width300[data-v-47d753ab] {
  width: 300px !important;
}
.width460[data-v-47d753ab] {
  width: 460px !important;
}

/**
 * 字体格式
 */
.font-digital[data-v-47d753ab] {
  font-family: "digital";
}

/**
 * 文字显示一行
 */
.ellipsis[data-v-47d753ab] {
  width: 100px;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/**
 * 文字显示三行
 */
.ellipsis-3[data-v-47d753ab] {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

/**
  弹窗内查询
*/
.dlgQueryItem[data-v-47d753ab] {
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  row-gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.dlgQueryBtn[data-v-47d753ab] {
  text-align: right;
  width: 13%;
}

/**
 * 各类按钮宽度
 */
.width1To4Word[data-v-47d753ab] {
  width: 88px !important;
}
.width4To8Word[data-v-47d753ab] {
  width: 206px !important;
}
.el-form-width[data-v-47d753ab] {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.el-form-textarea-width-two[data-v-47d753ab] {
  width: 550px;
}
.el-form-textarea-width-three[data-v-47d753ab] {
  width: 880px;
}
.el-datetime-picker[data-v-47d753ab] {
  width: 450px !important;
}
.layout-left-header-title[data-v-47d753ab] {
  font-size: 16px;
  font-weight: bold;
}
.el-link-operation[data-v-47d753ab] {
  margin-right: 10px;
}
input[type=number][data-v-47d753ab]::-webkit-outer-spin-button, input[type=number][data-v-47d753ab]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type=number][data-v-47d753ab] {
  -moz-appearance: textfield;
}
#homePage[data-v-47d753ab] {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, #1F3A5F 0%, #2C5282 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.login-container[data-v-47d753ab] {
  width: 1000px;
  height: 600px;
  background: rgba(255, 255, 255, 0.95);
  border-radius: 20px;
  -webkit-box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
          box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.login-left[data-v-47d753ab] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: linear-gradient(135deg, #2C5282 0%, #1F3A5F 100%);
  padding: 50px;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.system-title h1[data-v-47d753ab] {
  font-size: 36px;
  margin-bottom: 20px;
  font-weight: 600;
}
.system-title p[data-v-47d753ab] {
  font-size: 18px;
  opacity: 0.8;
}
.system-features[data-v-47d753ab] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  margin-top: 50px;
}
.feature-item[data-v-47d753ab] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
.feature-item i[data-v-47d753ab] {
  font-size: 24px;
  color: #4FD1C5;
}
.feature-item span[data-v-47d753ab] {
  font-size: 16px;
}
.login-right[data-v-47d753ab] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: #fff;
  position: relative;
}
.login-wrapper[data-v-47d753ab] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.hide[data-v-47d753ab] {
  display: none;
}
.bounceOutLeft[data-v-47d753ab] {
  -webkit-animation: bounceOutLeft-47d753ab 1s 0.2s ease both;
          animation: bounceOutLeft-47d753ab 1s 0.2s ease both;
}
@-webkit-keyframes bounceOutLeft-47d753ab {
0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
}
20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
}
100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
            transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft-47d753ab {
0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
}
20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
}
100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
            transform: translateX(-2000px);
}
}
.img-fit[data-v-47d753ab] {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  margin: 0 auto;
}
@charset "UTF-8";
/**
 * 定义基础变量样式
 * created by eric
 */
/**
 *基本颜色定义
 */
.iconStyle[data-v-3f778955] {
  width: 2vw;
  height: 2vw;
  display: block;
}
.primary[data-v-3f778955] {
  color: #454545 !important;
}
.success[data-v-3f778955] {
  color: #67C23A !important;
}
.warning[data-v-3f778955] {
  color: #E6A23C !important;
}
.danger[data-v-3f778955] {
  color: #F56C6C !important;
}
.info[data-v-3f778955] {
  color: #909399 !important;
}
.black[data-v-3f778955] {
  color: #222 !important;
}
.white[data-v-3f778955] {
  color: #FFF !important;
}
.gray[data-v-3f778955] {
  color: #778992 !important;
}
.red[data-v-3f778955] {
  color: #FF0000 !important;
}

/**
 * 红五角心
 */
.must[data-v-3f778955]:before {
  content: "*";
  color: #F56C6C;
  margin-right: 4px;
}
.operateButtons[data-v-3f778955] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

/**
 *字体颜色
 */
/**
 *边框颜色
 */
/**
 * 边框圆角
 */
.radius[data-v-3f778955] {
  border-radius: 4px;
}

/**
 *背景阴影
 */
.shadow[data-v-3f778955] {
  -webkit-box-shadow: 0 0 10px #f5f5f5;
          box-shadow: 0 0 10px #f5f5f5;
}

/**
 * 边框调试---开发专用，不要流到产品
 */
.dom[data-v-3f778955] {
  border: 1px solid red;
}

/**
 * 交互手指
 */
.pointer[data-v-3f778955] {
  cursor: pointer;
}
.card[data-v-3f778955] {
  border-radius: 4px;
  -webkit-box-shadow: 0 0 7px #888;
          box-shadow: 0 0 7px #888;
}

/**
 * 打印通用样式
 */
/**
 * 交互手指
 */
.pointer[data-v-3f778955] {
  cursor: pointer;
}

/**
 * 卡片
 */
.card[data-v-3f778955] {
  border-radius: 4px;
  -webkit-box-shadow: 0 0 7px #888;
          box-shadow: 0 0 7px #888;
}

/**
 * 各类宽度
 */
.width80[data-v-3f778955] {
  width: 80px !important;
}
.width120[data-v-3f778955] {
  width: 120px !important;
}
.width150[data-v-3f778955] {
  width: 150px !important;
}
.width180[data-v-3f778955] {
  width: 180px !important;
}
.width200[data-v-3f778955] {
  width: 200px !important;
}
.width215[data-v-3f778955] {
  width: 215px !important;
}
.width220[data-v-3f778955] {
  width: 220px !important;
}
.width250[data-v-3f778955] {
  width: 250px !important;
}
.width280[data-v-3f778955] {
  width: 280px !important;
}
.width300[data-v-3f778955] {
  width: 300px !important;
}
.width460[data-v-3f778955] {
  width: 460px !important;
}

/**
 * 字体格式
 */
.font-digital[data-v-3f778955] {
  font-family: "digital";
}

/**
 * 文字显示一行
 */
.ellipsis[data-v-3f778955] {
  width: 100px;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/**
 * 文字显示三行
 */
.ellipsis-3[data-v-3f778955] {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

/**
  弹窗内查询
*/
.dlgQueryItem[data-v-3f778955] {
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  row-gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.dlgQueryBtn[data-v-3f778955] {
  text-align: right;
  width: 13%;
}

/**
 * 各类按钮宽度
 */
.width1To4Word[data-v-3f778955] {
  width: 88px !important;
}
.width4To8Word[data-v-3f778955] {
  width: 206px !important;
}
.el-form-width[data-v-3f778955] {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.el-form-textarea-width-two[data-v-3f778955] {
  width: 550px;
}
.el-form-textarea-width-three[data-v-3f778955] {
  width: 880px;
}
.el-datetime-picker[data-v-3f778955] {
  width: 450px !important;
}
.layout-left-header-title[data-v-3f778955] {
  font-size: 16px;
  font-weight: bold;
}
.el-link-operation[data-v-3f778955] {
  margin-right: 10px;
}
input[type=number][data-v-3f778955]::-webkit-outer-spin-button, input[type=number][data-v-3f778955]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type=number][data-v-3f778955] {
  -moz-appearance: textfield;
}
.platform-manage[data-v-3f778955] {
  width: 100vw;
  height: 100vh;
  background: linear-gradient(135deg, #011945 0%, #023283 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
.platform-manage .view-switch[data-v-3f778955] {
  position: relative;
  z-index: 999;
  height: 30px;
  overflow: hidden;
  border-radius: 4px;
}
.platform-manage .view-switch[data-v-3f778955] .el-radio-group {
  background: rgba(2, 51, 131, 0.31);
  backdrop-filter: blur(5px);
  height: 30px;
  border-radius: 15px;
  padding: 0 5px;
}
.platform-manage .view-switch[data-v-3f778955] .el-radio-group .el-radio-button__inner {
  background: transparent;
  border: none;
  color: #fff;
  font-size: 14px;
  padding: 0 20px;
  height: 30px;
  line-height: 30px;
  border-radius: 15px;
}
.platform-manage .view-switch[data-v-3f778955] .el-radio-group .el-radio-button__inner:hover {
  background: rgba(21, 156, 255, 0.3);
}
.platform-manage .view-switch[data-v-3f778955] .el-radio-group .el-radio-button__inner i {
  margin-right: 6px;
}
.platform-manage .view-switch[data-v-3f778955] .el-radio-group .el-radio-button__orig-radio:checked + .el-radio-button__inner {
  background: #159cff;
  border: none;
  color: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.platform-manage .view-switch[data-v-3f778955] .el-radio-group .el-radio-button:first-child .el-radio-button__inner {
  border: none;
}
.platform-manage .view-switch[data-v-3f778955] .el-radio-group .el-radio-button:last-child .el-radio-button__inner {
  border: none;
}
.platform-manage .top-header[data-v-3f778955] {
  height: 70px;
  background: rgba(2, 51, 131, 0.31);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid rgba(0, 96, 255, 0.3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 24px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  z-index: 10;
}
.platform-manage .top-header .header-left[data-v-3f778955] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.platform-manage .top-header .header-left h1[data-v-3f778955] {
  color: #ffeb7b;
  font-size: 24px;
  font-weight: 600;
  margin: 0;
  letter-spacing: 1px;
  text-shadow: 0 0 10px rgba(255, 235, 123, 0.3);
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOUAAAAdCAMAAABi1ltQAAAAt1BMVEUAAAAAAQEAAYAAQcAANM0AQeAAVuMAXugAVuoAUOwAUfAAW/EAWvMAVvMAXvQAVvUAXfUAXPYAWfcAWfgAXvgAXfgAW/kAWvkAXvkAYPoAXvoAXPoAW/oAX/oAXvsAXfsAYPsAXPsAX/sAX/sAXfsAXfwAX/wAX/wAXvwAXfwAX/wAYPwAX/wAXvwAXvwAYPwAX/wAXv0AYP0AXv0AYP0AX/0AXv0AXv0AYP0AX/0AX/0AXv0AYP06YXDoAAAAPXRSTlMAAQIEBQgJCwwNEBEUFRYYGRwdICEkJSgpKywtMDE0NTY4OTw9QEFERUhJS0xNUFFUVVZYWVxdYGFkZWhp59LvBgAAAZ5JREFUWMPV2ItCgjAUgOEjIgFaXqIyRTS1O2mWVlbv/1x5y2Q7G2ObzL4HkP8AwhiAQQU9rDQFoeOl/oygojhbp+WASjV6c4SVuJyk5ZSw19BMObKOuJzV3WodSk6Sy+WJs9d/ypJSjqstR57P4W0ePVZuNdwcQlkT+/eJ7qjUaMshVVDHqBMmf/vestRKtdTQqlw1QcW/17N7ADmC6qgGS3l3EXJiPCezU65grWHtrrVc0zmqzlDnPiTUDOeoukAFxMLZMZvTzOAS1cJ4xJRQN5rTaqsKEeSlBLCb+dSgOWHYkRUhumuRQ3/s1fPP6ZJ6Qq5QfQp9KRefJqGxnEwGhCFL30amhJqpHI5r2o2oBr4/0TGUs+OWcCdvWECnhIqZnI171EO6R0Qcx1XWblOUe05MepIwoo3HA+aemieeo6lmkZPdM2FCe5n4zCkh5Jwc9Ro0J80rYSqmxx4S7FHuOSuzhDdx7wkfWzOHMyU0s+RkqGHmpJvTPlOFvCHBGkvnzKVyaF+EbwlTizslBNI1Ujl7EkCKdvT/tcmhfgBzRXXjSTtY5wAAAABJRU5ErkJggg==) no-repeat center bottom;
  background-size: auto 30px;
  padding-bottom: 5px;
}
.platform-manage .top-header .header-right[data-v-3f778955] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.platform-manage .top-header .header-right .user-info[data-v-3f778955] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 4px;
  background: rgba(2, 51, 131, 0.31);
  backdrop-filter: blur(5px);
  padding: 8px 15px;
  border-radius: 8px;
  border: 1px solid rgba(0, 96, 255, 0.3);
}
.platform-manage .top-header .header-right .user-info .username[data-v-3f778955] {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}
.platform-manage .top-header .header-right .user-info .login-time[data-v-3f778955] {
  color: rgba(255, 255, 255, 0.7);
  font-size: 12px;
}
.platform-manage .top-header .header-right[data-v-3f778955] .el-button {
  background: #0060ff;
  border-color: #0060ff;
  font-weight: 500;
  height: 35px;
  padding: 0 20px;
}
.platform-manage .top-header .header-right[data-v-3f778955] .el-button:hover {
  background: #159cff;
  border-color: #159cff;
}
.platform-manage .top-header .header-right[data-v-3f778955] .el-button i {
  font-size: 16px;
}
.platform-manage .main-content[data-v-3f778955] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  padding: 20px;
  position: relative;
  z-index: 5;
}
.platform-manage .main-content .list-view[data-v-3f778955] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  height: 100%;
}
.platform-manage .main-content .map-view[data-v-3f778955] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  height: 100%;
}
.platform-manage .main-content .map-view .map-info-panel[data-v-3f778955] {
  width: 420px;
  background: rgba(2, 51, 131, 0.31);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(0, 96, 255, 0.3);
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  -webkit-box-shadow: 0 0 20px rgba(1, 25, 69, 0.5);
          box-shadow: 0 0 20px rgba(1, 25, 69, 0.5);
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.platform-manage .main-content .map-view .map-info-panel .panel-header[data-v-3f778955] {
  padding: 20px;
  border-bottom: 1px solid rgba(0, 96, 255, 0.3);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.platform-manage .main-content .map-view .map-info-panel .panel-header h3[data-v-3f778955] {
  color: #ffeb7b;
  font-size: 18px;
  margin: 0 0 16px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  text-align: center;
  background: url(../img/title.e6924077.svg) no-repeat center bottom;
  background-size: 100% 2px;
  padding-bottom: 8px;
}
.platform-manage .main-content .map-view .map-info-panel .panel-header h3 i[data-v-3f778955] {
  color: #159cff;
}
.platform-manage .main-content .map-view .map-info-panel .panel-header h3 .count[data-v-3f778955] {
  color: #159cff;
  font-size: 14px;
  font-weight: normal;
  background: rgba(21, 156, 255, 0.2);
  padding: 2px 8px;
  border-radius: 10px;
}
.platform-manage .main-content .map-view .map-info-panel .panel-header .map-controls[data-v-3f778955] .el-button {
  background: #0060ff;
  border-color: #0060ff;
  color: #fff;
  height: 32px;
}
.platform-manage .main-content .map-view .map-info-panel .panel-header .map-controls[data-v-3f778955] .el-button:hover {
  background: #159cff;
  border-color: #159cff;
}
.platform-manage .main-content .map-view .map-info-panel .company-list[data-v-3f778955] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  padding: 16px;
}
.platform-manage .main-content .map-view .map-info-panel .company-list[data-v-3f778955]::-webkit-scrollbar {
  width: 6px;
}
.platform-manage .main-content .map-view .map-info-panel .company-list[data-v-3f778955]::-webkit-scrollbar-track {
  background: rgba(2, 51, 131, 0.31);
  border-radius: 3px;
}
.platform-manage .main-content .map-view .map-info-panel .company-list[data-v-3f778955]::-webkit-scrollbar-thumb {
  background: rgba(0, 96, 255, 0.3);
  border-radius: 3px;
}
.platform-manage .main-content .map-view .map-info-panel .company-list[data-v-3f778955]::-webkit-scrollbar-thumb:hover {
  background: rgba(21, 156, 255, 0.5);
}
.platform-manage .main-content .map-view .map-info-panel .company-list .empty-state[data-v-3f778955] {
  text-align: center;
  padding: 40px 20px;
  color: rgba(255, 255, 255, 0.6);
}
.platform-manage .main-content .map-view .map-info-panel .company-list .empty-state i[data-v-3f778955] {
  font-size: 48px;
  margin-bottom: 16px;
  color: rgba(255, 255, 255, 0.3);
}
.platform-manage .main-content .map-view .map-info-panel .company-list .empty-state p[data-v-3f778955] {
  margin: 0;
  font-size: 14px;
}
.platform-manage .main-content .map-view .map-info-panel .company-list .company-item[data-v-3f778955] {
  background: rgba(2, 51, 131, 0.31);
  border: 1px solid rgba(0, 96, 255, 0.3);
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.platform-manage .main-content .map-view .map-info-panel .company-list .company-item[data-v-3f778955]:hover {
  background: rgba(21, 156, 255, 0.1);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
          box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}
.platform-manage .main-content .map-view .map-info-panel .company-list .company-item.active[data-v-3f778955] {
  background: rgba(21, 156, 255, 0.2);
  border-color: #159cff;
  -webkit-box-shadow: 0 0 0 2px rgba(21, 156, 255, 0.3);
          box-shadow: 0 0 0 2px rgba(21, 156, 255, 0.3);
}
.platform-manage .main-content .map-view .map-info-panel .company-list .company-item .company-info[data-v-3f778955] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.platform-manage .main-content .map-view .map-info-panel .company-list .company-item .company-info .company-name[data-v-3f778955] {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.platform-manage .main-content .map-view .map-info-panel .company-list .company-item .company-info .company-detail[data-v-3f778955] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.platform-manage .main-content .map-view .map-info-panel .company-list .company-item .company-info .company-detail .address[data-v-3f778955] {
  color: rgba(255, 255, 255, 0.6);
  font-size: 12px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.platform-manage .main-content .map-view .map-info-panel .company-list .company-item .company-info .company-detail .station-count[data-v-3f778955] {
  color: #159cff;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  background: rgba(21, 156, 255, 0.2);
  padding: 2px 8px;
  border-radius: 10px;
}
.platform-manage .main-content .map-view .map-info-panel .company-list .company-item .company-actions[data-v-3f778955] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.platform-manage .main-content .map-view .map-info-panel .company-list .company-item .company-actions[data-v-3f778955] .el-button {
  background: transparent;
  border: 1px solid rgba(0, 96, 255, 0.3);
  color: #159cff;
  padding: 4px 8px;
  font-size: 12px;
  height: auto;
}
.platform-manage .main-content .map-view .map-info-panel .company-list .company-item .company-actions[data-v-3f778955] .el-button:hover {
  background: rgba(21, 156, 255, 0.1);
  border-color: #159cff;
}
.platform-manage .main-content .map-view .map-container[data-v-3f778955] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: rgba(2, 51, 131, 0.31);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(0, 96, 255, 0.3);
  border-radius: 12px;
  overflow: hidden;
  -webkit-box-shadow: 0 0 20px rgba(1, 25, 69, 0.5);
          box-shadow: 0 0 20px rgba(1, 25, 69, 0.5);
  position: relative;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.platform-manage .main-content .map-view .map-container .map-content[data-v-3f778955] {
  width: 100%;
  height: 100%;
  border-radius: 12px;
}
.platform-manage .main-content .left-panel[data-v-3f778955] {
  width: 420px;
  background: rgba(2, 51, 131, 0.31);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(0, 96, 255, 0.3);
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  -webkit-box-shadow: 0 0 20px rgba(1, 25, 69, 0.5);
          box-shadow: 0 0 20px rgba(1, 25, 69, 0.5);
}
.platform-manage .main-content .left-panel .panel-header[data-v-3f778955] {
  padding: 20px;
  border-bottom: 1px solid rgba(0, 96, 255, 0.3);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.platform-manage .main-content .left-panel .panel-header h3[data-v-3f778955] {
  color: #ffeb7b;
  font-size: 18px;
  margin: 0 0 16px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  text-align: center;
  background: url(../img/title.e6924077.svg) no-repeat center bottom;
  background-size: 100% 2px;
  padding-bottom: 8px;
}
.platform-manage .main-content .left-panel .panel-header h3 i[data-v-3f778955] {
  color: #159cff;
}
.platform-manage .main-content .left-panel .panel-header h3 .count[data-v-3f778955] {
  color: #159cff;
  font-size: 14px;
  font-weight: normal;
  background: rgba(21, 156, 255, 0.2);
  padding: 2px 8px;
  border-radius: 10px;
}
.platform-manage .main-content .left-panel .panel-header .header-actions[data-v-3f778955] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.platform-manage .main-content .left-panel .panel-header .header-actions .search-input[data-v-3f778955] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.platform-manage .main-content .left-panel .panel-header .header-actions .sort-actions[data-v-3f778955] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.platform-manage .main-content .left-panel .panel-header .header-actions[data-v-3f778955] .el-button {
  background: #0060ff;
  border-color: #0060ff;
  color: #fff;
  height: 32px;
}
.platform-manage .main-content .left-panel .panel-header .header-actions[data-v-3f778955] .el-button:hover {
  background: #159cff;
  border-color: #159cff;
}
.platform-manage .main-content .left-panel .panel-header .header-actions[data-v-3f778955] .el-button.el-button--success {
  background: #3bcf6f;
  border-color: #3bcf6f;
}
.platform-manage .main-content .left-panel .panel-header .header-actions[data-v-3f778955] .el-button.el-button--success:hover {
  background: #52d680;
  border-color: #52d680;
}
.platform-manage .main-content .left-panel .panel-header .header-actions[data-v-3f778955] .el-button.el-button--info {
  background: #909399;
  border-color: #909399;
}
.platform-manage .main-content .left-panel .panel-header .header-actions[data-v-3f778955] .el-button.el-button--info:hover {
  background: #a6a9ad;
  border-color: #a6a9ad;
}
.platform-manage .main-content .left-panel .panel-header .search-input[data-v-3f778955] .el-input__inner {
  background: rgba(2, 51, 131, 0.31);
  border: 1px solid rgba(0, 96, 255, 0.3);
  color: #fff;
  height: 32px;
}
.platform-manage .main-content .left-panel .panel-header .search-input[data-v-3f778955] .el-input__inner::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.platform-manage .main-content .left-panel .panel-header .search-input[data-v-3f778955] .el-input__inner::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.platform-manage .main-content .left-panel .panel-header .search-input[data-v-3f778955] .el-input__inner:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.platform-manage .main-content .left-panel .panel-header .search-input[data-v-3f778955] .el-input__inner::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.platform-manage .main-content .left-panel .panel-header .search-input[data-v-3f778955] .el-input__inner::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.platform-manage .main-content .left-panel .panel-header .search-input[data-v-3f778955] .el-input__inner:focus {
  border-color: #159cff;
  -webkit-box-shadow: 0 0 0 2px rgba(21, 156, 255, 0.2);
          box-shadow: 0 0 0 2px rgba(21, 156, 255, 0.2);
}
.platform-manage .main-content .left-panel .company-list[data-v-3f778955] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  padding: 16px;
}
.platform-manage .main-content .left-panel .company-list[data-v-3f778955]::-webkit-scrollbar {
  width: 6px;
}
.platform-manage .main-content .left-panel .company-list[data-v-3f778955]::-webkit-scrollbar-track {
  background: rgba(2, 51, 131, 0.31);
  border-radius: 3px;
}
.platform-manage .main-content .left-panel .company-list[data-v-3f778955]::-webkit-scrollbar-thumb {
  background: rgba(0, 96, 255, 0.3);
  border-radius: 3px;
}
.platform-manage .main-content .left-panel .company-list[data-v-3f778955]::-webkit-scrollbar-thumb:hover {
  background: rgba(21, 156, 255, 0.5);
}
.platform-manage .main-content .left-panel .company-list .empty-state[data-v-3f778955] {
  text-align: center;
  padding: 40px 20px;
  color: rgba(255, 255, 255, 0.6);
}
.platform-manage .main-content .left-panel .company-list .empty-state i[data-v-3f778955] {
  font-size: 48px;
  margin-bottom: 16px;
  color: rgba(255, 255, 255, 0.3);
}
.platform-manage .main-content .left-panel .company-list .empty-state p[data-v-3f778955] {
  margin: 0;
  font-size: 14px;
}
.platform-manage .main-content .left-panel .company-list .company-item[data-v-3f778955] {
  background: rgba(2, 51, 131, 0.31);
  border: 1px solid rgba(0, 96, 255, 0.3);
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.platform-manage .main-content .left-panel .company-list .company-item[data-v-3f778955]:hover {
  background: rgba(21, 156, 255, 0.1);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
          box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}
.platform-manage .main-content .left-panel .company-list .company-item.active[data-v-3f778955] {
  background: rgba(21, 156, 255, 0.2);
  border-color: #159cff;
  -webkit-box-shadow: 0 0 0 2px rgba(21, 156, 255, 0.3);
          box-shadow: 0 0 0 2px rgba(21, 156, 255, 0.3);
}
.platform-manage .main-content .left-panel .company-list .company-item.sortable-item[data-v-3f778955] {
  cursor: move;
}
.platform-manage .main-content .left-panel .company-list .company-item.sortable-item .drag-handle[data-v-3f778955] {
  color: #159cff;
  margin-right: 12px;
  font-size: 16px;
  cursor: move;
}
.platform-manage .main-content .left-panel .company-list .company-item.sortable-item .drag-handle[data-v-3f778955]:hover {
  color: #52d680;
}
.platform-manage .main-content .left-panel .company-list .sortable-list .ghost[data-v-3f778955] {
  opacity: 0.5;
  background: rgba(21, 156, 255, 0.2);
}
.platform-manage .main-content .left-panel .company-list .company-info[data-v-3f778955] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.platform-manage .main-content .left-panel .company-list .company-info .company-name[data-v-3f778955] {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.platform-manage .main-content .left-panel .company-list .company-info .company-detail[data-v-3f778955] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.platform-manage .main-content .left-panel .company-list .company-info .company-detail .address[data-v-3f778955] {
  color: rgba(255, 255, 255, 0.6);
  font-size: 12px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.platform-manage .main-content .left-panel .company-list .company-info .company-detail .station-count[data-v-3f778955] {
  color: #159cff;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  background: rgba(21, 156, 255, 0.2);
  padding: 2px 8px;
  border-radius: 10px;
}
.platform-manage .main-content .left-panel .company-list[data-v-3f778955] .el-button {
  background: #0060ff;
  border-color: #0060ff;
  height: 32px;
}
.platform-manage .main-content .left-panel .company-list[data-v-3f778955] .el-button:hover {
  background: #159cff;
  border-color: #159cff;
}
.platform-manage .right-panel[data-v-3f778955] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
.platform-manage .right-panel .panel-header[data-v-3f778955] {
  padding: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.platform-manage .right-panel .panel-header h3[data-v-3f778955] {
  color: #fff;
  font-size: 18px;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.platform-manage .right-panel .panel-header h3 i[data-v-3f778955] {
  color: #3e99b9;
}
.platform-manage .right-panel .panel-header h3 .company-name-tag[data-v-3f778955] {
  background: rgba(62, 153, 185, 0.2);
  color: #3e99b9;
  padding: 4px 12px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: normal;
  margin-left: 12px;
}
.platform-manage .right-panel .panel-header .station-filters[data-v-3f778955] .el-radio-group .el-radio-button__inner {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.2);
  color: #fff;
  font-size: 12px;
}
.platform-manage .right-panel .panel-header .station-filters[data-v-3f778955] .el-radio-group .el-radio-button__inner:hover {
  background: rgba(255, 255, 255, 0.12);
}
.platform-manage .right-panel .panel-header .station-filters[data-v-3f778955] .el-radio-group .el-radio-button__orig-radio:checked + .el-radio-button__inner {
  background: #3e99b9;
  border-color: #3e99b9;
}
.platform-manage .right-panel .station-list[data-v-3f778955] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.platform-manage .right-panel .station-list .empty-state[data-v-3f778955] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: rgba(255, 255, 255, 0.6);
  padding: 40px;
}
.platform-manage .right-panel .station-list .empty-state i[data-v-3f778955] {
  font-size: 64px;
  margin-bottom: 20px;
  color: rgba(255, 255, 255, 0.3);
}
.platform-manage .right-panel .station-list .empty-state p[data-v-3f778955] {
  margin: 0;
  font-size: 16px;
  text-align: center;
}
.platform-manage .right-panel .station-list .station-grid[data-v-3f778955] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  padding: 20px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 16px;
  -ms-flex-line-pack: start;
      align-content: start;
}
.platform-manage .right-panel .station-list .station-grid[data-v-3f778955]::-webkit-scrollbar {
  width: 8px;
}
.platform-manage .right-panel .station-list .station-grid[data-v-3f778955]::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 4px;
}
.platform-manage .right-panel .station-list .station-grid[data-v-3f778955]::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 4px;
}
.platform-manage .right-panel .station-list .station-grid[data-v-3f778955]::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.3);
}
.platform-manage .right-panel .station-list .station-grid .station-card[data-v-3f778955] {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.platform-manage .right-panel .station-list .station-grid .station-card[data-v-3f778955]:hover {
  background: rgba(255, 255, 255, 0.08);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
          box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}
.platform-manage .right-panel .station-list .station-grid .station-card .card-header[data-v-3f778955] {
  padding: 16px 16px 8px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.platform-manage .right-panel .station-list .station-grid .station-card .card-header .type-tag[data-v-3f778955] {
  padding: 4px 12px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 500;
}
.platform-manage .right-panel .station-list .station-grid .station-card .card-header .type-tag.photovoltaic[data-v-3f778955] {
  background: rgba(250, 219, 20, 0.2);
  color: #fadb14;
  border: 1px solid rgba(250, 219, 20, 0.3);
}
.platform-manage .right-panel .station-list .station-grid .station-card .card-header .type-tag.storage[data-v-3f778955] {
  background: rgba(82, 196, 26, 0.2);
  color: #52c41a;
  border: 1px solid rgba(82, 196, 26, 0.3);
}
.platform-manage .right-panel .station-list .station-grid .station-card .card-header .type-tag.unknown[data-v-3f778955] {
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.platform-manage .right-panel .station-list .station-grid .station-card .card-header .station-status[data-v-3f778955] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-size: 12px;
}
.platform-manage .right-panel .station-list .station-grid .station-card .card-header .station-status .status-indicator[data-v-3f778955] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.platform-manage .right-panel .station-list .station-grid .station-card .card-header .station-status .status-indicator.online[data-v-3f778955] {
  background: #52c41a;
  -webkit-box-shadow: 0 0 0 2px rgba(82, 196, 26, 0.3);
          box-shadow: 0 0 0 2px rgba(82, 196, 26, 0.3);
}
.platform-manage .right-panel .station-list .station-grid .station-card .card-header .station-status .status-indicator.offline[data-v-3f778955] {
  background: #ff4d4f;
  -webkit-box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.3);
          box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.3);
}
.platform-manage .right-panel .station-list .station-grid .station-card .card-header .station-status .status-indicator.unknown[data-v-3f778955] {
  background: rgba(255, 255, 255, 0.3);
}
.platform-manage .right-panel .station-list .station-grid .station-card .card-header .station-status .status-text[data-v-3f778955] {
  color: rgba(255, 255, 255, 0.8);
}
.platform-manage .right-panel .station-list .station-grid .station-card .card-body[data-v-3f778955] {
  padding: 0 16px 12px 16px;
}
.platform-manage .right-panel .station-list .station-grid .station-card .card-body .station-name[data-v-3f778955] {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  margin: 0 0 8px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.platform-manage .right-panel .station-list .station-grid .station-card .card-body .station-address[data-v-3f778955] {
  color: rgba(255, 255, 255, 0.6);
  font-size: 13px;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.platform-manage .right-panel .station-list .station-grid .station-card .card-body .station-address i[data-v-3f778955] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.platform-manage .right-panel .station-list .station-grid .station-card .card-footer[data-v-3f778955] {
  padding: 12px 16px 16px 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.platform-manage .right-panel .station-list .station-grid .station-card .card-footer .station-data .data-row[data-v-3f778955] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 8px;
}
.platform-manage .right-panel .station-list .station-grid .station-card .card-footer .station-data .data-row[data-v-3f778955]:last-child {
  margin-bottom: 0;
}
.platform-manage .right-panel .station-list .station-grid .station-card .card-footer .station-data .data-row .label[data-v-3f778955] {
  color: rgba(255, 255, 255, 0.7);
  font-size: 12px;
}
.platform-manage .right-panel .station-list .station-grid .station-card .card-footer .station-data .data-row .value[data-v-3f778955] {
  color: #fff;
  font-size: 13px;
  font-weight: 500;
}
[data-v-3f778955] .city-marker,[data-v-3f778955] .district-marker,[data-v-3f778955] .company-marker {
  background: rgba(62, 153, 185, 0.9);
  border: 2px solid #3e99b9;
  border-radius: 8px;
  padding: 8px 12px;
  color: #fff;
  font-size: 12px;
  text-align: center;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  min-width: 80px;
}
[data-v-3f778955] .city-marker .marker-title,[data-v-3f778955] .district-marker .marker-title,[data-v-3f778955] .company-marker .marker-title {
  font-weight: 500;
  margin-bottom: 2px;
}
[data-v-3f778955] .city-marker .marker-count,[data-v-3f778955] .district-marker .marker-count,[data-v-3f778955] .company-marker .marker-count {
  font-size: 10px;
  opacity: 0.8;
}
[data-v-3f778955] .district-marker {
  background: rgba(82, 196, 26, 0.9);
  border-color: #52c41a;
}
[data-v-3f778955] .company-marker {
  background: rgba(250, 219, 20, 0.9);
  border-color: #fadb14;
  color: #333;
}
@charset "UTF-8";
/**
 * 定义基础变量样式
 * created by eric
 */
/**
 *基本颜色定义
 */
.iconStyle {
  width: 2vw;
  height: 2vw;
  display: block;
}
.primary {
  color: #454545 !important;
}
.success {
  color: #67C23A !important;
}
.warning {
  color: #E6A23C !important;
}
.danger {
  color: #F56C6C !important;
}
.info {
  color: #909399 !important;
}
.black {
  color: #222 !important;
}
.white {
  color: #FFF !important;
}
.gray {
  color: #778992 !important;
}
.red {
  color: #FF0000 !important;
}

/**
 * 红五角心
 */
.must:before {
  content: "*";
  color: #F56C6C;
  margin-right: 4px;
}
.operateButtons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

/**
 *字体颜色
 */
/**
 *边框颜色
 */
/**
 * 边框圆角
 */
.radius {
  border-radius: 4px;
}

/**
 *背景阴影
 */
.shadow {
  -webkit-box-shadow: 0 0 10px #f5f5f5;
          box-shadow: 0 0 10px #f5f5f5;
}

/**
 * 边框调试---开发专用，不要流到产品
 */
.dom {
  border: 1px solid red;
}

/**
 * 交互手指
 */
.pointer {
  cursor: pointer;
}
.card {
  border-radius: 4px;
  -webkit-box-shadow: 0 0 7px #888;
          box-shadow: 0 0 7px #888;
}

/**
 * 打印通用样式
 */
/**
 * 交互手指
 */
.pointer {
  cursor: pointer;
}

/**
 * 卡片
 */
.card {
  border-radius: 4px;
  -webkit-box-shadow: 0 0 7px #888;
          box-shadow: 0 0 7px #888;
}

/**
 * 各类宽度
 */
.width80 {
  width: 80px !important;
}
.width120 {
  width: 120px !important;
}
.width150 {
  width: 150px !important;
}
.width180 {
  width: 180px !important;
}
.width200 {
  width: 200px !important;
}
.width215 {
  width: 215px !important;
}
.width220 {
  width: 220px !important;
}
.width250 {
  width: 250px !important;
}
.width280 {
  width: 280px !important;
}
.width300 {
  width: 300px !important;
}
.width460 {
  width: 460px !important;
}

/**
 * 字体格式
 */
.font-digital {
  font-family: "digital";
}

/**
 * 文字显示一行
 */
.ellipsis {
  width: 100px;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/**
 * 文字显示三行
 */
.ellipsis-3 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

/**
  弹窗内查询
*/
.dlgQueryItem {
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  row-gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.dlgQueryBtn {
  text-align: right;
  width: 13%;
}

/**
 * 各类按钮宽度
 */
.width1To4Word {
  width: 88px !important;
}
.width4To8Word {
  width: 206px !important;
}
.el-form-width {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.el-form-textarea-width-two {
  width: 550px;
}
.el-form-textarea-width-three {
  width: 880px;
}
.el-datetime-picker {
  width: 450px !important;
}
.layout-left-header-title {
  font-size: 16px;
  font-weight: bold;
}
.el-link-operation {
  margin-right: 10px;
}
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type=number] {
  -moz-appearance: textfield;
}

/* 参考map.html的滚动条样式 */
::-webkit-scrollbar {
  width: 5px;
  height: 10px;
}
::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgb(1, 53, 156);
}
::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.1);
}

/* 隐藏高德地图logo和版权信息 */
.amap-logo {
  display: none !important;
}
.amap-copyright {
  display: none !important;
}
@media (max-width: 1400px) {
.platform-manage .main-content .left-panel {
    width: 350px;
}
.platform-manage .main-content .right-panel .station-list .station-grid {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}
}
@media (max-width: 1024px) {
.platform-manage .top-header {
    padding: 0 16px;
}
.platform-manage .top-header .header-left h1 {
    font-size: 20px;
}
.platform-manage .top-header .header-right {
    gap: 12px;
}
.platform-manage .top-header .header-right .user-info .username {
    font-size: 14px;
}
.platform-manage .top-header .header-right .user-info .login-time {
    font-size: 11px;
}
.platform-manage .main-content {
    padding: 16px;
    gap: 16px;
}
.platform-manage .main-content .left-panel {
    width: 320px;
}
.platform-manage .main-content .right-panel .station-list .station-grid {
    grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.platform-manage .top-header {
    height: auto;
    padding: 12px 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 12px;
}
.platform-manage .top-header .header-right {
    -ms-flex-item-align: end;
        align-self: flex-end;
}
.platform-manage .main-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 12px;
}
.platform-manage .main-content .left-panel {
    width: 100%;
    height: 40vh;
    max-height: 400px;
}
.platform-manage .main-content .right-panel {
    height: 50vh;
}
}
.amap-marker-label {
  padding: 0;
  height: 26px;
  line-height: 26px;
  color: #555;
  background-color: transparent;
  font-size: 12px;
  white-space: nowrap;
  border: 0;
}
.amap_span {
  display: inline-block;
  height: 26px;
  color: #ffffff;
  border-radius: 15px;
  cursor: pointer;
}
.amap_span b {
  float: left;
  margin: 3px;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 13px;
  color: #000b61;
  display: block;
  background: #ffffff;
  border-radius: 15px;
}
.amap_span b i {
  font-size: 12px;
}
.amap_span b i:hover {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.amap_span .number {
  margin-left: 30px;
  min-width: 20px;
  height: 26px;
  display: block;
  line-height: 26px;
  padding: 0 8px;
}
.amap_city {
  background: #3bcf6f;
  -webkit-box-shadow: 0 0 10px #32a955;
          box-shadow: 0 0 10px #32a955;
}
.city-marker-content {
  background: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(8px);
  border-radius: 8px;
  padding: 8px 12px;
  min-width: 120px;
  color: #fff;
  font-size: 12px;
  line-height: 1.4;
  border: 1px solid rgba(255, 255, 255, 0.1);
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  text-align: center;
}
.city-name {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 4px;
  color: #ffd700;
  text-shadow: 0 0 5px rgba(255, 215, 0, 0.3);
}
.company-count {
  color: #4ecdc4;
  font-size: 11px;
  font-weight: 500;
  text-shadow: 0 0 3px rgba(78, 205, 196, 0.3);
}
.amap_district {
  background: #0563ff;
  -webkit-box-shadow: 0 0 10px #0550d2;
          box-shadow: 0 0 10px #0550d2;
}
.amap_company {
  background: #ff8c05;
  -webkit-box-shadow: 0 0 10px #e67e00;
          box-shadow: 0 0 10px #e67e00;
}
.company-name-only {
  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(5px);
  border-radius: 6px;
  padding: 6px 10px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  min-width: 120px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  text-shadow: 0 0 3px rgba(255, 255, 255, 0.3);
}
.amap-info-contentContainer {
  background: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(8px);
  border-radius: 8px;
  padding: 8px 12px;
  min-width: 200px;
  color: #fff;
  font-size: 12px;
  line-height: 1.4;
  border: 1px solid rgba(255, 255, 255, 0.1);
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}
.company-name {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 6px;
  color: #ffd700;
  text-align: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding-bottom: 4px;
  text-shadow: 0 0 5px rgba(255, 215, 0, 0.3);
}
.device-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3px;
}
.device-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2px 0;
}
.device-label {
  color: #ccc;
  font-size: 11px;
  font-weight: 500;
}
.device-value {
  color: #4ecdc4;
  font-weight: bold;
  font-size: 11px;
  text-shadow: 0 0 3px rgba(78, 205, 196, 0.3);
}
.company-info-window {
  background: rgba(2, 51, 131, 0.95);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(0, 96, 255, 0.3);
  border-radius: 12px;
  padding: 16px;
  min-width: 300px;
  color: #fff;
}
.company-info-window .info-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
  border-bottom: 1px solid rgba(0, 96, 255, 0.3);
  padding-bottom: 8px;
}
.company-info-window .info-header h3 {
  margin: 0;
  color: #ffeb7b;
  font-size: 16px;
}
.company-info-window .info-header .close-btn {
  color: #ffeb7b;
  font-size: 20px;
  cursor: pointer;
  padding: 0 8px;
}
.company-info-window .info-header .close-btn:hover {
  color: #fff;
}
.company-info-window .info-content .basic-info {
  margin-bottom: 16px;
}
.company-info-window .info-content .basic-info p {
  margin: 8px 0;
  font-size: 14px;
  line-height: 1.4;
}
.company-info-window .info-content .basic-info p strong {
  color: #159cff;
}
.company-info-window .info-content .device-info-section {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 16px;
}
.company-info-window .info-content .device-info-section h4 {
  margin: 0 0 12px 0;
  font-size: 14px;
  color: #ffd700;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 0 5px rgba(255, 215, 0, 0.3);
}
.company-info-window .info-content .device-info-section .device-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.company-info-window .info-content .device-info-section .device-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 12px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.05);
}
.company-info-window .info-content .device-info-section .device-label {
  color: #ccc;
  font-size: 13px;
  font-weight: 500;
}
.company-info-window .info-content .device-info-section .device-value {
  color: #4ecdc4;
  font-weight: bold;
  font-size: 13px;
  text-shadow: 0 0 3px rgba(78, 205, 196, 0.3);
}
@charset "UTF-8";
/**
 * 定义基础变量样式
 * created by eric
 */
/**
 *基本颜色定义
 */
.iconStyle[data-v-38d8a8fc] {
  width: 2vw;
  height: 2vw;
  display: block;
}
.primary[data-v-38d8a8fc] {
  color: #454545 !important;
}
.success[data-v-38d8a8fc] {
  color: #67C23A !important;
}
.warning[data-v-38d8a8fc] {
  color: #E6A23C !important;
}
.danger[data-v-38d8a8fc] {
  color: #F56C6C !important;
}
.info[data-v-38d8a8fc] {
  color: #909399 !important;
}
.black[data-v-38d8a8fc] {
  color: #222 !important;
}
.white[data-v-38d8a8fc] {
  color: #FFF !important;
}
.gray[data-v-38d8a8fc] {
  color: #778992 !important;
}
.red[data-v-38d8a8fc] {
  color: #FF0000 !important;
}

/**
 * 红五角心
 */
.must[data-v-38d8a8fc]:before {
  content: "*";
  color: #F56C6C;
  margin-right: 4px;
}
.operateButtons[data-v-38d8a8fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

/**
 *字体颜色
 */
/**
 *边框颜色
 */
/**
 * 边框圆角
 */
.radius[data-v-38d8a8fc] {
  border-radius: 4px;
}

/**
 *背景阴影
 */
.shadow[data-v-38d8a8fc] {
  -webkit-box-shadow: 0 0 10px #f5f5f5;
          box-shadow: 0 0 10px #f5f5f5;
}

/**
 * 边框调试---开发专用，不要流到产品
 */
.dom[data-v-38d8a8fc] {
  border: 1px solid red;
}

/**
 * 交互手指
 */
.pointer[data-v-38d8a8fc] {
  cursor: pointer;
}
.card[data-v-38d8a8fc] {
  border-radius: 4px;
  -webkit-box-shadow: 0 0 7px #888;
          box-shadow: 0 0 7px #888;
}

/**
 * 打印通用样式
 */
/**
 * 交互手指
 */
.pointer[data-v-38d8a8fc] {
  cursor: pointer;
}

/**
 * 卡片
 */
.card[data-v-38d8a8fc] {
  border-radius: 4px;
  -webkit-box-shadow: 0 0 7px #888;
          box-shadow: 0 0 7px #888;
}

/**
 * 各类宽度
 */
.width80[data-v-38d8a8fc] {
  width: 80px !important;
}
.width120[data-v-38d8a8fc] {
  width: 120px !important;
}
.width150[data-v-38d8a8fc] {
  width: 150px !important;
}
.width180[data-v-38d8a8fc] {
  width: 180px !important;
}
.width200[data-v-38d8a8fc] {
  width: 200px !important;
}
.width215[data-v-38d8a8fc] {
  width: 215px !important;
}
.width220[data-v-38d8a8fc] {
  width: 220px !important;
}
.width250[data-v-38d8a8fc] {
  width: 250px !important;
}
.width280[data-v-38d8a8fc] {
  width: 280px !important;
}
.width300[data-v-38d8a8fc] {
  width: 300px !important;
}
.width460[data-v-38d8a8fc] {
  width: 460px !important;
}

/**
 * 字体格式
 */
.font-digital[data-v-38d8a8fc] {
  font-family: "digital";
}

/**
 * 文字显示一行
 */
.ellipsis[data-v-38d8a8fc] {
  width: 100px;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/**
 * 文字显示三行
 */
.ellipsis-3[data-v-38d8a8fc] {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

/**
  弹窗内查询
*/
.dlgQueryItem[data-v-38d8a8fc] {
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  row-gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.dlgQueryBtn[data-v-38d8a8fc] {
  text-align: right;
  width: 13%;
}

/**
 * 各类按钮宽度
 */
.width1To4Word[data-v-38d8a8fc] {
  width: 88px !important;
}
.width4To8Word[data-v-38d8a8fc] {
  width: 206px !important;
}
.el-form-width[data-v-38d8a8fc] {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.el-form-textarea-width-two[data-v-38d8a8fc] {
  width: 550px;
}
.el-form-textarea-width-three[data-v-38d8a8fc] {
  width: 880px;
}
.el-datetime-picker[data-v-38d8a8fc] {
  width: 450px !important;
}
.layout-left-header-title[data-v-38d8a8fc] {
  font-size: 16px;
  font-weight: bold;
}
.el-link-operation[data-v-38d8a8fc] {
  margin-right: 10px;
}
input[type=number][data-v-38d8a8fc]::-webkit-outer-spin-button, input[type=number][data-v-38d8a8fc]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type=number][data-v-38d8a8fc] {
  -moz-appearance: textfield;
}
.page-container[data-v-38d8a8fc] {
  width: 100%;
  height: 100vh;
  padding: 0;
  background-color: #1a2f66;
  color: #ffffff;
}
.page-container .page-main[data-v-38d8a8fc] {
  width: 100%;
  height: calc(100vh - 100px);
  padding: 0.16rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
.page-container .tag-list[data-v-38d8a8fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 0.12rem;
     -moz-column-gap: 0.12rem;
          column-gap: 0.12rem;
  margin-bottom: 0.16rem;
}
.page-container .tag-list .tag-item[data-v-38d8a8fc] {
  color: #fff;
  border: 1px solid #3e99b9;
  padding: 0.08rem 0.16rem;
  background: -webkit-gradient(linear, left top, left bottom, from(#0d3b51), to(#3e6180));
  background: linear-gradient(to bottom, #0d3b51, #3e6180);
  cursor: pointer;
  border-radius: 4px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.page-container .tag-list .tag-item[data-v-38d8a8fc]:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#3e99b9), to(#5bb3d6));
  background: linear-gradient(to bottom, #3e99b9, #5bb3d6);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0 2px 8px rgba(62, 153, 185, 0.3);
          box-shadow: 0 2px 8px rgba(62, 153, 185, 0.3);
}
.page-container .tag-list .tag-item.active[data-v-38d8a8fc] {
  color: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(#3e99b9), to(#5bb3d6));
  background: linear-gradient(to bottom, #3e99b9, #5bb3d6);
  border-color: #5bb3d6;
  -webkit-box-shadow: 0 2px 8px rgba(62, 153, 185, 0.3);
          box-shadow: 0 2px 8px rgba(62, 153, 185, 0.3);
}
.page-container .page-content[data-v-38d8a8fc] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
.page-container .filter-container[data-v-38d8a8fc] {
  background: linear-gradient(135deg, #0e335d 0%, #1a4a7a 100%);
  border: 1px solid #254779;
  border-radius: 8px;
  padding: 0.16rem;
  margin-bottom: 0.16rem;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.page-container .filter-container .filter-row[data-v-38d8a8fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 0.16rem;
  margin-bottom: 0.12rem;
}
.page-container .filter-container .filter-row[data-v-38d8a8fc]:last-child {
  margin-bottom: 0;
}
.page-container .filter-container .filter-item[data-v-38d8a8fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 200px;
}
.page-container .filter-container .filter-item.filter-item-wide[data-v-38d8a8fc] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 300px;
}
.page-container .filter-container .filter-item .filter-label[data-v-38d8a8fc] {
  color: #fff;
  font-size: 14px;
  margin-bottom: 0.08rem;
  font-weight: 500;
}
.page-container .filter-container .filter-item .filter-input[data-v-38d8a8fc] .el-input__inner,
.page-container .filter-container .filter-item .filter-select[data-v-38d8a8fc] .el-input__inner,
.page-container .filter-container .filter-item .filter-date-picker[data-v-38d8a8fc] .el-input__inner {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid #254779;
  color: #fff;
  border-radius: 4px;
}
.page-container .filter-container .filter-item .filter-input[data-v-38d8a8fc] .el-input__inner::-webkit-input-placeholder, .page-container .filter-container .filter-item .filter-select[data-v-38d8a8fc] .el-input__inner::-webkit-input-placeholder, .page-container .filter-container .filter-item .filter-date-picker[data-v-38d8a8fc] .el-input__inner::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.page-container .filter-container .filter-item .filter-input[data-v-38d8a8fc] .el-input__inner::-moz-placeholder, .page-container .filter-container .filter-item .filter-select[data-v-38d8a8fc] .el-input__inner::-moz-placeholder, .page-container .filter-container .filter-item .filter-date-picker[data-v-38d8a8fc] .el-input__inner::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.page-container .filter-container .filter-item .filter-input[data-v-38d8a8fc] .el-input__inner:-ms-input-placeholder, .page-container .filter-container .filter-item .filter-select[data-v-38d8a8fc] .el-input__inner:-ms-input-placeholder, .page-container .filter-container .filter-item .filter-date-picker[data-v-38d8a8fc] .el-input__inner:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.page-container .filter-container .filter-item .filter-input[data-v-38d8a8fc] .el-input__inner::-ms-input-placeholder, .page-container .filter-container .filter-item .filter-select[data-v-38d8a8fc] .el-input__inner::-ms-input-placeholder, .page-container .filter-container .filter-item .filter-date-picker[data-v-38d8a8fc] .el-input__inner::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.page-container .filter-container .filter-item .filter-input[data-v-38d8a8fc] .el-input__inner::placeholder,
.page-container .filter-container .filter-item .filter-select[data-v-38d8a8fc] .el-input__inner::placeholder,
.page-container .filter-container .filter-item .filter-date-picker[data-v-38d8a8fc] .el-input__inner::placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.page-container .filter-container .filter-item .filter-input[data-v-38d8a8fc] .el-input__inner:focus,
.page-container .filter-container .filter-item .filter-select[data-v-38d8a8fc] .el-input__inner:focus,
.page-container .filter-container .filter-item .filter-date-picker[data-v-38d8a8fc] .el-input__inner:focus {
  border-color: #3e99b9;
  -webkit-box-shadow: 0 0 0 2px rgba(62, 153, 185, 0.2);
          box-shadow: 0 0 0 2px rgba(62, 153, 185, 0.2);
}
.page-container .filter-container .filter-item .filter-input[data-v-38d8a8fc] .el-input__suffix,
.page-container .filter-container .filter-item .filter-select[data-v-38d8a8fc] .el-input__suffix,
.page-container .filter-container .filter-item .filter-date-picker[data-v-38d8a8fc] .el-input__suffix {
  color: rgba(255, 255, 255, 0.6);
}
.page-container .filter-container .filter-item .filter-select[data-v-38d8a8fc] .el-select__caret {
  color: rgba(255, 255, 255, 0.6);
}
.page-container .filter-container .filter-item .filter-date-picker[data-v-38d8a8fc] .el-input__inner {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid #254779;
  color: #fff;
  border-radius: 4px;
}
.page-container .filter-container .filter-item .filter-date-picker[data-v-38d8a8fc] .el-input__inner::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.page-container .filter-container .filter-item .filter-date-picker[data-v-38d8a8fc] .el-input__inner::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.page-container .filter-container .filter-item .filter-date-picker[data-v-38d8a8fc] .el-input__inner:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.page-container .filter-container .filter-item .filter-date-picker[data-v-38d8a8fc] .el-input__inner::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.page-container .filter-container .filter-item .filter-date-picker[data-v-38d8a8fc] .el-input__inner::placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.page-container .filter-container .filter-item .filter-date-picker[data-v-38d8a8fc] .el-input__inner:focus {
  border-color: #3e99b9;
  -webkit-box-shadow: 0 0 0 2px rgba(62, 153, 185, 0.2);
          box-shadow: 0 0 0 2px rgba(62, 153, 185, 0.2);
}
.page-container .filter-container .filter-item .filter-date-picker[data-v-38d8a8fc] .el-range-separator {
  color: rgba(255, 255, 255, 0.6);
}
.page-container .filter-container .filter-item .filter-date-picker[data-v-38d8a8fc] .el-range-input {
  color: #fff;
  background: transparent;
}
.page-container .filter-container .filter-item .filter-date-picker[data-v-38d8a8fc] .el-range-input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.page-container .filter-container .filter-item .filter-date-picker[data-v-38d8a8fc] .el-range-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.page-container .filter-container .filter-item .filter-date-picker[data-v-38d8a8fc] .el-range-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.page-container .filter-container .filter-item .filter-date-picker[data-v-38d8a8fc] .el-range-input::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.page-container .filter-container .filter-item .filter-date-picker[data-v-38d8a8fc] .el-range-input::placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.page-container .filter-container .filter-actions[data-v-38d8a8fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.08rem;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.page-container .filter-container .filter-actions .search-btn[data-v-38d8a8fc] {
  background: linear-gradient(135deg, #3e99b9 0%, #5bb3d6 100%);
  border: none;
  border-radius: 4px;
  color: #fff;
  font-weight: 500;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.page-container .filter-container .filter-actions .search-btn[data-v-38d8a8fc]:hover {
  background: linear-gradient(135deg, #5bb3d6 0%, #7cc6e3 100%);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0 4px 12px rgba(62, 153, 185, 0.4);
          box-shadow: 0 4px 12px rgba(62, 153, 185, 0.4);
}
.page-container .filter-container .filter-actions .export-btn[data-v-38d8a8fc] {
  background: linear-gradient(135deg, #67c23a 0%, #85ce61 100%);
  border: none;
  border-radius: 4px;
  color: #fff;
  font-weight: 500;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.page-container .filter-container .filter-actions .export-btn[data-v-38d8a8fc]:hover {
  background: linear-gradient(135deg, #85ce61 0%, #95d475 100%);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  -webkit-box-shadow: 0 4px 12px rgba(103, 194, 58, 0.4);
          box-shadow: 0 4px 12px rgba(103, 194, 58, 0.4);
}
.page-container .filter-container .filter-actions .reset-btn[data-v-38d8a8fc] {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid #254779;
  border-radius: 4px;
  color: #fff;
  font-weight: 500;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.page-container .filter-container .filter-actions .reset-btn[data-v-38d8a8fc]:hover {
  background: rgba(255, 255, 255, 0.2);
  border-color: #3e99b9;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.page-container .table-container[data-v-38d8a8fc] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.page-container .table-container[data-v-38d8a8fc] .el-table {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.page-container .table-container[data-v-38d8a8fc] .el-table, .page-container .table-container[data-v-38d8a8fc] .el-table::before, .page-container .table-container[data-v-38d8a8fc] .el-table::after,
.page-container .table-container[data-v-38d8a8fc] .el-table tr,
.page-container .table-container[data-v-38d8a8fc] .el-table .el-table__cell {
  background: #0e335d;
  color: #fff;
  border-color: #254779;
}
[data-v-38d8a8fc] .el-picker-panel {
  background: #0e335d !important;
  border: 1px solid #254779 !important;
}
[data-v-38d8a8fc] .el-picker-panel .el-picker-panel__body {
  background: #0e335d !important;
}
[data-v-38d8a8fc] .el-picker-panel .el-date-picker__header {
  background: #0e335d !important;
  border-bottom: 1px solid #254779 !important;
}
[data-v-38d8a8fc] .el-picker-panel .el-date-picker__header .el-picker-panel__icon-btn {
  color: #fff !important;
}
[data-v-38d8a8fc] .el-picker-panel .el-date-picker__header .el-picker-panel__icon-btn:hover {
  color: #3e99b9 !important;
}
[data-v-38d8a8fc] .el-picker-panel .el-date-picker__header .el-date-picker__header-label {
  color: #fff !important;
}
[data-v-38d8a8fc] .el-picker-panel .el-date-picker__header .el-date-picker__header-label:hover {
  color: #3e99b9 !important;
}
[data-v-38d8a8fc] .el-picker-panel .el-date-table th {
  color: rgba(255, 255, 255, 0.7) !important;
  border-bottom: 1px solid #254779 !important;
}
[data-v-38d8a8fc] .el-picker-panel .el-date-table td {
  color: #fff !important;
  border: none !important;
}
[data-v-38d8a8fc] .el-picker-panel .el-date-table td:hover {
  background: rgba(62, 153, 185, 0.3) !important;
}
[data-v-38d8a8fc] .el-picker-panel .el-date-table td.today {
  color: #3e99b9 !important;
  font-weight: bold !important;
}
[data-v-38d8a8fc] .el-picker-panel .el-date-table td.current:not(.disabled) {
  background: #3e99b9 !important;
  color: #fff !important;
}
[data-v-38d8a8fc] .el-picker-panel .el-date-table td.start-date,[data-v-38d8a8fc] .el-picker-panel .el-date-table td.end-date {
  background: #3e99b9 !important;
  color: #fff !important;
}
[data-v-38d8a8fc] .el-picker-panel .el-date-table td.in-range {
  background: rgba(62, 153, 185, 0.2) !important;
  color: #fff !important;
}
[data-v-38d8a8fc] .el-select-dropdown {
  background: #0e335d !important;
  border: 1px solid #254779 !important;
}
[data-v-38d8a8fc] .el-select-dropdown .el-select-dropdown__item {
  color: #fff !important;
}
[data-v-38d8a8fc] .el-select-dropdown .el-select-dropdown__item:hover {
  background: rgba(62, 153, 185, 0.3) !important;
}
[data-v-38d8a8fc] .el-select-dropdown .el-select-dropdown__item.selected {
  background: #3e99b9 !important;
  color: #fff !important;
}
@font-face {
	font-family: 'ZentaoIcon';
	src: url(../fonts/ZentaoIcon.da5c5de5.woff);
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'digital';
	src: url(../fonts/Digital.9970a7c5.ttf);
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'DS-DIGIT';
	src: url(../fonts/DS-DIGIT.223f2246.TTF);
	font-weight: normal;
	font-style: normal;
}

.svg-board-wrapper[data-v-a56cba6a] {
    width: 100%;
    height: 100%;
    min-width: 400px;
    min-height: 300px;
    background: #1a2f66;
    //overflow: auto;
}
.svg-board-toolbar[data-v-a56cba6a] {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
    background: rgba(26, 47, 102, 0.8);
    padding: 10px;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.svg-board-toolbar button[data-v-a56cba6a] {
    background: #00eaff;
    color: #1a2f66;
    border: none;
    padding: 5px 10px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 12px;
}
.svg-board-toolbar select[data-v-a56cba6a] {
    background: #223a5e;
    color: #fff;
    border: 1px solid #00eaff;
    padding: 5px;
    border-radius: 3px;
    font-size: 12px;
}

@charset "UTF-8";
/**
 * 定义基础变量样式
 * created by eric
 */
/**
 *基本颜色定义
 */
.iconStyle[data-v-4f428260] {
  width: 2vw;
  height: 2vw;
  display: block;
}
.primary[data-v-4f428260] {
  color: #454545 !important;
}
.success[data-v-4f428260] {
  color: #67C23A !important;
}
.warning[data-v-4f428260] {
  color: #E6A23C !important;
}
.danger[data-v-4f428260] {
  color: #F56C6C !important;
}
.info[data-v-4f428260] {
  color: #909399 !important;
}
.black[data-v-4f428260] {
  color: #222 !important;
}
.white[data-v-4f428260] {
  color: #FFF !important;
}
.gray[data-v-4f428260] {
  color: #778992 !important;
}
.red[data-v-4f428260] {
  color: #FF0000 !important;
}

/**
 * 红五角心
 */
.must[data-v-4f428260]:before {
  content: "*";
  color: #F56C6C;
  margin-right: 4px;
}
.operateButtons[data-v-4f428260] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

/**
 *字体颜色
 */
/**
 *边框颜色
 */
/**
 * 边框圆角
 */
.radius[data-v-4f428260] {
  border-radius: 4px;
}

/**
 *背景阴影
 */
.shadow[data-v-4f428260] {
  -webkit-box-shadow: 0 0 10px #f5f5f5;
          box-shadow: 0 0 10px #f5f5f5;
}

/**
 * 边框调试---开发专用，不要流到产品
 */
.dom[data-v-4f428260] {
  border: 1px solid red;
}

/**
 * 交互手指
 */
.pointer[data-v-4f428260] {
  cursor: pointer;
}
.card[data-v-4f428260] {
  border-radius: 4px;
  -webkit-box-shadow: 0 0 7px #888;
          box-shadow: 0 0 7px #888;
}

/**
 * 打印通用样式
 */
/**
 * 交互手指
 */
.pointer[data-v-4f428260] {
  cursor: pointer;
}

/**
 * 卡片
 */
.card[data-v-4f428260] {
  border-radius: 4px;
  -webkit-box-shadow: 0 0 7px #888;
          box-shadow: 0 0 7px #888;
}

/**
 * 各类宽度
 */
.width80[data-v-4f428260] {
  width: 80px !important;
}
.width120[data-v-4f428260] {
  width: 120px !important;
}
.width150[data-v-4f428260] {
  width: 150px !important;
}
.width180[data-v-4f428260] {
  width: 180px !important;
}
.width200[data-v-4f428260] {
  width: 200px !important;
}
.width215[data-v-4f428260] {
  width: 215px !important;
}
.width220[data-v-4f428260] {
  width: 220px !important;
}
.width250[data-v-4f428260] {
  width: 250px !important;
}
.width280[data-v-4f428260] {
  width: 280px !important;
}
.width300[data-v-4f428260] {
  width: 300px !important;
}
.width460[data-v-4f428260] {
  width: 460px !important;
}

/**
 * 字体格式
 */
.font-digital[data-v-4f428260] {
  font-family: "digital";
}

/**
 * 文字显示一行
 */
.ellipsis[data-v-4f428260] {
  width: 100px;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/**
 * 文字显示三行
 */
.ellipsis-3[data-v-4f428260] {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

/**
  弹窗内查询
*/
.dlgQueryItem[data-v-4f428260] {
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  row-gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.dlgQueryBtn[data-v-4f428260] {
  text-align: right;
  width: 13%;
}

/**
 * 各类按钮宽度
 */
.width1To4Word[data-v-4f428260] {
  width: 88px !important;
}
.width4To8Word[data-v-4f428260] {
  width: 206px !important;
}
.el-form-width[data-v-4f428260] {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.el-form-textarea-width-two[data-v-4f428260] {
  width: 550px;
}
.el-form-textarea-width-three[data-v-4f428260] {
  width: 880px;
}
.el-datetime-picker[data-v-4f428260] {
  width: 450px !important;
}
.layout-left-header-title[data-v-4f428260] {
  font-size: 16px;
  font-weight: bold;
}
.el-link-operation[data-v-4f428260] {
  margin-right: 10px;
}
input[type=number][data-v-4f428260]::-webkit-outer-spin-button, input[type=number][data-v-4f428260]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type=number][data-v-4f428260] {
  -moz-appearance: textfield;
}
[data-v-4f428260] .el-table::before {
  background-color: rgba(255, 255, 255, 0);
}
[data-v-4f428260] .el-table td.el-table__cell,
.el-table th.el-table__cell.is-leaf[data-v-4f428260] {
  border-bottom: 0;
  text-align: center;
}
[data-v-4f428260] .el-table .el-table__cell {
  padding: 3px 0 !important;
}
[data-v-4f428260] .el-table,
.el-table__expanded-cell[data-v-4f428260] {
  background-color: rgba(255, 255, 255, 0);
}
[data-v-4f428260] .el-table__body tbody tr:nth-child(odd) {
  background-color: #0D1C57;
}
[data-v-4f428260] .el-table__body tbody tr:nth-child(even) td {
  background-color: #152775;
}
[data-v-4f428260] th.el-table__cell.gutter {
  background: rgb(15, 33, 96);
}
[data-v-4f428260] .el-table__body-wrapper::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
[data-v-4f428260] .el-table__body-wrapper {
  scrollbar-width: none;
  /* firefox */
  -ms-overflow-style: none;
  /* IE 10+ */
}
[data-v-4f428260]::-webkit-scrollbar-thumb {
  border-radius: 0px;
  background-color: rgb(14, 31, 91);
}
[data-v-4f428260]::-webkit-scrollbar-track {
  border-radius: 0px;
  background-color: rgb(14, 31, 91);
}
[data-v-4f428260] .el-table--enable-row-hover .el-table__body tr:hover > td {
  background-color: #2850d1 !important;
}
[data-v-4f428260] .el-dialog__header {
  background: #ffffff;
  border-bottom: 1px solid #F4F4F4;
}
[data-v-4f428260] .el-dialog__title {
  font-weight: bold;
  color: #000000;
}
[data-v-4f428260] .el-checkbox {
  padding: 0 2% 10px 2%;
  width: 96%;
}
.container[data-v-4f428260] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.container .left[data-v-4f428260], .container .right[data-v-4f428260] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.container .box_top[data-v-4f428260] {
  color: white;
  margin: 10px;
  text-align: center;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.container .box[data-v-4f428260] {
  color: white;
  padding: 10px;
  text-align: center;
  border-radius: 8px;
}
.container .icon_top[data-v-4f428260] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30%;
          flex: 0 0 30%; /* 固定占 30% 宽度 */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 24px;
}
.container .text_top[data-v-4f428260] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; /* 占剩下的空间 */
  font-size: 16px;
  padding-left: 10px;
}
.container .icon[data-v-4f428260] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30%;
          flex: 0 0 30%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 24px;
  text-align: center;
}
.container .text[data-v-4f428260] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30%;
          flex: 0 0 30%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  text-align: center;
}
.container .text_flex[data-v-4f428260] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 10px;
  font-size: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.container .text_flex #span[data-v-4f428260] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.about_bar[data-v-4f428260] {
  height: calc(100% - 80px);
  padding: 5px;
}
.boardBox01[data-v-4f428260] {
  width: 100%;
  height: 28.5vh;
  background: url(../img/box01..faa5eeb3.png) no-repeat;
  background-size: 100% 100%;
  margin-bottom: 0.15rem;
}
.boardBox02[data-v-4f428260] {
  width: 48.8%;
  height: 27.5vh;
  background: url(../img/box-short.460e589b.png) no-repeat;
  background-size: 100% 100%;
  margin-bottom: 0.15rem;
}
.boardBox03[data-v-4f428260] {
  width: 100%;
  height: 33.9vh;
  background: url(../img/box-fat..5cf1a90d.png) no-repeat;
  background-size: 100% 100%;
  margin-bottom: 0.15rem;
}
.boardBox04[data-v-4f428260] {
  width: 100%;
  height: 54vh;
  background: url(../img/box-leftTall..e6b67fd5.png) no-repeat;
  background-size: 100% 100%;
  padding-top: 0.28rem;
}
.title_all[data-v-4f428260] {
  width: 100%;
  height: 0.4rem;
  line-height: 0.4rem;
  padding-top: 0.16rem;
  text-align: center;
  font-size: 0.2rem;
  border-bottom: 1px solid;
  -o-border-image: linear-gradient(270deg, rgba(7, 100, 238, 0), rgb(7, 100, 238), rgba(7, 100, 238, 0)) 2 2;
     border-image: -webkit-gradient(linear, right top, left top, from(rgba(7, 100, 238, 0)), color-stop(rgb(7, 100, 238)), to(rgba(7, 100, 238, 0))) 2 2;
     border-image: linear-gradient(270deg, rgba(7, 100, 238, 0), rgb(7, 100, 238), rgba(7, 100, 238, 0)) 2 2;
}
.title_leftT[data-v-4f428260] {
  width: 88%;
  height: 0.4rem;
  margin-left: 6%;
  background-image: linear-gradient(179deg, #165FE1 11%, #123671 89%);
  border: 1px solid #0668F8;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.title_leftT li[data-v-4f428260] {
  line-height: 0.4rem;
}
.pop-box[data-v-4f428260] {
  width: 100%;
  margin-top: 8px;
}
.pop-box .pop-text[data-v-4f428260] {
  margin-bottom: 20px;
}
.pop-box .pop-button[data-v-4f428260] {
  line-height: 40px;
  text-align: center;
  border-top: 1px solid #DDDDDD;
}
.pop-box .pop-button[data-v-4f428260]:hover {
  background: #f4f4f4;
  cursor: pointer;
}
#indexDataBoard[data-v-4f428260] {
  width: 100%;
  padding: 0;
  background-color: #1a2f66;
  color: #ffffff;
}
#indexDataBoard .boardHeader[data-v-4f428260] {
  width: 98%;
  height: 100px;
  padding: 0 1%;
  background-color: #1a2f66;
  background-image: url(../img/header.f74726ac.png);
  background-size: 100% 100%;
  font-size: 16px;
}
#indexDataBoard .boardHeader .boardHeader-left[data-v-4f428260] {
  width: 20%;
  padding-top: 6px;
  float: left;
}
#indexDataBoard .boardHeader .boardHeader-left li[data-v-4f428260]:nth-child(1) {
  font-size: 14px;
}
#indexDataBoard .boardHeader .boardHeader-left li[data-v-4f428260]:nth-child(2) {
  font-size: 12px;
}
#indexDataBoard .boardHeader .boardHeader-middle[data-v-4f428260] {
  width: 60%;
  padding-top: 16px;
  float: left;
}
#indexDataBoard .boardHeader .boardHeader-middle .boardHeader-M-top[data-v-4f428260] {
  text-align: center;
  font-size: 28px;
  font-weight: 600;
  line-height: 40px;
}
#indexDataBoard .boardHeader .boardHeader-middle .boardHeader-M-bottom[data-v-4f428260] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 21px;
}
#indexDataBoard .boardHeader .boardHeader-middle .boardHeader-M-bottom li[data-v-4f428260] {
  min-width: 90px;
  height: 22px;
  margin: 0 7px;
  padding: 0 15px;
  line-height: 22px;
  text-align: center;
  background: url(../img/headerM-bottom..9aeb474d.png) no-repeat;
  background-size: 100% 100%;
  color: #9eaebf;
  cursor: pointer;
}
#indexDataBoard .boardHeader .boardHeader-middle .boardHeader-M-bottom .active[data-v-4f428260] {
  color: #ffffff;
}
#indexDataBoard .boardHeader .boardHeader-right[data-v-4f428260] {
  width: 20%;
  padding-top: 10px;
  float: left;
  text-align: right;
}
#indexDataBoard .boardHeader .boardHeader-right ul[data-v-4f428260] {
  width: 40px;
  float: right;
  margin-left: 15px;
}
#indexDataBoard .boardHeader .boardHeader-right ul li[data-v-4f428260] {
  text-align: center;
  cursor: pointer;
}
#indexDataBoard .boardMain[data-v-4f428260] {
  width: 98%;
  height: 90.7vh;
  padding: 0 1%;
  overflow: hidden;
}
#indexDataBoard .boardMain .indexDataBoard-main-left[data-v-4f428260] {
  width: 26%;
  float: left;
  margin-top: 0.16rem;
}
#indexDataBoard .boardMain .indexDataBoard-main-middle[data-v-4f428260] {
  width: 46%;
  margin: 0.12rem 1% 0 1%;
  float: left;
}
#indexDataBoard .boardMain .indexDataBoard-main-middle .indexDataBoard-main-middle-top-top[data-v-4f428260] {
  height: 9vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; /* 确保子元素横向排列 */
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; /* 确保子元素均匀分布 */
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; /* 垂直居中对齐 */
}
#indexDataBoard .boardMain .indexDataBoard-main-middle .indexDataBoard-main-middle-top[data-v-4f428260] {
  width: 94%;
  height: 45vh;
  background-size: auto 85%;
  margin-bottom: 0.13rem;
  padding: 0 3%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#indexDataBoard .boardMain .indexDataBoard-main-middle .middle-top-title[data-v-4f428260] {
  font-size: 48px;
  font-weight: 500;
  margin-top: -0.2rem;
}
#indexDataBoard .boardMain .indexDataBoard-main-middle .indexDataBoard-main-middle-top-side[data-v-4f428260] {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#indexDataBoard .boardMain .indexDataBoard-main-middle .indexDataBoard-main-middle-top-side ul[data-v-4f428260] {
  display: none;
  width: 192px;
  height: 121px;
  background-image: linear-gradient(179deg, #165FE1 11%, #123671 89%);
  border: 3px solid #0668F8;
  border-radius: 12px;
  text-align: center;
}
#indexDataBoard .boardMain .indexDataBoard-main-middle .indexDataBoard-main-middle-top-side ul li[data-v-4f428260]:nth-child(1) {
  font-size: 14px;
  line-height: 20px;
  margin-top: 23px;
}
#indexDataBoard .boardMain .indexDataBoard-main-middle .indexDataBoard-main-middle-top-side ul li[data-v-4f428260]:nth-child(2) {
  font-size: 40px;
  line-height: 56px;
  font-weight: 500;
}
#indexDataBoard .boardMain .indexDataBoard-main-middle .indexDataBoard-main-middle-top-side .ul-left[data-v-4f428260] {
  margin-left: 0.5rem;
}
#indexDataBoard .boardMain .indexDataBoard-main-middle .indexDataBoard-main-middle-top-side .ul-right[data-v-4f428260] {
  margin-left: -0.5rem;
}
#indexDataBoard .boardMain .indexDataBoard-main-middle .indexDataBoard-main-middle-top-side .ul-bottom[data-v-4f428260] {
  margin-bottom: 0.5rem;
}
#indexDataBoard .boardMain .indexDataBoard-main-middle .indexDataBoard-main-middle-bottom[data-v-4f428260] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#indexDataBoard .boardMain .indexDataBoard-main-right[data-v-4f428260] {
  width: 26%;
  float: left;
  margin-top: 0.16rem;
}
#indexDataBoard .boardMain .indexDataBoard-main-right .row-bg[data-v-4f428260] {
  padding: 10px 0;
  min-width: 33.3333333%;
  text-align: center;
}
#indexDataBoard .boardMain .indexDataBoard-main-right .faultTitle[data-v-4f428260] {
  width: 100%;
  line-height: 20px;
  font-size: 14px;
  text-align: center;
}
#indexDataBoard .boardMain .indexDataBoard-main-right .faultNo[data-v-4f428260] {
  width: 100%;
  font-size: 40px;
  text-align: center;
  color: #FFFF2E;
}
#indexDataBoard .boardMain .indexDataBoard-main-right .faultNo span[data-v-4f428260] {
  font-size: 14px;
  color: #ffffff;
}
#indexDataBoard .boardMain .indexDataBoard-main-right .indexDataBoard-main-right-bottom[data-v-4f428260] {
  width: 100%;
  height: 75%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
.carousel-container[data-v-4f428260] {
  width: 90%;
  height: 22vh;
  margin-top: 0.05rem;
  margin-left: 5%;
  overflow-y: hidden;
}
.carousel-container[data-v-4f428260] .el-row {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.carousel-container .carousel-box[data-v-4f428260] {
  width: 100%;
  min-height: 190px;
  overflow: hidden;
  border-radius: 5px;
  background: rgba(21, 88, 206, 0.4);
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.carousel-container .carousel-box-title[data-v-4f428260] {
  width: 100%;
  height: 25px;
  line-height: 25px;
  text-align: center;
  font-weight: bold;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZIAAAAeCAYAAAAGh5jtAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAOASURBVHic7dxPaFxVFMfx77kzjQ1KLZOZ1FUxqBtduKgIUpS0FOmiIFLE2KipVAko/mmRiTYqSrFNBUmxFF0UbLWpWhAXKlLUplq60KooQjdVFN1oMxOjVFsymXdcaDC2M5n/SZ7+PpvL3HveeWc1hzPzZix1/ebDwM2IiIjUyv394EUene86REQkniLIhl8+H/7a8VfmuxgREYkXdx+ZOLHryyRASNjWqBh6DG+b78JERCQWCj41OQhg0zsdNwzscOex+atJRERiw33X+CfPbQZITu9FkwzZRYvuBU//1V8crVq1atWq9YLV/ddC4dyz/M2YIbXy6UeAYURERMowfDB//Jnt06+TMw/Hl+RfTJ257CGDrrkvTUREFjyzn9oLi/81cNj5Membhja4hZG5q0pEROLCjfvGj2b3zty7oJEApFcNf+awYm7KEhGRePCT+dEt15y/mywZasks8GHLaxIRkdiIgmdL7ZecSADSa156z2Ft60oSEZG4MOyj3Af93aXOSk4kAEVPDIREUCMRERGcqYFyZ2UnEoDM2lf3Od7X/JJERCQ23N/IHe7rKXdcdiIBKEbJJ0OC9eCXNL8yERFZ8MzOFizaOmtIpRwd6w7tMDf9dYqIyP/TcO7d27bMFjDrRAIwae3PL7Zok+OZ5tUlIiILnUHezHZWEVdZxy3vDBg21HhZIiISFxb54Njb67ZXiqs4kQCEtj/2eOHS+4HlDVcmIiJx8KPbud3VBFY1kQB03nrkbjf211+TiIjEhkcbx95aU9V7ftWNBCCz/tgRjFX1VSUiInHgzmjuzRtXVxtf1Udb/1jUT/AvwPQ4sIjIf5H7GXPrr+WSmiYSgEzPiU247a0cKSIisRPs9rHXVhyq5ZKaGwlA5o6vHgcqfpMvIiIx4jw89vq1L9R6WV2NBKCz92TWoeLzxSIiEgPOzrGDV9f14/O6GwnAsru+ecLxbY3kEBGReea27fSBK5+q9/KGGglA+s5T3SGRfBnn8kZziYjIHDK+j4rckzvQdbSxNE2wdON3S9sie5BgD+Asa0ZOERFpEeNnIt8zGXz3xL6uicbTNVGq99SSZEhuIIRe3Fdi1tT8IiJSJ8fdOG5RNDIVTR0cH7nqt2albtkbfWffD1c4Ubd5WI1xHe4pjIuB9lbdU0READiL8zuBPBGfutmowcen9y//thU3+xMQW7Rmdg1+GQAAAABJRU5ErkJggg==) no-repeat center top;
  background-size: 94% 100%;
  padding-top: 5px;
  margin-bottom: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.carousel-container .carousel-box-item[data-v-4f428260] {
  width: 100%;
  line-height: 20px;
  text-align: center;
}
.cardBoxelCard[data-v-4f428260] {
  height: 32%;
}
.cardDevBox[data-v-4f428260] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  border-bottom: 0;
  /*height: 100%;*/
}
.cardDevBox[data-v-4f428260] .el-card {
  width: 50%;
  background-color: transparent !important;
  border: 0;
  height: 26vh;
}
.cardDevBox[data-v-4f428260] .el-card .el-card__header {
  padding: 18px 20px;
  border-bottom: 0px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.cardDevBox[data-v-4f428260] .el-card .elCalendarDev {
  width: 300px;
  height: 260px;
}
.layoutScrollClass[data-v-4f428260] {
  width: 100%;
  height: 24vh;
  /*height: 250px;*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*flex-wrap: wrap;*/
  /*justify-content: space-between;*/
  /*.elCardTop {*/
  /*text-align: center;*/
  /*font-weight: bold;*/
  /*width: 100%;*/
  /*line-height: .2rem;*/
  /*!*padding-top: .16rem;*!*/
  /*font-size: .2rem;*/
  /*height: calc(1.4vh);*/
  /*background: url(@/assets/kanban/box-fat..png) no-repeat;*/
  /*background-size: 100% 100%;*/
  /*margin-bottom: .15rem;*/
  /*}*/
}
.layoutScrollClass[data-v-4f428260] .elCard .el-calendar-table thead th {
  color: #ffffff;
}
.layoutScrollClass[data-v-4f428260] .card-div-green {
  background-color: #6DD400 !important;
}
.layoutScrollClass[data-v-4f428260] .card-div-blue {
  background-color: #46AAFA;
}
.layoutScrollClass .el-calendar-table td[data-v-4f428260] {
  border-bottom: 1px solid #EBEEF5;
  border-right: 1px solid #EBEEF5;
  vertical-align: top;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
.layoutScrollClass .elCard[data-v-4f428260] {
  width: 100%;
  background-color: transparent !important;
  border: 0;
  height: 21vh;
  margin-bottom: 0 !important;
  padding: 0 !important;
}
.layoutScrollClass .elCard .elCalendar[data-v-4f428260] {
  height: 21vh;
  width: 100%;
  background-color: transparent !important;
  /*height: calc(25.5vh);*/
}
.layoutScrollClass .elCard .el-button-group[data-v-4f428260] {
  display: none;
}
.layoutScrollClass .elCard[data-v-4f428260] .el-card__body {
  padding: 4px;
  height: 23vh;
}
.layoutScrollClass .elCard[data-v-4f428260] .el-calendar__header {
  display: none;
}
.layoutScrollClass .elCard .el-calendar__body[data-v-4f428260] {
  padding: 0;
  background-color: #0D1C57;
  /*height: 60px;*/
}
.layoutScrollClass .elCard[data-v-4f428260] .el-calendar-table .el-calendar-day {
  height: 25px;
  padding: 0;
  /*line-height: 60px;*/
  background-color: #0D1C57;
}
.layoutScrollClass .elCard[data-v-4f428260] {
  /*.el-calendar-table:not(.is-range) td.next,*/
  /*.el-calendar-table:not(.is-range) td.prev {*/
  /*    pointer-events: none;*/
  /*}*/
}
@charset "UTF-8";
/**
 * 定义基础变量样式
 * created by eric
 */
/**
 *基本颜色定义
 */
.iconStyle[data-v-21482ab5] {
  width: 2vw;
  height: 2vw;
  display: block;
}
.primary[data-v-21482ab5] {
  color: #454545 !important;
}
.success[data-v-21482ab5] {
  color: #67C23A !important;
}
.warning[data-v-21482ab5] {
  color: #E6A23C !important;
}
.danger[data-v-21482ab5] {
  color: #F56C6C !important;
}
.info[data-v-21482ab5] {
  color: #909399 !important;
}
.black[data-v-21482ab5] {
  color: #222 !important;
}
.white[data-v-21482ab5] {
  color: #FFF !important;
}
.gray[data-v-21482ab5] {
  color: #778992 !important;
}
.red[data-v-21482ab5] {
  color: #FF0000 !important;
}

/**
 * 红五角心
 */
.must[data-v-21482ab5]:before {
  content: "*";
  color: #F56C6C;
  margin-right: 4px;
}
.operateButtons[data-v-21482ab5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

/**
 *字体颜色
 */
/**
 *边框颜色
 */
/**
 * 边框圆角
 */
.radius[data-v-21482ab5] {
  border-radius: 4px;
}

/**
 *背景阴影
 */
.shadow[data-v-21482ab5] {
  -webkit-box-shadow: 0 0 10px #f5f5f5;
          box-shadow: 0 0 10px #f5f5f5;
}

/**
 * 边框调试---开发专用，不要流到产品
 */
.dom[data-v-21482ab5] {
  border: 1px solid red;
}

/**
 * 交互手指
 */
.pointer[data-v-21482ab5] {
  cursor: pointer;
}
.card[data-v-21482ab5] {
  border-radius: 4px;
  -webkit-box-shadow: 0 0 7px #888;
          box-shadow: 0 0 7px #888;
}

/**
 * 打印通用样式
 */
/**
 * 交互手指
 */
.pointer[data-v-21482ab5] {
  cursor: pointer;
}

/**
 * 卡片
 */
.card[data-v-21482ab5] {
  border-radius: 4px;
  -webkit-box-shadow: 0 0 7px #888;
          box-shadow: 0 0 7px #888;
}

/**
 * 各类宽度
 */
.width80[data-v-21482ab5] {
  width: 80px !important;
}
.width120[data-v-21482ab5] {
  width: 120px !important;
}
.width150[data-v-21482ab5] {
  width: 150px !important;
}
.width180[data-v-21482ab5] {
  width: 180px !important;
}
.width200[data-v-21482ab5] {
  width: 200px !important;
}
.width215[data-v-21482ab5] {
  width: 215px !important;
}
.width220[data-v-21482ab5] {
  width: 220px !important;
}
.width250[data-v-21482ab5] {
  width: 250px !important;
}
.width280[data-v-21482ab5] {
  width: 280px !important;
}
.width300[data-v-21482ab5] {
  width: 300px !important;
}
.width460[data-v-21482ab5] {
  width: 460px !important;
}

/**
 * 字体格式
 */
.font-digital[data-v-21482ab5] {
  font-family: "digital";
}

/**
 * 文字显示一行
 */
.ellipsis[data-v-21482ab5] {
  width: 100px;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/**
 * 文字显示三行
 */
.ellipsis-3[data-v-21482ab5] {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

/**
  弹窗内查询
*/
.dlgQueryItem[data-v-21482ab5] {
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  row-gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.dlgQueryBtn[data-v-21482ab5] {
  text-align: right;
  width: 13%;
}

/**
 * 各类按钮宽度
 */
.width1To4Word[data-v-21482ab5] {
  width: 88px !important;
}
.width4To8Word[data-v-21482ab5] {
  width: 206px !important;
}
.el-form-width[data-v-21482ab5] {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.el-form-textarea-width-two[data-v-21482ab5] {
  width: 550px;
}
.el-form-textarea-width-three[data-v-21482ab5] {
  width: 880px;
}
.el-datetime-picker[data-v-21482ab5] {
  width: 450px !important;
}
.layout-left-header-title[data-v-21482ab5] {
  font-size: 16px;
  font-weight: bold;
}
.el-link-operation[data-v-21482ab5] {
  margin-right: 10px;
}
input[type=number][data-v-21482ab5]::-webkit-outer-spin-button, input[type=number][data-v-21482ab5]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type=number][data-v-21482ab5] {
  -moz-appearance: textfield;
}
[data-v-21482ab5] .el-table::before {
  background-color: rgba(255, 255, 255, 0);
}
[data-v-21482ab5] .el-table td.el-table__cell,
.el-table th.el-table__cell.is-leaf[data-v-21482ab5] {
  border-bottom: 0;
  text-align: center;
}
[data-v-21482ab5] .el-table,
.el-table__expanded-cell[data-v-21482ab5] {
  background-color: rgba(255, 255, 255, 0);
}
[data-v-21482ab5] th.el-table__cell.gutter {
  background: rgb(15, 40, 108);
}
[data-v-21482ab5] .el-table__body tbody tr:nth-child(odd) {
  background-color: #0D1C57;
}
[data-v-21482ab5] .el-table__body tbody tr:nth-child(even) td {
  background-color: #152775;
}
[data-v-21482ab5] .el-table__body-wrapper::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
[data-v-21482ab5]::-webkit-scrollbar-thumb {
  border-radius: 0px;
  background-color: rgb(15, 39, 108);
}
[data-v-21482ab5]::-webkit-scrollbar-track {
  border-radius: 0px;
  background-color: rgb(15, 39, 108);
}
[data-v-21482ab5] .el-table__body-wrapper {
  scrollbar-width: none;
  /* firefox */
  -ms-overflow-style: none;
  /* IE 10+ */
}
[data-v-21482ab5] .el-table--enable-row-hover .el-table__body tr:hover > td {
  background-color: #2850d1 !important;
}
.about_bar[data-v-21482ab5] {
  width: 100%;
  height: 77%;
}
.boardBox01[data-v-21482ab5] {
  width: 100%;
  height: 24.3vh;
  background: url(../img/box01..faa5eeb3.png) no-repeat;
  background-size: 100% 100%;
  margin-bottom: 0.15rem;
}
.boardBox02[data-v-21482ab5] {
  width: 100%;
  height: 50vh;
  background: url(../img/box-leftTall..e6b67fd5.png) no-repeat;
  background-size: 100% 100%;
  margin-bottom: 0.15rem;
}
.boardBox01-half[data-v-21482ab5] {
  width: 95%;
  height: 77%;
  float: left;
}
.boardBox03[data-v-21482ab5] {
  height: 34vh;
  background: url(../img/box-fat..5cf1a90d.png) no-repeat;
  background-size: 100% 100%;
  margin-bottom: 0.15rem;
}
.boardBox03-half[data-v-21482ab5] {
  width: 49%;
  float: left;
  height: 77%;
}
.boardBox04[data-v-21482ab5] {
  width: 100%;
  height: 40.3vh;
  background: url(../img/box-fat..5cf1a90d.png) no-repeat;
  background-size: 100% 100%;
  margin-bottom: 0.15rem;
}
.boardBox04 .statistics-filter-container[data-v-21482ab5] {
  margin-top: 0.12rem;
  margin-right: 0.12rem;
  text-align: right;
}
.boardBox04 .statistics-filter-container[data-v-21482ab5] .el-form--inline .el-form-item__label {
  color: #fff !important;
}
.borderR[data-v-21482ab5] {
  border-right: 1px solid;
  -o-border-image: linear-gradient(0deg, rgba(7, 100, 238, 0), rgb(7, 100, 238), rgba(7, 100, 238, 0)) 2 2;
     border-image: -webkit-gradient(linear, left bottom, left top, from(rgba(7, 100, 238, 0)), color-stop(rgb(7, 100, 238)), to(rgba(7, 100, 238, 0))) 2 2;
     border-image: linear-gradient(0deg, rgba(7, 100, 238, 0), rgb(7, 100, 238), rgba(7, 100, 238, 0)) 2 2;
}
.fadianIcon[data-v-21482ab5] {
  background-size: 100% 100%;
  background-image: url(../img/circle.ef799250.png);
}
.title_all[data-v-21482ab5] {
  width: 100%;
  height: 0.4rem;
  line-height: 0.4rem;
  padding-top: 0.16rem;
  text-align: center;
  font-size: 0.2rem;
  border-bottom: 1px solid;
  -o-border-image: linear-gradient(270deg, rgba(7, 100, 238, 0), rgb(7, 100, 238), rgba(7, 100, 238, 0)) 2 2;
     border-image: -webkit-gradient(linear, right top, left top, from(rgba(7, 100, 238, 0)), color-stop(rgb(7, 100, 238)), to(rgba(7, 100, 238, 0))) 2 2;
     border-image: linear-gradient(270deg, rgba(7, 100, 238, 0), rgb(7, 100, 238), rgba(7, 100, 238, 0)) 2 2;
}
.title_all span[data-v-21482ab5] {
  display: inline-block;
  width: 50%;
  line-height: 0.4rem;
  text-align: center;
  font-size: 0.2rem;
}
#indexProductBoard[data-v-21482ab5] {
  width: 100%;
  padding: 0;
  background-color: #1a2f66;
  color: #ffffff;
}
#indexProductBoard .boardMid[data-v-21482ab5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; /* 根据需要调整对齐方式 */
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; /* 根据需要调整对齐方式 */
  width: 96%;
  height: 9vh;
  padding: 0 1%;
  margin-left: 1vw;
  background-color: #1a2f66;
  background-image: url(../img/big-w-bg.23c2c4b7.png);
  background-size: 100% 100%;
  font-size: 16px;
}
#indexProductBoard .boardMain[data-v-21482ab5] {
  width: 98%;
  height: 81.7vh;
  padding: 0 1%;
  overflow: hidden;
}
#indexProductBoard .boardMain .indexProductBoard-main-left[data-v-21482ab5] {
  width: 26%;
  float: left;
  margin-top: 0.16rem;
}
#indexProductBoard .boardMain .indexProductBoard-main-middle[data-v-21482ab5] {
  width: 46%;
  margin: 0.16rem 1% 0 1%;
  float: left;
}
#indexProductBoard .boardMain .indexProductBoard-main-right[data-v-21482ab5] {
  width: 26%;
  float: left;
  margin-top: 0.16rem;
}
#indexProductBoard .boardMain .indexProductBoard-main-right .row-bg[data-v-21482ab5] {
  padding: 12px 0;
}
#indexProductBoard .boardMain .indexProductBoard-main-right .indexProductBoard-main-right-bottom[data-v-21482ab5] {
  width: 100%;
  height: 77%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#indexProductBoard .labelFontStyle[data-v-21482ab5] {
  font-size: 16px;
}
#indexProductBoard[data-v-21482ab5] .el-descriptions__body {
  background-color: transparent;
  padding: 0 !important;
}
#indexProductBoard[data-v-21482ab5] .el-descriptions-item__label {
  background-color: rgb(22, 58, 85);
  color: #dddddd;
  font-weight: bold;
  font-size: 15px;
  min-width: 1rem;
}
#indexProductBoard[data-v-21482ab5] .el-descriptions .el-descriptions-row {
  background-color: rgb(22, 58, 85);
  color: #dddddd;
  font-weight: bold;
  font-size: 15px;
}
#indexProductBoard[data-v-21482ab5] .el-descriptions-item__content {
  word-break: break-all;
}
#indexProductBoard[data-v-21482ab5] .el-descriptions-item__cell {
  word-break: break-all;
}
#indexProductBoard .base-info[data-v-21482ab5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
#indexProductBoard .base-info .base-info-content[data-v-21482ab5] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  margin: 0.12rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#indexProductBoard .weather[data-v-21482ab5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
#indexProductBoard .weather .weather-table-content[data-v-21482ab5] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  margin: 0.12rem 0.12rem 0.16rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@charset "UTF-8";
/**
 * 定义基础变量样式
 * created by eric
 */
/**
 *基本颜色定义
 */
.iconStyle[data-v-bb7a928c] {
  width: 2vw;
  height: 2vw;
  display: block;
}
.primary[data-v-bb7a928c] {
  color: #454545 !important;
}
.success[data-v-bb7a928c] {
  color: #67C23A !important;
}
.warning[data-v-bb7a928c] {
  color: #E6A23C !important;
}
.danger[data-v-bb7a928c] {
  color: #F56C6C !important;
}
.info[data-v-bb7a928c] {
  color: #909399 !important;
}
.black[data-v-bb7a928c] {
  color: #222 !important;
}
.white[data-v-bb7a928c] {
  color: #FFF !important;
}
.gray[data-v-bb7a928c] {
  color: #778992 !important;
}
.red[data-v-bb7a928c] {
  color: #FF0000 !important;
}

/**
 * 红五角心
 */
.must[data-v-bb7a928c]:before {
  content: "*";
  color: #F56C6C;
  margin-right: 4px;
}
.operateButtons[data-v-bb7a928c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

/**
 *字体颜色
 */
/**
 *边框颜色
 */
/**
 * 边框圆角
 */
.radius[data-v-bb7a928c] {
  border-radius: 4px;
}

/**
 *背景阴影
 */
.shadow[data-v-bb7a928c] {
  -webkit-box-shadow: 0 0 10px #f5f5f5;
          box-shadow: 0 0 10px #f5f5f5;
}

/**
 * 边框调试---开发专用，不要流到产品
 */
.dom[data-v-bb7a928c] {
  border: 1px solid red;
}

/**
 * 交互手指
 */
.pointer[data-v-bb7a928c] {
  cursor: pointer;
}
.card[data-v-bb7a928c] {
  border-radius: 4px;
  -webkit-box-shadow: 0 0 7px #888;
          box-shadow: 0 0 7px #888;
}

/**
 * 打印通用样式
 */
/**
 * 交互手指
 */
.pointer[data-v-bb7a928c] {
  cursor: pointer;
}

/**
 * 卡片
 */
.card[data-v-bb7a928c] {
  border-radius: 4px;
  -webkit-box-shadow: 0 0 7px #888;
          box-shadow: 0 0 7px #888;
}

/**
 * 各类宽度
 */
.width80[data-v-bb7a928c] {
  width: 80px !important;
}
.width120[data-v-bb7a928c] {
  width: 120px !important;
}
.width150[data-v-bb7a928c] {
  width: 150px !important;
}
.width180[data-v-bb7a928c] {
  width: 180px !important;
}
.width200[data-v-bb7a928c] {
  width: 200px !important;
}
.width215[data-v-bb7a928c] {
  width: 215px !important;
}
.width220[data-v-bb7a928c] {
  width: 220px !important;
}
.width250[data-v-bb7a928c] {
  width: 250px !important;
}
.width280[data-v-bb7a928c] {
  width: 280px !important;
}
.width300[data-v-bb7a928c] {
  width: 300px !important;
}
.width460[data-v-bb7a928c] {
  width: 460px !important;
}

/**
 * 字体格式
 */
.font-digital[data-v-bb7a928c] {
  font-family: "digital";
}

/**
 * 文字显示一行
 */
.ellipsis[data-v-bb7a928c] {
  width: 100px;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/**
 * 文字显示三行
 */
.ellipsis-3[data-v-bb7a928c] {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

/**
  弹窗内查询
*/
.dlgQueryItem[data-v-bb7a928c] {
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  row-gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.dlgQueryBtn[data-v-bb7a928c] {
  text-align: right;
  width: 13%;
}

/**
 * 各类按钮宽度
 */
.width1To4Word[data-v-bb7a928c] {
  width: 88px !important;
}
.width4To8Word[data-v-bb7a928c] {
  width: 206px !important;
}
.el-form-width[data-v-bb7a928c] {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.el-form-textarea-width-two[data-v-bb7a928c] {
  width: 550px;
}
.el-form-textarea-width-three[data-v-bb7a928c] {
  width: 880px;
}
.el-datetime-picker[data-v-bb7a928c] {
  width: 450px !important;
}
.layout-left-header-title[data-v-bb7a928c] {
  font-size: 16px;
  font-weight: bold;
}
.el-link-operation[data-v-bb7a928c] {
  margin-right: 10px;
}
input[type=number][data-v-bb7a928c]::-webkit-outer-spin-button, input[type=number][data-v-bb7a928c]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type=number][data-v-bb7a928c] {
  -moz-appearance: textfield;
}
.page-container[data-v-bb7a928c] {
  width: 100%;
  height: 100vh;
  padding: 0;
  background-color: #1a2f66;
  color: #ffffff;
}
.page-container .page-main[data-v-bb7a928c] {
  width: 100%;
  height: calc(100vh - 100px);
  padding: 0.16rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.page-container .title[data-v-bb7a928c] {
  width: 100%;
  height: 0.4rem;
  line-height: 0.4rem;
  text-align: center;
  font-size: 0.2rem;
  border-bottom: 1px solid;
  -o-border-image: linear-gradient(270deg, rgba(7, 100, 238, 0), rgb(7, 100, 238), rgba(7, 100, 238, 0)) 2 2;
     border-image: -webkit-gradient(linear, right top, left top, from(rgba(7, 100, 238, 0)), color-stop(rgb(7, 100, 238)), to(rgba(7, 100, 238, 0))) 2 2;
     border-image: linear-gradient(270deg, rgba(7, 100, 238, 0), rgb(7, 100, 238), rgba(7, 100, 238, 0)) 2 2;
}
.page-container .common-box[data-v-bb7a928c], .page-container .main-bottom .main-bottom-right[data-v-bb7a928c], .page-container .main-bottom .main-bottom-left[data-v-bb7a928c], .page-container .main-top .main-top-right .main-top-right-bottom[data-v-bb7a928c], .page-container .main-top .main-top-right .main-top-right-top[data-v-bb7a928c], .page-container .main-top .main-top-left .main-top-left-bottom[data-v-bb7a928c], .page-container .main-top .main-top-left .main-top-left-top[data-v-bb7a928c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0.16rem 0.24rem 0.24rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.page-container .common-box .title[data-v-bb7a928c], .page-container .main-bottom .main-bottom-right .title[data-v-bb7a928c], .page-container .main-bottom .main-bottom-left .title[data-v-bb7a928c], .page-container .main-top .main-top-right .main-top-right-bottom .title[data-v-bb7a928c], .page-container .main-top .main-top-right .main-top-right-top .title[data-v-bb7a928c], .page-container .main-top .main-top-left .main-top-left-bottom .title[data-v-bb7a928c], .page-container .main-top .main-top-left .main-top-left-top .title[data-v-bb7a928c] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.page-container .common-box .content[data-v-bb7a928c], .page-container .main-bottom .main-bottom-right .content[data-v-bb7a928c], .page-container .main-bottom .main-bottom-left .content[data-v-bb7a928c], .page-container .main-top .main-top-right .main-top-right-bottom .content[data-v-bb7a928c], .page-container .main-top .main-top-right .main-top-right-top .content[data-v-bb7a928c], .page-container .main-top .main-top-left .main-top-left-bottom .content[data-v-bb7a928c], .page-container .main-top .main-top-left .main-top-left-top .content[data-v-bb7a928c] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-top: 0.12rem;
  overflow-y: auto;
}
.page-container .main-top[data-v-bb7a928c] {
  width: 100%;
  height: 65%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 0.16rem;
     -moz-column-gap: 0.16rem;
          column-gap: 0.16rem;
}
.page-container .main-top .main-top-left[data-v-bb7a928c] {
  width: 70%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-container .main-top .main-top-left .main-top-left-top[data-v-bb7a928c] {
  width: 100%;
  height: calc(80% - 0.16rem);
  background-image: url(../img/bg130×48mm.960993d9.png);
}
.page-container .main-top .main-top-left .main-top-left-top .title[data-v-bb7a928c] {
  padding-top: 0.12rem;
}
.page-container .main-top .main-top-left .main-top-left-top .content[data-v-bb7a928c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-container .main-top .main-top-left .main-top-left-top .content .picture[data-v-bb7a928c] {
  width: 60%;
  height: 95%;
  border: 1px solid #fff;
  background-size: cover;
}
.page-container .main-top .main-top-left .main-top-left-top .content .mode-container[data-v-bb7a928c] {
  margin-left: 0.24rem;
}
.page-container .main-top .main-top-left .main-top-left-top .content .mode-container .mode-title[data-v-bb7a928c] {
  color: #56fff4;
  margin-bottom: 0.12rem;
  font-size: 0.24rem;
}
.page-container .main-top .main-top-left .main-top-left-top .content .mode-container .mode-list[data-v-bb7a928c] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.04rem;
}
.page-container .main-top .main-top-left .main-top-left-top .content .mode-container .mode-item[data-v-bb7a928c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #49ceaf;
  padding: 0.08rem;
  background: -webkit-gradient(linear, left top, left bottom, from(#4076a9), to(#0f3e56));
  background: linear-gradient(to bottom, #4076a9, #0f3e56);
}
.page-container .main-top .main-top-left .main-top-left-top .content .mode-container .mode-item .mode-name[data-v-bb7a928c] {
  color: #fff;
  margin-right: 0.12rem;
}
.page-container .main-top .main-top-left .main-top-left-top .content .mode-container .mode-item .dot[data-v-bb7a928c] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 0.12rem;
  height: 0.12rem;
  border-radius: 50%;
  background-color: #fff;
}
.page-container .main-top .main-top-left .main-top-left-top .content .mode-container .mode-item .dot.active[data-v-bb7a928c] {
  background-color: #36f8a4;
}
.page-container .main-top .main-top-left .main-top-left-bottom[data-v-bb7a928c] {
  width: 100%;
  height: 21%;
  background-image: url(../img/big-w-bg.23c2c4b7.png);
}
.page-container .main-top .main-top-left .main-top-left-bottom .content[data-v-bb7a928c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-container .main-top .main-top-left .main-top-left-bottom .content .rate-info-item[data-v-bb7a928c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-container .main-top .main-top-left .main-top-left-bottom .content .rate-info-item .rate-icon[data-v-bb7a928c] {
  width: 0.5rem;
  height: 0.5rem;
  margin-right: 0.12rem;
}
.page-container .main-top .main-top-left .main-top-left-bottom .content .rate-info-item .rate-info-content[data-v-bb7a928c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page-container .main-top .main-top-left .main-top-left-bottom .content .rate-info-item .rate-info-content .rate[data-v-bb7a928c] {
  color: #fff;
  font-size: 0.18rem;
}
.page-container .main-top .main-top-left .main-top-left-bottom .content .rate-info-item .rate-info-content .name[data-v-bb7a928c] {
  color: #fff;
  font-size: 0.18rem;
}
.page-container .main-top .main-top-right[data-v-bb7a928c] {
  width: 30%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-container .main-top .main-top-right .main-top-right-top[data-v-bb7a928c] {
  width: 100%;
  height: calc(50% - 0.08rem);
  background-image: url(../img/box-short.460e589b.png);
}
.page-container .main-top .main-top-right .main-top-right-top .content[data-v-bb7a928c] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.1rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-container .main-top .main-top-right .main-top-right-top .content .state-item[data-v-bb7a928c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-container .main-top .main-top-right .main-top-right-top .content .state-item .state-icon[data-v-bb7a928c] {
  width: 0.5rem;
  height: 0.5rem;
  margin-bottom: 0.08rem;
}
.page-container .main-top .main-top-right .main-top-right-top .content .state-item .state-name-container[data-v-bb7a928c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-container .main-top .main-top-right .main-top-right-top .content .state-item .state-name-container .state-name[data-v-bb7a928c] {
  color: #fff;
  font-size: 0.18rem;
  margin-right: 0.08rem;
}
.page-container .main-top .main-top-right .main-top-right-top .content .state-item .state-name-container .dot[data-v-bb7a928c] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 0.12rem;
  height: 0.12rem;
  border-radius: 50%;
  background-color: #fff;
}
.page-container .main-top .main-top-right .main-top-right-top .content .state-item .state-name-container .dot.active[data-v-bb7a928c] {
  background-color: #36f8a4;
}
.page-container .main-top .main-top-right .main-top-right-bottom[data-v-bb7a928c] {
  width: 100%;
  height: calc(50% - 0.08rem);
  background-image: url(../img/box-short.460e589b.png);
}
.page-container .main-top .main-top-right .main-top-right-bottom .statistics-list[data-v-bb7a928c] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.3rem 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-container .main-top .main-top-right .main-top-right-bottom .statistics-list .statistics-item[data-v-bb7a928c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page-container .main-top .main-top-right .main-top-right-bottom .statistics-list .statistics-item .statistics-icon[data-v-bb7a928c] {
  width: 0.4rem;
  height: 0.4rem;
  margin-right: 0.12rem;
}
.page-container .main-top .main-top-right .main-top-right-bottom .statistics-list .statistics-item .statistics-info .statistics-name[data-v-bb7a928c] {
  color: #fff;
  font-size: 0.18rem;
  margin-bottom: 0.08rem;
}
.page-container .main-top .main-top-right .main-top-right-bottom .statistics-list .statistics-item .statistics-info .statistics-value[data-v-bb7a928c] {
  color: #24e1d4;
  font-size: 0.18rem;
  font-weight: bold;
}
.page-container .main-bottom[data-v-bb7a928c] {
  width: 100%;
  height: 35%;
  padding-top: 0.15rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 0.15rem;
     -moz-column-gap: 0.15rem;
          column-gap: 0.15rem;
}
.page-container .main-bottom .main-bottom-left[data-v-bb7a928c] {
  width: 50%;
  height: 100%;
  background-image: url(../img/box-fat..5cf1a90d.png);
}
.page-container .main-bottom .main-bottom-left #quantityOfElectricity[data-v-bb7a928c] {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.page-container .main-bottom .main-bottom-right[data-v-bb7a928c] {
  width: 50%;
  height: 100%;
  background-image: url(../img/box-fat..5cf1a90d.png);
}
.page-container .main-bottom .main-bottom-right #power[data-v-bb7a928c] {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@charset "UTF-8";
/**
 * 定义基础变量样式
 * created by eric
 */
/**
 *基本颜色定义
 */
.iconStyle[data-v-56f3fba6] {
  width: 2vw;
  height: 2vw;
  display: block;
}
.primary[data-v-56f3fba6] {
  color: #454545 !important;
}
.success[data-v-56f3fba6] {
  color: #67C23A !important;
}
.warning[data-v-56f3fba6] {
  color: #E6A23C !important;
}
.danger[data-v-56f3fba6] {
  color: #F56C6C !important;
}
.info[data-v-56f3fba6] {
  color: #909399 !important;
}
.black[data-v-56f3fba6] {
  color: #222 !important;
}
.white[data-v-56f3fba6] {
  color: #FFF !important;
}
.gray[data-v-56f3fba6] {
  color: #778992 !important;
}
.red[data-v-56f3fba6] {
  color: #FF0000 !important;
}

/**
 * 红五角心
 */
.must[data-v-56f3fba6]:before {
  content: "*";
  color: #F56C6C;
  margin-right: 4px;
}
.operateButtons[data-v-56f3fba6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

/**
 *字体颜色
 */
/**
 *边框颜色
 */
/**
 * 边框圆角
 */
.radius[data-v-56f3fba6] {
  border-radius: 4px;
}

/**
 *背景阴影
 */
.shadow[data-v-56f3fba6] {
  -webkit-box-shadow: 0 0 10px #f5f5f5;
          box-shadow: 0 0 10px #f5f5f5;
}

/**
 * 边框调试---开发专用，不要流到产品
 */
.dom[data-v-56f3fba6] {
  border: 1px solid red;
}

/**
 * 交互手指
 */
.pointer[data-v-56f3fba6] {
  cursor: pointer;
}
.card[data-v-56f3fba6] {
  border-radius: 4px;
  -webkit-box-shadow: 0 0 7px #888;
          box-shadow: 0 0 7px #888;
}

/**
 * 打印通用样式
 */
/**
 * 交互手指
 */
.pointer[data-v-56f3fba6] {
  cursor: pointer;
}

/**
 * 卡片
 */
.card[data-v-56f3fba6] {
  border-radius: 4px;
  -webkit-box-shadow: 0 0 7px #888;
          box-shadow: 0 0 7px #888;
}

/**
 * 各类宽度
 */
.width80[data-v-56f3fba6] {
  width: 80px !important;
}
.width120[data-v-56f3fba6] {
  width: 120px !important;
}
.width150[data-v-56f3fba6] {
  width: 150px !important;
}
.width180[data-v-56f3fba6] {
  width: 180px !important;
}
.width200[data-v-56f3fba6] {
  width: 200px !important;
}
.width215[data-v-56f3fba6] {
  width: 215px !important;
}
.width220[data-v-56f3fba6] {
  width: 220px !important;
}
.width250[data-v-56f3fba6] {
  width: 250px !important;
}
.width280[data-v-56f3fba6] {
  width: 280px !important;
}
.width300[data-v-56f3fba6] {
  width: 300px !important;
}
.width460[data-v-56f3fba6] {
  width: 460px !important;
}

/**
 * 字体格式
 */
.font-digital[data-v-56f3fba6] {
  font-family: "digital";
}

/**
 * 文字显示一行
 */
.ellipsis[data-v-56f3fba6] {
  width: 100px;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/**
 * 文字显示三行
 */
.ellipsis-3[data-v-56f3fba6] {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

/**
  弹窗内查询
*/
.dlgQueryItem[data-v-56f3fba6] {
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  row-gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.dlgQueryBtn[data-v-56f3fba6] {
  text-align: right;
  width: 13%;
}

/**
 * 各类按钮宽度
 */
.width1To4Word[data-v-56f3fba6] {
  width: 88px !important;
}
.width4To8Word[data-v-56f3fba6] {
  width: 206px !important;
}
.el-form-width[data-v-56f3fba6] {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.el-form-textarea-width-two[data-v-56f3fba6] {
  width: 550px;
}
.el-form-textarea-width-three[data-v-56f3fba6] {
  width: 880px;
}
.el-datetime-picker[data-v-56f3fba6] {
  width: 450px !important;
}
.layout-left-header-title[data-v-56f3fba6] {
  font-size: 16px;
  font-weight: bold;
}
.el-link-operation[data-v-56f3fba6] {
  margin-right: 10px;
}
input[type=number][data-v-56f3fba6]::-webkit-outer-spin-button, input[type=number][data-v-56f3fba6]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type=number][data-v-56f3fba6] {
  -moz-appearance: textfield;
}
.page-container[data-v-56f3fba6] {
  width: 100%;
  height: 100vh;
  padding: 0;
  background-color: #1a2f66;
  color: #ffffff;
}
.page-container .page-main[data-v-56f3fba6] {
  width: 100%;
  height: calc(100vh - 100px);
  padding: 0.16rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-container .title[data-v-56f3fba6] {
  width: 100%;
  height: 0.4rem;
  line-height: 0.4rem;
  text-align: center;
  font-size: 0.2rem;
  border-bottom: 1px solid;
  -o-border-image: linear-gradient(270deg, rgba(7, 100, 238, 0), rgb(7, 100, 238), rgba(7, 100, 238, 0)) 2 2;
     border-image: -webkit-gradient(linear, right top, left top, from(rgba(7, 100, 238, 0)), color-stop(rgb(7, 100, 238)), to(rgba(7, 100, 238, 0))) 2 2;
     border-image: linear-gradient(270deg, rgba(7, 100, 238, 0), rgb(7, 100, 238), rgba(7, 100, 238, 0)) 2 2;
}
.page-container .common-box[data-v-56f3fba6], .page-container .main-right .main-right-bottom[data-v-56f3fba6], .page-container .main-right .main-right-top[data-v-56f3fba6], .page-container .main-left .main-left-bottom[data-v-56f3fba6], .page-container .main-left .main-left-top[data-v-56f3fba6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0.16rem 0.24rem 0.24rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.page-container .common-box .title[data-v-56f3fba6], .page-container .main-right .main-right-bottom .title[data-v-56f3fba6], .page-container .main-right .main-right-top .title[data-v-56f3fba6], .page-container .main-left .main-left-bottom .title[data-v-56f3fba6], .page-container .main-left .main-left-top .title[data-v-56f3fba6] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.page-container .common-box .content[data-v-56f3fba6], .page-container .main-right .main-right-bottom .content[data-v-56f3fba6], .page-container .main-right .main-right-top .content[data-v-56f3fba6], .page-container .main-left .main-left-bottom .content[data-v-56f3fba6], .page-container .main-left .main-left-top .content[data-v-56f3fba6] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-top: 0.12rem;
  overflow-y: auto;
}
.page-container .main-left[data-v-56f3fba6] {
  width: calc(35% - 0.16rem);
  margin-right: 0.16rem;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-container .main-left .main-left-top[data-v-56f3fba6] {
  width: 100%;
  height: calc(50% - 0.08rem);
  background-image: url(../img/box-fatai..bd1dfe85.png);
}
.page-container .main-left .main-left-top #quantityOfElectricity[data-v-56f3fba6] {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.page-container .main-left .main-left-bottom[data-v-56f3fba6] {
  width: 100%;
  height: calc(50% - 0.08rem);
  background-image: url(../img/box-fatai..bd1dfe85.png);
}
.page-container .main-left .main-left-bottom .analysis-list[data-v-56f3fba6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  row-gap: 0.32rem;
  padding: 0.5rem 0;
}
.page-container .main-left .main-left-bottom .analysis-list .analysis-item[data-v-56f3fba6] {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 2.5rem;
          flex: 1 0 2.5rem;
  min-height: 0;
  margin: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50%;
}
.page-container .main-left .main-left-bottom .analysis-list .analysis-item .analysis-icon[data-v-56f3fba6] {
  width: 0.8rem;
  height: 0.8rem;
  margin-right: 0.02rem;
}
.page-container .main-left .main-left-bottom .analysis-list .analysis-info .analysis-name[data-v-56f3fba6] {
  color: #1e8aaa;
  font-size: 0.16rem;
  margin-bottom: 0.04rem;
}
.page-container .main-left .main-left-bottom .analysis-list .analysis-info .analysis-value[data-v-56f3fba6] {
  margin-bottom: 0.04rem;
}
.page-container .main-left .main-left-bottom .analysis-list .analysis-info .analysis-value span[data-v-56f3fba6] {
  color: #fff;
  font-size: 0.2rem;
}
.page-container .main-left .main-left-bottom .analysis-list .analysis-info .analysis-extra[data-v-56f3fba6] {
  line-height: 0.2rem;
}
.page-container .main-right[data-v-56f3fba6] {
  width: 65%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-container .main-right .main-right-top[data-v-56f3fba6] {
  width: 100%;
  height: calc(50% - 0.08rem);
  background-image: url(../img/box-fatai..bd1dfe85.png);
}
.page-container .main-right .main-right-top #userLoad[data-v-56f3fba6] {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.page-container .main-right .main-right-bottom[data-v-56f3fba6] {
  width: 100%;
  height: calc(50% - 0.08rem);
  background-image: url(../img/box-fatai..bd1dfe85.png);
}
.page-container .main-right .main-right-bottom .content[data-v-56f3fba6] {
  margin-top: 0;
}
.page-container .main-right .main-right-bottom .statistics-filter-container[data-v-56f3fba6] {
  margin-top: 0.12rem;
}
.page-container .main-right .main-right-bottom .statistics-filter-container[data-v-56f3fba6] .el-form--inline .el-form-item__label {
  color: #fff !important;
}
.page-container .main-right .main-right-bottom #electricityStatistics[data-v-56f3fba6] {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@charset "UTF-8";
/**
 * 定义基础变量样式
 * created by eric
 */
/**
 *基本颜色定义
 */
.iconStyle[data-v-0241eb0f] {
  width: 2vw;
  height: 2vw;
  display: block;
}
.primary[data-v-0241eb0f] {
  color: #454545 !important;
}
.success[data-v-0241eb0f] {
  color: #67C23A !important;
}
.warning[data-v-0241eb0f] {
  color: #E6A23C !important;
}
.danger[data-v-0241eb0f] {
  color: #F56C6C !important;
}
.info[data-v-0241eb0f] {
  color: #909399 !important;
}
.black[data-v-0241eb0f] {
  color: #222 !important;
}
.white[data-v-0241eb0f] {
  color: #FFF !important;
}
.gray[data-v-0241eb0f] {
  color: #778992 !important;
}
.red[data-v-0241eb0f] {
  color: #FF0000 !important;
}

/**
 * 红五角心
 */
.must[data-v-0241eb0f]:before {
  content: "*";
  color: #F56C6C;
  margin-right: 4px;
}
.operateButtons[data-v-0241eb0f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

/**
 *字体颜色
 */
/**
 *边框颜色
 */
/**
 * 边框圆角
 */
.radius[data-v-0241eb0f] {
  border-radius: 4px;
}

/**
 *背景阴影
 */
.shadow[data-v-0241eb0f] {
  -webkit-box-shadow: 0 0 10px #f5f5f5;
          box-shadow: 0 0 10px #f5f5f5;
}

/**
 * 边框调试---开发专用，不要流到产品
 */
.dom[data-v-0241eb0f] {
  border: 1px solid red;
}

/**
 * 交互手指
 */
.pointer[data-v-0241eb0f] {
  cursor: pointer;
}
.card[data-v-0241eb0f] {
  border-radius: 4px;
  -webkit-box-shadow: 0 0 7px #888;
          box-shadow: 0 0 7px #888;
}

/**
 * 打印通用样式
 */
/**
 * 交互手指
 */
.pointer[data-v-0241eb0f] {
  cursor: pointer;
}

/**
 * 卡片
 */
.card[data-v-0241eb0f] {
  border-radius: 4px;
  -webkit-box-shadow: 0 0 7px #888;
          box-shadow: 0 0 7px #888;
}

/**
 * 各类宽度
 */
.width80[data-v-0241eb0f] {
  width: 80px !important;
}
.width120[data-v-0241eb0f] {
  width: 120px !important;
}
.width150[data-v-0241eb0f] {
  width: 150px !important;
}
.width180[data-v-0241eb0f] {
  width: 180px !important;
}
.width200[data-v-0241eb0f] {
  width: 200px !important;
}
.width215[data-v-0241eb0f] {
  width: 215px !important;
}
.width220[data-v-0241eb0f] {
  width: 220px !important;
}
.width250[data-v-0241eb0f] {
  width: 250px !important;
}
.width280[data-v-0241eb0f] {
  width: 280px !important;
}
.width300[data-v-0241eb0f] {
  width: 300px !important;
}
.width460[data-v-0241eb0f] {
  width: 460px !important;
}

/**
 * 字体格式
 */
.font-digital[data-v-0241eb0f] {
  font-family: "digital";
}

/**
 * 文字显示一行
 */
.ellipsis[data-v-0241eb0f] {
  width: 100px;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/**
 * 文字显示三行
 */
.ellipsis-3[data-v-0241eb0f] {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

/**
  弹窗内查询
*/
.dlgQueryItem[data-v-0241eb0f] {
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  row-gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.dlgQueryBtn[data-v-0241eb0f] {
  text-align: right;
  width: 13%;
}

/**
 * 各类按钮宽度
 */
.width1To4Word[data-v-0241eb0f] {
  width: 88px !important;
}
.width4To8Word[data-v-0241eb0f] {
  width: 206px !important;
}
.el-form-width[data-v-0241eb0f] {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.el-form-textarea-width-two[data-v-0241eb0f] {
  width: 550px;
}
.el-form-textarea-width-three[data-v-0241eb0f] {
  width: 880px;
}
.el-datetime-picker[data-v-0241eb0f] {
  width: 450px !important;
}
.layout-left-header-title[data-v-0241eb0f] {
  font-size: 16px;
  font-weight: bold;
}
.el-link-operation[data-v-0241eb0f] {
  margin-right: 10px;
}
input[type=number][data-v-0241eb0f]::-webkit-outer-spin-button, input[type=number][data-v-0241eb0f]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type=number][data-v-0241eb0f] {
  -moz-appearance: textfield;
}
.page-container[data-v-0241eb0f] {
  width: 100%;
  height: 100vh;
  padding: 0;
  background-color: #1a2f66;
  color: #ffffff;
}
.page-container .page-main[data-v-0241eb0f] {
  width: 100%;
  height: calc(100vh - 100px);
  padding: 0.16rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.page-container .title[data-v-0241eb0f] {
  width: 100%;
  height: 0.4rem;
  line-height: 0.4rem;
  text-align: center;
  font-size: 0.2rem;
  border-bottom: 1px solid;
  -o-border-image: linear-gradient(270deg, rgba(7, 100, 238, 0), rgb(7, 100, 238), rgba(7, 100, 238, 0)) 2 2;
     border-image: -webkit-gradient(linear, right top, left top, from(rgba(7, 100, 238, 0)), color-stop(rgb(7, 100, 238)), to(rgba(7, 100, 238, 0))) 2 2;
     border-image: linear-gradient(270deg, rgba(7, 100, 238, 0), rgb(7, 100, 238), rgba(7, 100, 238, 0)) 2 2;
}
.page-container .common-box[data-v-0241eb0f], .page-container .main-bottom[data-v-0241eb0f], .page-container .main-top .main-top-right[data-v-0241eb0f], .page-container .main-top .main-top-left[data-v-0241eb0f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0.16rem 0.24rem 0.24rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.page-container .common-box .title[data-v-0241eb0f], .page-container .main-bottom .title[data-v-0241eb0f], .page-container .main-top .main-top-right .title[data-v-0241eb0f], .page-container .main-top .main-top-left .title[data-v-0241eb0f] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.page-container .common-box .content[data-v-0241eb0f], .page-container .main-bottom .content[data-v-0241eb0f], .page-container .main-top .main-top-right .content[data-v-0241eb0f], .page-container .main-top .main-top-left .content[data-v-0241eb0f] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-top: 0.12rem;
  overflow-y: auto;
}
.page-container .main-top[data-v-0241eb0f] {
  width: 100%;
  height: 50%;
  margin-bottom: 0.16rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.16rem;
}
.page-container .main-top .main-top-left[data-v-0241eb0f] {
  width: 40%;
  height: 100%;
  background-image: url(../img/box-fatai..bd1dfe85.png);
}
.page-container .main-top .main-top-left #quantityOfElectricityByTime[data-v-0241eb0f] {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.page-container .main-top .main-top-right[data-v-0241eb0f] {
  width: 60%;
  height: 100%;
  background-image: url(../img/box-fatai..bd1dfe85.png);
}
.page-container .main-top .main-top-right #userLoad[data-v-0241eb0f] {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.page-container .main-bottom[data-v-0241eb0f] {
  width: 100%;
  height: calc(50% - 0.16rem);
  background-image: url(../img/box-fatai..bd1dfe85.png);
}
.page-container .main-bottom .content[data-v-0241eb0f] {
  margin-top: 0;
}
.page-container .main-bottom .statistics-filter-container[data-v-0241eb0f] {
  margin-top: 0.12rem;
}
.page-container .main-bottom .statistics-filter-container[data-v-0241eb0f] .el-form--inline .el-form-item__label {
  color: #fff !important;
}
.page-container .main-bottom #electricityStatistics[data-v-0241eb0f] {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@charset "UTF-8";
/**
 * 定义基础变量样式
 * created by eric
 */
/**
 *基本颜色定义
 */
.iconStyle[data-v-e09247e8] {
  width: 2vw;
  height: 2vw;
  display: block;
}
.primary[data-v-e09247e8] {
  color: #454545 !important;
}
.success[data-v-e09247e8] {
  color: #67C23A !important;
}
.warning[data-v-e09247e8] {
  color: #E6A23C !important;
}
.danger[data-v-e09247e8] {
  color: #F56C6C !important;
}
.info[data-v-e09247e8] {
  color: #909399 !important;
}
.black[data-v-e09247e8] {
  color: #222 !important;
}
.white[data-v-e09247e8] {
  color: #FFF !important;
}
.gray[data-v-e09247e8] {
  color: #778992 !important;
}
.red[data-v-e09247e8] {
  color: #FF0000 !important;
}

/**
 * 红五角心
 */
.must[data-v-e09247e8]:before {
  content: "*";
  color: #F56C6C;
  margin-right: 4px;
}
.operateButtons[data-v-e09247e8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

/**
 *字体颜色
 */
/**
 *边框颜色
 */
/**
 * 边框圆角
 */
.radius[data-v-e09247e8] {
  border-radius: 4px;
}

/**
 *背景阴影
 */
.shadow[data-v-e09247e8] {
  -webkit-box-shadow: 0 0 10px #f5f5f5;
          box-shadow: 0 0 10px #f5f5f5;
}

/**
 * 边框调试---开发专用，不要流到产品
 */
.dom[data-v-e09247e8] {
  border: 1px solid red;
}

/**
 * 交互手指
 */
.pointer[data-v-e09247e8] {
  cursor: pointer;
}
.card[data-v-e09247e8] {
  border-radius: 4px;
  -webkit-box-shadow: 0 0 7px #888;
          box-shadow: 0 0 7px #888;
}

/**
 * 打印通用样式
 */
/**
 * 交互手指
 */
.pointer[data-v-e09247e8] {
  cursor: pointer;
}

/**
 * 卡片
 */
.card[data-v-e09247e8] {
  border-radius: 4px;
  -webkit-box-shadow: 0 0 7px #888;
          box-shadow: 0 0 7px #888;
}

/**
 * 各类宽度
 */
.width80[data-v-e09247e8] {
  width: 80px !important;
}
.width120[data-v-e09247e8] {
  width: 120px !important;
}
.width150[data-v-e09247e8] {
  width: 150px !important;
}
.width180[data-v-e09247e8] {
  width: 180px !important;
}
.width200[data-v-e09247e8] {
  width: 200px !important;
}
.width215[data-v-e09247e8] {
  width: 215px !important;
}
.width220[data-v-e09247e8] {
  width: 220px !important;
}
.width250[data-v-e09247e8] {
  width: 250px !important;
}
.width280[data-v-e09247e8] {
  width: 280px !important;
}
.width300[data-v-e09247e8] {
  width: 300px !important;
}
.width460[data-v-e09247e8] {
  width: 460px !important;
}

/**
 * 字体格式
 */
.font-digital[data-v-e09247e8] {
  font-family: "digital";
}

/**
 * 文字显示一行
 */
.ellipsis[data-v-e09247e8] {
  width: 100px;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/**
 * 文字显示三行
 */
.ellipsis-3[data-v-e09247e8] {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

/**
  弹窗内查询
*/
.dlgQueryItem[data-v-e09247e8] {
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  row-gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.dlgQueryBtn[data-v-e09247e8] {
  text-align: right;
  width: 13%;
}

/**
 * 各类按钮宽度
 */
.width1To4Word[data-v-e09247e8] {
  width: 88px !important;
}
.width4To8Word[data-v-e09247e8] {
  width: 206px !important;
}
.el-form-width[data-v-e09247e8] {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.el-form-textarea-width-two[data-v-e09247e8] {
  width: 550px;
}
.el-form-textarea-width-three[data-v-e09247e8] {
  width: 880px;
}
.el-datetime-picker[data-v-e09247e8] {
  width: 450px !important;
}
.layout-left-header-title[data-v-e09247e8] {
  font-size: 16px;
  font-weight: bold;
}
.el-link-operation[data-v-e09247e8] {
  margin-right: 10px;
}
input[type=number][data-v-e09247e8]::-webkit-outer-spin-button, input[type=number][data-v-e09247e8]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type=number][data-v-e09247e8] {
  -moz-appearance: textfield;
}
.page-container[data-v-e09247e8] {
  width: 100%;
  height: 100vh;
  padding: 0;
  background-color: #1a2f66;
  color: #ffffff;
}
.page-container .page-main[data-v-e09247e8] {
  width: 100%;
  height: calc(100vh - 100px);
  padding: 0.16rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.page-container .title[data-v-e09247e8] {
  width: 100%;
  height: 0.4rem;
  line-height: 0.4rem;
  text-align: left;
  font-size: 0.2rem;
}
.page-container .common-box[data-v-e09247e8], .page-container .main-bottom .main-bottom-right[data-v-e09247e8], .page-container .main-bottom .main-bottom-center[data-v-e09247e8], .page-container .main-bottom .main-bottom-left[data-v-e09247e8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0.16rem 0.24rem 0.24rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.page-container .common-box .title[data-v-e09247e8], .page-container .main-bottom .main-bottom-right .title[data-v-e09247e8], .page-container .main-bottom .main-bottom-center .title[data-v-e09247e8], .page-container .main-bottom .main-bottom-left .title[data-v-e09247e8] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.page-container .common-box .content[data-v-e09247e8], .page-container .main-bottom .main-bottom-right .content[data-v-e09247e8], .page-container .main-bottom .main-bottom-center .content[data-v-e09247e8], .page-container .main-bottom .main-bottom-left .content[data-v-e09247e8] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-top: 0.12rem;
  overflow-y: auto;
}
.page-container .section-header[data-v-e09247e8] {
  width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.04rem 0.08rem;
  margin-bottom: 0.08rem;
  border-radius: 0.02rem;
  background: -webkit-gradient(linear, left top, right top, from(#24659b), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to right, #24659b, rgba(0, 0, 0, 0));
}
.page-container .section-header .header-text[data-v-e09247e8] {
  font-size: 0.18rem;
}
.page-container .section-header .refresh-icon[data-v-e09247e8] {
  width: 0.18rem;
  height: 0.18rem;
  padding: 0 0.12rem;
}
.page-container .main-top[data-v-e09247e8] {
  width: 100%;
  height: 60%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-top: 0.08rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.page-container .main-top .main-top-filter-container[data-v-e09247e8] .el-form--inline .el-form-item__label {
  color: #fff !important;
}
.page-container .main-top .main-top-filter-container[data-v-e09247e8] .el-input__inner {
  color: #fff !important;
  background-color: transparent !important;
  border: 1px solid #235762 !important;
}
.page-container .main-top .main-top-content[data-v-e09247e8] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.page-container .main-top .main-top-content[data-v-e09247e8] .el-tabs {
  height: 100%;
}
.page-container .main-top .main-top-content[data-v-e09247e8] .el-tabs .el-tabs__content {
  height: 100%;
}
.page-container .main-top .main-top-content[data-v-e09247e8] .el-tabs .el-tabs__item {
  padding-left: 0;
}
.page-container .main-top .main-top-content[data-v-e09247e8] .el-tabs .el-tabs__item:not(.is-active) {
  color: #fff;
}
.page-container .main-top .main-top-content[data-v-e09247e8] .el-pagination .btn-prev,
.page-container .main-top .main-top-content[data-v-e09247e8] .el-pagination .btn-next,
.page-container .main-top .main-top-content[data-v-e09247e8] .el-pagination .number {
  color: #fff !important;
  background-color: transparent !important;
}
.page-container .main-top .main-top-content[data-v-e09247e8] .el-pagination .number {
  background-color: transparent !important;
  border: 1px solid #235762 !important;
}
.page-container .main-top .main-top-content[data-v-e09247e8] .el-pagination .el-input__inner {
  color: #fff !important;
  background-color: transparent !important;
  border: 1px solid #235762 !important;
}
.page-container .main-top .main-top-content[data-v-e09247e8] .el-pagination span {
  color: #fff;
}
.page-container .main-top .main-top-content .main-top-list[data-v-e09247e8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
}
.page-container .main-top .main-top-content .main-top-list .main-top-list-header[data-v-e09247e8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0.08rem;
}
.page-container .main-top .main-top-content .main-top-list .main-top-list-header .main-top-list-header-text[data-v-e09247e8] {
  font-size: 0.16rem;
  color: #fff;
}
.page-container .main-top .main-top-content .main-top-list .main-top-list-content[data-v-e09247e8] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  row-gap: 0.32rem;
  -webkit-column-gap: 0.32rem;
     -moz-column-gap: 0.32rem;
          column-gap: 0.32rem;
  overflow-y: auto;
  margin-bottom: 0.08rem;
}
.page-container .main-top .main-top-content .main-top-list .inverter-item[data-v-e09247e8] {
  padding: 0.12rem;
  border: 1px solid #235762;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.page-container .main-top .main-top-content .main-top-list .inverter-item .el-checkbox[data-v-e09247e8] {
  color: #fff;
}
.page-container .main-top .main-top-content .main-top-list .inverter-item .inverter-item-top[data-v-e09247e8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0.12rem;
}
.page-container .main-top .main-top-content .main-top-list .inverter-item .inverter-item-bottom[data-v-e09247e8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-container .main-top .main-top-content .main-top-list .inverter-item .inverter-item-bottom .inverter-item-icon[data-v-e09247e8] {
  width: 0.45rem;
  height: 0.5rem;
  margin-right: 0.12rem;
}
.page-container .main-top .main-top-content .main-top-list .inverter-item .inverter-item-bottom .inverter-item-info[data-v-e09247e8] {
  color: #fff;
  font-size: 0.12rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 0.08rem;
}
.page-container .main-bottom[data-v-e09247e8] {
  width: 100%;
  height: 40%;
  padding-top: 0.15rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.page-container .main-bottom .main-bottom-content[data-v-e09247e8] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 0.15rem;
     -moz-column-gap: 0.15rem;
          column-gap: 0.15rem;
}
.page-container .main-bottom .main-bottom-left[data-v-e09247e8] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-image: url(../img/box-fat..5cf1a90d.png);
}
.page-container .main-bottom .main-bottom-left #photovoltaic[data-v-e09247e8] {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.page-container .main-bottom .main-bottom-center[data-v-e09247e8] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-image: url(../img/box-fat..5cf1a90d.png);
}
.page-container .main-bottom .main-bottom-center #energyStorage[data-v-e09247e8] {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.page-container .main-bottom .main-bottom-right[data-v-e09247e8] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-image: url(../img/box-fat..5cf1a90d.png);
}
.page-container .main-bottom .main-bottom-right #offlineLoad[data-v-e09247e8] {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@charset "UTF-8";
/**
 * 定义基础变量样式
 * created by eric
 */
/**
 *基本颜色定义
 */
.iconStyle[data-v-f7c727fe] {
  width: 2vw;
  height: 2vw;
  display: block;
}
.primary[data-v-f7c727fe] {
  color: #454545 !important;
}
.success[data-v-f7c727fe] {
  color: #67C23A !important;
}
.warning[data-v-f7c727fe] {
  color: #E6A23C !important;
}
.danger[data-v-f7c727fe] {
  color: #F56C6C !important;
}
.info[data-v-f7c727fe] {
  color: #909399 !important;
}
.black[data-v-f7c727fe] {
  color: #222 !important;
}
.white[data-v-f7c727fe] {
  color: #FFF !important;
}
.gray[data-v-f7c727fe] {
  color: #778992 !important;
}
.red[data-v-f7c727fe] {
  color: #FF0000 !important;
}

/**
 * 红五角心
 */
.must[data-v-f7c727fe]:before {
  content: "*";
  color: #F56C6C;
  margin-right: 4px;
}
.operateButtons[data-v-f7c727fe] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

/**
 *字体颜色
 */
/**
 *边框颜色
 */
/**
 * 边框圆角
 */
.radius[data-v-f7c727fe] {
  border-radius: 4px;
}

/**
 *背景阴影
 */
.shadow[data-v-f7c727fe] {
  -webkit-box-shadow: 0 0 10px #f5f5f5;
          box-shadow: 0 0 10px #f5f5f5;
}

/**
 * 边框调试---开发专用，不要流到产品
 */
.dom[data-v-f7c727fe] {
  border: 1px solid red;
}

/**
 * 交互手指
 */
.pointer[data-v-f7c727fe] {
  cursor: pointer;
}
.card[data-v-f7c727fe] {
  border-radius: 4px;
  -webkit-box-shadow: 0 0 7px #888;
          box-shadow: 0 0 7px #888;
}

/**
 * 打印通用样式
 */
/**
 * 交互手指
 */
.pointer[data-v-f7c727fe] {
  cursor: pointer;
}

/**
 * 卡片
 */
.card[data-v-f7c727fe] {
  border-radius: 4px;
  -webkit-box-shadow: 0 0 7px #888;
          box-shadow: 0 0 7px #888;
}

/**
 * 各类宽度
 */
.width80[data-v-f7c727fe] {
  width: 80px !important;
}
.width120[data-v-f7c727fe] {
  width: 120px !important;
}
.width150[data-v-f7c727fe] {
  width: 150px !important;
}
.width180[data-v-f7c727fe] {
  width: 180px !important;
}
.width200[data-v-f7c727fe] {
  width: 200px !important;
}
.width215[data-v-f7c727fe] {
  width: 215px !important;
}
.width220[data-v-f7c727fe] {
  width: 220px !important;
}
.width250[data-v-f7c727fe] {
  width: 250px !important;
}
.width280[data-v-f7c727fe] {
  width: 280px !important;
}
.width300[data-v-f7c727fe] {
  width: 300px !important;
}
.width460[data-v-f7c727fe] {
  width: 460px !important;
}

/**
 * 字体格式
 */
.font-digital[data-v-f7c727fe] {
  font-family: "digital";
}

/**
 * 文字显示一行
 */
.ellipsis[data-v-f7c727fe] {
  width: 100px;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/**
 * 文字显示三行
 */
.ellipsis-3[data-v-f7c727fe] {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

/**
  弹窗内查询
*/
.dlgQueryItem[data-v-f7c727fe] {
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  row-gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.dlgQueryBtn[data-v-f7c727fe] {
  text-align: right;
  width: 13%;
}

/**
 * 各类按钮宽度
 */
.width1To4Word[data-v-f7c727fe] {
  width: 88px !important;
}
.width4To8Word[data-v-f7c727fe] {
  width: 206px !important;
}
.el-form-width[data-v-f7c727fe] {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.el-form-textarea-width-two[data-v-f7c727fe] {
  width: 550px;
}
.el-form-textarea-width-three[data-v-f7c727fe] {
  width: 880px;
}
.el-datetime-picker[data-v-f7c727fe] {
  width: 450px !important;
}
.layout-left-header-title[data-v-f7c727fe] {
  font-size: 16px;
  font-weight: bold;
}
.el-link-operation[data-v-f7c727fe] {
  margin-right: 10px;
}
input[type=number][data-v-f7c727fe]::-webkit-outer-spin-button, input[type=number][data-v-f7c727fe]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type=number][data-v-f7c727fe] {
  -moz-appearance: textfield;
}
.page-container[data-v-f7c727fe] {
  width: 100%;
  height: 100vh;
  padding: 0;
  background-color: #1a2f66;
  color: #ffffff;
}
.page-container .page-top[data-v-f7c727fe] {
  height: 60px;
  padding: 0 0.16rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-container .page-top[data-v-f7c727fe] .el-form-item {
  margin-bottom: 0px;
}
.page-container .page-top[data-v-f7c727fe] .el-form-item .el-form-item__label {
  color: #fff;
}
.page-container .page-top[data-v-f7c727fe] .el-form-item .el-input__inner {
  background: transparent;
  border-color: #3e99b9;
  color: #fff;
}
.page-container .page-main[data-v-f7c727fe] {
  width: 100%;
  height: calc(100vh - 100px - 60px);
  padding: 0 0.16rem 0.16rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-container .title[data-v-f7c727fe] {
  width: 100%;
  height: 0.4rem;
  line-height: 0.4rem;
  text-align: center;
  font-size: 0.2rem;
  border-bottom: 1px solid;
  -o-border-image: linear-gradient(270deg, rgba(7, 100, 238, 0), rgb(7, 100, 238), rgba(7, 100, 238, 0)) 2 2;
     border-image: -webkit-gradient(linear, right top, left top, from(rgba(7, 100, 238, 0)), color-stop(rgb(7, 100, 238)), to(rgba(7, 100, 238, 0))) 2 2;
     border-image: linear-gradient(270deg, rgba(7, 100, 238, 0), rgb(7, 100, 238), rgba(7, 100, 238, 0)) 2 2;
}
.page-container .common-box[data-v-f7c727fe], .page-container .main-right .main-right-bottom[data-v-f7c727fe], .page-container .main-right .main-right-top[data-v-f7c727fe], .page-container .main-left .main-left-bottom[data-v-f7c727fe], .page-container .main-left .main-left-top[data-v-f7c727fe] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0.16rem 0.24rem 0.24rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.page-container .common-box .title[data-v-f7c727fe], .page-container .main-right .main-right-bottom .title[data-v-f7c727fe], .page-container .main-right .main-right-top .title[data-v-f7c727fe], .page-container .main-left .main-left-bottom .title[data-v-f7c727fe], .page-container .main-left .main-left-top .title[data-v-f7c727fe] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.page-container .common-box .content[data-v-f7c727fe], .page-container .main-right .main-right-bottom .content[data-v-f7c727fe], .page-container .main-right .main-right-top .content[data-v-f7c727fe], .page-container .main-left .main-left-bottom .content[data-v-f7c727fe], .page-container .main-left .main-left-top .content[data-v-f7c727fe] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-top: 0.12rem;
  overflow-y: auto;
}
.page-container .main-left[data-v-f7c727fe] {
  width: calc(55% - 0.16rem);
  height: 100%;
  margin-right: 0.16rem;
}
.page-container .main-left .main-left-top[data-v-f7c727fe] {
  width: 100%;
  height: calc(50% - 0.08rem);
  margin-bottom: 0.16rem;
  background-image: url(../img/box-fatai..bd1dfe85.png);
}
.page-container .main-left .main-left-top #beforeOptimizeMode[data-v-f7c727fe] {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.page-container .main-left .main-left-bottom[data-v-f7c727fe] {
  width: 100%;
  height: calc(50% - 0.08rem);
  background-image: url(../img/box-fatai..bd1dfe85.png);
}
.page-container .main-left .main-left-bottom #afterOptimizeMode[data-v-f7c727fe] {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.page-container .main-right[data-v-f7c727fe] {
  width: 45%;
  height: 100%;
}
.page-container .main-right .main-right-top[data-v-f7c727fe] {
  width: 100%;
  height: calc(50% - 0.08rem);
  margin-bottom: 0.16rem;
  background-image: url(../img/box-tall..d8138d84.png);
}
.page-container .main-right .main-right-top .simulate[data-v-f7c727fe] {
  width: 100%;
  height: 100%;
  display: block;
}
.page-container .main-right .main-right-bottom[data-v-f7c727fe] {
  width: 100%;
  height: calc(50% - 0.08rem);
  background-image: url(../img/box-tall..d8138d84.png);
}
.page-container .main-right .main-right-bottom #contrast[data-v-f7c727fe] {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@charset "UTF-8";
/**
 * 定义基础变量样式
 * created by eric
 */
/**
 *基本颜色定义
 */
.iconStyle[data-v-6ddc7ca8] {
  width: 2vw;
  height: 2vw;
  display: block;
}
.primary[data-v-6ddc7ca8] {
  color: #454545 !important;
}
.success[data-v-6ddc7ca8] {
  color: #67C23A !important;
}
.warning[data-v-6ddc7ca8] {
  color: #E6A23C !important;
}
.danger[data-v-6ddc7ca8] {
  color: #F56C6C !important;
}
.info[data-v-6ddc7ca8] {
  color: #909399 !important;
}
.black[data-v-6ddc7ca8] {
  color: #222 !important;
}
.white[data-v-6ddc7ca8] {
  color: #FFF !important;
}
.gray[data-v-6ddc7ca8] {
  color: #778992 !important;
}
.red[data-v-6ddc7ca8] {
  color: #FF0000 !important;
}

/**
 * 红五角心
 */
.must[data-v-6ddc7ca8]:before {
  content: "*";
  color: #F56C6C;
  margin-right: 4px;
}
.operateButtons[data-v-6ddc7ca8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

/**
 *字体颜色
 */
/**
 *边框颜色
 */
/**
 * 边框圆角
 */
.radius[data-v-6ddc7ca8] {
  border-radius: 4px;
}

/**
 *背景阴影
 */
.shadow[data-v-6ddc7ca8] {
  -webkit-box-shadow: 0 0 10px #f5f5f5;
          box-shadow: 0 0 10px #f5f5f5;
}

/**
 * 边框调试---开发专用，不要流到产品
 */
.dom[data-v-6ddc7ca8] {
  border: 1px solid red;
}

/**
 * 交互手指
 */
.pointer[data-v-6ddc7ca8] {
  cursor: pointer;
}
.card[data-v-6ddc7ca8] {
  border-radius: 4px;
  -webkit-box-shadow: 0 0 7px #888;
          box-shadow: 0 0 7px #888;
}

/**
 * 打印通用样式
 */
/**
 * 交互手指
 */
.pointer[data-v-6ddc7ca8] {
  cursor: pointer;
}

/**
 * 卡片
 */
.card[data-v-6ddc7ca8] {
  border-radius: 4px;
  -webkit-box-shadow: 0 0 7px #888;
          box-shadow: 0 0 7px #888;
}

/**
 * 各类宽度
 */
.width80[data-v-6ddc7ca8] {
  width: 80px !important;
}
.width120[data-v-6ddc7ca8] {
  width: 120px !important;
}
.width150[data-v-6ddc7ca8] {
  width: 150px !important;
}
.width180[data-v-6ddc7ca8] {
  width: 180px !important;
}
.width200[data-v-6ddc7ca8] {
  width: 200px !important;
}
.width215[data-v-6ddc7ca8] {
  width: 215px !important;
}
.width220[data-v-6ddc7ca8] {
  width: 220px !important;
}
.width250[data-v-6ddc7ca8] {
  width: 250px !important;
}
.width280[data-v-6ddc7ca8] {
  width: 280px !important;
}
.width300[data-v-6ddc7ca8] {
  width: 300px !important;
}
.width460[data-v-6ddc7ca8] {
  width: 460px !important;
}

/**
 * 字体格式
 */
.font-digital[data-v-6ddc7ca8] {
  font-family: "digital";
}

/**
 * 文字显示一行
 */
.ellipsis[data-v-6ddc7ca8] {
  width: 100px;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/**
 * 文字显示三行
 */
.ellipsis-3[data-v-6ddc7ca8] {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

/**
  弹窗内查询
*/
.dlgQueryItem[data-v-6ddc7ca8] {
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  row-gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.dlgQueryBtn[data-v-6ddc7ca8] {
  text-align: right;
  width: 13%;
}

/**
 * 各类按钮宽度
 */
.width1To4Word[data-v-6ddc7ca8] {
  width: 88px !important;
}
.width4To8Word[data-v-6ddc7ca8] {
  width: 206px !important;
}
.el-form-width[data-v-6ddc7ca8] {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.el-form-textarea-width-two[data-v-6ddc7ca8] {
  width: 550px;
}
.el-form-textarea-width-three[data-v-6ddc7ca8] {
  width: 880px;
}
.el-datetime-picker[data-v-6ddc7ca8] {
  width: 450px !important;
}
.layout-left-header-title[data-v-6ddc7ca8] {
  font-size: 16px;
  font-weight: bold;
}
.el-link-operation[data-v-6ddc7ca8] {
  margin-right: 10px;
}
input[type=number][data-v-6ddc7ca8]::-webkit-outer-spin-button, input[type=number][data-v-6ddc7ca8]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type=number][data-v-6ddc7ca8] {
  -moz-appearance: textfield;
}
[data-v-6ddc7ca8] .el-dialog {
  min-width: 700px;
  background-color: #0e3158;
}
[data-v-6ddc7ca8] .el-dialog .el-dialog__header {
  background-color: #0e3158;
}
[data-v-6ddc7ca8] .el-dialog .el-dialog__header .el-dialog__title {
  color: #fff;
}
[data-v-6ddc7ca8] .el-dialog .el-dialog__header .el-dialog__close {
  color: #fff;
}
[data-v-6ddc7ca8] .el-dialog .el-dialog__body {
  color: #fff;
}
[data-v-6ddc7ca8] .el-form-item .el-form-item__label {
  color: #fff;
}
[data-v-6ddc7ca8] .el-form-item .el-select {
  width: 100%;
}
[data-v-6ddc7ca8] .el-form-item .el-date-editor {
  width: 100%;
}
[data-v-6ddc7ca8] .el-form-item .el-input__inner {
  background: transparent;
  border-color: #3e99b9;
  color: #fff;
}
[data-v-6ddc7ca8] .el-form-item .el-textarea__inner {
  background: transparent;
  border-color: #3e99b9;
  color: #fff;
}
[data-v-6ddc7ca8] .el-form-item .el-range-input {
  background: transparent;
  border-color: #3e99b9;
  color: #fff;
}
[data-v-6ddc7ca8] .el-form-item .el-range-separator {
  color: #fff;
}
[data-v-6ddc7ca8] .el-form-item .el-checkbox {
  color: #fff;
  margin-right: 15px;
  margin-bottom: 8px;
}
[data-v-6ddc7ca8] .el-form-item .el-radio {
  color: #fff;
  margin-right: 30px;
}
[data-v-6ddc7ca8] .el-form-item .el-input-number .el-input__inner {
  background: transparent;
  border-color: #3e99b9;
  color: #fff;
}
[data-v-6ddc7ca8] .el-select-dropdown {
  background-color: #0e3158;
  border-color: #3e99b9;
}
[data-v-6ddc7ca8] .el-select-dropdown .el-select-dropdown__item {
  color: #fff;
}
[data-v-6ddc7ca8] .el-select-dropdown .el-select-dropdown__item:hover {
  background-color: #187ac0;
}
[data-v-6ddc7ca8] .el-select-dropdown .el-select-dropdown__item.selected {
  background-color: #187ac0;
}
[data-v-6ddc7ca8] .el-picker-panel {
  background-color: #0e3158;
  border-color: #3e99b9;
  color: #fff;
}
[data-v-6ddc7ca8] .el-picker-panel .el-picker-panel__content {
  color: #fff;
}
[data-v-6ddc7ca8] .el-picker-panel .el-date-table td {
  color: #fff;
}
[data-v-6ddc7ca8] .el-picker-panel .el-picker-panel__header {
  color: #fff;
}
@charset "UTF-8";
/**
 * 定义基础变量样式
 * created by eric
 */
/**
 *基本颜色定义
 */
.iconStyle[data-v-1667d5cc] {
  width: 2vw;
  height: 2vw;
  display: block;
}
.primary[data-v-1667d5cc] {
  color: #454545 !important;
}
.success[data-v-1667d5cc] {
  color: #67C23A !important;
}
.warning[data-v-1667d5cc] {
  color: #E6A23C !important;
}
.danger[data-v-1667d5cc] {
  color: #F56C6C !important;
}
.info[data-v-1667d5cc] {
  color: #909399 !important;
}
.black[data-v-1667d5cc] {
  color: #222 !important;
}
.white[data-v-1667d5cc] {
  color: #FFF !important;
}
.gray[data-v-1667d5cc] {
  color: #778992 !important;
}
.red[data-v-1667d5cc] {
  color: #FF0000 !important;
}

/**
 * 红五角心
 */
.must[data-v-1667d5cc]:before {
  content: "*";
  color: #F56C6C;
  margin-right: 4px;
}
.operateButtons[data-v-1667d5cc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

/**
 *字体颜色
 */
/**
 *边框颜色
 */
/**
 * 边框圆角
 */
.radius[data-v-1667d5cc] {
  border-radius: 4px;
}

/**
 *背景阴影
 */
.shadow[data-v-1667d5cc] {
  -webkit-box-shadow: 0 0 10px #f5f5f5;
          box-shadow: 0 0 10px #f5f5f5;
}

/**
 * 边框调试---开发专用，不要流到产品
 */
.dom[data-v-1667d5cc] {
  border: 1px solid red;
}

/**
 * 交互手指
 */
.pointer[data-v-1667d5cc] {
  cursor: pointer;
}
.card[data-v-1667d5cc] {
  border-radius: 4px;
  -webkit-box-shadow: 0 0 7px #888;
          box-shadow: 0 0 7px #888;
}

/**
 * 打印通用样式
 */
/**
 * 交互手指
 */
.pointer[data-v-1667d5cc] {
  cursor: pointer;
}

/**
 * 卡片
 */
.card[data-v-1667d5cc] {
  border-radius: 4px;
  -webkit-box-shadow: 0 0 7px #888;
          box-shadow: 0 0 7px #888;
}

/**
 * 各类宽度
 */
.width80[data-v-1667d5cc] {
  width: 80px !important;
}
.width120[data-v-1667d5cc] {
  width: 120px !important;
}
.width150[data-v-1667d5cc] {
  width: 150px !important;
}
.width180[data-v-1667d5cc] {
  width: 180px !important;
}
.width200[data-v-1667d5cc] {
  width: 200px !important;
}
.width215[data-v-1667d5cc] {
  width: 215px !important;
}
.width220[data-v-1667d5cc] {
  width: 220px !important;
}
.width250[data-v-1667d5cc] {
  width: 250px !important;
}
.width280[data-v-1667d5cc] {
  width: 280px !important;
}
.width300[data-v-1667d5cc] {
  width: 300px !important;
}
.width460[data-v-1667d5cc] {
  width: 460px !important;
}

/**
 * 字体格式
 */
.font-digital[data-v-1667d5cc] {
  font-family: "digital";
}

/**
 * 文字显示一行
 */
.ellipsis[data-v-1667d5cc] {
  width: 100px;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/**
 * 文字显示三行
 */
.ellipsis-3[data-v-1667d5cc] {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

/**
  弹窗内查询
*/
.dlgQueryItem[data-v-1667d5cc] {
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  row-gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.dlgQueryBtn[data-v-1667d5cc] {
  text-align: right;
  width: 13%;
}

/**
 * 各类按钮宽度
 */
.width1To4Word[data-v-1667d5cc] {
  width: 88px !important;
}
.width4To8Word[data-v-1667d5cc] {
  width: 206px !important;
}
.el-form-width[data-v-1667d5cc] {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.el-form-textarea-width-two[data-v-1667d5cc] {
  width: 550px;
}
.el-form-textarea-width-three[data-v-1667d5cc] {
  width: 880px;
}
.el-datetime-picker[data-v-1667d5cc] {
  width: 450px !important;
}
.layout-left-header-title[data-v-1667d5cc] {
  font-size: 16px;
  font-weight: bold;
}
.el-link-operation[data-v-1667d5cc] {
  margin-right: 10px;
}
input[type=number][data-v-1667d5cc]::-webkit-outer-spin-button, input[type=number][data-v-1667d5cc]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type=number][data-v-1667d5cc] {
  -moz-appearance: textfield;
}
.page-container[data-v-1667d5cc] {
  width: 100%;
  height: 100vh;
  padding: 0;
  background-color: #1a2f66;
  color: #ffffff;
}
.common-title[data-v-1667d5cc] {
  width: 100%;
  height: 0.4rem;
  line-height: 0.4rem;
  text-align: center;
  font-size: 0.2rem;
  border-bottom: 1px solid;
  -o-border-image: linear-gradient(270deg, rgba(7, 100, 238, 0), rgb(7, 100, 238), rgba(7, 100, 238, 0)) 2 2;
     border-image: -webkit-gradient(linear, right top, left top, from(rgba(7, 100, 238, 0)), color-stop(rgb(7, 100, 238)), to(rgba(7, 100, 238, 0))) 2 2;
     border-image: linear-gradient(270deg, rgba(7, 100, 238, 0), rgb(7, 100, 238), rgba(7, 100, 238, 0)) 2 2;
}
.common-box[data-v-1667d5cc], .main-right .main-right-bottom[data-v-1667d5cc], .main-right .main-right-content .main-right-right[data-v-1667d5cc], .main-right .main-right-content .main-right-left[data-v-1667d5cc], .main-left[data-v-1667d5cc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0.16rem 0.24rem 0.24rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.common-box .content[data-v-1667d5cc], .main-right .main-right-bottom .content[data-v-1667d5cc], .main-right .main-right-content .main-right-right .content[data-v-1667d5cc], .main-right .main-right-content .main-right-left .content[data-v-1667d5cc], .main-left .content[data-v-1667d5cc] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-top: 0.12rem;
  overflow-y: auto;
}
.page-main[data-v-1667d5cc] {
  width: 100%;
  height: calc(100vh - 100px);
  padding: 0.16rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.main-left[data-v-1667d5cc] {
  width: calc(35% - 0.16rem);
  height: 100%;
  margin-right: 0.16rem;
  background-image: url(../img/box-leftTall..e6b67fd5.png);
}
.main-left .common-title-container[data-v-1667d5cc] {
  padding-top: 0.1rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main-left .common-title-container .common-title-right[data-v-1667d5cc] {
  position: absolute;
  height: 0.4rem;
  top: 0.1rem;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main-left .content[data-v-1667d5cc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
.main-left .response-list-container[data-v-1667d5cc] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  padding-right: 0.06rem;
}
.main-left .response-list-container .response-item[data-v-1667d5cc] {
  border: 1px solid #5cdceb;
  padding: 0.16rem;
  margin-bottom: 0.16rem;
  cursor: pointer;
}
.main-left .response-list-container .response-item[data-v-1667d5cc]:last-child {
  margin-bottom: 0;
}
.main-left .response-list-container .response-item .response-item-header[data-v-1667d5cc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.12rem;
}
.main-left .response-list-container .response-item .response-item-header .response-title[data-v-1667d5cc] {
  font-weight: bold;
  font-size: 0.18rem;
  color: #fff;
}
.main-left .response-list-container .response-item .response-item-header .response-status[data-v-1667d5cc] {
  padding: 0.04rem 0.08rem;
  border-radius: 0.04rem;
  font-size: 0.12rem;
}
.main-left .response-list-container .response-item .response-item-header .response-status.status-draft[data-v-1667d5cc] {
  background-color: #909399;
  color: #fff;
}
.main-left .response-list-container .response-item .response-item-header .response-status.status-pushed[data-v-1667d5cc] {
  background-color: #e6a23c;
  color: #fff;
}
.main-left .response-list-container .response-item .response-item-header .response-status.status-confirmed[data-v-1667d5cc] {
  background-color: #67c23a;
  color: #fff;
}
.main-left .response-list-container .response-item .response-item-header .response-status.status-cancelled[data-v-1667d5cc] {
  background-color: #f56c6c;
  color: #fff;
}
.main-left .response-list-container .response-item .response-item-info[data-v-1667d5cc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.08rem;
}
.main-left .response-list-container .response-item .response-item-info[data-v-1667d5cc]:last-child {
  margin-bottom: 0;
}
.main-left .response-list-container .response-item .response-item-info .response-item-info-label[data-v-1667d5cc] {
  font-weight: bold;
  font-size: 0.14rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  line-height: 0.18rem;
  color: #ccc;
}
.main-left .response-list-container .response-item .response-item-info .response-item-info-value[data-v-1667d5cc] {
  font-size: 0.14rem;
  word-break: break-all;
  line-height: 0.18rem;
  color: #fff;
}
.main-left .response-list-container .response-item-active[data-v-1667d5cc] {
  background: -webkit-gradient(linear, left top, right top, from(#187ac0), to(transparent));
  background: linear-gradient(to right, #187ac0, transparent);
}
.main-left .pagination-container[data-v-1667d5cc] {
  margin-top: 0.12rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.main-left .pagination-container[data-v-1667d5cc] .el-pagination .btn-prev,
.main-left .pagination-container[data-v-1667d5cc] .el-pagination .btn-next,
.main-left .pagination-container[data-v-1667d5cc] .el-pagination .number {
  color: #fff !important;
  background-color: transparent !important;
}
.main-left .pagination-container[data-v-1667d5cc] .el-pagination .number {
  background-color: transparent !important;
  border: 1px solid #235762 !important;
}
.main-left .pagination-container[data-v-1667d5cc] .el-pagination .el-input__inner {
  color: #fff !important;
  background-color: transparent !important;
  border: 1px solid #235762 !important;
}
.main-left .pagination-container[data-v-1667d5cc] .el-pagination span {
  color: #fff;
}
.main-right[data-v-1667d5cc] {
  width: 65%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.main-right .main-right-content[data-v-1667d5cc] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-bottom: 0.16rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.main-right .main-right-content .main-right-left[data-v-1667d5cc] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 0.16rem;
  background-image: url(../img/box-long..a5ec5325.png);
}
.main-right .main-right-content .main-right-right[data-v-1667d5cc] {
  width: 280px;
  background-image: url(../img/box01..faa5eeb3.png);
}
.main-right .main-right-content .main-right-right .operation-buttons[data-v-1667d5cc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.12rem;
  margin-bottom: 0.16rem;
}
.main-right .main-right-content .main-right-right .operation-buttons .el-button[data-v-1667d5cc] {
  width: 100%;
}
.main-right .main-right-content .main-right-right .operation-tips[data-v-1667d5cc] {
  padding: 0.12rem;
  background: rgba(92, 220, 235, 0.1);
  border: 1px solid #5cdceb;
  border-radius: 0.04rem;
}
.main-right .main-right-content .main-right-right .operation-tips p[data-v-1667d5cc] {
  margin: 0 0 0.08rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-size: 0.12rem;
  color: #ccc;
  line-height: 1.4;
}
.main-right .main-right-content .main-right-right .operation-tips p[data-v-1667d5cc]:last-child {
  margin-bottom: 0;
}
.main-right .main-right-content .main-right-right .operation-tips p i[data-v-1667d5cc] {
  margin-right: 0.08rem;
  color: #5cdceb;
  margin-top: 0.02rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.main-right .main-right-content .detail-section[data-v-1667d5cc] {
  margin-bottom: 0.24rem;
}
.main-right .main-right-content .detail-section[data-v-1667d5cc]:last-child {
  margin-bottom: 0;
}
.main-right .main-right-content .detail-section h4[data-v-1667d5cc] {
  color: #5cdceb;
  font-size: 0.18rem;
  margin: 0 0 0.12rem 0;
  padding-bottom: 0.08rem;
  border-bottom: 1px solid #335577;
}
.main-right .main-right-content .detail-section .detail-row[data-v-1667d5cc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.12rem;
}
.main-right .main-right-content .detail-section .detail-row[data-v-1667d5cc]:last-child {
  margin-bottom: 0;
}
.main-right .main-right-content .detail-section .detail-item[data-v-1667d5cc] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.main-right .main-right-content .detail-section .detail-item .label[data-v-1667d5cc] {
  color: #ccc;
  font-size: 0.14rem;
  margin-right: 0.08rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.main-right .main-right-content .detail-section .detail-item .value[data-v-1667d5cc] {
  color: #fff;
  font-size: 0.14rem;
}
.main-right .main-right-content .detail-section .detail-item .value.status-draft[data-v-1667d5cc] {
  color: #909399;
}
.main-right .main-right-content .detail-section .detail-item .value.status-pushed[data-v-1667d5cc] {
  color: #e6a23c;
}
.main-right .main-right-content .detail-section .detail-item .value.status-confirmed[data-v-1667d5cc] {
  color: #67c23a;
}
.main-right .main-right-content .detail-section .detail-item .value.status-cancelled[data-v-1667d5cc] {
  color: #f56c6c;
}
.main-right .main-right-content .detail-section .power-info-grid[data-v-1667d5cc] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.16rem;
}
.main-right .main-right-content .detail-section .power-info-grid .power-info-item[data-v-1667d5cc] {
  padding: 0.12rem;
  background: rgba(92, 220, 235, 0.1);
  border: 1px solid #5cdceb;
  border-radius: 0.04rem;
  text-align: center;
}
.main-right .main-right-content .detail-section .power-info-grid .power-info-item .power-label[data-v-1667d5cc] {
  color: #ccc;
  font-size: 0.14rem;
  margin-bottom: 0.08rem;
}
.main-right .main-right-content .detail-section .power-info-grid .power-info-item .power-value[data-v-1667d5cc] {
  color: #5cdceb;
  font-size: 0.18rem;
  font-weight: bold;
}
.main-right .main-right-bottom[data-v-1667d5cc] {
  height: 400px;
  background-image: url(../img/box-long..a5ec5325.png);
}
.main-right .main-right-bottom .chart-container[data-v-1667d5cc] {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
[data-v-1667d5cc] .el-dialog {
  background-color: #0e3158;
}
[data-v-1667d5cc] .el-dialog .el-dialog__header {
  background-color: #0e3158;
}
[data-v-1667d5cc] .el-dialog .el-dialog__header .el-dialog__title {
  color: #fff;
}
[data-v-1667d5cc] .el-dialog .el-dialog__header .el-dialog__close {
  color: #fff;
}
[data-v-1667d5cc] .el-dialog .el-dialog__body {
  color: #fff;
}

.editor-wrapper[data-v-ad3183dc] {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}
.editor-toolbar[data-v-ad3183dc] {
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.editor-toolbar button[data-v-ad3183dc] {
    background: #00eaff;
    color: #1a2f66;
    border: none;
    padding: 8px 12px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
}
.editor-toolbar button[data-v-ad3183dc]:disabled {
    background: #666;
    cursor: not-allowed;
}
.editor-toolbar select[data-v-ad3183dc] {
    background: #223a5e;
    color: #fff;
    border: 1px solid #00eaff;
    padding: 6px 10px;
    border-radius: 4px;
    font-size: 12px;
    min-width: 150px;
}
.editor-canvas[data-v-ad3183dc] {
    width: 100%;
    height: 500px;
    border: 1px solid #2ca0d8;
    background: #1a2f66;
    position: relative;
}
.editor-panel[data-v-ad3183dc] {
    margin-top: 10px;
    background: #223a5e;
    color: #fff;
    padding: 10px;
    border-radius: 6px;
}
.editor-panel label[data-v-ad3183dc] {
    margin-right: 10px;
}
.import-section[data-v-ad3183dc] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
    margin-left: 10px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-width: 400px;
}
.import-input[data-v-ad3183dc] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    background: #223a5e;
    color: #fff;
    border: 1px solid #00eaff;
    padding: 6px 10px;
    border-radius: 4px;
    font-size: 12px;
    min-width: 200px;
}
.import-input[data-v-ad3183dc]:focus {
    outline: none;
    border-color: #00eaff;
    -webkit-box-shadow: 0 0 5px rgba(0, 234, 255, 0.3);
            box-shadow: 0 0 5px rgba(0, 234, 255, 0.3);
}
.import-input[data-v-ad3183dc]::-webkit-input-placeholder {
    color: #888;
}
.import-input[data-v-ad3183dc]::-moz-placeholder {
    color: #888;
}
.import-input[data-v-ad3183dc]:-ms-input-placeholder {
    color: #888;
}
.import-input[data-v-ad3183dc]::-ms-input-placeholder {
    color: #888;
}
.import-input[data-v-ad3183dc]::placeholder {
    color: #888;
}
.import-section button[data-v-ad3183dc] {
    background: #00eaff;
    color: #1a2f66;
    border: none;
    padding: 6px 12px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
    white-space: nowrap;
}
.import-section button[data-v-ad3183dc]:disabled {
    background: #666;
    cursor: not-allowed;
}
.toggle-section[data-v-ad3183dc] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
    margin-left: 10px;
    margin-top: 10px;
}
.toggle-section label[data-v-ad3183dc] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 5px;
    font-size: 12px;
    color: #fff;
}
.toggle-section input[type="checkbox"][data-v-ad3183dc] {
    width: 16px;
    height: 16px;
    accent-color: #00eaff; /* 更改复选框颜色 */
}