@charset "UTF-8";
.itemBg[data-v-2a215160] {
  background-color: #1d2a3a;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
}
.itemName[data-v-2a215160] {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
  -webkit-justify-content: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding-left: 0.15625rem;
}
.el-row[data-v-2a215160] {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 !important;
}
.el-row[data-v-2a215160]:last-child {
    margin-bottom: 0;
}
.el-col[data-v-2a215160] {
  border-radius: 4px;
  height: 100%;
  padding: 0 !important;
}
.bg-purple-dark[data-v-2a215160] {
  background: #99a9bf;
}
.bg-purple[data-v-2a215160] {
  background: #d3dce6;
}
.bg-purple-light[data-v-2a215160] {
  background: #e5e9f2;
}
.grid-content[data-v-2a215160] {
  border-radius: 0.02083rem;
  min-height: 0.1875rem;
}
.row-bg[data-v-2a215160] {
  padding: 0.05208rem 0;
  background-color: #f9fafc;
}
.card[data-v-2a215160] {
  /* width: 450px;
  height: 335px; */
  width: 100%;
  height: 0.52083rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 0.04167rem;
  position: relative;
  background-color: #18212e;
  -webkit-box-shadow: 0 0.01042rem 0.02083rem rgba(0, 0, 0, 0.1);
          box-shadow: 0 0.01042rem 0.02083rem rgba(0, 0, 0, 0.1);
  color: #a2b9e2;
  font-size: 0.07292rem;
}
.urgent-label[data-v-2a215160] {
  position: absolute;
  top: 0px;
  right: 0px;
  color: white;
  padding: 0.02083rem 0.04167rem;
  border-radius: 0px 0.04167rem 0px 0.06771rem;
  font-weight: bold;
  /* width: 60px; */
  height: 0.125rem;
  text-align: center;
  line-height: 0.125rem;
  font-size: 0.07292rem;
}
.redbgc[data-v-2a215160] {
  background-color: #ff324b;
}
.deviceType[data-v-2a215160] {
  margin-top: 0.05208rem;
  font-size: 0.08333rem;
  border-radius: 0.26042rem;
  width: 0.3125rem;
  height: 0.125rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.greenbgc[data-v-2a215160] {
  color: #62fff9;
  background: rgba(98, 255, 249, 0.2);
  border: 1px solid #62fff9;
}
.bluebgc[data-v-2a215160] {
  color: #61c8ff;
  background: rgba(99, 183, 247, 0.2);
  border: 1px solid #61c8ff;
}
.horizontal-line[data-v-2a215160] {
  height: 1px;
  /* 线的高度 */
  background-color: rgba(255, 255, 255, 0.2);
  /* 线的颜色 */
  width: 100%;
  /* 线的宽度 */
  margin: 0.07813rem 0;
  /* 上下间距 */
}
.card-header[data-v-2a215160] {
  margin: 0.10938rem 0 0.08333rem 0;
}
.device-top[data-v-2a215160] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding: 0 0.05208rem 0 0.05208rem;
}
.device-title[data-v-2a215160] {
  /* width: 55px; */
  height: 0.14583rem;
  font-weight: 500;
  font-size: 0.10417rem;
  color: #ffffff;
  line-height: 0.14583rem;
  text-shadow: 0px 0.01042rem 0.02083rem rgba(0, 0, 0, 0.5);
  text-align: left;
  font-style: normal;
}
.device-status-on[data-v-2a215160] {
  color: #40ff9c;
  background: rgba(64, 255, 156, 0.2);
  border: none;
  border-radius: 0.26042rem;
  height: 0.125rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 0.07813rem;
  padding: 0 0.05208rem 0 0.05208rem;
}
.device-status-off[data-v-2a215160] {
  color: white;
  background: rgba(255, 255, 255, 0.2);
  border: none;
  border-radius: 0.26042rem;
  height: 0.125rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 0.07813rem;
}
.device-count[data-v-2a215160] {
  color: #666;
  margin: 0.03125rem 0 0 0;
  font-family: "Sans_Regular", sans-serif;
}
.version-info[data-v-2a215160] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  /* flex-direction: column; */
}
.version-infoNoData[data-v-2a215160] {
  width: 100%;
  height: 1.96354rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.module[data-v-2a215160] {
  margin-bottom: 0.0625rem;
  padding: 0.04167rem;
  border-radius: 0.02083rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.moduleItem[data-v-2a215160] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.moduleName[data-v-2a215160] {
  color: rgba(255, 255, 255, 0.5);
}
.versionRed[data-v-2a215160] {
  color: #ff324b;
}
.arrowTop[data-v-2a215160] {
  margin-left: 0.02604rem;
}
.ellipsis[data-v-2a215160] {
  display: inline-block;
  max-width: 100%;
  /* 设置最大宽度 */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.box[data-v-15318928] {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@charset "UTF-8";
.el-row[data-v-fb60f068] {
  margin-bottom: 20px;
}
.el-row[data-v-fb60f068]:last-child {
    margin-bottom: 0;
}
.el-form-item[data-v-fb60f068] {
  margin-bottom: 0;
}
.el-col[data-v-fb60f068] {
  border-radius: 4px;
}
.bg-purple-dark[data-v-fb60f068] {
  background: #99a9bf;
}
.bg-purple[data-v-fb60f068] {
  background: #d3dce6;
}
.bg-purple-light[data-v-fb60f068] {
  background: #e5e9f2;
}
.grid-content[data-v-fb60f068] {
  border-radius: 0.02083rem;
  min-height: 0.1875rem;
}
.row-bg[data-v-fb60f068] {
  padding: 0.05208rem 0;
  background-color: #f9fafc;
}
.cardStyle[data-v-fb60f068] {
  width: 100%;
  margin: 0.07813rem 0.07813rem 0 0;
  cursor: pointer;
}
.selectForm[data-v-fb60f068] {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.paginationBottom[data-v-fb60f068] {
  width: 100%;
  height: 0.3125rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
[data-v-fb60f068] .selectButton .el-input__inner {
  width: 480px !important;
  border-radius: 8px !important;
}
.formStyle[data-v-fb60f068] {
  width: 90%;
}
.formStyle .el-select[data-v-fb60f068] {
    width: 100%;
}
.formStyle .el-range-editor.el-input__inner[data-v-fb60f068] {
    width: 100%;
    border-radius: 8px;
}
.ellipsis[data-v-fb60f068] {
  display: inline-block;
  max-width: 100%;
  /* 设置最大宽度 */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.site_list_box[data-v-fb60f068] {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: calc(100vh - 0.78125rem);
  overflow: auto;
  font-size: 0.08333rem;
  padding: 0.13021rem 0.13021rem 0 0.13021rem;
}
.el-cascader[data-v-fb60f068] {
  width: 100%;
  border-radius: 0.04167rem;
}