.JDMapContainer{
      width: 100%;
      height: 100%;
      position: relative;
      z-index: 0;
}

.JDMap_box {
  display: -webkit-box;
  display: -moz-box;
  /*display: box;*/
}

.JDMap_box-orient-vertical {
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
}

.JDMap_box-flex-1 {
  -webkit-box-flex: 1;
  -moz-box-flex: 1
}

.JDMap_box-flex-2 {
  -webkit-box-flex: 2;
  -moz-box-flex: 2
}

.JDMap_box-align-start {
  -webkit-box-pack: start;
  -webkit-box-align: start;
  -moz-box-pack: start;
  -moz-box-align: start
}

.JDMap_box-align-center {
  -webkit-box-pack: center;
  -webkit-box-align: center;
  -moz-box-pack: center;
  -moz-box-align: center
}

.JDMap_box-align-end {
  -webkit-box-pack: end;
  -webkit-box-align: end;
  -moz-box-pack: end;
  -moz-box-align: end
}

#view3d_mainwindow{
      width: 100%;
      height: 100%;

/** 禁用右键菜单 */
-webkit-touch-callout:none;  /** 禁止长按链接与图片弹出菜单 **/
-webkit-user-select:none; /** 禁用网页内容的选择功能 **/
-moz-user-select:none;
-ms-user-select:none;
user-select:none;

cursor:url(data:application/octet-stream;base64,AAACAAEAICACAAgACAAwAQAAFgAAACgAAAAgAAAAQAAAAAEAAQAAAAAAAAEAAAAAAAAAAAAAAgAAAAAAAAAAAAAA////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD8AAAA/AAAAfwAAAP+AAAH/gAAB/8AAA//AAAd/wAAGf+AAAH9gAADbYAAA2yAAAZsAAAGbAAAAGAAAAAAAAA//////////////////////////////////////////////////////////////////////////////////////gH///4B///8Af//+AD///AA///wAH//4AB//8AAf//AAD//5AA///gAP//4AD//8AF///AB///5A////5///8=) 8 8,default;

    }
#view3d_mainwindow.jdMap_drag{

    cursor: url(data:application/octet-stream;base64,AAACAAEAICACAAgACAAwAQAAFgAAACgAAAAgAAAAQAAAAAEAAQAAAAAAAAEAAAAAAAAAAAAAAgAAAAAAAAAAAAAA////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD8AAAA/AAAAfwAAAP+AAAH/gAAB/8AAAH/AAAB/wAAA/0AAANsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//////////////////////////////////////////////////////////////////////////////////////gH///4B///8Af//+AD///AA///wAH//+AB///wAf//4AH//+AD///yT/////////////////////////////8=) 8 8,default;

}    
#view3d_mainwindow.jdMap_ruler{
    cursor: url(data:application/octet-stream;base64,AAACAAEAICAAAAMABgCoEAAAFgAAACgAAAAgAAAAQAAAAAEAIAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAACQAAAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAABcAAAAlAAAAFwAAAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAAAAXAAAAMwAAAEEAAAAzAAAAFwAAAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAFwAAADMuLi//AAAASgAAAEUAAAAzAAAAFwAAAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAABcAAAAzLi4v/+Pj4/8uLi//AAAASgAAAEUAAAAzAAAAFwAAAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAAAAXAAAAMy4uL//j4+P//////+Pj4/8uLi//AAAASgAAAEUAAAAzAAAAFwAAAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAFwAAADMuLi//4+Pj/////////////////+Pj4/8uLi//AAAASgAAAEEAAAAlAAAACQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAABcAAAAzLi4v/+Pj4////////////////////////////+Pj4/8uLi//AAAAMwAAABcAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAAAAXAAAAMy4uL//j4+P//////////////////////y4uL////////////+Pj4/8uLi//AAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAFwAAADMuLi//4+Pj/////////////////////////////////y4uL///////Li4v/wAAAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAABcAAAAzLi4v/+Pj4///////////////////////Li4v/////////////////y4uL/8AAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAAAAXAAAAMy4uL//j4+P///////////8uLi//////////////////Li4v//////8uLi//AAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//8AAP//AAD//wAA//8AAAAAAAAAAAAAAAAAAAAFAAAAFwAAADMuLi//4+Pj//////////////////////8uLi//////////////////Li4v/wAAAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP//AAD//wAA//8AAP//AAD//wAA//8AAAAAAAAAAAAAAAkAAAAlLi4v/+Pj4/////////////////////////////////8uLi///////y4uL/8AAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//8AAP////////////8AAP//AAD//wAAAAAAAAAAAAAABS4uL//j4+P//////////////////////y4uL/////////////////8uLi//AAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD//wAA/////////////wAA//8AAP//AAAAAAAAAAAuLi//4+Pj/////////////////////////////////y4uL///////Li4v/wAAAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP//AAD//wAA//8AAP//AAD//wAA//8AAAAAAAAAAAAAAAAuLi//////////////////Li4v/////////////////y4uL/8AAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP//AAD//wAA//8AAP//AAAAAAAAAAAAAAAAAAAAAAAAAAAuLi//////////////////Li4v//////8uLi//AAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAuLi//////////////////Li4v/wAAAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAuLi///////y4uL/8AAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAuLi//AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//////////////////////////////////////////////////////////////H////g////wH///4A///8AH//+AA///AAP//gAD//wAB//4AA//8AAf/+AAP+HAAH/AwAD/wMAB/8DAA//A4Af/4fAP///4H////D////7//8=) 3 6,default;
}
#view3d_mainwindow.jdMap_area{
    cursor: crosshair
}

