body {
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}

#root .menuComponent .ant-menu-horizontal {
  border-bottom: none;
}
#root .menuComponent .ant-menu {
  background-color: transparent;
  color: white;
}
#root .menuComponent .ant-menu-item,
#root .menuComponent .ant-menu-submenu {
  border-bottom: none;
  height: 100%;
}
#root .menuComponent .ant-menu-item-active,
#root .menuComponent .ant-menu-item:hover,
#root .menuComponent .ant-menu-submenu-active,
#root .menuComponent .ant-menu-submenu:hover,
#root .menuComponent .ant-menu-submenu-title:hover {
  color: inherit;
}
#root .layout > .ant-tabs-bar {
  margin-bottom: 0;
}
#root .ant-table-thead > tr,
#root .ant-table-header {
  background-color: #f4f6f8;
}
#root .antdTableAndPagination {
  padding: 5px;
}
#root .antdTableAndPagination .ant-table-small {
  overflow: hidden;
}
#root .antdTableAndPagination .ant-table-scroll {
  display: flex;
  flex-direction: column;
}
#root .antdTableAndPagination .ant-table-scroll .ant-table-body {
  flex: 1 1;
  min-height: 1px;
}
#root .antdTableAndPagination .ant-pagination {
  margin-top: 8px;
  margin-right: 8px;
}
.ant-dropdown,
.ant-dropdown-menu,
.ant-cascader-menu {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.ant-spin-nested-loading > div.ant-spin-container {
  height: 100%;
}
.ant-spin-nested-loading > div.ant-spin-container > div {
  height: 100%;
}
.ant-spin-nested-loading > div div.ant-spin {
  height: 80%;
  max-height: 80%;
}
.ant-menu-submenu-popup .myMenuItemComponent {
  display: flex;
}
.ant-menu-item,
.ant-menu-submenu-title,
.ant-calendar-input,
.ant-menu-item-group-title {
  position: relative;
  will-change: transform;
  transition: none !important;
  padding: 0 36px;
}
table .ant-table-thead > tr > th {
  background: #f4f6f8;
  color: #8092b7;
}
div.ant-table-bordered .ant-table-header > table,
div.ant-table-bordered .ant-table-body > table,
div.ant-table-bordered .ant-table-fixed-left table,
div.ant-table-bordered .ant-table-fixed-right table,
div.ant-table-bordered .ant-table-thead > tr > th,
div.ant-table-bordered .ant-table-tbody > tr > td {
  border-color: #e9eef7;
}
i.ant-input-search-icon {
  color: #8092b7;
}
i.ant-input-search-icon:hover {
  color: #8092b7;
}
i.ant-calendar-picker-icon,
i.ant-select-arrow-icon,
.ant-time-picker-icon i.ant-time-picker-clock-icon {
  color: #8092b7;
}
body .ant-time-picker-input,
body .ant-input {
  border-color: #bdc8db;
}
body .ant-time-picker-input::-webkit-input-placeholder, body .ant-input::-webkit-input-placeholder {
  /* Firefox, Chrome, Opera */
  color: rgba(128, 146, 183, 0.5);
}
body .ant-time-picker-input:-ms-input-placeholder, body .ant-input:-ms-input-placeholder {
  /* Firefox, Chrome, Opera */
  color: rgba(128, 146, 183, 0.5);
}
body .ant-time-picker-input::placeholder,
body .ant-input::placeholder {
  /* Firefox, Chrome, Opera */
  color: rgba(128, 146, 183, 0.5);
}
body .ant-time-picker-input :-ms-input-placeholder,
body .ant-input :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: rgba(128, 146, 183, 0.5);
}
body .ant-time-picker-input::-ms-input-placeholder,
body .ant-input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: rgba(128, 146, 183, 0.5);
}
span.ant-select-selection {
  border-color: #bdc8db;
}
span.ant-select-selection .ant-select-selection__placeholder {
  color: rgba(128, 146, 183, 0.5);
}
label.ant-radio-button-wrapper:not(.ant-radio-button-wrapper-checked) {
  border-color: #bdc8db;
}
label.ant-radio-button-wrapper:not(.ant-radio-button-wrapper-checked):not(:first-child)::before {
  background: #bdc8db;
}
div.ant-select-selection {
  border-color: #bdc8db;
}
div div .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
div div .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
div div .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
div div .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
div div .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
div div .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
div div .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
div div .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  transition: none;
}
#myBody .ant-tree li {
  padding: 2px 0;
}
#myBody .ant-tree li .iconfont.iconindex {
  color: #8092b7;
}
#myBody .ant-tree li .ant-tree-iconEle {
  width: auto;
  width: initial;
  margin-right: 6px;
}
#myBody .ant-tree li span.ant-tree-switcher {
  position: relative;
}
#myBody .ant-tree li span.ant-tree-switcher .ant-tree-switcher-icon,
#myBody .ant-tree li span.ant-tree-switcher .ant-select-switcher-icon {
  -webkit-transform: none;
          transform: none;
}
#myBody .ant-tree li span.ant-tree-switcher .ant-tree-switcher-icon.anticon-caret-down,
#myBody .ant-tree li span.ant-tree-switcher .ant-select-switcher-icon.anticon-caret-down {
  position: relative;
  left: 4px;
}
#myBody .ant-tree.ant-tree-show-line .ant-tree-switcher {
  font-size: 15px;
}
#myBody .ant-tree.ant-tree-show-line .ant-tree-switcher > i.anticon-minus-square,
#myBody .ant-tree.ant-tree-show-line .ant-tree-switcher > i.anticon-plus-square {
  width: 13px;
  height: 13px;
  overflow: hidden;
  position: relative;
  top: -1px;
}
#myBody .ant-tree.ant-tree-show-line .ant-tree-switcher > i.anticon-minus-square > svg,
#myBody .ant-tree.ant-tree-show-line .ant-tree-switcher > i.anticon-plus-square > svg {
  position: relative;
  left: -1px;
  top: -1px;
}
#myBody .ant-tree.ant-tree-show-line .ant-tree-node-content-wrapper {
  padding: 0 3px;
}
#myBody .ant-tree.ant-tree-show-line > li:before,
#myBody .ant-tree.ant-tree-show-line .ant-tree-child-tree > li:before {
  content: " ";
  width: 1px;
  border-left: 1px dashed #bdc8db;
  height: 100%;
  position: absolute;
  left: 12px;
  top: 0;
  margin: 0;
}
#myBody .ant-tree.ant-tree-show-line > li:first-child:before,
#myBody .ant-tree.ant-tree-show-line .ant-tree-child-tree > li:first-child:before {
  top: 6px;
  height: calc(100% - 6px);
}
#myBody .ant-tree.ant-tree-show-line > li:last-child:before,
#myBody .ant-tree.ant-tree-show-line .ant-tree-child-tree > li:last-child:before {
  height: 14px;
}
#myBody .ant-tree.ant-tree-show-line > li:first-child:last-child:before,
#myBody .ant-tree.ant-tree-show-line .ant-tree-child-tree > li:first-child:last-child:before {
  height: 8px;
}
#myBody .ant-tree.ant-tree-show-line > li span.ant-tree-switcher-noop,
#myBody .ant-tree.ant-tree-show-line .ant-tree-child-tree > li span.ant-tree-switcher-noop {
  background: transparent;
}
#myBody .ant-tree.ant-tree-show-line > li .ant-tree-switcher-noop > i,
#myBody .ant-tree.ant-tree-show-line .ant-tree-child-tree > li .ant-tree-switcher-noop > i {
  visibility: hidden;
}
#myBody .ant-tree.ant-tree-show-line > li .ant-tree-switcher-noop:after,
#myBody .ant-tree.ant-tree-show-line .ant-tree-child-tree > li .ant-tree-switcher-noop:after {
  content: " ";
  height: 1px;
  border-bottom: 1px dashed #bdc8db;
  width: 10px;
  position: absolute;
  left: 12px;
  top: 50%;
  margin: 0;
}
.commonRowStyle {
  background-color: rgba(0, 0, 0, 0.02);
}
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* mixin for multiline */
/* public cursor style */
.ant-select-selection--multiple {
  cursor: pointer;
}
.ant-select-selection--multiple .ant-select-search__field {
  cursor: pointer;
}
@font-face {
  font-family: 'NumberFont';
  src: url(/static/media/helvetica_condensed.732846bd.eot);
  src: url(/static/media/helvetica_condensed.732846bd.eot?#iefix) format('embedded-opentype'), url(/static/media/helvetica_condensed.bd01dca0.woff) format('woff'), url(/static/media/helvetica_condensed.76252828.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'NumberFontBold';
  src: url(/static/media/helvetica_condensed_bold.5cf0a60c.eot);
  src: url(/static/media/helvetica_condensed_bold.5cf0a60c.eot?#iefix) format('embedded-opentype'), url(/static/media/helvetica_condensed_bold.9d1e8b60.woff) format('woff'), url(/static/media/helvetica_condensed_bold.067e0c42.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
html body {
  font-family: 'Microsoft YaHei', -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
.App {
  width: 100vw;
  height: 100vh;
  min-width: 1366px;
  min-height: 740px;
  display: flex;
  flex-direction: column;
}
.App .layout.ant-tabs {
  flex: 1 1;
  min-height: 1px;
  display: flex;
  flex-direction: column;
}
.App .layout.ant-tabs .ant-tabs-content {
  flex: 1 1;
  min-height: 1px;
}
.App .layout.ant-tabs .ant-tabs-tabpane-active {
  height: 100%;
}
.App .layout.ant-tabs .ant-tabs-content-no-animated > .ant-tabs-tabpane-inactive {
  display: none;
}
.App .layout.ant-tabs > .ant-tabs-card-bar {
  background-color: #E7ECF6;
}
.App .layout.ant-tabs > .ant-tabs-card-bar .ant-tabs-tab {
  border: none;
  background-color: #E7ECF6;
  transition: 0s;
  border-radius: 6px 6px 0 0;
}
.App .layout.ant-tabs > .ant-tabs-card-bar .ant-tabs-tab:first-child {
  margin-left: 8px;
}
.App .layout.ant-tabs > .ant-tabs-card-bar .ant-tabs-tab:before {
  content: '';
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  height: calc(100% - 8px * 2);
  margin: 8px 0;
  border-right: 1px solid #BDC8DB;
}
.App .layout.ant-tabs > .ant-tabs-card-bar .ant-tabs-tab-active {
  background-color: #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  margin: 0 -1px;
}
.App .layout.ant-tabs > .ant-tabs-card-bar .ant-tabs-tab-active:before,
.App .layout.ant-tabs > .ant-tabs-card-bar .ant-tabs-tab-active:after {
  content: '';
  position: absolute;
  border: none;
  width: 11px;
  height: 11px;
  background: url(/static/media/tabCorner.986a45ad.svg);
  top: auto;
  top: initial;
  bottom: 0;
  right: -12px;
  z-index: 1;
  margin: 0;
}
.App .layout.ant-tabs > .ant-tabs-card-bar .ant-tabs-tab-active:after {
  left: -12px;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.App .SplitPane .Pane {
  min-width: 1px;
  min-height: 1px;
}
.App > .testColors {
  display: none;
}
.App > .testColors > div {
  width: 200px;
  height: 50px;
}
.App > .testColors .testColor {
  background-color: none;
}
.alarmTreeSelect.ant-select {
  cursor: pointer;
}
.alarmTreeSelect.ant-select.ant-select-open span.suffixIcon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.alarmTreeSelect.ant-select .ant-select-search__field__wrap {
  display: none;
}
.alarmTreeSelect.ant-select span.suffixIcon {
  position: absolute;
  right: 7px;
  cursor: pointer;
  width: 18px;
  height: 18px;
  line-height: 19px;
  text-align: center;
  color: #8092b7;
  top: 7px;
  font-size: 12px;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
/* Works on Chrome/Edge/Safari */
/*滚动条整体样式*/
*::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  cursor: pointer;
}
/*滚动条滑块*/
*::-webkit-scrollbar-thumb {
  background: #bdc8db;
  border-radius: 3px;
}
/*滚动条轨道*/
/* The emerging W3C standard
   that is currently Firefox-only */
* {
  scrollbar-width: thin !important;
  scrollbar-color: #bdc8db #fff0 !important;
}
/****************        react-split-pane start      *****************/
.Resizer {
  position: relative;
  background: #E7ECF6;
  overflow: hidden;
  z-index: 1;
  flex-shrink: 0;
}
.Resizer:hover {
  transition: all 0.5s ease;
}
.Resizer:before,
.Resizer:after {
  content: '\2630';
  display: block;
  height: 13px;
  color: #B8C1D7;
}
.Resizer.horizontal {
  width: 100%;
  height: 6px;
  border-top: 0px solid #D9D9D9;
  border-bottom: 0px solid #D9D9D9;
  cursor: row-resize;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.Resizer.horizontal:before,
.Resizer.horizontal:after {
  -webkit-transform: translate(8px, -4px) rotate(90deg);
          transform: translate(8px, -4px) rotate(90deg);
}
.Resizer.horizontal:hover {
  background: rgba(43, 43, 43, 0.15);
}
.Resizer.vertical {
  width: 6px;
  border-left: 0px solid #D9D9D9;
  border-right: 0px solid #D9D9D9;
  cursor: col-resize;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.Resizer.vertical:before,
.Resizer.vertical:after {
  -webkit-transform: translate(-4px, -5px);
          transform: translate(-4px, -5px);
}
.Resizer.vertical:hover {
  background: rgba(43, 43, 43, 0.15);
}
.Resizer.disabled {
  cursor: not-allowed;
}
.Resizer.disabled:hover {
  border-color: transparent;
}
/****************    react-split-pane end      *************/
.numberFont {
  font-family: 'NumberFont';
}
.numberFontBold {
  font-family: 'NumberFontBold';
}
.anticon.treeRefresh {
  position: absolute;
  top: 8px;
  right: 16px;
  font-size: 16px;
  color: #8092b7;
  cursor: pointer;
  z-index: 1;
}
.anticon.treeRefresh:hover {
  color: #3c4054;
}
div.myMultipleSelectDropDown {
  padding: 8px 0;
}
div.myMultipleSelectDropDown > div:first-child {
  height: 100%;
  overflow: hidden;
}
.org-tree-icon {
  padding-right: 5px;
}
/* 图片放大插件公共样式*/
#lightboxBackdrop .downLoadBtn {
  flex: 1 1;
  text-align: right;
  margin-top: 8px;
  margin-right: 10px;
}
#lightboxBackdrop .downLoadBtn .iconfont {
  color: #fff;
  font-size: 19px;
  height: 40px;
  cursor: pointer;
}
#lightboxBackdrop img {
  width: 100%;
}
div.platformAlarmDialog {
  padding: 10px 10px 20px 30px;
  cursor: pointer;
  border: 2px solid;
}
div.platformAlarmDialog.level1 {
  border-color: #f6b647;
}
div.platformAlarmDialog.level1 .iconfont {
  color: #f6b647;
}
div.platformAlarmDialog.level2 {
  border-color: #FF5622;
}
div.platformAlarmDialog.level2 .iconfont {
  color: #FF5622;
}
div.platformAlarmDialog.level3 {
  border-color: #DB1616;
}
div.platformAlarmDialog.level3 .iconfont {
  color: #DB1616;
}
div.platformAlarmDialog .ant-notification-notice-close {
  top: 10px;
  right: 16px;
}
div.platformAlarmDialog .ant-notification-notice-with-icon {
  position: relative;
  padding-left: 6px;
}
div.platformAlarmDialog .ant-notification-notice-with-icon .ant-notification-notice-icon {
  position: absolute;
  left: -6px;
}
div.platformAlarmDialog .ant-notification-notice-with-icon .ant-notification-notice-icon .iconfont {
  font-size: 40px;
}
div.platformAlarmDialog .ant-notification-notice-with-icon .ant-notification-notice-message {
  color: #314659;
  font-weight: bold;
  margin-bottom: 8px;
}
div.platformAlarmDialog .ant-notification-notice-with-icon .description {
  display: flex;
  align-items: center;
}
div.platformAlarmDialog .ant-notification-notice-with-icon .description .plateNoComponent {
  margin-right: 10px;
}
div.platformAlarmDialog .ant-notification-notice-with-icon .description .orgName {
  flex: 1 1;
  width: 1px;
  line-height: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
div.platformAlarmDialog .ant-notification-notice-with-icon .ant-notification-notice-close {
  top: 8px;
  right: 12px;
}
.react-resizable {
  position: relative;
  background-clip: padding-box;
}
.react-resizable-handle {
  position: absolute;
  width: 10px;
  height: 100%;
  bottom: 0;
  right: -5px;
  cursor: col-resize;
  z-index: 1;
}
.vehStatusInfo.s1,
.vehStatusInfo.s4 {
  color: #2196F3;
}
.vehStatusInfo.s0,
.vehStatusInfo.s2 {
  color: #8092b7;
}
.vehStatusInfo.s3,
.vehStatusInfo.s5 {
  color: #d47d20;
}
.insPageQueryResDialog .ant-modal-body {
  max-height: 75vh;
  overflow: auto;
}
.insPageQueryResDialog .formCol {
  display: flex;
  border: 1px solid #bdc8db;
  height: 26px;
  margin-bottom: 4px;
}
.insPageQueryResDialog .formCol .formLabel {
  width: 210px;
  background: #f0f0f0;
  margin-right: 8px;
  border-right: 1px solid #bdc8db;
  padding-left: 4px;
  line-height: 26px;
}
.insPageQueryResDialog .formCol input {
  flex: 1 1;
  min-width: 1px;
  border: none;
  background: none;
  outline: none;
  touch-action: none;
  box-shadow: none;
  padding: 0;
  height: 100%;
}
.ins_4_3_modal .ant-form-explain {
  visibility: hidden;
}
.insPageVideoDialog .ant-modal-body {
  padding-top: 40px;
}
.insPageVideoDialog video {
  width: 100%;
}
.insPageVideoDialog audio {
  width: 100%;
}
.videoChannelCom {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.videoChannelCom .ch {
  position: relative;
  display: flex;
  color: #6070FB;
  margin: 0 2px;
  justify-content: center;
  align-items: center;
}
.videoChannelCom .ch.disabled {
  color: #a7a7a7;
}
.videoChannelCom .ch .myIconComponent {
  font-size: 20px;
}
.videoChannelCom .ch .no {
  display: block;
  position: absolute;
  text-align: center;
  width: 14px;
  left: -7px;
  top: -12px;
}
.mapStorageCom {
  color: #6070FB;
  display: inline-block;
  position: relative;
  top: 2px;
}
.mapStorageCom .myIconComponent {
  font-size: 18px;
}
.mapStorageCom .myIconComponent.disabled {
  color: #bbb;
}
.monitorCarDetail .item {
  display: flex;
  margin: 4px 0;
}
.monitorCarDetail .item .label {
  margin-right: 8px;
  flex-shrink: 0;
}
.monitorCarDetail .abnor {
  color: #ccc;
}
.monitorCarDetail .abnor.yellow {
  color: #FF6F00;
}

#root .izeeLoginPage {
  width: 100%;
  height: 100%;
  background: url(/static/media/background.4c6d96ce.jpg) no-repeat;
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#root .izeeLoginPage > .main {
  display: flex;
  background-color: white;
  width: 1152px;
  height: 552px;
  border-radius: 20px;
  overflow: hidden;
}
#root .izeeLoginPage > .main > .left {
  display: flex;
  flex: 1 1;
  justify-content: center;
  align-items: center;
}
#root .izeeLoginPage > .main > .left > img {
  width: 240px;
}
#root .izeeLoginPage > .main .login-form {
  width: 50%;
  padding: 0 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#root .izeeLoginPage > .main .login-form .myIconComponent {
  color: white;
  font-size: 26px;
  margin-left: 4px;
}
#root .izeeLoginPage > .main .login-form .ant-form-item {
  margin-bottom: 34px;
}
#root .izeeLoginPage > .main .login-form .ant-form-explain {
  position: absolute;
  left: 24px;
}
#root .izeeLoginPage > .main .login-form .ant-input {
  border: none;
  border-radius: 50px;
  background: linear-gradient(90deg, #ef6537, #f29221) !important;
  color: white;
  padding: 6px 50px 6px 100px;
  height: 50px;
  font-size: 20px;
}
#root .izeeLoginPage > .main .login-form .ant-input::-webkit-input-placeholder {
  /* Firefox, Chrome, Opera */
  color: rgba(255, 255, 255, 0.5);
  font-size: 16px;
}
#root .izeeLoginPage > .main .login-form .ant-input:-ms-input-placeholder {
  /* Firefox, Chrome, Opera */
  color: rgba(255, 255, 255, 0.5);
  font-size: 16px;
}
#root .izeeLoginPage > .main .login-form .ant-input::placeholder {
  /* Firefox, Chrome, Opera */
  color: rgba(255, 255, 255, 0.5);
  font-size: 16px;
}
#root .izeeLoginPage > .main .login-form .ant-input:-internal-autofill-selected {
  transition: background-color 5000s ease-in-out 0s;
  -webkit-text-fill-color: #fff;
  caret-color: #eee;
}
#root .izeeLoginPage > .main .login-form .logo1ImgWrapper {
  text-align: right;
  margin-bottom: 30px;
}
#root .izeeLoginPage > .main .login-form .codeItem {
  position: relative;
}
#root .izeeLoginPage > .main .login-form .codeItem input {
  padding-right: 140px;
}
#root .izeeLoginPage > .main .login-form .codeItem .codeImg {
  width: 90px;
  height: 40px;
  position: absolute;
  right: 40px;
  top: 5px;
  cursor: pointer;
}
#root .izeeLoginPage > .main .login-form .codeItem .codeImg .divider {
  display: inline-block;
  width: 2px;
  height: calc(100% - 16px);
  margin: 8px 6px;
  background: #e8e8e8;
}
#root .izeeLoginPage > .main .login-form .codeItem .codeImg img {
  width: 75px;
  height: 32px;
  vertical-align: 4px;
}
#root .izeeLoginPage > .main .login-form .remenberPasswordItem {
  margin: -20px 0 10px;
}
#root .izeeLoginPage > .main .login-form .remenberPasswordItem .ant-form-item-children {
  display: flex;
  justify-content: space-between;
  color: #f58d1a;
}
#root .izeeLoginPage > .main .login-form .remenberPasswordItem .ant-checkbox {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
#root .izeeLoginPage > .main .login-form .remenberPasswordItem .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #eb4336;
}
#root .izeeLoginPage > .main .login-form .remenberPasswordItem .ant-checkbox-wrapper {
  color: #f58d1a;
}
#root .izeeLoginPage > .main .login-form .remenberPasswordItem .ant-checkbox-inner {
  border-radius: 50%;
  border-color: #eb4336;
}
#root .izeeLoginPage > .main .login-form .remenberPasswordItem .ant-checkbox-checked::after {
  content: none;
}
#root .izeeLoginPage > .main .login-form .subBtnWrapper {
  text-align: right;
}
#root .izeeLoginPage > .main .login-form .subBtnWrapper .login-form-button {
  background-color: #5a5a58;
  width: 188px;
  height: 50px;
  border: none;
  border-radius: 50px;
}

