@charset "UTF-8";
.topOperationBox .tab-div {
  min-width: 106px;
  height: 42px;
  padding: 0 10px;
  line-height: 42px;
  text-align: center;
  border-radius: 4px;
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 16px;
  color: #999999;
  background: #F5F5F5;
  border-radius: 4px;
  border: 1px solid #E6E6E6;
  margin-right: 16px;
  display: inline-block;
}
.topOperationBox .active {
  background: #3F7DE6;
  color: #FFFFFF;
}

.fireProtectionName {
  font-size: 18px;
  font-weight: 600;
  color: #1e88e5;
  margin: 15px 0;
}

.statisticsBox {
  display: flex;
  align-items: center;
  margin: 16px 0;
}
.statisticsBox .statisticsItem {
  flex: 1;
  height: 90px;
  background: #ECF3FF;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 32px 0 28px;
  box-sizing: border-box;
  margin-right: 16px;
}
.statisticsBox .statisticsItem :last-child {
  margin: 0;
}
.statisticsBox .statisticsItem .leftItem {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.statisticsBox .statisticsItem .leftItem .label {
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 16px;
  color: #666666;
}
.statisticsBox .statisticsItem .leftItem .num {
  font-family: HarmonyOS Sans SC;
  font-weight: 900;
  font-size: 32px;
  color: #3F7DE6;
  margin-top: 5px;
}
.statisticsBox .statisticsItem img {
  width: 64px;
  height: 64px;
}

.deviceBox {
  display: flex;
  align-items: center;
  margin: 20px 0;
}
.deviceBox .deviceItem {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  width: 300px;
  height: 120px;
  background: #ECF3FF;
  border-radius: 6px;
  padding: 0 32px 0 28px;
  box-sizing: border-box;
  margin-right: 20px;
}
.deviceBox .deviceItem .statusNum {
  font-family: HarmonyOS Sans SC;
  font-weight: 900;
  color: #3F7DE6;
  font-size: 34px;
  margin-bottom: 10px;
}
.deviceBox .deviceItem .intro {
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 16px;
  color: #666666;
}
.deviceBox button {
  width: 115px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  background: #3F7DE6;
  border-radius: 4px;
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
}

.training {
  font-size: 18px;
  color: #333333;
  font-weight: bold;
}

.deadline {
  font-size: 18px;
  color: #333333;
  font-weight: bold;
  margin-bottom: 20px;
}

.select-search {
  margin-right: 17px;
}

.searchBox {
  margin: 16px 0;
  display: flex;
  align-items: center;
}
.searchBox .inputBox {
  width: 280px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 36px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #CCCCCC;
  margin-right: 16px;
  padding: 0 10px;
  box-sizing: border-box;
  overflow: hidden;
}
.searchBox .inputBox input {
  width: 85%;
  height: 100%;
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 14px;
  border: none;
  text-align: left;
  padding-left: 0 !important;
}
.searchBox .inputBox .placeholder {
  color: #999999;
}
.searchBox .inputBox img {
  width: 20px;
  height: 20px;
}
.searchBox .selectTimeBox {
  width: 380px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 36px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #CCCCCC;
  margin-right: 16px;
  padding: 0 10px;
  box-sizing: border-box;
}
.searchBox .selectTimeBox .el-date-editor {
  border: none !important;
  height: 100% !important;
}
.searchBox .selectTimeBox input {
  width: 50%;
  height: 100%;
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 14px;
  border: none;
  text-align: center;
  padding-left: 0 !important;
}
.searchBox .selectTimeBox .placeholder {
  color: #999999;
}
.searchBox .selectTimeBox img {
  width: 20px;
  height: 20px;
}
.searchBox .btn {
  width: 86px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  background: #3F7DE6;
  border-radius: 4px;
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
  margin-right: 16px;
  border: 1px solid #E6E6E6;
}
.searchBox .unitname {
  width: 270px;
  margin-right: 17px;
}

.standby-table {
  width: 100%;
  border-collapse: collapse;
}
.standby-table thead {
  background: #f5f5f5;
  border-radius: 6px;
}
.standby-table tr {
  border-bottom: 1px solid #E6E6E6;
  height: 52px;
}
.standby-table tr th:nth-child(2) {
  border-right: 1px solid #E6E6E6;
  width: 350px;
}
.standby-table tr th:nth-child(4) {
  border-right: 1px solid #E6E6E6;
}
.standby-table tr td:nth-child(2) {
  border-right: 1px solid #E6E6E6;
  max-width: 260px;
}
.standby-table tr td:nth-child(4) {
  border-right: 1px solid #E6E6E6;
}
.standby-table tr .check {
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 14px;
  color: #2196F3;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
}
.standby-table th, .standby-table td {
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  padding: 10px;
  text-align: center;
}

.typeBox {
  flex: 1;
  height: 52px;
  line-height: 52px;
  background: #3F7DE6;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.typeBox .typeItem {
  flex: 1;
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
  text-align: center;
}

#tableBox .title, #dialogBox .title, .dialogBox .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
#tableBox .title .flexBox, #dialogBox .title .flexBox, .dialogBox .title .flexBox {
  display: flex;
  align-items: center;
}
#tableBox .title .flexBox .sitename, #dialogBox .title .flexBox .sitename, .dialogBox .title .flexBox .sitename {
  width: auto;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #E4EEFF;
  border-radius: 4px;
  border: 1px solid #3F7DE6;
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 16px;
  color: #3F7DE6;
  margin-left: 18px;
  padding: 0 8px;
}
#tableBox .title span, #dialogBox .title span, .dialogBox .title span {
  font-family: HarmonyOS Sans SC;
  font-weight: 500;
  font-size: 18px;
  color: #333333;
}
#tableBox .title img, #dialogBox .title img, .dialogBox .title img {
  width: 16px;
  height: 16px;
}
#tableBox .box_1, #dialogBox .box_1, .dialogBox .box_1 {
  background-color: rgb(255, 255, 255);
  border-radius: 6px;
}
#tableBox .group_3, #dialogBox .group_3, .dialogBox .group_3 {
  background-color: rgb(244, 244, 244);
  width: 1000px;
  height: 1px;
  margin-top: 19px;
}
#tableBox .box_17, #dialogBox .box_17, .dialogBox .box_17 {
  width: 254px;
  height: 30px;
  margin: 18px 0 0 24px;
  display: flex;
}
#tableBox .box_177, #dialogBox .box_177, .dialogBox .box_177 {
  width: 254px;
  height: 30px;
  margin: 18px 0 18px 0px;
  display: flex;
}
#tableBox .label_6, #dialogBox .label_6, .dialogBox .label_6 {
  width: 30px;
  height: 30px;
  margin-right: 9px;
}
#tableBox .text_2, #dialogBox .text_2, .dialogBox .text_2 {
  overflow-wrap: break-word;
  color: rgb(51, 51, 51);
  font-size: 18px;
  font-family: HarmonyOS_Sans_SC_Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
}
#tableBox .box_18, #dialogBox .box_18, .dialogBox .box_18 {
  width: 953px;
  margin: 15px 0 14px 24px;
  display: flex;
  justify-content: center;
}
#tableBox .block_1, #dialogBox .block_1, .dialogBox .block_1 {
  background-color: rgb(255, 255, 255);
  border-radius: 6px;
  width: 468px;
  border: 1px solid rgb(230, 230, 230);
  margin-right: 17px;
  padding-bottom: 20px;
}
#tableBox .block_2, #dialogBox .block_2, .dialogBox .block_2 {
  background-color: rgb(236, 243, 255);
  border-radius: 6px 0px 0px 6px;
  width: 468px;
  height: 48px;
  border: 1px solid rgb(230, 230, 230);
  display: flex;
  align-items: center;
}
#tableBox .box_2, #dialogBox .box_2, .dialogBox .box_2 {
  background-color: rgb(63, 125, 230);
  border-radius: 0px 5px 5px 0px;
  width: 7px;
  height: 22px;
}
#tableBox .text_3, #dialogBox .text_3, .dialogBox .text_3 {
  width: 64px;
  overflow-wrap: break-word;
  color: rgb(63, 125, 230);
  font-size: 16px;
  font-family: HarmonyOS_Sans_SC_Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  margin-left: 17px;
}
#tableBox .text-wrapper_1, #dialogBox .text-wrapper_1, .dialogBox .text-wrapper_1 {
  background-color: rgb(248, 249, 253);
  border-radius: 10px;
  width: 425px;
  min-height: 42px;
  padding: 10px 0;
  border: 1px solid rgb(242, 242, 242);
  margin: 16px 0 0 21px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#tableBox .text_4, #dialogBox .text_4, .dialogBox .text_4 {
  width: 139px;
  overflow-wrap: break-word;
  color: rgb(51, 51, 51);
  font-size: 14px;
  font-family: HarmonyOS_Sans_SC;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  margin-left: 19px;
}
#tableBox .text_5, #dialogBox .text_5, .dialogBox .text_5 {
  overflow-wrap: break-word;
  color: rgb(102, 102, 102);
  font-size: 14px;
  font-family: HarmonyOS_Sans_SC;
  font-weight: normal;
  text-align: left;
  margin: 0 19px;
}
#tableBox .storefront, #dialogBox .storefront, .dialogBox .storefront {
  width: 135px;
  height: 100px;
}
#tableBox .error, #dialogBox .error, .dialogBox .error {
  color: #E51F1F;
}
#tableBox .success, #dialogBox .success, .dialogBox .success {
  color: #3BAE21;
}
#tableBox .warning, #dialogBox .warning, .dialogBox .warning {
  color: #FFA21D;
}
#tableBox .text_16, #dialogBox .text_16, .dialogBox .text_16 {
  width: 128px;
  overflow-wrap: break-word;
  color: rgb(51, 51, 51);
  font-size: 16px;
  font-family: HarmonyOS_Sans_SC_Medium;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  margin: 20px 0 0 24px;
}
#tableBox .text_14, #dialogBox .text_14, .dialogBox .text_14 {
  font-size: 14px;
  font-weight: 500;
}
#tableBox .addressMap, #dialogBox .addressMap, .dialogBox .addressMap {
  width: 425px;
  height: 179px;
  margin: 10px auto 0;
  border-radius: 10px;
  border: 1px solid #F2F2F2;
}
#tableBox .signBox, #dialogBox .signBox, .dialogBox .signBox {
  width: 425px;
  height: 96px;
  border-radius: 10px;
  border: 1px solid #F2F2F2;
  margin: 10px auto 0;
}
#tableBox .signBox .sign-img, #dialogBox .signBox .sign-img, .dialogBox .signBox .sign-img {
  max-height: 100%;
  display: block;
  margin: auto;
}
#tableBox .paragraph_1, #dialogBox .paragraph_1, .dialogBox .paragraph_1 {
  width: 391px;
  overflow-wrap: break-word;
  color: rgb(51, 51, 51);
  font-size: 14px;
  font-family: HarmonyOS_Sans_SC;
  font-weight: normal;
  text-align: left;
  line-height: 24px;
  padding: 0px 15px;
}
#tableBox .section_5, #dialogBox .section_5, .dialogBox .section_5 {
  margin: 10px 0 0 22px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
