body .el-checkbox .el-checkbox__inner {
  transition: none !important;
}
body .custom-login-tip {
  min-width: 200px;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
}
body .custom-login-tip .layui-layer-content {
  width: auto;
  min-width: 200px;
}
body .custom-login-tip div.layui-layer-padding {
  padding: 10px 20px;
  text-align: center;
}
body .custom-login-tip i.layui-layer-ico {
  display: none;
}
body .follow-vehicle-tip {
  border-radius: 8px;
  overflow: hidden;
}
body .follow-vehicle-tip .layui-layer-title {
  height: 30px;
  line-height: 30px;
  padding: 0 30px 0 10px;
}
body .follow-vehicle-tip .layui-layer-content {
  height: calc(100% - 30px);
}
body .follow-vehicle-tip .layui-layer-setwin {
  top: 8px;
  right: 8px;
}
body .follow-vehicle {
  position: relative;
  width: 100%;
  height: 100%;
  min-width: 360px;
  min-height: 360px;
}
body .follow-vehicle > div.map-wrap {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
body .follow-vehicle-info {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
body .follow-vehicle-info-icon {
  text-align: right;
}
body .follow-vehicle-info-track {
  display: none;
  width: 340px;
  padding: 4px;
  background-color: #fff;
  border: 1px solid #dbd5d5;
}
body .follow-vehicle-info-track p {
  margin: 2px 0;
  font-size: 12px;
}
body .follow-vehicle-info-track p span.window_title {
  color: #1879ff;
}
body .full {
  position: relative;
}
body .full .fuel-oil-mask {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #f5f7fa;
  text-align: center;
  line-height: 300px;
  font-size: 12px;
}
body .el-carousel__indicators--horizontal {
  display: none;
}
body .maptalks-msgContent {
  padding: 10px 10px 5px 10px !important;
}
body .transition-box {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 580px;
  z-index: 2000;
}
body .transition-box .el-card__header {
  padding: 5px 10px;
}
body .transition-box .el-card__body {
  padding: 10px;
}
body .row-yellow {
  background-color: #ff0 !important;
}
body .cell-color-red {
  color: red !important;
}
body .row-low-yellow {
  background-color: #f8f8a9 !important;
}
body .vxe-body--row:active {
  color: #000;
  border-radius: 5px;
  background: #f1f3f4;
  opacity: 0.8;
}
body .el-notification__icon {
  color: red !important;
}
body .my-label {
  position: relative;
  height: 28px;
  width: 200px;
  background-image: url(../img/chatbox.a26db9da.png);
  background-size: 100% 100%;
  font-size: 12px;
}
body .my-label > div {
  float: left;
  width: 33.33%;
  text-align: right;
  line-height: 28px;
  padding-right: 10px;
}
body .el-button--text {
  color: #1678ff;
}
body .el-tooltip__popper.is-light {
  border-color: #fff;
  border: 1px solid #e4e7ed;
}
body .el-color-dropdown__btns .el-color-dropdown__link-btn {
  display: none;
}
body .el-tooltip__popper.is-light[x-placement^='top'] .popper__arrow {
  border-top-color: #e4e7ed;
}
body .el-tooltip__popper.is-light[x-placement^='bottom'] .popper__arrow {
  border-bottom-color: #e4e7ed;
}
body .el-tooltip__popper.is-light[x-placement^='left'] .popper__arrow {
  border-left-color: #e4e7ed;
}
body .el-tooltip__popper.is-light[x-placement^='right'] .popper__arrow {
  border-right-color: #e4e7ed;
}
body ::-webkit-input-placeholder {
  font-size: 12px;
}
body :-moz-placeholder {
  font-size: 12px;
}
body ::moz-placeholder {
  font-size: 12px;
}
body :-ms-input-placeholder {
  font-size: 12px;
}
body .el-checkbox__input.is-checked + .el-checkbox__label {
  color: #000;
}
body .el-tabs--border-card > .el-tabs__header .el-tabs__item {
  position: relative;
}
body
  .nav-tag-bar
  .el-tabs--border-card
  > .el-tabs__header
  .el-tabs__item:before {
  content: '';
  position: absolute;
  right: -1px;
  top: 4px;
  width: 1px;
  height: 26px;
  background: #dee1e6;
  z-index: 99;
}
body
  .nav-tag-bar
  .el-tabs--border-card
  > .el-tabs__header
  .el-tabs__item.is-active:before {
  background: rgba(0, 0, 0, 0);
}
body
  .nav-tag-bar
  .el-tabs--border-card
  > .el-tabs__header
  .el-tabs__item.is-active:after {
  content: '';
  position: absolute;
  left: -1px;
  top: 4px;
  width: 1px;
  height: 26px;
  background: #dee1e6;
  z-index: 111;
}
body .el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
  color: #2c86fe;
  background-color: #fff;
}
body
  .el-tabs--border-card
  > .el-tabs__header
  .el-tabs__item:not(.is-disabled):hover {
  color: #2c86fe;
}
body .el-radio__input.is-checked + .el-radio__label {
  color: #606266;
}
body .el-textarea__inner {
  font-size: 14px;
  font-family: Arial, sans-serif !important;
}
body .el-button--info {
  color: #1678ff;
  background-color: #fff;
  border: 1px solid #1678ff;
  font-size: 14px;
  height: 28px !important;
  padding: 4px 10px !important;
}
body .el-button--info:focus,
body .el-button--info:hover {
  background-color: #fff;
  color: #68a5fa;
  border: 1px solid #68a4f7;
}
body .dialog-z-index {
  z-index: 9999;
}
body .el-popover {
  border-radius: 7px;
}
body .el-tag {
  background-color: #fff;
}
body .el-tag--small {
  color: #1678ff;
}
body .el-tag.el-tag--info {
  color: #000;
  background-color: #fff;
}
body .el-tabs--border-card > .el-tabs__header .el-tabs__item {
  color: #000;
}
body .el-tabs__nav-next,
body .el-tabs__nav-prev {
  line-height: 40px;
}
body .oil-marking-tabs .el-tabs__header {
  margin: 0;
}
body .el-dropdown-menu__item img {
  vertical-align: middle;
}
body .el-dialog {
  border-radius: 5px;
}
body .el-dialog__header {
  padding: 19px;
  border-bottom: 1px solid #dcdfe6;
}
body .el-dialog--center .el-dialog__body {
  padding: 10px;
}
body .el-dialog__headerbtn .el-dialog__close {
  position: relative;
  top: -6px;
}
body .message-report .el-tabs__nav > div:last-child {
  display: inline;
}
body .el-checkbox,
body .el-menu-item,
body .el-table thead,
body .el-tabs__item,
body .vxe-table--render-default {
  color: #000;
}
body .tracks-content-wrapper div.el-tabs__item {
  height: 34px !important;
  line-height: 34px !important;
}
body .el-tabs__item.is-active {
  color: #1678ff;
}
body .el-dialog__body {
  padding: 10px;
}
body .el-dialog__body .el-scrollbar__wrap,
body .vxe-modal--body .el-scrollbar__wrap {
  overflow-x: hidden;
}
body .ztree-drapdown .el-scrollbar__wrap,
body .ztree-wrapper .el-scrollbar__wrap {
  overflow-y: auto;
  overflow-x: hidden;
}
body .el-dialog__body div.checkbox-wrap .el-checkbox {
  width: 100%;
  overflow: hidden;
}
body .el-dialog__body div.checkbox-wrap .el-checkbox__label {
  font-size: 12px;
  color: #333;
}
body .tracks-content-wrapper .el-tabs__content {
  overflow: visible;
}
body .functions .el-checkbox {
  width: 80px;
  margin-right: 20px;
}
#app .maptalks-close {
  z-index: 999;
  background-image: url(../img/position_icon_close.1cebf556.png);
  background-size: 100% 100%;
  width: 18px;
  height: 18px;
}
#app .maptalks-msgBox {
  border-radius: 8px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.3);
}
#app .search-address-info .search-address-info-title {
  font-size: 14px;
  font-weight: 700;
}
#app .my-map-info-window {
  min-height: 100px;
  background-color: #fff;
  margin-top: -10px;
  border-radius: 2px;
}
#app .my-map-info-window-header {
  height: 36px;
  width: 100%;
  list-style-type: decimal;
  list-style: none;
  margin: 0;
  padding: 10px 10px 10px 0;
  position: relative;
}
#app .my-map-info-window-header > div > div {
  float: left;
  height: 20px;
}
#app .my-map-info-window-header > div .header-icon {
  width: 16px;
  height: 20px;
  padding-top: 2px;
}
#app .my-map-info-window-header > div .header-icon > img {
  border: 0;
  width: 16px;
  height: 16px;
}
#app .my-map-info-window-header > div .device-title {
  margin-left: 8px;
  height: 20px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  color: #222;
  width: 290px;
}
#app .my-map-info-window-header > div .device-title b {
  display: inline-block;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}
