/*!****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/layouts/SimpleLayout/index.scss ***!
  \****************************************************************************************************************************************************************************************************/
.logo {
  width: 484px;
  height: 48px;
  background: url(../images/logo.d625c9cd2be1c65dc56c18df48315b81.png) no-repeat center;
  background-size: 100%;
  box-sizing: border-box;
  position: fixed;
  top: 36px;
  left: 80px;
}
/*!*********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/layouts/MainLayout/Header/index.scss ***!
  \*********************************************************************************************************************************************************************************************************/
.header {
  display: flex;
  padding: 26px 80px 0 80px;
  position: relative;
  z-index: 999;
}
.header .left {
  display: flex;
  flex: 1;
  align-items: center;
}
.header .left .app-logo {
  display: block;
  width: 484px;
  height: 66px;
  background: url(../images/logo.d625c9cd2be1c65dc56c18df48315b81.png) no-repeat center;
  background-size: cover;
}
.header .right {
  text-align: right;
  display: flex;
  align-items: center;
}
.header .right .status-info {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.header .right .status-icon {
  display: block;
  width: 60px;
  height: 60px;
  background: url(../images/avater.6e269b4ca35d4f66002cdf88199f6a05.png) no-repeat center;
  background-size: contain;
}
.header .right .cockpit-name {
  font-size: 28px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #0d85ff;
  margin: 0 8px;
  cursor: pointer;
}
.header .right .cockpit-name.disabeld {
  font-size: 28px;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgb(255, 255, 255);
  cursor: default;
}
.header .right .cockpit-board,
.header .right .cockpit-exit,
.header .right .map-task-list {
  font-size: 28px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgb(186, 195, 215);
  padding: 6px;
  cursor: pointer;
  padding: 9px;
  background: rgb(29, 42, 68);
  border-radius: 6px;
  display: flex;
  align-items: center;
  margin-right: 32px;
}
.header .right .map-task-list::before {
  content: "";
  display: inline-block;
  width: 36px;
  height: 36px;
  background: url(../images/task-list-icon.6599b3a496fa2da7b3159451501faad4.png) no-repeat center;
  background-size: contain;
  margin: 0 8px;
}
.header .right .cockpit-board::before {
  content: "";
  display: inline-block;
  width: 36px;
  height: 36px;
  background: url(../images/ico.a76cae78b1ea9b8a7a1bbf447f6dff96.png) no-repeat center;
  background-size: contain;
  margin: 0 8px;
}
.header .right .cockpit-exit::before {
  content: "";
  display: inline-block;
  width: 36px;
  height: 36px;
  background: url(../images/exit.6c94f1882ab09c708d1fec0ce51ed4f6.png) no-repeat center;
  background-size: contain;
  margin: 0 8px;
}
.header .right .line {
  display: block;
  width: 2px;
  height: 48px;
  background: rgba(255, 255, 255, 0.2);
  margin: 0 32px;
}
.header .right .working-status {
  background: rgba(20, 186, 183, 0.12);
  border-radius: 4px;
  color: #14bab7;
  padding: 6px;
  font-size: 24px;
  cursor: pointer;
}
.header .right .exit-btn {
  cursor: pointer;
  width: 150px;
  height: 60px;
  background: linear-gradient(180deg, rgb(56, 80, 235) 0%, rgb(13, 133, 255) 100%);
  border-radius: 8px;
  line-height: 60px;
  text-align: center;
  font-size: 28px;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgb(255, 255, 255);
}
.header .user-info {
  display: flex;
  align-items: center;
  font-size: 28px;
  cursor: pointer;
  color: #fff;
}
.header .user-info .user-avatar {
  margin: 0 16px 0 56px;
}

.logout .ant-dropdown-menu-title-content {
  font-size: 24px;
}
/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/SettingBoard/index.scss ***!
  \*******************************************************************************************************************************************************************************************************/
.cockpit-setting-board {
  z-index: 9;
  position: absolute;
  right: 44px;
  top: 120px;
  width: 36.6%;
  height: 463px;
  background: linear-gradient(180deg, rgb(40, 60, 100) 0%, rgb(32, 49, 81) 100%);
  border-radius: 8px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.3);
}
.cockpit-setting-board .vehicle-icon {
  margin-left: 54px;
}
.cockpit-setting-board .right {
  align-items: flex-start;
}
.cockpit-setting-board .mode-setting-content {
  position: relative;
  display: flex;
  align-items: center;
  height: 116px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 8px 8px 0 0;
}
.cockpit-setting-board .mode-setting-content .mode-select {
  display: flex;
  align-items: center;
  font-size: 28px;
  font-family: PingFang SC;
  color: #fff;
}
.cockpit-setting-board .mode-setting-content .mode-select .label {
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.8);
  margin-left: 24px;
}
.cockpit-setting-board .mode-setting-content .mode-select .ant-select {
  width: 305px;
  height: 62px;
  border-radius: 4px;
  margin-left: 15px;
}
.cockpit-setting-board .mode-setting-content .mode-select .ant-select .ant-select-selection-item {
  font-size: 28px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgb(255, 255, 255);
  line-height: 62px;
}
.cockpit-setting-board .mode-setting-content .mode-select .ant-select .ant-select-selection-search-input {
  height: 100%;
}
.cockpit-setting-board .mode-setting-content .mode-select .ant-select .anticon svg {
  width: 25px;
  height: 25px;
  color: #0D85FF;
}
.cockpit-setting-board .mode-setting-content .mode-select .ant-select .ant-select-selector {
  height: 100%;
  background: rgba(10, 13, 26, 0.2);
  border: 1px solid rgb(106, 106, 112);
}
.cockpit-setting-board .mode-setting-content .exit-btn, .cockpit-setting-board .mode-setting-content .enter-btn {
  cursor: pointer;
  width: 184px;
  height: 68px;
  background: linear-gradient(180deg, rgb(56, 80, 235) 0%, rgb(13, 133, 255) 100%);
  border-radius: 8px;
  line-height: 68px;
  text-align: center;
  font-size: 28px;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgb(255, 255, 255);
  position: absolute;
  right: 24px;
}
.cockpit-setting-board .work-info-board {
  display: flex;
  flex-flow: column;
  height: 346px;
}
.cockpit-setting-board .work-info-board .user-work-detail {
  display: flex;
  flex: 1;
  background: rgba(13, 133, 255, 0.1);
  color: #fff;
  align-items: center;
}
.cockpit-setting-board .work-info-board .user-work-detail .left-box {
  flex: 1;
  display: flex;
  align-items: center;
}
.cockpit-setting-board .work-info-board .user-work-detail .left-box .user-avatar {
  display: block;
  width: 100px;
  height: 100px;
  background: url(../images/user-avatar.b83b0fbfc1a9bcbae1eeb1635ec4d558.png) no-repeat center;
  background-size: contain;
  margin-left: 36px;
}
.cockpit-setting-board .work-info-board .user-work-detail .left-box .detail-content {
  margin-left: 24px;
  font-size: 28px;
  font-family: PingFang SC;
  font-weight: normal;
  color: #fff;
}
.cockpit-setting-board .work-info-board .user-work-detail .left-box .detail-content i {
  white-space: nowrap;
}
.cockpit-setting-board .work-info-board .user-work-detail .left-box .detail-content .tag {
  display: block;
  width: 75px;
  height: 36px;
  background: #697BA3;
  border: 1px solid rgb(105, 123, 163);
  border-radius: 19px;
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
}
.cockpit-setting-board .work-info-board .user-work-detail .center, .cockpit-setting-board .work-info-board .user-work-detail .right {
  flex: 1;
  display: flex;
  flex-flow: column;
  font-size: 28px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.8);
}
.cockpit-setting-board .work-info-board .user-work-detail .right {
  flex-flow: row;
  background: rgba(13, 133, 255, 0.1);
  border: 2px solid;
  border-image: linear-gradient(180deg, rgb(11, 140, 244) 0%, rgb(56, 80, 235) 100%) 1.7143204655 1.7143204655;
  border-radius: 8px;
  padding-left: 24px;
  margin-right: 24px;
}
.cockpit-setting-board .work-info-board .user-work-detail .right .work-time {
  display: flex;
  flex-flow: column;
  flex: 1;
  text-align: left;
  margin-top: 16px;
}
.cockpit-setting-board .work-info-board .user-work-detail .right .work-time i {
  white-space: nowrap;
}
.cockpit-setting-board .work-info-board .user-work-detail .right .mode-btn {
  display: flex;
  cursor: pointer;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  margin-left: 20px;
  padding: 0 8px;
  min-width: 122px;
  height: 122px;
  background: linear-gradient(180deg, rgb(56, 80, 235) 0%, rgb(13, 133, 255) 100%);
  border-radius: 4px;
}
.cockpit-setting-board .work-info-board .user-work-detail .right .mode-btn i {
  white-space: nowrap;
}
.cockpit-setting-board .work-info-board .team-work-detail {
  color: #FFFFFF;
  display: flex;
  flex: 1;
  background: rgba(13, 133, 255, 0.1);
  border-top: 1px solid #1B2038;
  align-items: center;
}
.cockpit-setting-board .work-info-board .team-work-detail .left-box {
  flex: 1;
  display: flex;
  align-items: center;
}
.cockpit-setting-board .work-info-board .team-work-detail .left-box .vehicle-icon {
  display: block;
  width: 100px;
  height: 100px;
  background: url(../images/vehicle-icon.2bf21f77ec9fb80c3e4d8212cca8b8ed.png) no-repeat center;
  background-size: contain;
}
.cockpit-setting-board .work-info-board .team-work-detail .left-box .detail-content {
  margin-left: 24px;
  font-size: 28px;
  font-family: PingFang SC;
  font-weight: normal;
  color: #fff;
}
.cockpit-setting-board .work-info-board .team-work-detail .left-box .detail-content i {
  white-space: nowrap;
}
.cockpit-setting-board .work-info-board .team-work-detail .left-box .detail-content .tag {
  display: block;
  width: 75px;
  height: 36px;
  background: #697BA3;
  border: 1px solid rgb(105, 123, 163);
  border-radius: 19px;
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
}
.cockpit-setting-board .work-info-board .team-work-detail .center, .cockpit-setting-board .work-info-board .team-work-detail .right {
  flex: 1;
  display: flex;
  flex-flow: column;
  font-size: 28px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.8);
}

.ant-select-dropdown {
  z-index: 99999;
}
/*!***********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/CollectTaskModal/index.scss ***!
  \***********************************************************************************************************************************************************************************************************/
.search-form {
  margin-bottom: 20px;
}
.search-form .select-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.search-form .select-container div {
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
}
.search-form .select-container .ant-select,
.search-form .select-container .ant-input {
  width: 353px;
  height: 57px;
  border-radius: 4px;
  font-size: 24px;
}
.search-form .select-container .ant-select .ant-select-dropdown {
  height: 400px;
}
.search-form .select-container .ant-select .ant-select-dropdown .ant-cascader-menus {
  height: 400px;
}
.search-form .select-container .ant-select .ant-select-dropdown .ant-cascader-menus .ant-cascader-menu {
  height: 100%;
}
.search-form .btn-container .reset-btn {
  margin-right: 12px;
}

.ops-btns {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.ops-btns .btn {
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgb(13, 133, 255);
  margin-right: 36px;
}

.ant-pagination {
  flex: 1;
  text-align: center;
  margin-left: -15%;
}
.ant-pagination .ant-pagination-item {
  margin-left: 16px;
  width: 46px;
  height: 46px;
  background: rgb(29, 42, 68) !important;
  border-radius: 4px;
  line-height: 46px;
}
.ant-pagination .ant-pagination-item a {
  color: #fff;
  font-size: 26px;
  font-family: PingFang SC;
  font-weight: normal;
}
.ant-pagination .ant-pagination-prev {
  width: 46px;
  height: 46px;
  background: rgb(29, 42, 68);
  border-radius: 4px;
}
.ant-pagination .ant-pagination-prev .ant-pagination-item-link svg {
  width: 24px;
  height: 24px;
  color: #ffffff;
}
.ant-pagination .ant-pagination-next {
  width: 46px;
  height: 46px;
  background: rgb(29, 42, 68);
  border-radius: 4px;
  margin-left: 16px;
}
.ant-pagination .ant-pagination-next .ant-pagination-item-link svg {
  width: 24px;
  height: 24px;
  color: #ffffff;
}
.ant-pagination .ant-pagination-disabled .ant-pagination-item-link svg {
  color: rgba(255, 255, 255, 0.6);
}
.ant-pagination .ant-pagination-item-active {
  width: 46px;
  height: 46px;
  background: rgb(13, 133, 255) !important;
  border-radius: 4px;
  color: #fff;
  line-height: 46px;
}
.ant-pagination .ant-pagination-item-active a {
  color: #fff;
}
.ant-pagination .ant-pagination-item-ellipsis {
  width: 46px;
  color: #fff;
}
/*!**********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/CollectRouteMap/index.scss ***!
  \**********************************************************************************************************************************************************************************************************/
.collect-route-map-container {
  width: 100%;
  height: 100%;
  position: relative;
}

.overlay-container {
  padding: 16px;
  box-sizing: border-box;
  background: rgba(32, 49, 81, 0.6);
  border: 2px solid rgba(255, 255, 255, 0.16);
  border-radius: 8px;
  box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.5);
}
.overlay-container .triangle {
  width: 35px;
  height: 20px;
  background: rgba(32, 49, 81, 0.6);
  box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.5);
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  position: absolute;
  bottom: -18px;
  left: 47%;
}
.overlay-container .label-text {
  font-size: 20px;
  font-family: PingFang SC;
  font-weight: normal;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.overlay-container .label-text .label {
  color: rgba(255, 255, 255, 0.4);
}
.overlay-container .label-text .text {
  color: rgba(255, 255, 255, 0.8);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  max-width: 300px;
}
.overlay-container .image-list {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: 100%;
  max-width: 600px;
  min-width: 330px;
  max-height: 400px;
  min-height: 200px;
  box-sizing: border-box;
}
.overlay-container .image-list::-webkit-scrollbar {
  width: 8px;
  background-color: rgba(0, 0, 0, 0.1);
}
.overlay-container .image-list::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
}
.overlay-container .image-list::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.2);
}
.overlay-container .image-list .image-item {
  max-width: 50%;
  max-height: 60%;
  object-fit: contain;
  margin: 5px;
  flex: 1 1 auto;
  cursor: pointer;
  transition: transform 0.2s ease;
}
.overlay-container .image-list .image-item:hover {
  transform: scale(1.5);
}
/*!**********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/StandardTileMap/index.scss ***!
  \**********************************************************************************************************************************************************************************************************/
.standard-tile-map-container {
  width: 100%;
  height: 100%;
}
.standard-tile-map-container .tile-map-container {
  width: 100%;
  height: 100%;
}
.standard-tile-map-container .show-high-precision-map {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 999;
  cursor: pointer;
  display: flex;
  align-items: center;
  color: white;
  user-select: none;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  padding: 5px;
  opacity: 0.8;
  transition: all 0.3s ease;
}
.standard-tile-map-container .show-high-precision-map:hover {
  background-color: rgba(0, 0, 0, 0.7);
  transform: scale(1.1);
  opacity: 1;
}
.standard-tile-map-container .show-high-precision-map .eye-icon {
  width: 20px;
  height: 20px;
}
.standard-tile-map-container .show-high-precision-map span {
  margin-left: 5px;
  font-size: 20px;
}
.standard-tile-map-container .ol-zoom {
  display: none;
}
/*!************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Modal/index.scss ***!
  \************************************************************************************************************************************************************************************************/
.ant-modal-content {
  background-color: #203151 !important;
  border-radius: 0 0 12px 12px;
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.8);
}
.ant-modal-content .ant-modal-title {
  font-size: 28px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgb(255, 255, 255);
}
.ant-modal-content .ant-modal-body {
  font-size: 24px;
  font-family: PingFang SC;
  color: rgba(255, 255, 255, 0.8);
}
/*!*************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Drawer/index.scss ***!
  \*************************************************************************************************************************************************************************************************/
.drawer-wrapper {
  position: relative;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
  transition-property: width;
  transition-timing-function: ease-in-out;
  transition-duration: 0.3s;
}

.left-collapse-btn {
  display: inline-block;
  width: 40px;
  height: 100px;
  background-color: #2E334D;
  border-radius: 40px;
  position: absolute;
  right: 20px;
  top: calc(50% - 40px);
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background-image: url(../images/collapse.d0464f78e5410470cd18128706987b12.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
}
/*!**************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/layouts/MainLayout/index.scss ***!
  \**************************************************************************************************************************************************************************************************/
.right-flow-box {
  position: fixed;
  height: 100%;
  overflow-y: auto;
  overflow: visible;
  right: 0;
  bottom: 0;
  background: #0a0d1a;
  z-index: 9999;
}
.right-flow-box .left-collapse-btn {
  left: 0;
  transform: rotate(-180deg);
}

.flow-suspended-btn {
  display: block;
  position: fixed;
  z-index: 10;
  top: 30%;
  right: 10px;
  width: 88px;
  background: rgba(38, 43, 64, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 2px 0 0 2px;
  box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.5);
}
.flow-suspended-btn .expand-icon {
  text-align: center;
}
.flow-suspended-btn .expand-icon i {
  display: inline-block;
  margin: 24px auto;
  width: 24px;
  height: 24px;
  background: url(../images/collapse.d0464f78e5410470cd18128706987b12.png) no-repeat center;
  background-size: contain;
}
.flow-suspended-btn .icon-box {
  position: relative;
  display: flex;
  flex-flow: column;
  align-items: center;
  font-size: 24px;
  font-family: PingFangSC;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.6);
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  cursor: pointer;
}
.flow-suspended-btn .icon-box i {
  display: block;
  margin: 8px 0;
  width: 16px;
  height: 16px;
}
.flow-suspended-btn .icon-box .alarm-num {
  position: absolute;
  top: -8px;
  right: 0;
  width: auto;
  min-width: 32px;
  max-width: 50px;
  height: 32px;
  background: rgb(255, 70, 58);
  border: 1px solid rgba(255, 255, 255, 0.29);
  border-radius: 32px;
  text-align: center;
  line-height: 32px;
  font-size: 16px;
  white-space: nowrap;
  word-break: keep-all;
  text-overflow: ellipsis;
}
.flow-suspended-btn .icon-box .work-order {
  width: 56px;
  height: 56px;
  background: url(../images/work_order_icon.a4208ed28f329b3548d69ed5251ec7d6.png) no-repeat center;
  background-size: contain;
}

.message-card {
  width: 600px;
  height: 219px;
  position: fixed;
  right: 30px;
  background: linear-gradient(270deg, rgba(32, 49, 81, 0.8) 0%, rgba(32, 49, 81, 0.6) 100%);
  border-radius: 8px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.3);
  padding-top: 26px;
  padding-left: 68px;
  z-index: 9999;
}
.message-card.first {
  top: 35px;
}
.message-card.second {
  top: 280px;
}
.message-card.warning {
  background: linear-gradient(90deg, rgba(255, 122, 122, 0.3) 0%, rgba(255, 122, 122, 0.15) 100%), linear-gradient(270deg, rgba(32, 49, 81, 0.8) 0%, rgba(32, 49, 81, 0.6) 100%);
}
.message-card .icon {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 111px;
  height: 111px;
}
.message-card .title {
  font-size: 28px;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgb(255, 255, 255);
  margin-bottom: 16px;
}
.message-card .msg-content {
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.8);
}
.message-card .bottom-handle-btns {
  margin-top: 24px;
  margin-bottom: 24px;
  display: flex;
  justify-content: end;
  position: absolute;
  right: 0;
}
.message-card .bottom-handle-btns button {
  margin-right: 16px;
}
/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/layouts/MainLayout/components/WorkOrderDrawer/index.scss ***!
  \*****************************************************************************************************************************************************************************************************************************/
.workorder-drawer-container {
  height: 100%;
}
.workorder-drawer-container .workorder-drawer-title {
  height: 52px;
  background: linear-gradient(90deg, rgba(13, 133, 255, 0.2) 0%, rgba(0, 162, 255, 0.1) 100%), linear-gradient(rgb(27, 32, 56), rgb(27, 32, 56));
  padding-left: 12px;
  line-height: 52px;
  display: flex;
  align-items: center;
}
.workorder-drawer-container .workorder-drawer-title .title-icon {
  display: inline-block;
  width: 44px;
  height: 44px;
  background: url(../images/work_order_icon.a4208ed28f329b3548d69ed5251ec7d6.png) no-repeat center;
  background-size: contain;
  margin-right: 5px;
}
.workorder-drawer-container .workorder-drawer-title span {
  display: inline-block;
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
}
.workorder-drawer-container .workorder-drawer-content {
  background: rgb(27, 32, 56);
  height: calc(100% - 52px);
  padding: 1px 14px 16px 12px;
  overflow-y: scroll;
}
.workorder-drawer-container .workorder-drawer-content .no-workorder {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  padding-top: 200px;
}
.workorder-drawer-container .workorder-drawer-content .no-workorder .no-workorder-icon {
  display: inline-block;
  width: 232px;
  height: 200px;
  background: url(../images/no_workorder_icon.ff0fe1177304897637165d374a7f885b.png) no-repeat center;
  background-size: contain;
}
.workorder-drawer-container .workorder-drawer-content .no-workorder span {
  font-size: 2dvh;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.4);
}
/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/layouts/MainLayout/components/WorkOrderDrawer/WorkOrderCardUI.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/
.work-order-card-container {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 2px;
  margin-top: 16px;
}
.work-order-card-container .vehicle-name-container {
  height: 56px;
  display: flex;
  justify-content: space-between;
  background: linear-gradient(90deg, rgb(50, 62, 125) 0%, rgb(10, 13, 26) 100%);
  border: 1px solid;
  border-image: linear-gradient(176.74deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%) 1 1;
  border-radius: 2px 0 0 0;
  padding-left: 12px;
  line-height: 30px;
  margin-bottom: 12px;
}
.work-order-card-container .vehicle-name-container.redbg {
  background: linear-gradient(90deg, rgba(255, 70, 58, 0.4) 0%, rgb(10, 13, 26) 100%), linear-gradient(rgb(5, 9, 26), rgb(5, 9, 26));
  border: 1px solid;
  border-image: linear-gradient(179.18deg, rgb(255, 70, 58) 0%, rgba(249, 69, 57, 0) 100%) 1 1;
  border-radius: 2px 0 0 2px;
}
.work-order-card-container .vehicle-name-container .info-wrapper {
  display: flex;
  align-items: center;
}
.work-order-card-container .vehicle-name-container .info-wrapper .hasten-icon,
.work-order-card-container .vehicle-name-container .info-wrapper .report-reminder-icon {
  display: inline-block;
  margin-left: 9px;
  width: 84px;
  height: 46px;
  text-align: center;
  font-size: 24px;
  line-height: 46px;
  color: #ff574d;
  background: url(../images/remind.3cf8c5b3df219304a0909a2aef1795ce.png) no-repeat center;
  background-size: 100% 100%;
}
.work-order-card-container .vehicle-name-container .info-wrapper .report-reminder-icon {
  width: 124px;
  background: url(../images/report-reminder-icon.2d9ce8e954da403ff5fa4f79a2d3b65e.png) no-repeat center;
}
.work-order-card-container .vehicle-name-container .info-wrapper .vehicle-name {
  font-size: 28px;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
  line-height: 56px;
  cursor: pointer;
}
.work-order-card-container .vehicle-name-container .info-wrapper .station-name {
  width: auto;
  font-size: 20px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.8);
  margin-left: 12px;
  max-width: 190px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.work-order-card-container .work-order-info-container {
  padding: 0 12px 0px 12px;
}
.work-order-card-container .bottom-btns {
  margin-top: 12px;
  text-align: right;
  margin: 6px 24px 6px 6px;
}
.work-order-card-container .bottom-btns button {
  height: 48px;
  border: 2px solid rgba(255, 255, 255, 0.4);
  border-radius: 3px;
  font-size: 20px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgb(255, 255, 255);
  margin-left: 16px;
  background-color: #1e283d;
}
.work-order-card-container .bottom-btns button.ant-btn-primary {
  background-color: #1677ff;
}
.work-order-card-container .card-bottom-btn {
  margin-left: 130px;
  cursor: pointer;
  width: 130px;
  height: 33px;
  background-color: rgb(46, 51, 77);
  text-align: center;
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.8);
  padding-left: 4px;
  margin: 20px auto 0;
  clip-path: polygon(10% 0%, 90% 0%, 100% 100%, 0% 100%);
}
.work-order-card-container .card-bottom-btn img {
  width: 20px;
  height: 20px;
  margin-top: 4px;
  margin-left: 8px;
}

