/**************************
* 名称：OPOA css全局样式
* 版 权：(c)2013 starsoft.com  
* 公 司：杭州星软科技
* 日 期：2013-06-09
* 作 者：chenk    
* 工 号：11041901   
* 邮 件：ck3303@qq.com
* 描 述：这个文件作为全局样式，所有页面都必须引用，且放在最前面
*		 这个版本由base及base2优化而来。
* 修 改：在base3基础上修改，主要解决图标合并问题，测试没问题后覆盖base3  modify by chenk 2014.07.11
***************************/

/*#region 原有系统样式*/

* {
  margin: 0;
  padding: 0;
  box-sizing: content-box;
  font-family: "Microsoft YaHei";
}

/*#regin  定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/

div::-webkit-scrollbar,
.v8scrollbar::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #eee;
}

/*定义滚动条轨道 内阴影+圆角*/

div::-webkit-scrollbar-track.v8scrollbar::-webkit-scrollbar-track {
  /* 			-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); */
  background-color: #eee;
}

/*定义滑块 内阴影+圆角*/

div::-webkit-scrollbar-thumb,
.v8scrollbar::-webkit-scrollbar-thumb {
  /* 			-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); */
  background-color: #cbcbcb;
  -webkit-border-radius: 4px;
}

div::-webkit-scrollbar-thumb:hover,
.v8scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: #bdbdbd;
  -webkit-border-radius: 4px;
}

/*#endregin  定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/

.el-dialog__body {
  overflow: hidden;
}

html,
body,
#app,
.wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

body {
  font-family: "PingFang SC", "Helvetica Neue", Helvetica, "microsoft yahei",
    arial, STHeiTi, sans-serif;
}

a {
  text-decoration: none;
}

.content-box {
  padding: 0 0 0 0;
  color: #f0f2f5;
  position: absolute;
  left: 185px;
  right: 0;
  top: 60px;
  bottom: 0;
  -webkit-transition: left 0.3s linear;
  transition: left 0.3s linear;
}

/*xzz 分页 开始*/

.el-pagination__editor .el-input__inner {
  height: 28px !important;
  line-height: 28px !important;
}

.el-pagination__jump,
.el-pagination__sizes,
.el-pagination__jump .el-pagination__editor {
  margin-top: -2px;
}

.el-pagination__jump .el-pagination__editor {
  padding: 1px 2px;
}

/*xzz 分页 结束*/

/*xzz Dialog  开始*/

.el-dialog__body {
  padding: 0 20px;
}

.el-dialog {
  margin-top: 5vh !important;
  /* min-height: 300px;  */
  /*add by zhz 开始*/
}

@media screen and (min-width: 1450px) {
  .el-dialog {
    margin-top: 5vh !important;
  }
}

@keyframes animaDia {
  0% {
    transform: translate3D(100%, 0, 0);
  }

  100% {
    transition: all 0.5s ease;
    transform: translate3D(0, 0, 0);
  }
}

.elPopover {
  z-index: 1000 !important;
  box-shadow: 0px 0px 8px 0px #929292;
}

/*xzz Dialog  结束*/

/* xzz element table开始*/

.el-table--scrollable-y .el-table__body-wrapper {
  overflow: overlay;
}

/* xzz element table结束*/

/* xzz table el-tooltip__popper 开始*/

.el-tooltip__popper {
  max-width: 500px;
}

/* xzz table el-tooltip__popper 开始结束*/

.el-scrollbar__wrap {
  overflow: auto !important;
}

.content {
  width: auto;
  width: 100%;
  height: 100%;
  overflow: hidden;
  /* overflow-y: scroll; */
  box-sizing: border-box;
}

.content-collapse {
  left: 60px;
  padding: 0;
}

.container {
  padding: 30px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
}

.crumbs {
  margin-bottom: 10px;
}

.pagination {
  margin: 20px 0;
  text-align: right;
}

.plugins-tips {
  padding: 20px 10px;
  margin-bottom: 20px;
}

.el-button + .el-tooltip {
  margin-left: 10px;
}

.el-table tr:hover {
  background: #f6faff;
}

.mgb20 {
  margin-bottom: 20px;
}

.move-enter-active,
.move-leave-active {
  transition: opacity 0.5s;
}

.move-enter,
.move-leave {
  opacity: 0;
}

.el-checkbox__inner {
  border-color: #f36c2c;
}

.el-input__inner {
  border: 1px solid #cfd7e4;
  color: #666;
  font-size: 12px;
}

.el-table__empty-text {
  /*add by xzz*/
  line-height: 60px;
  width: 60px;
  height: 60px;
  color: #909399;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.el-form-item.is-success .el-input__inner,
.el-form-item.is-success .el-input__inner:focus,
.el-form-item.is-success .el-textarea__inner,
.el-form-item.is-success .el-textarea__inner:focus {
  border-color: #F36C2C;
}

.el-form-item.is-error .el-input__inner,
.el-form-item.is-error .el-input__inner:focus,
.el-form-item.is-error .el-textarea__inner,
.el-form-item.is-error .el-textarea__inner:focus,
.el-message-box__input input.invalid,
.el-message-box__input input.invalid:focus {
  border-color: #f56c6c;
}

.el-form-item__error {
  /* padding-left: 35px; */
}

/*BaseForm*/

.treeLabel {
  font-weight: bold;
}

.el-table__header th,
.el-table__header tr {
  color: #333333 !important;
  font-weight: bold;
}

.form-box {
  width: 600px;
}

.form-box .line {
  text-align: center;
}

/* .el-time-panel__content::after,
.el-time-panel__content::before {
  margin-top: -7px;
} */

.el-time-spinner__wrapper
  .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) {
  padding-bottom: 0;
}

/*Upload*/

.pure-button {
  width: 150px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  border-radius: 3px;
}

.g-core-image-corp-container .info-aside {
  height: 45px;
}

.el-upload--text {
  background-color: #fff;
  /* border: 1px dashed #d9d9d9; */
  border-radius: 6px;
  box-sizing: border-box;
  /* width: 360px;
    height: 180px; */
  text-align: center;
  cursor: pointer;
  position: relative;
  /* overflow: hidden; */
}

.el-upload--text .el-icon-upload {
  font-size: 67px;
  color: #97a8be;
  margin: 40px 0 16px;
  line-height: 50px;
}

.el-upload--text {
  color: #97a8be;
  font-size: 14px;
  text-align: center;
}

.el-upload--text em {
  font-style: normal;
}

/*VueEditor*/

.ql-container {
  min-height: 400px;
}

.ql-snow .ql-tooltip {
  transform: translateX(117.5px) translateY(10px) !important;
}

.editor-btn {
  margin-top: 20px;
}

/*markdown*/

.v-note-wrapper .v-note-panel {
  min-height: 500px;
}

/*#endregion 原有系统样式*/

/*#region 标签基础样式*/

/* body, html {
    background: #ffffff; 
    margin: 0;
    padding: 0;
    height: 100%;
    border: 0;
}
 */

html {
  color: #3d4153;
}

body {
  font-size: 12px;
  font-family: Tahoma;
  text-align: left;
  scrollbar-arrow-color: #474a5c;
  scrollbar-face-color: #e8ecf6;
  scrollbar-hightlight-color: #f2f2f2;
  scrollbar-track-color: #fcfcfc;
  scrollbar-darkshadow-color: #b8c5de;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
  padding: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}

a {
  color: #333;
  text-decoration: none;
  outline: none;
}

a:hover {
  color: #ff6600;
  /* text-decoration: underline; */
}

fieldset,
img {
  border: 0;
}

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

ul,
li {
  list-style: none;
  margin: 0;
  padding: 0;
  /* text-align: left; */
}

ul li {
  cursor: pointer;
}

caption,
th {
  text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

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

input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  vertical-align: middle;
}

legend {
  color: #000;
}

/*#endregion*/

/*#region 公用样式*/

/*#region 清除浮动   */

.clear {
  clear: both;
  height: 0;
  width: 99%;
  line-height: 0;
  visibility: hidden;
}

.clearfix:after {
  content: "";
  display: block;
  height: 0;
  line-height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
}

.clearfix {
  zoom: 1;
}

.overflow {
  overflow: auto;
  zoom: 1;
}

/*#endregion 清除浮动   */

/*鼠标手形*/

.hand {
  cursor: pointer;
}

/*#region 字母和单词换行设置 */

.break {
  -moz-word-break: break-all;
  -o-word-break: break-all;
  word-break: break-all;
  word-wrap: break-word;
}

.nobreak {
  -moz-word-break: keep-all;
  -o-word-break: keep-all;
  word-break: keep-all;
  word-wrap: normal;
}

/*#endregion 字母和单词换行设置 */

/*#region  宽高间距浮动等基础样式 */

.w952 {
  width: 952px;
  margin: 0 auto;
}

.w922 {
  width: 922px;
}

.top10 {
  margin-top: 10px;
}

.bottom10 {
  margin-bottom: 10px;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

/*#endregion  宽高间距浮动等基础样式 */

/*正在加载*/

.loading {
  background: url("img/icon/loading.gif") no-repeat 0 0;
  padding-left: 20px;
}

/*#endregion*/

/*#region  地图相关*/

.ztree li span.button.chk.checkbox_false_part {
  background-position: 0 -28px;
  /*background-position: -14px 0;应该是全选 modify by chenk 2020.08.31 */
}

.treeTip {
  visibility: hidden;
  position: absolute;
  z-index: 9999;
  font-weight: bold;
  background-color: #efeddd;
  border: 1px solid #ccc;
  padding: 3px 4px;
}

/*#region 车辆监控 add by chenk 2019.03.21 */

.mcMap {
  position: relative;
  width: 100%;
  height: 100%;
  min-width: 200px;
  overflow: hidden;
}

.mcMap .footer {
  height: 30px;
  /* overflow: hidden; */
  position: absolute;
  bottom: 0px;
  right: 0px;
  background: #fff;
  width: 100%;
  display: flex;
  align-items: center;
}

.mcMap .footer li {
  float: left;
  width: auto;
  color: #666666;
  height: 28px;
  padding: 0 10px;
  margin-right: 0;
  border-radius: 4px;
  line-height: 28px;
}

.mcMap .footer li.btn.footer_McCarList {
  margin: 0 8px;
  position: relative;
}
.mcMap .footer li.btn.footer_McCarList::before {
  position: absolute;
  top: 0;
  left: -3px;
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background-color: #edeff5;
}
.mcMap .footer li.btn.footer_McCarList::after {
  position: absolute;
  top: 0;
  right: -3px;
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background-color: #edeff5;
}

.mcMap .footer li.checked {
  color: #fff;
  background-color: #f36c2c;
}

.mcMap .footer li.btn .icon {
  background-image: url("icons/maptools/list_car.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: text-bottom;
  cursor: pointer;
  margin-right: 5px;
}
.mcMap .footer_right span {
  color: #f36c2c;
}
.operate_btns .list_export_cls,
.mcMap .footer_right .list_export_cls {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url("icons/maptools/list_export.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
  margin-right: 5px;
}
.operate_btns .list_set_cls,
.mcMap .footer_right .list_set_cls {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url("icons/maptools/list_set.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
  margin-right: 5px;
}

.mcMap .footer li.footer_carTree.checked .icon {
  background-image: url("icons/maptools/list_car_active.png");
}

.mcMap .footer li.footer_McCarList .icon {
  background-image: url("icons/maptools/list_monitor.png");
}

.mcMap .footer li.footer_McCarList.checked .icon {
  background-image: url("icons/maptools/list_monitor_active.png");
}

.mcMap .footer li.footer_carList .icon {
  background-image: url("img/carAllList.png");
}

.mcMap .footer li.footer_carList.checked .icon {
  background-image: url("img/carAllList_check.png");
}

.mcMap .footer li.footer_carGZ .icon {
  background-image: url("icons/maptools/list_follow.png");
}

.mcMap .footer li.footer_carGZ.checked .icon {
  background-image: url("icons/maptools/list_follow_active.png");
}

.mcMap .footer li.footer_btn {
  color: #006aff;
  font-size: 22px;
  width: 100px;
  height: 18px;
  margin: auto;
  position: absolute;
  top: -18px;
  left: 0;
  right: 0;
  z-index: 100;
  cursor: pointer;
  align-items: center;
  background-color: #eef6ff;
  border-radius: 6px 6px 0 0;
  display: flex;
  justify-content: center;
  padding: 0;
}
.mcMap .layout-split-south {
  border-top: 8px solid #eef6ff;
}
.mcMap .footer li.footer_carSum .icon {
  background-image: url("img/carSummary.png");
}
.mcMap .footer li.footer_carSum {
  display: flex;
  align-items: center;
  margin-left: 20px;
}
.mcMap .footer li.footer_carSum .icon_cls {
  display: flex;
  align-items: center;
  padding: 3px 3px 3px 20px;
  height: 16px;
  margin-left: 3px;
  margin-right: 5px;
  font-size: 16px;
  color: #20a0ff;
  background-position: left center;
  border-radius: 3px;
}
.mcMap .footer li.footer_carSum .icon_cls.select_icon_cls {
  background-color: #e5f1ff;
}
.mclistTop li.footer_right {
  height: 100%;
  float: right;
  display: flex;
  align-items: center;
  margin-right: 10px;
}
.mcMap .southMC + div.footer_btn_down {
  color: #006aff;
  font-size: 22px;
  width: 100px;
  height: 18px;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: -26px;
  z-index: 100;
  cursor: pointer;
  align-items: center;
  background-color: #eef6ff;
  border-radius: 6px 6px 0 0;
  display: flex;
  justify-content: center;
}
.mcMap .layout-panel.panel {
  overflow: visible;
}

.mcMap .mcCarTree {
  z-index: 5;
  min-width: 30px;
  min-height: 30px;
  position: absolute;
  top: 4px;
  left: 4px;
  /* width: 285px; */
}

.mcMap .mcCarTree div.title {
  height: 30px;
  position: absolute;
  top: 0px;
  left: 0;
  min-width: 100px;
  right: 0;
  cursor: move;
  border-bottom: 1px solid #e0e0e0;
}

.mcMap .mcCarTree span.title {
  float: left;
  width: auto;
  height: 30px;
  line-height: 30px;
  padding-left: 10px;
  font-size: 14px;
}

.mcMap .mcCarTree .icon_close {
  float: right;
  width: 30px;
  height: 30px;
  background-image: url("img/close2.png");
  cursor: pointer;
  background-position: 10px 8px;
  background-repeat: no-repeat;
}

.mcMap .mcCarTree .search_container {
  height: 36px;
  display: flex;
  align-items: center;
  background-color: #fff;
  /* padding-right: 10px; */
  border-radius: 4px;
  box-shadow: 1px 2px 10px 0px #999;
}

.mcMap .mcCarTree .status_select {
  height: 28px;
  padding-left: 12px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-right: 5px;
  position: relative;
}
.mcMap .mcCarTree .status_select::after {
  position: absolute;
  right: -5px;
  content: "";
  height: 100%;
  width: 1px;
  background-color: #a0a6b5;
}
.mcMap .mcCarTree .status_select .sffb-div {
  /* border: 1px solid #cfd7e4; */
  /* border-radius: 4px; */
}

.mcMap .mcCarTree .search {
  display: flex;
  align-items: center;
  height: 36px;
  width: auto;
  /* min-width: 230px; */
}

.mcMap .mcCarTree .treeDiv {
  position: absolute;
  top: 40px;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
  background: #fff;
  resize: both;
  /* box-shadow: 4px 6px 12px 0px #999; */
  box-shadow: 1px 2px 10px 0px #999;
}

.mcMap .mcCarTree .treeDiv {
  overflow: hidden;
}

.mcMap .mcCarTree .cartree {
  width: auto;
  height: 100%;
  overflow: auto;
}

.mcMap .mcCarTree .searchDiv {
  position: absolute;
  width: 100%;
  overflow: hidden;
  display: none;
  top: 40px;
  background: #fff;
  box-shadow: 1px 2px 10px 0px #999;
}

.mcMap .mcCarTree .mapLine {
  line-height: 35px;
  white-space: nowrap;
  font-family: Arial, Helvetica, "Microsoft YaHei", sans-serif;
  font-size: 12px;
  color: #333;
  cursor: pointer;
  padding-left: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  border-bottom: 1px dashed #ccc;
}
.mcMap .mcCarTree .mapLine:last-child {
  border-bottom: none;
}
.mcMap .mcCarTree .mapLine i {
  font-style: normal;
  color: #f36c2c;
}

.mcMap .mcCarTree .mapLine:hover {
  background: #e4e6e7;
}

.mcMap .mcCarTree .mapLine span:first-child {
  font-weight: bold;
  color: #aaa;
  margin-right: 5px;
}

.mcMap .mcCarTree .mapLine span:last-child {
  padding-left: 8px;
  color: #999;
}

.mcMap .mcCarTree .mapLine .search_gray {
  background: url("img/search_gray.png") no-repeat;
  width: 12px;
  height: 12px;
  display: inline-block;
  padding-right: 5px;
}
.infoTitle {
  width: 100%;
  height: 28px;
  border-bottom: 1px solid #e0e0e0;
  font-size: 14px;
  color: #333;
  font-weight: bold;
}
.infoText {
  display: flex;
  margin: 3px 0;
  padding: 0;
  color: #666;
  font-size: 12px;
  word-break: break-all;
  word-wrap: break-word;
  text-align: justify;
  white-space: normal;
  text-justify: inter-ideograph;
}

.infoText > span {
  display: inline-block;
}

.addArea {
  width: 65px;
  float: left;
  text-align: center;
  background-color: #fff;
  border-radius: 4px;
  cursor: pointer;
  margin-top: 50px;
  margin-bottom: 5px;
  border: 1px solid #f36c2c;
  color: #f36c2c;
  padding: 3px 6px;
}

.addArea:hover {
  background-color: #f36c2c;
  color: #fff;
}

.mcMap .mcCarTree .carFlexSearchType {
  position: absolute;
  top: 60px;
  left: 10px;
  width: 200px;
  height: auto;
  background-color: #999;
  padding: 4px;
  line-height: 12px;
}

.ztree li span.button.com_ico_docu,
.ztree li span.button.com_ico_open,
.ztree li span.button.com_ico_close {
  background: url("icons/sjg/com.png") no-repeat center center;
}

.ztree li span.button.dept_ico_docu,
.ztree li span.button.dept_ico_open,
.ztree li span.button.dept_ico_close {
  background: url("icons/sjg/dept.png") no-repeat center center;
}

.ztree li span.button.jigou_ico_docu,
.ztree li span.button.jigou_ico_open,
.ztree li span.button.jigou_ico_close {
  background: url("icons/sjg/jigou.png") no-repeat center center;
}

.ztree li span.button.gongdi_ico_docu,
.ztree li span.button.gongdi_ico_open,
.ztree li span.button.gongdi_ico_close {
  background: url("icons/sjg/gongdi.png") no-repeat center center;
}

.mcMap .mcCarTree .sffb-div {
  border: none;
  width: 187px;
  height: 28px;
  position: relative;
  margin-right: 8px;
}
.mcMap .mcCarTree .search .sffb-div:not(.sffb-hidden)::after {
  position: absolute;
  right: -5px;
  content: "";
  height: 100%;
  width: 1px;
  background-color: #a0a6b5;
}
.mcMap .mcCarTree .search .sffb-div {
  border: none !important;
}
.mcMap .mcCarTree .search .sffb-div .button.remove {
  font-family: element-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: baseline;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  font-size: 18px;
  position: absolute;
  right: -10px;
  top: 4px;
  cursor: pointer;
  color: #7d8395;
}
.mcMap .mcCarTree .search .sffb-div .button.remove:hover {
  color: #ff0a0a;
}
.mcMap .mcCarTree .search .sffb-div .button.remove::before {
  content: "\e6db";
}
.mcMap .mcCarTree .sffb-div .sffb-arrow {
  top: 3px;
}
.mcMap .mcCarTree .sffb-div input {
  height: 25px;
}

.self_close {
  font-family: element-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: baseline;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  cursor: pointer;
  color: #7d8395;
}
.self_close:hover {
  color: #ff0a0a;
}
.self_close::before {
  content: "\e6db";
}

.mcMap .mcCarTree .icon_search {
  height: 30px;
  width: 30px;
  background-image: url("img/search.png");
  cursor: pointer;
  background-position: 10px 8px;
  background-repeat: no-repeat;
}

.mcMap .mcCarTree .btnC .l-btn {
  height: 30px;
  width: 30px;
  cursor: pointer;
  border-top: 0;
  border-bottom: 0;
  border-radius: 0;
}

.mcMap .mcCarTree .icon-searchcar {
  background: url("img/search.png") no-repeat;
}

.mcMap .mcCarTree .icon-menu {
  background: url("img/dropdown.png") no-repeat;
}

.mcMap .mcCarTree .icon-menu:hover {
  background: url("img/dropdown_selected.png") no-repeat;
}
.mcMap .mcCarTree .icon-menudorpdown {
  font-family: element-icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: baseline;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  color: #f36c2c;
  font-size: 18px;
  transform: rotate(-90deg);
}
.mcMap .mcCarTree .icon-menudorpdown::before {
  content: "\e6dd";
}

.mcMap .mcCarTree .btnDiv {
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 30px;
  padding: 2px;
  min-width: 200px;
  text-align: center;
}

.mcMap .mcCarTree .btnDiv .l-btn {
  height: 28px;
  width: auto;
  cursor: pointer;
  border: 1px solid #F36C2C;
  color: #F36C2C;
  border-radius: 0;
}

.mcMap .mcCarTree .btnDiv .actionMenu {
  width: auto;
}

.mcMap .mcCarTree .btnDiv .c_action {
  border-right: none;
}

/* .mcMap .mcCarTree  .btnDiv .actionMenu{border-left: none} */

.mcMap .mcCarTree .easybtn {
  display: inline-block;
  margin-left: 2px;
}

.mcMap .bottom_list {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  background: #fff;
}

.mcMap .bottom_list .mclistTop {
  position: absolute;
  top: 0;
  height: 30px;
  width: 100%;
  border-bottom: 1px solid #333;
  overflow: hidden;
}

.mcMap .bottom_list .mclist {
  position: absolute;
  top: 30px;
  bottom: 0;
  width: 100%;
}

.mcMap .bottom_list .mctab {
  position: absolute;
  top: 0;
  height: 30px;
  width: 100%;
  padding-left: 4px;
}

.mcMap .bottom_list .mctab .tab {
  float: left;
}

.mcMap .bottom_list .mctab .selected {
  border: none;
  background-color: #f36c2c;
  border-radius: 4px;
}
.mcMap .bottom_list .mctab .selected .m-btn-downarrow {
  filter: brightness(1000%);
}

.mcMap .mapSearch {
  display: none;
  width: 16px;
  height: 20px;
  background: url("img/search.png") no-repeat scroll 0 0 transparent;
  cursor: pointer;
  z-index: 100;
  float: right;
  margin-top: 6px;
  margin-right: 2px;
}

.mcMap .mapClose {
  display: none;
  position: absolute;
  right: -10px;
  top: 4px;
  font-size: 18px;
  /* width: 16px;
  height: 20px;
  background: url("img/close.png") no-repeat scroll 0 0 transparent;
  float: left;
  cursor: pointer;
  z-index: 100;
  margin-top: 6px;
  display: none; */
}

/*列表的操作按钮*/

.pqlist .checkbox {
  background: url("icons/zTreeStandard.gif") no-repeat 0 0;
  width: 13px;
  height: 13px;
  display: inline-block;
  cursor: pointer;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: none;
}

.pqlist .checkbox.disable {
  background-position: 0 -56px;
  cursor: not-allowed;
}

.pqlist .checkbox.unchecked {
  background-position: 0 0;
}

.pqlist .checkbox.checked {
  background-position: -14px 0;
}

.mcMap .bottom_list .mctab .selected .l-btn-plain {
  background: none;
  color: #fff;
}

/*#endregion 车辆监控 add by chenk 2019.03.21 */

/*#region 车辆树状态图标 border:1px solid #cccccc $(obj).linkbutton({ iconCls: 'icon-maprevert' }); add by chenk 2012.08.25*/

.icon-showcarbrand {
  /*显示车牌号*/
  background: url("img/showcarbrand.png") no-repeat;
  padding-right: 0px;
}

.icon-hidecarbrand {
  /*不显示车牌号*/
  background: url("img/hidecarbrand.png") no-repeat;
  padding-right: 0px;
}

.icon-showcode {
  /*显示自编号*/
  background: url("img/showcode.png") no-repeat;
  padding-right: 0px;
}

.icon-hidecode {
  /*隐藏自编号*/
  background: url("img/hidecode.png") no-repeat;
  padding-right: 0px;
}

.icon-countcarstate {
  /*统计车辆状态*/
  background: url("img/countcarstate.png") no-repeat;
  padding-right: 0px;
}

.icon-carstate {
  /*不统计车辆状态*/
  background: url("img/carstate.png") no-repeat;
  padding-right: 0px;
}

.icon-countlogisstate {
  /*统计运输状态*/
  background: url("img/countlogisstate.png") no-repeat;
  padding-right: 0px;
}

.icon-logisstate {
  /*不统计运输状态*/
  background: url("img/logisstate.png") no-repeat;
  padding-right: 0px;
}

.icon-countstate {
  /*统计运输状态*/
  background: url("img/countstate.png") no-repeat;
  padding-right: 0px;
}

.icon-countstate2 {
  /*不统计运输状态*/
  background: url("img/countstate2.png") no-repeat;
  padding-right: 0px;
}

.icon-offline {
  /*离线图标*/
  background: url("img/cartree/offline.png") no-repeat;
  padding-right: 0;
}

.ztree span.treename {
  padding-right: 5px;
}

.ztree span.sttt {
  padding: 0;
  margin: 0;
}

.ztree span.sttn {
  color: Red;
  padding-left: 18px;
  height: 16px;
  line-height: 16px;
  padding-right: 4px;
}

.ztree span.stt_img {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 16px;
}

.ztree span.stt_total {
  background: url("img/cartree/total.png") no-repeat 0 0;
}

.ztree span.stt_move {
  background: url("img/cartree/move.png") no-repeat 0 0;
}

.ztree span.stt_stop {
  background: url("img/cartree/stop.png") no-repeat 0 0;
}

.ztree span.stt_offline {
  background: url("img/cartree/offline.png") no-repeat 0 0;
}

.ztree span.stt_stopAcc {
  background: url("icons/cartree/stopAcc.png") no-repeat 0 0;
}

/*#region 状态汇总 add by show 2013.12.09*/

#divCarRefreshInfo {
  position: absolute;
  left: 0;
  bottom: 0px;
  margin: 0;
  border: 1px solid #ccc;
  background: #fff;
  height: 25px;
  line-height: 25px;
}

#divCarRefreshInfo .tab {
  border-right: 1px solid #cccccc;
  cursor: pointer;
  float: left;
  width: 60px;
}

#divCarRefreshInfo .tabselected {
  background: none repeat scroll 0 0 #5faa11;
}

#divCarRefreshInfo ul {
  list-style: none;
}