#JD_OUTPUTINFO {
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    font-size: 12px;
    background: rgba(212, 229, 251, 0.5);
    color:#606367;
    padding:0 5px;
    border-radius:5px;
}

#map_contextmenu ,
#mapVts_contextmenu {   
    position: fixed;
    left: 0;
    top: 0;
    width: 100px;
    background: #fff;
    line-height: 24px;
    font-size: 12px;
    box-shadow: #eee 1px 1px 2px;
}

#map_contextmenu ul ,
#mapVts_contextmenu ul {    
    margin: 0;
    padding: 0
}

#map_contextmenu ul li ,
#mapVts_contextmenu ul li {  
    padding-left: 10px;
    cursor: pointer;
    list-style-type: none;
}

#map_contextmenu ul li:hover ,
#mapVts_contextmenu ul li:hover {   
    background: #eee;
}

#map_contextmenu ul li.contextMenu_li_disabled ,
#mapVts_contextmenu ul li.contextMenu_li_disabled {    
    color:#ddd;
    cursor: not-allowed;
}


#JDMap_areaEdit_lay ,
#JDMap_lineEdit_lay, 
#JDMap_shaderEdit_lay,
#JDMap_cruiseTool_lay {

    position: fixed;
    width: 260px;
    background: #fff;
    box-sizing: border-box;

    -webkit-touch-callout: none;
    -moz-user-select: none;
    /*火狐*/
    -webkit-user-select: none;
    /*webkit浏览器*/
    -ms-user-select: none;
    /*IE10*/
    -khtml-user-select: none;
    /*早期浏览器*/
    user-select: none;

    box-shadow: #bab9b9 0px 0px 3px;
}

#JDMap_pathPlan_lay{
      position: fixed;
    width: 300px;
    background: #fff;
    box-sizing: border-box;

    -webkit-touch-callout: none;
    -moz-user-select: none;
    /*火狐*/
    -webkit-user-select: none;
    /*webkit浏览器*/
    -ms-user-select: none;
    /*IE10*/
    -khtml-user-select: none;
    /*早期浏览器*/
    user-select: none;

    box-shadow: #bab9b9 0px 0px 3px;


    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
     transform: translate3d(0,0,0);
    
}

#JDMap_patrolCarPath_lay{
       position: fixed;
    width: 500px;
    background: #fff;
    box-sizing: border-box;

    -webkit-touch-callout: none;
    -moz-user-select: none;
    /*火狐*/
    -webkit-user-select: none;
    /*webkit浏览器*/
    -ms-user-select: none;
    /*IE10*/
    -khtml-user-select: none;
    /*早期浏览器*/
    user-select: none;

    box-shadow: #bab9b9 0px 0px 3px;


    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
     transform: translate3d(0,0,0);
}

#JDMap_cruiseTool_lay .icon{
    width: 18px;
    margin-right:5px;
    vertical-align: middle;
}