#tableBox .box_3, #dialogBox .box_3, .dialogBox .box_3 {
  background-color: rgb(60, 85, 202);
  border-radius: 6px;
  width: 135px;
  height: 100px;
  overflow: hidden;
  margin-right: 10px;
  margin-bottom: 10px;
}
#tableBox .box_3 img, #dialogBox .box_3 img, .dialogBox .box_3 img {
  border-radius: 6px;
  width: 135px;
  height: 100px;
}
#tableBox .section_3, #dialogBox .section_3, .dialogBox .section_3 {
  border-radius: 6px;
  height: 100px;
  width: 135px;
  margin-right: 10px;
  margin-bottom: 10px;
  position: relative;
}
#tableBox .image-wrapper_1, #dialogBox .image-wrapper_1, .dialogBox .image-wrapper_1 {
  border-radius: 6px;
  height: 100px;
  width: 135px;
}
#tableBox .label_2, #dialogBox .label_2, .dialogBox .label_2 {
  width: 28px;
  height: 28px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
#tableBox .image-wrapper_2, #dialogBox .image-wrapper_2, .dialogBox .image-wrapper_2 {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 6px;
  height: 100px;
  width: 135px;
}
#tableBox .label_3, #dialogBox .label_3, .dialogBox .label_3 {
  width: 28px;
  height: 28px;
  margin: 36px 0 0 54px;
}
#tableBox .text-wrapper_8, #dialogBox .text-wrapper_8, .dialogBox .text-wrapper_8 {
  width: 425px;
  background-color: rgb(248, 249, 253);
  border-radius: 10px;
  height: 42px;
  border: 1px solid rgb(242, 242, 242);
  margin: 17px auto 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
}
#tableBox .text_19, #dialogBox .text_19, .dialogBox .text_19 {
  overflow-wrap: break-word;
  color: rgb(51, 51, 51);
  font-size: 14px;
  font-family: HarmonyOS_Sans_SC;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
}
#tableBox .text_20, #dialogBox .text_20, .dialogBox .text_20 {
  overflow-wrap: break-word;
  color: rgb(102, 102, 102);
  font-size: 14px;
  font-family: HarmonyOS_Sans_SC;
  font-weight: normal;
  white-space: nowrap;
}
#tableBox .text-wrapper_9, #dialogBox .text-wrapper_9, .dialogBox .text-wrapper_9 {
  background-color: rgb(248, 249, 253);
  border-radius: 10px;
  width: 425px;
  height: 42px;
  border: 1px solid rgb(242, 242, 242);
  margin: 10px 0 21px 21px;
}
#tableBox .block_5, #dialogBox .block_5, .dialogBox .block_5 {
  background-color: rgb(255, 255, 255);
  border-radius: 6px;
  width: 468px;
  height: -moz-fit-content;
  height: fit-content;
  border: 1px solid rgb(230, 230, 230);
  padding-bottom: 20px;
}
#tableBox .box_6, #dialogBox .box_6, .dialogBox .box_6 {
  background-color: rgb(236, 243, 255);
  border-radius: 6px 0px 0px 6px;
  width: 468px;
  height: 48px;
  border: 1px solid rgb(230, 230, 230);
  display: flex;
  align-items: center;
}
#tableBox .group_6, #dialogBox .group_6, .dialogBox .group_6 {
  background-color: rgb(63, 125, 230);
  border-radius: 0px 5px 5px 0px;
  width: 7px;
  height: 22px;
}
#tableBox .text_23, #dialogBox .text_23, .dialogBox .text_23 {
  width: 64px;
  overflow-wrap: break-word;
  color: rgb(63, 125, 230);
  font-size: 16px;
  font-family: HarmonyOS_Sans_SC_Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  margin-left: 17px;
}
#tableBox .allshebei, #dialogBox .allshebei, .dialogBox .allshebei {
  overflow-wrap: break-word;
  color: rgb(51, 51, 51);
  font-size: 16px;
  font-family: HarmonyOS_Sans_SC_Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 26px;
  margin: 16px 0 0 24px;
}
#tableBox .tiptxt, #dialogBox .tiptxt, .dialogBox .tiptxt {
  overflow-wrap: break-word;
  color: rgb(51, 51, 51);
  font-size: 16px;
  font-family: HarmonyOS_Sans_SC;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  margin: 10px 0 0 24px;
}
#tableBox .shebeiItem, #dialogBox .shebeiItem, .dialogBox .shebeiItem {
  background-color: rgb(248, 249, 253);
  border-radius: 10px;
  width: 425px;
  height: 42px;
  border: 1px solid rgb(242, 242, 242);
  margin: 10px 0 0 21px;
  padding: 10px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#tableBox .shebeiItem .shebeiname, #dialogBox .shebeiItem .shebeiname, .dialogBox .shebeiItem .shebeiname {
  overflow-wrap: break-word;
  color: rgb(51, 51, 51);
  font-size: 14px;
  font-family: HarmonyOS_Sans_SC;
  font-weight: normal;
  white-space: nowrap;
}
#tableBox .shebeiItem .shebeinum, #dialogBox .shebeiItem .shebeinum, .dialogBox .shebeiItem .shebeinum {
  overflow-wrap: break-word;
  color: rgb(102, 102, 102);
  font-size: 14px;
  font-family: HarmonyOS_Sans_SC;
  font-weight: normal;
  white-space: nowrap;
}
#tableBox .xunchaDetailItem, #dialogBox .xunchaDetailItem, .dialogBox .xunchaDetailItem {
  margin-bottom: 20px;
}
#tableBox .nullBox, #dialogBox .nullBox, .dialogBox .nullBox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 300px;
}
#tableBox .nullBox span, #dialogBox .nullBox span, .dialogBox .nullBox span {
  overflow-wrap: break-word;
  color: rgb(153, 153, 153);
  font-size: 16px;
  font-family: HarmonyOS_Sans_SC;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  margin-top: 16px;
}
#tableBox .nullBox img, #dialogBox .nullBox img, .dialogBox .nullBox img {
  width: 148px;
  height: 111px;
}
#tableBox .deviceList .shebeiBox, #dialogBox .deviceList .shebeiBox, .dialogBox .deviceList .shebeiBox {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
#tableBox .deviceList .shebeiBox .shebeiItem, #dialogBox .deviceList .shebeiBox .shebeiItem, .dialogBox .deviceList .shebeiBox .shebeiItem {
  background-color: rgb(248, 249, 253);
  border-radius: 10px;
  width: 425px;
  height: 42px;
  border: 1px solid rgb(242, 242, 242);
  margin: 10px 0 0 21px;
  padding: 10px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#tableBox .deviceList .shebeiBox .shebeiItem .shebeiname, #dialogBox .deviceList .shebeiBox .shebeiItem .shebeiname, .dialogBox .deviceList .shebeiBox .shebeiItem .shebeiname {
  overflow-wrap: break-word;
  color: rgb(51, 51, 51);
  font-size: 14px;
  font-family: HarmonyOS_Sans_SC;
  font-weight: normal;
  white-space: nowrap;
}
#tableBox .deviceList .shebeiBox .shebeiItem .shebeinum, #dialogBox .deviceList .shebeiBox .shebeiItem .shebeinum, .dialogBox .deviceList .shebeiBox .shebeiItem .shebeinum {
  overflow-wrap: break-word;
  color: rgb(102, 102, 102);
  font-size: 14px;
  font-family: HarmonyOS_Sans_SC;
  font-weight: normal;
  white-space: nowrap;
}
#tableBox .dakaPeople, #dialogBox .dakaPeople, .dialogBox .dakaPeople {
  display: flex;
  align-items: center;
}
#tableBox .dakaPeople input, #dialogBox .dakaPeople input, .dialogBox .dakaPeople input {
  height: 36px;
  font-weight: 400;
  font-size: 14px;
  border: none;
  border: 1px solid #CCCCCC;
}
#tableBox .dakaPeople .txt, #dialogBox .dakaPeople .txt, .dialogBox .dakaPeople .txt {
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  margin-right: 10px;
}
#tableBox .dakaList, #dialogBox .dakaList, .dialogBox .dakaList {
  padding: 0 0 50px 12px;
  border-radius: 6px;
  border: 1px solid #CCCCCC;
  margin: 20px auto 0;
  position: relative;
}
#tableBox .dakaList .tiptxtBox, #dialogBox .dakaList .tiptxtBox, .dialogBox .dakaList .tiptxtBox {
  display: flex;
  align-items: center;
  margin-top: 19px;
}
#tableBox .dakaList .tiptxtBox img, #dialogBox .dakaList .tiptxtBox img, .dialogBox .dakaList .tiptxtBox img {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  margin-right: 6px;
}
#tableBox .dakaList .tiptxtBox .tiptxt, #dialogBox .dakaList .tiptxtBox .tiptxt, .dialogBox .dakaList .tiptxtBox .tiptxt {
  overflow-wrap: break-word;
  color: rgb(51, 51, 51);
  font-size: 16px;
  font-family: HarmonyOS_Sans_SC;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  margin: 0;
}
#tableBox .dakaList .dashedLine, #dialogBox .dakaList .dashedLine, .dialogBox .dakaList .dashedLine {
  width: 0px;
  height: 110px;
  font-family: HarmonyOS Sans SC;
  font-weight: 100;
  border: 0.5px dashed #CCCCCC;
  position: absolute;
  top: 70px;
  left: 34px;
}
#tableBox .dakaList .dakaBox, #dialogBox .dakaList .dakaBox, .dialogBox .dakaList .dakaBox {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
#tableBox .dakaList .dakaBox .dakaItem, #dialogBox .dakaList .dakaBox .dakaItem, .dialogBox .dakaList .dakaBox .dakaItem {
  background-color: rgb(248, 249, 253);
  border-radius: 10px;
  width: 348px;
  height: 20px;
  border: 1px solid rgb(242, 242, 242);
  margin: 10px 0 0 45px;
  padding: 10px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#tableBox .dakaList .dakaBox .dakaItem .dakaname, #dialogBox .dakaList .dakaBox .dakaItem .dakaname, .dialogBox .dakaList .dakaBox .dakaItem .dakaname {
  overflow-wrap: break-word;
  color: rgb(51, 51, 51);
  font-size: 14px;
  font-family: HarmonyOS_Sans_SC;
  font-weight: normal;
  white-space: nowrap;
}
#tableBox .dakaList .dakaBox .dakaItem .dakanum, #dialogBox .dakaList .dakaBox .dakaItem .dakanum, .dialogBox .dakaList .dakaBox .dakaItem .dakanum {
  overflow-wrap: break-word;
  color: rgb(102, 102, 102);
  font-size: 14px;
  font-family: HarmonyOS_Sans_SC;
  font-weight: normal;
  white-space: nowrap;
}
#tableBox .roundItem, #dialogBox .roundItem, .dialogBox .roundItem {
  margin: 20px 0;
}
#tableBox .roundItem span, #dialogBox .roundItem span, .dialogBox .roundItem span {
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
}
#tableBox .roundItem input, #dialogBox .roundItem input, .dialogBox .roundItem input {
  width: 140px;
  height: 36px !important;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #CCCCCC;
}
#tableBox .drivingMapBox, #dialogBox .drivingMapBox, .dialogBox .drivingMapBox {
  width: 100%;
  height: 400px;
  border-radius: 6px;
  position: relative;
  border: 1px solid #CCCCCC;
}
#tableBox .drivingMapBox #drivingMap, #dialogBox .drivingMapBox #drivingMap, .dialogBox .drivingMapBox #drivingMap {
  width: 100%;
  height: 100%;
}
#tableBox .drivingMapBox .drivingOperationBox, #dialogBox .drivingMapBox .drivingOperationBox, .dialogBox .drivingMapBox .drivingOperationBox {
  width: auto;
  height: 92px;
  border: 1px solid #CCCCCC;
  border-radius: 6px;
  position: absolute;
  z-index: 999999999999;
  bottom: 24px;
  left: 20px;
  right: 20px;
  margin: auto;
  padding: 24px 20px;
  box-sizing: border-box;
  background: #FFFFFF;
}
#tableBox .drivingMapBox .drivingOperationBox .carname, #dialogBox .drivingMapBox .drivingOperationBox .carname, .dialogBox .drivingMapBox .drivingOperationBox .carname {
  position: absolute;
  top: 16px;
  left: 24px;
}
#tableBox .drivingMapBox .drivingOperationBox .drivingOperationItem, #dialogBox .drivingMapBox .drivingOperationBox .drivingOperationItem, .dialogBox .drivingMapBox .drivingOperationBox .drivingOperationItem {
  width: 99%;
  display: flex;
  align-items: center;
  height: 36px;
  position: absolute;
  bottom: 16px;
  left: 24px;
}
#tableBox .drivingMapBox .drivingOperationBox .drivingOperationItem input, #dialogBox .drivingMapBox .drivingOperationBox .drivingOperationItem input, .dialogBox .drivingMapBox .drivingOperationBox .drivingOperationItem input {
  height: 36px !important;
}
#tableBox .drivingMapBox .drivingOperationBox .drivingOperationItem button, #dialogBox .drivingMapBox .drivingOperationBox .drivingOperationItem button, .dialogBox .drivingMapBox .drivingOperationBox .drivingOperationItem button {
  width: 86px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  background: #3F7DE6;
  border-radius: 4px;
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
}
#tableBox .drivingMapBox .drivingOperationBox .drivingOperationItem .drivingSearch, #dialogBox .drivingMapBox .drivingOperationBox .drivingOperationItem .drivingSearch, .dialogBox .drivingMapBox .drivingOperationBox .drivingOperationItem .drivingSearch {
  margin-left: 8px;
}
#tableBox .drivingMapBox .drivingOperationBox .drivingOperationItem .drivingStop, #dialogBox .drivingMapBox .drivingOperationBox .drivingOperationItem .drivingStop, .dialogBox .drivingMapBox .drivingOperationBox .drivingOperationItem .drivingStop {
  position: absolute;
  right: 124px;
}
#tableBox .drivingMapBox .drivingOperationBox .drivingOperationItem .drivingFast, #dialogBox .drivingMapBox .drivingOperationBox .drivingOperationItem .drivingFast, .dialogBox .drivingMapBox .drivingOperationBox .drivingOperationItem .drivingFast {
  position: absolute;
  right: 28px;
}
#tableBox .drivingMapBox .drivingOperationBox span, #dialogBox .drivingMapBox .drivingOperationBox span, .dialogBox .drivingMapBox .drivingOperationBox span {
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
}
#tableBox .mileage, #dialogBox .mileage, .dialogBox .mileage {
  font-family: HarmonyOS Sans SC;
  font-weight: 500;
  font-size: 16px;
  color: #333333;
  margin: 20px 0;
}