#divCarRefreshInfo ul li {
  list-style: none;
  float: left;
}

#carStatus {
  display: none;
}

#carStatus span {
  height: 25px;
  cursor: pointer;
}

div span.sttt {
  padding: 0;
  margin: 0;
}

div span.sttn {
  color: #f00;
  padding-left: 18px;
  height: 25px;
  line-height: 25px;
  padding-right: 4px;
  border: 1px solid white;
  border-radius: 2px;
}

#divCarRefreshInfo span.sttn:hover,
#divCarRefreshInfo span.selected {
  border: 1px solid red;
}

div span.stt_img {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 16px;
}

div span.stt_lineStrong {
  background: url("img/cartree/lineStrong.png") no-repeat 0 0;
}

div span.stt_lineWeak {
  background: url("img/cartree/lineWeak.png") no-repeat 0 0;
}

div span.stt_total {
  background: url("img/cartree/total.png") no-repeat 0 0;
}

div span.stt_move {
  background: url("img/cartree/move.png") no-repeat 0 0;
}

div span.stt_stop {
  background: url("img/cartree/stop.png") no-repeat 0 0;
}

div span.stt_stop_accon {
  background: url("icons/cartree/stopAcc.png") no-repeat 0 0;
}

div span.stt_tijin {
  background: url("img/cartree/qian_fei_ting_ji.png") no-repeat 0 0;
}

div span.stt_gps {
  background: url("icons/cartree/offline.png") no-repeat 0 0;
}

div span.stt_offline {
  background: url("img/cartree/offline.png") no-repeat 0 0;
}

div span.stt_online {
  background: url("img/cartree/online.png") no-repeat 0 0;
}

div span.stt_unlock {
  background: url("img/cartree/unlock.png") no-repeat 0 0;
}

#divCarRefreshInfo .spliter {
  padding: 0;
  background: #ccc;
  width: 1px;
  height: 25px;
  line-height: 25px;
  display: inline-block;
  float: left;
}

#pageRefreshTimer {
  display: inline-block;
  float: left;
}

/*#endregion add by show 2013.12.09*/

.ztree span.stt_zaitu {
  background: url("img/cartree/zaitu.png") no-repeat 0 0;
}

.ztree span.stt_daifa {
  background: url("img/cartree/daifa.png") no-repeat 0 0;
}

.ztree span.stt_kongxian {
  background: url("img/cartree/kongxian.png") no-repeat 0 0;
}

.ztree li span.button.manage_top_ico_docu,
.ztree li span.button.manage_top_ico_open,
.ztree li span.button.manage_top_ico_close {
  margin-right: 2px;
  background: url("icons/cartree/manage_top.png") no-repeat;
  background-size: 16px 16px;
  vertical-align: top;
}
.ztree li span.button.manage_middle_ico_docu,
.ztree li span.button.manage_middle_ico_open,
.ztree li span.button.manage_middle_ico_close {
  margin-right: 2px;
  background: url("icons/cartree/manage_middle.png") no-repeat;
  background-size: 16px 16px;
  vertical-align: top;
}
.ztree li span.button.manage_min_ico_docu,
.ztree li span.button.manage_min_ico_open,
.ztree li span.button.manage_min_ico_close {
  margin-right: 2px;
  background: url("icons/cartree/manage_min.png") no-repeat;
  background-size: 16px 16px;
  vertical-align: top;
}
.ztree li span.button.associty_ico_docu,
.ztree li span.button.associty_ico_open,
.ztree li span.button.associty_ico_close {
  margin-right: 2px;
  background: url("icons/cartree/associty.png") no-repeat;
  background-size: 16px 16px;
  vertical-align: top;
}
.ztree li span.button.compnay_ico_docu,
.ztree li span.button.compnay_ico_open,
.ztree li span.button.compnay_ico_close {
  margin-right: 2px;
  background: url("icons/cartree/compnay.png") no-repeat;
  background-size: 16px 16px;
  vertical-align: top;
}

/*车辆*/

.ztree li span.button.pcar_ico_docu,
.ztree li span.button.pcar_ico_open,
.ztree li span.button.pcar_ico_close {
  margin-right: 2px;
  background: url("icons/cartree/treecar.png") no-repeat scroll 0 0 transparent;
  vertical-align: top;
  *vertical-align: middle;
}

.ztree li span.button.car_ico_docu,
.ztree li span.button.car_ico_open,
.ztree li span.button.car_ico_close {
  margin-right: 2px;
  background: url("icons/cartree/treecar.png") no-repeat scroll 0 0 transparent;
  vertical-align: top;
  *vertical-align: middle;
}

/* 通道 */

.ztree li span.button.channels_ico_docu,
.ztree li span.button.channels_ico_open,
.ztree li span.button.channels_ico_close {
  margin-right: 2px;
  background: url("img/jiankong/camera.png") no-repeat scroll 0 0 transparent;
  vertical-align: top;
  *vertical-align: middle;
}

/*未入网*/

.ztree li span.button.wei_ru_wang_ico_docu,
.ztree li span.button.wei_ru_wang_ico_open,
.ztree li span.button.wei_ru_wang_ico_close {
  margin-right: 2px;
  background: url("icons/cartree/wei_ru_wang.png") no-repeat scroll 0 0
    transparent;
  vertical-align: top;
  *vertical-align: middle;
}

/*离线*/

.ztree li span.button.offline_ico_docu,
.ztree li span.button.offline_ico_open,
.ztree li span.button.offline_ico_close {
  margin-right: 2px;
  background: url("icons/cartree/offline.png") no-repeat scroll 0 0 transparent;
  vertical-align: top;
  *vertical-align: middle;
}

/*ACC*/

.ztree li span.button.accoff_ico_docu,
.ztree li span.button.accoff_ico_open,
.ztree li span.button.accoff_ico_close {
  margin-right: 2px;
  background: url("icons/cartree/accoff.png") no-repeat scroll 0 0 transparent;
  vertical-align: top;
  *vertical-align: middle;
}

/*未锁定*/

.ztree li span.button.unlock_ico_docu,
.ztree li span.button.unlock_ico_open,
.ztree li span.button.unlock_ico_close {
  margin-right: 2px;
  background: url("icons/cartree/unlock.png") no-repeat scroll 0 0 transparent;
  vertical-align: top;
  *vertical-align: middle;
}

/*停车*/

.ztree li span.button.stop_ico_docu,
.ztree li span.button.stop_ico_open,
.ztree li span.button.stop_ico_close {
  margin-right: 2px;
  background: url("icons/cartree/stop.png") no-repeat scroll 0 0 transparent;
  vertical-align: top;
  *vertical-align: middle;
}

/*停车(ACC开启)*/

.ztree li span.button.stopAcc_ico_docu,
.ztree li span.button.stopAcc_ico_open,
.ztree li span.button.stopAcc_ico_close {
  margin-right: 2px;
  background: url("icons/cartree/stopAcc.png") no-repeat scroll 0 0 transparent;
  vertical-align: top;
  *vertical-align: middle;
}

/*锁车(ACC开启)*/

.ztree li span.button.unlockAcc_ico_docu,
.ztree li span.button.unlockAcc_ico_open,
.ztree li span.button.unlockAcc_ico_close {
  margin-right: 2px;
  background: url("icons/cartree/unlockAcc.png") no-repeat scroll 0 0
    transparent;
  vertical-align: top;
  *vertical-align: middle;
}

/*行驶*/

.ztree li span.button.move_ico_docu,
.ztree li span.button.move_ico_open,
.ztree li span.button.move_ico_close {
  margin-right: 2px;
  background: url("icons/cartree/move.png") no-repeat scroll 0 0 transparent;
  vertical-align: top;
  *vertical-align: middle;
}

/*欠费停机*/

.ztree li span.button.qian_fei_ting_ji_ico_docu,
.ztree li span.button.qian_fei_ting_ji_ico_open,
.ztree li span.button.qian_fei_ting_ji_ico_close {
  margin-right: 2px;
  background: url("icons/cartree/qian_fei_ting_ji.png") no-repeat scroll 0 0
    transparent;
  vertical-align: top;
  *vertical-align: middle;
}

/*停车正转*/

.ztree li span.button.z_reversal_ico_docu,
.ztree li span.button.z_reversal_ico_open,
.ztree li span.button.z_reversal_ico_close {
  margin-right: 2px;
  background: url("icons/cartree/zfz/z/reversal.png") no-repeat scroll 0 0
    transparent;
  vertical-align: top;
  *vertical-align: middle;
}

/*停车反转*/

.ztree li span.button.f_reversal_ico_docu,
.ztree li span.button.f_reversal_ico_open,
.ztree li span.button.f_reversal_ico_close {
  margin-right: 2px;
  background: url("icons/cartree/zfz/f/reversal.png") no-repeat scroll 0 0
    transparent;
  vertical-align: top;
  *vertical-align: middle;
}
.pcar_ico {
  background: url("icons/cartree/treecar.png") no-repeat scroll 0 0 transparent;
}
.car_ico {
  background: url("icons/cartree/treecar.png") no-repeat scroll 0 0 transparent;
}
.wei_ru_wang_ico {
  background: url("icons/cartree/wei_ru_wang.png") no-repeat scroll 0 0
    transparent;
}
.offline_ico {
  background: url("icons/cartree/offline.png") no-repeat scroll 0 0 transparent;
}
.accoff_ico {
  background: url("icons/cartree/accoff.png") no-repeat scroll 0 0 transparent;
}
.unlock_ico {
  background: url("icons/cartree/unlock.png") no-repeat scroll 0 0 transparent;
}
.stop_ico {
  background: url("icons/cartree/stop.png") no-repeat scroll 0 0 transparent;
}
.stopAcc_ico {
  background: url("icons/cartree/stopAcc.png") no-repeat scroll 0 0 transparent;
}
.unlockAcc_ico {
  background: url("icons/cartree/unlockAcc.png") no-repeat scroll 0 0
    transparent;
}
.move_ico {
  background: url("icons/cartree/move.png") no-repeat scroll 0 0 transparent;
}
.qian_fei_ting_ji_ico {
  background: url("icons/cartree/qian_fei_ting_ji.png") no-repeat scroll 0 0
    transparent;
}
.z_reversal_ico {
  background: url("icons/cartree/zfz/z/reversal.png") no-repeat scroll 0 0
    transparent;
}
.f_reversal_ico {
  background: url("icons/cartree/zfz/f/reversal.png") no-repeat scroll 0 0
    transparent;
}
/*#endregion 车辆树状态图标 add by chenk 2012.08.25*/

.mcCarTree .l-btn-text {
  font-size: 12px;
}

.mcCarTree .l-btn:hover {
  background-color: #fff;
}
.mcCarTree .l-btn {
  background-color: #fff;
}

/* .mcCarTree .l-btn-plain:hover {
  border: 0;
}
.mcCarTree .l-btn-plain-selected {
  border: 0 !important;
}
.mcCarTree .l-btn-selected {
  border: 0 !important;
}
.mcCarTree .m-btn-plain-active {
  border: 0 !important;
  background-color: initial;
}
.mcCarTree .m-btn-plain:hover {
  border: 0;
} */

/*#region 地图工具条样式  width:290px*/

.mapToolBar {
  height: 26px;
  background: #ffffff;
  z-index: 999999;
  float: left;
  position: absolute;
  top: 4px;
  right: 4px;
  overflow: hidden;
  border: none;
  box-shadow: 1px 2px 10px 0px #999;
}
.maptool .l-btn-icon {
  width: 14px;
  height: 14px;
  line-height: 14px;
  margin-top: -6px;
}
.mapToolBar.car_list .l-btn-left.l-btn-icon-left {
  margin-top: 0 !important;
}
.mapToolBar.car_list .l-btn {
  border-radius: 0;
}
.menu-shadow {
  background: #ffffff;
  box-shadow: 1px 2px 10px 0px #999;
}

.showMapTools {
  height: 40px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999998;
}

.mapToolBar .l-btn {
  background: none;
  border: none;
  border-radius: 0;
}
.mapToolBar .menu-item {
  border-radius: 0;
}

.mapToolBar .maptool:hover {
  background: none;
  /*border: none;*/
}

.mapToolBar .maptool .l-btn-text,
.mapToolBar .maptool:hover .l-btn-text {
  padding-left: 0px;
  line-height: 22px;
}
.mapToolBar .l-btn-icon-left .l-btn-text {
  margin: 0 10px 0 26px;
}
.mapToolBar .m-btn .l-btn-left .l-btn-text {
  margin-right: 22px;
}

.mapToolBar .icon-checkbox {
  background: url("icons/easyuiIcon.png") no-repeat;
  background-position: -440px -2160px;
}

.mapToolBar .l-btn-plain-selected .icon-checkbox {
  background-position: -440px -2174px;
}

.mapToolBar .l-btn-plain-selected {
  background: none;
}

.mapToolBar .maptool:hover .l-btn-text {
  /* background: #fff none repeat scroll 0 0; */
  /* color: #F36C2C; */
}

.mapToolBar .l-btn-selected .l-btn-text {
  color: #333;
}

