.div_Map{
	height: 450px; 
	width: 100%;
}
/* 地图容器 */
#mapContainer {
  width: 100%;
  height: 400px; 
}

/* 时间轴 */
.timeline-container {
  width: 100%;
  height: 50px;
  z-index: 999;
  display:none;

}
 
	 
	.drawing-div{
		position: relative; 
 
	}
	        .drawing-panel {
	            z-index: 9999;
	            position: absolute;
	            top: 1rem;
	            margin-left: 1rem;
	            padding-left: 0;
	            border-radius: .25rem;
	            height: 30px;
				   /*  box-shadow: 1px 2px 1px rgba(0, 0, 0, .15);
	           box-shadow: 0 2px 6px 0 rgba(27, 142, 236, 0.5);*/
			    box-shadow: 0 2px 6px 0 rgba(27, 142, 236, 0.5);
				display:none;
				
	        }
				.drawing-panel.show {
					display:block;
				}
			.drawing-panel .bmap-polyline {
			    background-position: -195px 0;
			}
			.bmap-btn {
			    border-right: 1px solid #d2d2d2;
			    float: left;
			    width: 40px;
			    height: 100%;
			    cursor: pointer;
				background-color: #f5f5f5;
			}
			.bmap-btn.bmap-full{
				background: url(../icon/icon-fulls.png) #f5f5f5 no-repeat center center  ;
						 background-size:42%;
			}
			.bmap-btn.bmap-full.full{
				background: url(../icon/icon-full.png) #f5f5f5 no-repeat center center  ; background-size:42%;
			}
			.bmap-btn.bmap-rectangle{
				background: url(../icon/icon-shot.png) #f5f5f5 no-repeat center center  ;
				 background-size: 50%;
			}
		 
			.bmap-btn.bmap-rectangle.active{
				background-image: url(../icon/icon-shot-i.png);
				background-color: #2176b3;
			}
			.bmap-btn.bmap-search{
				background: url(../icon/icon-search.png) #f5f5f5 no-repeat center center  ;
					 background-size: 41%;
				} 
				#searchbox {
				    border-radius: 2px;
				    width: 360px;
				    position: absolute;
				    z-index: 5;
					top: 1rem;
					    margin-left: 1rem;
					    padding-left: 0;
						cursor: pointer;
					      z-index: 99999; 
						  display:none;
				}
					#searchbox.show{
						display:block;
					}
					#sole-searchbox-content {
						position: relative;
						pointer-events: auto;
						width: 260px;
						float: left;
						box-sizing: border-box;
						box-shadow: 1px 2px 1px rgba(0, 0, 0, .15);
					}
				.searchbox-content {
				    width: 268px;
				    border-radius: 2px 0 0 2px;
				    background: #fff;box-shadow: 0 2px 6px 0 rgba(27, 142, 236, 0.5);
				}	
			
				.searchbox-content .searchbox-content-common {
				    box-sizing: border-box;
				    float: left;
				    width: 229px;
				    height: 28px;
				}
				#sole-searchbox-content #sole-input {
					 
				    box-sizing: border-box;
				    border: 0;
				    border-left: 10px solid transparent;
				    border-right: 15px solid transparent;
				  
				    border-radius: 2px 0 0 2px;
					line-height: 28px;
					font-size: 14px;
					height:28px;
					color: #333;
					padding: 9px 0;
				}
				
				
				.searchbox-content .searchbox-content-button {
				    box-sizing: border-box;
				    float: left;
				    height: 28px;
				    width: 29px;
				    cursor: pointer;
				    position: relative;
				}
				.searchbox-content .searchbox-content-button.route-button {
				  background: url(../icon/icon-close.png) no-repeat center center;
				  background-size: 38%;
				}
				.search-i{
					border-left:1px solid #eee;
					height: 16px;
					line-height: 30px;
				}
				#searchbox #search-button {
					background: url( ../icon/icon-search-i.png) no-repeat center center;
				    pointer-events: auto;
				      width: 40px;
				    height: 28px;
				    float: left;
				    border: 0;
				    padding: 0;
				    cursor: pointer;
				    border-radius: 0 2px 2px 0;
				    box-shadow: 1px 2px 1px rgba(0, 0, 0, .15);
					background-color: #2176b3;
					background-size: 38%;
				}
				 .anchorBL{display: none;}
				 
			 
		.BMap_bubble_pop{ 
			padding: 0px 8px;
			    position: relative !important; 
			    cursor: default; 
			    width: 300px; 
				height: auto !important;
			 padding-bottom: 10px !important;
		}
		.BMap_bubble_center,.BMap_bubble_content{  height: auto !important;
		position: static !important;
		}
		.BMap_bubble_top{
			height: 21px !important;
		}
		.BMap_bubble_buttons{
			height: 20px !important;
			top: -6px !important;
			right:-6px !important
		}
		.BMap_bubble_title{
			height: 20px !important;
			line-height: 20px !important;
		}
		.BMap_bubble_content{
			max-height:200px;
			height: auto !important;
		}
		.conDesc{
			max-height:150px;
		  overflow: hidden; 
			text-overflow: ellipsis;
			font-size: 11px; 
			 max-height: calc(3 * 25px); /* 行数 * 行高 */
			    overflow: hidden;
				    line-height: 15px;
		}
		.BMap_bubble_pop img{
			width: 28px !important;
			
			    height: unset !important; 
			    bottom: -17px !important;
			     top: unset !important;
		}
		.BMap_Close{
		display: none;
			float: right;
			    position: absolute;
			    top: -2px;
			    right: 0px;
			    height: 30px;
		}
		.closeM{
			
		cursor: pointer;
    width: 32px;
    height: 30px;
    color: #ccc;
	
	}
	.closeM div{
		position:absolute;top:2px;right:12px;text-align:center;line-height:30px;-moz-user-select:none;cursor:pointer;z-index:10000;font-size:20px
	}
	.BMap_bubble_title a{
		color: #205e99;
		text-decoration: underline;
	}

.time-axis-wrapper {
	display: flex;
	align-items: center;
	user-select: none;
}

.arrow {
	width: 20px;
	height: 32px;
	border-radius: 6px;
	color: #888;
	font-size: 25px;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: background 0.2s;
}

	.arrow:hover {
		background: #4a4a4a;
	}

canvas {
	flex: 1;
	height: 100% !important;
	width: 100% !important;
	box-sizing: border-box;
}