/* 普通表格 */
.normal-table {
  width: 100%;
}
.normal-table thead {
  background: #f5f5f5;
  border-radius: 6px;
}
.normal-table tr {
  border-bottom: 1px solid #E6E6E6;
  height: 52px;
}
.normal-table tr th, .normal-table tr td {
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  padding: 10px;
  text-align: center;
  word-break: break-all;
}
.normal-table tr th {
  white-space: nowrap !important;
}
.normal-table .detail {
  width: 64px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  background: #3F7DE6;
  border-radius: 4px;
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
  border: 1px solid #3f7de6;
  cursor: pointer;
}
.normal-table .success {
  color: #3BAE21;
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 14px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
}
.normal-table .error {
  color: #DD2828;
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 14px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
}
.normal-table .check, .normal-table .setting {
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 14px;
  color: #2196F3;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
}

.el-dialog__header {
  display: none !important;
}

#currentMonth .backTop, #currentMonth2 .backTop {
  display: flex;
  align-items: center;
}
#currentMonth .backTop .backbtn, #currentMonth2 .backTop .backbtn {
  width: 64px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  background: #3F7DE6;
  border-radius: 4px;
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
  margin-right: 17px;
}
#currentMonth .backTop span, #currentMonth2 .backTop span {
  font-size: 16px;
  font-weight: 600;
  color: #1e88e5;
}
#currentMonth .intro, #currentMonth2 .intro {
  display: flex;
  align-items: center;
}
#currentMonth .intro .fireProtectionName, #currentMonth2 .intro .fireProtectionName {
  font-size: 16px;
  font-weight: 600;
  color: #1e88e5;
  margin-right: 100px;
}
#currentMonth .intro .checkTime, #currentMonth2 .intro .checkTime {
  font-size: 15px;
  font-weight: 600;
  color: #1e88e5;
}