.work-order-card-field {
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.4);
  margin: 0 16px 16px;
}
.work-order-card-field .label {
  font-size: 24px;
  color: rgba(255, 255, 255, 0.4) !important;
  margin-right: 16px;
}
.work-order-card-field .value {
  font-size: 24px;
  color: rgba(255, 255, 255, 0.8);
}

.work-order-record {
  background: rgb(10, 13, 26);
  width: 547px;
  max-height: 285px;
  padding: 16px;
  overflow-y: auto;
  margin-top: 16px;
  margin-bottom: 16px;
}
.work-order-record .record {
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: normal;
}
.work-order-record .record .icon {
  width: 12px;
  height: 12px;
  display: inline-block;
  background: url(../images/record-icon.d74086d2aac78792e477ef6acfe4615d.png) no-repeat center;
  background-size: cover;
}
.work-order-record .record .time {
  margin-left: 8px;
  color: rgba(255, 255, 255, 0.4);
}
.work-order-record .record .msg {
  margin-left: 8px;
  color: rgba(255, 255, 255, 0.8);
}
.work-order-record .record .connect {
  margin-left: 2px;
  width: 1px;
  height: 26px;
  border: 0;
  border-left: 1px dotted rgb(52, 52, 62);
}

.action-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 16px;
  padding: 0 12px;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgb(13, 133, 255);
  margin-bottom: 16px;
}
.action-buttons a {
  font-size: 24px;
}
/*!************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Label/index.scss ***!
  \************************************************************************************************************************************************************************************************/
.active-label-text {
  background: rgba(255, 87, 77, 0.2);
  border-radius: 1px;
  font-size: 24px;
  font-family: PingFangSC;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.8);
  display: inline-block;
  padding: 5px 4px 5px 0;
  margin-left: 2px;
  margin-bottom: 2px;
}
.active-label-text .triangle {
  float: left;
  width: 14px;
  height: 26px;
  background: url(../images/triangle.1c9e9840beed197ee215dd66757f7d89.png) no-repeat;
  background-size: 14px 26px;
  margin-top: 8px;
}
/*!**********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/IssueStatusIcon/index.scss ***!
  \**********************************************************************************************************************************************************************************************************/
.issue-type-icon {
  height: 56px;
  text-align: center;
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: normal;
  line-height: 56px;
  text-indent: 18px;
}
.issue-type-icon.short-green {
  background: url(../images/issue_status_green_short.fdc94ab1b1d6f7d1e3138a90ab79fc22.png) center no-repeat;
  background-size: 125px 56px;
  width: 1250px;
  color: rgb(20, 186, 183);
}
.issue-type-icon.long-green {
  background: url(../images/issue_status_green_long.67caaa1a79c5b50c0a476ce8b2231ffd.png) center no-repeat;
  background-size: 173px 56px;
  width: 173px;
  color: rgb(20, 186, 183);
}
.issue-type-icon.blue {
  background: url(../images/issue_status_blue.1e42c975d8833dcfdc75b636335cb583.png) center no-repeat;
  background-size: 125px 56px;
  width: 125px;
  color: rgb(13, 133, 255);
}
.issue-type-icon.yellow {
  background: url(../images/issue_status_yellow.0b2a0638b0c6ae6396e165e0bd0cc7ca.png) center no-repeat;
  background-size: 125px 56px;
  width: 125px;
  color: rgb(255, 158, 11);
}
.issue-type-icon.red {
  background: url(../images/issue_type_urgent.f20378695f1c29f87033f4c03500596b.png) center no-repeat;
  background-size: 125px 56px;
  width: 125px;
  color: rgb(255, 87, 77);
}
/*!*************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/CompleteIssueModal/index.scss ***!
  \*************************************************************************************************************************************************************************************************************/
.content-container {
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgb(255, 255, 255);
  line-height: 33px;
}
.content-container .message {
  margin-top: 32px;
  margin-bottom: 16px;
}

.ant-modal-content .ant-modal-header {
  padding-left: 0 !important;
}
/*!***************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/JiraForm/index.scss ***!
  \***************************************************************************************************************************************************************************************************/