.mapToolBar .icon-compare {
  background: url("icons/maptools/compare.png") no-repeat;
  background-size: 100% 100%;
}
.mapToolBar .icon-checkall {
  background: url("icons/maptools/checkall.png") no-repeat;
  background-size: 100% 100%;
}
.mapToolBar .icon-carState {
  background: url("icons/maptools/carState.png") no-repeat;
  background-size: 100% 100%;
}
.mapToolBar .icon-checkrever {
  background: url("icons/maptools/checkrever.png") no-repeat;
  background-size: 100% 100%;
}
.mapToolBar .icon-refresh {
  background: url("icons/maptools/refresh.png") no-repeat;
  background-size: 100% 100%;
  top: 9px;
}
.mapToolBar .icon-lineOffCar {
  background: url("icons/maptools/lineOffCar.png") no-repeat;
  background-size: 100% 100%;
}
.mapToolBar .icon-alarmCar {
  background: url("icons/maptools/alarmCar.png") no-repeat;
  background-size: 100% 100%;
  margin-top: -8px;
}
.mapToolBar .l-btn-plain-selected .icon-alarmCar,
.mapToolBar .l-btn-plain-selected .icon-lineOffCar,
.mapToolBar .l-btn-plain-selected .icon-carState,
.mapToolBar .l-btn-plain-selected .icon-checkrever,
.mapToolBar .l-btn-plain-selected .icon-refresh,
.mapToolBar .l-btn-plain-selected .icon-checkall {
  transform: translateX(-30px);
  filter: drop-shadow(30px 0 0 #f36c2c);
}

.mapToolBar .l-btn-plain-selected .icon-check,
.mapToolBar .l-btn-selected .icon-check {
  background: url("icons/maptools/check_active.png") no-repeat;
  background-size: 100% 100%;
}

.mapToolBar .menu-active.l-btn-plain-selected .icon-check,
.mapToolBar .menu-active.l-btn-selected .icon-check,
.mapToolBar .menu-active.mapToolBar .l-btn-selected .icon-check {
  background: url("icons/maptools/check_light.png") no-repeat;
  background-size: 100% 100%;
}

.mapToolBar .icon-lineoff {
  background: url("icons/maptools/lineoff.png") no-repeat;
  background-size: 100% 100%;
}

.mapToolBar .l-btn-plain-selected .icon-lineoff,
.mapToolBar .l-btn-selected .icon-lineoff {
  background: url("icons/maptools/lineoff_active.png") no-repeat;
  background-size: 100% 100%;
}

.mapToolBar .icon-allarea {
  background: url("icons/maptools/area.png") no-repeat;
  background-size: 100% 100%;
}

.mapToolBar .m-btn-plain-active .icon-allarea {
  background: url("icons/maptools/area_active.png") no-repeat;
  background-size: 100% 100%;
}

.mapToolBar .icon-mapStyle {
  background: url("icons/maptools/mapstyle.png") no-repeat;
  background-size: 100% 100%;
}

.mapToolBar .l-btn-plain-selected .icon-mapStyle,
.mapToolBar .maptool:hover .icon-mapStyle {
  background: url("icons/maptools/mapstyle_active.png") no-repeat;
  background-size: 100% 100%;
}
.mapToolBar .icon-fence {
  background: url("icons/maptools/fence.png") no-repeat;
  background-size: 100% 100%;
}

.mapToolBar .l-btn-plain-selected .icon-fence,
.mapToolBar .maptool:hover .icon-fence {
  background: url("icons/maptools/fence_active.png") no-repeat;
  background-size: 100% 100%;
}

.mapToolBar .icon-build {
  background: url("icons/maptools/factory.png") no-repeat;
  background-size: 100% 100%;
}

.mapToolBar .m-btn-plain-active .icon-build {
  background: url("icons/maptools/factory_active.png") no-repeat;
  background-size: 100% 100%;
}

.mapToolBar .maptool:hover .icon-build {
  background: url("icons/maptools/factory_active.png") no-repeat;
  background-size: 100% 100%;
}

.mapToolBar .l-btn-plain-selected .icon-myMap {
  background: url("icons/jkzx.png") no-repeat;
  background-position: -272px -207px;
}

.mapToolBar .icon-myMap {
  background: url("icons/jkzx.png") no-repeat;
  background-position: -240px -208px;
}

.mapToolBar .l-btn-plain-selected .icon-round,
.mapToolBar .maptool:hover .icon-round {
  background: url("icons/maptools/round_active.png") no-repeat;
  background-size: 100% 100%;
}

.mapToolBar .l-btn-plain-selected .icon-weather,
.mapToolBar .maptool:hover .icon-weather {
  background: url("icons/maptools/weather_active.png") no-repeat;
  background-size: 100% 100%;
}

.mapToolBar .l-btn-plain-selected .icon-area,
.mapToolBar .maptool:hover .icon-area {
  background: url("icons/maptools/area_active.png") no-repeat;
  background-size: 100% 100%;
}
.mapToolBar .icon-region {
  background: url("icons/maptools/region.png") no-repeat;
  background-size: 100% 100%;
}

.mapToolBar .l-btn-plain-selected .icon-region,
.mapToolBar .maptool:hover .icon-region {
  background: url("icons/maptools/region_active.png") no-repeat;
  background-size: 100% 100%;
}
.mapToolBar .icon-carmark {
  background: url("icons/maptools/carmark.png") no-repeat;
  background-size: 100% 100%;
}

.mapToolBar .l-btn-plain-selected .icon-carmark,
.mapToolBar .maptool:hover .icon-carmark {
  background: url("icons/maptools/carmark_active.png") no-repeat;
  background-size: 100% 100%;
}
.mapToolBar .icon-temperature {
  background: url("icons/maptools/temperature.png") no-repeat;
  background-size: 100% 100%;
}
.mapToolBar .icon-builds {
  background: url("icons/maptools/build.png") no-repeat;
  background-size: 100% 100%;
}

.mapToolBar .l-btn-plain-selected .icon-builds,
.mapToolBar .maptool:hover .icon-builds {
  background: url("icons/maptools/build_active.png") no-repeat;
  background-size: 100% 100%;
}
.mapToolBar .icon-factorys {
  background: url("icons/maptools/factorys.png") no-repeat;
  background-size: 100% 100%;
}

.mapToolBar .l-btn-plain-selected .icon-factorys,
.mapToolBar .maptool:hover .icon-factorys {
  background: url("icons/maptools/factorys_active.png") no-repeat;
  background-size: 100% 100%;
}
.mapToolBar .icon-mapSwitch {
  background: url("icons/maptools/mapswitch.png") no-repeat;
  background-size: 100% 100%;
}

.mapToolBar .l-btn-plain-selected .icon-mapSwitch,
.mapToolBar .maptool:hover .icon-mapSwitch {
  background: url("icons/maptools/mapswitch_active.png") no-repeat;
  background-size: 100% 100%;
}

.mapToolBar .l-btn-plain-selected .icon-frame,
.mapToolBar .maptool:hover .icon-frame {
  background: url("icons/maptools/frame_active.png") no-repeat;
  background-size: 100% 100%;
}

.mapToolBar .l-btn-plain-selected .icon-circle,
.mapToolBar .maptool:hover .icon-circle {
  background: url("icons/maptools/circle_active.png") no-repeat;
  background-size: 100% 100%;
}
.mapToolBar .icon-network {
  background: url("icons/maptools/network.png") no-repeat;
  background-size: 100% 100%;
}

.mapToolBar .l-btn-plain-selected .icon-network,
.mapToolBar .maptool:hover .icon-network {
  background: url("icons/maptools/network_active.png") no-repeat;
  background-size: 100% 100%;
}
.mapToolBar .icon-waypoint {
  background: url("icons/maptools/waypoint.png") no-repeat;
  background-size: 100% 100%;
}

.mapToolBar .l-btn-plain-selected .icon-waypoint,
.mapToolBar .maptool:hover .icon-waypoint {
  background: url("icons/maptools/waypoint_active.png") no-repeat;
  background-size: 100% 100%;
}
.mapToolBar .icon-round {
  background: url("icons/maptools/round.png") no-repeat;
  background-size: 100% 100%;
}
/* .mapToolBar .menu-active .icon-round {
  background: url("icons/maptools/round_active.png") no-repeat;
  background-size: 100% 100%;
} */
.mapToolBar .icon-weather {
  background: url("icons/maptools/weather.png") no-repeat;
  background-size: 100% 100%;
}
/* .mapToolBar .menu-active .icon-weather {
  background: url("icons/maptools/weather_active.png") no-repeat;
  background-size: 100% 100%;
} */
.mapToolBar .icon-area {
  background: url("icons/maptools/area.png") no-repeat;
  background-size: 100% 100%;
}
/* .mapToolBar .menu-active .icon-area {
  background: url("icons/maptools/area_active.png") no-repeat;
  background-size: 100% 100%;
} */
.mapToolBar .icon-frame {
  background: url("icons/maptools/frame.png") no-repeat;
  background-size: 100% 100%;
}
/* .mapToolBar .menu-active .icon-frame {
  background: url("icons/maptools/frame_active.png") no-repeat;
  background-size: 100% 100%;
} */
.mapToolBar .icon-circle {
  background: url("icons/maptools/circle.png") no-repeat;
  background-size: 100% 100%;
}
/* .mapToolBar .menu-active .icon-circle {
  background: url("icons/maptools/circle_active.png") no-repeat;
  background-size: 100% 100%;
} */
.mapToolBar .icon-polygon {
  background: url("icons/maptools/polygon.png") no-repeat;
  background-size: 100% 100%;
}
/* .mapToolBar .menu-active .icon-polygon {
  background: url("icons/maptools/polygon_active.png") no-repeat;
  background-size: 100% 100%;
} */
.mapToolBar .icon-cityarea {
  background: url("icons/maptools/cityarea.png") no-repeat;
  background-size: 100% 100%;
}
/* .mapToolBar .menu-active .icon-cityarea {
  background: url("icons/maptools/cityarea_active.png") no-repeat;
  background-size: 100% 100%;
} */
.mapToolBar .icon-check {
  background: url("icons/maptools/check.png") no-repeat;
  background-size: 100% 100%;
}
/* .mapToolBar .menu-active .icon-check {
  background: url("icons/maptools/check_hover.png") no-repeat;
  background-size: 100% 100%;
} */

.mapToolBar .l-btn-plain-selected .icon-polygon,
.mapToolBar .maptool:hover .icon-polygon {
  background: url("icons/maptools/polygon_active.png") no-repeat;
  background-size: 100% 100%;
}

.mapToolBar .icon-trafficTool {
  background: url("icons/jkzx.png") no-repeat;
  background-position: -176px -207px;
}

.mapToolBar .l-btn-plain-selected .icon-trafficTool {
  background-position: -207px -207px;
}

.mapToolBar .icon-aMapTool {
  background: url("icons/maptools/tool.png") no-repeat;
  background-size: 100% 100%;
}

.mapToolBar .m-btn-plain-active .icon-aMapTool {
  background: url("icons/maptools/tool_active.png") no-repeat;
  background-size: 100% 100%;
}

.mapToolBar .icon-aMapSearch {
  background: url("icons/maptools/search.png") no-repeat;
  background-size: 100% 100%;
}
.mapToolBar .m-btn-plain-active .icon-aMapSearch {
  background: url("icons/maptools/search_active.png") no-repeat;
  background-size: 100% 100%;
}
.mapToolBar .m-btn-plain-active.l-btn-selected .l-btn-text {
  color: #f36c2c;
}

.menutools .maptool {
  border: none;
}

.menutools .maptool:hover {
  border: none;
}

.menutools .l-btn-text {
  min-width: 80px;
  text-align: left;
}

.mapToolBar .icon-zoomTool {
  background: url("icons/maptools/zoomtools.png") no-repeat;
  background-size: 100% 100%;
}

.mapToolBar .l-btn-plain-selected .icon-zoomTool,
.mapToolBar .maptool:hover .icon-zoomTool {
  background: url("icons/maptools/zoomtools_active.png") no-repeat;
  background-size: 100% 100%;
}

.mapToolBar .icon-scaleTool {
  background: url("icons/maptools/scale.png") no-repeat;
  background-size: 100% 100%;
}

.mapToolBar .l-btn-plain-selected .icon-scaleTool,
.mapToolBar .maptool:hover .icon-scaleTool {
  background: url("icons/maptools/scale_active.png") no-repeat;
  background-size: 100% 100%;
}
.mapToolBar .icon-savemap {
  background: url("icons/maptools/savemap.png") no-repeat;
  background-size: 100% 100%;
}

.mapToolBar .l-btn-plain-selected .icon-savemap,
.mapToolBar .maptool:hover .icon-savemap {
  background: url("icons/maptools/savemap_active.png") no-repeat;
  background-size: 100% 100%;
}
.mapToolBar .icon-printmap {
  background: url("icons/maptools/printmap.png") no-repeat;
  background-size: 100% 100%;
}

.mapToolBar .l-btn-plain-selected .icon-printmap,
.mapToolBar .maptool:hover .icon-printmap {
  background: url("icons/maptools/printmap_active.png") no-repeat;
  background-size: 100% 100%;
}

.mapToolBar .icon-viewTool {
  background: url("icons/maptools/viewtool.png") no-repeat;
  background-size: 100% 100%;
}

.mapToolBar .l-btn-plain-selected .icon-viewTool,
.mapToolBar .maptool:hover .icon-viewTool {
  background: url("icons/maptools/viewtool_active.png") no-repeat;
  background-size: 100% 100%;
}

.mapToolBar .icon-drawBoxEnlargeNarrowTool {
  background: url("icons/maptools/narrow.png") no-repeat;
  background-size: 100% 100%;
}

.mapToolBar .l-btn-plain-selected .icon-drawBoxEnlargeNarrowTool,
.mapToolBar .maptool:hover .icon-drawBoxEnlargeNarrowTool {
  background: url("icons/maptools/narrow_active.png") no-repeat;
  background-size: 100% 100%;
}

.mapToolBar .icon-dragSearchCar {
  background: url("icons/jkzx.png") no-repeat;
  background-position: -48px -142px;
}

.mapToolBar .icon-drawBoxEnlargeTool {
  background: url("icons/maptools/enlarge.png") no-repeat;
  background-size: 100% 100%;
}

.mapToolBar .l-btn-plain-selected .icon-drawBoxEnlargeTool,
.mapToolBar .maptool:hover .icon-drawBoxEnlargeTool {
  background: url("icons/maptools/enlarge_active.png") no-repeat;
  background-size: 100% 100%;
}

.mapToolBar .icon-chinaMap {
  background: url("icons/maptools/chinamap.png") no-repeat;
  background-size: 100% 100%;
}

.mapToolBar .l-btn-plain-selected .icon-chinaMap,
.mapToolBar .maptool:hover .icon-chinaMap {
  background: url("icons/maptools/chinamap_active.png") no-repeat;
  background-size: 100% 100%;
}

.mapToolBar .icon-measureDistance {
  background: url("icons/maptools/distance.png") no-repeat;
  background-size: 100% 100%;
}

.mapToolBar .l-btn-plain-selected .icon-measureDistance,
.mapToolBar .maptool:hover .icon-measureDistance {
  background: url("icons/maptools/distance_active.png") no-repeat;
  background-size: 100% 100%;
}

.mapToolBar .icon-roundSearch {
  background: url("icons/jkzx.png") no-repeat;
  background-position: -240px -208px;
}

.mapToolBar .icon-dayWeather {
  background: url("icons/jkzx.png") no-repeat;
  background-position: -240px -208px;
}

.mapToolBar .icon-measureAreaTool {
  background: url("icons/maptools/measure.png") no-repeat;
  background-size: 100% 100%;
}

.mapToolBar .l-btn-plain-selected .icon-measureAreaTool,
.mapToolBar .maptool:hover .icon-measureAreaTool {
  background: url("icons/maptools/measure_active.png") no-repeat;
  background-size: 100% 100%;
}

.mapToolBar .icon-JuHe {
  background: url("icons/maptools/set.png") no-repeat;
  background-size: 100% 100%;
}

.mapToolBar .m-btn-plain-active .icon-JuHe {
  background: url("icons/maptools/set_active.png") no-repeat;
  background-size: 100% 100%;
}

/*.mapToolBar  .maptool:hover .icon-JuHe {
    background-position:-32px -260px
}*/

/* .mapToolBar .icon-carCluseterTool {
    background: url(icons/easyuiIcon.png) no-repeat;
    background-position:-0px -164px;
} */

.mapToolBar .icon-carCluseterTool {
  background: url("icons/jkzx.png") no-repeat;
  background-position: -176px -239px;
}

.mapToolBar .l-btn-plain-selected .icon-carCluseterTool {
  background-position: -208px -239px;
}

.mapToolBar .icon-areaClusterTool {
  background: url("icons/jkzx.png") no-repeat;
  background-position: -240px -239px;
}

.mapToolBar .l-btn-plain-selected .icon-areaClusterTool {
  background-position: -272px -240px;
}
.mapToolBar .icon-buildClusterTool {
  background: url("icons/jkzx.png") no-repeat;
  background-position: -176px -239px;
}

.mapToolBar .l-btn-plain-selected .icon-buildClusterTool {
  background-position: -208px -239px;
}
.mapToolBar .icon-sjgClusterTool {
  background: url("icons/easyuiIcon.png") no-repeat;
  background-position: -0px -196px;
}

.mapToolBar .l-btn-plain-selected .icon-sjgClusterTool {
  background-position: -32px -196px;
}

.mapToolBar .icon-aMyMapTool {
  background: url("icons/easyuiIcon.png") no-repeat;
  background-position: -119px -329px;
}

.mapToolBar .l-btn-plain-selected .icon-aMyMapTool {
  background-position: -149px -329px;
}

/*打钩图标*/

.mapToolBar .icon-right {
  background: url("icons/easyuiIcon.png") no-repeat;
  background-position: 128px 228px;
}

.mapToolBar .maptool:hover .icon-right {
}

.mapToolBar .l-btn-selected .icon-right {
  background-position: -60px -447px;
}

.l-btn-plain:hover {
  color: #F36C2C;
  /*border: none;*/
  border-radius: 0;
}

.menu .menu-line,
.mapToolBar .menu-line {
  display: none;
}

.mapToolBar .l-btn-text {
  font-size: 12px;
}

.mapToolBar .menu-active {
  color: #F36C2C;
}
.mapToolBar .menu-active.maptool.menu-item,
.mapToolBar .menu-active.menu-item {
  background-color: #f36c2c;
}

.mapToolBar .menu-active .l-btn-left.l-btn-icon-left {
  filter: brightness(1000%);
}

.mapToolBar .icon-mapToolSearch {
  background: url("icons/jkzx.png") no-repeat;
  background-position: -208px -110px;
}

.mapToolBar .l-btn-plain-selected .icon-mapToolSearch {
  background-position: -240px -110px;
}

/*车辆全选*/

.mapToolBar .icon-allCheck {
  background: url("icons/jkzx.png") no-repeat;
  background-position: -16px -109px;
}

.mapToolBar .l-btn-plain-selected .icon-allCheck {
  background-position: -48px -109px;
}

/*车辆反选*/

.mapToolBar .icon-theSelected {
  background: url("icons/jkzx.png") no-repeat;
  background-position: -80px -109px;
}

.mapToolBar .l-btn-plain-selected .icon-theSelected {
  background-position: -11px -109px;
}

/*报警监控*/

.mapToolBar .icon-alarmMonitor {
  background: url("icons/jkzx.png") no-repeat;
  background-position: -144px -111px;
}

.mapToolBar .l-btn-plain-selected .icon-alarmMonitor {
  background-position: -176px -111px;
}

/*统计车辆状态*/

.mapToolBar .icon-countCarState {
  background: url("icons/jkzx.png") no-repeat;
  background-position: -48px -76px;
}

.mapToolBar .l-btn-plain-selected .icon-countCarState {
  background-position: -79px -76px;
}

/*统计运输状态*/

.mapToolBar .icon-countLogisState {
  background: url("icons/jkzx.png") no-repeat;
  background-position: -112px -76px;
}

.mapToolBar .l-btn-plain-selected .icon-countLogisState {
  background-position: -144px -76px;
}

/*车辆图标设置*/

.mapToolBar .icon-carIconSet {
  background: url("icons/maptools/iconset.png") no-repeat;
  background-size: 100% 100%;
}

.mapToolBar .icon-maptool_map {
  background: url("icons/maptools/global.png") no-repeat;
  background-size: 100% 100%;
}

.mapToolBar .m-btn-plain-active .icon-maptool_map {
  background: url("icons/maptools/global_active.png") no-repeat;
  background-size: 100% 100%;
}

.mapToolBar .icon-czzb {
  background: url("icons/jkzx.png") no-repeat;
  background-position: -272px -111px;
}

.mapToolBar .l-btn-plain-selected .icon-czzb {
  background-position: -304px -111px;
}

.mapToolBar .icon-sjzc {
  background: url("icons/jkzx.png") no-repeat;
  background-position: -336px -111px;
}

.mapToolBar .icon-dsdd {
  background: url("icons/jkzx.png") no-repeat;
  background-position: -111px -144px;
}

.mapToolBar .icon-lkzc {
  background: url("icons/jkzx.png") no-repeat;
  background-position: -48px -144px;
}

.mapToolBar .menu-text {
  padding-left: 20px;
}

.mapToolBar .menu-text span .easyui-linkbutton {
  margin-left: -22px;
  margin-top: -4px;
}

.mapToolBar_childmenu {
  width: 100px;
}

.mapToolBar_childmenu.quick_menu {
  width: 95px !important;
}

.mapToolBar.quick_menu .menu-text {
  padding-left: 0;
}
.mapToolBar.quick_menu .menu-active {
  color: #fff;
}

.mapToolBar .menu-text,
.menu-text span {
  font-size: 12px;
}

.mapToolBar .menu-top .menu-text {
  color: #999;
  padding-left: 5px;
}

.mapToolBar .menu-item {
  /* margin-bottom: 5px; */
  margin: 3px 0;
}

/*#endregion 地图工具条样式*/

/*#region 光标跟随文字样式*/

.curson_label,
.label_rang {
  position: absolute;
  left: 50%;
  top: 0;
  background-color: #fff;
  font-family: 楷体;
  font-size: 12px;
  border-radius: 5px;
  padding-left: 5px;
  color: #333;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  box-shadow: 0 3px 14px rgba(132, 106, 168, 0.6);
}

.curson_label .info,
.label_rang .info,
.curson_img .c_content {
  color: #000000;
}

.curson_label .meta,
.label_rang .meta,
.curson_img .c_content {
  color: #666666;
}

.curson_label .totaldis,
.label_rang .totaldis {
  color: #ff6600;
}

.labelLine {
  border: solid 1px #b3aca6;
  background: #ffffff;
  color: #666666;
  white-space: nowrap;
  font-size: 12px;
  line-height: 8px;
  padding: 5px;
}

.curson_img {
  padding-top: 16px;
  padding-left: 16px;
  border: none;
  position: absolute;
  left: 50%;
  top: 50%;
}

.curson_img .c_img {
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  border: 0;
  margin-left: -16px;
  margin-top: -16px;
}

.curson_img .c_content {
  border: 1px solid #ff0000;
  background-color: #ffffff;
  padding: 2px;
  font-family: "宋体";
  font-size: 12px;
}

/*#endregion 光标跟随文字样式*/

/*#region 聚合*/

.map-icon {
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.map-icon img {
  position: absolute;
  z-index: -1;
}

.map-label {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ccc;
  font-size: 12px;
  line-height: 14px;
  padding: 3px 7px 3px 2px;
  white-space: nowrap;
  color: #333;
}

.map-label span {
  display: inline-block;
  height: 12px;
  margin-left: 5px;
  white-space: nowrap;
}

.map-label span img {
  margin-top: -2px;
}

.map-label span .clearimg {
  margin-bottom: -3px;
}

.smap-marker-label {
  background-color: #fff;
  /*border: 1px solid #828790;*/
  cursor: pointer;
  position: absolute;
  white-space: nowrap;
  z-index: 2;
}

.clusterCurson {
  /*聚合明细*/
  position: absolute;
  z-index: 99999999;
  top: 0;
  left: 0;
  overflow-x: hidden;
  overflow-y: auto;
  display: none;
  background-color: #fff;
  color: #333;
  font-size: 12px;
  border-radius: 4px;
  /* box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.15);
  filter: progid: DXImageTransform.Microsoft.Shadow(color=rgba(0, 0, 0, 0.5), direction=120, strength=4);
  -moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5); */
  box-shadow: 2px 4px 16px 0px rgba(0, 0, 0, 0.28);
  /* for IE:
direction 阴影角度 0°为从下往上 顺时针方向
strength  阴影段长度
第一个参数是x轴阴影段长度
第二个参数是y轴阴影段长度
第三个参数是往四周阴影段长度
第四个参数是阴影段颜色 */
}

/*定义滑块 内阴影+圆角*/

.clusterCurson::-webkit-scrollbar-thumb {
  /* 			-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); */
  background-color: #696464c9;
}

.clusterCurson::-webkit-scrollbar-thumb:hover {
  background-color: #292626;
  -webkit-border-radius: 4px;
}

.clusterCurson a.CluCar {
  border-bottom: 1px solid #ccc;
  line-height: 20px;
  margin: 2px;
  overflow: hidden;
  display: block;
}

.clusterCurson .CluCar:hover {
  background: #eef3f9;
}
.clusterCurson .CluCar {
  padding: 0 10px;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  flex-direction: column;
}
.clusterCurson .CluCar div {
  line-height: 22px;
  min-height: 29px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.clusterCurson .CluCar .carbrand {
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.clusterCurson .CluCar .risk {
  color: #ff2d00;
}
.clusterCurson .clucar_header {
  height: 36px;
  padding-left: 10px;
  font-size: 14px;
  font-weight: bold;
  color: #1a1a1a;
  background-color: #e7ebee;
  border-radius: 4px 4px 0px 0px;
  display: flex;
  align-items: center;
  position: sticky;
  top: 0;
}

/*#endregion 聚合*/

/*#region  我的地图*/

.labelMarker {
  padding: 0.1rem 0.25rem;
  border-radius: 0.25rem;
  width: auto;
  box-shadow: 0 2px 6px 0 rgb(242, 242, 242);
  position: relative;
  top: 0;
  right: 0;
  font-size: 10px;
  white-space: nowrap;
  margin-left: 10px;
  margin-top: -10px;
}

.amap-info-content {
  box-shadow: 0 3px 14px #999;
  cursor: pointer;
  color: #333;
}
.webui-popover.bottom-right > .arrow {
  display: none;
}
.webui-popover.bottom,
.webui-popover.bottom-left,
.webui-popover.bottom-right {
  margin-top: 5px;
}
.amap-info-content:hover {
  box-shadow: 0 3px 14px #999;
}
.amap-info-contentContainer:hover .amap-info-outer {
  box-shadow: 0 3px 14px #999;
}

.baseInfo .row {
  line-height: normal;
  line-height: 24px;
  float: left;
  width: 390px;
  color: #666666;
  font-size: 14px;
}
.baseInfo .label_title {
  font-weight: bold;
}

.baseInfo .title {
  line-height: 30px;
  border-bottom: 1px solid #b6cdf5;
  color: #F36C2C;
  /* font-weight: bold; */
  margin-bottom: 10px;
}

.baseInfo .row .left {
  width: 200px;
  float: left;
}

.amap-marker-label {
  border: none;
  background: none;
}

.mymapArea {
  position: absolute;
  top: 40px;
  right: 125px;
  min-width: 100px;
  pointer-events: auto;
  box-sizing: border-box;
  padding: 2px;
  background: #fff;
  box-shadow: 0 3px 14px rgba(0, 0, 100, 0.6);
  overflow: auto;
  border-radius: 2px;
  transition: max-height 0.5s;
  max-height: 300px;
  z-index: 9999999;
}

.mymapArea .showGroup {
  line-height: 30px;
  color: #666;
  cursor: pointer;
  padding-left: 10px;
}

.mymapArea .showGroup:hover {
  color: rgb(102, 177, 255);
}

.mymapArea .checked {
  color: #F36C2C;
}

.mymapAreaNew {
  max-height: 300px;
  overflow-y: auto !important;
}

.toolGroup.checked {
  color: #f36c2c;
}
.toolGroup {
  width: 100%;
}
.toolGroup:hover {
  background-color: #f36c2c;
  color: #fff;
}
.menutools .toolGroup .l-btn-text {
  width: 80px;
  white-space: nowrap;
}

.searchCar {
  position: absolute;
  top: 40px;
  bottom: 40px;
  right: 20px;
  width: 220px;
  pointer-events: auto;
  box-sizing: border-box;
  padding: 2px;
  background: #fff;
  box-shadow: 0 3px 14px rgba(0, 0, 100, 0.6);
  overflow: hidden;
  border-radius: 2px;
  transition: max-height 0.5s;
  max-height: 600px;
  z-index: 5000;
}

.searchCar .title {
  height: 33px;
  border-bottom: 1px solid #e6caca;
  background: #fafcff;
  position: relative;
  box-sizing: border-box;
  color: #F36C2C;
  line-height: 33px;
  margin-left: 10px;
  font-weight: bold;
  width: 175px;
  float: left;
}

.searchCar .close {
  position: absolute;
  right: 1px;
  line-height: 30px;
  width: 36px;
  color: gray;
  text-align: center;
  cursor: pointer;
  font-size: 25px;
}

.searchCar .content {
  overflow: auto;
}

.searchCar .close:hover {
  color: #ff6600;
}

.searchCar .row {
  line-height: 28px;
  color: gray;
  cursor: pointer;
  margin-left: 10px;
  border-bottom: 1px solid #f2eded;
}

.searchCar .row:hover {
  background: #f5f5f5;
}

.mymap {
  position: absolute;
  top: 40px;
  bottom: 40px;
  right: 20px;
  width: 350px;
  pointer-events: auto;
  box-sizing: border-box;
  padding: 2px;
  background: #fff;
  box-shadow: 0 3px 14px rgba(0, 0, 100, 0.6);
  overflow: hidden;
  border-radius: 2px;
  -webkit-transition: max-height 0.5s;
  transition: max-height 0.5s;
  max-height: 600px;
  z-index: 50;
}

.mymap .titleDiv {
  height: 33px;
  border-bottom: 1px solid #e6caca;
  background: #fafcff;
  position: relative;
  margin-right: 39px;
  box-sizing: border-box;
  display: none;
  color: #F36C2C;
  line-height: 33px;
  margin-left: 15px;
  font-weight: bold;
}

.mymap .tabDiv,
.mymap .tabLineDiv {
  height: 33px;
  border-bottom: 1px solid #e6caca;
  background: #fafcff;
  position: relative;
  margin-right: 39px;
  box-sizing: border-box;
}

.mymap .tabDiv .mymap_title,
.mymap .tabLineDiv .tabLine {
  float: left;
  width: auto;
  color: #666;
  line-height: 30px;
  width: 50px;
  text-align: center;
  cursor: pointer;
}

.mymap .tabDiv .title_active,
.mymap .tabLineDiv .title_active {
  color: #F36C2C;
}

.mymap .mymap_close {
  position: absolute;
  right: 1px;
  line-height: 30px;
  width: 36px;
  color: gray;
  text-align: center;
  cursor: pointer;
  font-size: 25px;
}

.mymap .mymap_close:hover {
  color: #ff6600;
}

.arrow-wrap {
  position: absolute;
  height: 6px;
  width: 6px;
  background: #fff;
  border-top: 1px solid #e6caca;
  border-left: 1px solid #e6caca;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865475, M12=-0.7071067811865477, M21=0.7071067811865477, M22=0.7071067811865475, SizingMethod='auto expand')";
}

.mymap .mymap_search {
  width: 100%;
  height: 30px;
  line-height: 25px;
  color: black;
  margin-top: 2px;
  border-bottom: 1px solid #f0ecec;
}

.mymap .mymap_search .comseldiv {
  width: 180px;
  float: left;
  height: 30px;
  line-height: 30px;
}

.mymap .comSearch {
  padding-left: 5px;
  border-radius: 3px;
  background: white;
}

.mymap .comseldiv input {
  background: white;
}

.mymap .mymap_search .getline {
  width: 20px;
  float: left;
  text-align: center;
  background-color: #c2b5b5;
  border-radius: 3px;
  margin-left: 5px;
  margin-right: 2px;
  cursor: pointer;
  color: #fff;
  font-size: 12px;
}

.mymap .mymap_search .getline:hover {
  background-color: rgb(102, 177, 255);
}

.mymap .mymap_search .more {
  width: 45px;
  float: left;
  text-align: center;
  background-color: #F36C2C;
  border-radius: 3px;
  margin-left: 5px;
  cursor: pointer;
  color: #fff;
  font-size: 12px;
}

.mymap .mymap_search .more:hover {
  background-color: rgb(102, 177, 255);
}

.mymap .mymap_search .add {
  width: 45px;
  float: left;
  text-align: center;
  background-color: #F36C2C;
  border-radius: 3px;
  cursor: pointer;
  color: #fff;
  font-size: 12px;
  margin-left: 5px;
}

.mymap .mymap_search .add:hover {
  background-color: rgb(102, 177, 255);
}

.mymap .searchName {
  width: 45px;
  float: left;
  text-align: center;
  background-color: #F36C2C;
  border-radius: 3px;
  margin-left: 10px;
  margin-right: 2px;
  cursor: pointer;
  color: #fff;
  font-size: 12px;
}

.mymap .searchName:hover {
  background-color: rgb(102, 177, 255);
}

.mymap .search_div {
  position: absolute;
  top: 35px;
  left: 0;
  right: 0;
  height: auto;
  z-index: 10;
  color: black;
  background: white;
  border-bottom: 1px solid #f8f0f0;
}

.mymap .search_div .input,
.mymap .input_cls {
  line-height: 22px;
  width: 150px;
  border: 1px solid #e3d9d9;
  padding-left: 5px;
  border-radius: 3px;
  float: left;
  margin-top: 5px;
}

.mymap .search_div .mapType {
  line-height: 22px;
  margin-top: 5px;
  border-radius: 3px;
  float: left;
  background-color: #edcfcf;
  padding: 2px;
  margin-left: 10px;
  cursor: pointer;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 11px;
}

.mymap .search_div .mapType:hover {
  background-color: orange;
}

.mymap .pqdiv {
  position: absolute;
  top: 65px;
  left: 0;
  right: 0;
  bottom: 30px;
  z-index: 2;
  overflow: auto;
}
.mymap .edit_div #backlineTB td {
  background-color: #fff;
  height: 22px;
}
.mymap .edit_div #backlineTB .tableBindLine:hover {
  color: #F36C2C;
}

.mymap .pqdiv .line {
  color: black;
  padding-left: 10px;
  margin-left: 5px;
  cursor: pointer;
}

.mymap .pqdiv .line:hover {
  background: #f5f5f5;
}
.mymap .pqdiv .line.activeCls {
  background: #fee1b2;
}

.mymap .pqdiv .line .lineName {
  font-size: 12px;
  color: #F36C2C;
  padding-top: 10px;
  margin-bottom: 5px;
}

.mymap .pqdiv .line .lineAddress {
  color: #666;
  font-size: 12px;
  line-height: 15px;
}

.mymap .pqdiv .line .lineAction {
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 5px;
  height: 16px;
}

.mymap .pqdiv .line .lineAction .edit {
  float: left;
  padding-right: 5px;
  color: #F36C2C;
  line-height: 16px;
  border-radius: 3px;
  display: none;
}

.mymap .pqdiv .line .lineAction .edit span {
  background-image: url("img/edit.png");
  width: 12px;
  height: 12px;
  float: left;
  margin-top: 2px;
  margin-right: 5px;
}

.mymap .pqdiv .line .lineAction .edit:hover {
  color: orangered;
}

.mymap .pqdiv .line .lineAction .remove {
  float: left;
  padding-left: 10px;
  padding-right: 5px;
  color: gray;
  line-height: 16px;
  border-radius: 3px;
  display: none;
}

.mymap .pqdiv .line .lineAction .remove span {
  background-image: url("img/remove.png");
  width: 12px;
  height: 12px;
  float: left;
  margin-top: 2px;
  margin-right: 5px;
}

.mymap .pqdiv .line .lineAction .remove:hover {
  color: orangered;
}
.mymap .pqdiv .line .lineAction .bindLine {
  float: left;
  padding-left: 10px;
  padding-right: 5px;
  color: gray;
  line-height: 16px;
  border-radius: 3px;
  display: none;
}

.mymap .pqdiv .line .lineAction .bindLine span {
  background-image: url("img/edit.png");
  width: 12px;
  height: 12px;
  float: left;
  margin-top: 2px;
  margin-right: 5px;
}

.mymap .pqdiv .line .lineAction .bindLine:hover {
  color: orangered;
}

.mymap .pager,
.mymap .mpager {
  display: none;
  line-height: 30px;
  color: black;
  position: absolute;
  bottom: 0;
  padding-left: 5px;
  font-size: 11px;
  width: 100%;
}

.mymap .pager .page,
.mymap .mpager .page {
  float: left;
  margin-right: 10px;
  cursor: pointer;
  border-radius: 5px;
  padding-left: 5px;
  padding-right: 5px;
  line-height: 25px;
  margin-top: 2px;
  -moz-user-select: none;
}

.mymap .pager .page:hover {
  background-color: rgb(102, 177, 255);
  color: #fff;
}
.mymap .mpager .page:hover {
  background-color: rgb(102, 177, 255);
  color: #fff;
}

.mymap .edit_div {
  position: absolute;
  top: 35px;
  left: 0;
  right: 0;
  z-index: 10;
  color: black;
  background: white;
  border-bottom: 1px solid #f8f0f0;
  height: 490px;
  overflow: auto;
}

.mymap .edit_div .row {
  line-height: 30px;
  width: 415px;
  float: left;
  margin-left: 10px;
}

.mymap .edit_div .row .left {
  float: left;
  width: 195px;
}

.mymap .edit_div .row .title {
  width: 66px;
  float: left;
  text-align: right;
}

.mymap .edit_div .row .right {
  float: left;
}

.mymap .edit_div .row .right div {
  float: left;
  text-align: right;
}

.mymap .edit_div .row .input {
  border: 1px solid #bcbcbc;
  width: 120px;
  line-height: 22px;
  padding-left: 5px;
  border-radius: 3px;
}

.mymap .edit_div .row .input:hover {
  border-color: orange;
}

.mymap .edit_div .row .shape {
  float: left;
  width: 50px;
  text-align: center;
  border: 1px solid #bcbcbc;
  cursor: pointer;
  line-height: 20px;
  margin-right: 10px;
  margin-top: 5px;
  border-radius: 3px;
}

.mymap .edit_div .row .checked {
  background: #F36C2C;
  color: #fff;
}

.mymap .edit_div .row .addType,
.mymap .edit_div .row .addGroup {
  background-image: url("img/add.png");
  width: 12px;
  height: 12px;
  margin-top: 10px;
  cursor: pointer;
  float: left;
  margin-left: 5px;
}

.mymap .edit_div .row .editType,
.mymap .edit_div .row .editGroup {
  background-image: url("img/edit.png");
  width: 12px;
  height: 12px;
  margin-top: 10px;
  cursor: pointer;
  float: left;
  margin-left: 5px;
}

.mymap .edit_div .row .removeType,
.mymap .edit_div .row .editGroup {
  background-image: url("img/remove.png");
  width: 12px;
  height: 12px;
  margin-top: 10px;
  cursor: pointer;
  float: left;
  margin-left: 5px;
}

.mymap .edit_div .row .bline,
.mymap .edit_div .row .bgline,
.mymap .edit_div .row .lline {
  width: 16px;
  height: 16px;
  float: left;
  border: 1px solid gray;
  margin-top: 8px;
  margin-left: 5px;
  margin-right: 5px;
  border-radius: 3px;
  cursor: pointer;
}
.mymap .edit_div .row .searchBuild {
  cursor: pointer;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-top: 10px;
  margin-left: 5px;
  background: url("icons/jkzx.png") no-repeat;
  background-position: -80px -16px;
}
/* .mymap .edit_div .row .build_line_cls:valid + .clear-box { */
.mymap .edit_div .row .clear-box {
  display: none;
  cursor: pointer;
  transition: 0.4s cubic-bezier(0.625, 0.045, 0.355, 1);
  width: 16px;
  height: 16px;
  background: #cad3c3;
  position: absolute;
  right: 7px;
  top: 11px;
  border-radius: 100%;
}
.mymap .edit_div .row .clear-box::after {
  width: 8px;
  position: absolute;
  height: 2px;
  background: #fff;
  content: "";
  top: 7px;
  left: 4px;
  transform: rotate(134deg);
}
.mymap .edit_div .row .clear-box::before {
  width: 8px;
  position: absolute;
  height: 2px;
  background: #fff;
  content: "";
  top: 7px;
  left: 4px;
  transform: rotate(45deg);
}

.mymap .edit_div .leftLine {
  float: left;
  width: 220px;
}

.mymap .edit_div .rightLine {
  float: left;
  width: 350px;
  height: 351px;
  margin-left: 15px;
}

.mymap .edit_div .rightLine table th,
.mymap .edit_div .rightLine table td {
  border-right: 1px solid #f0dfdf;
  border-bottom: 1px solid #f0dfdf;
  text-align: center;
}

.mymap .edit_div .rightLine table input {
  border: 1px solid #f0dfdf;
  border-radius: 3px;
  line-height: 20px;
  padding-left: 5px;
  margin-bottom: 1px;
  margin-right: 1px;
}

.mymap .edit_div .rightLine .input {
  border: 1px solid #bcbcbc;
  width: 120px;
  line-height: 22px;
  padding-left: 5px;
  border-radius: 3px;
}

.mymap .edit_div .rightLine .input:hover {
  border-color: orange;
}

.mymap .edit_div .rightLine .add {
  background-image: url("img/add.png");
  width: 12px;
  height: 12px;
  cursor: pointer;
  float: left;
  margin-left: 8px;
}

.mymap .edit_div .rightLine .del {
  background-image: url("img/remove.png");
  width: 12px;
  height: 12px;
  cursor: pointer;
  float: left;
  margin-left: 8px;
}

.mymap .edit_div .analyticalLngLat {
  background-image: url("img/search.png");
  width: 14px;
  height: 14px;
  cursor: pointer;
  float: right;
  margin-right: 18px;
  margin-top: 8px;
}

.mymap .edit_div .rightLine .lineName {
  float: left;
  width: 100%;
  line-height: 20px;
  margin-left: 20px;
}

.mymap .edit_div .rightLine .lineName .tab {
  float: left;
  width: 105px;
  text-align: center;
  cursor: pointer;
  border: 1px solid gray;
  border-radius: 3px;
  font-size: 10px;
  margin-right: 2px;
}

.mymap .edit_div .rightLine .route {
  float: left;
  height: 240px;
  width: 350px;
  overflow: auto;
  line-height: 22px;
  margin-left: 20px;
}

.mymap .edit_div .rightLine .route .step {
  border-bottom: 1px solid #f9eeee;
  color: #391111;
}

.mymap .comseldiv {
  float: left;
}

.mymap .edit_addAreaTypeOrGroup {
  position: absolute;
  top: 35px;
  left: 0;
  right: 0;
  z-index: 10;
  color: black;
  background: white;
  border-bottom: 1px solid #f8f0f0;
  height: 150px;
  overflow: auto;
}

.mymap .edit_addAreaTypeOrGroup .row {
  line-height: 30px;
  width: 420px;
  float: left;
}

.mymap .edit_addAreaTypeOrGroup .row .left {
  float: left;
  width: 195px;
}

.mymap .edit_addAreaTypeOrGroup .row .title {
  width: 66px;
  float: left;
  text-align: right;
}

.mymap .edit_addAreaTypeOrGroup .row .input {
  border: 1px solid #bcbcbc;
  width: 120px;
  line-height: 22px;
  padding-left: 5px;
  border-radius: 3px;
}

.mymap .edit_addAreaTypeOrGroup .row .input:hover {
  border-color: orange;
}

.mymap .edit_addAreaTypeOrGroup img {
  width: 25px;
  height: 25px;
  margin-right: 5px;
  cursor: pointer;
}

.mymap .edit_addAreaTypeOrGroup .checked {
  border-bottom: 2px solid red;
}

.mymap .searchCarStop {
  position: absolute;
  top: 35px;
  left: 0;
  right: 0;
  z-index: 10;
  color: black;
  background: white;
  border-bottom: 1px solid #f8f0f0;
  height: 150px;
  overflow: auto;
}

.mymap .searchCarStop .row {
  line-height: 30px;
  width: 420px;
  float: left;
}

.mymap .searchCarStop .row .left {
  float: left;
  width: 195px;
}

.mymap .searchCarStop .row .title {
  width: 66px;
  float: left;
  text-align: right;
}

.mymap .searchCarStop .row .input {
  border: 1px solid #bcbcbc;
  width: 120px;
  line-height: 22px;
  padding-left: 5px;
  border-radius: 3px;
}

.mymap .searchCarStop .row .input:hover {
  border-color: orange;
}

.mymap .searchCarStop .table {
  float: left;
  width: 98%;
  margin-left: 1%;
  max-height: 200px;
  min-height: 100px;
  border-top: 1px solid #ece4e4;
  border-left: 1px solid #ece4e4;
  line-height: 25px;
}

.mymap .searchCarStop .table th {
  float: left;
  border-bottom: 1px solid #ece4e4;
  border-right: 1px solid #ece4e4;
  background: #fbf7f7;
  text-align: center;
}

.mymap .searchCarStop .table th:first-child {
  width: 120px;
}

.mymap .searchCarStop .table th:last-child {
  width: 278px;
}

.mymap .searchCarStop .table td {
  float: left;
  border-bottom: 1px solid #ece4e4;
  border-right: 1px solid #ece4e4;
  text-align: center;
  white-space: nowrap;
}

.mymap .searchCarStop .table td:first-child {
  width: 120px;
}

.mymap .searchCarStop .table td:last-child {
  width: 278px;
}

.mymap .color {
  width: 225px;
  height: 196px;
  z-index: 500;
  background: white;
  position: absolute;
  margin-left: 38px;
  margin-top: 62px;
  border: 1px solid #e8d8d8;
  border-radius: 5px;
}

.mymap .color div {
  width: 12px;
  height: 12px;
  margin: 1px;
  float: left;
  cursor: pointer;
}

/*#endregion  我的地图*/

/*#region  车辆弹窗按钮*/

.carinfoOpt {
  overflow: hidden;
}

.carinfoOpt .carinfoOptul {
  height: 100%;
  margin: 0 24px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
}

.carinfoOpt .carinfoOptul li {
  width: 21%;
  margin: 0 9px;
  cursor: pointer;
  text-align: center;
  height: 34px;
  box-sizing: border-box;
  color: #f36c2c;
  font-size: 13px;
  border-radius: 4px;
}
.carinfoOpt .carinfoOptul li:hover {
  background-color: #f36c2c;
}
.carinfoOpt .carinfoOptul li:hover span {
  filter: brightness(1000%);
}

.carinfoOpt .carinfoOptul .cssSprites {
  background: url("css/menu/jkzxIcon.png") no-repeat;
}

.carinfoOpt .carinfoOptul .jkzx_icon {
  display: inline-block;
  width: 17px;
  height: 100%;
}

.carinfoOpt .carinfoOptul .jkzx_text {
  display: inline-block;
  margin-left: 7px;
  transform: translateY(-11px);
}

.carinfoOpt .carinfoOptul .jkzx_icon1 {
  /* background-position: -12px -3px; */
  background-position: -40px -3px;
}

/* .carinfoOpt .carinfoOptul .jkzx_icon1:hover {
  background-position: -40px -3px;
} */

.carinfoOpt .carinfoOptul .jkzx_icon2 {
  /* background-position: -68px -3px; */
  background-position: -96px -3px;
}

/* .carinfoOpt .carinfoOptul .jkzx_icon2:hover {
  background-position: -96px -3px;
} */

.carinfoOpt .carinfoOptul .jkzx_icon3 {
  /* background-position: -124px -13px; */
  background-position: -152px -13px;
}

/* .carinfoOpt .carinfoOptul .jkzx_icon3:hover {
  background-position: -152px -13px;
} */

.carinfoOpt .carinfoOptul .jkzx_icon4 {
  /* background-position: -12px -31px; */
  background-position: -40px -31px;
}

/* .carinfoOpt .carinfoOptul .jkzx_icon4:hover {
  background-position: -40px -31px;
} */

.carinfoOpt .carinfoOptul .jkzx_icon5 {
  /* background-position: -68px -31px; */
  background-position: -96px -31px;
}

/* .carinfoOpt .carinfoOptul .jkzx_icon5:hover {
  background-position: -96px -31px;
} */

.carinfoOpt .carinfoOptul .jkzx_icon6 {
  /* background-position: -124px -31px; */
  background-position: -152px -31px;
}

/* .carinfoOpt .carinfoOptul .jkzx_icon6:hover {
  background-position: -152px -31px;
} */

.carinfoOpt .carinfoOptul .jkzx_icon7 {
  /* background-position: -12px -59px; */
  background-position: -40px -59px;
}

/* .carinfoOpt .carinfoOptul .jkzx_icon7:hover {
  background-position: -40px -59px;
} */

.carinfoOpt .carinfoOptul .jkzx_icon8 {
  /* background-position: -68px -59px; */
  background-position: -96px -59px;
}

/* .carinfoOpt .carinfoOptul .jkzx_icon8:hover {
  background-position: -96px -59px;
} */

.carinfoOpt .carinfoOptul .jkzx_icon9 {
  /* background-position: -124px -59px; */
  background-position: -152px -59px;
}

/* .carinfoOpt .carinfoOptul .jkzx_icon9:hover {
  background-position: -152px -59px;
} */

.carinfoOpt .carinfoOptul .jkzx_icon10 {
  /* background-position: -12px -87px; */
  background-position: -40px -87px;
}

/* .carinfoOpt .carinfoOptul .jkzx_icon10:hover {
  background-position: -40px -87px;
} */

.carinfoOpt .carinfoOptul .jkzx_icon11 {
  /* background-position: -68px -87px; */
  background-position: -96px -87px;
}

/* .carinfoOpt .carinfoOptul .jkzx_icon11:hover {
  background-position: -96px -87px;
} */

.carinfoOpt .carinfoOptul .jkzx_icon12 {
  /* background-position: -124px -87px; */
  background-position: -152px -87px;
}

/* .carinfoOpt .carinfoOptul .jkzx_icon12:hover {
  background-position: -152px -87px;
} */

.carinfoOpt .carinfoOptul .jkzx_icon13 {
  /* background-position: -12px -115px; */
  background-position: -40px -115px;
}

/* .carinfoOpt .carinfoOptul .jkzx_icon13:hover {
  background-position: -40px -115px;
} */

.carinfoOpt .carinfoOptul .jkzx_icon14 {
  /* background-position: -68px -115px; */
  background-position: -96px -115px;
}

/* .carinfoOpt .carinfoOptul .jkzx_icon14:hover {
  background-position: -96px -115px;
} */

.carinfoOpt .carinfoOptul .jkzx_icon15 {
  /* background-position: -124px -115px; */
  background-position: -152px -115px;
}

/* .carinfoOpt .carinfoOptul .jkzx_icon15:hover {
  background-position: -152px -115px;
} */

.carinfoOpt .carinfoOptul .jkzx_icon16 {
  /* background-position: -12px -143px; */
  background-position: -40px -143px;
}

/* .carinfoOpt .carinfoOptul .jkzx_icon16:hover {
  background-position: -40px -143px;
} */

.carinfoOpt .carinfoOptul .jkzx_icon17 {
  /* background-position: -68px -143px; */
  background-position: -96px -143px;
}

/* .carinfoOpt .carinfoOptul .jkzx_icon17:hover {
  background-position: -96px -143px;
} */

.carinfoOpt .carinfoOptul .jkzx_icon18 {
  /* background-position: -124px -143px; */
  background-position: -152px -143px;
}

/* .carinfoOpt .carinfoOptul .jkzx_icon18:hover {
  background-position: -152px -143px;
} */

.carinfoOpt .carinfoOptul .jkzx_icon19 {
  /* background-position: -12px -171px; */
  background-position: -40px -171px;
}

/* .carinfoOpt .carinfoOptul .jkzx_icon19:hover {
  background-position: -40px -171px;
} */

.carinfoOpt .carinfoOptul .jkzx_icon20 {
  /* background-position: -68px -171px; */
  background-position: -96px -171px;
}

/* .carinfoOpt .carinfoOptul .jkzx_icon20:hover {
  background-position: -96px -171px;
} */

.carinfoOpt .carinfoOptul .jkzx_icon21 {
  /* background-position: -124px -171px; */
  background-position: -152px -171px;
}

/* .carinfoOpt .carinfoOptul .jkzx_icon21:hover {
  background-position: -152px -171px;
} */

.carinfoOpt .carinfoOptul .jkzx_icon22 {
  /* background-position: -124px -171px; */
  background-position: -152px -171px;
}

/* .carinfoOpt .carinfoOptul .jkzx_icon22:hover {
  background-position: -152px -171px;
} */

/*#endregion  车辆弹窗按钮*/

.pqlist .tdContent {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-height: 16px !important;
}
.pqlist table.pq-wrap > tbody > tr > td.pq-grid-cell {
  position: relative;
}

.pqlist .tdContent_AccDuration {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 12px 10px;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*#endregion  地图相关*/

/*#region 车辆对比*/

.compare {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  height: 85%;
  pointer-events: auto;
  box-sizing: border-box;
  background: #fff;
  box-shadow: 4px 6px 24px 0px #cccccc;
  border-radius: 8px;
  overflow: hidden;
  -webkit-transition: max-height 0.5s;
  transition: max-height 0.5s;
  overflow: auto;
  z-index: 150;
  display: grid;
  grid-gap: 10px;
  padding: 10px;
  padding-top: 46px;
  box-sizing: border-box;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
}
.compare.trans_compare {
  transform: translate(-50%, -50%);
}

.compare.tiny_compare {
  width: 55%;
  height: 35%;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(1, 1fr);
}
.compare.tre_compare {
  width: 80%;
  height: 35%;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(1, 1fr);
}
.compare.min_compare {
  width: 55%;
  height: 65%;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
.compare.fix_compare {
  width: 80%;
  height: 65%;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
}

.compare > .title {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 36px;
  padding: 0 10px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  color: #333;
  font-size: 14px;
  font-weight: bold;
  background: #e7ebee;
}

.compare .compare_set {
  display: block;
  cursor: pointer;
  position: absolute;
  right: 70px;
  width: 20px;
  height: 20px;
  background: url("icons/maptools/set_active.png") no-repeat center center;
  background-size: 100% 100%;
}
.compare .compare_full {
  display: block;
  cursor: pointer;
  position: absolute;
  right: 40px;
  width: 20px;
  height: 20px;
  background: url("img/realTime/full.png") no-repeat;
  background-size: 100% 100%;
}

.compare .set_container {
  display: none;
  position: absolute;
  top: 36px;
  right: 0;
  color: #000;
  background-color: #fff;
  z-index: 1001;
  padding: 10px;
  box-sizing: border-box;
}

.compare .set_container label {
  height: 22px;
  line-height: 22px;
  display: inline-block;
  width: 75px;
  cursor: pointer;
}
.compare .set_container input[type="checkbox"] {
  margin-right: 10px;
  width: 12px;
  height: 12px;
  border-radius: 2px;
  border: 1px solid #dcdfe6;
  appearance: none;
}
.compare .set_container input[type="checkbox"]:checked {
  background-color: #f36c2c;
  border-color: #f36c2c;
  display: inline-block;
  position: relative;
  border-radius: 2px;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  /* background-color: #fff; */
  z-index: 1;
  transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46),
    background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
}
.compare .set_container input[type="checkbox"]:checked ~ span {
  color: #f36c2c;
}
.compare .set_container input[type="checkbox"]:checked::after {
  box-sizing: content-box;
  content: "";
  border: 1px solid #fff;
  border-left: 0;
  border-top: 0;
  height: 7px;
  left: 4px;
  position: absolute;
  top: 1px;
  transform: rotate(45deg) scaleY(0);
  width: 3px;
  transition: transform 0.15s ease-in 0.05s;
  transform-origin: center;
  transform: rotate(45deg) scaleY(1);
}

.compare .set_container .carInfo_save {
  margin: 10px;
  margin-bottom: 0;
  padding: 5px 12px;
  background-color: #f36c2c;
  border: none;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
}
.compare .set_container .carInfo_close {
  margin: 10px;
  margin-bottom: 0;
  padding: 5px 12px;
  background-color: #fff;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  color: #606266;
  cursor: pointer;
}

.compare .icon_close {
  position: absolute;
  right: 10px;
  font-size: 18px;
  /* width: 20px;
  height: 20px;
  background-image: url("img/close2.png");
  cursor: pointer;
  background-position: 3px 4px;
  background-repeat: no-repeat; */
}

.compare .compare_map {
  width: 100%;
  height: 100%;
  /* width: 49%; */
  /* height: 200px; */
  /* float: left; */
  /* margin: 0.25%; */
  /* min-height: 200px; */
  border: 1px solid #cccccc;
  box-sizing: border-box;
}

.compare .compare_map > ul {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: max-content;
  color: #000;
  padding: 5px;
  box-sizing: border-box;
  background: #ecf2fb;
  z-index: 1000;
  display: flex;
  flex-wrap: wrap;
}
.compare .compare_map > ul > li {
  min-width: 50%;
}
.compare .compare_map > ul > li span:first-child {
  font-weight: bold;
}

.compare_line {
  background: #fff;
  float: left;
  width: 99%;
  color: black;
  margin-left: 0.25%;
}

.compare_line .title {
  line-height: 30px;
  padding-left: 10px;
}

.compare_line_info {
  line-height: 25px;
  float: left;
  text-align: left;
  border-bottom: 1px dashed #f3e7e7;
  width: 100%;
}

.compare_line_info div {
  float: left;
  padding-left: 20px;
}

.compare_line_info:first-child {
  background: #fafafa;
}

/*#endregion*/

/*#region 页面排版*/

/*页面主体*/

.mainbody {
  line-height: 15px;
  font-size: 12px;
  border: none;
}

/*顶部内容 overflow: hidden; border:1px solid #99BBE8;padding-bottom:2px;*/

.mainbody div.topcontent {
  width: 100%;
  border-bottom: none;
  background: #f7f9f2;
}

/*#region 菜单栏*/

.mainbody .menubar {
  /*height:24px; 	padding:5px; 	line-height:24px; 	color:#15428b; 	font-weight:bold; 	font-size:12px; 	background:url('img/menu_bar.png') repeat-x; 	border-bottom:1px solid #99BBE8; background: none repeat scroll 0 0 #F0F5EC;height: 26px;*/
  line-height: 20px;
  vertical-align: middle;
  color: #868484;
  font-weight: bold;
  font-size: 12px;
  background: #f7f9f2;
  padding: 5px;
  border-bottom: 3px solid #57a920;
  overflow: hidden;
}

.mainbody .menubar h1 {
  font-weight: bold;
}

/*#endregion 菜单栏*/

/*#region 工具栏*/

.mainbody .toolbar {
  height: 28px;
  background: #f7f9f2;
  padding: 1px 2px;
  border-bottom: 1px solid #ccc;
}

/*搜索栏 border-bottom:1px solid #ccc;	padding:1px 2px;
	padding-bottom:5px;*/

.mainbody .searchbarContainer {
  height: auto;
  line-height: 28px;
  background: #f7f9f2;
  padding: 4px;
  padding-bottom: 6px;
  display: inline-block;
  border-bottom: 2px solid #dddddd;
}

.mainbody .searchbar {
  height: auto;
  line-height: 28px;
  background: #f7f9f2;
  display: inline-block;
}

.searchbar input {
  height: 22px;
  line-height: 22px;
  width: 120px;
  border: 1px solid #a4bed4;
  padding: 0;
  background-color: #f7f9f2;
}

.searchbar .radio,
.searchbar .checkbox {
  height: 14px;
  line-height: 14px;
  width: 20px;
}

.searchbar .search_button {
  float: left;
  line-height: 26px;
  overflow: hidden;
  padding-left: 6px;
}

.searchbar .search_button .title {
  float: left;
  height: 26px;
  line-height: 26px;
  padding-right: 2px;
}

.searchbar .search_button .inputdiv {
  float: left;
  height: 26px;
  line-height: 26px;
  padding-top: 3px;
}

/*#endregion 工具栏*/

/*#region 分页列表*/

.mainbody .region_center {
  background: #fafafa;
}

.mainbody .gridlist {
  width: 100%;
}

a.lista {
  color: #333;
  text-decoration: none;
}

a.lista:hover {
  color: #ffffff;
  text-decoration: underline;
  cursor: pointer;
}

.mainbody .listContent {
  overflow: hidden;
}

/*#endregion 分页列表*/

/*#endregion 页面排版*/

/*#region 表单表格页排版及美化*/

.tbform {
  border: none;
  border-bottom: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  margin: 0 auto;
}

.tbform th,
.tbform td {
  border: none;
  border-left: 1px solid #dbdbdb;
  border-top: 1px solid #dbdbdb;
  height: 28px;
}

.tbform th {
  text-align: right;
  padding-right: 6px;
  background-color: #efefef;
}

.tbform td {
  text-align: left;
  padding-left: 6px;
}

.tbform .underline {
  border-bottom: 1px solid #dbdbdb;
}

.tbcenter th {
  text-align: center;
  padding: 0;
}

.tbcenter td {
  text-align: center;
  padding: 0;
}

.tbform input {
  height: 18px;
  line-height: 18px;
  width: 120px;
  border: 1px solid #a4bed4;
  padding: 0;
}

.tbform .radio,
.tbform .checkbox,
.gridform .radio,
.gridform .checkbox {
  height: 14px;
  line-height: 14px;
  width: 20px;
  border: none;
}

.tbform .radiolabel,
.gridform .radiolabel {
  display: -moz-inline-block;
  display: inline-block;
  cursor: pointer;
  margin: 5px 0;
  padding-left: 20px;
  line-height: 15px;
  background: url("icons/easyuiIcon.png") no-repeat left top;
  /*url('img/radio.gif')*/
  background-position: -440px -2400px;
}

/* */

.tbform .radio,
.gridform .radio {
  display: none;
  visibility: hidden;
}

.tbform .checkbox,
.gridform .checkbox {
  display: none;
  visibility: hidden;
}

.tbform label.checked,
.gridform label.checked {
  background-position: left bottom;
}

.tbform .checkboxlabel,
.gridform .checkboxlabel {
  display: -moz-inline-block;
  display: inline-block;
  cursor: pointer;
  margin: 5px 0;
  padding-left: 20px;
  line-height: 15px;
  background: url("icons/easyuiIcon.png") no-repeat left top;
  /*url('img/checkbox.png')*/
  background-position: -440px -2161px;
}

.tbform .inputdiv {
  float: left;
  width: auto;
  text-align: left;
}

.tbform label.checked,
.gridform label.checked {
  background-position: left bottom;
}

/*.tbform .tip{ width:40px; overflow :hidden}*/

.submitbar {
  height: auto;
  width: 85%;
  float: right;
  text-align: right;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-right: 15%;
}

/*#region 表单美化样式*/

.xr-input {
  float: left;
  width: 120px;
  height: 18px;
  line-height: 18px;
  border: none;
  border: #cdcdcd 1px solid;
}

.xr-input.onfocus {
  border: #ffcc66 1px solid;
  color: #666;
}

.xr-input.watermark {
  color: #cccccc;
}

.xr-linkbtn a.l-btn,
.xr-linkbtn a.l-btn-plain,
.xr-linkbtn a.l-btn span.l-btn-left,
.xr-linkbtn a.l-btn span.l-btn-text {
  height: 20px;
  margin: 0;
  padding: 0;
}

.xr-linkbtn a:hover.l-btn span.l-btn-left {
  background-position: -20px -25px;
}

.xr-linkbtn a.l-btn {
  background: none;
  padding-right: 0;
  display: inline-block;
}

.xr-linkbtn a.l-btn span.l-btn-left {
  background-position: -20px top;
  padding-right: 6px;
  padding-left: 6px;
}

.xr-linkbtn a.l-btn span.l-btn-empty {
  margin-top: 2px;
}

.icon-searchbtn {
  background: url("icons/easyuiIcon.png") no-repeat;
  /*url('img/icon/search.png')*/
  background-position: -441px -2201px;
  padding-right: 0;
}

.redx {
  font-size: 12px;
  color: Red;
}

.beaut input,
.beaut textarea {
  height: 22px;
  line-height: 22px;
  width: 120px;
  border: 1px solid #a4bed4;
  padding: 0;
  padding-left: 2px;
}

.beaut .radio,
.beaut .checkbox {
  height: 14px;
  line-height: 14px;
  width: 20px;
  border: none;
}

.beaut .radiolabel {
  display: -moz-inline-block;
  display: inline-block;
  cursor: pointer;
  margin: 5px 0;
  padding-left: 20px;
  line-height: 15px;
  background: url("icons/easyuiIcon.png") no-repeat left top;
  /*url('img/radio.gif')*/
  background-position: -440px -2400px;
}

.beaut .radio {
  display: none;
  visibility: hidden;
}

.beaut .checkbox {
  display: none;
  visibility: hidden;
}

.beaut .radiolabel.checked {
  background-position: -440px -2414px;
}

.beaut .checkboxlabel {
  display: -moz-inline-block;
  display: inline-block;
  cursor: pointer;
  margin: 5px 0;
  padding-left: 20px;
  line-height: 15px;
  background: url("icons/easyuiIcon.png") no-repeat left top;
  /*url('img/checkbox.png')*/
  background-position: -440px -2161px;
}

.beaut .inputdiv {
  float: left;
  width: auto;
  text-align: left;
}

.beaut label.checked {
  background-position: -440px -2174px;
}

.redborder {
  border: 1px solid red;
}

/*#endregion 表单美化样式*/

/*#region 按钮样式  lixu 20140115*/

.btn {
  color: rgb(113, 145, 77);
  cursor: pointer;
  float: right;
  font-size: 12px;
  height: 23px;
  margin-right: 4px;
  width: 57px;
}

/* .cssSprite {
    background: #000000;
    background: no-repeat scroll 0 0 rgba(0, 0, 0, 0); 
    border: 0 none;
}

.cssSprite1 {
    background: #000000;
    background: url("icons/easyuiIcon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); 
    background-position: -441px -2241px;
    border: 0 none;
} */

/*#endregion 按钮样式*/

/*#endregion 表单页排版*/

/*#region JS插件样式*/

.l-btn-focus {
  outline: none;
}

/*#region FlexBoxV4样式*/

.sffb-div {
  vertical-align: middle;
  border: 1px solid #cfd7e4;
  height: 22px;
  line-height: 1;
  padding: 0;
  margin: 0;
  width: 120px;
  display: inline-block;
}

.sffb-input,
input.sffb-input,
.sffb-div input,
.mainbody .menubar .sffb-div input {
  float: left;
  color: #666;
  /*float:left; must specify along with watermark color */
  height: 20px;
  /* required for webkit browsers (Safari, Chrome) */
  border: 0;
  line-height: 20px;
  display: inline-block;
  background-color: #ffffff;
  /*border-right:none;*/
  -moz-resize: none;
  -ms-resize: none;
  -o-resize: none;
  resize: none;
  -moz-box-sizing: border-box;
  outline: none;
  margin-top: 1px;
}

/* Color of watermark, if present */

.sffb-input.watermark {
  /* added and removed dynamically 
    color: #ffffff; */
  /* must specify along with input color */
}

/* Drop-down arrow, with sprited image */

.sffb-arrow {
  width: 16px;
  height: 20px;
  background: url("img/sel_icon.png") no-repeat scroll 0 0 transparent;
  float: right;
  cursor: pointer;
  position: relative;
  z-index: 1;
}

.sffb-arrow.out {
  /* css sprite technique  	background-position:0; 	height: 22px;*/
  /* background-position: -21px -64px;*/
  background-position: -10px -3px;
}

#SameSelect_Car .sffb-arrow.out {
  background-position: -10px 0px !important;
}

.sffb-arrow.over {
  /* css sprite technique  	background-position:-17px 0;*/
  /*background-position: 0 -64px;*/
  background-position: -40px -3px;
}

.sffb-arrow.active {
  /* css sprite technique  	background-position:-34px 0;*/
  background-position: 0 -64px;
}

.sffb-arrow.load {
  /* background-image: url(img/icon/loading.gif);
        background-position: 0;*/
  background-position: -30px 0;
}

.sffb-no-results {
  padding: 2px;
  color: #888;
  font-style: italic;
  /* border-bottom: 1px solid #A4BED4; */
}

/* Container for dropdown contents */

.sffb {
  position: absolute;
  /* this guy's parent div is hard-coded to position:relative */
  overflow: hidden;
  box-shadow: 1px 2px 10px 0px #cccccc;
  background-color: #fff;
  /* Give it a background-color, so it's not transparent */
  border-top: none;
}

/* Inner div for dropdown margin-right: -24px; clear:both;*/

.sffb .content {
  overflow: auto;
}

.sffb .nowrap .row {
  white-space: nowrap;
}

.sffb .content .row {
  color: #666;
  line-height: 25px;
  height: auto;
  width: auto;
  padding-left: 3px;
  overflow: hidden;
  line-height: 20px;
  margin: 5px 0;
}

.sffb-sel {
  cursor: pointer;
  cursor: hand;
  color: #fff !important;
  background-color: #F36C2C;
}

.sffb-match {
  color: #ff5f01;
  font-weight: bold;
}

/* Paging */

.sffb .paging {
  vertical-align: middle;
  border-bottom: 1px solid #828790;
}

.sffb .page,
.sffb a.page {
  font-size: 85%;
  padding: 2px;
  border: solid 1px #339;
  background-color: #eef;
  margin: 2px;
}

.sffb .box {
  border: 1px solid #a4bed4;
  margin: 2px;
  padding: 0;
  width: 40px;
}

.sffb .summary {
  font-size: 85%;
}

/*tags*/

.sffb-div .text-tags {
  -moz-box-sizing: border-box;
  cursor: text;
}

.sffb-div .text-tags.text-tags-on-top {
  z-index: 2;
}

.sffb-div .text-tags .text-tag {
  float: left;
  margin-left: 2px;
  margin-top: 3px;
  margin-bottom: 1px;
}

.sffb-div .text-tags .text-tag .text-button {
  -moz-box-sizing: border-box;
  background: none repeat scroll 0 0 #e2e6f0;
  border: 1px solid #9daccc;
  -ms-border-radius: 2px;
  border-radius: 2px;
  color: #000000;
  cursor: pointer;
  float: left;
  font: 11px "lucida grande", tahoma, verdana, arial, sans-serif;
  height: 16px;
  margin: 0 2px 2px 0;
  padding: 0 17px 0 3px;
  position: relative;
}

.sffb-div .text-tags .text-tag .text-button a.text-remove {
  background: #000000;
  /*url("img/close.png") */
  background: url("icons/easyuiIcon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  /*url("img/close.png") */
  background-position: -440px -2281px;
  display: block;
  height: 11px;
  position: absolute;
  right: 3px;
  top: 2px;
  width: 11px;
}

.sffb-div .text-tags .text-tag .text-button a.text-remove:hover {
  background-position: 0 -11px;
}

.sffb-div .text-tags .text-tag .text-button a.text-remove:active {
  background-position: 0 -22px;
}

/*#endregion*/

/*#region FlexBoxV5样式*/

.flexboxV5_div {
  border: 1px solid #3e85af;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  /* Old Firefox */
  height: 22px;
  line-height: 1;
  padding: 0;
  margin: 0;
  width: 120px;
  display: inline-block;
  background-color: #cae4f3;
  /*border-right:none;*/
}

.flexboxV5_input,
input.flexboxV5_input,
.flexboxV5_div input,
.mainbody .menubar .flexboxV5_div input {
  float: left;
  color: #000;
  /*float:left; must specify along with watermark color */
  height: 20px;
  /* required for webkit browsers (Safari, Chrome) */
  border: 0;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  /* Old Firefox */
  line-height: 20px;
  display: inline-block;
  background-color: #cae4f3;
  /*border-right:none;*/
}

/* Color of watermark, if present */

.flexboxV5_input.watermark {
  /* added and removed dynamically */
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  /* Old Firefox */
  /* must specify along with input color */
}

/* Drop-down arrow, with sprited image */

.flexboxV5_arrow {
  width: 16px;
  height: 20px;
  line-height: 20px;
  background: url("icons/easyuiIcon.png") no-repeat scroll 0 2px transparent;
  /*url("img/flexbox_a.png") */
  background-position: -441px -2323px;
  float: right;
  cursor: pointer;
  -ms-opacity: 0.6;
  opacity: 0.6;
}

.flexboxV5_arrow.out {
  /* css sprite technique  	background-position:0; 	height: 22px;*/
  background-position: 0 0;
}

.flexboxV5_arrow.over {
  /* css sprite technique  	background-position:-17px 0;*/
  background-position: 0 0;
  -ms-opacity: 1;
  opacity: 1;
}

.flexboxV5_arrow.active {
  /* css sprite technique  	background-position:-34px 0;*/
  background-position: 0 0;
}

.flexboxV5_arrow.load {
  background-image: url("img/icon/loading.gif");
  background-position: 0;
}

.flexboxV5_no-results {
  padding: 2px;
  color: #888;
  font-style: italic;
}

/* Container for dropdown contents */

.flexboxV5 {
  position: absolute;
  /* this guy's parent div is hard-coded to position:relative */
  overflow: hidden;
  border: 1px solid #99bbe8;
  background-color: #ddecf3;
  /* Give it a background-color, so it's not transparent */
}

/* Inner div for dropdown margin-right: -24px; clear:both;*/

.flexboxV5 .content {
  overflow: auto;
}

.flexboxV5 .nowrap .row {
  white-space: nowrap;
}

.flexboxV5 .content .row {
  color: #000;
  line-height: 20px;
  height: auto;
  width: auto;
}

.flexboxV5_sel {
  cursor: pointer;
  cursor: hand;
  color: #000 !important;
  background-color: #fff;
}

.flexboxV5_match {
  font-weight: bold;
  color: #000;
}

/* Paging */

.flexboxV5 .paging {
  vertical-align: middle;
  border-bottom: 1px solid #828790;
}

.flexboxV5 .page,
.flexboxV5 a.page {
  font-size: 85%;
  padding: 2px;
  border: solid 1px #339;
  background-color: #eef;
  margin: 2px;
}

.flexboxV5 .box {
  width: 22px;
  margin: 2px;
}

.flexboxV5 .summary {
  font-size: 85%;
}

/*#endregion*/

/*日历控件样式*/

.searchbar .calendar {
  height: 22px;
  line-height: 22px;
  width: 120px;
  padding: 0;
  border: 1px solid #3e85af;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  /* Old Firefox */
  background: #cae4f3 url("icons/easyuiIcon.png") no-repeat scroll right center;
  /*url("img/calendar.png") */
  background-position: -440px -2361px;
}

/*#region datagrid样式*/

/*.combo-arrow-hover, .combobox-item-hover, .tabs li a.tabs-inner:hover, .tabs-scroller-over, .l-btn:hover, .l-btn-plain:hover, .spinner-arrow-hover, .menu-active, .s-btn-active, .s-btn-plain-active, .tree-node-hover
{
    background: url('img/button_plain_hover.png') repeat-x left bottom;
}*/

.datagrid-header td {
  border-right: 1px dotted #ccc;
  font-size: 12px;
  font-weight: normal;
  border-bottom: 1px dotted #ccc;
  color: #fff;
}

.datagrid-header,
.datagrid-header td {
  background: #fafafa url("img/bodyRightTitleBg.png") repeat-x left bottom;
}

.datagrid-header td.datagrid-header-over {
  background: none;
  color: White;
}

.l-btn-focus {
  outline: none;
}

/*#endregion datagrid样式*/

/*#region 解决谷歌浏览器下 拖动功能出现滚动条的Bug*/

.layout-split-north {
  border-bottom: 0;
}

a.l-btn .l-btn-focus {
  outline: none;
  /*thin dotted #0000FF;*/
}

/*#endregion 解决谷歌浏览器下 拖动功能出现滚动条的Bug*/

.pq-grid div.pq-grid-vert-freezeline {
  border-right: none;
}

/*#endregion JS插件样式*/

.menuContent {
  background-color: #f7f9f2;
  border: 1px solid #bcbcbc;
}

.tips {
  border: 1px solid #929292;
  border-radius: 5px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
  color: #fff;
  display: block;
  line-height: 40px;
  min-width: 200px;
  padding: 5px;
  overflow: hidden;
  position: fixed;
  text-align: center;
  top: 30%;
  transition: -webkit-box-shadow 0.2s linear 0s;
  visibility: visible;
  z-index: 2147483647;
  margin: 0 auto;
}

.tips.error {
  background: #fea827 none repeat scroll 0 0;
}

.tips.success {
  background: #22b0cf none repeat scroll 0 0;
}

/*#region 地图弹窗**/

.easyui-tabs .tabs {
  cursor: default;
}

.infowindow .easyui-tabs .tabs {
  border-color: #4e9602;
}

.infowindow .tabs-inner {
  max-width: 100px;
  overflow: hidden;
}

.infowindow .tabs li a.tabs-inner {
  border-radius: 0;
  border: 0;
  /* border-color: #86d07a;
    background-color: #d6fad0;
    background: -webkit-linear-gradient(top,#d6fad0 0,#89db34 100%);
    background-repeat: repeat;
    background: -moz-linear-gradient(top,#d6fad0 0,#89db34 100%);
    background-repeat: repeat;
    background: -o-linear-gradient(top,#d6fad0 0,#89db34 100%);
    background: linear-gradient(to bottom,#d6fad0 0,#89db34 100%);
    background-repeat: repeat;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d6fad0,endColorstr=#89db34,GradientType=0);
    border-bottom-color: #4E9602; */
}

.infowindow .tab {
  height: 27px;
  line-height: 27px;
  vertical-align: bottom;
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  overflow: hidden;
  border-bottom: 2px solid #ce170f;
}

.infowindow .tab .tabTitle {
  float: left;
  width: auto;
  height: 26px;
  line-height: 26px;
}

.infowindow .tab .tabs-header {
  border: none;
  background: none;
  padding: 0;
}

.infowindow .tab .tabs-panels {
  height: 1px;
}

.infowindow .tbcontent {
  padding-left: 5px;
  padding-right: 5px;
}

.infowindow .tbcontent .infoText {
  margin: 3px 0;
  padding: 0;
  font-size: 13px;
  word-break: break-all;
  word-wrap: break-word;
  text-align: justify;
  white-space: normal;
  text-justify: inter-ideograph;
  line-height: 18px;
}

.infowindow .tbcontent .infoText .title {
  font-weight: bold;
}

.infoContol .sbtn {
  float: left;
  height: 26px;
}

.infoContol .l-btn-plain {
  border: 0;
  padding: 0px;
}

.infoContol .l-btn-plain:hover {
  border: 0;
}

.infoContol .l-btn-plain-selected {
  border: 0 !important;
}

.infoContol .l-btn-selected {
  border: 0 !important;
}

.infoContol .m-btn-plain-active {
  border: 0 !important;
}

.infoContol .m-btn-plain:hover {
  border: 0;
}

.abtnHistory {
  width: 27px;
  height: 26px;
  position: relative;
}

.splitbtn {
  border: none;
  background: url("img/arrows.png") no-repeat 6px center transparent;
  height: 28px;
  right: 0px;
  position: absolute;
  top: 0px;
  width: 16px;
}

.plainMenu .menu-line {
  border-left: none;
  display: none;
}

.plainMenu a.tr {
  display: block;
  text-align: left;
}

/**
    pqgrid 标题
*/

div.pq-header-outer {
  border-bottom: 1px solid #d0d0d0;
}

.maptoolsTip {
  display: none;
  position: absolute;
  z-index: 2000;
  padding: 3px;
  background: #fff;
  border: 1px solid #ccc;
  width: 70px;
  height: auto;
}

.maptoolsTip a {
  clear: both;
  display: block;
  font-weight: bold;
  height: 26px;
  line-height: 26px;
  padding-left: 6px;
  text-decoration: none;
  width: 57px;
}

.maptoolsTip a.qt {
  color: #00f;
}

.maptoolsTip a:hover {
  text-decoration: none;
}

/*#endregion 地图弹窗**/

/*#region elemet-ui 样式重写*/

/* 终端升级页面点击最新版本箭头的radio样式重置 start */

.el-radio + .el-radio {
  margin-left: 0;
}

/* end */

/* 终端升级页面是否升级文字样式重置 start */

.carTable .hidden-columns {
  z-index: 999 !important;
  visibility: visible !important;
  position: absolute;
  top: 9px;
  right: 38px;
}

.carTable .has-gutter {
  position: relative !important;
}

.checkBoxText {
  width: 100px;
  color: #909399;
  font-weight: bold;
}

/* end */

/*#endregion elemet-ui 样式重写*/

/*#region -color-blue*/

.login-wrap {
  background: rgba(0, 0, 0, 0.1);
}

.plugins-tips {
  background: #eef1f6;
}

.plugins-tips a {
  color: #20a0ff;
}

.el-upload--text em {
  color: #20a0ff;
}

.pure-button {
  background: #20a0ff;
}

.tags-li .active {
  border: 1px solid #dddee1;
  background-color: #fff;
  color: #ff6600;
}

.message-title {
  color: #20a0ff;
}

.collapse-btn:hover {
  background: rgb(40, 52, 70);
}

/*工具栏第一个图标的样式*/

.el-submenu__title i {
  color: white;
}

.el-menu-item i {
  color: white;
}

/*菜单 每一行 的高度和行高 的样式*/

.el-menu-item,
.el-submenu__title {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #fff !important;
}

/*菜单 每一行 嵌套的子菜单 的高度和行高 的样式*/

.el-submenu .el-menu-item {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  min-width: 150px;
}

.el-dialog__footer {
  background: #f0f2f5;
  text-align: center;
  padding: 10px 20px 10px;
}

/*消息中心*/

/*消息小圆点 99+*/

.el-badge__content {
  border: none;
  height: 15px;
  width: 18px;
  line-height: 15px;
  padding: 2px 2px;
  border-radius: 18px;
  background-color: #f34848;
}

.el-badge__content.is-fixed {
  top: 2px;
  right: 15px;
}

/*Tab 页面选项卡 标签选项 按钮的样式*/

.el-button--primary {
  color: #fff;
  /* background-color: #f36c2c; */
  border-color: #f36c2c;
}

.el-button--primary:focus,
.el-button--primary:hover {
  /* background: #f36c2c; */
  /* border-color: #66b1ff; */
  color: #fff;
}

.el-dropdown-menu__item:focus,
.el-dropdown-menu__item:not(.is-disabled):hover {
  background-color: #f36c2c;
  color: #fff;
}

.el-icon-close {
  color: #999;
}

.el-menu--popup {
  background: rgba(0, 0, 0, 0.9) !important;
  padding: 0px;
}

.el-menu--popup-right-start {
  background: rgba(0, 0, 0, 0.9) !important;
  margin-left: 0px;
}

/*#endregion -color-blue*/

.header {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 60px;
  font-size: 22px;
}

div.pq-toolbar {
  border-bottom: 0 !important;
}

.pq-select-button {
  height: 100%;
  box-sizing: border-box;
  padding: 0 3px !important;
  margin-top: 1px !important;
  box-shadow: none !important;
}

.pq-select-text {
  height: 100%;
  line-height: 21px !important;
}

.pop-title {
  font-size: 20px;
  /* padding-left: 25px; */
}

.el-radio__inner {
  border: 1px solid rgb(64, 158, 255);
  border-radius: 100%;
  width: 14px;
  height: 14px;
  background-color: #fff;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/*#region 栅格化排版 add by chenk 2019.05.05*/

.grid-stack {
  background: #000;
  width: 100%;
  height: 100%;
}

.grid-stack-item-content {
  text-align: center;
  background-color: #F36C2C;
  cursor: pointer;
}

.grid-stack .closeIcon {
  position: absolute;
  right: 0;
  top: 0;
  color: #20a0ff;
  display: block;
  width: 16px;
  height: 16px;
  text-align: center;
  cursor: pointer;
}

/*#endregion 栅格化排版 add by chenk 2019.05.05*/

/*#region 看板 add by chenk 2019.05.15*/

.kanbanDiv .gridModuleDiv {
  position: absolute;
}

.kanbanDiv .gridModuleDiv .kb_body {
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 5px;
  right: 5px;
  /* border: 1px solid #272A3D; */
  overflow: hidden;
  background-image: url("img/kanban/square1.png"), url("img/kanban/square2.png"),
    url("img/kanban/itembg.png");
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: top right, bottom left, 0 0;
  background-size: 30px 30px, 30px 30px, 100% 100%;
}

.kanbanDiv .gridModuleDiv .kb_div {
  width: 100%;
  height: 100%;
  position: absolute;
}

.kanbanDiv .gridModuleDiv .kb_div .num {
  position: absolute;
  top: 40px;
  left: 15px;
  color: #ffffff;
  width: 130px;
  border-right: 1px solid #1b2437;
  height: auto;
  bottom: 0;
}

.kanbanDiv .gridModuleDiv .kb_div .num .line {
  width: 100%;
  height: 30%;
  font-size: 16px;
}

.kanbanDiv .gridModuleDiv .kb_div .num .line div {
  display: inline-block;
  height: 100%;
  text-align: center;
  width: 90px;
}

.kanbanDiv .gridModuleDiv .kb_div .num .line div span {
  display: inline-block;
  width: 100%;
  float: left;
  margin-top: 5px;
}

.kanbanDiv .gridModuleDiv .kb_div .num .line .car {
  width: 40px;
  height: 40px;
  display: inline-block;
  float: left;
  background-image: url("img/kanban/car.png");
}

.kanbanDiv .gridModuleDiv .kb_div .num .line .person {
  background-image: url("img/kanban/person.png");
  width: 40px;
  height: 40px;
  display: inline-block;
  float: left;
}

.kanbanDiv .gridModuleDiv .kb_div .num .line .alarm {
  background-image: url("img/kanban/alarm.png");
  width: 40px;
  height: 40px;
  display: inline-block;
  float: left;
}

.kanbanDiv .gridModuleDiv .kb_div .paddingDivPortrait {
  position: absolute;
  left: 146px;
  top: 30px;
  height: calc(100% - 30px);
  width: calc(100% - 145px);
}

.kanbanDiv .gridModuleDiv .kb_div .paddingDivPortrait #AlarmChart {
  height: 100%;
}

.kanbanDiv .gridModuleDiv .kb_div .paddingDivPortrait .divCharTitle {
  width: 100%;
  float: left;
  color: #ffffff;
  position: absolute;
}

.kanbanDiv .gridModuleDiv .kb_div .paddingDivPortrait .divAlarmchuli {
  height: 50%;
  width: 100%;
  border-top: 1px solid #1b2437;
  display: inline-block;
}

.kanbanDiv .gridModuleDiv .kb_div .paddingDivPortrait .divAlarmchuli .divChar {
  height: 80%;
  width: 25%;
  float: left;
  margin-top: 20px;
}

.kanbanDiv
  .gridModuleDiv
  .kb_div
  .paddingDivPortrait
  .divAlarmchuli
  .divChar
  #AlarmJinJiChart {
  height: 100%;
}

.kanbanDiv
  .gridModuleDiv
  .kb_div
  .paddingDivPortrait
  .divAlarmchuli
  .divChar
  #AlarmZhongYaoChart {
  height: 100%;
}

.kanbanDiv
  .gridModuleDiv
  .kb_div
  .paddingDivPortrait
  .divAlarmchuli
  .divChar
  #AlarmYiBanChart {
  height: 100%;
}