#clockRecord-container, #arrangement-container {
  min-width: 1000px;
  min-height: 674px;
  border-radius: 6px;
  margin: 0px 20px;
  padding: 24px 18px;
  box-sizing: border-box;
}
#clockRecord-container .paibanBox, #arrangement-container .paibanBox {
  display: flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
#clockRecord-container .paibanBox .paibanSidebar, #arrangement-container .paibanBox .paibanSidebar {
  width: 240px;
  min-height: 800px;
  background: #FFFFFF;
  border-radius: 6px;
  padding: 25px 17px 15px 16px;
  box-sizing: border-box;
  margin-right: 10px;
}
#clockRecord-container .paibanBox .paibanSidebar .chooseTxt, #arrangement-container .paibanBox .paibanSidebar .chooseTxt {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
#clockRecord-container .paibanBox .paibanSidebar .chooseTxt span, #arrangement-container .paibanBox .paibanSidebar .chooseTxt span {
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 16px;
  color: #333333;
}
#clockRecord-container .paibanBox .paibanSidebar .chooseTxt .num, #arrangement-container .paibanBox .paibanSidebar .chooseTxt .num {
  font-size: 14px;
  color: #3F7DE6;
}
#clockRecord-container .paibanBox .paibanSidebar .checkOutBox, #arrangement-container .paibanBox .paibanSidebar .checkOutBox {
  width: 208px;
  min-height: 640px;
  height: binpx;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #CCCCCC;
  margin: 20px auto 0;
  padding-bottom: 150px;
  box-sizing: border-box;
  position: relative;
}
#clockRecord-container .paibanBox .paibanSidebar .checkOutBox .upperItem, #clockRecord-container .paibanBox .paibanSidebar .checkOutBox .underItem, #arrangement-container .paibanBox .paibanSidebar .checkOutBox .upperItem, #arrangement-container .paibanBox .paibanSidebar .checkOutBox .underItem {
  width: 100%;
  height: 42px;
  display: flex;
  align-items: center;
  background: #F5F5F5;
  border-radius: 4px 4px 0px 0px;
  border-bottom: 1px solid #CCCCCC;
}
#clockRecord-container .paibanBox .paibanSidebar .checkOutBox .upperItem .el-checkbox, #clockRecord-container .paibanBox .paibanSidebar .checkOutBox .underItem .el-checkbox, #arrangement-container .paibanBox .paibanSidebar .checkOutBox .upperItem .el-checkbox, #arrangement-container .paibanBox .paibanSidebar .checkOutBox .underItem .el-checkbox {
  width: 50px;
  margin-top: 3px;
  display: flex;
  justify-content: center;
}
#clockRecord-container .paibanBox .paibanSidebar .checkOutBox .upperItem .el-checkbox .el-checkbox__inner, #clockRecord-container .paibanBox .paibanSidebar .checkOutBox .underItem .el-checkbox .el-checkbox__inner, #arrangement-container .paibanBox .paibanSidebar .checkOutBox .upperItem .el-checkbox .el-checkbox__inner, #arrangement-container .paibanBox .paibanSidebar .checkOutBox .underItem .el-checkbox .el-checkbox__inner {
  width: 16px;
  height: 16px;
}
#clockRecord-container .paibanBox .paibanSidebar .checkOutBox .upperItem .el-checkbox .el-checkbox__inner::after, #clockRecord-container .paibanBox .paibanSidebar .checkOutBox .underItem .el-checkbox .el-checkbox__inner::after, #arrangement-container .paibanBox .paibanSidebar .checkOutBox .upperItem .el-checkbox .el-checkbox__inner::after, #arrangement-container .paibanBox .paibanSidebar .checkOutBox .underItem .el-checkbox .el-checkbox__inner::after {
  left: 5px;
  top: 2px;
}
#clockRecord-container .paibanBox .paibanSidebar .checkOutBox .upperItem div, #clockRecord-container .paibanBox .paibanSidebar .checkOutBox .underItem div, #arrangement-container .paibanBox .paibanSidebar .checkOutBox .upperItem div, #arrangement-container .paibanBox .paibanSidebar .checkOutBox .underItem div {
  flex: 1;
  flex-shrink: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#clockRecord-container .paibanBox .paibanSidebar .checkOutBox .el-checkbox-group, #arrangement-container .paibanBox .paibanSidebar .checkOutBox .el-checkbox-group {
  font-size: inherit;
}
#clockRecord-container .paibanBox .paibanSidebar .checkOutBox .el-checkbox-group .el-checkbox__label, #arrangement-container .paibanBox .paibanSidebar .checkOutBox .el-checkbox-group .el-checkbox__label {
  display: none;
}
#clockRecord-container .paibanBox .paibanSidebar .checkOutBox .underItem, #arrangement-container .paibanBox .paibanSidebar .checkOutBox .underItem {
  border: none;
  background: #FFFFFF;
}
#clockRecord-container .paibanBox .paibanSidebar .checkOutBox .underItem .el-checkbox, #arrangement-container .paibanBox .paibanSidebar .checkOutBox .underItem .el-checkbox {
  margin-top: 5px;
}
#clockRecord-container .paibanBox .paibanSidebar .checkOutBox .bottomItem, #arrangement-container .paibanBox .paibanSidebar .checkOutBox .bottomItem {
  width: 100%;
  position: absolute;
  bottom: 11px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#clockRecord-container .paibanBox .paibanSidebar .checkOutBox .bottomItem p, #arrangement-container .paibanBox .paibanSidebar .checkOutBox .bottomItem p {
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  text-align: center;
  margin: 16px 0;
}
#clockRecord-container .paibanBox .paibanSidebar .checkOutBox .bottomItem .btn, #arrangement-container .paibanBox .paibanSidebar .checkOutBox .bottomItem .btn {
  width: 186px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  background: #3F7DE6;
  border-radius: 4px;
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
  border: 1px solid #3F7DE6;
}
#clockRecord-container .paibanBox .paibanSidebar .searchBox .inputBox, #arrangement-container .paibanBox .paibanSidebar .searchBox .inputBox {
  width: 100%;
}
#clockRecord-container .container, #arrangement-container .container {
  flex: 1;
  background: #FFFFFF;
  padding: 20px;
  box-sizing: border-box;
}
#clockRecord-container .topItem, #arrangement-container .topItem {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #F4F4F4;
  position: relative;
  padding-bottom: 20px;
  box-sizing: content-box;
}
#clockRecord-container .topItem .checkInRecord, #arrangement-container .topItem .checkInRecord {
  width: 100px;
  height: 100%;
  line-height: 40px;
  text-align: center;
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 16px;
  color: #3F7DE6;
}
#clockRecord-container .topItem .checkInRecord::after, #arrangement-container .topItem .checkInRecord::after {
  content: " ";
  width: 100px;
  height: 1px;
  background: #3F7DE6;
  border-radius: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
}
#clockRecord-container .switchMonthBox, #arrangement-container .switchMonthBox {
  display: flex;
  align-items: center;
  justify-content: center;
}
#clockRecord-container .switchMonthBox span, #arrangement-container .switchMonthBox span {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  margin: 0 10px;
}
#clockRecord-container .switchMonthBox button, #arrangement-container .switchMonthBox button {
  width: 30px;
  height: 30px;
  background: #3F7DE6;
  border-radius: 4px;
  border: 1px solid #E6E6E6;
  position: relative;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