#app .my-map-info-window-header > div .device-title-copys {
  width: 36px;
  display: inline-block;
}
#app .my-map-info-window-header > div .device-title-copys i {
  display: none;
  vertical-align: middle;
}
#app .my-map-info-window-header > div .device-title .total-mileage {
  font-weight: 400;
  line-height: 20px;
  color: #333;
  font-size: 12px;
}
#app .my-map-info-window-header > div .device-title > div > span {
  vertical-align: top;
  padding: 1px 6px;
  background-color: #e6f7f1;
  border-radius: 5px;
}
#app
  .my-map-info-window-header
  > div
  .device-title:hover
  .device-title-copys
  i {
  display: inline-block;
}
#app .my-map-info-window-header > ul.infowindow-ctrl {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  top: 5px;
  right: 5px;
}
#app .my-map-info-window-header > ul.infowindow-ctrl > li.infowindow-close {
  float: right;
  width: 25px;
  padding: 2.5px;
  cursor: pointer;
}
#app .my-map-info-window-header > ul.infowindow-ctrl > li.infowindow-close img {
  width: 20px;
  height: 20px;
}
#app .my-map-info-window-header > ul.infowindow-ctrl > li.infowindow-stared {
  float: right;
  width: 25px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  margin-right: 12px;
  margin-top: 4px;
}
#app
  .my-map-info-window-header
  > ul.infowindow-ctrl
  > li.infowindow-stared
  img {
  position: relative;
  top: 2px;
  width: 14px;
  height: 12px;
}
#app .my-map-info-window div.mileage-infos3 {
  width: 100%;
  height: 40px;
  background-color: #f7faff;
}
#app .my-map-info-window div.mileage-infos3 > div {
  float: left;
  width: 33.33%;
  height: 100%;
  border-right: 1px solid #fff;
  position: relative;
  padding-top: 4px;
}
#app .my-map-info-window div.mileage-infos3 > div .mileage-info-label {
  font-size: 10px;
  text-align: center;
}
#app .my-map-info-window div.mileage-infos3 > div .mileage-info-label img,
#app .my-map-info-window div.mileage-infos3 > div .mileage-info-label span {
  vertical-align: middle;
}
#app .my-map-info-window div.mileage-infos3 > div .mileage-info-value {
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: #1678ff;
}
#app
  .my-map-info-window
  div.mileage-infos3
  > div
  .mileage-info-value
  > span:first-child {
  font-size: 13px;
}
#app
  .my-map-info-window
  div.mileage-infos3
  > div
  .mileage-info-value
  > span:last-child {
  font-size: 12px;
}
#app .my-map-info-window div.mileage-infos3 > div .mileage-info-tips {
  position: absolute;
  width: 180px;
  left: 0;
  top: 46px;
  background-color: #fffbe5;
  padding: 5px;
  display: none;
  z-index: 999;
  border: 1px solid #e4e7ed;
  border-radius: 5px;
  text-align: center;
}
#app .my-map-info-window div.mileage-infos3 > div:hover .mileage-info-tips {
  display: block;
}
#app .my-map-info-window div.mileage-infos3 > div:last-child {
  border-right: none;
}
#app .my-map-info-window div.mileage-infos2 {
  width: 100%;
  height: 40px;
  background-color: #f7faff;
}
#app .my-map-info-window div.mileage-infos2 > div {
  float: left;
  width: 50%;
  height: 100%;
  border-right: 1px solid #fff;
  position: relative;
  padding-top: 4px;
}
#app .my-map-info-window div.mileage-infos2 > div .mileage-info-label {
  font-size: 10px;
  text-align: center;
}
#app .my-map-info-window div.mileage-infos2 > div .mileage-info-label img,
#app .my-map-info-window div.mileage-infos2 > div .mileage-info-label span {
  vertical-align: middle;
}
#app .my-map-info-window div.mileage-infos2 > div .mileage-info-value {
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: #1678ff;
}
#app
  .my-map-info-window
  div.mileage-infos2
  > div
  .mileage-info-value
  > span:first-child {
  font-size: 13px;
}
#app
  .my-map-info-window
  div.mileage-infos2
  > div
  .mileage-info-value
  > span:last-child {
  font-size: 12px;
}
#app .my-map-info-window div.mileage-infos2 > div .mileage-info-tips {
  position: absolute;
  width: 180px;
  left: 0;
  top: 46px;
  background-color: #fffbe5;
  padding: 5px;
  display: none;
  z-index: 999;
  border: 1px solid #e4e7ed;
  border-radius: 5px;
  text-align: center;
}
#app .my-map-info-window div.mileage-infos2 > div:hover .mileage-info-tips {
  display: block;
}
#app .my-map-info-window div.mileage-infos2 > div:last-child {
  border-right: none;
}
#app .my-map-info-window div.track_info_wrarp {
  padding: 10px 10px 0 12px;
}
#app .my-map-info-window div.track_info_wrarp > div.line2 {
  width: 100%;
}
#app .my-map-info-window div.track_info_wrarp > div.line2 > div {
  float: left;
  width: 50%;
  height: 20px;
}
#app .my-map-info-window div.track_info_wrarp > div.line2 > div > div {
  height: 20px;
  float: left;
}
#app
  .my-map-info-window
  div.track_info_wrarp
  > div.track_info_hover:hover
  div.track_info_value
  i {
  display: inline-block;
}
#app .my-map-info-window div.track_info_wrarp > div {
  width: 100%;
  line-height: 20px;
  font-size: 12px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
}
#app .my-map-info-window div.track_info_wrarp > div div.track_info_label {
  color: #000;
}
#app .my-map-info-window div.track_info_wrarp > div div.track_info_value {
  color: #000;
  word-break: break-all;
  word-wrap: break-word;
  white-space: -moz-pre-wrap;
  white-space: -hp-pre-wrap;
  white-space: -o-pre-wrap;
  white-space: -pre-wrap;
  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line;
}
#app .my-map-info-window div.track_info_wrarp > div div.track_info_value i {
  cursor: pointer;
  font-size: 16px;
  display: none;
}
#app .my-map-info-window div.track_info_wrarp > div div.track_info_value img {
  vertical-align: middle;
  position: relative;
  top: -2px;
  margin: 0 6px;
}
#app
  .my-map-info-window
  div.track_info_wrarp
  > div
  div.track_info_value:hover
  i {
  display: inline-block;
}
#app .my-map-info-window div.track_info_wrarp > div a {
  cursor: pointer;
}
#app .my-map-info-window div.track_info_wrarp > div > div.fuelData {
  position: absolute;
  right: -10px;
  bottom: 0;
  background-color: #fffbe5;
  display: none;
  padding: 5px;
  z-index: 9999 !important;
}
#app
  .my-map-info-window
  div.track_info_wrarp
  .oil_wraper
  div.track_info_value_oil {
  color: #000;
  float: left;
  max-width: 297px;
}
#app
  .my-map-info-window
  div.track_info_wrarp
  .oil_wraper
  div.track_info_value_oil
  span {
  display: inline-block;
  background-color: #f1f1f1;
  margin-right: 2px;
  padding: 0 2px 0 2px;
  border-radius: 4px;
}
#app .my-map-info-window div.track_info_wrarp .oil_wraper:hover > div.fuelData {
  display: block;
}
#app .my-map-info-window div.track_info_wrarp > div.address_warp {
  height: auto;
  min-height: 20px !important;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
}
#app
  .my-map-info-window
  div.track_info_wrarp
  > div.address_warp
  > div:last-child {
  -ms-flex: 1;
  flex: 1;
}
#app .my-map-info-window .device_functions {
  width: 100%;
  overflow: hidden;
  border-top: 1px solid #eeeded;
  padding-bottom: 5px;
  margin-top: 2px;
}
#app .my-map-info-window .device_functions > div {
  float: left;
  cursor: pointer;
  width: 20%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 5px;
}
#app .my-map-info-window .device_functions .function-item {
  border-right: 1px dashed #eaeaea;
}
#app .my-map-info-window .device_functions .function-item .function-item-icon {
  float: left;
  width: 20px;
  height: 20px;
}
#app
  .my-map-info-window
  .device_functions
  .function-item
  .function-item-icon
  div.function-item-edit,