.jira-form-content {
  padding: 20px;
  display: flex;
  background: rgba(3, 4, 13, 0.2);
  border-radius: 8px;
  margin: 16px;
}
.jira-form-content .ant-form-item {
  flex: 0 0 48%;
  margin-bottom: 16px;
}
.jira-form-content .ant-form-item .ant-col-6 {
  flex: 0 0 40%;
  max-width: 40%;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.jira-form-content .ant-form-item .ant-form-item-label label {
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: normal !important;
  color: rgba(255, 255, 255, 0.8) !important;
  margin-right: 16px;
}
.jira-form-content .ant-input {
  background: #101A2D !important;
  padding: 8px !important;
  font-size: 24px !important;
}
.jira-form-content .ant-input-outlined:focus {
  background-color: #101A2D;
}
.jira-form-content .anticon-close-circle {
  color: rgba(255, 255, 255, 0.6);
}
.jira-form-content .ant-input-outlined:focus-within {
  background-color: #101A2D !important;
}
.jira-form-content .ant-input-affix-wrapper {
  background-color: #101A2D !important;
}
.jira-form-content .ant-select-selection-item {
  color: rgba(213, 226, 255, 0.5) !important;
}
.jira-form-content .ant-radio-inner {
  width: 24px;
  height: 24px;
  background-color: #101A2D;
  border-color: rgba(255, 255, 255, 0.4);
}
.jira-form-content .re-picker .ant-select-selection-overflow-item {
  padding: 6px;
}
.jira-form-content .re-picker .ant-select-arrow {
  display: none;
}
.jira-form-content .re-picker .ant-picker-outlined {
  background: transparent;
}
.jira-form-content .re-picker .defaultIcon {
  right: 16px;
}
/*!*****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/CommonForm/index.scss ***!
  \*****************************************************************************************************************************************************************************************************/
.form-view .form-field_item {
  min-width: 10%;
  margin-right: 20px;
}
.form-view .form-field_item .ant-upload {
  width: 50px;
  height: 50px;
  background-color: #36394d;
  border: 1px solid rgb(54, 57, 77);
  border-radius: 2px;
  margin: 0;
}
.form-view .form-field_item .ant-upload.ant-upload-select-picture-card:hover {
  border: none;
}
.form-view .form-field_item .ant-upload-list-picture-card-container {
  width: 50px;
  height: 50px;
}

.re-picker {
  position: relative;
}
.re-picker .ant-select-multiple .ant-select-selection-item {
  background: rgb(3, 4, 13);
  border: 1px solid rgb(54, 57, 77);
  border-radius: 1px;
}
.re-picker .ant-select-multiple .ant-select-selection-item-remove {
  color: #6f6f72;
}
.re-picker .defaultIcon {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 10px;
  top: 14px;
}
.re-picker .defaultIcon .ant-picker {
  border: none;
}
.re-picker .defaultIcon .ant-picker-input .ant-picker-suffix {
  margin-left: -8px;
}
.re-picker .ant-picker-outlined {
  background-color: #484C5F;
  color: #fff;
  border: none;
}
.re-picker .ant-picker-outlined svg {
  color: rgba(255, 255, 255, 0.6);
}
/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/TransferIssueModal/components/Cockpit/index.scss ***!
  \********************************************************************************************************************************************************************************************************************************/
.transfer-cockpit-item {
  cursor: pointer;
  width: 168px;
  height: 205px;
  margin-left: 70px;
}
.transfer-cockpit-item .cockpit-number {
  font-size: 36px;
  font-family: JDZhengHT;
  font-weight: bold;
  color: rgb(164, 166, 176);
  background-image: linear-gradient(180deg, rgb(164, 166, 176) 0%, rgb(255, 255, 255) 100%);
  background-clip: text;
  color: transparent;
  transition: all 0.8s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.transfer-cockpit-item .cockpit-number-selected {
  font-size: 36px;
  font-family: JDZhengHT;
  font-weight: bold;
  background-image: linear-gradient(180deg, rgb(0, 241, 255) 0%, rgb(0, 162, 255) 100%);
  background-clip: text;
  color: transparent;
}
.transfer-cockpit-item .cockpit-icon {
  transition: all 0.8s cubic-bezier(0.075, 0.82, 0.165, 1);
  width: 168px;
  height: 130px;
  background-image: url(../images/transfer-offline.d776d5ec043b18a0f10c0215e56c942b.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.transfer-cockpit-item .cockpit-icon-selected {
  transition: all 0.8s cubic-bezier(0.075, 0.82, 0.165, 1);
  width: 168px;
  height: 130px;
  background-image: url(../images/cockpit_selected.06ba317b4394ce7dbff2b0299e62a666.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.transfer-cockpit-item .cockpit-user {
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgb(152, 152, 157);
}

.transfer-cockpit-item:hover .cockpit-number {
  transition: all 0.8s cubic-bezier(0.075, 0.82, 0.165, 1);
  background-image: linear-gradient(180deg, rgb(0, 241, 255) 0%, rgb(0, 162, 255) 100%);
  background-clip: text;
  color: transparent;
}
.transfer-cockpit-item:hover .cockpit-icon {
  transition: all 0.8s cubic-bezier(0.075, 0.82, 0.165, 1);
}
/*!*************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/TransferIssueModal/index.scss ***!
  \*************************************************************************************************************************************************************************************************************/
.cockpit-list-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cockpit-list-wrapper .cockpit-list {
  display: flex;
  width: 100%;
}
.cockpit-list-wrapper .cockpit-box-col {
  overflow-y: auto;
  flex: 1;
  height: 1030px;
  background: rgb(32, 49, 81);
  border-radius: 12px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.cockpit-list-wrapper .cockpit-box-col .title-wrapper {
  position: relative;
  left: 36%;
  width: 284px;
  height: 30px;
  text-align: center;
  line-height: 0;
  font-size: 28px;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgb(255, 255, 255);
  border-top: 60px solid rgba(35, 37, 73, 0.8392156863);
  border-bottom: 20px solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.cockpit-list-wrapper .cockpit-box-col .title-wrapper .title-text {
  position: absolute;
  top: -30px;
  right: 29%;
}
.cockpit-list-wrapper .cockpit-box-col .cockpit-number {
  font-size: 36px;
  font-family: JDZhengHT;
  font-weight: bold;
  color: rgb(164, 166, 176);
}

.footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footer .select-cockpit-info .label {
  font-size: 24px;
  color: rgb(164, 166, 176);
}
.footer .select-cockpit-info .label .info {
  color: rgb(255, 255, 255);
  font-weight: 500;
}
.footer .operate {
  flex: 1;
}
/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/DiscardIssueModal/index.scss ***!
  \************************************************************************************************************************************************************************************************************/

/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/layouts/MainLayout/components/WorkOrderDrawer/IssueVideo.scss ***!
  \**********************************************************************************************************************************************************************************************************************************/
.issue-video-box {
  width: 100%;
  height: 100%;
  justify-content: center;
  background-color: #000;
  position: relative;
  display: flex;
}
.issue-video-box > div {
  width: 100%;
  height: 100%;
}
.issue-video-box .mask-wrapper {
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}
.issue-video-box .delay-time {
  display: none;
  height: 24px;
  min-width: 150px;
  background: rgba(1, 1, 1, 0.8);
  position: absolute;
  top: 2px;
  left: 50%;
  margin-left: -75px;
  font-family: PingFangSC;
  font-size: 14px;
  color: #ff574d;
  line-height: 24px;
  border-radius: 2px;
  padding: 2px 5px;
}
.issue-video-box .delay-time img {
  width: 12px;
  margin-right: 6px;
}
.issue-video-box .direction {
  top: 4px;
  left: 4px;
  width: 40px;
  height: 40px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: 500;
  line-height: 40px;
  color: rgb(255, 255, 255);
  position: absolute;
}
.issue-video-box .glass-box {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 24px;
  height: 24px;
  text-align: center;
  padding: 3px;
  background: rgb(0, 0, 0);
  border-radius: 2px;
  opacity: 0.8;
}
.issue-video-box .glass-box:active, .issue-video-box .glass-box:hover {
  cursor: pointer;
}
.issue-video-box .glass-box img {
  width: 12px;
}

.rtc_media_player {
  width: 100%;
  height: 100%;
  object-fit: fill;
}

.message-tip-area {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 100%;
}
.message-tip-area span {
  font-size: 16px;
}
.message-tip-area .close-pop-btn {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.8);
  margin-top: 10px;
}
.message-tip-area .camera {
  width: 79px;
  height: 70px;
}
.message-tip-area .open-msg {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.4);
  margin-top: 10px;
}

.issue-video-modal canvas {
  border: 1px solid rgb(20, 54, 143);
}
.issue-video-modal .ant-modal-body {
  padding: 0 !important;
  position: relative;
}
.issue-video-modal .ant-modal-header {
  background: #14368f;
  color: #fff;
}
.issue-video-modal .ant-modal-header .ant-modal-title {
  color: #fff;
}
.issue-video-modal .anticon svg {
  color: #fff;
}
.issue-video-modal .delay-time {
  display: none;
  height: 24px;
  min-width: 150px;
  background: rgba(1, 1, 1, 0.8);
  position: absolute;
  top: 50px;
  left: 50%;
  margin-left: -75px;
  font-family: PingFangSC;
  font-size: 14px;
  color: #ff574d;
  line-height: 24px;
  border-radius: 2px;
  padding: 2px 5px;
}
.issue-video-modal .delay-time img {
  width: 12px;
  margin-right: 6px;
}

.issue-video-btn-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.issue-video-btn-container .four-way-btn-container {
  width: 182px;
  height: 48px;
  background: rgb(3, 4, 13);
  border: 1px solid rgb(54, 57, 77);
  border-radius: 4px;
  display: flex;
  padding-left: 4px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.issue-video-btn-container .four-way-btn-container .four-way-btn {
  cursor: pointer;
  text-align: center;
  width: 40px;
  height: 40px;
  background: linear-gradient(180deg, rgb(13, 41, 86) 0%, rgb(28, 36, 68) 100%);
  border-radius: 1px;
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.8);
  margin-right: 4px;
}
.issue-video-btn-container .four-way-btn-container .four-way-btn.select {
  background: linear-gradient(180deg, rgb(13, 133, 255) 0%, rgb(56, 80, 235) 100%);
  font-weight: 500;
  color: rgb(255, 255, 255);
}
.issue-video-btn-container .play-btn,
.issue-video-btn-container .stop-btn {
  width: 42px;
  height: 42px;
  background: url(../images/ico-stop.aed03193caa06e58a6deab98c2daa54e.png) center no-repeat;
  background-size: 42px 42px;
  margin-left: 18px;
  cursor: pointer;
}
.issue-video-btn-container .stop-btn {
  background: url(../images/ico-play.7835e177f45b646c6d5ffb88540a45e6.png) center no-repeat;
  background-size: 42px 42px;
}

.issue-video-container {
  height: 350px;
  text-align: center;
  margin-bottom: 24px;
}
.issue-video-container .default-message {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #1b2038;
  font-family: PingFangSC-Regular;
  font-size: 18px;
  color: rgb(200, 210, 255);
  user-select: none;
}
.issue-video-container .default-message div {
  text-align: center;
}
.issue-video-container .default-message div .camera {
  width: 200px;
  height: 176px;
}
.issue-video-container .default-message div .camera-notice {
  font-size: 24px;
  font-family: PingFangSC;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.4);
  margin-top: 12px;
}
.issue-video-container .default-message div .camera-btn {
  font-size: 24px;
  color: rgba(255, 255, 255, 0.8);
  margin-top: 16px;
  margin-left: 10px;
  background: #1677ff;
  height: 42px;
}
.issue-video-container .default-message div .camera-btn:hover {
  color: #40a9ff;
}
/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/MediaPreview/index.scss ***!
  \*******************************************************************************************************************************************************************************************************/
.media-preview {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.media-preview.small .media-item {
  width: 40px;
  height: 40px;
}
.media-preview.small .media-item .video-placeholder .video-icon svg {
  width: 20px;
  height: 20px;
}
.media-preview.small .media-item .video-placeholder .video-text {
  font-size: 8px;
}
.media-preview.medium .media-item {
  width: 60px;
  height: 60px;
}
.media-preview.medium .media-item .video-placeholder .video-icon svg {
  width: 28px;
  height: 28px;
}
.media-preview.medium .media-item .video-placeholder .video-text {
  font-size: 10px;
}
.media-preview.large .media-item {
  width: 80px;
  height: 80px;
}
.media-preview.large .media-item .video-placeholder .video-icon svg {
  width: 36px;
  height: 36px;
}
.media-preview.large .media-item .video-placeholder .video-text {
  font-size: 12px;
}
.media-preview .media-item {
  position: relative;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.3s ease;
  border: 2px solid rgba(255, 255, 255, 0.2);
  background: rgba(0, 0, 0, 0.1);
}
.media-preview .media-item:hover {
  transform: scale(1.05);
  border-color: rgba(255, 255, 255, 0.4);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}
.media-preview .media-item .media-thumbnail {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.media-preview .media-item .video-thumbnail {
  position: relative;
  width: 100%;
  height: 100%;
}
.media-preview .media-item .video-thumbnail .media-thumbnail {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.media-preview .media-item .video-thumbnail .video-placeholder {
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.5) 100%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.media-preview .media-item .video-thumbnail .video-placeholder .video-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.media-preview .media-item .video-thumbnail .video-placeholder .video-icon svg {
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));
}
.media-preview .media-item .video-thumbnail .video-placeholder .video-text {
  color: rgba(255, 255, 255, 0.8);
  font-size: 10px;
  font-weight: 500;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
.media-preview .media-item .video-thumbnail .video-play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.media-preview .media-item .video-thumbnail .video-play-icon svg {
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
}
.media-preview .media-item.more-indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.6);
  border: 2px dashed rgba(255, 255, 255, 0.3);
}
.media-preview .media-item.more-indicator .more-count {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
.media-preview .media-item.more-indicator:hover {
  background: rgba(0, 0, 0, 0.8);
  border-color: rgba(255, 255, 255, 0.5);
}

.media-preview-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 60px;
  padding: 12px;
  background: rgba(255, 255, 255, 0.05);
  border: 2px dashed rgba(255, 255, 255, 0.2);
  border-radius: 6px;
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
}

.media-preview-modal .ant-modal-content {
  background: rgba(0, 0, 0, 0.9);
  border-radius: 8px;
}
.media-preview-modal .ant-modal-header {
  background: transparent;
  border-bottom: none;
}
.media-preview-modal .ant-modal-header .ant-modal-title {
  color: #fff;
}
.media-preview-modal .ant-modal-close {
  color: #fff;
}
.media-preview-modal .ant-modal-close:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
}
.media-preview-modal .ant-modal-body {
  padding: 20px;
}
.media-preview-modal .modal-content {
  text-align: center;
}
.media-preview-modal .modal-content img, .media-preview-modal .modal-content video {
  max-width: 100%;
  max-height: 70vh;
  border-radius: 4px;
}
.media-preview-modal .modal-content .media-name {
  margin-top: 16px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
}

@media (max-width: 768px) {
  .media-preview {
    gap: 6px;
  }
  .media-preview.small .media-item {
    width: 35px;
    height: 35px;
  }
  .media-preview.small .media-item .video-placeholder .video-icon svg {
    width: 16px;
    height: 16px;
  }
  .media-preview.small .media-item .video-placeholder .video-text {
    font-size: 7px;
  }
  .media-preview.medium .media-item {
    width: 50px;
    height: 50px;
  }
  .media-preview.medium .media-item .video-placeholder .video-icon svg {
    width: 24px;
    height: 24px;
  }
  .media-preview.medium .media-item .video-placeholder .video-text {
    font-size: 9px;
  }
  .media-preview.large .media-item {
    width: 65px;
    height: 65px;
  }
  .media-preview.large .media-item .video-placeholder .video-icon svg {
    width: 30px;
    height: 30px;
  }
  .media-preview.large .media-item .video-placeholder .video-text {
    font-size: 11px;
  }
  .media-preview-modal .ant-modal-content {
    margin: 20px;
  }
  .media-preview-modal .modal-content img, .media-preview-modal .modal-content video {
    max-height: 60vh;
  }
}
/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/AccidentOrderAddModal/Form/index.scss ***!
  \*********************************************************************************************************************************************************************************************************************/
.form-view .form-field_item {
  min-width: 10%;
  margin-right: 20px;
}
.form-view .form-field_item .ant-upload {
  width: 50px;
  height: 50px;
  background-color: #36394d;
  border: 1px solid rgb(54, 57, 77);
  border-radius: 2px;
  margin: 0;
}
.form-view .form-field_item .ant-upload.ant-upload-select-picture-card:hover {
  border: none;
}
.form-view .form-field_item .ant-upload-list-picture-card-container {
  width: 50px;
  height: 50px;
}
.form-view .upload-wrapper {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
}
.form-view .upload-wrapper img {
  margin-right: 10px;
}
.form-view .upload-wrapper .ant-upload-wrapper {
  flex: 1;
}
.form-view .upload-wrapper .ant-spin-spinning {
  position: absolute;
  z-index: 999;
  left: 50%;
  top: 50%;
}
.form-view .preview-wrapper {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
}
.form-view .preview-wrapper img {
  margin-right: 10px;
}
.form-view .preview-wrapper .ant-upload-wrapper {
  flex: 1;
}

.upload-modal .ant-modal-body {
  text-align: center;
}

.value-text {
  flex: 1;
  max-width: 50%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  word-break: keep-all;
  text-align: left;
  color: rgba(255, 255, 255, 0.8);
}

.accident-form .ant-form-item .ant-col-6 {
  flex: 0 0 20%;
}
.accident-form .ant-picker {
  width: 50%;
}
/*!******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/PreviewList/index.scss ***!
  \******************************************************************************************************************************************************************************************************/
.preview-list {
  display: flex;
  flex-flow: row;
  gap: 4px;
  flex-wrap: wrap;
}
.preview-list .file-preview-item {
  flex: 0 0 60px;
  height: 60px;
  position: relative;
}
.preview-list .file-preview-item .preview-item {
  width: 100%;
  height: 100%;
}
.preview-list .file-preview-item .preview-item .file-item {
  width: 100%;
  height: 40px;
  object-fit: fill;
}
.preview-list .file-preview-item .preview-item .file-item-desc {
  width: 100%;
  height: 20px;
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
  padding-top: -5px;
}
.preview-list .file-preview-item .preview-mask {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: opacity 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.preview-list .file-preview-item .preview-mask:hover {
  opacity: 1;
}
.preview-list .file-preview-item .preview-mask .anticon-eye {
  display: block;
  width: 16px;
  height: 16px;
  background: url(../images/eye.7cd9ad72262dc8482de30f0ead269743.png) no-repeat center;
  background-size: 100%;
  cursor: pointer;
}
.preview-list .file-preview-item .preview-mask .anticon-delete {
  display: block;
  width: 16px;
  height: 16px;
  background: url(../images/delete.f919a2ed25732d1ed20ee978e1643376.png) no-repeat center;
  background-size: 100%;
  cursor: pointer;
}

.preview-list-width-100 {
  width: 100%;
}

.preview-list-width-70 {
  width: 70%;
}
/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/RepairOrderAddModal/index.scss ***!
  \**************************************************************************************************************************************************************************************************************/
.repair-order-modal .x-coreui-common-form-container.dark-theme {
  background-color: #1b2038;
}
.repair-order-modal .x-coreui-common-form-container.dark-theme .x-coreui-form {
  background-color: #1b2038;
}
.repair-order-modal .upload-container {
  padding-left: 50px;
  margin-top: 10px;
}
.repair-order-modal .x-coreui-upload-wrapper .x-coreui-upload-drag .x-coreui-upload-drag-container {
  font-size: 24px;
}
.repair-order-modal .dark-theme.x-coreui-common-form-container .x-coreui-input-affix-wrapper {
  font-size: 24px;
}
.repair-order-modal .x-coreui-input-textarea-show-count .x-coreui-input-data-count {
  bottom: -32px;
}
/*!*********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/DraggableModal/index.scss ***!
  \*********************************************************************************************************************************************************************************************************/
.draggable-modal {
  width: 600px;
  height: 400px;
  position: absolute;
  top: calc(50% - 245px);
  left: calc(50% - 300px);
  cursor: move;
  z-index: 100;
}
.draggable-modal .drag-modal-title {
  background-color: #1b2038;
  height: 36px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
  text-indent: 11px;
  line-height: 36px;
  font-family: PingFangSC;
}
.draggable-modal .drag-modal-title .close-icon {
  float: right;
  margin-right: 4px;
  display: block;
  width: 20px;
  height: 36px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
/*!****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/StatusTag/index.scss ***!
  \****************************************************************************************************************************************************************************************************/
.disable-container {
  margin-bottom: 48px;
  width: 790px;
  height: 160px;
  background: url(../images/disable.201b5f351ac199d4a319c793a2b95b34.png) no-repeat;
  background-size: contain;
  display: flex;
  align-items: center;
  padding-left: 48px;
}
.disable-container .tag-text {
  font-size: 68px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgb(161, 255, 249);
}
.disable-container .tag-text.disable-text {
  color: #ff7a7a;
}
.disable-container .disable-icon {
  display: block;
  width: 80px;
  height: 80px;
  background: url(../images/disable.ee4af290f99ab8910f550ac2f8808378.png) no-repeat;
  background-size: contain;
  margin-right: 50px;
}

.enable-container {
  padding-left: 48px;
  margin-bottom: 48px;
  width: 790px;
  height: 160px;
  background: url(../images/enable.21f92f50c753e38e09261a92df9399aa.png) no-repeat;
  background-size: contain;
  display: flex;
  align-items: center;
}
.enable-container .tag-text {
  color: #fff;
  font-size: 68px;
  font-family: JDLangZhengTi;
  font-weight: normal;
}
.enable-container .tag-text.enable-text {
  color: rgb(161, 255, 249);
}
.enable-container .enable-icon {
  display: block;
  width: 80px;
  height: 80px;
  background: url(../images/enable.5b67c1fe6386f0c237b2b17169771802.png) no-repeat;
  background-size: contain;
  margin-right: 50px;
}
/*!*******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/Login/index.scss ***!
  \*******************************************************************************************************************************************************************************************/
.login-container {
  width: 100%;
  height: 100vh;
  background: url(../images/bg-login.231f6e5be6e30831a7d78766e883769b.jpeg) no-repeat center;
  background-size: 100% 100%;
}
.login-container .cockpit-number {
  margin-top: 30px;
  text-align: right;
  position: absolute;
  bottom: 80px;
  right: 80px;
  font-size: 40px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgba(213, 226, 255, 0.8);
}
.login-container .qrCode-img {
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
}

.tip-container {
  display: flex;
  justify-content: center;
  width: 100%;
  position: absolute;
  top: 180px;
}
.tip-container .tip {
  font-size: 36px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgb(213, 226, 255);
}

.cockpit-box {
  box-sizing: border-box;
  padding: 20px;
  border-radius: 16px;
  position: absolute;
  right: 200px;
  top: 432px;
  display: flex;
  align-items: center;
}
.cockpit-box .qrcode-box {
  width: 353px;
  display: flex;
  align-items: center;
  flex-flow: column;
  background-color: #1D2A44;
  margin-right: 100px;
}
.cockpit-box .qrcode-box .tip {
  font-size: 28px;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgb(255, 255, 255);
  padding: 12px 0;
}
.cockpit-box .qrcode-box .qrCode-content {
  box-sizing: border-box;
  padding: 4px;
  background-color: #fff;
  width: 305px;
  height: 305px;
}
.cockpit-box .center-box {
  height: 600px;
  width: 67%;
  margin: 180px auto 0;
  display: flex;
}
.cockpit-box .center-box .qrcode-box {
  width: 440px;
  margin-right: 30px;
}
.cockpit-box .center-box .qrcode-box .tip {
  font-size: 36px;
  color: #fff;
}

.cockpit-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
.cockpit-container .cockpit-icon {
  width: 1044px;
  height: 832px;
  display: block;
  background-size: contain;
  margin-top: 30px;
}
/*!**************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/MultiVehicle/index.scss ***!
  \**************************************************************************************************************************************************************************************************/
.remote-driver-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: calc(100vh - 105px);
  position: relative;
  box-sizing: border-box;
}
.remote-driver-container .remote-driver-title-container {
  width: 100%;
  height: 5%;
  position: relative;
  display: flex;
  justify-content: center;
}
.remote-driver-container .remote-driver-title-container .title {
  height: 100%;
}
.remote-driver-container .remote-driver-title-container .basic-info-container {
  width: calc(100vw - 250px);
  position: absolute;
  bottom: 0px;
  height: 80%;
  margin-left: 100px;
  margin-right: 150px;
  color: rgba(255, 255, 255, 0.6);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.remote-driver-container .remote-driver-title-container .basic-info-container .left {
  width: 24%;
  display: flex;
  justify-content: space-between;
}
.remote-driver-container .vehicle-info-container {
  height: 100%;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  overflow-y: auto;
}
.remote-driver-container .page-container {
  bottom: 80px;
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: center;
}
.remote-driver-container .cockpitNo-bottom {
  width: 100%;
  margin-bottom: 51px;
  padding-left: 100px;
}

.info-card-container {
  display: flex;
  align-items: center;
}
.info-card-container .title {
  height: 100%;
  font-size: 32px;
  font-family: JDLangZhengTi;
  font-weight: normal;
  color: rgb(213, 226, 255);
}
.info-card-container .content {
  height: 100%;
  font-size: 32px;
  font-family: JDLangZhengTi;
  font-weight: normal;
  color: rgb(255, 255, 255);
}

.circle-page-false {
  width: 10px;
  height: 10px;
  background: rgba(213, 226, 255, 0.3);
  border-radius: 50%;
  margin-left: 10px;
  margin-right: 10px;
}

.circle-page-true {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background: rgb(213, 226, 255);
  margin-left: 10px;
  margin-right: 10px;
}

.footer-region {
  display: flex;
  align-items: center;
  font-size: 32px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgb(213, 226, 255);
  padding: 0 118px 0 68px;
}
.footer-region .field-item {
  margin-left: 50px;
}
.footer-region .field-item .label {
  font-size: 32px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgb(213, 226, 255);
}
.footer-region .field-item .bold-label {
  font-size: 42px;
  font-family: JDZhengHT;
  font-weight: normal;
  color: rgb(255, 255, 255);
  margin-left: 12px;
}
.footer-region .ant-pagination {
  flex: 1;
  text-align: center;
  margin-left: -15%;
}
.footer-region .ant-pagination .ant-pagination-item {
  margin-left: 16px;
  width: 46px;
  height: 46px;
  background: rgb(29, 42, 68) !important;
  border-radius: 4px;
  line-height: 46px;
}
.footer-region .ant-pagination a {
  color: #fff;
  font-size: 26px;
  font-family: PingFang SC;
  font-weight: normal;
}
.footer-region .ant-pagination .ant-pagination-prev {
  width: 46px;
  height: 46px;
  background: rgb(29, 42, 68);
  border-radius: 4px;
}
.footer-region .ant-pagination .ant-pagination-prev .ant-pagination-item-link svg {
  width: 24px;
  height: 24px;
  color: #FFFFFF;
}
.footer-region .ant-pagination .ant-pagination-next {
  width: 46px;
  height: 46px;
  background: rgb(29, 42, 68);
  border-radius: 4px;
  margin-left: 16px;
}
.footer-region .ant-pagination .ant-pagination-next .ant-pagination-item-link svg {
  width: 24px;
  height: 24px;
  color: #FFFFFF;
}
.footer-region .ant-pagination .ant-pagination-disabled .ant-pagination-item-link svg {
  color: rgba(255, 255, 255, 0.6);
}
.footer-region .ant-pagination .ant-pagination-item-active {
  width: 46px;
  height: 46px;
  background: rgb(13, 133, 255) !important;
  border-radius: 4px;
  color: #fff;
  line-height: 46px;
}
.footer-region .ant-pagination .ant-pagination-item-ellipsis {
  width: 46px;
  color: #fff;
}
.footer-region .pagesize-btns {
  display: flex;
}
.footer-region .pagesize-btns .btn-box {
  display: flex;
  font-size: 28px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgb(255, 255, 255);
}
.footer-region .pagesize-btns .btn-box .pagesize-item {
  display: block;
  width: 46px;
  height: 46px;
  background: rgb(29, 42, 68);
  border-radius: 4px;
  margin-left: 24px;
  font-size: 32px;
  font-family: JDZhengHT;
  font-weight: normal;
  color: rgb(255, 255, 255);
  text-align: center;
  cursor: pointer;
}
.footer-region .pagesize-btns .btn-box .pagesize-item.active {
  background-color: #0D85FF;
}
.footer-region .pagesize-btns .page-num {
  font-size: 28px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.7);
  margin-left: 80px;
}
.footer-region .search-bar {
  width: 356px;
  margin-left: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  overflow: hidden;
}
.footer-region .search-bar .ant-select-single {
  height: 52px;
}
.footer-region .search-bar .ant-select-selector {
  border: 2px solid rgba(255, 255, 255, 0.2) !important;
}
.footer-region .search-bar .ant-select .ant-select-selector {
  background-color: #1D2A44;
  border: none;
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.6);
}
.footer-region .search-bar .ant-select .ant-select-selection-placeholder {
  color: #fff;
}
/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/MultiVehicle/components/VehicleCard/index.scss ***!
  \*************************************************************************************************************************************************************************************************************************/
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(200%, 0, 0);
  }
  to {
    opacity: 0.7;
    transform: none;
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}
.vehicle-container {
  width: 765px;
  height: 540px;
  background: rgb(29, 42, 68);
  border-radius: 8px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  margin: 16px 24px;
  overflow: hidden;
}
.vehicle-container.vehicle-item-active {
  background: radial-gradient(circle at 50% 100%, rgba(13, 133, 255, 0.3) 0%, rgba(13, 133, 255, 0) 100%), linear-gradient(rgb(29, 42, 68), rgb(29, 42, 68));
  border: 4px solid;
  border-image: linear-gradient(180deg, rgb(13, 133, 255) 0%, rgb(108, 181, 255) 100%) 4 4;
  border-radius: 8px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
}
.vehicle-container .video-container {
  height: 79%;
  width: 100%;
  background-color: #000;
  position: relative;
  border-radius: 10px 10px 0px 0px;
  overflow: hidden;
}
.vehicle-container .video-container .operation-container {
  padding: 97px 20px;
  position: absolute;
  height: 100%;
  width: 100px;
  right: 0;
  top: 0;
  display: flex;
  background-color: #000;
  opacity: 0.7;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: fadeInLeft;
}
.vehicle-container .video-container .top-vehicleData-container {
  top: 0px;
  left: 0px;
  position: absolute;
  width: 100%;
  height: 60px;
  background: rgb(0, 0, 0);
  opacity: 0.8;
  color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 16px 0px 16px;
}
.vehicle-container .video-container .top-vehicleData-container .vehicle-name {
  font-size: 24px;
  font-family: JDZhengHT;
  font-weight: normal;
  color: rgb(255, 255, 255);
}
.vehicle-container .video-container .top-vehicleData-container .station-name {
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgb(255, 255, 255);
}
.vehicle-container .video-container .take-over {
  display: flex;
  width: 100%;
  height: 15%;
  display: flex;
  align-items: center;
  position: absolute;
  top: 14%;
  left: 0px;
  font-size: 0.17rem;
  font-family: JDLangZhengTi;
  font-weight: 500;
  color: rgb(255, 255, 255);
}
.vehicle-container .video-container .take-over .ico {
  display: block;
  width: 53px;
  height: 100%;
}
.vehicle-container .video-container .take-over.temporaryStop .ico {
  background: rgba(17, 164, 161, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
}
.vehicle-container .video-container .take-over.temporaryStop .bg-bar {
  height: 100%;
  background: url(../images/temoraryBg.6b2c4c67f7d969d987e3091820aeb67f.png) no-repeat center;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  padding-left: 12px;
  font-size: 24px;
}
.vehicle-container .video-container .take-over.takerOver .ico {
  background: rgba(175, 82, 222, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
}
.vehicle-container .video-container .take-over.takerOver .bg-bar {
  height: 100%;
  background: url(../images/temoraryBg.6b2c4c67f7d969d987e3091820aeb67f.png) no-repeat center;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  padding-left: 12px;
  font-size: 24px;
}
.vehicle-container .video-container .take-over .bg-bar {
  flex: 1;
}
.vehicle-container .video-load-failed {
  width: 100%;
  height: 100%;
  background: #111a29;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}
.vehicle-container .video-load-failed img {
  width: 172px;
  height: 148px;
}
.vehicle-container .video-load-failed i {
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.4);
}
.vehicle-container .bottom-vehicleData-container {
  padding: 12px 14px 10px 14px;
}
.vehicle-container .bottom-vehicleData-container .label-container {
  display: flex;
  justify-content: space-between;
  min-height: 40px;
  position: relative;
}
.vehicle-container .bottom-vehicleData-container .label-container .alarm-label-container {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
}
.vehicle-container .bottom-vehicleData-container .label-container .alarm-label-container .alarm-card-container {
  margin-right: 4px;
  background: linear-gradient(270deg, rgba(255, 122, 122, 0.8) 0%, rgba(255, 87, 77, 0.8) 100%);
  border-radius: 2px;
  display: flex;
  font-family: JDLangZhengTi;
  font-weight: 500;
  color: #ffffff;
  padding: 4px 10px;
  font-size: 21px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgb(255, 255, 255);
  position: relative;
}
.vehicle-container .bottom-vehicleData-container .label-container .alarm-label-container .alarm-card-container .triangle {
  width: 14px;
  height: 26px;
  background: url(../images/triangle.1c9e9840beed197ee215dd66757f7d89.png) no-repeat center;
  background-size: 14px 26px;
  margin-top: 8px;
  position: absolute;
  left: -2px;
  top: -1px;
}
.vehicle-container .bottom-vehicleData-container .label-container .label {
  text-align: center;
  font-weight: 500;
  color: #d5e2ff;
  font-size: 21px;
  font-family: PingFang SC;
  margin-left: 6px;
}
.vehicle-container .bottom-vehicleData-container .label-container .label:last-child {
  margin-left: 0;
}
.vehicle-container .bottom-vehicleData-container .label-container .scene-alarm-content {
  border-left: 2px solid #3b3f54;
  display: flex;
  flex: 1;
  align-items: center;
  padding-left: 12px;
  max-width: 25%;
  position: absolute;
  right: 0;
}
.vehicle-container .bottom-vehicleData-container .status-container {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
}
.vehicle-container .bottom-vehicleData-container .status-container .field-item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: keep-all;
  max-width: 30%;
  text-align: center;
  display: flex;
  align-items: center;
}
.vehicle-container .bottom-vehicleData-container .status-container .field-item .field-title {
  display: flex;
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgba(213, 226, 255, 0.6);
}
.vehicle-container .bottom-vehicleData-container .status-container .field-item .field-content {
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: normal;
  color: #fff;
}
.vehicle-container .bottom-vehicleData-container .status-container .field-item .active-field-content {
  color: #ff7a7a;
}

.multi-video-item .video-box .delay-time {
  bottom: 40px;
  left: 12px;
  top: unset;
  right: unset;
}
/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/VideoPlayer/player.scss ***!
  \*******************************************************************************************************************************************************************************************************/
.video-box {
  width: 100%;
  height: 100%;
  justify-content: center;
  background: linear-gradient(180deg, rgb(16, 24, 36) 0%, rgb(16, 24, 36) 100%);
  position: relative;
  display: flex;
}
.video-box .warning-border {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  box-shadow: inset 0 1px 30px 32px rgba(255, 122, 122, 0.4);
}
.video-box .delay-time {
  display: none;
  background: rgba(1, 1, 1, 0.1);
  position: absolute;
  top: 16px;
  left: calc(50% - 60px);
  font-size: 28px;
  font-family: PingFang SC;
  color: #ff7a7a;
  height: 40px;
  line-height: 40px;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 8px;
  padding: 0 16px;
}
.video-box .delay-time img {
  width: 30px;
  margin-right: 6px;
}
.video-box > div {
  width: 100%;
  height: 100%;
}
.video-box .mask-wrapper {
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}
.video-box .direction {
  position: absolute;
  top: 0;
  left: 0;
  width: 88px;
  height: 54px;
  line-height: 54px;
  text-align: center;
  background: #000000;
  border-radius: 2px;
  opacity: 0.7;
  font-size: 32px;
  font-weight: 500;
  color: white;
  z-index: 1;
}
.video-box .glass-box {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 24px;
  height: 24px;
  text-align: center;
  padding: 3px;
  background: rgb(0, 0, 0);
  border-radius: 2px;
  opacity: 0.8;
}
.video-box .glass-box:active, .video-box .glass-box:hover {
  cursor: pointer;
}
.video-box .glass-box img {
  width: 12px;
}

.rtc_media_player {
  width: 100%;
  height: 100%;
  object-fit: fill;
}

.message-tip-area {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 100%;
}
.message-tip-area span {
  font-size: 16px;
}
.message-tip-area .close-pop-btn {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.8);
  margin-top: 10px;
}
.message-tip-area .camera {
  width: 79px;
  height: 70px;
}
.message-tip-area .open-msg {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.4);
  margin-top: 10px;
}

.video-modal canvas {
  border: 1px solid rgb(20, 54, 143);
}
.video-modal .ant-modal-body {
  padding: 0 !important;
  position: relative;
}
.video-modal .ant-modal-header {
  background: #14368f;
  color: #fff;
}
.video-modal .ant-modal-header .ant-modal-title {
  color: #fff;
}
.video-modal .anticon svg {
  color: #fff;
}

.container {
  width: 800px;
  margin: 0 auto;
  margin-top: 100px;
  position: absolute;
  z-index: 10;
}

.demo-zoom .options-info {
  font-size: 12px;
  text-align: right;
  padding-bottom: 5px;
}
.demo-zoom .tools {
  display: flex;
  font-size: 12px;
  justify-content: flex-end;
  flex-wrap: wrap-reverse;
  padding-bottom: 5px;
}
.demo-zoom .tools button {
  margin-left: 5px;
}
.demo-zoom .content {
  height: 400px;
  border: 1px solid #c0c0c0;
  cursor: move;
}
.demo-zoom .content .wrap {
  height: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  grid-row-gap: 5px;
  grid-column-gap: 5px;
}
.demo-zoom .content .wrap div {
  border: 1px solid #c5c5c5;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 60px;
}
/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/OperationBtn/index.scss ***!
  \*******************************************************************************************************************************************************************************************************/
.operation-btn {
  max-width: 56px;
  height: 68px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: 20px;
  margin-bottom: 20px;
  cursor: pointer;
}
.operation-btn .operation-icon {
  width: 44px;
  height: 44px;
}
.operation-btn .operation-label {
  margin-top: 4px;
  max-width: 56px;
  height: 20px;
  font-size: 14px;
  color: rgb(255, 255, 255);
}
/*!***********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/MultiVideoPlayer/index.scss ***!
  \***********************************************************************************************************************************************************************************************************/
.quad-video-container {
  display: flex;
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
  position: absolute;
  top: 60px;
  height: 85%;
}
@media (max-width: 768px) {
  .quad-video-container {
    flex-direction: column;
  }
}
.quad-video-container .main-video {
  width: 75%;
}
@media (max-width: 768px) {
  .quad-video-container .main-video {
    width: 100%;
  }
}
.quad-video-container .side-videos {
  width: 25%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .quad-video-container .side-videos {
    width: 100%;
    flex-direction: row;
    overflow-x: auto;
  }
}
.quad-video-container .video-container {
  position: relative;
  aspect-ratio: 16/9;
}
.quad-video-container .video-container.main {
  width: 100%;
  height: 100%;
}
.quad-video-container .video-container.main div {
  height: 100%;
}
.quad-video-container .video-container.main .video-load-failed {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.quad-video-container .video-container.main .video-load-failed img {
  width: 80px;
  height: 80px;
}
.quad-video-container .video-container.main .video-load-failed i {
  margin-top: 10px;
}
.quad-video-container .video-container.side {
  width: 100%;
}
@media (max-width: 768px) {
  .quad-video-container .video-container.side {
    width: 33.33%;
    flex-shrink: 0;
  }
}
.quad-video-container .video-container.side div {
  height: 100%;
}
.quad-video-container .video-container.side .video-load-failed {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.quad-video-container .video-container.side .video-load-failed img {
  width: 40px;
  height: 40px;
}
.quad-video-container .video-container.side .video-load-failed i {
  font-size: 14px;
}
.quad-video-container .video-container .direction {
  position: absolute;
  top: 0px;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  padding: 5px;
}
/*!*********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/DebounceSearch/index.scss ***!
  \*********************************************************************************************************************************************************************************************************/
.rc-virtual-list-holder-inner {
  background-color: #203151;
}
.rc-virtual-list-holder-inner .ant-select-item {
  font-size: 24px;
  color: #fff;
  padding: 12px 20px;
}
/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/TrafficLight/index.scss ***!
  \*******************************************************************************************************************************************************************************************************/
.traffic-light-group {
  --traffic-light-red-bg: linear-gradient(208.03deg, rgba(255, 227, 227, 0.78) 0%, rgba(255, 255, 255, 0) 100%),
                          linear-gradient(120.81deg, #d93a3a 0%, #c52b12 30.85%, #d55842 100%);
  --traffic-light-green-bg: linear-gradient(208.03deg, rgba(244, 255, 227, 0.78) 0%, rgba(255, 255, 255, 0) 100%),
                            linear-gradient(95.49deg, #3ad994 0.1%, #3ed46e 44.55%, #42d591 100%);
  --traffic-light-yellow-bg: linear-gradient(208.03deg, rgba(255, 244, 227, 0.78) 0%, rgba(255, 255, 255, 0) 100%),
                             linear-gradient(95.49deg, #d97f3a 0%, #d46a3e 43.74%, #d5a342 100%);
  --traffic-light-size: 42px;
  --traffic-light-margin: 8px;
  --traffic-light-container-width: 164px;
  --traffic-light-container-height: 64px;
  --traffic-light-container-radius: 30px;
  --traffic-light-shadow: 10px 10px 29px 0 rgba(0, 0, 0, 0.2);
  --traffic-light-green-shadow: 4px 4px 12px 0 rgba(0, 0, 0, 0.2);
  width: var(--traffic-light-container-width);
  height: var(--traffic-light-container-height);
  border-radius: var(--traffic-light-container-radius);
  display: flex;
  align-items: center;
  background: rgba(0, 0, 0, 0.7);
}
.traffic-light-group .unknown-light {
  display: block;
  width: var(--traffic-light-size);
  height: var(--traffic-light-size);
  border-radius: var(--traffic-light-size);
  background: rgba(255, 255, 255, 0.2);
  align-items: center;
  justify-content: center;
  margin-left: var(--traffic-light-margin);
  transition: all 0.3s ease;
}
.traffic-light-group .unknown-light.red-light {
  background: var(--traffic-light-red-bg);
  box-shadow: var(--traffic-light-shadow);
}
.traffic-light-group .unknown-light.green-light {
  background: var(--traffic-light-green-bg);
  box-shadow: var(--traffic-light-green-shadow);
}
.traffic-light-group .unknown-light.yellow-light {
  background: var(--traffic-light-yellow-bg);
  box-shadow: var(--traffic-light-shadow);
}
.traffic-light-group .unknown-light.red-flashing-light {
  background: var(--traffic-light-red-bg);
  box-shadow: var(--traffic-light-shadow);
  animation: twinkle 0.5s linear infinite alternate 0.5s;
}
.traffic-light-group .unknown-light.green-flashing-light {
  background: var(--traffic-light-green-bg);
  box-shadow: var(--traffic-light-green-shadow);
  animation: twinkle 0.5s linear infinite alternate 0.5s;
}
.traffic-light-group .unknown-light.yellow-flashing-light {
  background: var(--traffic-light-yellow-bg);
  box-shadow: var(--traffic-light-shadow);
  animation: twinkle 0.5s linear infinite alternate 0.5s;
}

@keyframes twinkle {
  0% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
/*!************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/SingleView/index.scss ***!
  \************************************************************************************************************************************************************************************************/
.single-view-container {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 20px;
  position: relative;
}
.single-view-container .top-video-container {
  width: 100%;
  height: 59%;
  display: flex;
}
.single-view-container .top-video-container .video-item {
  height: 100%;
  width: 28.5%;
  border: 4px solid rgba(23, 64, 133, 0.8);
  border-radius: 8px;
  margin-right: 20px;
}
.single-view-container .top-video-container .video-item:last-child {
  margin-right: 0;
}
.single-view-container .top-video-container .video-item.front {
  flex: 0 0 44%;
  position: relative;
}
.single-view-container .top-video-container .video-item.front .gps-signal {
  display: block;
  width: 124px;
  height: 68px;
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgb(255, 255, 255);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.single-view-container .top-video-container .video-item.front .traffic-container {
  position: absolute;
  display: flex;
  align-items: center;
  top: 10px;
  right: 0;
}
.single-view-container .top-video-container .video-item.front .traffic-container .location-gps-wrapper {
  background: url(../images/location-gps-bg.0d917285b40e744317550c05edde562b.png) no-repeat center;
  width: 239px;
  height: 68px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.single-view-container .top-video-container .video-item.front .traffic-container .location-gps-wrapper .divider {
  width: 2px;
  height: 32px;
  background: rgba(255, 255, 255, 0.2);
  margin-left: 16px;
}
.single-view-container .top-video-container .video-item.front .traffic-container .location-gps-wrapper .location-signal {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.single-view-container .top-video-container .video-item.front .traffic-container .location-gps-wrapper .location-signal .location-icon {
  width: 30px;
  height: 30px;
  margin-left: 18px;
}
.single-view-container .top-video-container .video-item.front .traffic-container .location-gps-wrapper .location-signal .scene-signal,
.single-view-container .top-video-container .video-item.front .traffic-container .location-gps-wrapper .location-signal .scene-signal-red {
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgb(255, 255, 255);
  margin-left: 9px;
}
.single-view-container .top-video-container .video-item.front .traffic-container .location-gps-wrapper .location-signal .scene-signal-red {
  color: red;
}
.single-view-container .bottom-control-container {
  width: 100%;
  height: 40%;
  margin-top: 21px;
  display: flex;
  position: relative;
  z-index: 9;
}
.single-view-container .bottom-control-container #localview-container,
.single-view-container .bottom-control-container .standard-map {
  width: 15.4%;
  height: 100%;
  position: relative;
  background: rgb(39, 50, 76);
  border: 4px solid rgba(23, 64, 133, 0.8);
  border-radius: 8px;
  position: relative;
}
.single-view-container .bottom-control-container #localview-container .toggle-icon,
.single-view-container .bottom-control-container .standard-map .toggle-icon {
  display: block;
  width: 36px;
  height: 36px;
  background: url(../images/toggle-icon.313212eb2f506a33794f0d8930cfd30a.png) no-repeat center;
  background-size: contain;
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 6px;
  background-color: rgba(0, 0, 0, 0.4);
  cursor: pointer;
  z-index: 999;
}
.single-view-container .bottom-control-container #localview-container {
  position: relative;
}
.single-view-container .bottom-control-container #localview-container .toggle-map-mode {
  display: block;
  width: 48px;
  height: 48px;
  background: url(../images/toggle.da63b605e6ed44b9882172bb30c9c460.png) no-repeat;
  background-size: contain;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 999;
  cursor: pointer;
}
.single-view-container .bottom-control-container .center-view {
  flex: 1;
  position: relative;
  height: calc(100% - 107px);
  overflow: hidden;
}
.single-view-container .bottom-control-container .center-view .alarm-event-list {
  width: 718px;
  height: 75px;
  background: url(../images/alarm-bg.091723698ec360cff2b06633d7565619.png) no-repeat center;
  background-size: contain;
  margin-left: -66px;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}
.single-view-container .bottom-control-container .center-view .alarm-event-list .no-alarm {
  font-size: 34px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.4);
  width: 718px;
  text-align: center;
}
.single-view-container .bottom-control-container .center-view .alarm-event-list .warning-ico {
  margin-left: 50px;
  margin-right: 20px;
}
.single-view-container .bottom-control-container .center-view .alarm-event-list .alarm-item {
  font-size: 34px;
  font-family: PingFang SC;
  font-weight: bold;
  color: rgb(255, 122, 122);
  max-width: 30%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.single-view-container .bottom-control-container .center-view .alarm-event-list .alarm-item::after {
  content: "";
  display: inline-block;
  width: 2px;
  height: 36px;
  background-color: rgba(255, 255, 255, 0.53);
  margin-left: 20px;
  margin-right: 20px;
}
.single-view-container .bottom-control-container .center-view .alarm-event-list .alarm-item:last-child::after {
  display: none;
}
.single-view-container .bottom-control-container .center-view .realtime-info {
  height: 108px;
  background: url(../images/header-bg.b0c2f112191fedbd06ddab32d6a15470.png) no-repeat center;
  background-size: 100% 100%;
  display: flex;
  padding-left: 42px;
  z-index: 10;
  position: sticky;
}
.single-view-container .bottom-control-container .center-view .realtime-info .left-field-info,
.single-view-container .bottom-control-container .center-view .realtime-info .right-field-info {
  width: 36%;
  display: flex;
}
.single-view-container .bottom-control-container .center-view .realtime-info .right-field-info {
  margin-left: auto;
}
.single-view-container .bottom-control-container .center-view .video-item {
  width: 26.5%;
  height: 349px;
  background: url(../images/bottom-video-bg.119e326ae55092686c46d5369b649235.png) no-repeat center;
  background-size: 100% 100%;
  border-radius: 16px;
  box-sizing: border-box;
  padding: 13px;
  position: absolute;
  top: 0;
  left: 36%;
  z-index: 11;
}
.single-view-container .bottom-control-container .center-view .take-over-btn {
  width: 21.5%;
  height: calc(100% - 20px);
  background: url(../images/bg_left.cd0a8ed3060fdc0a099829f89124c614.png) no-repeat center;
  background-size: 100% 100%;
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgb(136, 152, 189);
  display: flex;
  align-items: center;
  margin-top: -50px;
  margin-left: -10px;
}
.single-view-container .bottom-control-container .center-view .take-over-btn .btn {
  cursor: pointer;
  width: 50%;
  display: flex;
  flex-flow: column;
  align-items: center;
  margin-left: 10%;
  margin-top: -30px;
}
.single-view-container .bottom-control-container .center-view .take-over-btn .btn .btn-text {
  font-size: 32px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #fff;
}
.single-view-container .bottom-control-container .center-view .take-over-btn .btn img {
  width: 50%;
  height: 50%;
}
.single-view-container .bottom-control-container .center-view .take-over-btn.disable .btn .btn-text {
  color: rgba(255, 255, 255, 0.4);
}
.single-view-container .bottom-control-container .center-view .take-over-btn.disable img {
  opacity: 0.5;
}
.single-view-container .bottom-control-container .center-view .angle-dashboard-container {
  width: 24%;
  height: calc(100% - 76px);
  background: url(../images/light-angle-bg.4fd2c5c7849729abb0b4c1335eef6647.png) no-repeat center;
  background-size: 100% 100%;
  position: absolute;
  left: 17.5%;
  top: 76px;
  display: flex;
}
.single-view-container .bottom-control-container .center-view .angle-dashboard-container .angle-dashboard {
  width: 250px;
  height: 250px;
  top: 15%;
  left: 5%;
  position: relative;
}
.single-view-container .bottom-control-container .center-view .speed-dashboard-container {
  display: flex;
  width: 24%;
  height: calc(100% - 76px);
  background: url(../images/speed-bg.7e1facc241324c0245028378e6620b7a.png) no-repeat center;
  background-size: 100% 100%;
  position: absolute;
  top: 76px;
  right: 18%;
}
.single-view-container .bottom-control-container .center-view .speed-dashboard {
  width: 250px;
  height: 250px;
  position: relative;
  left: 23%;
  top: 15%;
}
.single-view-container .bottom-control-container .center-view .enable-container {
  width: 21.5%;
  height: calc(100% - 20px);
  background: url(../images/bg_right.7c6a1aa035d1b5cdbc15ea3e107650c3.png) no-repeat center;
  background-size: 100% 100%;
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgb(136, 152, 189);
  display: flex;
  align-items: center;
  position: absolute;
  right: 0;
  top: 55px;
  display: flex;
  justify-content: right;
  margin-right: -10px;
}
.single-view-container .footer {
  width: 100%;
  height: 120px;
  background: #26304a;
  position: fixed;
  bottom: 0;
  left: 0;
}
.single-view-container .operate-btns {
  width: 69%;
  height: 120px;
  position: fixed;
  bottom: 0;
  left: 15.4%;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.single-view-container .operate-btns .ico {
  width: 52px;
  height: 52px;
}
.single-view-container .operate-btns .left-btn-group,
.single-view-container .operate-btns .right-btn-group {
  display: flex;
  flex: 1;
}
.single-view-container .operate-btns .left-btn-group .btn-item,
.single-view-container .operate-btns .right-btn-group .btn-item {
  width: 130px;
  height: 100%;
  margin-left: 20px;
  display: flex;
  flex-flow: column;
  align-items: center;
  font-size: 24px;
  font-family: PingFang SC;
  color: #fff;
  cursor: pointer;
  flex: 1;
}
.single-view-container .operate-btns .vehicle-name {
  padding: 0 8px;
  display: flex;
  justify-content: center;
  height: 77px;
  background: linear-gradient(270deg, rgb(59, 74, 118) 0%, rgb(53, 63, 103) 100%);
  border: 3px solid rgb(12, 20, 42);
  border-radius: 12px;
  font-size: 28px;
  font-family: PingFang SC;
  color: #d5e2ff;
  margin: 0 3%;
  text-align: center;
  line-height: 77px;
  align-items: center;
  white-space: nowrap;
}
.single-view-container .operate-btns .vehicle-name .right-line {
  display: block;
  width: 2px;
  height: 57px;
  background: rgba(255, 255, 255, 0.2);
  margin: 0 14px;
}
.single-view-container .operate-btns .vehicle-name .go-back {
  display: block;
  cursor: pointer;
  width: 36px;
  height: 36px;
  background: url(../images/exit.6c94f1882ab09c708d1fec0ce51ed4f6.png) no-repeat center;
  background-size: contain;
}
.single-view-container .dashboard-center-angle i:last-child {
  position: relative;
  top: -6px;
}
/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/SingleView/components/ThreeMonitorMap/index.scss ***!
  \***************************************************************************************************************************************************************************************************************************/

/*!**************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/components/XMonitor/Monitor/ThreeMonitor.css ***!
  \**************************************************************************************************************************************************************************/
body,
html {
  width: 100%;
  height: 100%;
  position: relative;
}
#WebGL-output {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#WebGL-output .delay-time {
  display: none;
  background: rgba(1, 1, 1, 0.1);
  position: absolute;
  top: 16px;
  right: 30%;
  font-size: 28px;
  font-family: PingFang SC;
  color: #ff7a7a;
  height: 40px;
  line-height: 40px;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 8px;
  padding: 0 16px;
}
#WebGL-output .delay-time i {
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  margin-right: 6px;
  background: url(../images/delay.a478afc5c7c65ba11164081393349dda.png) no-repeat center;
  background-size: contain;
}
.websocket {
  width: auto;
  height: auto;
}
.CarInfo {
  width: 120px;
  position: absolute;
  z-index: 1;
  right: 10px;
  bottom: 10px;
  text-align: center;
  display: flex;
  flex-flow: column;
  justify-content: space-around;
  align-items: center;
  border-radius: 3px;
}
.light {
  width: 90%;
  display: flex;
  justify-content: center;
  margin: 0 auto 5px auto;
  border-radius: 8px;
  border: 1px solid #797979;
  padding: 3px 3px;
  background: #5d5f65;
}
.light div {
  width: 23px;
  height: 23px;
  margin: 0 3px;
  background-color: #999999;
  border-radius: 50%;
  opacity: 0.3;
}
.light_none {
  width: 90%;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  border-radius: 8px;
  border: 1px solid #797979;
  padding: 3px 3px;
  background: #5d5f65;
}
.light_none div {
  width: 23px;
  height: 23px;
  margin: 0 3px;
  background-color: #999999;
  border-radius: 50%;
  opacity: 0.3;
}
.light_red {
  background-color: #ff0000 !important;
}
.light_green {
  background-color: #66ff00 !important;
}
.light_yellow {
  background-color: #ffff00 !important;
}
.light_red_major {
  background-color: #ff0000 !important;
  opacity: 1 !important;
}
.light_green_major {
  background-color: #66ff00 !important;
  opacity: 1 !important;
}
.light_yellow_major {
  background-color: #ffff00 !important;
  opacity: 1 !important;
}
.light_black {
  background-color: #000000 !important;
}
.light_no_light {
  background-color: #5d5f65 !important;
}
.light_red_unknown {
  background-color: #ff0000 !important;
  opacity: 0.3;
}
.light_green_unknown {
  background-color: #66ff00 !important;
  opacity: 0.3;
}
.light_yellow_unknown {
  background-color: #ffff00 !important;
  opacity: 0.3;
}
@keyframes twinkleRed {
  from {
    opacity: 0;
    background-color: #ff0000;
  }
  to {
    opacity: 1;
    background-color: #ff0000;
  }
}
@keyframes twinkleGreen {
  from {
    opacity: 0;
    background-color: #66ff00;
  }
  to {
    opacity: 1;
    background-color: #66ff00;
  }
}
@keyframes twinkleYellow {
  from {
    opacity: 0;
    background-color: #ffff00;
  }
  to {
    opacity: 1;
    background-color: #ffff00;
  }
}
.light_red_twinkle {
  background-color: #ff0000;
  animation-iteration-count: infinite;
  animation: twinkleRed 0.5s linear infinite alternate 0.5s;
}
.light_green_twinkle {
  background-color: #66ff00;
  animation-iteration-count: infinite;
  animation: twinkleGreen 0.5s linear infinite alternate 0.5s;
}
.light_yellow_twinkle {
  background-color: #ffff00;
  animation-iteration-count: infinite;
  animation: twinkleYellow 0.5s linear infinite alternate 0.5s;
}
.major {
  opacity: 1 !important;
  /*box-shadow: 1px 1px 1px;*/
}
.car_info {
  width: 100%;
  height: auto;
  margin: 7px auto 0 auto;
  background: #1e2129;
  border-radius: 3px;
}
.car_img {
  width: 100%;
  height: auto;
  padding-top: 10px;
}
.car_img img {
  width: 50px;
  height: 50px;
}
.car_steer_text,
.car_gear_text {
  line-height: 20px;
  font-size: 14px;
  color: #66ff00;
}
.timelabel_text {
  font-size: 14px;
  color: #ee0000;
  text-align: center;
  position: absolute;
  top: 20px;
  width: 100%;
  z-index: 100;
  display: block;
}
.traffic_light_text {
  line-height: 18px;
  font-size: 14px;
  color: #a3a3a3;
}
.selectCar {
  width: 200px;
  height: 30px;
  position: fixed;
  top: 5px;
  right: 5px;
  border: none 0;
}
.light_container {
  width: 120px;
  background-color: #1e2129;
  margin-top: 3px;
  padding: 5px;
  border-radius: 3px;
  color: #e6e6e6;
}

.light_information {
  width: 100%;
  height: 20px;
  padding: 0 5%;
  line-height: 20px;
  font-size: 12px;
  background-color: #494949;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.light_id {
  float: left;
}
.light_duration {
  float: right;
}
.light_stateText {
  line-height: 30px;
  font-size: 13px;
  color: #e6e6e6;
}
.lightList {
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: scroll;
  margin-left: 8px;
  border-radius: 3px;
}
.light_button {
  width: 24px;
  height: 16px;
  line-height: 16px;
  position: absolute;
  top: -8px;
  left: 50%;
  margin-left: -12px;
  background: #373737;
  border-radius: 3px;
}
.global_config {
  width: auto;
  height: 40px;
  background-color: #1e2129;
  position: absolute;
  bottom: 10px;
  right: 140px;
  border-radius: 5px;
  overflow: hidden;
}
.contral_icon {
  width: 23px;
  height: 40px;
  padding: 9px 5px;
  float: right;
}
.contral_icon img {
  width: 100%;
  height: 100%;
}
.global_config_data {
  width: auto;
  height: 100%;
  float: right;
  border-right: solid 1px #5f5f5f;
}
.config_data_item {
  width: 30px;
  height: 40px;
  display: inline-block;
}
.config_item_icon {
  width: 20px;
  height: 21px;
  margin: 2px 5px 1px 5px;
}
.config_item_icon img {
  width: 100%;
  height: 100%;
}
.config_item_text {
  width: 100%;
  height: 16px;
  line-height: 16px;
  font-size: 10px;
  color: #fff;
  text-align: center;
}

/*!*************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Enable/index.scss ***!
  \*************************************************************************************************************************************************************************************************/
.enable-con {
  position: relative;
  background: url(../images/enable_bg.06702bac09b68a123c594c650852fb2a.png) no-repeat;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 45px;
}
.enable-con .bold {
  font-family: JDLangZhengTi;
  font-weight: normal;
  color: #3398ff;
  text-align: center;
  font-weight: bold;
  margin-left: 20p;
  position: relative;
  left: 30px;
}
.enable-con .direction {
  position: absolute;
  right: 5px;
  top: -20px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
}
.enable-con .direction img {
  width: 20px;
  height: 20px;
}
.enable-con .car {
  background: url(../images/bg-btn.9d1297dd04481ca2c36d9dbd94e0b5b7.png) no-repeat;
  background-size: 100% 100%;
}
.enable-con .top {
  position: absolute;
  top: 0;
  left: 50%;
  background: url(../images/top.a1ef4d906c94d8a77924e83adf9e6e05.png) no-repeat;
  background-size: 100% 100%;
}
.enable-con .top-warn {
  background: url(../images/top-warn.a930089eed51851c86220b97fc50cf63.png) no-repeat;
  background-size: 100% 100%;
}
.enable-con .right {
  position: absolute;
  right: 0;
  top: 50%;
  background: url(../images/right-normal.8f1a4a0921f4bf5a23c1109de39db972.png) no-repeat;
  background-size: 100% 100%;
}
.enable-con .right-warn {
  background: url(../images/right-warn.fd9f0bf2f70c55d3864cbd1cf8032100.png) no-repeat;
  background-size: 100% 100%;
}
.enable-con .down {
  position: absolute;
  bottom: 0;
  left: 50%;
  background: url(../images/bottom.0379db30a77a7d20971e84683509baba.png) no-repeat;
  background-size: 100% 100%;
}
.enable-con .down-warn {
  background: url(../images/bottom-warn.9b29f2e1e09b098cd7d3a4ad63fd350c.png) no-repeat;
  background-size: 100% 100%;
}
.enable-con .left {
  position: absolute;
  left: 0;
  top: 50%;
  background: url(../images/left-normal.f6ce368edecf2d62f6fd883d498c230c.png) no-repeat;
  background-size: 100% 100%;
}
.enable-con .left-warn {
  background: url(../images/left-warn.69022b5e3e4c1245dbec2b66417a8678.png) no-repeat;
  background-size: 100% 100%;
}
/*!****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/TextField/index.scss ***!
  \****************************************************************************************************************************************************************************************************/
.field-item-box {
  display: flex;
  flex: 1;
  margin-left: 6px;
  line-height: 94px;
  align-items: center;
}
.field-item-box .field-item-title {
  font-size: 28px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgb(136, 152, 189);
  white-space: nowrap;
  flex-shrink: 0;
}
.field-item-box .field-item-info {
  font-size: 36px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgb(213, 226, 255);
  margin-left: 16px;
  white-space: nowrap;
  flex: 1;
}
.field-item-box .field-item-info.field-item-node {
  line-height: normal;
  white-space: normal;
  display: flex;
  align-items: center;
  min-height: 60px;
}
.field-item-box:has(.field-item-node) {
  line-height: normal;
  min-height: 94px;
  align-items: center;
}
/*!************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/SingleView/components/StatusFields/index.scss ***!
  \************************************************************************************************************************************************************************************************************************/

/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/SingleView/components/CompleteIssue/index.scss ***!
  \*************************************************************************************************************************************************************************************************************************/
.btn-item {
  width: 130px;
  height: 100%;
  display: flex;
  flex-flow: column;
  align-items: center;
  font-size: 24px;
  font-family: PingFang SC;
  color: #fff;
  cursor: pointer;
}

.complete-issue::before {
  content: "";
  display: block;
  width: 52px;
  height: 52px;
  background: url(../images/finish.9b8de6069941b13ab95ca724dc62c721.png) no-repeat center;
  background-size: 52px 52px;
}
.complete-issue:hover::before {
  background: url(../images/finish-active.00313f1d002afc25c86d71fd200b1f46.png) no-repeat center;
  background-size: 52px 52px;
}

.complete-disabled i {
  color: rgba(255, 255, 255, 0.6);
}
.complete-disabled::before {
  content: "";
  display: block;
  width: 52px;
  height: 52px;
  background: url(../images/disabled-complete.59a9abacdf10fb083b7b8120ea9ec64e.png) no-repeat center;
  background-size: 52px 52px;
}
.complete-disabled:hover::before {
  background: url(../images/disabled-complete.59a9abacdf10fb083b7b8120ea9ec64e.png) no-repeat center;
  background-size: 52px 52px;
}
/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/SingleView/components/TransferIssue/index.scss ***!
  \*************************************************************************************************************************************************************************************************************************/
.transfer::before {
  content: "";
  display: block;
  width: 52px;
  height: 52px;
  background: url(../images/transfer.d8e97de6953fec2618d5c66b43f96c95.png) no-repeat center;
  background-size: 52px 52px;
}
.transfer:hover::before {
  background: url(../images/transfer-active.78cd34b584907aecddc30f96ee4bc68f.png) no-repeat center;
  background-size: 52px 52px;
}

.transfer-disabled i {
  color: rgba(255, 255, 255, 0.6);
}
.transfer-disabled::before {
  content: "";
  display: block;
  width: 52px;
  height: 52px;
  background: url(../images/disabled-transfer.ab1f82642ce7390172ca36183a032de8.png) no-repeat center;
  background-size: 52px 52px;
}
.transfer-disabled:hover::before {
  background: url(../images/disabled-transfer.ab1f82642ce7390172ca36183a032de8.png) no-repeat center;
  background-size: 52px 52px;
}
/*!************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/SingleView/components/DiscardIssue/index.scss ***!
  \************************************************************************************************************************************************************************************************************************/
.discard::before {
  content: "";
  display: block;
  width: 52px;
  height: 52px;
  background: url(../images/throwing.33f319cef921346918b93544df33c37d.png) no-repeat center;
  background-size: 52px 52px;
}
.discard:hover::before {
  background: url(../images/throwing-active.6a344c45ad98a038b9a7d8ae72a7efd6.png) no-repeat center;
  background-size: 52px 52px;
}

.discard-disabled i {
  color: rgba(255, 255, 255, 0.6);
}
.discard-disabled::before {
  content: "";
  display: block;
  width: 52px;
  height: 52px;
  background: url(../images/disabled-throwing.b5336179ac3d5fde769e6123a9446126.png) no-repeat center;
  background-size: 52px 52px;
}
.discard-disabled:hover::before {
  background: url(../images/disabled-throwing.b5336179ac3d5fde769e6123a9446126.png) no-repeat center;
  background-size: 52px 52px;
}
/*!***********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/SingleView/components/OnHoldIssue/index.scss ***!
  \***********************************************************************************************************************************************************************************************************************/
.hold-issue::before {
  content: "";
  display: block;
  width: 52px;
  height: 52px;
  background: url(../images/pending.d0078c19362c0e81407e6a2ab80cc37a.png) no-repeat center;
  background-size: 52px 52px;
}
.hold-issue:hover::before {
  background: url(../images/pending-active.623c3f8a06e9d7c375c3a2a0ca4da659.png) no-repeat center;
  background-size: 52px 52px;
}

.hold-disabled i {
  color: rgba(255, 255, 255, 0.6);
}
.hold-disabled::before {
  content: "";
  display: block;
  width: 52px;
  height: 52px;
  background: url(../images/disabled-icon.b455bbe98cefff7e8554121290b7700a.png) no-repeat center;
  background-size: 52px 52px;
}
/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/SingleView/components/CallFrontliner/index.scss ***!
  \**************************************************************************************************************************************************************************************************************************/
.callfront::before {
  content: "";
  display: block;
  width: 52px;
  height: 52px;
  background: url(../images/transfer.d8e97de6953fec2618d5c66b43f96c95.png) no-repeat center;
  background-size: 52px 52px;
}
.callfront:hover::before {
  background: url(../images/transfer-active.78cd34b584907aecddc30f96ee4bc68f.png) no-repeat center;
  background-size: 52px 52px;
}
/*!************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/SingleView/components/IssueHistory/index.scss ***!
  \************************************************************************************************************************************************************************************************************************/
.issue-history::before {
  content: "";
  display: block;
  width: 52px;
  height: 52px;
  background: url(../images/issue.35560917501720bf1447f6bdc55ed0d7.png) no-repeat center;
  background-size: 52px 52px;
}
.issue-history:hover::before {
  background: url(../images/issue-active.4e535906365da7b29d45e3061ce433c0.png) no-repeat center;
  background-size: 52px 52px;
}
/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/IssueHistory/index.scss ***!
  \*******************************************************************************************************************************************************************************************************/

/*!***************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/TimeLine/index.scss ***!
  \***************************************************************************************************************************************************************************************************/
.time-bar-wrapper {
  margin-left: 30px;
  overflow-y: auto;
}

.time-bar-item {
  display: flex;
  color: rgba(255, 255, 255, 0.8);
}
.time-bar-item .high-light {
  color: rgb(255, 255, 255);
}
.time-bar-item .info-content {
  flex: 1;
  margin-top: -5px;
  margin-left: 8px;
  padding-bottom: 32px;
  font-size: 24px;
  font-family: PingFangSC;
  font-weight: normal;
}

.icon-wrapper {
  display: flex;
  flex-flow: column;
  align-items: center;
}
.icon-wrapper .circle-point,
.icon-wrapper .circle-point-key {
  width: 16px;
  height: 16px;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 16px;
  margin-bottom: 6px;
}
.icon-wrapper .circle-point-key {
  background-color: #03a2ff;
}
.icon-wrapper .border-image {
  flex: 1;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.4);
  margin: 2px 0;
}
/*!******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/IssueRecord/index.scss ***!
  \******************************************************************************************************************************************************************************************************/

/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/SingleView/components/AsArrived/index.scss ***!
  \*********************************************************************************************************************************************************************************************************************/
.asArrived::before {
  content: "";
  display: block;
  width: 52px;
  height: 52px;
  background: url(../images/as-arrived.87814a33fcb9df76f52195d02fc6f1c5.png) no-repeat center;
  background-size: 52px 52px;
}
.asArrived:hover::before {
  background: url(../images/as-arrived-active.0bf8de9f5561a4e44304dbd31894df2a.png) no-repeat center;
  background-size: 52px 52px;
}

.asArrived-disabled i {
  color: rgba(255, 255, 255, 0.6);
}
.asArrived-disabled::before {
  content: "";
  display: block;
  width: 52px;
  height: 52px;
  background: url(../images/disabled-asarived.85b3ba3bbfe17087e158fe9fd44beb3b.png) no-repeat center;
  background-size: 52px 52px;
}
.asArrived-disabled:hover::before {
  background: url(../images/disabled-asarived.85b3ba3bbfe17087e158fe9fd44beb3b.png) no-repeat center;
  background-size: 52px 52px;
}
/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/SingleView/components/RemoveStop/index.scss ***!
  \**********************************************************************************************************************************************************************************************************************/
.remove-stop-btn::before {
  content: "";
  display: block;
  width: 52px;
  height: 52px;
  background: url(../images/stop.e3ae75125a96ba6cca882f72e23898cd.png) no-repeat center;
  background-size: 52px 52px;
}
.remove-stop-btn:hover::before {
  background: url(../images/stop-active.2b478182524da961a98a3714562721ea.png) no-repeat center;
  background-size: 52px 52px;
}

.remove-stop-disabled i {
  color: rgba(255, 255, 255, 0.6);
}
.remove-stop-disabled::before {
  content: "";
  display: block;
  width: 52px;
  height: 52px;
  background: url(../images/disabled-stop.a6fcff6fb2a8488353ac6ac827d402a1.png) no-repeat center;
  background-size: 52px 52px;
}
.remove-stop-disabled:hover::before {
  background: url(../images/disabled-stop.a6fcff6fb2a8488353ac6ac827d402a1.png) no-repeat center;
  background-size: 52px 52px;
}
/*!*******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/SingleView/components/Restart/index.scss ***!
  \*******************************************************************************************************************************************************************************************************************/
.restart::before {
  content: "";
  display: block;
  width: 52px;
  height: 52px;
  background: url(../images/restart.ed760ec9c989cf7fde8ae45034c08ac2.png) no-repeat center;
  background-size: 52px 52px;
}
.restart:hover::before {
  background: url(../images/restart-active.6ca745b6fe21faa4c4d4cc625e9ad8f2.png) no-repeat center;
  background-size: 52px 52px;
}

.disabled-restart i {
  color: rgba(255, 255, 255, 0.6);
}
.disabled-restart::before {
  content: "";
  display: block;
  width: 52px;
  height: 52px;
  background: url(../images/disabled-restart.ec187d48c8bd09bc46979b3a8908521e.png) no-repeat center;
  background-size: 52px 52px;
}
/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/SingleView/components/Lights/index.scss ***!
  \******************************************************************************************************************************************************************************************************************/
.btn-list {
  display: flex;
  flex-flow: column;
  position: relative;
  left: 10%;
  width: 132px;
  top: 11px;
}
.btn-list img {
  position: absolute;
}
.btn-list .warning {
  width: 137px;
  height: 82px;
  left: 7px;
  transform: rotate(5deg);
  top: 15px;
}
.btn-list .left {
  width: 107px;
  height: 76px;
  background: url(../images/left.07fbce1406e030524f914470cf0beab2.png) no-repeat left;
  top: 80px;
  left: -9px;
  transform: rotate(-1deg);
}
.btn-list .right {
  width: 107px;
  height: 76px;
  top: 164px;
  left: -5px;
  transform: rotate(-3deg);
}
.btn-list .highLight {
  width: 139px;
  height: 84px;
  top: 215px;
  left: 14px;
  transform: rotate(-5deg);
}
/*!************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/SingleView/components/GearPosition/index.scss ***!
  \************************************************************************************************************************************************************************************************************************/
.gear-container {
  width: 137px;
  height: 100%;
  position: relative;
  left: 22%;
  display: flex;
  flex-flow: column;
}
.gear-container img {
  position: absolute;
}
.gear-container .gear-D {
  width: 137px;
  height: 82px;
  top: 20px;
  left: -8px;
  transform: rotate(4deg);
}
.gear-container .gear-N {
  width: 137px;
  height: 82px;
  top: 84px;
  left: 6px;
}
.gear-container .gear-R {
  width: 137px;
  height: 82px;
  top: 170px;
  transform: rotate(3deg);
}
.gear-container .gear-P {
  width: 137px;
  height: 82px;
  top: 228px;
  left: -24px;
  transform: rotate(7deg);
}
/*!************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/SingleView/components/SpeedControl/index.scss ***!
  \************************************************************************************************************************************************************************************************************************/
.speed-setting {
  position: absolute;
  top: 105px;
  right: 13.8%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  z-index: 10;
}
.speed-setting .no-limit {
  width: 136px;
  height: 64px;
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: normal;
  line-height: 64px;
  padding-left: 45px;
  cursor: pointer;
}
.speed-setting .no-limit.default {
  background: url(../images/no-limit-default.259e7233c6535fcb31cdd7212f17b643.png) no-repeat center;
  background-size: contain;
  color: rgb(136, 152, 189);
}
.speed-setting .no-limit.active {
  background: url(../images/no-limit-active.92384151702cbc3db41f8fd5f1b0c158.png) no-repeat center;
  background-size: contain;
  color: rgb(255, 255, 255);
}
.speed-setting .speed-num {
  width: 94px;
  height: 58px;
  background: url(../images/speed-num.5824bb3395c1c5364fe0e54e9e58f0c3.png) no-repeat center;
  background-size: contain;
  margin-top: 7px;
  margin-bottom: 7px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.speed-setting .speed-num .speed {
  font-size: 32px;
  font-family: JDZhengHT;
  font-weight: normal;
  color: rgba(213, 226, 255, 0.8);
  height: 35px;
}
.speed-setting .speed-num .unit {
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgb(136, 152, 189);
}
.speed-setting .speed-limit {
  height: 14px;
  width: 151px;
  cursor: pointer;
}
/*!****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Dashboard/index.scss ***!
  \****************************************************************************************************************************************************************************************************/
.dashboard {
  width: 100%;
  height: 100%;
  background-size: 100%;
  position: relative;
  overflow: hidden;
}
.dashboard .dashboard-center {
  width: 200px;
  height: 200px;
  position: absolute;
  z-index: 99;
  top: 25px;
  left: 25px;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}
.dashboard .dashboard-center.dashboard-center-angle {
  background: url(../images/angle.01cd1d546154cce64ce96d1d74f1cf53.png) no-repeat center;
  background-size: contain;
  background-color: #081329;
  border-radius: 200px;
}
.dashboard .dashboard-center.dashboard-center-speed {
  background: url(../images/speed.97fdd02e3a360e8cf90aa6862d8f6b22.png) no-repeat center;
  background-size: contain;
  background-color: #081329;
  border-radius: 200px;
}
/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/SingleView/components/RemoteCall/index.scss ***!
  \**********************************************************************************************************************************************************************************************************************/
.remote-call::before {
  content: "";
  display: block;
  width: 52px;
  height: 52px;
  background: url(../images/call.99d0c1f237830c84a3ce2bfebf17c447.png) no-repeat center;
  background-size: 52px 52px;
}
.remote-call:hover::before {
  background: url(../images/call-active.6a2725684ce0168de68c65cc5b5d3c75.png) no-repeat center;
  background-size: 52px 52px;
}
/*!**********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/RemoteCallModal/index.scss ***!
  \**********************************************************************************************************************************************************************************************************/
.operation_area {
  padding-left: 10%;
  margin-bottom: 20px;
  display: flex;
  justify-content: right;
}
.operation_area .custom_round_btn {
  border: 1px solid transparent;
  border-radius: 10px;
  background-color: #0d85ff;
  color: white;
  margin-right: 20px;
}
.operation_area .custom_round_btn:hover {
  background: #0869cc;
  border: 1px solid transparent;
  color: white;
}
.operation_area .ant-btn:focus {
  background: #0d85ff;
}

.collected_word_list {
  padding-left: 10%;
  padding-top: 20px;
}
.collected_word_list .label {
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgb(255, 255, 255);
  display: flex;
  align-items: center;
}
.collected_word_list .label::before {
  content: "";
  width: 8px;
  height: 24px;
  background: rgb(0, 162, 255);
  border-radius: 2px;
  margin-right: 8px;
}
.collected_word_list .list_area {
  width: 100%;
  height: 360px;
  padding: 12px;
  background: rgba(3, 4, 13, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  overflow: auto;
}
.collected_word_list .list_area .word {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 16px;
  background: rgb(32, 49, 81);
  border-radius: 4px;
  margin-bottom: 16px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.8);
}
.collected_word_list .list_area .word .delete_icon {
  width: 30px;
  height: 100%;
  text-align: center;
}

.form-view .ant-col-6 {
  flex: 0 0 13%;
}
/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/SingleView/components/MicroPhone/index.scss ***!
  \**********************************************************************************************************************************************************************************************************************/
.micro-phone.open::before {
  content: "";
  display: block;
  width: 52px;
  height: 52px;
  background: url(../images/close-radio.79f715ed1c171419fb4d7a24001f6892.png) no-repeat center;
  background-size: 52px 52px;
}
.micro-phone.open:hover::before {
  background: url(../images/close-radio-active.659eda4ec9d59344a995ec23b387e215.png) no-repeat center;
  background-size: 52px 52px;
}
.micro-phone.close::before {
  content: "";
  display: block;
  width: 52px;
  height: 52px;
  background: url(../images/open-radio.f9abade1efa1fce5f07381c9b6617ffa.png) no-repeat center;
  background-size: 52px 52px;
}
.micro-phone.close:hover::before {
  background: url(../images/open-radio-active.3426f458835c1af1575090f5775f2540.png) no-repeat center;
  background-size: 52px 52px;
}
/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/SingleView/components/TakeoverSetting/index.scss ***!
  \***************************************************************************************************************************************************************************************************************************/
.takeover-setting::before {
  content: "";
  display: block;
  width: 52px;
  height: 52px;
  background: url(../images/operate-icon.2380cae4b8f40cb589b9e9e06026d743.png) no-repeat center;
  background-size: 52px 52px;
}
.takeover-setting:hover::before {
  background: url(../images/operate-icon-active.05359f05c7d835d907e3ce6c73622955.png) no-repeat center;
  background-size: 52px 52px;
}

.set-content .field-name {
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgb(255, 255, 255);
  display: flex;
  align-items: center;
}
.set-content .field-name i {
  width: 8px;
  height: 24px;
  background: rgb(13, 133, 255);
  border-radius: 2px;
  margin-right: 8px;
  display: inline-block;
}
/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/SingleView/components/AcceleratorOpen/index.scss ***!
  \***************************************************************************************************************************************************************************************************************************/
.accelerator-setting {
  font-size: 26px;
  font-family: PingFang SC;
  font-weight: normal;
  display: flex;
  flex-flow: column;
  position: absolute;
  left: 13.5%;
  top: 100px;
}
.accelerator-setting .power {
  width: 136px;
  height: 64px;
  line-height: 64px;
  text-align: center;
  background-size: 100% 100%;
  margin-bottom: 8px;
}
.accelerator-setting .standard {
  width: 94px;
  height: 71px;
  line-height: 71px;
  text-align: center;
  background-size: 100% 100%;
  margin-bottom: 8px;
}
.accelerator-setting .stable {
  width: 96px;
  height: 71px;
  line-height: 71px;
  text-align: center;
  background-size: 100% 100%;
  margin-bottom: 8px;
}
.accelerator-setting .slow {
  width: 147px;
  height: 64px;
  line-height: 64px;
  text-align: center;
  background-size: 100% 100%;
}
/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/SingleView/components/Navigation/index.scss ***!
  \**********************************************************************************************************************************************************************************************************************/
.planning-container {
  width: 1000px;
  position: relative;
}

.poi-search {
  width: 90%;
  padding: 20px;
}
.poi-search .ant-select-single {
  height: 58px;
}
.poi-search .start-end-inputs {
  width: 100%;
  display: flex;
}
.poi-search .start-end-inputs .label {
  display: inline-block;
  width: 60px;
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
}
.poi-search .start-end-inputs .start-input-wrapper {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  flex: 1;
}
.poi-search .start-end-inputs .end-input-wrapper {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  flex: 1;
  margin-left: 60px;
}

.map-container {
  width: 94%;
  height: 410px;
  position: relative;
}
.map-container .standard-tile-map-container {
  width: 100%;
  height: 100%;
}
/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/SingleView/components/EnterCollectMap/index.scss ***!
  \***************************************************************************************************************************************************************************************************************************/
.enter-collect-map::before {
  content: "";
  display: block;
  width: 52px;
  height: 52px;
  background: url(../images/enter-collect-map-mode.58620e1f6a083538faee63e713f01855.png) no-repeat center;
  background-size: 52px 52px;
}
.enter-collect-map:hover::before {
  background: url(../images/enter-collect-map-mode-active.32adb77aec67717c7dc65ea7ead09d6f.png) no-repeat center;
  background-size: 52px 52px;
}

.enter-collect-map-disabled i {
  color: rgba(255, 255, 255, 0.6);
}
.enter-collect-map-disabled::before {
  content: "";
  display: block;
  width: 52px;
  height: 52px;
  background: url(../images/enter-collect-map-mode-disabled.a1edb6916c57c59182197daeaa906866.png) no-repeat center;
  background-size: 52px 52px;
}
.enter-collect-map-disabled:hover::before {
  background: url(../images/enter-collect-map-mode-disabled.a1edb6916c57c59182197daeaa906866.png) no-repeat center;
  background-size: 52px 52px;
}
/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/SingleView/components/CheckCollectRoute/index.scss ***!
  \*****************************************************************************************************************************************************************************************************************************/
.check-collect-map::before {
  content: "";
  display: block;
  width: 52px;
  height: 52px;
  background: url(../images/check-route.efb90c4d73b1e37e0d221cca10286426.png) no-repeat center;
  background-size: 52px 52px;
}
.check-collect-map:hover::before {
  background: url(../images/check-route-active.132f2ab81147431412ecfa9ad9e1adb0.png) no-repeat center;
  background-size: 52px 52px;
}
/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/SingleView/components/FinishCollectMap/index.scss ***!
  \****************************************************************************************************************************************************************************************************************************/
.finish-collect-map::before {
  content: "";
  display: block;
  width: 52px;
  height: 52px;
  background: url(../images/finish-collect-map.87adafad737567e9b7b94806ff0de413.png) no-repeat center;
  background-size: 52px 52px;
}
.finish-collect-map:hover::before {
  background: url(../images/finish-collect-map-active.d6ebebfe076db90f066eb169c55e82d9.png) no-repeat center;
  background-size: 52px 52px;
}

.finish-collect-map-disabled i {
  color: rgba(255, 255, 255, 0.6);
}
.finish-collect-map-disabled::before {
  content: "";
  display: block;
  width: 52px;
  height: 52px;
  background: url(../images/finish-collect-map-disabled.f89324b53ace0b4bc9e127c6c10faa5f.png) no-repeat center;
  background-size: 52px 52px;
}
.finish-collect-map-disabled:hover::before {
  background: url(../images/finish-collect-map-disabled.f89324b53ace0b4bc9e127c6c10faa5f.png) no-repeat center;
  background-size: 52px 52px;
}

.finish-collect-modal {
  height: 650px;
}
.finish-collect-modal .confirm-text {
  color: #bcc2ca;
  font-size: 20px;
}
.finish-collect-modal .subTask-num {
  margin-top: 20px;
  margin-bottom: 30px;
  height: 60px;
  width: 100%;
  line-height: 60px;
  color: #e7e9ed;
  background-color: #374869;
  border-radius: 10px;
  padding-left: 30px;
}
.finish-collect-modal .route-title {
  text-align: center;
  color: #bcc2ca;
  font-size: 20px;
}
.finish-collect-modal #finish-modal-collect-map-box {
  width: 100%;
  height: 100%;
}
.finish-collect-modal .overlay-container {
  padding: 16px;
  box-sizing: border-box;
  background: rgba(32, 49, 81, 0.6);
  border: 2px solid rgba(255, 255, 255, 0.16);
  border-radius: 8px;
  box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.5);
}
.finish-collect-modal .overlay-container .triangle {
  width: 35px;
  height: 20px;
  background: rgba(32, 49, 81, 0.6);
  box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.5);
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  position: absolute;
  bottom: -18px;
  left: 47%;
}
.finish-collect-modal .overlay-container .label-text {
  font-size: 20px;
  font-family: PingFang SC;
  font-weight: normal;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.finish-collect-modal .overlay-container .label-text .label {
  color: rgba(255, 255, 255, 0.4);
}
.finish-collect-modal .overlay-container .label-text .text {
  color: rgba(255, 255, 255, 0.8);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  max-width: 300px;
}
.finish-collect-modal .overlay-container .image-list {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: 100%;
  max-width: 600px;
  min-width: 330px;
  max-height: 400px;
  min-height: 200px;
  box-sizing: border-box;
}
.finish-collect-modal .overlay-container .image-list::-webkit-scrollbar {
  width: 8px;
  background-color: rgba(0, 0, 0, 0.1);
}
.finish-collect-modal .overlay-container .image-list::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
}
.finish-collect-modal .overlay-container .image-list::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.2);
}
.finish-collect-modal .overlay-container .image-list .image-item {
  max-width: 50%;
  max-height: 60%;
  object-fit: contain;
  margin: 5px;
  flex: 1 1 auto;
  cursor: pointer;
  transition: transform 0.2s ease;
}
.finish-collect-modal .overlay-container .image-list .image-item:hover {
  transform: scale(1.5);
}
/*!************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/SingleView/components/TravelRoutes/index.scss ***!
  \************************************************************************************************************************************************************************************************************************/
.travel-routes-container {
  width: 100%;
  height: 100%;
}
.travel-routes-container .map-container {
  width: 100%;
  height: 100%;
}
.travel-routes-container .show-high-precision-map {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 999;
  cursor: pointer;
  display: flex;
  align-items: center;
  color: white;
  user-select: none;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  padding: 5px;
  opacity: 0.8;
  transition: all 0.2s ease;
}
.travel-routes-container .show-high-precision-map:hover {
  background-color: rgba(0, 0, 0, 0.7);
  transform: scale(1.1);
  opacity: 1;
}
.travel-routes-container .show-high-precision-map .eye-icon {
  width: 20px;
  height: 20px;
}
.travel-routes-container .show-high-precision-map span {
  margin-left: 5px;
  font-size: 20px;
}
.travel-routes-container .ol-zoom {
  display: none;
}
/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/SingleView/components/ExitCollectMap/index.scss ***!
  \**************************************************************************************************************************************************************************************************************************/
.exit-collect-map::before {
  content: "";
  display: block;
  width: 52px;
  height: 52px;
  background: url(../images/exit-collect-map-mode.906b6d72380bf1f92395654fa36b336f.svg) no-repeat center;
  background-size: 52px 52px;
}
.exit-collect-map:hover::before {
  background: url(../images/exit-collect-map-mode-active.535b89cb6fd410b558fd96dbdedb40cd.png) no-repeat center;
  background-size: 52px 52px;
}

.exit-collect-map-disabled i {
  color: rgba(255, 255, 255, 0.6);
}
.exit-collect-map-disabled::before {
  content: "";
  display: block;
  width: 52px;
  height: 52px;
  background: url(../images/exit-collect-map-mode-disabled.6ba48d6aa2056cc1cef617549d445a9e.png) no-repeat center;
  background-size: 52px 52px;
}
.exit-collect-map-disabled:hover::before {
  background: url(../images/exit-collect-map-mode-disabled.6ba48d6aa2056cc1cef617549d445a9e.png) no-repeat center;
  background-size: 52px 52px;
}
/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/SingleView/components/ResumeCollectMap/index.scss ***!
  \****************************************************************************************************************************************************************************************************************************/
.resume-collect-map::before {
  content: "";
  display: block;
  width: 52px;
  height: 52px;
  background: url(../images/resume-collect-map.2eaccc33d02a7a6c034810187d0e40a8.png) no-repeat center;
  background-size: 52px 52px;
}
.resume-collect-map:hover::before {
  background: url(../images/resume-collect-map-active.ba7702b23b255290b6b327f08c84e0dc.png) no-repeat center;
  background-size: 52px 52px;
}

.resume-collect-map-disabled i {
  color: rgba(255, 255, 255, 0.6);
}
.resume-collect-map-disabled::before {
  content: "";
  display: block;
  width: 52px;
  height: 52px;
  background: url(../images/resume-collect-map-disabled.cac46cbae3dda06baa693772d5b7a027.png) no-repeat center;
  background-size: 52px 52px;
}
.resume-collect-map-disabled:hover::before {
  background: url(../images/resume-collect-map-disabled.cac46cbae3dda06baa693772d5b7a027.png) no-repeat center;
  background-size: 52px 52px;
}
/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/SingleView/components/PauseCollectMap/index.scss ***!
  \***************************************************************************************************************************************************************************************************************************/
.pause-collect-map::before {
  content: "";
  display: block;
  width: 52px;
  height: 52px;
  background: url(../images/pause-collect-map.08aae15fab086123a54f839ed6cf9f4e.png) no-repeat center;
  background-size: 52px 52px;
}
.pause-collect-map:hover::before {
  background: url(../images/pause-collect-map-active.b91954e6871578b6625a21c12f2fb9ab.png) no-repeat center;
  background-size: 52px 52px;
}

.pause-collect-map-disabled i {
  color: rgba(255, 255, 255, 0.6);
}
.pause-collect-map-disabled::before {
  content: "";
  display: block;
  width: 52px;
  height: 52px;
  background: url(../images/pause-collect-map-disabled.e92b046fa78607562cf9f6342dd539d7.svg) no-repeat center;
  background-size: 52px 52px;
}
.pause-collect-map-disabled:hover::before {
  background: url(../images/pause-collect-map-disabled.e92b046fa78607562cf9f6342dd539d7.svg) no-repeat center;
  background-size: 52px 52px;
}
/*!*****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/Resolution/index.scss ***!
  \*****************************************************************************************************************************************************************************************************/
.resolution-list {
  position: absolute;
  top: 53%;
  right: 30%;
  z-index: 99;
}
.resolution-list .selected-resolution {
  background: rgba(0, 0, 0, 0.7);
  border-radius: 8px;
  padding: 6px 12px;
  font-size: 28px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgba(213, 226, 255, 0.8);
  cursor: pointer;
}
.resolution-list .resolution-btn-list {
  display: flex;
  flex-flow: column;
  position: absolute;
  bottom: 60px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 8px;
}
.resolution-list .resolution-btn-list i {
  padding: 6px 12px;
  font-size: 28px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgba(213, 226, 255, 0.8);
  cursor: pointer;
}
.resolution-list .resolution-btn-list i:hover {
  background: rgba(0, 0, 0, 0.5);
}
.resolution-list .resolution-btn-list i.active {
  background: rgba(0, 0, 0, 0.5);
}
/*!***********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/SingleView/components/MapTaskCard/index.scss ***!
  \***********************************************************************************************************************************************************************************************************************/
.map-task-card {
  width: 15.4%;
  height: 100%;
  position: relative;
  background: rgb(39, 50, 76);
  border: 4px solid rgba(23, 64, 133, 0.8);
  border-radius: 8px;
  overflow: hidden;
}
.map-task-card .toggle-map-mode {
  display: block;
  width: 48px;
  height: 48px;
  font-size: 48px;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 999;
  color: #afbbd2;
  cursor: pointer;
}
.map-task-card .toggle-map-mode.change-color {
  color: #d3adf7;
}
.map-task-card .collect-task-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  background: rgba(32, 49, 81, 0.6);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  width: 100%;
  height: 100%;
  transition: transform 0.5s ease-in-out;
}
.map-task-card .collect-task-info.active {
  transform: translateY(0);
}
.map-task-card .collect-task-info.inactive {
  transform: translateY(100%);
}
.map-task-card .collect-task-info img {
  width: 106px;
  height: 86px;
}
.map-task-card .collect-task-info .collect-task-info-list {
  list-style-type: none;
  padding: 18px;
}
.map-task-card .collect-task-info .collect-task-info-list li {
  display: flex;
  align-items: flex-start;
  margin: auto;
}
.map-task-card .collect-task-info .collect-task-info-list .label {
  font-size: 28px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgb(136, 152, 189);
  width: 200px;
}
.map-task-card .collect-task-info .collect-task-info-list .content {
  font-size: 32px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgb(213, 226, 255);
  flex: 1;
}
.map-task-card .travel-routes-css-div {
  width: 100%;
  height: 100%;
  transition: transform 0.5s ease-in-out;
}
.map-task-card .travel-routes-css-div.active {
  transform: translateY(-100%);
}
.map-task-card .travel-routes-css-div.inactive {
  transform: translateY(0);
}
/*!*******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/SingleView/components/CheckSolidifiedData/index.scss ***!
  \*******************************************************************************************************************************************************************************************************************************/
.check-solidified-data span {
  display: block;
  width: 52px;
  height: 52px;
  font-size: 52px;
  font-weight: 100;
  color: #d1e3ff;
}
.check-solidified-data span:hover {
  color: #0087ff;
}
.check-solidified-data i {
  font-size: 24px;
  font-family: PingFang SC;
  color: #fff;
  cursor: pointer;
}

.cancel-solidify {
  font-size: 24px;
  color: #3871d2;
}
.cancel-solidify.clicked {
  color: rgb(167, 164, 164);
}
.cancel-solidify.clicked:hover {
  color: rgb(167, 164, 164);
}
/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/SingleView/components/VehicleCommand/index.scss ***!
  \**************************************************************************************************************************************************************************************************************************/
.vehicle-command::before {
  content: "";
  display: block;
  width: 52px;
  height: 52px;
  background: url(../images/vehicle-command-normal.52b7a37acd85bc1d09466607fab5ac26.png) no-repeat center;
  background-size: 52px 52px;
}
.vehicle-command:hover::before {
  background: url(../images/vehicle-command-hover.59835b07cbf69191e0b37db6c9dd2f12.png) no-repeat center;
  background-size: 52px 52px;
}

.set-content .field-name {
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgb(255, 255, 255);
  display: flex;
  align-items: center;
}
.set-content .field-name i {
  width: 8px;
  height: 24px;
  background: rgb(13, 133, 255);
  border-radius: 2px;
  margin-right: 8px;
  display: inline-block;
}
/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/SingleView/components/VehicleCommand/SpeedLimitModal/index.scss ***!
  \******************************************************************************************************************************************************************************************************************************************/
.vehicle-speed-limit-setting-modal .ant-form-item-label > label {
  color: rgba(255, 255, 255, 0.8) !important;
}
.vehicle-speed-limit-setting-modal .ant-form-item .ant-form-item-label > label {
  color: rgba(255, 255, 255, 0.8) !important;
}
.vehicle-speed-limit-setting-modal .ant-radio-group {
  color: rgba(255, 255, 255, 0.8);
}
.vehicle-speed-limit-setting-modal .ant-radio-group .ant-radio-wrapper {
  color: rgba(255, 255, 255, 0.8) !important;
}
.vehicle-speed-limit-setting-modal .ant-radio-group .ant-radio-wrapper .ant-radio {
  color: rgba(255, 255, 255, 0.8);
}
.vehicle-speed-limit-setting-modal .ant-radio-group .ant-radio-wrapper .ant-radio-inner {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.8);
}
.vehicle-speed-limit-setting-modal .ant-radio-group .ant-radio-wrapper .ant-radio-checked .ant-radio-inner {
  border-color: rgba(255, 255, 255, 0.8);
}
.vehicle-speed-limit-setting-modal .ant-radio-group .ant-radio-wrapper .ant-radio-checked .ant-radio-inner:after {
  background-color: rgba(255, 255, 255, 0.8);
}
.vehicle-speed-limit-setting-modal .ant-input-number {
  background: rgba(10, 13, 26, 0.4) !important;
  border: 1px solid rgb(54, 57, 77);
  border-radius: 6px;
  color: rgba(255, 255, 255, 0.8);
  width: 100%;
}
.vehicle-speed-limit-setting-modal .ant-input-number input {
  color: rgba(255, 255, 255, 0.8);
  background: transparent !important;
  height: 50px;
}
.vehicle-speed-limit-setting-modal .ant-input-number:focus-within {
  border-color: #0d85ff;
}
.vehicle-speed-limit-setting-modal .ant-input-number .ant-input-number-handler-wrap {
  background: transparent;
}
.vehicle-speed-limit-setting-modal .ant-input-number .ant-input-number-handler {
  border-color: rgba(255, 255, 255, 0.8);
}
.vehicle-speed-limit-setting-modal .ant-input-number .ant-input-number-handler:hover .ant-input-number-handler-up-inner,
.vehicle-speed-limit-setting-modal .ant-input-number .ant-input-number-handler:hover .ant-input-number-handler-down-inner {
  color: rgba(255, 255, 255, 0.8);
}
.vehicle-speed-limit-setting-modal .ant-input-number .ant-input-number-handler-up-inner,
.vehicle-speed-limit-setting-modal .ant-input-number .ant-input-number-handler-down-inner {
  color: rgba(255, 255, 255, 0.8);
}
.vehicle-speed-limit-setting-modal .ant-form-item {
  color: rgba(255, 255, 255, 0.8);
}
.vehicle-speed-limit-setting-modal .ant-form-item:nth-child(1) {
  color: rgba(255, 255, 255, 0.8);
}
.vehicle-speed-limit-setting-modal .ant-form-item:nth-child(1) div {
  color: rgba(255, 255, 255, 0.8);
}
/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/CockpitBoard/index.scss ***!
  \*******************************************************************************************************************************************************************************************************/
.cockpit-board-item {
  width: 675px;
  height: 524px;
  background: rgb(20, 37, 69);
  border-radius: 8px;
  margin-right: 16px;
  margin-bottom: 25px;
}
.cockpit-board-item .borad-item_header {
  display: flex;
  align-items: center;
  color: #fff;
  height: 60px;
  background: linear-gradient(115.59deg, rgba(13, 133, 255, 0.6) 0%, rgba(27, 32, 56, 0.6) 100%);
  border-radius: 4px 4px 0 0;
}
.cockpit-board-item .borad-item_header .header-left {
  display: flex;
  flex: 1;
  align-items: center;
  margin-left: 12px;
}
.cockpit-board-item .borad-item_header .header-left .icon {
  display: block;
  width: 56px;
  height: 36px;
  background: url(../images/icon.9a538851e6af763610944ccca73d316c.png) no-repeat center;
  background-size: contain;
}
.cockpit-board-item .borad-item_header .header-left .label-text {
  font-size: 34px;
  font-family: JDZhengHT;
  font-weight: normal;
  color: #fff;
}
.cockpit-board-item .borad-item_header .header-left .divider {
  width: 2px;
  height: 34px;
  background: rgba(255, 255, 255, 0.2);
  margin: 0 12px;
}
.cockpit-board-item .borad-item_header .header-left .cockpitmode-text {
  width: auto;
  height: 37px;
  font-size: 26px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.8);
}
.cockpit-board-item .borad-item_header .header-right {
  display: flex;
  align-items: center;
}
.cockpit-board-item .borad-item_header .header-right .seat-icon {
  display: block;
  width: 66px;
  height: 51px;
}
.cockpit-board-item .borad-item_header .header-right .cockpit-type {
  display: block;
  width: 112px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  font-size: 24px;
  text-indent: 12px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgb(255, 255, 255);
}
.cockpit-board-item .borad-item_header .header-right.monitor .seat-icon {
  background: url(../images/monitor-seat.f9e3d4252fe42710009f5383f6fd959d.png) no-repeat top;
  background-size: contain;
  width: 96px;
  height: 75px;
  position: relative;
  bottom: 6px;
}
.cockpit-board-item .borad-item_header .header-right.monitor .cockpit-type {
  background: url(../images/monitor-bg.39853c85dad25062678676e8077f7528.png) no-repeat top;
  background-size: 100% 100%;
}
.cockpit-board-item .borad-item_header .header-right.cockpit .seat-icon {
  background: url(../images/cockpit-seat.067ce42872b570042f49ffffdfad7c06.png) no-repeat top;
  background-size: 100% 100%;
  width: 96px;
  height: 75px;
  position: relative;
  bottom: 6px;
}
.cockpit-board-item .borad-item_header .header-right.cockpit .cockpit-type {
  background: url(../images/cockpit-bg.e0f22e7a8c4466d06e55f481ed742906.png) no-repeat top;
  background-size: 100% 100%;
}
.cockpit-board-item .borad-item_header .header-right.offline .seat-icon {
  background: url(../images/offline.69fa60cabaf6747b074783e4ff7d7a7c.png) no-repeat top;
  background-size: cover;
  width: 96px;
  height: 75px;
  position: relative;
  bottom: 6px;
}
.cockpit-board-item .borad-item_header .header-right.offline .cockpit-type {
  background: url(../images/offline-bg.53380f24755c795826c7586375c8b6dd.png) no-repeat top;
  background-size: 100% 100%;
}
.cockpit-board-item .fields-box {
  display: flex;
  align-items: center;
  margin: 16px;
}
.cockpit-board-item .fields-box .field-item {
  display: flex;
  flex-flow: column;
  justify-content: center;
  flex: 1;
  margin-right: 4px;
}
.cockpit-board-item .fields-box .field-item .row-label {
  display: flex;
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.4);
  align-items: center;
}
.cockpit-board-item .fields-box .field-item .row-label .label-icon {
  display: block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-right: 6px;
}
.cockpit-board-item .fields-box .field-item .row-value {
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
}
.cockpit-board-item .issue-detail-board {
  box-sizing: border-box;
  margin: 0 12px;
  background: rgb(29, 47, 81);
  border: 1px solid rgb(54, 72, 105);
  border-radius: 8px;
  margin-bottom: 12px;
}
.cockpit-board-item .issue-detail-board .issue-tab-content {
  display: flex;
  height: 49px;
  background: rgb(38, 58, 95);
  border: 1px solid rgb(54, 72, 105);
  border-radius: 4px 4px 0 0;
}
.cockpit-board-item .issue-detail-board .issue-tab-content .tablist-content {
  display: flex;
}
.cockpit-board-item .issue-detail-board .issue-tab-content .tab-item {
  cursor: pointer;
  display: flex;
  align-items: center;
  font-size: 34px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgb(255, 255, 255);
  padding: 8px 20px;
  background: linear-gradient(180deg, rgb(13, 41, 86) 0%, rgb(28, 36, 68) 100%);
}
.cockpit-board-item .issue-detail-board .issue-tab-content .tab-item .vehicle-icon {
  display: block;
  width: 32px;
  height: 28px;
  background: url(../images/car-dark.3883b57bce7ea563bbb119ff6f3abd89.png) no-repeat top;
  background-size: contain;
  margin-right: 8px;
}
.cockpit-board-item .issue-detail-board .issue-tab-content .tab-item.tab-item-active {
  background: linear-gradient(180deg, rgba(13, 133, 255, 0.5) 0%, rgb(28, 53, 100) 100%);
  border-radius: 2px 0 0 0;
}
.cockpit-board-item .issue-detail-board .issue-tab-content .tab-item.tab-item-active .vehicle-icon {
  background: url(../images/car-icon.68028729cba4804609a82a8575ca6e31.png) no-repeat top;
  background-size: contain;
}
.cockpit-board-item .issue-detail-board .issue-detail-fields {
  margin: 10px 12px;
  flex: 1;
  line-height: 44px;
}
.cockpit-board-item .issue-detail-board .issue-detail-fields .row-fields {
  display: flex;
}
.cockpit-board-item .issue-detail-board .issue-detail-fields .row-fields .field-label {
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.4);
  margin-right: 12px;
}
.cockpit-board-item .issue-detail-board .issue-detail-fields .row-fields .field-value {
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.8);
  margin-left: 12px;
}
.cockpit-board-item .issue-detail-board .issue-detail-fields .row-fields .row-field-item {
  flex: 1;
}
.cockpit-board-item .issue-detail-board .issue-detail {
  height: calc(100% - 46px);
  display: flex;
  flex-flow: column;
}
.cockpit-board-item .issue-detail-board .issue-btn-group {
  display: flex;
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.8);
  border-top: 1px solid rgb(59, 63, 84);
}
.cockpit-board-item .issue-detail-board .issue-btn-group i {
  flex: 1;
  padding: 12px 0;
  text-align: center;
  position: relative;
  cursor: pointer;
}
.cockpit-board-item .issue-detail-board .issue-btn-group i:hover {
  color: rgb(0, 162, 255);
}
.cockpit-board-item .issue-detail-board .issue-btn-group i.active {
  color: rgb(0, 162, 255);
}
.cockpit-board-item .issue-detail-board .issue-btn-group i::after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 0;
  width: 1px;
  height: 26px;
  background-color: rgba(255, 255, 255, 0.2);
}
.cockpit-board-item .issue-detail-board .issue-btn-group i:last-child::after {
  display: none;
}
.cockpit-board-item .issue-detail-board .issue-btn-group i.disabled, .cockpit-board-item .issue-detail-board .issue-btn-group i.disabled:hover {
  color: rgba(255, 255, 255, 0.4);
}
.cockpit-board-item .issue-solver-info {
  height: calc(100% - 60px);
  display: flex;
  flex-flow: column;
}
.cockpit-board-item .issue-solver-info .issue-detail-board {
  flex: 1;
}