#clockRecord-container .switchMonthBox button::after, #arrangement-container .switchMonthBox button::after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  border-top: 2px solid #FFFFFF;
  border-right: 2px solid #FFFFFF;
  top: 50%;
  left: 50%;
  transform-origin: center;
}
#clockRecord-container .switchMonthBox .nextBtn::after, #arrangement-container .switchMonthBox .nextBtn::after {
  transform: translate(-70%, -50%) rotate(45deg);
}
#clockRecord-container .switchMonthBox .prevBtn::after, #arrangement-container .switchMonthBox .prevBtn::after {
  transform: translate(-30%, -50%) rotate(-135deg);
}
#clockRecord-container .weekUpperBox, #arrangement-container .weekUpperBox {
  margin: 20px auto 0;
}
#clockRecord-container .weekUpperBox .weekUpper, #arrangement-container .weekUpperBox .weekUpper {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  border-left: 1px solid #E6E6E6;
}
#clockRecord-container .weekUpperBox .weekUpper .weekUpperItem, #arrangement-container .weekUpperBox .weekUpper .weekUpperItem {
  white-space: nowrap;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: #F5F5F5;
  border: 1px solid #E6E6E6;
  border-left: none;
  flex: 1;
}
#clockRecord-container .weekUpperBox .daxBox, #arrangement-container .weekUpperBox .daxBox {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr)); /* 每行7列，宽度自适应 */
  gap: 0px; /* 可选：设置项目之间的间距 */
  border-left: 1px solid #E6E6E6;
}
#clockRecord-container .weekUpperBox .daxBox .daxBoxItem, #arrangement-container .weekUpperBox .daxBox .daxBoxItem {
  min-height: 80px;
  background: #FFFFFF;
  border-right: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
  overflow: hidden;
  position: relative;
}
#clockRecord-container .weekUpperBox .daxBox .daxBoxItem .day, #arrangement-container .weekUpperBox .daxBox .daxBoxItem .day {
  font-family: HarmonyOS Sans SC;
  font-weight: 900;
  font-size: 14px;
  text-align: right;
  color: #999999;
  position: absolute;
  top: 19px;
  right: 20px;
}
#clockRecord-container .weekUpperBox .daxBox .daxBoxItem .month, #arrangement-container .weekUpperBox .daxBox .daxBoxItem .month {
  font-family: HarmonyOS Sans SC;
  font-weight: 900;
  font-size: 14px;
  color: #333333;
  position: absolute;
  top: 19px;
  left: 20px;
}
#clockRecord-container .weekUpperBox .daxBox .daxBoxItem .currentMonth, #arrangement-container .weekUpperBox .daxBox .daxBoxItem .currentMonth {
  color: #333333;
}
#clockRecord-container .weekUpperBox .daxBox .daxBoxItem .corange, #arrangement-container .weekUpperBox .daxBox .daxBoxItem .corange {
  color: #3F7DE6;
}
#clockRecord-container .weekUpperBox .daxBox .daxBoxItem .arrangedBox, #arrangement-container .weekUpperBox .daxBox .daxBoxItem .arrangedBox {
  width: 100%;
  min-height: 90px;
  background: #EBF2FF;
  border: 1px solid #E6E6E6;
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 15px 0 12px;
  margin-top: 45px;
}
#clockRecord-container .weekUpperBox .daxBox .daxBoxItem .arrangedBox p, #arrangement-container .weekUpperBox .daxBox .daxBoxItem .arrangedBox p {
  width: 45%;
  text-align: left;
  padding-left: 21px;
  box-sizing: border-box;
  font-weight: 400;
  font-size: 14px;
  white-space: nowrap;
}
#clockRecord-container .weekUpperBox .daxBox .daxBoxItem .arrangedBox .blue, #arrangement-container .weekUpperBox .daxBox .daxBoxItem .arrangedBox .blue {
  color: #3F7DE6;
}
#clockRecord-container .weekUpperBox .daxBox .daxBoxItem .arrangedBox .purple, #arrangement-container .weekUpperBox .daxBox .daxBoxItem .arrangedBox .purple {
  color: #A744E6;
}
#clockRecord-container .weekUpperBox .daxBox .daxBoxItem .arrangedBox .green, #arrangement-container .weekUpperBox .daxBox .daxBoxItem .arrangedBox .green {
  color: #42A30D;
}
#clockRecord-container .weekUpperBox .daxBox .daxBoxItem .arrangedBox .yellow, #arrangement-container .weekUpperBox .daxBox .daxBoxItem .arrangedBox .yellow {
  color: #8D8317;
}
#clockRecord-container .explanationBox, #arrangement-container .explanationBox {
  display: flex;
  align-items: center;
  height: 36px;
  position: relative;
  margin: 16px 0;
}
#clockRecord-container .explanationBox p, #arrangement-container .explanationBox p {
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 14px;
  color: #D82C2C;
}
#clockRecord-container .explanationBox .btn, #arrangement-container .explanationBox .btn {
  width: 86px;
  height: 36px;
  line-height: 36px;
  background: #3F7DE6;
  border-radius: 4px;
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border: 1px solid #3F7DE6;
}
#clockRecord-container .explanationBox .cancelBtn, #arrangement-container .explanationBox .cancelBtn {
  right: 100px;
}
#clockRecord-container .explanationBox .saveBtn, #arrangement-container .explanationBox .saveBtn {
  right: 0;
}

#arrangement-container .container {
  min-width: 1400px;
}
#arrangement-container .daxBoxItem {
  min-height: 134px !important;
}
#arrangement-container .daxBoxItem .month {
  color: #999999 !important;
}

#addressMap {
  width: 100%;
  height: 100%;
}/*# sourceMappingURL=style.css.map */