#JDMap_areaEdit_title ,
#JDMap_lineEdit_title,
#JDMap_pathPlan_title{

    padding: 5px;
    border-bottom: solid #eee 1px;
    cursor: move;
    font-size: 14px;
    line-height: 26px;
}

#JDMap_areaEdit_title:after ,
#JDMap_lineEdit_title:after,
#JDMap_pathPlan_title:after {

    content: "";
    clear: both;
}

#JDMap_areaEdit_title span ,
#JDMap_lineEdit_title span,
#JDMap_pathPlan_title span {

    float: right;
    cursor: pointer;
    position: relative;
    display: block;
    width: 22px;
    height: 22px;
}
#JDMap_areaEdit_title span:before,
#JDMap_lineEdit_title span:before,
#JDMap_pathPlan_title span:before{

    content: "";
    display: block;
    width: 2px;
    height: 15px;
    background: #999;
    position: absolute;
        left: 10px;
    top: 4px;


    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
     transform: rotate(-45deg);
    
}

#JDMap_areaEdit_title span:after,
#JDMap_lineEdit_title span:after,
#JDMap_pathPlan_title span:after{

    content: "";
    display: block;
    width: 2px;
    height: 15px;
    background: #999;
    position: absolute;
        left: 10px;
    top: 4px;


    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
     transform: rotate(45deg);
    
}

.JDMap_areaColor ul li ,
.JDMap_lineColor ul li{

    width: 20px;
    height: 20px;
    margin: 2px;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #00ffff;
    border-radius: 5px;
    /*background: url(../images/searchBtnBg.png) no-repeat;*/
    background-size: 100% 100%;
    display: inline-block;
}

.JDMap_areaColor ul ,
.JDMap_lineColor ul {

    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.JDMap_areaColor ul li.active ,
.JDMap_lineColor ul li.active {

    /*background: url("../image/searchBtnBgs.png") no-repeat;*/
    background-size: 100% 100%;
    background: #000;
}

.JDMap_areaColor ul li span ,
.JDMap_lineColor ul li span {

    width: 10px;
    height: 10px;
    background: #00ffff;
    display: block;
    margin: 4px;

}

.JDMap_regioOption {
    cursor: pointer;
    color: #000000;
    font-size: 14px;
    margin-right: 5px;
    display: inline-block;
    margin-bottom: 10px;
}


/*缩放控件*/
#JDMap_zoom{

  position: absolute;
/*  right:10px;
  bottom:10px;*/

  box-shadow: rgb(107 120 137 / 20%) 0px 2px 6px 0px, rgb(91 98 107 / 8%) 0px 4px 10px 0px;
    background: rgb(255, 255, 255); 
    /*inset: auto 15px 20px auto;*/

}

#JDMap_zoomIn{
    box-shadow: 1px 2px 1px rgb(0 0 0 / 15%);
    cursor: pointer;
    width: 26px;
    height: 26px;
    border-bottom: solid #ccc 1px;

    font-size: 14px;
    text-align: center;
    line-height: 26px;
    font-weight: bold;
}
#JDMap_zoomLev{
    box-shadow: 1px 2px 1px rgb(0 0 0 / 15%);
    cursor: pointer;
    width: 26px;
    height: 26px;
    border-bottom: solid #ccc 1px;

    font-size: 12px;
    color:#666;
    text-align: center;
    line-height: 26px;
    font-weight: bold;
}
#JDMap_zoomOut{
    box-shadow: 1px 2px 1px rgb(0 0 0 / 15%);
    cursor: pointer;
    width: 26px;
    height: 26px;

    font-size: 14px;
    text-align: center;
    line-height: 26px;
    font-weight: bold;
}
 



#JDMap_zoomIn:hover,
#JDMap_zoomOut:hover{
  color:#3385ff;
}



/*地图比例尺控件*/
#JDMap_scale{
  width: 50px;
  height: 20px;

  position: absolute;
/*  right:10px;
  bottom:10px;*/

 /* box-shadow: rgb(107 120 137 / 20%) 0px 2px 6px 0px, rgb(91 98 107 / 8%) 0px 4px 10px 0px;
    background: rgb(255, 255, 255); */
    /*inset: auto 15px 20px auto;*/
  pointer-events: none;


  -webkit-transition: width 0.5s; 
  -ms-transition: width 0.5s; 
  -moz-transition: width 0.5s; 
  -o-transition: width 0.5s; 
  transition: width 0.5s;
  
}