.kanbanDiv
  .gridModuleDiv
  .kb_div
  .paddingDivPortrait
  .divAlarmchuli
  .divChar
  #AlarmTiShiChart {
  height: 100%;
}

/* 报警图片 start */

.alarmPicC {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
}

.alarmPicC ul {
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: relative;
}

.alarmPicC ul li {
  width: 100%;
  height: 100%;
  list-style: none;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  text-align: center;
  vertical-align: middle;
}

.alarmPicC ul li img {
  vertical-align: middle;
}

/* 报警图片 end */

/* 看板时间选择器 */

.kanbanRange {
  width: 200px;
  height: 60px;
  background: #262c42;
  display: none;
  position: absolute;
  top: 40px;
  left: 100px;
  padding: 5px;
  color: #fff;
  z-index: 100;
}

.kanbanRange > input {
  width: 40px;
  height: 20px;
  background: #262c42;
  color: #fff;
  border: 1px solid #525c81;
  border-radius: 3px;
}

.kanbanRangeClose {
  position: absolute;
  top: 7px;
  right: 7px;
  cursor: pointer;
}

.kanbanRangeOK {
  width: 40px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  background: #eee;
  margin: 10px 0 0 80px;
  cursor: pointer;
  color: #000;
}

/*#endregion 看板 add by chenk 2019.05.15*/