.loginPage {
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  position: relative;
  background-color: #093161;
}
.loginPage video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.loginPage .background {
  height: 100%;
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.loginPage .bottomBack {
  position: absolute;
  width: 700px;
  height: 600px;
  left: 250px;
  z-index: 66;
}
@media screen and (max-width: 1400px) {
  .loginPage .bottomBack {
    left: 100px;
  }
}
.loginPage .bottomBack .ant-carousel {
  width: 100%;
  height: 100%;
}
.loginPage .bottomBack .ant-carousel .slick-slider {
  width: 100%;
  height: 100%;
}
.loginPage .bottomBack .ant-carousel .slick-slider .slick-list {
  width: 100%;
  height: 100%;
}
.loginPage .bottomBack .ant-carousel .slick-slider .slick-list .slick-track {
  height: 100%;
}
.loginPage .bottomBack .ant-carousel .slick-slider .slick-list .slick-track .slick-active {
  height: 100%;
}
.loginPage .bottomBack .ant-carousel .slick-slider .slick-list .slick-track .slick-active .areyouok {
  width: 700px;
  height: 600px;
  display: flex !important;
  justify-content: center;
}
.loginPage .bottomBack .ant-carousel .slick-slider .slick-list .slick-track .slick-active .areyouok img {
  height: 600px !important;
  width: 700px !important;
}
.loginPage .bottomBack .ant-carousel .slick-slider .slick-list .slick-track .slick-active .areyouok .imgs {
  width: 700px;
  height: 600px;
}
.loginPage .carrouselBlock {
  z-index: 666;
  width: 700px;
  height: 600px;
  margin-left: 250px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 1400px) {
  .loginPage .carrouselBlock {
    margin-left: 100px;
  }
}
.loginPage .carrouselBlock .top {
  display: flex;
  justify-content: space-around;
  margin-top: 30px;
}
.loginPage .carrouselBlock .top img {
  width: 100%;
}
.loginPage .carrouselBlock .top .singleI {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.loginPage .carrouselBlock .top .singleI:nth-child(1) {
  width: 220px;
}
.loginPage .carrouselBlock .top .singleI:nth-child(3) {
  width: 220px;
}
.loginPage .carrouselBlock .top .carrouselLogo img {
  width: 220px;
}
.loginPage .carrouselBlock .content {
  flex: 1 1;
  display: flex;
  flex-direction: column;
}
.loginPage .carrouselBlock .content .picBlock {
  flex: 1 1;
}
.loginPage .carrouselBlock .content .sixModule {
  display: flex;
  padding: 10px;
  justify-content: space-between;
}
.loginPage .carrouselBlock .content .sixModule .oneB:hover {
  background: rgba(108, 113, 139, 0.4);
}
.loginPage .carrouselBlock .content .sixModule .oneB {
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
.loginPage .carrouselBlock .content .sixModule .oneB .active {
  margin-top: -10px;
  margin-bottom: 10px;
}
.loginPage .carrouselBlock .content .sixModule .oneB .title {
  text-align: center;
  color: white;
}
.loginPage .carrouselBlock .content .sixModule .xiegang {
  width: 50px;
  padding: 0px 10px;
}
.loginPage .carrouselBlock .content .sixModule .xiegang img {
  width: 100%;
  height: 100%;
}
.loginPage .carrouselBlock .bottom {
  margin-bottom: 30px;
}
.loginPage .carrouselBlock .bottom img {
  width: 100%;
}
.loginPage .login-form {
  width: 350px;
  top: 50%;
  right: 100px;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #314067;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAaMAAAF9CAMAAACef/eZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkNBNDBCNDQ2QTg1QzExRTlCRDA1RjJEMTk0N0FEOTZDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkNBNDBCNDQ3QTg1QzExRTlCRDA1RjJEMTk0N0FEOTZDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Q0E0MEI0NDRBODVDMTFFOUJEMDVGMkQxOTQ3QUQ5NkMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Q0E0MEI0NDVBODVDMTFFOUJEMDVGMkQxOTQ3QUQ5NkMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5k18i9AAAAulBMVEU1O2k3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);
  background-size: 100% 100%;
  box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.6);
  border-radius: 8px;
  padding: 30px 50px 30px 50px;
  color: #d8dce3;
}
@media screen and (max-width: 1400px) {
  .loginPage .login-form {
    right: -20px;
  }
}
.loginPage .login-form .ant-input,
.loginPage .login-form .ant-checkbox .ant-checkbox-inner,
.loginPage .login-form .ant-select-selection {
  background: #3e4f7a !important;
  color: #d8dce3;
  border-color: transparent;
}
.loginPage .login-form .whiteBackG .ant-input {
  background: white !important;
  color: #3e4f7a;
}
.loginPage .login-form .ant-checkbox-wrapper {
  color: #d8dce3;
}
.loginPage .login-form .iconfont {
  color: #8899bb;
  font-size: 22px;
}
.loginPage .login-form .ant-form-item input {
  padding-left: 40px;
}
.loginPage .login-form .ant-form-explain,
.loginPage .login-form .has-error .ant-form-split {
  color: #ff555e;
  transition: none;
}
.loginPage .login-form .has-error .ant-input-affix-wrapper .ant-input,
.loginPage .login-form .has-error .ant-input-affix-wrapper .ant-input:hover {
  border-color: #ff555e;
}
.loginPage .login-form .ant-form-item-control {
  line-height: 34px;
}
.loginPage .login-form .ant-form-explain {
  font-size: 13px;
}
.loginPage .login-form .codeItem {
  position: relative;
}
.loginPage .login-form .codeItem .codeImg {
  width: 90px;
  height: 40px;
  position: absolute;
  right: 4px;
  top: 0;
  cursor: pointer;
}
.loginPage .login-form .codeItem .codeImg .divider {
  display: inline-block;
  width: 2px;
  height: calc(100% - 16px);
  margin: 8px 6px;
  background: #e8e8e8;
}
.loginPage .login-form .codeItem .codeImg img {
  width: 75px;
  height: 32px;
  vertical-align: 4px;
}
.loginPage .login-form .remenberPasswordItem {
  margin-bottom: 6px;
  margin-top: -4px;
}
.loginPage .login-form .remenberPasswordItem .ant-form-item-control {
  line-height: 24px;
}
.loginPage .login-form .login-form-button {
  background-color: #5268e4;
  border-color: #5268e4;
}
.loginPage .login-form img.line {
  width: calc(100% + 60px);
  margin-left: -30px;
  margin-top: 20px;
}
.loginPage .login-form .weapp {
  display: flex;
  align-items: center;
  padding-top: 20px;
  cursor: pointer;
  position: relative;
}
.loginPage .login-form .weapp i {
  margin-right: 6px;
}
.loginPage .login-form .weapp .iconfont {
  position: absolute;
  color: #6070FB;
  left: 0;
  font-size: 36px;
  margin-left: 0;
}
.loginPage .login-form .weapp span {
  font-size: 16px;
  margin-left: 45px;
}
.weappModal .ant-modal-content {
  border-radius: 20px;
  overflow: hidden;
  background: none;
}
.weappModal .ant-modal-header {
  background-color: #3E468B;
  text-align: center;
}
.weappModal .ant-modal-header .ant-modal-title {
  color: white;
  font-size: 18px;
}
.weappModal .ant-modal-body {
  background-color: white;
}
.weappModal .tips {
  font-weight: bold;
  text-align: center;
  margin-top: 20px;
  color: #9a9a9a;
}
.weappModal img {
  width: 350px;
  height: 350px;
  margin: 0 auto;
  display: block;
}

.notFoundPage {
  width: 100%;
  height: 100%;
  background: url(/static/media/404.bf459550.png) no-repeat;
  background-position: center; }

.commonRowStyle {
  background-color: rgba(0, 0, 0, 0.02);
}
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* mixin for multiline */
/* public cursor style */
.ant-select-selection--multiple {
  cursor: pointer;
}
.ant-select-selection--multiple .ant-select-search__field {
  cursor: pointer;
}
.rightActionComponent {
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding-top: 10px;
}
.rightActionComponent > i {
  cursor: pointer;
}
.rightActionComponent i.anticon.anticon-user {
  float: left;
}
.rightActionComponent #userName {
  max-width: 70px;
  float: left;
  padding-top: 7px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: -5px;
}
.rightActionComponent .ant-badge-count {
  background: #fb6060;
}
.rightActionComponent .rightIcon {
  cursor: pointer;
}
.rightActionComponent .rightIcon i,
.rightActionComponent .rightIcon .iconfont {
  padding: 7px;
  margin-right: 5px;
}
.rightActionComponent .badge .ant-badge-count {
  box-shadow: none;
}
.rightActionComponent .notice {
  position: relative;
  margin-left: 0px;
  top: 0px;
}
.modifPwdModal .ant-form-item {
  display: flex;
}
.modifPwdModal .ant-form-item .ant-form-item-label {
  margin-right: 10px;
  width: 120px;
}
.settingPlaneComponent {
  width: 160px;
  height: 310px;
  margin-top: 6px;
  margin-bottom: 6px;
}
.settingPlaneComponent .ant-switch {
  width: 40px;
  min-width: 40px;
  height: 16px;
}
.settingPlaneComponent .ant-switch::after {
  width: 12px;
  height: 12px;
}
.settingPlaneComponent .btn {
  display: flex;
  justify-content: center;
}
.settingPlaneComponent .btn .exitBtn {
  margin-top: 12px;
  width: 80px;
  height: 32px;
}
.settingPlaneComponent .btn .exitBtn .iconfont {
  margin-right: 2px;
}
.settingPlaneComponent .ant-row-flex,
.settingPlaneComponent .theme {
  margin-bottom: 30px;
}
.settingPlaneComponent .themes {
  margin-top: 40px;
  margin-bottom: 10px;
}
.settingPlaneComponent .colorBorder {
  width: 60px;
  height: 28px;
  border: 1px solid;
  border-radius: 4px;
  display: flex;
  margin-bottom: -10px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.settingPlaneComponent .colorBorder.active {
  padding: 1px;
}
.settingPlaneComponent .colorBorder .colorPlaneComponent {
  width: 100%;
  height: 100%;
  cursor: pointer;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.settingPlaneComponent .colorBorder .colorPlaneComponent i {
  color: #eee;
}
.modifyExitBtnComponent .btn {
  display: flex;
  justify-content: center;
}
.modifyExitBtnComponent .btn .exitBtn {
  margin: 6px 0;
  width: 100px;
  height: 32px;
}
.modifyExitBtnComponent .btn .exitBtn .iconfont {
  margin-right: 2px;
}

.commonRowStyle {
  background-color: rgba(0, 0, 0, 0.02);
}
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* mixin for multiline */
/* public cursor style */
.ant-select-selection--multiple {
  cursor: pointer;
}
.ant-select-selection--multiple .ant-select-search__field {
  cursor: pointer;
}
div.headerComponent {
  display: flex;
  color: white;
  height: 68px;
  padding: 0 10px;
}
div.headerComponent .logoArea {
  display: flex;
  align-items: center;
  justify-content: left;
  padding: 6px 16px 6px 20px;
  min-width: 10vw;
}
div.headerComponent .logoArea img {
  max-width: 76px;
  max-height: 56px;
  margin-right: 10px;
}
div.headerComponent .logoArea .title {
  font-size: 38px;
  font-weight: bold;
  letter-spacing: 5px;
}
div.headerComponent .menuComponent {
  flex: 1 1;
  min-width: 1px;
}
div.headerComponent .menuComponent .ant-menu {
  height: 100%;
  display: flex;
  justify-content: center;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  div.headerComponent .menuComponent .ant-menu {
    justify-content: flex-start;
    margin-left: 2vw;
  }
}
div.headerComponent .menuComponent .ant-menu > .ant-menu-item,
div.headerComponent .menuComponent .ant-menu > .ant-menu-submenu {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 1;
  max-width: 180px;
}
div.headerComponent .menuComponent .myMenuItemComponent {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 5px;
}
div.headerComponent .menuComponent .myMenuItemComponent span {
  line-height: 25px;
}
@media screen and (max-width: 1400px) {
  div.headerComponent .menuComponent .ant-menu-submenu-title {
    padding: 0 12px;
  }
  div.headerComponent .menuComponent .ant-menu-submenu-title .myMenuItemComponent {
    margin-right: 0px;
  }
}
.mainMenu .ant-menu-item-group-title {
  font-weight: bold;
  color: black;
  padding: 8px 16px;
}

.plateNoComponent {
  margin: 0 auto;
  width: 88px;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  background-color: white;
}
.plateNoComponent > .border {
  padding: 1px 1px;
  border-radius: 3px;
}
.plateNoComponent > .border .text {
  padding: 3px 3px;
  border-radius: 3px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.plateNoComponent.a {
  border: 1px solid black;
}
.plateNoComponent.a .text {
  color: white;
  background: black;
}
.plateNoComponent.c {
  border: 1px solid #F3B900;
}
.plateNoComponent.c .text {
  color: black;
  background: #F3B900;
}
.plateNoComponent.g {
  border: 1px solid #3EA46C;
}
.plateNoComponent.g .text {
  color: black;
  background: #3EA46C;
}
.plateNoComponent.h {
  border: 1px solid #1a51f1;
}
.plateNoComponent.h .text {
  color: white;
  background: #1a51f1;
}
.plateNoComponent.j {
  border: 1px solid black;
}
.plateNoComponent.j .text {
  color: white;
  background: black;
}

.commonRowStyle {
  background-color: rgba(0, 0, 0, 0.02);
}
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* mixin for multiline */
/* public cursor style */
.ant-select-selection--multiple {
  cursor: pointer;
}
.ant-select-selection--multiple .ant-select-search__field {
  cursor: pointer;
}
.vehDetailCompnent > .title {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
  border-bottom: 1px solid #bdc8db;
}
.vehDetailCompnent > .title > * {
  margin-right: 8px;
  font-weight: bold;
}
.vehDetailCompnent > .title > .myIconComponent {
  font-size: 18px;
  color: #8092b7;
}
.vehDetailCompnent > .title > .myIconComponent.online {
  color: #2196F3;
}
.vehDetailCompnent > .title .plateNoComponent {
  margin-left: 0;
}
.vehDetailCompnent > .title .speed {
  margin-right: 0;
}
.vehDetailCompnent > .title .speed,
.vehDetailCompnent > .title .line,
.vehDetailCompnent > .title .state {
  font-weight: bold;
}
.vehDetailCompnent .labelAndValueComponent {
  width: 50%;
  margin-bottom: 6px;
}
.vehDetailCompnent .labelAndValueComponent:last-child {
  margin-bottom: 0;
}
.vehDetailCompnent .labelAndValueComponent > .myIconComponent {
  margin-right: 5px;
  position: relative;
  top: 1px;
}
.vehDetailCompnent .labelAndValueComponent.block {
  width: 100%;
}
.vehDetailCompnent .labelAndValueComponent .value {
  padding: 0 4px;
}
.vehDetailCompnent > .info {
  display: flex;
  flex-wrap: wrap;
  padding-top: 2%;
}
.vehDetailCompnent > .ant-tabs {
  margin-top: 10px;
}
.vehDetailCompnent > .ant-tabs .tabTitle .myIconComponent {
  margin-right: 6px;
}
.vehDetailCompnent > .ant-tabs .tabTitle span {
  font-weight: bold;
}
.vehDetailCompnent .ant-tabs-tabpane:nth-child(1) .deviceBlock {
  display: flex;
  flex-wrap: wrap;
  padding: 1%;
  padding-top: 1.5%;
  border-bottom: 1px solid #e4e4e4;
}
.vehDetailCompnent .ant-tabs-tabpane:nth-child(1) .deviceBlock:nth-child(2) {
  margin-top: -11px;
}
.vehDetailCompnent .ant-tabs-tabpane:nth-child(1) .deviceBlock .deviceIdWrapper .copy,
.vehDetailCompnent .ant-tabs-tabpane:nth-child(1) .deviceBlock .deviceIdWrapper .detail {
  margin-left: 3%;
  color: #8092b7;
  cursor: pointer;
}
.vehDetailCompnent .ant-tabs-tabpane:nth-child(1) .deviceBlock .deviceIdWrapper .copy .myIconComponent,
.vehDetailCompnent .ant-tabs-tabpane:nth-child(1) .deviceBlock .deviceIdWrapper .detail .myIconComponent {
  position: relative;
  top: 1px;
}
.vehDetailCompnent .ant-tabs-tabpane:nth-child(2) .driverBlock {
  display: flex;
  height: 120px;
  margin-bottom: 3%;
  padding-bottom: 3%;
  border-bottom: 1px solid #e4e4e4;
}
.vehDetailCompnent .ant-tabs-tabpane:nth-child(2) .driverBlock .img {
  margin-right: 4%;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 20%;
}
.vehDetailCompnent .ant-tabs-tabpane:nth-child(2) .driverBlock .img img {
  max-width: 100%;
  max-height: 100%;
}
.vehDetailCompnent .ant-tabs-tabpane:nth-child(2) .driverBlock .driverInfo {
  flex: 1 1;
  min-width: 1px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.vehDetailDrawer .ant-drawer-body {
  height: 100%;
}
.vehDetailDrawer .ant-drawer-body .vehDetailCompnent {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.vehDetailDrawer .ant-drawer-body .vehDetailCompnent .ant-tabs {
  flex: 1 1;
  min-height: 1px;
  display: flex;
  flex-direction: column;
}
.vehDetailDrawer .ant-drawer-body .vehDetailCompnent .ant-tabs .ant-tabs-content {
  flex: 1 1;
  min-height: 1px;
}
.vehDetailDrawer .ant-drawer-body .vehDetailCompnent .ant-tabs .ant-tabs-content .ant-tabs-tabpane {
  height: 100%;
  overflow: auto;
}

.labelAndValueComponent {
  display: flex;
  align-items: center;
}
.labelAndValueComponent .label {
  flex-shrink: 0;
}
.labelAndValueComponent .separator {
  display: block;
  width: 10px;
}
.labelAndValueComponent .value {
  flex: 1 1;
  display: block;
  width: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 1px;
}
.labelAndValueComponent.elli .value {
  overflow: visible;
  overflow: initial;
  width: auto;
  width: initial;
}

.commonRowStyle {
  background-color: rgba(0, 0, 0, 0.02);
}
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* mixin for multiline */
/* public cursor style */
.ant-select-selection--multiple {
  cursor: pointer;
}
.ant-select-selection--multiple .ant-select-search__field {
  cursor: pointer;
}
.devDetailCompnent {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.devDetailCompnent > .title {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
  border-bottom: 1px solid #bdc8db;
}
.devDetailCompnent > .title > * {
  margin-right: 4px;
}
.devDetailCompnent > .title > .deviceId {
  font-weight: bold;
}
.devDetailCompnent > .title > .myIconComponent {
  font-size: 18px;
  color: #8092b7;
}
.devDetailCompnent > .title > .myIconComponent.online {
  color: #2196F3;
}
.devDetailCompnent > .title .copy {
  margin-left: 3%;
  cursor: pointer;
  color: #8092b7;
}
.devDetailCompnent .labelAndValueComponent {
  width: 50%;
  margin-bottom: 6px;
}
.devDetailCompnent .labelAndValueComponent:last-child {
  margin-bottom: 0;
}
.devDetailCompnent .labelAndValueComponent > .myIconComponent {
  margin-right: 5px;
  position: relative;
  top: 1px;
}
.devDetailCompnent .labelAndValueComponent.block {
  width: 100%;
}
.devDetailCompnent .labelAndValueComponent .value {
  padding: 0 4px;
}
.devDetailCompnent > .info {
  display: flex;
  flex-wrap: wrap;
  padding-top: 2%;
}
.devDetailCompnent > .bubiao {
  margin-top: 3%;
}
.devDetailCompnent > .bubiao > .title {
  font-weight: bold;
  border-bottom: 1px solid #e9eef7;
  padding-bottom: 1.5%;
}
.devDetailCompnent > .bubiao > .bubiaoInfo {
  display: flex;
  flex-wrap: wrap;
  padding-top: 1.5%;
}
.devDetailCompnent > .ant-tabs {
  margin-top: 10px;
  flex: 1 1;
  min-height: 1px;
  display: flex;
  flex-direction: column;
}
.devDetailCompnent > .ant-tabs .ant-tabs-content {
  flex: 1 1;
  min-height: 1px;
  overflow: auto;
}
.devDetailCompnent > .ant-tabs .tabTitle .myIconComponent {
  margin-right: 6px;
}
.devDetailCompnent > .ant-tabs .tabTitle span {
  font-weight: bold;
}
.devDetailCompnent .ant-tabs-tabpane:nth-child(1) .deviceBlock {
  display: flex;
  flex-wrap: wrap;
  padding: 3% 1%;
  border-bottom: 1px solid #e4e4e4;
}
.devDetailCompnent .ant-tabs-tabpane:nth-child(1) .deviceBlock:nth-child(2) {
  margin-top: -11px;
}
.devDetailCompnent .ant-tabs-tabpane:nth-child(1) .deviceBlock .deviceIdWrapper .copy,
.devDetailCompnent .ant-tabs-tabpane:nth-child(1) .deviceBlock .deviceIdWrapper .detail {
  margin-left: 3%;
  color: #8092b7;
  cursor: pointer;
}
.devDetailCompnent .ant-tabs-tabpane:nth-child(1) .deviceBlock .deviceIdWrapper .copy .myIconComponent,
.devDetailCompnent .ant-tabs-tabpane:nth-child(1) .deviceBlock .deviceIdWrapper .detail .myIconComponent {
  position: relative;
  top: 1px;
}
.devDetailCompnent .ant-tabs-tabpane:nth-child(2) .driverBlock {
  display: flex;
  height: 120px;
  margin-bottom: 3%;
  padding-bottom: 3%;
  border-bottom: 1px solid #bdc8db;
}
.devDetailCompnent .ant-tabs-tabpane:nth-child(2) .driverBlock .img {
  margin-right: 4%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.devDetailCompnent .ant-tabs-tabpane:nth-child(2) .driverBlock .img img {
  max-width: 100%;
  max-height: 100%;
}
.devDetailCompnent .ant-tabs-tabpane:nth-child(2) .driverBlock .driverInfo {
  flex: 1 1;
  min-width: 1px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.devDetailDrawer .ant-drawer-body {
  height: 100%;
}