#JDMap_scale .JDMap_scaleText{
    font-size: 11px;
    line-height: 18px;
    text-align: center;
        text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}
#JDMap_scale .JDMap_Bar_Bg{
  position: absolute;
    left:0;
    bottom:-1px;
    width: 100%;
    height: 5px;
    background: #fff;  
}
#JDMap_scale .JDMap_Bar{
    position: absolute;
    left:0;
    bottom:0;
    width: 100%;
    height: 3px;
    background: #000;
}
#JDMap_scale .JDMap_LBar_Bg{
    width: 3px;
    height: 7px;
    position: absolute;
    left:-1px;
    bottom: 0;
    font-size: 0;
    background: #fff;
}
#JDMap_scale .JDMap_LBar{
    width: 1px;
    height: 6px;
    position: absolute;
    left:0;
    bottom: 0;
    font-size: 0;
    background: #000;

}
#JDMap_scale .JDMap_RBar_Bg{
    width: 3px;
    height: 7px;
    position: absolute;
    right:-1px;
    bottom: 0;
    font-size: 0;
    background: #fff;
}
#JDMap_scale .JDMap_RBar{
    width: 1px;
    height: 6px;
    position: absolute;
    right:0;
    bottom: 0;
    font-size: 0;
    background: #000;
    
}

/*地图类型控件*/
#JDMap_type{

  position: absolute; 
 /* right:10px;
  top:10px;*/

  box-shadow: rgb(107 120 137 / 20%) 0px 2px 6px 0px, rgb(91 98 107 / 8%) 0px 4px 10px 0px;
    background: rgb(255, 255, 255); 
    /*inset: auto 15px 20px auto;*/

}
#JDMap_type ul{
    width: 100px;
    margin:0;
    padding: 0;
}
#JDMap_type ul li{
    list-style-type: none;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    padding:0 10px 0 6px;
    cursor: pointer;

}
#JDMap_type ul>li{
    position: relative;
}
#JDMap_type ul>li:hover ul{
    display: block;

}
#JDMap_type ul>li ul{
    position: absolute;
    left:0;
    top:22px;
    display: none;
     box-shadow: rgb(107 120 137 / 20%) 0px 2px 6px 0px, rgb(91 98 107 / 8%) 0px 4px 10px 0px;
    background: rgb(255, 255, 255); 
}
#JDMap_type.JDMAP_ANCHOR_BOTTOM_LEFT ul>li ul,
#JDMap_type.JDMAP_ANCHOR_BOTTOM_RIGHT ul>li ul{

    left:0;
    bottom:22px;
    top: auto;
}



#JDMap_type ul>li ul li:hover{
    background: #ddd;
}

#JDMap_type #JDMap_curr_type{
    position: relative;
}

#JDMap_type #JDMap_curr_type:after{
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
       top: 7px;
    right: -8px;
    border-top: solid #000 4px;
    border-left: solid transparent 3px;
    border-right: solid transparent 3px;

}

/*bim*/
/*地图类型控件*/
#JDMap_bim{

  position: absolute; 
 /* right:10px;
  top:10px;*/

  box-shadow: rgb(107 120 137 / 20%) 0px 2px 6px 0px, rgb(91 98 107 / 8%) 0px 4px 10px 0px;
    background: rgb(255, 255, 255); 
    /*inset: auto 15px 20px auto;*/

}
#JDMap_bim ul {
    padding: 0;
    margin: 0;
}
#JDMap_bim ul li{
    list-style-type: none;
    font-size: 12px;
    line-height: 22px;
    text-align: left;
    padding:0 10px 0 6px;
    cursor: pointer;

}
#JDMap_type ul li:hover{
    background: #ddd;
}
#JDMap_bim ul li input{
    vertical-align: middle;
}


/*罗盘*/
#JDMap_compass {
    width: 62px;
    height: 62px;
    border-radius: 31px;
    position: absolute;
    overflow: hidden;
    box-shadow: #c3c3c3 0px 0px 5px;
}
.JDMap_compass_lay{
    width: 62px;
    height: 62px;
    box-sizing:border-box;
    border:solid #fff 15px;
    border-radius: 31px;
}
.JDMap_compassLine{
    position: absolute;
    left: 6px;
    top: 6px;
    width: 50px;
    height: 50px;
    border-left: solid #aaa8a8 2px;
    border-right: solid #aaa8a8 2px;
    border-top:solid #fff 2px;
    border-bottom:solid #fff 2px;


    border-radius: 25px;
    box-sizing: border-box;

    pointer-events: none;
}