.ant-col .label {
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
}

.empty-ico {
  display: block;
  width: 100%;
  height: 70%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.4);
}
.empty-ico.offline {
  background: url(../images/offline-icon.14f417d0815fba6f8da93159b8ec5a1a.png) no-repeat 50%;
  background-size: 167px 144px;
}
.empty-ico.rest {
  background: url(../images/relax.a0b5a766dfe03e7ce0d214407d08a37b.png) no-repeat 50%;
  background-size: 167px 144px;
}
.empty-ico.work {
  background: url(../images/no_workorder_icon.ff0fe1177304897637165d374a7f885b.png) no-repeat 50%;
  background-size: 167px 144px;
}
/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/CockpitManage/components/CockpitBoard/index.scss ***!
  \***************************************************************************************************************************************************************************************************************************/
.cockpit-borad-group {
  padding: 0 40px;
  border-radius: 2px;
  height: calc(100vh - 400px);
  overflow-y: auto;
  background: linear-gradient(180deg, rgb(32, 49, 81) 0%, rgba(32, 49, 81, 0.5) 100%);
}
.cockpit-borad-group .board-list-content {
  display: flex;
  flex-wrap: wrap;
}
.cockpit-borad-group .group-item .group-item-head {
  display: flex;
  padding: 24px 0;
  font-size: 28px;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
  align-items: center;
}
.cockpit-borad-group .group-item .group-item-head .icon {
  display: block;
  width: 56px;
  height: 36px;
  background: url(../images/icon.9a538851e6af763610944ccca73d316c.png) no-repeat center;
  background-size: contain;
}
/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/CockpitManage/components/SelectVehicle/index.scss ***!
  \****************************************************************************************************************************************************************************************************************************/