#app
  .my-map-info-window
  .device_functions
  .function-item
  .function-item-icon
  div.function-item-tracks {
  background: url(../img/position_icon_operate1.3d5801bf.png) 50% no-repeat;
}
#app
  .my-map-info-window
  .device_functions
  .function-item
  .function-item-icon
  div.function-item-tracker {
  background: url(../img/position_icon_operate3.7f7b0a04.png) 50% no-repeat;
}
#app
  .my-map-info-window
  .device_functions
  .function-item
  .function-item-icon
  div.function-item-cmds {
  background: url(../img/position_icon_operate9.f4f1c638.png) 50% no-repeat;
}
#app
  .my-map-info-window
  .device_functions
  .function-item
  .function-item-icon
  div.function-item-alarms {
  background: url(../img/alarm-records.55982411.png) 50% no-repeat;
}
#app
  .my-map-info-window
  .device_functions
  .function-item
  .function-item-icon
  div.function-item-alarmRecord {
  background: url(../img/position_icon_operate5.b2564466.png) 50% no-repeat;
}
#app
  .my-map-info-window
  .device_functions
  .function-item
  .function-item-icon
  div.function-item-baseInfo {
  background: url(../img/position_icon_operate7.ec11d207.png) 50% no-repeat;
}
#app
  .my-map-info-window
  .device_functions
  .function-item
  .function-item-icon
  div.function-item-video {
  background: url(../img/position_icon_operate2.45adf4c4.png) 50% no-repeat;
}
#app
  .my-map-info-window
  .device_functions
  .function-item
  .function-item-icon
  div.function-item-videoback {
  background: url(../img/popup_icon3_def.b67c9867.png) 50% no-repeat;
}
#app .my-map-info-window .device_functions .function-item .function-item-label {
  float: left;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
}
#app .my-map-info-window .device_functions .function-item:active {
  color: #1879ff;
}
#app .my-map-info-window .device_functions .function-item:nth-child(5),
#app .my-map-info-window .device_functions .function-item:nth-child(10) {
  border-right: 0;
}
#app
  .tables-content-wrapper
  .el-tabs--bottom
  .el-tabs__item.is-bottom:last-child,