.JDMap_compassLine:before{
       content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: solid #aaa8a8 7px;
    border-left: solid transparent 3px;
    border-right: solid transparent 3px;
    position: absolute;
    left: 1px;
    bottom: 4px; 


    -webkit-transform: rotate(325deg);
    -moz-transform: rotate(325deg);
    -ms-transform: rotate(325deg);
    -o-transform: rotate(325deg);
     transform: rotate(325deg);
    

}
.JDMap_compassLine:after{
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: solid #aaa8a8 7px;
    border-left: solid transparent 3px;
    border-right: solid transparent 3px;
    position: absolute;
    right: 1px;
    bottom: 4px;


    -webkit-transform: rotate(35deg);
    -moz-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    -o-transform: rotate(35deg);
     transform: rotate(35deg);
     

}




.JDMap_rotateLeft{
    position: absolute; 
    left: 0px;
    top: 15px;
    width: 15px;
    height: 32px; 
    cursor: pointer;

} 
.JDMap_rotateRight{
    position: absolute;
    right: 0px;
    top: 15px;
    width: 15px;
    height: 32px; 
    cursor: pointer;


} 

.JDMap_pitchUp{
    position: absolute;
    left: 15px;
    top: 0;
    width: 32px;
    height: 15px; 
    cursor: pointer;
}
.JDMap_pitchUp:after{
       content: "";
    display: block;
    width: 0;
    height: 0;
    border-bottom: solid #aaa8a8 4px;
    border-left: solid transparent 4px;
    border-right: solid transparent 4px;
    position: absolute;
    left: 12px;
    top: 4px;


}
.JDMap_pitchDown{
    position: absolute;
    left: 15px;
    bottom: 0px;
    width: 32px;
    height: 15px;
    cursor: pointer;

}

.JDMap_pitchDown:after{
        content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: solid #aaa8a8 4px;
    border-left: solid transparent 4px;
    border-right: solid transparent 4px;
    position: absolute;
    left: 12px;
    bottom: 4px;
}

.JDMap_compassCenter{
    position: absolute;
    left:16px;
    top:16px;
    width:30px;
    height: 30px;
    background: #fff;
    border-radius: 15px;
    cursor: pointer;


    -webkit-transition: transform 0.2s; 
    -ms-transition: transform 0.2s; 
    -moz-transition: transform 0.2s; 
    -o-transition: transform 0.2s; 
    transition: transform 0.2s;
    

}
.JDMap_compassCenter:before{
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 9px;
    top: -4px;
    border-bottom: solid red 19px;
    border-left: solid transparent 6px;
    border-right: solid transparent 6px;
}
.JDMap_compassCenter:after{
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 9px;
    bottom: -4px;
    border-top: solid #666 19px;
    border-left: solid transparent 6px;
    border-right: solid transparent 6px;
    
}
.JDMap_compassCenter div:before{
    content: "";
    display: block;
    width: 5px;
    height: 0;
    border-top:solid #aaa8a8 1px;
    position: absolute;
    left:0;
    top:15px;

}
.JDMap_compassCenter div:after{
    content: "";
    display: block;
    width: 5px;
    height: 0;
    border-top:solid #aaa8a8 1px;
    position: absolute;
    right:0;
    top:15px;

}