.bind-vehicle-title {
  display: flex;
  align-items: center;
  font-size: 28px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgb(255, 255, 255);
  margin-top: 12px;
}
.bind-vehicle-title .icon {
  width: 8px;
  height: 24px;
  background: rgb(13, 133, 255);
  border-radius: 1px;
  margin-right: 8px;
}
.bind-vehicle-title span {
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgb(255, 255, 255);
}

.select-vehicle-container {
  max-height: 600px;
  overflow-y: scroll;
}
.select-vehicle-container .ant-checkbox-wrapper-disabled span {
  color: white;
}
.select-vehicle-container .ant-checkbox-wrapper {
  font-size: 24px;
  color: #fff;
}
.select-vehicle-container .ant-checkbox-wrapper .active {
  color: red;
}
.select-vehicle-container .menu-item.menu-level-3 {
  height: 100%;
}

.select-vehicle-search {
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.8);
}
.select-vehicle-search .ant-select {
  width: 555px;
  height: 56px;
  margin-left: 10px;
}

.clear-select-vehicle {
  margin-left: 10px;
  color: rgb(13, 133, 255);
  cursor: pointer;
  font-size: 20px;
  margin-top: 8px;
}
/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/CockpitManage/components/VehicleBoard/index.scss ***!
  \***************************************************************************************************************************************************************************************************************************/