/*#region报警地图 add by xzz 2019.07.09*/

.picStyle {
  width: 100%;
  height: auto;
  background: #eeeeee;
  margin-top: 10px;
  box-shadow: 0px 0px 12px -5px #41404069;
}

.picStyle .imgStyle img,
video {
  width: 100%;
  height: 100%;
}

.ImgPlayCarousel {
  height: 150px;
}

.picStyle .imgStyle .ImgPlay {
  width: 100%;
  height: 150px;
  position: relative;
}

.picStyle .imgStyle .ImgPlay .activeImg {
  opacity: 1;
  display: block;
  width: 100%;
  height: 100%;
}

.picStyle .AlarmUpdate {
  background: url("img/icon/Alarm/AlarmUpdate.png") center no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.picStyle .noIMG {
  background: url("img/icon/Alarm/noIMG.png") center no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.picStyle .imgStyle .ImgPlay li {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  display: none;
}

.picStyle .turnPlay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 8px;
  margin: auto;
  display: flex;
  justify-content: space-around;
}

.picStyle .turnPlay li {
  background: #ccc;
  color: #fff;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  text-align: center;
  line-height: 20px;
}

.picStyle .imgStyle {
  width: 100%;
  position: relative;
}

.picStyle .turnPlay .activePlay {
  background: #f36c2c;
}

.picStyle .conStyle {
  margin-left: 10px;
  height: auto;
  overflow: auto;
  height: 199px;
}

.picStyle .conStyle .AlarmName {
  font-size: 14px;
  overflow: hidden;
}

.picStyle .conStyle .AlarmName .firstSpan {
  margin-right: 10px;
  float: left;
}

.picStyle .conStyle .AlarmName .el-checkbox__label {
  color: #F36C2C;
  cursor: pointer;
}

.el-timeline-item__wrapper {
  padding-left: 20px !important;
}

.picStyle .conStyle div {
  color: #666;
  font-size: 12px;
  margin: 10px 0;
}

.picStyle .conStyle div span {
  color: #333;
}
.picStyle .conStyle div span:first-child {
  font-weight: bold;
}

.picStyle .conStyle div .doHandle {
  background: url("img/icon/Alarm/AlarmIcons.png") no-repeat center;
  background-position: -56px 0;
  width: 14px;
  height: 14px;
  display: inline-block;
  cursor: pointer;
  float: right;
}

.picStyle .conStyle div .noHandle {
  background: url("img/icon/Alarm/AlarmIcons.png") no-repeat center;
  width: 14px;
  background-position: -84px 0;
  height: 14px;
  display: inline-block;
  margin-right: 10px;
  cursor: pointer;
  float: right;
}

.picStyle .conStyle div .doHandle1 {
  background: url("img/icon/Alarm/AlarmIcons.png") no-repeat center;
  width: 14px;
  margin-right: 10px;
  height: 14px;
  display: inline-block;
  background-position: -28px 0;
  cursor: pointer;
  float: right;
}

.amap-info-close {
  color: #8a8a8a;
  font-size: 18px;
}

/*#endregion*/

/*#region 视频相关样式 add by chenk 2019.07.22*/

.videoplay {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #000000;
}

.videoplay .videoDiv {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.videoplay .videoDiv .videoInfo {
  position: absolute;
  top: 40%;
  left: 0;
  bottom: 20px;
  right: 0;
  line-height: normal;
  padding: 10px;
  text-align: center;
  font-weight: 200;
  color: #ffffff;
  font-size: 14px;
  z-index: 1005;
}

.videoplay .videoDiv .errInfo {
  font-weight: 300;
  color: red;
  font-size: 18px;
}

.videoplay .videoObj {
  width: 100%;
  height: 100%;
}

.videoplay .video {
  border: 2px solid #f36c2c;
  width: 100%;
  height: 100%;
  position: relative;
}

.videoplay .video video {
  width: 100%;
  height: 100%;
}

.videoplay .videoDiv .cover {
  object-fit: contain;
}

.videoplay .videoDiv .fill {
  object-fit: fill;
}

.videoplay .cover {
  object-fit: contain;
}

.videoplay .fill {
  object-fit: fill;
}

.videoplay .videoScreen {
  position: absolute;
  z-index: 999;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  background-color: #000000;
}

.videoplay .videoScreen .carVideoName {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #ffffff;
  font-weight: 300;
  font-size: 18px;
  height: 24px;
  line-height: 24px;
  width: auto;
  z-index: 1001;
}

.videoplay .videoPlayBtn {
  cursor: pointer;
  z-index: 1010;
  position: absolute;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -32px;
  margin-left: -32px;
  width: 64px;
  height: 64px;
  background: no-repeat center center;
}

.videoplay .videoInfo {
  position: absolute;
  bottom: 0;
  left: 0;
  bottom: 20px;
  right: 0;
  height: auto;
  line-height: normal;
  padding: 10px;
  text-align: center;
  font-weight: 200;
  color: #ffffff;
  font-size: 14px;
  z-index: 1005;
}

.videoplay .errInfo {
  font-weight: 300;
  color: red;
  font-size: 18px;
}

.videoplay .videoCtrlBottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 24px;
  padding: 2px;
  text-align: left;
  z-index: 1000;
  background: #808080;
  opacity: 0.8;
  font-weight: 200;
}

.videoplay .videoCtrlBottom .carVideoName2 {
  float: left;
  color: #ffffff;
  font-weight: 200;
  font-size: 14px;
  height: 24px;
  line-height: 24px;
  width: auto;
  z-index: 1001;
}

.videoplay .videoCtrlBottom .rightctr {
  float: right;
  margin-right: 10px;
}

.videoplay .videoCtrlBottom .rightctr a {
  float: left;
  margin-right: 10px;
  height: 24px;
  line-height: 24px;
  color: #ffffff;
  font-weight: 200;
  font-size: 14px;
  text-decoration: none;
}

.videoplay .videoCtrlBottom .rightctr a:hover {
  cursor: pointer;
  color: #ff6a00;
}

.videoplay .selected {
  border: 2px solid #ff0000;
  top: 0px;
  left: 0px;
  right: 2px;
  bottom: 2px;
}

.videoplay .selected1 {
  border: 2px solid #eed235;
  top: 0px;
  left: 0px;
  right: 2px;
  bottom: 2px;
}

.videoplay .videoScreen .playImg1 {
  background-image: url("img/jiankong/play_1.png");
}

.videoplay .videoScreen .playImg2 {
  background-image: url("img/jiankong/play_2.png");
}

.videoplay .videoScreen .pauseImg1 {
  background-image: url("img/jiankong/pause_1.png");
}

.videoplay .videoScreen .pauseImg2 {
  background-image: url("img/jiankong/pause_2.png");
}

.videoplay .videoInfo2 {
  z-index: 1001;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -100px;
  margin-left: -100px;
  width: 300px;
  height: 200px;
  background: no-repeat center center;
  color: #ffffff;
  font-weight: 200;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
}

.mcVideo {
  width: 100%;
  overflow: hidden;
  position: relative;
  min-height: 200px;
}

/* .mcVideo .videoName{ position: absolute; right: 4px; top: 4px;height: 20px;width: auto} */

.mcVideo .videoName {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #ffffff;
  font-weight: 300;
  font-size: 18px;
  height: 24px;
  line-height: 24px;
  width: auto;
  z-index: 1001;
}

.mcVideoConent {
  position: absolute;
  right: 4px;
  top: 4px;
  left: 4px;
  bottom: 4px;
}

/*#endregion 视频相关样式 add by chenk 2019.07.22*/

/*#region 对讲相关样式 add by chenk 2019.08.22*/

.interphone {
  z-index: 99999;
  border: 0;
  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.15);
  background-color: #fff;
}