/*颜色选择器*/
.JDMap-color-picker{
    display: inline-block;
    position: relative;
    line-height: normal;
    height: 40px;
 }
 .JDMap-color-picker__trigger{
    display: inline-block;
    box-sizing: border-box;
    height: 32px;
    width: 32px;
    padding: 4px;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    font-size: 0;
    position: relative;
    cursor: pointer;
 }

 .JDMap-color-picker__color {
    position: relative;
    display: block;
    box-sizing: border-box;
    outline: 1px solid #999;
    border-radius: 2px;
    width: 100%;
    height: 100%;
    text-align: center;
}
.JDMap-color-picker__color.is-alpha {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.JDMap-color-picker__color-inner {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.JDMap-color-picker__panel {
    position: absolute;
    z-index: 10;
    padding: 6px;
    box-sizing: content-box;
    background-color: #fff;
    border: 1px solid #ebeef5;
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
} 
.JDMap-color-dropdown {
    width: 300px;
    top: 100%;
    left: 0;
    display: none;
}
.JDMap-color-dropdown__main-wrapper {
    margin-bottom: 6px;
}
.JDMap-color-dropdown__main-wrapper:after {
    content: "";
    display: table;
    clear: both;
}

.JDMap-color-hue-slider.is-vertical {
    width: 12px;
    height: 180px;
    padding: 2px 0;
}

.JDMap-color-hue-slider {
    position: relative;
    box-sizing: border-box;
    width: 280px;
    height: 12px;
    background-color: red;
    padding: 0 2px;
}

.JDMap-color-hue-slider.is-vertical .JDMap-color-hue-slider__bar {
    background: linear-gradient(180deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red);
}

.JDMap-color-hue-slider__bar {
    position: relative;
    background: linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red);
    height: 100%;
}
.JDMap-color-hue-slider__thumb {
    position: absolute;
    cursor: pointer;
    box-sizing: border-box;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    border-radius: 1px;
    background: #fff;
    border: 1px solid #f0f0f0;
    box-shadow: 0 0 2px rgb(0 0 0 / 60%);
    z-index: 1;
}
.JDMap-color-hue-slider.is-vertical .JDMap-color-hue-slider__thumb {
    left: 0;
    top: 0;
    width: 100%;
    height: 4px;
}

.JDMap-color-svpanel {
    position: relative;
    width: 280px;
    height: 180px;
}

.JDMap-color-svpanel__white {
    background: linear-gradient(90deg,#fff,hsla(0,0%,100%,0));
}
.JDMap-color-svpanel__black {
    background: linear-gradient(0deg,#000,transparent);
}
.JDMap-color-svpanel__black, .JDMap-color-svpanel__white {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
} 
.JDMap-color-svpanel__cursor {
    position: absolute;
}
.JDMap-color-svpanel__cursor>div {
    cursor: head;
    width: 4px;
    height: 4px;
    box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgb(0 0 0 / 30%), 0 0 1px 2px rgb(0 0 0 / 40%);
    border-radius: 50%;
    transform: translate(-2px,-2px);
}

.JDMap-color-alpha-slider {
    position: relative;
    box-sizing: border-box;
    width: 280px;
    height: 12px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}

.JDMap-color-alpha-slider__bar {
    position: relative;
    background: linear-gradient(90deg,hsla(0,0%,100%,0) 0,#fff);
    height: 100%;
}

.JDMap-color-alpha-slider__thumb {
    position: absolute;
    cursor: pointer;
    box-sizing: border-box;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    border-radius: 1px;
    background: #fff;
    border: 1px solid #f0f0f0;
    box-shadow: 0 0 2px rgb(0 0 0 / 60%);
    z-index: 1;
}

.JDMap-color-dropdown__btns {
    margin-top: 6px;
    text-align: right;
}

.JDMap-color-dropdown__value {
    float: left;
    line-height: 26px;
    font-size: 12px;
    color: #000;
    width: 160px;
}

.JDMap-input--mini {
    font-size: 12px;
}
.JDMap-input {
    position: relative;
    font-size: 14px;
    display: inline-block;
    width: 100%;
}
.JDMap-input--mini .JDMap-input__inner {
    height: 28px;
    line-height: 28px;
    font-size: 12px;
}
.JDMap-input__inner {
    -webkit-appearance: none;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
    border: 1px solid #dcdfe6;
    box-sizing: border-box;
    color: #606266;
    display: inline-block;
    font-size: inherit;
    height: 40px;
    line-height: 40px;
    outline: none;
    padding: 0 15px;
    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    width: 100%;
}
.JDMap_pathPlan_tripMode{
    position: relative;
    border-bottom:solid #3385ff 1px;
}
.JDMap_pathPlan_tripMode:after{
    content: "";
    display: block;
    clear: both;
}
.JDMap_pathPlan_tripMode span{
    display: inline-block;
    width: 33.3333%;
    text-align: center;
    float: left;
    cursor: pointer;
    font-size: 13px;
    color:#333;
      padding-top:10px;
    padding-bottom:10px;
}
.JDMap_pathPlan_tripMode span img{
    width: 20px;
    vertical-align: middle;
    pointer-events: none;
    margin-right:5px;
}
.JDMap_pathPlan_Form{

}

.JDMap_pathPlan_tripMode_corner{

    position: absolute;
    left:16.6%;
    bottom:0;
    width: 0;
    height: 0;
    border-left:solid transparent 6px;
    border-right:solid transparent 6px;
    border-bottom:solid #3385ff 8px;


}
.JDMap_pathPlan_tripMode_corner:after{
    content: "";
    display: block;
    left:-4px;
    top:2px;
    position: absolute;
    width: 0;
    height: 0;
    border-left:solid transparent 4px;
    border-right:solid transparent 4px;
    border-bottom:solid #fff 8px;
}
.JDMap_pathPlan_sort{
    width: 20px;
    cursor: pointer;
}
.JDMap_pathPlan_circle{
    width: 20px;
    vertical-align: middle;
}
.JDMap_pathPlan_passby{
    max-height: 320px;
    overflow-y: auto;

}

.JDMap_pathPlan_start,
.JDMap_pathPlan_passby>div{
    border-bottom: solid #ccc 1px;
    line-height: 30px;
}



.JDMap_pathPlan_end{ 
    line-height: 30px;
}

.JDMap_pathPlan_pos_v{
    line-height: 30px;
    width: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    margin-bottom: 1px;
}
#JDMap_pathPlan_pos_start_clear,
#JDMap_pathPlan_pos_end_clear,
.JDMap_pathPlan_pos_passby_clear{
    display: none;
}
#JDMap_pathPlan_submit{  

    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: solid #ccc 1px;
    display: none;

}
#JDMap_pathPlan_submit span{
    font-size:14px;
    cursor: pointer;
  }

.JDMap_marker,
.JDMap_labelMarker{

    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
     transform: translate3d(0,0,0);


     -webkit-touch-callout:none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;


 
}

.JDMap_labelMarker{
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.2));
}