.bind-vehicle-container {
  padding: 20px;
}

.bind-vehicle-search {
  margin-bottom: 20px;
}
.bind-vehicle-search .search-select-container {
  margin-right: 50px;
}
.bind-vehicle-search .search-select-container span {
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
  margin-right: 16px;
}
.bind-vehicle-search .search-select-container .ant-select {
  width: 353px;
  height: 57px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 4px;
}
.bind-vehicle-search .btn-container .reset-btn {
  margin-right: 12px;
}

.operate-btn {
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgb(13, 133, 255);
}
/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/CockpitManage/IssueBoard/index.scss ***!
  \**************************************************************************************************************************************************************************************************************/
.link-vehicle-name {
  color: rgb(13, 133, 255);
}
.link-vehicle-name:hover {
  color: rgb(13, 133, 255);
}
/*!***************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/CockpitManage/index.scss ***!
  \***************************************************************************************************************************************************************************************************/
.cockpit-manage-conatiner {
  width: 83%;
  margin: 0 auto;
}
.cockpit-manage-conatiner .issue-numm,
.cockpit-manage-conatiner .work-time {
  font-size: 44px;
  font-family: JDZhengHT;
  font-weight: normal;
  color: rgb(255, 255, 255);
}
.cockpit-manage-conatiner .record-info {
  display: flex;
}
.cockpit-manage-conatiner .record-info .user-work-detail {
  display: flex;
  flex: 1;
  color: #fff;
  align-items: center;
}
.cockpit-manage-conatiner .record-info .user-work-detail .left-box {
  flex: 1;
  display: flex;
}
.cockpit-manage-conatiner .record-info .user-work-detail .left-box .user-avatar {
  display: block;
  width: 100px;
  height: 100px;
  background: url(../images/user-avatar.b83b0fbfc1a9bcbae1eeb1635ec4d558.png) no-repeat center;
  background-size: contain;
  margin-left: 36px;
}
.cockpit-manage-conatiner .record-info .user-work-detail .left-box .detail-content {
  margin-left: 24px;
  font-size: 28px;
  font-family: PingFang SC;
  font-weight: normal;
  color: #fff;
}
.cockpit-manage-conatiner .record-info .user-work-detail .left-box .detail-content .tag {
  display: block;
  width: 75px;
  height: 36px;
  background: #697BA3;
  border: 1px solid rgb(105, 123, 163);
  border-radius: 19px;
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
}
.cockpit-manage-conatiner .record-info .user-work-detail .center,
.cockpit-manage-conatiner .record-info .user-work-detail .right {
  flex: 1;
  display: flex;
  flex-flow: column;
  font-size: 28px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.8);
  margin-left: 40px;
  align-items: flex-start;
}
.cockpit-manage-conatiner .record-info .user-work-detail .right {
  flex-flow: row;
  padding-left: 24px;
  margin-right: 24px;
  display: flex;
  flex-flow: column;
  flex: 1;
  text-align: left;
}
.cockpit-manage-conatiner .record-info .team-work-detail {
  color: #FFFFFF;
  display: flex;
  flex: 1;
  align-items: center;
}
.cockpit-manage-conatiner .record-info .team-work-detail .left-box {
  flex: 1;
  display: flex;
}
.cockpit-manage-conatiner .record-info .team-work-detail .left-box .vehicle-icon {
  display: block;
  width: 100px;
  height: 100px;
  background: url(../images/vehicle-icon.2bf21f77ec9fb80c3e4d8212cca8b8ed.png) no-repeat center;
  background-size: contain;
}
.cockpit-manage-conatiner .record-info .team-work-detail .left-box .detail-content {
  margin-left: 24px;
  font-size: 28px;
  font-family: PingFang SC;
  font-weight: normal;
  color: #fff;
}
.cockpit-manage-conatiner .record-info .team-work-detail .left-box .detail-content .tag {
  display: block;
  width: 75px;
  height: 36px;
  background: #697BA3;
  border: 1px solid rgb(105, 123, 163);
  border-radius: 19px;
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
}
.cockpit-manage-conatiner .record-info .team-work-detail .center,
.cockpit-manage-conatiner .record-info .team-work-detail .right {
  flex: 1;
  display: flex;
  flex-flow: column;
  font-size: 28px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.8);
  margin-left: 40px;
  text-align: left;
}
.cockpit-manage-conatiner .ant-tabs-nav {
  height: 88px;
  background-color: #263B64;
  font-size: 28px;
  font-family: PingFang SC;
  color: #fff;
  padding: 0 40px;
}
.cockpit-manage-conatiner .ant-tabs-nav::before {
  border: none;
}
.cockpit-manage-conatiner .ant-tabs-nav .ant-tabs-tab-btn {
  font-size: 28px;
  font-family: PingFang SC;
  color: #fff;
}
.cockpit-manage-conatiner .ant-tabs-nav .ant-tabs-ink-bar {
  height: 8px;
}
.cockpit-manage-conatiner .ant-table-container {
  background-color: #223559;
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
}
.cockpit-manage-conatiner .ant-table-container th.ant-table-cell {
  background-color: #263A5F;
  color: rgba(255, 255, 255, 0.8);
}
.cockpit-manage-conatiner .ant-table-container th.ant-table-cell::before {
  display: none;
}
.cockpit-manage-conatiner .ant-table-container tr.ant-table-placeholder {
  font-size: 24px;
  background-color: #263A5F;
  color: rgba(255, 255, 255, 0.8);
}
.cockpit-manage-conatiner .ant-table-container tr.ant-table-placeholder td.ant-table-cell {
  border-bottom: none;
}
/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/IssueSummary/index.scss ***!
  \*******************************************************************************************************************************************************************************************************/
