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

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

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

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

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

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

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

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

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

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

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

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

/**
  弹窗内查询
*/
.dlgQueryItem[data-v-0741982a] {
  -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-0741982a] {
  text-align: right;
  width: 13%;
}

/**
 * 各类按钮宽度
 */
.width1To4Word[data-v-0741982a] {
  width: 88px !important;
}
.width4To8Word[data-v-0741982a] {
  width: 206px !important;
}
.el-form-width[data-v-0741982a] {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.el-form-textarea-width-two[data-v-0741982a] {
  width: 550px;
}
.el-form-textarea-width-three[data-v-0741982a] {
  width: 880px;
}
.el-datetime-picker[data-v-0741982a] {
  width: 450px !important;
}
.layout-left-header-title[data-v-0741982a] {
  font-size: 16px;
  font-weight: bold;
}
.el-link-operation[data-v-0741982a] {
  margin-right: 10px;
}
input[type=number][data-v-0741982a]::-webkit-outer-spin-button, input[type=number][data-v-0741982a]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type=number][data-v-0741982a] {
  -moz-appearance: textfield;
}
.page-container[data-v-0741982a] {
  width: 100%;
  height: 100vh;
  padding: 0;
  background-color: #1a2f66;
  color: #ffffff;
}
.page-container .common-title[data-v-0741982a] {
  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-0741982a], .page-container .page-main .main-right[data-v-0741982a], .page-container .page-main .main-left .main-left-bottom[data-v-0741982a], .page-container .page-main .main-left .main-left-top[data-v-0741982a] {
  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 .content[data-v-0741982a], .page-container .page-main .main-right .content[data-v-0741982a], .page-container .page-main .main-left .main-left-bottom .content[data-v-0741982a], .page-container .page-main .main-left .main-left-top .content[data-v-0741982a] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-top: 0.12rem;
  overflow-y: auto;
}
.page-container .steps[data-v-0741982a] {
  width: 60%;
  height: 0.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 0 0.16rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.page-container .steps .step-item[data-v-0741982a] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-container .steps .step-item[data-v-0741982a]:last-child {
  -ms-flex-preferred-size: auto !important;
      flex-basis: auto !important;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.page-container .steps .step-item .step-item-content[data-v-0741982a] {
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.08rem;
     -moz-column-gap: 0.08rem;
          column-gap: 0.08rem;
  padding: 0.08rem 0.12rem;
  border-radius: 0.4rem;
  border: 1px solid #5cdceb;
  background-color: #1a4a91;
}
.page-container .steps .step-item .step-item-content .num[data-v-0741982a] {
  width: 0.24rem;
  height: 0.24rem;
  background-color: #3b73e2;
  border-radius: 50%;
  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 .steps .step-item .step-item-content .icon[data-v-0741982a] {
  width: 0.28rem;
  height: 0.28rem;
}
.page-container .steps .step-item .step-item-content .step-item-text[data-v-0741982a] {
  font-size: 0.16rem;
}
.page-container .steps .step-item .step-item-line[data-v-0741982a] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  z-index: 1;
  height: 0.04rem;
  background-color: #5cdceb;
}
.page-container .page-main[data-v-0741982a] {
  width: 100%;
  height: calc(100vh - 100px - 0.6rem);
  padding: 0.16rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-container .page-main .main-left[data-v-0741982a] {
  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 .page-main .main-left .main-left-top[data-v-0741982a] {
  width: 100%;
  height: calc(50% - 0.08rem);
  background-image: url(../img/box-fatai..bd1dfe85.png);
}
.page-container .page-main .main-left .main-left-top .table-container[data-v-0741982a] {
  overflow: hidden;
}
.page-container .page-main .main-left .main-left-top .table-container[data-v-0741982a] .el-table {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.page-container .page-main .main-left .main-left-top .table-container[data-v-0741982a] .el-table, .page-container .page-main .main-left .main-left-top .table-container[data-v-0741982a] .el-table::before, .page-container .page-main .main-left .main-left-top .table-container[data-v-0741982a] .el-table::after,
.page-container .page-main .main-left .main-left-top .table-container[data-v-0741982a] .el-table tr,
.page-container .page-main .main-left .main-left-top .table-container[data-v-0741982a] .el-table .el-table__cell {
  background: #0e335d;
  color: #fff;
  border-color: #254779;
}
.page-container .page-main .main-left .main-left-top .pagination-container[data-v-0741982a] {
  margin-top: 0.12rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.page-container .page-main .main-left .main-left-top .pagination-container[data-v-0741982a] .el-pagination .btn-prev,
.page-container .page-main .main-left .main-left-top .pagination-container[data-v-0741982a] .el-pagination .btn-next,
.page-container .page-main .main-left .main-left-top .pagination-container[data-v-0741982a] .el-pagination .number {
  color: #fff !important;
  background-color: transparent !important;
}
.page-container .page-main .main-left .main-left-top .pagination-container[data-v-0741982a] .el-pagination .number {
  background-color: transparent !important;
  border: 1px solid #235762 !important;
}
.page-container .page-main .main-left .main-left-top .pagination-container[data-v-0741982a] .el-pagination .el-input__inner {
  color: #fff !important;
  background-color: transparent !important;
  border: 1px solid #235762 !important;
}
.page-container .page-main .main-left .main-left-top .pagination-container[data-v-0741982a] .el-pagination span {
  color: #fff;
}
.page-container .page-main .main-left .main-left-bottom[data-v-0741982a] {
  width: 100%;
  height: calc(50% - 0.08rem);
  background-image: url(../img/box-fatai..bd1dfe85.png);
}
.page-container .page-main .main-left .main-left-bottom .main-left-bottom-top[data-v-0741982a] {
  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: 0.12rem 0;
}
.page-container .page-main .main-left .main-left-bottom .main-left-bottom-top .title[data-v-0741982a] {
  line-height: 0.4rem;
  font-size: 0.2rem;
}
.page-container .page-main .main-left .main-left-bottom .main-left-bottom-top[data-v-0741982a] .el-input__inner {
  background: transparent;
  border-color: #3e99b9;
  color: #fff;
}
.page-container .page-main .main-left .main-left-bottom .main-left-bottom-top[data-v-0741982a] .el-range-input {
  background: transparent;
  color: #fff;
}
.page-container .page-main .main-left .main-left-bottom .main-left-bottom-top[data-v-0741982a] .el-range-separator {
  color: #fff;
}
.page-container .page-main .main-left .main-left-bottom #monitor[data-v-0741982a] {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.page-container .page-main .main-right[data-v-0741982a] {
  width: calc(35% - 0.16rem);
  height: 100%;
  margin-left: 0.16rem;
  background-image: url(../img/box-leftTall..e6b67fd5.png);
}
.page-container .page-main .main-right .content[data-v-0741982a] {
  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;
  margin-top: 0.16rem;
}
.page-container .page-main .main-right .execute-process-picture[data-v-0741982a] {
  width: 100%;
  height: auto;
  display: block;
}