#app
  .tables-content-wrapper
  .el-tabs--bottom
  .el-tabs__item.is-bottom:nth-child(2),
#app .tables-content-wrapper .el-tabs--bottom .el-tabs__item.is-top:last-child,
#app
  .tables-content-wrapper
  .el-tabs--bottom
  .el-tabs__item.is-top:nth-child(2),
#app .tables-content-wrapper .el-tabs--top .el-tabs__item.is-bottom:last-child,
#app
  .tables-content-wrapper
  .el-tabs--top
  .el-tabs__item.is-bottom:nth-child(2),
#app .tables-content-wrapper .el-tabs--top .el-tabs__item.is-top:last-child,
#app .tables-content-wrapper .el-tabs--top .el-tabs__item.is-top:nth-child(2),
#app
  .tracks-content-wrapper
  .el-tabs--bottom
  .el-tabs__item.is-bottom:last-child,
#app
  .tracks-content-wrapper
  .el-tabs--bottom
  .el-tabs__item.is-bottom:nth-child(2),
#app .tracks-content-wrapper .el-tabs--bottom .el-tabs__item.is-top:last-child,
#app
  .tracks-content-wrapper
  .el-tabs--bottom
  .el-tabs__item.is-top:nth-child(2),
#app .tracks-content-wrapper .el-tabs--top .el-tabs__item.is-bottom:last-child,
#app
  .tracks-content-wrapper
  .el-tabs--top
  .el-tabs__item.is-bottom:nth-child(2),