.record-info {
  display: flex;
  margin: 20px 0;
}
.record-info .issue-num,
.record-info .work-time {
  font-size: 44px;
  font-family: JDZhengHT;
  font-weight: normal;
  color: rgb(255, 255, 255);
}
.record-info .user-work-detail {
  display: flex;
  flex: 1;
  color: #fff;
  align-items: center;
}
.record-info .user-work-detail .left-box {
  flex: 1;
  display: flex;
}
.record-info .user-work-detail .left-box .user-avatar {
  display: block;
  width: 100px;
  height: 100px;
  background: url(../images/user-avatar.b83b0fbfc1a9bcbae1eeb1635ec4d558.png) no-repeat center;
  background-size: contain;
  margin-left: 36px;
}
.record-info .user-work-detail .left-box .detail-content {
  margin-left: 24px;
  font-size: 28px;
  font-family: PingFang SC;
  font-weight: normal;
  color: #fff;
}
.record-info .user-work-detail .left-box .detail-content .tag {
  display: block;
  width: 75px;
  height: 36px;
  background: #697BA3;
  border: 1px solid rgb(105, 123, 163);
  border-radius: 19px;
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
  margin-bottom: 20px;
}
.record-info .user-work-detail .center,
.record-info .user-work-detail .right {
  flex: 1;
  display: flex;
  flex-flow: column;
  font-size: 28px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.8);
  margin-left: 40px;
}
.record-info .user-work-detail .right {
  display: flex;
  flex-flow: column;
  flex: 1;
  text-align: left;
  padding-left: 24px;
  margin-right: 24px;
}
.record-info .team-work-detail {
  color: #FFFFFF;
  display: flex;
  flex: 1;
  align-items: center;
}
.record-info .team-work-detail .left-box {
  flex: 1;
  display: flex;
  min-width: 38%;
}
.record-info .team-work-detail .left-box .vehicle-icon {
  display: block;
  width: 100px;
  height: 100px;
  background: url(../images/vehicle-icon.2bf21f77ec9fb80c3e4d8212cca8b8ed.png) no-repeat center;
  background-size: contain;
}
.record-info .team-work-detail .left-box .detail-content {
  margin-left: 24px;
  font-size: 28px;
  font-family: PingFang SC;
  font-weight: normal;
  color: #fff;
}
.record-info .team-work-detail .left-box .detail-content .tag {
  display: block;
  width: 75px;
  height: 36px;
  background: #697BA3;
  border: 1px solid rgb(105, 123, 163);
  border-radius: 19px;
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
  margin-bottom: 20px;
}
.record-info .team-work-detail .center,
.record-info .team-work-detail .right {
  flex: 1;
  display: flex;
  flex-flow: column;
  font-size: 28px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.8);
  margin-left: 40px;
}
/*!******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/views/Home/index.scss ***!
  \******************************************************************************************************************************************************************************************/
.home-view-container {
  height: calc(100vh - 200px);
  position: relative;
}
.home-view-container .left-region {
  width: 60%;
  height: 100%;
  margin-left: 100px;
  position: absolute;
  z-index: 9;
}
.home-view-container .left-region .ant-tabs-nav {
  height: 88px;
  background-color: #263B64;
  font-size: 28px;
  font-family: PingFang SC;
  color: #fff;
  padding: 0 40px;
}
.home-view-container .left-region .ant-tabs-nav::before {
  border: none;
}
.home-view-container .left-region .ant-tabs-nav .ant-tabs-tab-btn {
  font-size: 28px;
  font-family: PingFang SC;
  color: #fff;
}
.home-view-container .left-region .ant-tabs-nav .ant-tabs-ink-bar {
  height: 8px;
}
.home-view-container .cockpit-status-board {
  background: rgb(38, 59, 100);
  border-radius: 12px;
  box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.3);
  height: 90%;
  display: flex;
  flex-flow: column;
  color: #fff;
}
.home-view-container .cockpit-status-board .cockpit-group-content {
  flex: 1;
  background: #223456;
  display: flex;
  flex-flow: column;
  max-height: calc(100% - 88px);
  overflow-y: auto;
}
.home-view-container .right-region {
  width: 60%;
  height: 100%;
  position: fixed;
  background: url(../images/cockpit.f4f7d8aa1245f67958e76fb011a138f3.png) no-repeat top right;
  background-size: contain;
  top: 0;
  right: 0;
}
.home-view-container .right-region .operate-region {
  position: absolute;
  right: 14%;
  bottom: 5%;
}
.home-view-container .right-region .operate-region .enter-btn {
  cursor: pointer;
  width: 588px;
  height: 112px;
  background: url(../images/btn-bg.b8e52284bd3af60ee499a573fbe7e333.png) no-repeat center;
  font-size: 36px;
  font-family: PingFang SC;
  font-weight: normal;
  color: #fff;
  line-height: 112px;
  text-align: center;
  text-indent: 68px;
}
.home-view-container .right-region .operate-region .mode-select {
  width: 588px;
  height: 112px;
  background: rgba(13, 133, 255, 0.2);
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  margin-bottom: 40px;
}
.home-view-container .right-region .operate-region .mode-select.ant-select .ant-select-selection-item {
  font-size: 36px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgb(255, 255, 255);
  line-height: 112px;
}
.home-view-container .right-region .operate-region .mode-select.ant-select .ant-select-selection-search-input {
  height: 100%;
}
.home-view-container .right-region .operate-region .mode-select.ant-select .anticon svg {
  width: 25px;
  height: 25px;
  color: #0D85FF;
}
.home-view-container .right-region .operate-region .mode-select.ant-select .ant-select-selector {
  height: 100%;
  background: rgba(10, 13, 26, 0.2);
  border: 1px solid rgb(106, 106, 112);
}
/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/CockpitGroup/index.scss ***!
  \*******************************************************************************************************************************************************************************************************/
.cockpit-list-content {
  display: flex;
  margin-bottom: 3px;
  flex: 0 0 33%;
}
.cockpit-list-content .label {
  display: flex;
  flex-flow: column;
  font-size: 32px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgba(213, 226, 255, 0.8);
  width: 260px;
  justify-content: center;
  align-items: center;
  background: linear-gradient(90deg, rgba(106, 255, 245, 0.1) 0%, rgba(106, 255, 245, 0) 100%);
}
.cockpit-list-content .label .num {
  font-size: 68px;
  font-family: JDZhengHT;
  font-weight: normal;
  color: rgb(106, 255, 245);
}
.cockpit-list-content .cockpit-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex: 1;
}
.cockpit-list-content .cockpit-list .cockpit-item {
  display: flex;
  flex-flow: column;
  align-items: center;
  flex: 0 0 200px;
}
.cockpit-list-content .cockpit-list .cockpit-item .cockpit-number {
  font-size: 36px;
  font-family: JDZhengHT;
  font-weight: bold;
  color: rgb(68, 230, 240);
}
.cockpit-list-content .cockpit-list .cockpit-item .cockpit-ico {
  width: 150px;
  height: 126px;
}
.cockpit-list-content .cockpit-list .cockpit-item .user-name {
  color: rgba(255, 255, 255, 0.8);
  display: flex;
  align-items: center;
  font-size: 21px;
  font-family: PingFang SC;
}
.cockpit-list-content .cockpit-list .cockpit-item .user-name::before {
  content: "";
  width: 21px;
  height: 21px;
  background: url(../images/avatar-normal.72bdce1f897303e16b475dae3be47281.png) no-repeat center;
  background-size: contain;
  display: block;
  margin-right: 4px;
}
.cockpit-list-content .cockpit-list .cockpit-item.online .cockpit-ico {
  background: url(../images/online.42b2659c14aae0e22cc9321d8f94c1de.png) no-repeat center;
  background-size: contain;
}
.cockpit-list-content .cockpit-list .cockpit-item.online .cockpit-number {
  color: #44E6F0;
}
.cockpit-list-content .cockpit-list .cockpit-item.offline .cockpit-ico {
  background: url(../images/offline.69fa60cabaf6747b074783e4ff7d7a7c.png) no-repeat center;
  background-size: contain;
}
.cockpit-list-content .cockpit-list .cockpit-item.offline .cockpit-number {
  color: rgba(213, 226, 255, 0.5);
}
.cockpit-list-content .cockpit-list .cockpit-item.rest .cockpit-number {
  color: #D5E2FF;
}
/*!**********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/BindVehicleList/index.scss ***!
  \**********************************************************************************************************************************************************************************************************/
.bind-vehicle-list {
  height: calc(100% - 88px);
  overflow-y: auto;
  background-color: #203151;
}
.bind-vehicle-list .label {
  font-size: 24px;
  font-family: PingFang SC;
  color: #fff;
  padding: 24px;
}
.bind-vehicle-list .second-level .label {
  border: none;
  padding: 24px;
  padding-left: 24px;
}
.bind-vehicle-list .second-level .vehicle-list {
  padding: 24px;
  margin-bottom: 24px;
  background: #1A2946;
  width: 98%;
  box-sizing: border-box;
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgb(255, 255, 255);
  margin: 0 auto;
}
.bind-vehicle-list .second-level .vehicle-list i {
  margin-right: 16px;
  white-space: nowrap;
}
.bind-vehicle-list .list-item {
  padding: 24px 48px;
  background: rgba(3, 4, 13, 0.2);
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.8);
  display: flex;
  align-items: self-start;
}
.bind-vehicle-list .list-item .label {
  width: 300px;
  padding: 0;
}
.bind-vehicle-list .list-item .values {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
}
/*!*********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./src/assets/css/reset.scss ***!
  \*********************************************************************************************************/
@charset "utf-8";

/*-- 全局reset
-------------------------------------------*/

@font-face {
  font-family: "Netron";
  src: url(../images/Netron-2.903dc4cf85e47678694d9418dda28dd8.otf);
}

@font-face {
  font-family: "JDZhengHT";
  src: url(../def09be5d10e7a88f314.TTF);
}

@font-face {
  font-family: "PingFang SC";
  src: url(../images/PingFang-SC-Regular.750355c170f4655c7adfa3ddab5170e1.ttf);
}

html,
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
object,
code,
legend,
button,
input,
textarea,
label,
th,
td,
a,
img {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  word-wrap: break-word;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 100px;
}

body {
  font:
    14px/1.5 "Helvetica Neue",
    Helvetica,
    "PingFang SC",
    "Hiragino Sans GB",
    "Microsoft YaHei",
    Arial,
    sans-serif;
  background-color: #f5f5f5;
  color: #333;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  /*抗锯齿*/
}

/*清除内外边距*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-size: 100%;
}

/*设置默认字体*/
:focus {
  outline: 0;
}

ul,
ol,
li {
  list-style: none;
}

/*重置列表*/
fieldset,
img {
  border: 0 none;
  vertical-align: top;
}

/*重置图片元素*/

address,
caption,
cite,
code,
dfn,
em,
i,
th,
var,
optgroup {
  font-style: normal;
  font-weight: normal;
}

abbr,
acronym {
  border: 0;
  font-variant: normal;
}

input,
button,
textarea,
select,
optgroup,
option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}

code,
kbd,
samp,
tt {
  font-size: 100%;
}

input,
button,
textarea,
select {
  *font-size: 100%;
  outline: none;
  -webkit-appearance: none;
}

textarea {
  resize: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*重置表格*/
blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

a {
  text-decoration: none;
}

a:focus,
a:active {
  outline: none;
}

a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}

/*--清除浮动
-------------------------------------------*/

.cf:after,
.cf:before {
  display: table;
  content: " ";
}