.interphone .in_body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.interphone .title {
  position: absolute;
  top: 0;
  left: 0px;
  right: 0;
  height: 30px;
  line-height: 30px;
  background-color: #20a0ff;
  z-index: 0;
  color: #fff;
  padding-left: 4px;
}

.interphone .closeX {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 30px;
  line-height: 30px;
  width: 16px;
  background: no-repeat 0 center;
  background-image: url("img/tagbox_icons.png");
  cursor: pointer;
}

.interphone .in_conetent {
  position: absolute;
  top: 30px;
  bottom: 0;
  width: 100%;
}

.interphone .info {
  width: 100%;
  text-align: center;
  margin-top: 10px;
  font-size: 14px;
  font-weight: bold;
  color: #3cc4f6;
}

.interphone .error {
  color: red;
}

.interphone .in_conetent .btnPhoneDiv {
  position: absolute;
  bottom: 30%;
  left: 0;
  right: 0;
  text-align: center;
  height: 32px;
}

.interphone .in_conetent .swich {
  width: 32px;
  height: 32px;
  margin: 0 auto;
  display: block;
  background-repeat: no-repeat;
  background-position: right 0;
}

.interphone .in_conetent .open {
  background-image: url("img/openCall.png");
}

.interphone .in_conetent .close {
  background-image: url("img/closeCall.png");
}