@keyframes flash{
0%{
    opacity: 1;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
     transform: scale(0);

}
100%{
    opacity: 0;

    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
     transform: scale(1.5);
    
} 
}
@-webkit-keyframes flash{
0%{
    opacity: 1;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
     transform: scale(0);

}
100%{
    opacity: 0;

    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
     transform: scale(1.5);
    
} 
}
 
.JDMarker_flash{
  -webkit-animation:flash 1.5s ease-in-out infinite;
    animation:flash 1.5s ease-in-out infinite;
} 



/* 定制整个滚动条 */
::-webkit-scrollbar {
  width: 6px;  /* 滚动条宽度 */
}
 
/* 定制滚动条轨道 */
::-webkit-scrollbar-track {
  background: #f1f1f1; /* 轨道颜色 */
}
 
/* 定制滚动条的滑块（thumb） */
::-webkit-scrollbar-thumb {
  background: #888; /* 滑块颜色 */
}
 
/* 当滑块悬停或活动时的样式 */
::-webkit-scrollbar-thumb:hover {
  background: #555; /* 滑块悬停颜色 */
}

.JDMap_PatrolCarPath_input_sec{
    width: 100px; 
  
 background: #ddd;
}
.JDMap_PatrolCarPath_input_sec:nth-child(3){
 margin-right: 2px;

}


.JDMap_PatrolCarPath_input_sec input{
    background: transparent;
    text-align: center;
}
.JDMap_PatrolCarPath_input_sec input:read-only{
    cursor: not-allowed;
} 

.JDMap_PatrolCarPath_input_sec .JDMap_PatrolCarPath_input_unit {
    width:35px;font-size:12px;text-align:center
}
#JDMap_patrolCarPath_lay #JDMap_pathPlan_pos_start_clear_img,
#JDMap_patrolCarPath_lay #JDMap_pathPlan_pos_passby_clear_img,
#JDMap_patrolCarPath_lay #JDMap_pathPlan_pos_end_clear_img{

   /* position: absolute;
    right:20px;
    top: -5px;*/

}
.JDMap_patrolCarPath_pos_v{
    line-height: 30px;
    width: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    margin-bottom: 1px;
}

.JDMap_patrolCarPath{
  position: absolute;
    top: 5px;
    font-size: 12px;
    color: #999;
    left: 122px;
}