.cf:after {
  clear: both;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

/*--字号、颜色、外边距、内补丁、居中、行高、显示、隐藏
------------------------------------------------------------------------------------------*/

.f10 {
  font-size: 12px;
  -webkit-transform-origin-x: 0;
  -webkit-transform: scale(0.84);
}

.f12 {
  font-size: 12px;
}

.f13 {
  font-size: 13px;
}

.f14 {
  font-size: 14px;
}

.f16 {
  font-size: 16px;
}

.f18 {
  font-size: 18px;
}

.c-333 {
  color: #333;
}

.c-666 {
  color: #666;
}

.c-999 {
  color: #999;
}

.c-primary {
  color: #3c6ef0;
}

.c-warning {
  color: #ffb600;
}

.c-danger {
  color: #ff3f0f;
}

.c-success {
  color: #35ffab;
}

/* 隐藏 居中 */
.fb {
  font-weight: 600;
}

.tc {
  text-align: center;
}

.t-left {
  text-align: left;
}

.t-right {
  text-align: right;
}

.hide {
  display: none !important;
}

.ti {
  font-size: 0;
  text-indent: -9999em;
  overflow: hidden;
}

.te {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.te2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.te3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.te4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.ico {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  background-repeat: no-repeat;
  -webkit-background-size: contain !important;
  background-size: contain !important;
}

.rel {
  position: relative;
}

.dlk-inline {
  display: inline-block;
}

.dlk-table {
  display: table;
}

.table-cell {
  display: table-cell;
  vertical-align: middle;

  &.top {
    vertical-align: top;
  }
}

/*垂直居中*/
.vertical-mode {
  writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
}

.rel {
  position: relative;
}

.abs {
  position: absolute;
}

.vh-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

.v-center {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.h-center {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

/*去掉搜索框的自带样式，包括边框，搜索和删除按钮*/
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

input[type="search"] {
  -webkit-appearance: none;
}

.jd-inp::-moz-placeholder {
  color: #ccc;
  opacity: 1;
}

.jd-inp:-ms-input-placeholder {
  color: #ccc;
}

.jd-inp::-webkit-input-placeholder {
  color: #ccc;
}

/* ----------------------------------------------------------------
       fbox：定义布局为盒模型
       flex1：子元素占据剩余的空间

       hbox：  盒模型--水平布局 不折行
       whbox： 盒模型--水平布局 且折行
       vhbox： 盒模型--垂直布局

       vbox：  子元素--水平居中
       cbox：  子元素--垂直居中
       cwbox： 子元素--水平垂直居中(左右 多元素居中)
       vcbox： 子元素--垂直水平居中(上下 多元素居中)

       jbox：  子元素--两端对齐
       jcbox： 子元素--垂直居中且两端对齐
       jwcbox：子元素--垂直居中且两端对齐 且折行 最后一行两端对齐
       jlcbox：子元素--垂直居中且两端对齐 且折行 最后一行居左对齐
       ---------------------------------------------------------------- */

/*定义盒模型*/
.fbox,
.hbox,
.whbox,
.vhbox,
.vbox,
.cbox,
.cwbox,
.vcbox,
.jbox,
.jcbox,
.jwcbox,
.jlcbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

/*撑满剩余空间*/
.flex1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

/*水平排列*/
.hbox,
.whbox {
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -webkit-box-align: stretch;
  -ms-flex-direction: row;
  flex-direction: row;
  align-items: stretch;
  /*未定义高度撑满*/
}

/*水平折行排列*/
.whbox,
.jwcbox,
.jlcbox {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

/*垂直排列*/
.vhbox,
.vcbox {
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -webkit-box-align: stretch;
  -ms-flex-direction: column;
  flex-direction: column;
  align-items: stretch;
  /*未定义高度撑满*/
}

/*水平居中*/
.vbox,
.cwbox,
.vcbox {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/*垂直居中*/
.cbox,
.cwbox,
.vcbox,
.jcbox {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

/*水平垂直居中 (注:水平居中和垂直居中之和(--多行水平居中排列--)的结合体)*/
.cwbox {}

/*水平垂直居中 (注:水平居中和垂直居中之和(--多行垂直排列--)的结合体)*/
.vcbox {}

/*两端对齐*/
.jbox,
.jcbox,
.jwcbox,
.jlcbox {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

/*居中两端对齐 单行居中对齐  (注:垂直居中和两端对齐的结合体)*/
.jcbox {}

/*两端对齐 且折行  最后一行也两端对齐  (注:水平折行排列和两端对齐的结合体)*/
.jwcbox {}

/*两端对齐 且折行  最后一行左对齐  (注:水平折行排列和两端对齐的结合体)*/
.jlcbox {}

.jlcbox:after {
  content: "";
  flex: auto;
}

::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 8px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 8px;
}

::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 8px;
  box-shadow: 0;
  background: rgba(255, 255, 255, 0.15);
}

::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow: 8px;
  border-radius: 0;
  background: transparent;
}

::-webkit-scrollbar-track-piece {
  background: transparent;
}

.ant-table-cell-scrollbar {
  display: none;
}

/*modal重置*/

.ant-modal-content {
  background: #203151 !important;
  border-radius: 4px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  color: #fff;

  .ant-modal-confirm-body,
  .ant-modal-body {
    min-height: 150px;

    .anticon,
    .ant-modal-confirm-content {
      font-size: 28px;
    }
  }

  .ant-modal-close {
    color: rgba(255, 255, 255, 0.6);
    top: 24px;

    .ant-modal-close-x {
      font-size: 24px;
    }
  }

  .ant-modal-header {
    background: transparent;
    font-size: 28px;
    padding: 12px;
    border-bottom: 1px solid #40465f;

    .ant-modal-title {
      font-size: 24px;
      color: rgba(255, 255, 255, 0.8);
    }
  }

  .ant-modal-footer {
    border-top-color: rgba(255, 255, 255, 0.12);
  }

  .ant-modal-confirm-title {
    color: #fff !important;
  }
}

.ant-modal-confirm-content {
  color: #fff !important;
}

/*table重置*/

.ant-table-container {
  border-top: 0 !important;

  .ant-table-row-hover {
    background: #3a3f57 !important;
  }
}

.ant-table {
  font-size: 24px;
  color: rgba(255, 255, 255, 0.8);
  background: #1a2843 !important;
  border: 0 !important;

  &-filter-trigger {
    font-size: 24px;
    color: rgba(255, 255, 255, 0.8);

    &.active {
      color: #0098ff;
    }
  }

  &-filter-trigger-container {
    bottom: -1px;
  }

  tr.ant-table-expanded-row,
  tr.ant-table-expanded-row:hover {
    background: #2e334d;
  }

  &-filter-trigger-container-open,
  &-filter-trigger-container:hover,
  &-thead th.ant-table-column-has-sorters:hover .ant-table-filter-trigger-container,
  &-thead th.ant-table-column-has-sorters:hover .ant-table-filter-trigger-container:hover {
    background: #2e334d;
  }

  &-filter-trigger-container-open .ant-table-filter-trigger,
  &-filter-trigger:hover {
    color: rgba(255, 255, 255, 0.8);
  }

  &-filter-dropdown-btns {
    border-top: none;
  }

  &-filter-dropdown {
    background: linear-gradient(180deg, #3b3f54 0%, #3b3f54 100%);
  }

  .ant-table-header>table {
    border-top: 0 !important;
  }

  &-thead {
    background: #2e334d !important;

    tr {
      th {
        color: rgba(255, 255, 255, 0.8) !important;
        background: #2e334d !important;
        border: 0 !important;
        padding: 13px 16px;
      }

      .ant-table-column-sort {
        background: #262b40 !important;
      }

      .ant-table-column-has-sorters:hover {
        background: #262b40;
      }
    }
  }

  &-tbody {
    tr {
      &:nth-child(even)>td {
        background: #202335;
      }

      &:nth-child(odd)>td {
        background: #292d45;
      }

      td {
        color: rgba(255, 255, 255, 0.8) !important;
        padding: 13px 16px !important;
        border-bottom: 1px solid rgba(10, 13, 26, 0.4) !important;
      }

      &.ant-table-row:hover {
        td {
          background: #3a3f57 !important;
        }
      }

      td.ant-table-column-sort {
        background: #262b40 !important;
      }
    }
  }

  .ant-table-tbody-virtual-holder-inner {
    .ant-table-row {
      color: rgba(255, 255, 255, 0.8) !important;
      padding: 13px 16px !important;
      border-bottom: 1px solid rgba(10, 13, 26, 0.4) !important;
      font-size: 24px;
      font-family: PingFang SC;
      font-weight: 500;

      .ant-table-cell {
        text-align: left;
        border-bottom: transparent;
      }
    }
  }

  .ant-table-tbody-virtual-holder-inner>div:nth-child(even) {
    background: #2a3a59;
  }

  .ant-table-tbody-virtual-holder-inner>div:nth-child(odd) {
    background: #1c2c49;
  }

  tr>th,
  tr>td,
  .ant-table-container,
  .ant-table-cell-fix-right-first::after {
    border-right: 0 !important;
    border-left: 0 !important;
  }

  .ant-table-cell-scrollbar {
    box-shadow: none;
  }

  tr.ant-table-measure-row {
    visibility: collapse;
  }
}

.ant-table-wrapper .ant-table-tbody>tr.ant-table-placeholder:hover>td {
  background: #364562;
}

.ant-table-wrapper .ant-table-tbody .ant-table-row>.ant-table-cell-row-hover {
  background: #364562;
}

.ant-table-wrapper .ant-table-tbody>tr>td,
.ant-table-wrapper .ant-table-thead>tr>th {
  border-bottom: none;
  background-color: #263a5f;
  color: rgba(255, 255, 255, 0.8);

  &::before {
    display: none;
  }

  font-size: 24px;
}

.ant-btn-default,
.ant-btn-primary {
  height: 44px;
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgba(255, 255, 255, 1);
  line-height: 44px;
  background-color: #1f3150;

  &:disabled {
    background-color: #0d85ff;
    color: rgba(255, 255, 255, 0.25);
    border: none;
  }
}

.ant-btn-primary {
  background-color: #0d85ff;
}

/*----- 下拉框 -----*/
.ant-select {
  color: #fff;

  .ant-select-selector {
    background: rgba(3, 4, 13, 0.3) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 4px !important;

    .ant-select-selection-item {
      color: #fff;
      font-size: 24px;
    }
  }

  &.ant-select-focused {
    box-shadow: none;

    .ant-select-selector {
      border-color: #0d85ff !important;
    }
  }

  .ant-select-arrow {
    color: #1f3150 !important;
  }

  &.ant-select-multiple {
    .ant-select-selection-item {
      background: #1b2038 !important;
      border: none;
    }

    .ant-select-selection-item-remove svg {
      color: #1f3150 !important;
    }
  }

  .ant-select-selection-placeholder {
    color: rgba(213, 226, 255, 0.5);
    font-size: 24px;
  }
}

.ant-select-dropdown,
.ant-tree-select-dropdown {
  background-color: #263a5f;
  border-radius: 4px 4px 4px 4px 0;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  color: #fff;

  .ant-select-item,
  .ant-select-tree,
  .ant-empty {
    color: rgba(213, 226, 255, 0.5);
  }

  .ant-select-item-option-selected:not(.ant-select-item-option-disabled),
  .ant-select-item-option-active:not(.ant-select-item-option-disabled),
  .ant-select-tree-node-content-wrapper:hover,
  .ant-select-tree-node-content-wrapper-normal:hover {
    background-color: rgba(0, 0, 0, 0.2);
    color: #fff;
  }

  .ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
  .ant-cascader-menu-item-loading-icon {
    color: #666;
  }

  .ant-cascader-menu {
    border-right: 1px solid rgba(10, 13, 26, 1);

    .ant-cascader-menu-item-selected:not(.ant-cascader-menu-item-disabled),
    .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled) {
      background-color: rgba(0, 0, 0, 0.2);
      color: #0d85ff;
    }

    .ant-cascader-menu-item {
      color: rgba(255, 255, 255, 0.8);
      border-bottom: 1px solid rgba(0, 0, 0, 0.2);
      font-size: 20px;

      &:hover {
        background-color: rgba(0, 0, 0, 0.2);
        color: #0d85ff;
      }
    }
  }
}

.ant-select-selection-placeholder {
  color: rgba(255, 255, 255, 0.4);
}

.ant-select-clear {
  background: rgba(27, 32, 56, 1);
  color: #666;
}

.ant-select-clear:hover {
  background: rgba(27, 32, 56, 1);
  color: #666;
}

.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
  height: 58px;
}

.ant-select-single.ant-select-lg:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input {
  height: 58px;
}

.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector::after,
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder {
  line-height: 58px;
}

.ant-select-selection-search-input {
  color: #fff !important;
  font-size: 24px !important;
}

.ant-select .ant-select-clear {
  color: gray;
  top: 45%;
  margin-top: -12px;
  width: 28px;
  height: 28px;
}

/*----- input -----*/

.ant-input {
  background: #1a2843 !important;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 2px;
  color: rgba(255, 255, 255, 0.8) !important;
  font-size: 24px;

  &:focus {
    border: none;
  }
}

input::placeholder,
textarea::placeholder {
  color: rgba(213, 226, 255, 0.5) !important;
  font-size: 24px;
}

.ant-input-affix-wrapper {
  padding: 0 2px;
  background-color: #1a2843;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.ant-input-affix-wrapper>input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover,
.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):focus-within,
.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):active {
  background-color: #1a2843;
  border: 1px solid #0869cc !important;
}

.ant-form-item-has-error :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper {
  background-color: transparent !important;
  border: 1px solid #ff574d !important;
}

.ant-input-clear-icon {
  background: rgba(27, 32, 56, 1);
  color: #666;
}

.ant-checkbox-wrapper {
  color: #fff;
  font-size: 24px;

  .ant-checkbox {
    .ant-checkbox-inner {
      width: 20px;
      height: 20px;
      background-color: #203151;
      border: 2px solid rgba(255, 255, 255, 0.6);
    }
  }

  .ant-checkbox-checked {
    .ant-checkbox-inner {
      background-color: #1677ff;
      border-color: #1677ff;
    }
  }
}

.ant-menu-dark {
  background-color: #203151;
}

.ant-menu-dark.ant-menu-inline .ant-menu-sub.ant-menu-inline {
  background-color: #203151;
}

.ant-col {
  font-size: 24px;
}

.ant-table-wrapper .ant-table-thead>tr>th {
  background-color: #2a3a59;
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);

  &::before {
    display: none;
  }
}

.ant-tabs-nav {
  height: 88px;
  background-color: #203151;
  font-size: 28px;
  font-family: PingFang SC;
  color: #fff;
  padding: 0 40px;

  &::before {
    border: none;
  }

  .ant-tabs-tab-btn {
    font-size: 28px;
    font-family: PingFang SC;
    color: #fff;
  }

  .ant-tabs-ink-bar {
    height: 8px;
  }
}

.ant-tabs-top>.ant-tabs-nav::before {
  border-bottom: none;
}

.ant-form-item-label label {
  font-size: 24px !important;
  color: #fff !important;
}

.ant-message {
  font-size: 24px;
}

.ant-dropdown .ant-dropdown-menu {
  background-color: #203151;

  .ant-dropdown-menu-title-content {
    color: #fff;
  }
}

.ant-dropdown .ant-dropdown-arrow:before {
  background-color: #203151;
}

.ant-popover {
  .ant-popover-inner {
    background: rgba(46, 51, 77, 1);
    color: #fff;
    padding: 20px;
    font-size: 24px;

    .pop-content {
      color: #fff;
    }
  }
}

.ant-radio-wrapper {
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: normal;
  color: rgba(255, 255, 255, 1);

  .ant-radio-inner {
    width: 24px;
    height: 24px;
    background-color: #101A2D;
    border-color: rgba(255, 255, 255, 0.4);
  }
}

.ant-input-textarea-show-count .ant-input-data-count {
  color: #fff;
}

.ant-upload {
  color: rgba(255, 255, 255, 0.6);
  font-size: 40px;
}

.ant-tabs-top>.ant-tabs-nav {
  margin: 0;
}

.ant-message-notice-warning {
  .ant-message-notice-content {
    background: linear-gradient(rgba(255, 158, 11, 0.2), rgba(255, 158, 11, 0.2)),
      linear-gradient(rgba(10, 13, 26, 0.6), rgba(10, 13, 26, 0.6)) !important;
    border: 2px solid rgba(255, 158, 11, 0.2);
    border-radius: 8px;
    font-size: 36px;
    font-family: PingFang SC;
    font-weight: normal;
    color: rgba(255, 255, 255, 1);

    .ant-message-warning>.anticon {
      color: #ff7700;
      font-size: 36px;
    }
  }
}

.ant-message-notice-success {
  .ant-message-notice-content {
    background: linear-gradient(rgba(20, 186, 183, 0.2), rgba(20, 186, 183, 0.2)),
      linear-gradient(rgba(10, 13, 26, 0.6), rgba(10, 13, 26, 0.6)) !important;
    border: 2px solid rgba(20, 186, 183, 0.2);
    border-radius: 8px;
    font-size: 36px;
    font-family: PingFang SC;
    font-weight: normal;
    color: rgba(255, 255, 255, 1);

    .ant-message-success>.anticon {
      color: #14bab7;
      font-size: 36px;
    }
  }
}

.ant-message-notice-error {
  .ant-message-notice-content {
    background: linear-gradient(rgba(255, 122, 122, 0.2), rgba(255, 122, 122, 0.2)),
      linear-gradient(rgba(10, 13, 26, 0.6), rgba(10, 13, 26, 0.6)) !important;
    border: 2px solid rgba(255, 87, 77, 0.2);
    border-radius: 8px;
    font-size: 36px;
    font-family: PingFang SC;
    font-weight: normal;
    color: rgba(255, 255, 255, 1);

    .ant-message-error>.anticon {
      color: #ff574d;
      font-size: 36px;
    }
  }
}

.ant-btn:not(:disabled):focus-visible {
  outline: none !important;
}

.ant-table-tbody tr:nth-child(even)>td {
  background: rgba(28, 44, 73, 1) !important;
}

.ant-empty-description {
  color: rgba(255, 255, 255, 0.6);
}

.ant-form-item {
  flex: 0 0 48%;
  margin-bottom: 16px;

  .ant-col-6 {
    flex: 0 0 40%;
    max-width: 40%;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }

  .ant-form-item-label label {
    font-size: 24px;
    font-family: PingFang SC;
    font-weight: normal !important;
    color: rgba(255, 255, 255, 0.8) !important;
    margin-right: 16px;
  }
}

.ant-input {
  background: #101A2D !important;
  padding: 8px !important;
  font-size: 24px !important;
}

.ant-input-outlined:focus {
  background-color: #101A2D;
}

.anticon-close-circle {
  color: rgba(255, 255, 255, 0.6);
}

.ant-input-outlined:focus-within {
  background-color: #101A2D !important;
}

.ant-input-affix-wrapper {
  background-color: #101A2D !important;
}

.ant-select-selection-item {
  color: rgba(213, 226, 255, 0.5) !important;
}

.ant-radio-inner {
  width: 24px;
  height: 24px;
  background-color: #101A2D;
  border-color: rgba(255, 255, 255, 0.4);
}

.re-picker {
  .ant-select-selection-overflow-item {
    padding: 6px;
  }

  .ant-select-arrow {
    display: none;
  }

  .ant-picker-outlined {
    background: transparent;
  }

  .defaultIcon {
    right: 16px;
  }
}

.ant-radio-wrapper .ant-radio-checked .ant-radio-inner {
  border-color: #1677ff !important;
  background-color: #1677ff !important;
}

/*----- 重置日历组件 -----*/

.ant-picker {
  background: rgba(10, 13, 26, 0.4) !important;
  color: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(54, 57, 77, 1) !important;

  .ant-picker-input>input {
    color: rgba(255, 255, 255, 0.8) !important;
    line-height: 24px;
  }

  .ant-picker-input>input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.4);
  }

  .ant-picker-input>input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.4);
  }

  .ant-picker-input>input::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.4);
  }

  .ant-picker-input>input::placeholder {
    color: rgba(255, 255, 255, 0.4);
  }

  .ant-picker-suffix {
    color: #666 !important;
  }

  .ant-picker-clear {
    background: rgba(27, 32, 56, 1) !important;
    color: #666;
  }

  .ant-picker-separator {
    font-size: 20px;
    color: #666 !important;
  }

  &:hover,
  &:active,
  &:focus {
    border: 1px solid #0d85ff !important;
  }

  .ant-picker-range-arrow::after {
    border-color: rgba(27, 32, 56, 1) rgba(27, 32, 56, 1)transparent transparent;
  }
}

.ant-picker-dropdown .ant-picker-panel-container {
  background: rgba(27, 32, 56, 1) !important;
  border-radius: 4px 4px 4px 4px 0;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5) !important;
  color: #fff !important;

  .ant-picker-panel {
    border: 1px solid rgba(10, 13, 26, 1) !important;

    .ant-picker-year-panel,
    .ant-picker-month-panel,
    .ant-picker-decade-panel {
      .ant-picker-header {
        border-bottom: 1px solid rgba(10, 13, 26, 1);
        color: white !important;

        .ant-picker-header-view button {
          color: $white !important;

          &:hover,
          &:active {
            color: #0d85ff !important;
          }
        }

        button {
          color: #666;

          &:hover,
          &:active {
            color: #fff;
          }
        }
      }

      .ant-picker-content {
        .ant-picker-cell {
          color: #666 !important;
        }

        th,
        .ant-picker-cell-in-view {
          color: #fff !important;
        }

        .ant-picker-cell-disabled {
          &::before {
            background: transparent !important;
          }

          .ant-picker-cell-inner {
            color: #666 !important;
          }
        }

        .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single)::before,
        .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single)::before {
          background: #262b40 !important;
        }

        .ant-picker-cell-in-view.ant-picker-cell-in-range::before {
          background: #262b40 !important;
        }

        .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover::before,
        .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-hover::before,
        .ant-picker-cell-in-view.ant-picker-cell-range-end.ant-picker-cell-range-hover::before,
        .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single).ant-picker-cell-range-hover-start::before,
        .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single).ant-picker-cell-range-hover-end::before,
        .ant-picker-panel> :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start::before,
        .ant-picker-panel> :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end::before {
          background: #1c1f37 !important;
        }

        .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after,
        .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after {
          background: #1c1f37 !important;
        }

        .ant-picker-focused {
          box-shadow: unset;
        }

        .ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner,
        .ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner {
          background: #1c1f37 !important;
        }
      }
    }

    .ant-picker-datetime-panel {
      .ant-picker-date-panel {
        .ant-picker-header {
          border-bottom: 1px solid rgba(10, 13, 26, 1);

          .ant-picker-header-view button {
            color: #fff !important;

            &:hover,
            &:active {
              color: #0d85ff !important;
            }
          }

          button {
            color: #666;

            &:hover,
            &:active {
              color: #fff;
            }
          }
        }

        .ant-picker-content {
          .ant-picker-cell {
            color: #666 !important;
          }

          th,
          .ant-picker-cell-in-view {
            color: #fff !important;
          }

          .ant-picker-cell-disabled {
            &::before {
              background: transparent !important;
            }

            .ant-picker-cell-inner {
              color: #666 !important;
            }
          }

          .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single)::before,
          .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single)::before {
            background: #262b40 !important;
          }

          .ant-picker-cell-in-view.ant-picker-cell-in-range::before {
            background: #262b40 !important;
          }

          .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover::before,
          .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-hover::before,
          .ant-picker-cell-in-view.ant-picker-cell-range-end.ant-picker-cell-range-hover::before,
          .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single).ant-picker-cell-range-hover-start::before,
          .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single).ant-picker-cell-range-hover-end::before,
          .ant-picker-panel> :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start::before,
          .ant-picker-panel> :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end::before {
            background: #1c1f37 !important;
          }

          .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after,
          .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after {
            background: #1c1f37 !important;
          }

          .ant-picker-focused {
            box-shadow: unset;
          }

          .ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner,
          .ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner {
            background: rgba(255, 255, 255, 0.12) !important;
          }
        }
      }

      .ant-picker-time-panel {
        border-left: 1px solid rgba(10, 13, 26, 1);

        .ant-picker-header {
          color: $white;
          border-bottom: 1px solid rgba(10, 13, 26, 1);
        }

        .ant-picker-time-panel-column>li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner {
          color: #fff;

          &:hover,
          &:active,
          &:focus {
            background: rgba(38, 43, 64, 1);
            color: #0d85ff;
          }
        }

        .ant-picker-time-panel-column>li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner {
          background: rgba(38, 43, 64, 1);
          color: #fff;
        }

        .ant-picker-time-panel-column:not(:first-child) {
          border-left: 1px solid rgba(10, 13, 26, 1);
        }

        .ant-picker-time-panel-cell-disabled {
          &::before {
            background: transparent !important;
          }

          .ant-picker-time-panel-cell-inner {
            color: #666 !important;
          }
        }
      }
    }

    .ant-picker-footer {
      border-top: 1px solid rgba(10, 13, 26, 1);
    }
  }
}

.dark-theme.x-coreui-common-form-container .x-coreui-form-item-label>label, .dark-theme.x-coreui-searchform-container .x-coreui-form-item-label>label{
  font-size: 24px;
}
.dark-theme.x-coreui-common-form-container .x-coreui-radio, .dark-theme.x-coreui-common-form-container .x-coreui-radio-wrapper, .dark-theme.x-coreui-searchform-container .x-coreui-radio, .dark-theme.x-coreui-searchform-container .x-coreui-radio-wrapper{
  font-size: 24px;
}
/*!*********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./src/assets/css/index.scss ***!
  \*********************************************************************************************************/
.main-container{
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background: radial-gradient(at 10.5% 6.4% , rgba(40,61,104,1) 0%,rgba(17,22,31,0) 100%),linear-gradient(180deg, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 100%);
}
#webpack-dev-server-client-overlay{
  display: none;
}
i{
  font-style: normal;
}
/*!****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/assets/css/all.scss ***!
  \****************************************************************************************************************************************************************************************/


/*# sourceMappingURL=main-dc7f06bde5a1bc492855.min.css.map*/