.ztree li a.diyBtn_phone {
  height: 16px;
  width: 16px;
  background: no-repeat center center;
  overflow: hidden;
}

.ztree li a.diyBtn_phone_open {
  background-image: url("img/opencall16.png");
}

.ztree li a.diyBtn_phone_close {
  background-image: url("img/closecall16.png");
}

/*#endregion 对讲相关样式 add by chenk 2019.08.22*/

/*历史轨迹 修改element 时间样式 add by xzz 20180820*/

.LSGJtime1 .el-input__inner {
  padding-right: 0;
}

.LSGJtime2 .el-input__inner {
  padding-right: 0;
}

.LSGJ-Clear-Style .el-form-item__content {
  margin-left: 0 !important;
}

/*历史轨迹 修改element 时间样式*/

/* 弹框表单的label字体颜色设置 addbyzhz 20190925 */

.pop .el-form-item__label {
  color: #333;
  font-weight: bold;
}

/*查询表单的label字体颜色设置 addbyxzz 20190902*/

.getHeight .el-form-item__label {
  color: #333;
  font-weight: bold;
}

/* add byx xzz 表格行默认高度40px*/

.el-table--small td,
.el-table--small th {
  padding: 0;
}

.el-table__header tr,
.el-table__header th {
  padding: 0;
  height: 40px !important;
  background-color: #fafafa !important;
}

.el-table__body tr,
.el-table__body td {
  padding: 0;
  height: 40px !important;
}

/*表格内 hover隐藏字段的dom字间距修改 addbyxzz20190919*/

.el-tooltip__popper .is-dark {
  letter-spacing: 2px;
}

/*#region 新增统一标准样式 */

/* 1、色彩规范 */

/***************************************************************************************/

/* 主色 */

/* 状态默认色，选中色 */

.activeStatus {
  color: #F36C2C !important;
}

.activeStatus:hover {
  color: #4994ff !important;
}

/* 悬停色 */

.HoverStatus {
  color: #4994ff;
}

/* 点击色 */

.ClickStatus {
  color: #3173d8;
}

/* 背景色 */

.BackgroundStatus {
  color: #f0f2f5;
}

/* 导航侧划线 */

.NavSideStatus {
  color: #ff5f01;
}

/* 正文特殊标识 */