#app .tracks-content-wrapper .el-tabs--top .el-tabs__item.is-top:last-child,
#app .tracks-content-wrapper .el-tabs--top .el-tabs__item.is-top:nth-child(2) {
  padding: 0 20px;
}
#app .el-tabs__header {
  margin: 0 0 6px;
}
.el-submenu__title span.icon,
.popup-nav-title span.icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-right: 10px;
}
.el-submenu__title span.travelReport_icon,
.popup-nav-title span.travelReport_icon {
  background-image: url(../img/form_list1.60cd2c34.png);
}
.el-submenu__title span.alarmReport_icon,
.popup-nav-title span.alarmReport_icon {
  background-image: url(../img/form_list2.3002b669.png);
}
.el-submenu__title span.onlineStatistics_icon,
.popup-nav-title span.onlineStatistics_icon {
  background-image: url(../img/form_list3.69437bef.png);
}
.el-submenu__title span.oilReport_icon,
.popup-nav-title span.oilReport_icon {
  background-image: url(../img/form_list4.066611e9.png);
}
.el-submenu__title span.weightReport_icon,
.popup-nav-title span.weightReport_icon {
  background-image: url(../img/form_list5.a7eb5313.png);
}
.el-submenu__title span.tempAndHumiReport_icon,
.popup-nav-title span.tempAndHumiReport_icon {
  background-image: url(../img/form_list6.96b628af.png);
}
.el-submenu__title span.logisticsReport_icon,
.popup-nav-title span.logisticsReport_icon {
  background-image: url(../img/form_list7.f1fc15db.png);
}
.el-submenu__title span.insureManage_icon,
.popup-nav-title span.insureManage_icon {
  background-image: url(../img/form_list8.07863ffb.png);
}
.el-submenu__title span.activeSafety_icon,
.popup-nav-title span.activeSafety_icon {
  background-image: url(../img/backstage_nav5.501bd6b8.png);
}
.el-submenu__title span.userMgr_icon,
.popup-nav-title span.userMgr_icon {
  background-image: url(../img/backstage_nav1.b31e4beb.png);
}
.el-submenu__title span.deviceMgr_icon,
.popup-nav-title span.deviceMgr_icon {
  background-image: url(../img/backstage_nav2.e211146b.png);
}
.el-submenu__title span.operateMgr_icon,
.popup-nav-title span.operateMgr_icon {
  background-image: url(../img/backstage_nav3.01419700.png);
}
.el-submenu__title span.manageTransfer_icon,
.popup-nav-title span.manageTransfer_icon {
  background-image: url(../img/backstage_nav6.63b02826.png);
}
.el-submenu__title span.apiManage_icon,
.popup-nav-title span.apiManage_icon {
  background-image: url(../img/form_list8.07863ffb.png);
}
.el-submenu__title span.package_icon,
.el-submenu__title span.thirdParty_icon,
.popup-nav-title span.package_icon,
.popup-nav-title span.thirdParty_icon {
  background-image: url(../img/backstage_nav7.94f3c667.png);
}
.el-menu-item {
  padding: 0 22px 0 45px;
}
.el-menu-item > span {
  display: inline-block;
  padding-left: 9px;
}
.el-menu-item .from-like {
  float: right;
  padding-top: 17px;
}
.el-menu-item .from-like > div {
  width: 16px;
  height: 16px;
  background-size: 100% 100%;
}
.el-menu-item .from-like > div.form-like-def-icon {
  background-image: url(../img/form_like_def.830acfe2.png);
}
.el-menu-item .from-like > div.form-like-icon {
  background-image: url(../img/form_like.1986a3a4.png);
}
body .el-menu-item:hover,
body .el-submenu__title:hover {
  background-color: #c7ddee !important;
  border-radius: 13px;
}
*,
:after,
:before {
  box-sizing: border-box;
}
body,
html {
  height: 100%;
  width: 100%;
  margin: 0;
  overflow-x: auto;
  overflow-y: hidden;
}
body .tableMenu {
  width: 120px !important;
  z-index: 9999 !important;
  border-radius: 7px !important;
}
body .tableMenu > ul > li {
  border: none;
  background-color: rgba(0, 0, 0, 0);
  text-align: center;
}
body .tableMenu > ul > li a.vxe-context-menu--link {
  width: 100% !important;
  padding: 0 !important;
}
body .import-header-class-name:after {
  content: '*';
  color: red;
  position: absolute;
  top: 7.5px;
  left: 3px;
}
body i.refresh-btn {
  cursor: pointer;
}
body .el-radio__inner {
  border: 1px solid #a29191;
}
body .el-tooltip__popper {
  padding: 6px 10px;
}
body i.refresh-btn:active {
  color: #fff !important;
}
body .vxe-table--tooltip-wrapper.theme--dark {
  z-index: 10000 !important;
}
body .tableMenu > ul > li:hover {
  border-radius: 7px;
  background-color: #c7ddee;
  border: none;
}
body .commission-number {
  height: 34px;
  border-top: 1px solid #dcdfe6;
  border-right: 1px solid #dcdfe6;
  border-bottom: 1px solid #dcdfe6;
  font-size: 13px;
  text-align: center;
  line-height: 32px;
  background-color: #fafafa;
}
body .dialog-center {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -344px !important;
  margin-left: -230px;
  margin-right: auto;
}
body .el-popover .parents-wrapper {
  font-size: 12px;
  color: #000;
  font-weight: 700;
}
body .el-picker-panel [slot='sidebar'],
body .el-picker-panel__sidebar {
  width: 90px;
}
body .el-picker-panel [slot='sidebar'] + .el-picker-panel__body,
body .el-picker-panel__sidebar + .el-picker-panel__body {
  margin-left: 90px;
}
body .vxe-table--render-default .vxe-body--expanded-cell {
  padding: 10px;
}
body .vxe-modal--wrapper.is--visible.is--mask:before {
  background-color: rgba(0, 0, 0, 0.1);
}
body .el-select-dropdown__list {
  font-family: Arial, sans-serif;
}
body .popconfirm_zindex {
  z-index: 19999 !important;
}
body .add-oil-record-btn,
body .add-oil-record-btn:hover {
  background: #fff;
  border: 1px solid #1678ff;
  color: #1678ff;
}
body .vxe-modal-visible .vxe-modal--content {
  overflow: visible !important;
}
.vxe-loading > .vxe-loading--wrapper,
body .vxe-loading > .vxe-loading--chunk {
  background: #fff;
}
.vxe-modal-visible .vxe-modal--body,
.vxe-modal-visible .vxe-modal--body .vxe-modal--content {
  overflow: visible !important;
}
body .modal-padding0 .vxe-modal--body .vxe-modal--content {
  padding: 0 !important;
}
@media screen and (max-width: 767px) {
  .login .login-header-title {
    font-size: 20px;
  }
  .login .login-header-version {
    display: none;
  }
  .login .qr-code {
    width: 100% !important;
  }
}
#app {
  font-family: Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 100%;
  position: relative;
}
#app .vxe-modal--body {
  padding: 5px;
  overflow: hidden;
}
#app .el-pagination .btn-next .el-icon,
.el-pagination .btn-prev .el-icon {
  line-height: 28px;
}
body .header-item-hover:hover {
  color: #1879ff;
}
.full {
  height: 100%;
  width: 100%;
}
.margin_b10 {
  margin-bottom: 10px;
}
.margin_b10 .supportmodels {
  overflow: hidden;
  border: 1px solid #dcdfe6;
}
.margin_b10 .supportmodels-label {
  float: left;
  width: 80px;
  background-color: #fafafa;
  height: 64px;
  text-align: center;
  line-height: 64px;
  font-size: 12px;
}
.margin_b10 .supportmodels-value {
  float: right;
  width: 378px;
  border-left: 1px solid #dcdfe6;
  padding: 5px;
}
.margin_b12 {
  margin-bottom: 16px;
}
body div.MessageBox_confirm {
  width: 240px !important;
}
body div.MessageBox_confirm_oilrecord {
  width: 280px !important;
}
body .vxe-loading {
  background-color: rgba(0, 0, 0, 0);
}
.red-star {
  text-align: center;
  line-height: 34px;
  color: red;
}
.m-red-star {
  position: relative;
}
.m-red-star:after {
  content: '*';
  position: absolute;
  left: -10px;
  top: 11px;
  color: red;
}
#app .amap-ui-district-cluster-marker span {
  height: 21px;
}
body .correct .el-textarea.is-disabled .el-textarea__inner {
  color: green !important;
}
body .el-select-dropdown {
  border-radius: 7px;
}
body .el-select-dropdown__item.hover,
body .el-select-dropdown__item.selected,
body .el-select-dropdown__item:hover {
  background-color: #c7ddee;
  border-radius: 7px;
}
body .follow-modal-header-title,
body .vxe-modal--header {
  text-align: center;
}
body .follow-modal-header-icon {
  position: absolute;
  top: 8px;
  right: 10px;
  width: 80px;
  height: 24px;
}
body .follow-modal-header-icon > div {
  float: right;
  width: 24px;
  height: 24px;
  margin-left: 10px;
  cursor: pointer;
  text-align: center;
}
body .follow-modal-header-icon > div i {
  color: #000;
}
body .error .el-textarea.is-disabled .el-textarea__inner {
  color: red !important;
}
body .el-select-dropdown__list .el-select-group .selected {
  font-weight: 400;
}
body .el-select-dropdown__list .el-select-group .online_device .car-icon {
  background-image: url(../img/car_moving.df05bd46.png);
}
body .el-select-dropdown__list .el-select-group .online_device_video .car-icon {
  background-image: url(../img/video_moving.5b8fb1e9.png);
}
body .el-select-dropdown__list .el-select-group .offline_device .car-icon {
  background-image: url(../img/car_offline.80fe20c3.png);
}
body
  .el-select-dropdown__list
  .el-select-group
  .offline_device_video
  .car-icon {
  background-image: url(../img/video_offline.4742f016.png);
}
body .el-select-dropdown__list .el-select-group .moving_device .car-icon {
  background-image: url(../img/car_parking.350e3760.png);
}
body .el-select-dropdown__list .el-select-group .moving_device_video .car-icon {
  background-image: url(../img/video_parking.4568b7b7.png);
}
body .el-select-dropdown__list .el-select-group .alarm_device_video .car-icon {
  background-image: url(../img/video_alarm.7c4bf761.png);
}
body .el-select-dropdown__list .el-select-group .alarm_device .car-icon {
  background-image: url(../img/car_alarm.2780a39b.png);
}
body .el-select-dropdown__list .el-select-group span {
  vertical-align: middle;
}
body .el-select-dropdown__list .el-select-group span.car-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 100% 100%;
}
body .el-select-dropdown__list .el-select-group__wrap {
  display: block !important;
}
body
  .el-select-dropdown__list
  .el-select-group__wrap
  .el-select-dropdown__item {
  padding-left: 30px;
}
body .el-select-dropdown__list .el-select-group__title {
  font-size: 12px;
  line-height: 26px;
  height: 26px;
  font-weight: 700;
  color: #666;
}
body .el-select-dropdown__list .el-select-dropdown__item {
  font-size: 12px;
  line-height: 30px;
  height: 30px;
}
body .el-select-dropdown__list .el-select-group__wrap:not(:last-of-type) {
  padding-bottom: 0;
}
body .el-select-dropdown__list .el-select-group__wrap:not(:last-of-type):after {
  background-color: rgba(0, 0, 0, 0);
}
.vxe-modal--content {
  overflow: hidden !important;
  font-size: 15px;
}
.small-clear {
  display: inline-block;
  transition: all 0.1s ease;
  background-color: #409eff;
  color: #fff;
  padding: 2px 6px;
  border-radius: 3px;
  cursor: pointer;
  font-size: 12px;
  line-height: 1.4;
}
.small-clear:active {
  background-color: #9dcaf7;
}
.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
div.maptalks-attribution {
  display: none;
}
.map-zoom {
  position: absolute;
  left: 4px;
  top: 6px;
  width: 34px;
  height: 64px;
  background-color: #fff;
  border: 1px solid #c8d2db;
  border-radius: 5px;
  cursor: pointer;
}
.map-zoom > div {
  width: 100%;
  height: 50%;
  text-align: center;
  line-height: 32px;
  font-size: 24px;
  background-repeat: no-repeat;
  background-position: 50%;
}
.map-zoom > div:first-child {
  border-bottom: 1px solid #c8d2db;
  background-image: url(../img/position_icon_enlarge.f1156ed7.png);
  background-size: 12px 12px;
}
.map-zoom > div:last-child {
  background-image: url(../img/position_icon_narrow.bbfe5b09.png);
  background-size: 12px 2px;
}
.map-zoom > div:active {
  background-color: #e3e3e3;
}
@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(180deg);
  }
}
@keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(180deg);
  }
}
.mytable-scrollbar ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  cursor: pointer;
}
.mytree-scrollbar ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.mytable-scrollbar ::-webkit-scrollbar-track,
.mytree-scrollbar ::-webkit-scrollbar-track {
  background-color: #fff;
}
.mytable-scrollbar ::-webkit-scrollbar-thumb {
  background-color: #dddee0;
  border-radius: 5px;
  border: 1px solid #dddee0;
}
.mytree-scrollbar ::-webkit-scrollbar-thumb {
  background-color: #dddee0;
  border-radius: 4px;
  border: 1px solid #dddee0;
}
.mytable-scrollbar ::-webkit-scrollbar-thumb:active,
.mytable-scrollbar ::-webkit-scrollbar-thumb:hover,
.mytree-scrollbar ::-webkit-scrollbar-thumb:active,
.mytree-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: #dddee0;
}
.mytable-scrollbar ::-webkit-scrollbar-corner,
.mytree-scrollbar ::-webkit-scrollbar-corner {
  background-color: #fff;
}
.move-enter-active,
.move-leave-active {
  transition: all 0.3s ease;
}
.move-enter,
.move-leave-to {
  -ms-transform: translateY(-266px);
  transform: translateY(-266px);
}
.fieldset-wrap legend .el-checkbox {
  width: 54px;
}
.fieldset-wrap .el-checkbox {
  width: 126px;
  margin-right: 0;
}
.avatar-uploader .el-upload {
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  width: 60px;
  height: 60px;
}
.avatar-uploader .el-upload:hover {
  border-color: #409eff;
}
.avatar-uploader .el-upload--text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}
.avatar-uploader-icon {
  font-size: 28px;
  color: #8c939d;
}
.avatar {
  width: 60px;
  height: 60px;
}
.avatar,
.avatar-uploader:hover .el-upload--text .avatar-remove {
  display: block;
}
.avatar-remove {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  line-height: 60px;
  text-align: center;
}
body .batch-manage-inner-content .vxe-cell > i,
body .report-form-inner-content .vxe-cell > i {
  color: #0682ff;
  font-size: 16px;
}
body .batch-manage-inner-content .vxe-cell .edit-devicename,
body .report-form-inner-content .vxe-cell .edit-devicename {
  position: relative;
  cursor: pointer;
}
body .batch-manage-inner-content .vxe-cell .edit-devicename i,
body .report-form-inner-content .vxe-cell .edit-devicename i {
  position: absolute;
  right: 0;
  top: 4px;
  color: #0682ff;
  font-size: 16px;
  display: none;
}
body .batch-manage-inner-content .vxe-cell .edit-devicename:hover i,
body .report-form-inner-content .vxe-cell .edit-devicename:hover i {
  display: inline-block;
}
body .experience-font .vxe-cell--label {
  color: #1678ff;
}
body .free-font .vxe-cell--label {
  color: #158106;
}
body .black-font .vxe-cell--label {
  color: #000;
}
body .red-font .vxe-cell--label {
  color: red;
}
body .transfer-bean {
  width: 100%;
  height: 100%;
}
body .transfer-bean-header {
  width: 100%;
  height: 40px;
}
body .transfer-bean-header div.f_left {
  float: left;
  margin-right: 10px;
}
body .transfer-bean-header div.r_left {
  float: right;
  line-height: 32px;
}
body .transfer-bean-header div.r_left span {
  margin-left: 10px;
  font-size: 12px;
}
body .transfer-bean-table {
  position: absolute;
  left: 0;
  top: 40px;
  right: 0;
  bottom: 40px;
}
body .vxe-header--column .vxe-cell--sort {
  visibility: hidden;
}
body .vxe-header--column:hover .vxe-cell--sort {
  visibility: visible;
}
body .safety-day-report-drawer {
  position: absolute;
  right: 0;
  bottom: 0;
  background: #fff;
  width: 410px;
  z-index: 7900;
  transition: all 0.3s;
  border: 1px solid #e8eaec;
  padding: 4px;
  border-radius: 7px;
}
body .safety-day-report-drawer-title {
  height: 30px;
  font-size: 16px;
  padding-top: 2px;
}
body .safety-day-report-drawer-video {
  height: 370px;
}
body .safety-day-report-drawer-video video {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
  object-fit: fill;
}
body .safety-day-report-drawer-video-ctrl {
  margin-top: 3px;
  width: 100%;
  height: 80px;
}
body .safety-day-report-drawer-video-ctrl .video-play-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 30px;
  height: 30px;
  margin-left: -15px;
  margin-top: -15px;
  cursor: pointer;
}
body .safety-day-report-drawer-video-ctrl .video-play-icon i {
  font-size: 30px;
  color: #fff;
}
body .safety-day-report-drawer-video div.default-images {
  background-size: cover;
}
body .safety-day-report-drawer-switch {
  width: 100%;
  height: 10px;
  position: relative;
}
body .safety-day-report-drawer-switch > div {
  width: 74px;
  height: 10px;
  margin: 0 auto;
  background-size: 100% 100%;
  background-position: 0 0;
  cursor: pointer;
}
body .safety-day-report-drawer-switch > div.common_icon_move_down {
  background-image: url(../img/common_icon_move_down.9b5dc79e.png);
}
body .safety-day-report-drawer-switch > div.common_icon_move_up {
  background-image: url(../img/common_icon_move_up.7c69e50c.png);
}
body .safety-day-report-drawer-map {
  border: 1px solid #e8eaec;
  width: 100%;
  height: 260px;
}
body .renew-row {
  margin-bottom: 10px;
  height: 32px;
}
body .renew-row .renew-col-label {
  line-height: 32px;
  text-align: center;
}
body .renew-row .renew-col-value {
  height: 32px;
  line-height: 32px;
}
body .renew-row .renew-col-value .hide_label .el-radio__label {
  display: none;
}
body .renew-row .renew-col-value .hide_label .el-radio__inner {
  width: 10px;
  height: 10px;
}
body .renew-row-quick .renew-col-label {
  line-height: 32px;
  text-align: center;
}
body .renew-row-quick .quick-option {
  display: inline-block;
  border-radius: 4px;
  width: 110px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  background-color: #fafafa;
  margin: 0 6px 6px 0;
  cursor: pointer;
  font-size: 14px;
  color: #000;
}
body .renew-row-quick span.quick-option-active {
  background-image: url(../img/renew_box_sel.60ad3afd.png);
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-color: #f3f8ff;
}