.BodyTextStatus {
  color: #ff6d26;
}

/* 辅色 */

/* 顶部菜单栏背景 */

.TopMenuBackground {
  background-color: #222733;
}

/* 左侧二级菜单背景 */

.SideTwoBackground {
  background-color: #0c1522;
}

/* 三级菜单背景 */

.SideThreeBackground {
  background-color: #3d4153;
}

/* 更多筛选栏背景 */

.MoerFilterBackground {
  background-color: #f0f2f5;
}

/* 分割线色 */

.Separation {
  background-color: #dddddd;
}

/* 表格内分割线色 */

.TableSeparation {
  background-color: #dce5ee;
}

/* 表格悬浮背景 */

.TableSuspensionBackground {
  background-color: #f0f5fc;
}

/* 下拉悬浮背景 */

.SelectSuspensionBackground {
  background-color: #f0f0f0;
}

/* 选择边框框色 */

.SelectBorder {
  border-color: #e0e0e0;
}

/* 文字色 */

/* 一级文字色 */

.LevelOneText {
  color: #333333;
}

/* 二级文字色 */

.LevelTwoText {
  color: #999999;
}

/* 左侧导航文字色 */

.SideNavText {
  color: #ffffff;
}

/* 顶部菜单文字色 */

.TopMenuText {
  color: #666666;
}

/* 表格内容文字色 */

.TableContentText {
  color: #666666;
}

/* 重要提示字 */

.ImportantTipsText {
  color: #F36C2C;
}

/* 功能色 */

/* 已处理 */

.ProcessedColor {
  color: #50c67c;
}

/* 警告 */

.WarningColor {
  color: #f8bd00;
}

/* 异常/错误 */

.ErrorColor {
  color: #e42428;
}

/* 2、文字规范 */

/***************************************************************************************/

/* 主标题 */

.MainTitleSize {
  font-size: 24px;
}

/* 一级标题 */

.LevelOneTitleSize {
  font-size: 18px;
}

/* 二级标题 */

.LevelTwoTitleSize {
  font-size: 16px;
}

/* 正文内容 */

.BodyTextSize {
  font-size: 14px;
}

/* 辅助信息 */

.HelpTextSize {
  font-size: 12px;
}

/* 3、业务图标 */

/***************************************************************************************/

/* 功能图标 */

.FeaturesSprite {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("img/menu.png") no-repeat;
}

/* 报警管理 */

.AlarmImg {
  background-position: -50px -50px;
}

.AlarmImgActive {
  background-position: -116px -50px;
}

/* 财务结算 */

.MoneyPayImg {
  background-position: -182px -50px;
}

.MoneyPayImgActive {
  background-position: -248px -50px;
}

/* 其他表单 */

.OtherFormImg {
  background-position: -314px -50px;
}

.OtherFormImgActive {
  background-position: -380px -50px;
}

/* 车务管理 */

.CarManageImg {
  background-position: -446px -50px;
}

.CarManageImgActive {
  background-position: -512px -50px;
}

/* 车辆调度 */

.CarControlImg {
  background-position: -50px -116px;
}

.CarControlImgActive {
  background-position: -116px -116px;
}

/* 报表中心 */

.ReportImg {
  background-position: -182px -116px;
}

.ReportImgActive {
  background-position: -248px -116px;
}

/* 快捷菜单 */

.FastMenuImg {
  background-position: -314px -116px;
}

.FastMenuImgActive {
  background-position: -380px -116px;
}

/* 通知消息 */

.MessageImg {
  background-position: -446px -116px;
}

.MessageImgActive {
  background-position: -512px -116px;
}

/* 车辆监控 */

.CarMonitorImg {
  background-position: -50px -182px;
}

.CarMonitorImgActive {
  background-position: -116px -182px;
}

/* 新版报表 */

.NewReportImg {
  background-position: -182px -182px;
}

.NewReportImgActive {
  background-position: -248px -182px;
}

/* 历史轨迹 */

.HistoryLineImg {
  background-position: -314px -182px;
}

.HistoryLineImgActive {
  background-position: -380px -182px;
}

/* 系统图标 */

/***************************************************************************************/

.SystemSprite {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("img/btn.png") no-repeat;
}

/* 按时间查找 */

.TimeSearchImg {
  background-position: -50px -50px;
}

.TimeSearchImgActive {
  background-position: -116px -50px;
}

/* 报警督办 */

.WarningWorkImg {
  background-position: -182px -50px;
}

.WarningWorkImgActive {
  background-position: -248px -50px;
}

/* 报警概况 */

.WarningMessageImg {
  background-position: -314px -50px;
}

.WarningMessageImgActive {
  background-position: -380px -50px;
}

/* 报警设置 */

.WarningSetImg {
  background-position: -446px -50px;
}

.WarningSetImgActive {
  background-position: -512px -50px;
}

/* 测距 */

.RangingImg {
  background-position: -578px -50px;
}

.RangingImgActive {
  background-position: -644px -50px;
}

/************************/

/* 帮助 */

.HelpImg {
  background-position: -50px -116px;
}

.HelpImgActive {
  background-position: -116px -116px;
}

/* 报警 */

.CallWarningImg {
  background-position: -182px -116px;
}

.CallWarningImgActive {
  background-position: -248px -116px;
}

/* 车辆监控 */

.CarContorImg {
  background-position: -314px -116px;
}

.CarContorImgActive {
  background-position: -380px -116px;
}

/* 报警统计 */

.WarningCountImg {
  background-position: -446px -116px;
}

.WarningCountImgActive {
  background-position: -512px -116px;
}

/* 侧面 */

.SideBtnImg {
  background-position: -578px -116px;
}

.SideBtnImgActive {
  background-position: -644px -116px;
}

/************************/

/* 查找周边 */

.SearchRoundImg {
  background-position: -50px -182px;
}

.SearchRoundImgActive {
  background-position: -116px -182px;
}

/* 车辆反选 */

.CarInverseImg {
  background-position: -182px -182px;
}

.CarInverseImgActive {
  background-position: -248px -182px;
}

/* 车辆列表 */

.CarListImg {
  background-position: -314px -182px;
}

.CarListImgActive {
  background-position: -380px -182px;
}

/* 车辆全选 */

.CarAllSelectImg {
  background-position: -446px -182px;
}

.CarAllSelectImgActive {
  background-position: -512px -182px;
}

/* 跟踪 */

.TrackWayImg {
  background-position: -578px -182px;
}

.TrackWayImgActive {
  background-position: -644px -182px;
}

/************************/

/* 工具箱 */

.ToolBoxImg {
  background-position: -50px -248px;
}

.ToolBoxImgActive {
  background-position: -116px -248px;
}

/* 关于系统 */

.AboutSystemImg {
  background-position: -182px -248px;
}

.AboutSystemImgActive {
  background-position: -248px -248px;
}

/* 行政车辆数 */

.CarNumImg {
  background-position: -314px -248px;
}

.CarNumImgActive {
  background-position: -380px -248px;
}

/* 基础信息 */

.BaseInfoImg {
  background-position: -446px -248px;
}

.BaseInfoImgActive {
  background-position: -512px -248px;
}

/* 监控 */

.MonitorAllwaysImg {
  background-position: -578px -248px;
}

.MonitorAllwaysImgActive {
  background-position: -644px -248px;
}

/************************/

/* 快捷菜单 */

.FastBtnImg {
  background-position: -50px -314px;
}

.FastBtnImgActive {
  background-position: -116px -314px;
}

/* 拉框显示车辆 */

.ShowBoxCarImg {
  background-position: -182px -314px;
}

.ShowBoxCarImgActive {
  background-position: -248px -314px;
}

/* 路况 */

.RoldInfoImg {
  background-position: -314px -314px;
}

.RoldInfoImgActive {
  background-position: -380px -314px;
}

/* 全部车辆 */

.AllCarImg {
  background-position: -446px -314px;
}

.AllCarImgActive {
  background-position: -512px -314px;
}

/* 任务车辆 */

.MissionCarImg {
  background-position: -578px -314px;
}

.MissionCarImgActive {
  background-position: -644px -314px;
}

/************************/

/* 设置车辆图标 */

.SetCarIconImg {
  background-position: -50px -380px;
}

.SetCarIconImgActive {
  background-position: -116px -380px;
}

/* 统计车辆状态 */

.CarStatusImg {
  background-position: -182px -380px;
}

.CarStatusImgActive {
  background-position: -248px -380px;
}

/* 统计运输状态 */

.TransStatusImg {
  background-position: -314px -380px;
}

.TransStatusImgActive {
  background-position: -380px -380px;
}

/* 退出 */

.OutImg {
  background-position: -446px -380px;
}

.OutImgActive {
  background-position: -512px -380px;
}

/* 网点车辆数 */

.NetCarImg {
  background-position: -578px -380px;
}

.NetCarImgActive {
  background-position: -644px -380px;
}

/************************/

/* 系统设置 */

.SystemSetImg {
  background-position: -50px -446px;
}

.SystemSetImgActive {
  background-position: -116px -446px;
}

/* 显示车牌号 */

.ShowCarNumberImg {
  background-position: -182px -446px;
}

.ShowCarNumberImgActive {
  background-position: -248px -446px;
}

/* 显示全部兴趣点 */

.ShowAllPlaceImg {
  background-position: -314px -446px;
}

.ShowAllPlaceImgActive {
  background-position: -380px -446px;
}

/* 显示全部区域 */

.ShowAllAreaImg {
  background-position: -446px -446px;
}

.ShowAllAreaImgActive {
  background-position: -512px -446px;
}

/* 显示全部网点 */

.ShowAllNetImg {
  background-position: -578px -446px;
}

.ShowAllNetImgActive {
  background-position: -644px -446px;
}

/************************/

/* 修改密码 */

.RestPasswordImg {
  background-position: -50px -512px;
}

.RestPasswordImgActive {
  background-position: -116px -512px;
}

/* 一件监控离线车辆 */

.SelectAllCarImg {
  background-position: -182px -512px;
}

.SelectAllCarImgActive {
  background-position: -248px -512px;
}

/* 隐藏统计 */

.HiddenInfoImg {
  background-position: -314px -512px;
}

.HiddenInfoImgActive {
  background-position: -380px -512px;
}

/* 重点车辆 */

.PointCarImg {
  background-position: -446px -512px;
}

.PointCarImgActive {
  background-position: -512px -512px;
}

/* 终端管理 */

.ClientWorkImg {
  background-position: -578px -512px;
}

.ClientWorkImgActive {
  background-position: -644px -512px;
}

/* 4、控件规范 */

/***************************************************************************************/

/* 按钮 */

.PrimaryButton {
  font-size: 14px;
  color: #fff;
  background-color: #3f84e9;
}

.PrimaryButton:hover {
  background-color: #4a94ff;
}

.PrimaryButton:active {
  background-color: #3273d9;
}

.PrimaryButton:disabled {
  background-color: #c4c4c4;
}

/*#endregion 新增统一标准样式 */

/*#region add by xzz 20190920 Popover弹出框样式*/

.SetPTBJCustomTime {
  height: 210px;
  overflow: hidden;
}

/*#endregion*/

/*工作台数据插入表格动画*/

.warning-row {
  animation: wrapper-gradient 1s linear;
}

@keyframes wrapper-gradient {
  0% {
    transform: translateY(-50%);
    background-color: aliceblue;
  }

  100% {
    transform: translateY(0);
    background-color: aliceblue;
  }
}

/*#endregion*/

/* 工作台 popo*/

.myPopo_Waiting_81 {
  padding: 12px 16px;
}

.myPopo_Waiting_81 .el-input__inner {
  padding: 0;
  text-align: center;
}

/*pqgrid表格样式 add by xzz*/

table.pq-grid-header-table div.pq-td-div {
  font-weight: bold;
}

.ui-widget.ui-widget-content {
  border: 1px solid #ebeef5 !important;
}

.pq-td-div {
  padding: 10px 0px !important;
  font-weight: bold;
  font-size: 14px;
  color: #333;
}

.pq-grid td.pq-grid-cell {
  padding: 12px 10px;
  font-size: 14px;
  color: #666;
}

._btn {
  cursor: pointer;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  background: none;
}

.pq-grid-title-row {
  background-color: #fafafa !important;
}

div.pq-grid tr:nth-child(odd) {
  background-color: #fafafa !important;
}

div.pq-header-outer {
  border-bottom: 1px solid #ebeef5 !important;
}

.pq-grid td.pq-grid-col {
  border-right: 1px solid #ebeef5 !important;
  border-top: 1px solid #ebeef5 !important;
}

table.pq-td-border-right > tbody > tr > td.pq-grid-cell {
  border-right: 1px solid #ebeef5 !important;
}

table.pq-td-border-bottom > tbody > tr > td.pq-grid-cell {
  border-bottom: 1px solid #ebeef5 !important;
}

.ui-state-active,
.ui-state-highlight,
div.pq-grid tr.pq-row-select {
  background: #dcedff !important;
  background-color: #dcedff !important;
}

/*pqgrid表格样式 */

/*add by xzz 列表表头样式*/

.titleTips {
  font-style: normal;
  font-size: 12px;
  color: #999;
}

/*add by xzz 列表表头样式*/

.Wtable .el-tooltip {
  padding: 0px 10px !important;
}

.Wtable .el-tooltip div {
  overflow: hidden;
  text-overflow: ellipsis;
}

/* add by xzz 解决 sidebar触摸菜单的滚动问题 */

.el-menu--vertical[x-placement^="right-start"] {
  max-height: calc(100% - 50px);
  overflow: hidden;
  overflow-y: auto;
  width: 158px;
}

/* add by xzz 20200601 ztree右键菜单样式 */

div#rMenu {
  position: absolute;
  visibility: hidden;
  top: 0;
  background-color: #555;
  text-align: left;
  padding: 2px;
  z-index: 1000;
}

div#rMenu ul li {
  margin: 1px 0;
  padding: 2px 10px;
  cursor: pointer;
  list-style: none outside none;
  background-color: #dfdfdf;
}

.el-button-group > .el-dropdown__caret-button {
  width: 25px;
  height: 32px;
  padding-left: 3px;
}

/*add by xzz 车辆监控详情*/

.cheTouName:hover {
  border-bottom: 1px solid #F36C2C !important;
}

.cheShenName:hover {
  border-bottom: 1px solid #F36C2C !important;
}

.JKZX_tabs .el-loading-mask {
  top: 40px;
}

/*add by xzz 期望高德规划线路显示 宽度为500 */

.amap-lib-driving {
  width: 460px;
  max-height: 400px;
  overflow-y: auto;
  box-sizing: border-box;
}

.amap-lib-driving .planTitle .sidebar {
  top: 0;
  left: 425px;
  margin-top: 0;
  background: none !important;
}

.amap-marker {
  color: #000;
}

/* 高德地图 左下角 显示 比列的颜色 */

.amap-scale-text {
  color: #333;
}

/*add by xzz 图片放大的关闭按钮*/

.el-image-viewer__close {
  color: #fff;
}

.pop .box .vue-treeselect {
  width: 180px;
}

.el-cascader__tags .el-tag > span {
  max-width: 100px !important;
}

img.el-image__inner {
  object-fit: contain;
}

img {
  object-fit: contain;
}

.el-date-table th {
  text-align: center;
}

.el-menu--vertical::-webkit-scrollbar {
  display: none;
}

.el-menu--vertical {
  scrollbar-width: none;
  /* firefox */
  -ms-overflow-style: none;
  /* IE 10+ */
}

.el-picker-panel__shortcut {
  box-sizing: border-box;
}

.mc-draggable {
  cursor: move;
}

.mapToolBar .l-btn-plain,
.mcCarTree .l-btn-plain {
  padding: 0;
  padding-top: 1px;
  padding-bottom: 1px;
  border-radius: 0px;
}
/* 高德地图样式调整 */
.amap-toolbar {
  width: auto !important;
  top: 55px !important;
  right: 10px !important;
}
.amap-toolbar .amap-zoomcontrol {
  bottom: -60px;
  width: 30px;
  border: none;
}
.amap-toolbar .amap-zoomcontrol::after {
  top: 31px;
}
.amap-toolbar .amap-zoom-touch-plus {
  margin-bottom: 1px;
}
.amap-toolbar .amap-zoom-touch-plus > div {
  font-size: 16px;
  line-height: 30px;
}
.amap-toolbar .amap-zoom-touch-minus {
  height: 30px;
}
.amap-toolbar .amap-zoom-touch-minus > div {
  font-size: 16px;
  line-height: 30px;
}
/* 腾讯地图样式调整 */
.tmap-zoom-control {
  margin: 0;
  margin-top: 55px;
  margin-right: 10px;
  width: 30px;
  height: 61px;
  box-shadow: 1px 1px 10px 0 #ccc;
  border-radius: 3px;
}
.tmap-zoom-control .tmap-zoom-spliter {
  width: 18px;
  background-color: #ddd;
}
.tmap-zoom-control .tmap-zoom-in {
  width: 30px;
  height: 30px;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tmap-zoom-control .tmap-zoom-out {
  width: 30px;
  height: 30px;
  left: 0;
  top: 31px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.panel.window.car_tree_window {
  background: #fff;
  border-radius: 4px;
  border: none;
  padding: 0;
  overflow: hidden;
}
.panel.window.car_tree_window .panel-header.window-header {
  height: 36px;
  background: #e7ebee;
  display: flex;
  align-items: center;
  padding: 0 12px;
  box-sizing: border-box;
  border: none;
}
.panel.window.car_tree_window .panel-header.window-header .panel-tool {
  right: 12px;
}
.panel.window.car_tree_window .panel-header.window-header .panel-tool-close {
  font-family: element-icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: baseline;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  color: #7d8395;
  font-size: 18px;
  background: none;
}
.panel.window.car_tree_window
  .panel-header.window-header
  .panel-tool-close::before {
  content: "\e6db";
}
.panel.window.car_tree_window
  .panel-header.window-header
  .panel-tool-close:hover {
  color: #ff0a0a;
}
.panel.window.car_tree_window ~ div.window-shadow {
  background: initial;
  box-shadow: 4px 6px 16px 0px #cccccc;
  border-radius: 4px;
  overflow: hidden;
}

.easyui-window.car_tree_window {
  border: none;
}
.easyui-window.car_tree_window .radiobutton,
.easyui-window.car_tree_window .checkbox {
  border-color: #f36c2c;
  border-width: 1px;
  width: 16px !important;
  height: 16px !important;
}
.easyui-window.car_tree_window .checkbox {
  border-radius: 4px;
}
.easyui-window.car_tree_window .radiobutton-inner,
.easyui-window.car_tree_window .checkbox-checked {
  background: #f36c2c;
}

/* #region 虚拟滚动组件样式 */
.vue-recycle-scroller {
  position: relative;
}
.vue-recycle-scroller.direction-vertical:not(.page-mode) {
  overflow-y: auto;
}
.vue-recycle-scroller.direction-horizontal:not(.page-mode) {
  overflow-x: auto;
}
.vue-recycle-scroller.direction-horizontal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.vue-recycle-scroller__slot {
  -webkit-box-flex: 1;
  -ms-flex: auto 0 0px;
  flex: auto 0 0;
}
.vue-recycle-scroller__item-wrapper {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}
.vue-recycle-scroller.ready .vue-recycle-scroller__item-view {
  position: absolute;
  top: 0;
  left: 0;
  will-change: transform;
}
.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper {
  width: 100%;
}
.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper {
  height: 100%;
}
.vue-recycle-scroller.ready.direction-vertical
  .vue-recycle-scroller__item-view {
  width: 100%;
}
.vue-recycle-scroller.ready.direction-horizontal
  .vue-recycle-scroller__item-view {
  height: 100%;
}
.resize-observer[data-v-b329ee4c] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  border: none;
  background-color: transparent;
  pointer-events: none;
  display: block;
  overflow: hidden;
  opacity: 0;
}
.resize-observer[data-v-b329ee4c] object {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}
/* #endregion 虚拟滚动组件样式 */

/* div.amap-layer:not(.amap-satellite):not(.amap-roadnet) {
  display: none !important;
  opacity: 0;
  clip-path: circle(0px);
  visibility: hidden;
  overflow: hidden;
} */