@charset "utf-8";

*{
	margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    
}
img{
	border:none;
}

/*html, body{
	width: 100%;
    height: 100%;
    
}*/
body{
	min-width: 1280px;
	font-family: "微软雅黑";
	overflow-y: hidden;
	font-family: Avenir,Helvetica,Arial,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /*width: 100vw;
    height: 100vh;*/
    overflow-x: hidden;
}
div{
	border:0;
}

ul, ol{
	list-style:none;
}

/*标题*/
.header{
	position: absolute;
    top: 30px;
    left: 280px;
    width: 260px;
    height: 486px;
    color: #fff;
    border-bottom: 1px solid #d3d3d3;
    z-index: 9999;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    display: none;
}
.header img{
	float: left;
	width:100%;
	heihgt: 100%;
}
.title{
	margin-top: 40px;
    float: right;
    right: 12%;
    color: #f1d325;
    position: absolute;
}
.tips{
	border-radius: 5px;
    font-size: 14px;
    cursor: pointer;
    background: #5698e2;
    position: absolute;
    right: 25px;
    width: 50px;
    height: 30px;
    top: 15px;
    line-height: 30px;
}

/*地图*/
#map{
    position: absolute;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    border: none !important;
   
}
.leaflet-top, .leaflet-bottom {
    display: none !important;
}

/*地图说明内容*/
.maptop-right{
	width: 260px;
    z-index: 9999;
    position: absolute;
    top: 46px;
    right: 10px;
    background: #5698e2;
    border-radius: 5px;
    font-size: 14px;
    color: #fff;
    display: none;
}
.maptop-right p{
	padding:5px;
}
/*地图左下角审图号、logo*/
.mapbox-left{
	position: absolute;
	bottom: 5px;
	left: 10px;
	z-index: 9999;
}
.mapbox-left span{
	font-size: 12px;
	margin-left: 200px;
	z-index: 9999;
	
}
/*左侧列表*/
.tip{
	position: absolute;
    top: 83px;
    left: 240px;
    z-index: 1005;    
    font-size: 12px;
    z-index: 9999;
    color: #666;   
    display: none;
}
.left_tool{
    position: absolute;
    top: 30px;
    left: 20px;
    z-index: 1005;
    overflow: hidden;
    width: 260px;
    border-radius: 3px;
    background: #fff;
    box-shadow: 2px 5px 5px rgb(0 0 0 / 30%);
    -webkit-transition: .3s;
    transition: .3s;   
}

.tool_title {
	position: relative;
    z-index: 1;  
    box-shadow: 0 1px 1px rgb(0 0 0 / 30%);
    height: 40px;
}
.return{
	float: left;
    margin-left: 4px;
    width: 70px;
    height: 20px;
    margin-top: 12px;  
}
.return img{
	width: 100%;
	height: 100%;
}
.header_logo {
    float: left;
    margin-left: 10px;
    line-height: 40px;
    font-size: 18px;
    font-weight: 600;
    color: #4187e7;
}



.meun_display {
    float: right;
    margin-top: 13px;
    margin-right: 10px;
    width: 19px;
    height: 15px;
    border: none;
    background: url(../images/indexImg.png) -324px 0 no-repeat;
    cursor: pointer;
    text-align: center;
}
.meun_display:hover {
    background-position: -834px 0;
}

.classify-tool{
	/*display:none;*/
}
.subjectTree{
	position: relative;	
    overflow: auto;
    margin: 0 auto;
    padding: 0;  
    height: 550px; 
}
.clear_all{
	margin-left: 140px;
    color: #999;  
    font-size: 12px;
    -webkit-transform: scale(0.90);
   /*font-style: italic;*/
    cursor: pointer;
}
.clear_all:hover{
	color: #3f88e7; 
}
.children_lv1 {
    margin: 2px 5px 0 5px;    
    border: 1px solid #eee;
}
.lv1_title{
	display: block;
    padding-left: 5px;
    
    color: #000;
    line-height: 30px;
    font-size: 14px;
}
.active .lv1_title {
    background: #eaf1fb;
    color: #4187e7;
}  
.lv1_title:hover {
    background: #eaf1fb;
} 

.triangle_down {
    float: right;
    display: block;
    margin-top: 10px;
    margin-right: 10px;
    width: 9pt;
    height: 7px;
    background: url(../images/indexImg.png) no-repeat;
    background-position: -39px 0;
    transition: .1s;
}

 .ischecked .checkbox {
    background-position: -78pt 0;
}
.ischecked{
    background: #f6f6f6;
}
.ischecked .lv2_info{
	height: auto;
}
.lv2_info {
    overflow: hidden;
    padding-left: 25px;
    height: 0;
    transition: .3s;
    font-size: 12px;
}
/*点图�?/
.marker_legend1 {
    width: 10px;
    border-radius: 50%;
    height: 10px;
}
/*线图�?/
.marker_legend0 {
    width: 24px;   
    height: 4px;
}
/*线图�?/
.marker_legend2 {
    width: 24px;   
    height: 4px;
}
/*面图�?/
.marker_legend3 {
    width: 18px;
    height: 14px;
    opacity: 0.6;
}
/*面图�?/
.marker_legend5 {
    width: 18px;
    height: 8px;  
    
}



/*增加滚动条样�?/
.div-ul{           
    overflow-x: auto;
    overflow-y: auto;
}
        /* 滚动条整体部�?*/
.div-ul::-webkit-scrollbar{
     width: 6px; /* 纵向滚动条宽�?*/
     height: 6px;/* 横向滚动条高�?*/
      background-color: #F5F5F5; /* 滚动条整体背景，一般被覆盖着 */
}
        /* 滚动条里面的滑块 */
.div-ul::-webkit-scrollbar-thumb{
     border-radius: 5px; /* 滚动条滑块圆�?*/
     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); /* 滚动条滑块阴�?*/
     background-color: #eceff0; /* 滚动条滑块颜�?*/
}
        /* 滚动条的轨道（里面装有Thumb�?*/
.div-ul::-webkit-scrollbar-track{
    /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  滚动条轨道阴�?*/
     border-radius: 5px; /* 滚动条轨道圆�?*/
     background-color: #F5F5F5; /* 滚动条轨道背�?*/
}

.lv1_content{
	display: none;
}
.children_lv2 {
    padding: 0 15px;
}
.lv2_title {
    position: relative;
    display: block;
    padding: 7px 0;
    color: #000;
    line-height: 1pc;
}
.checkbox {
    float: left;
    display: block;
    margin-top: 1px;
    width: 14px;
    height: 14px;
    background: url(../images/indexImg.png) -90px 0 no-repeat;
}
.lv2_content {
    padding-left: 5px;
    font-size: 13px;
}
.ischecked {
    background: #f6f6f6;
}
.ischecked .checkbox {
    background-position: -78pt 0;
}

/*收起工具�?/
.down_up {	
	display: none;
    clear: both;
    width: 100%;
    height: 31px;
    border-top: 1px solid #eee;
    background: #fff;
    text-align: center;
    cursor: pointer;
}
.down_up:hover{
	background: #eaf1fb;
}
.down_up_btn {
    display: inline-block;
    margin-top: 11px;
    width: 0;
    height: 0;
    border-top: none;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #ccc;
    border-left: 8px solid transparent;
}


/*列表线路说明*/
.travel_map_info{
	width: 260px;
    top: 66px;
    left: 200px;
    position: absolute;
    background: #fff;
    opacity: 0.8;
    z-index: 9998;
    box-shadow: 2px 2px 10px #bbb;   
    border-radius: 10px;
    display: none;
}
.travel_map_info p{
    font-size: 12px;
    padding-left:10px;
    padding-right:3px;
    padding-bottom:3px;
    line-height: 20px;
    text-indent:2em;
    float:left;
}
.close{
	float: right;
    width: 12px;
    margin: 3px;
    cursor: pointer;
}

/*地图切换*/
.tabc{
	position: absolute;
    width: 110px;
    height: 52px;
    bottom: 15px;
    right: 2%;
    z-index: 9999;
}
.tabc ul li{
	float: right;
    width: 50px;
    box-shadow: 1px 1px 1px #bbb;
    background-color: #fff;
    cursor:pointer;
}
.image{
	margin-right: 10px;
	display: none;
}
.ditu{
	background-color: #a6bff1;
}
.tabc ul li img{
	width: 100%;
	height: 40px;
}
.icon_name{
	width: 100%;
	height: 12px;
	text-align: center;
	font-size: 10px;
    line-height: 12px;
    letter-spacing: 3px;
}
.tabc ul li:hover{
	filter: alpha(Opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.tabc ul li:hover img{
	filter: alpha(Opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
/*放大缩小地图*/
.zoom{
	position: absolute;
    right: 2%;
    bottom: 80px;
    z-index: 9999;
}
.zoom ul li{
    width: 20px;
    height: 20px;
    margin-bottom: 2px;
    background-color: #fff;
    box-shadow: 2px 2px 10px #bbb;
    cursor: pointer;
}
.zoomin img{
    margin-left: 5px;
    margin-top: 1px;
    width: 12px;
    cursor: pointer;
}
.zoomin img:hover{
	filter: alpha(Opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.zoomout img{
	margin-left: 5px;
    width: 12px;
    height: 2px;
}
.zoomout img:hover{
	filter: alpha(Opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
/*地图工具*/
.tools{
	position: absolute;
    top: 40px;
    right: 2%;
    width: 60px;
    height: 28px;
    background-color: #fff;
    box-shadow: 2px 2px 10px #bbb;
    cursor: pointer;
    z-index: 1005;
}
.tools:hover{
	filter: alpha(Opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.tools-pic{
	float: left;
    height: 18px;
    width: 18px;
    margin-top: 5px;
    margin-left: 8px;
    background-image: url(../images/toolsbox.png);
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
}
.tools i{
	float: left;
    font-size: 12px;
    font-style: normal;
    height: 30px;
    line-height: 30px;
    margin-left: 5px;
    color: #000;
    display: inline-block;
}
.tools-box{
	position: absolute;
    top: 70px;
    right: 20px;
    width: 60px;
    z-index: 1005;
    background-color: #fff;
    box-shadow: 2px 2px 10px #bbb;
    display: none;
}
.tools-box ul{
	width: 100%;
	height: 100%;
}
.tools-box ul li{
	width: 100%;
	height: 30px;
	cursor: pointer;
	text-align: center;
}
.tools-box ul li span{
	float: left;
	height: 20px;
    width: 20px;
    margin-top: 7px;
    margin-left: 5px;
    display: block;
    background-repeat: no-repeat;
/*     background-size: cover; */
}
.distance-measure{
	 background-image: url(../images/distanceMes.png);
	 margin-top: 10px !important;
}
.area-measure{
	 background-image: url(../images/areaMes.png);
}
.clearallfeatures{
	 background-image: url(../images/clear.png);
}
.maptoimg{
	 background-image: url(../images/maptoimg.png);
}
.sharepage{
	 background-image: url(../images/share.png);
	 margin-top: 8px !important;
}

.tools-box ul li i{
	float: left;
	margin-left: 5px;
	font-size: 12px;
    font-style: normal;
    height: 30px;
    line-height: 30px;
}
.tools-box ul li i:hover{
	color: #28447b;
}

/*分享*/
.map-popup{
    position: absolute;
    z-index: 1004;
    width: 282px;
    height: 60px;
    top: 80px;
    right: 20px;
   display: none;  	
}
.popup-main{
	position:absolute;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: #fff;
    overflow: hidden;
    box-shadow: 1px 2px 1px rgba(0,0,0,0.15);
    border-radius: 5%;
}
.popup-title{
	border-bottom: 1px solid #dadada;
	height: 25px;
	line-height: 25px;	
	color: #4c4c4c;
	padding-left: 7px;
}
.popup-title p{
	font-size: 12px;
}

.popup-close{
	cursor:pointer;
	position: absolute;
	top: 5px;
	right: 6px;
	width: 10px;
	height: 10px;
	background: url(../images/close.png);
	background-size: 10px 10px;
	border: none;	
}
.popup-content{
	border: 0;
	background: #fff;	
}
.mapshare-container{
	padding: 6px 0 0 6px;
	white-space: normal;
}
.linktext{
	width: 214px;
	height: 21px;
	line-height: 21px;
	margin-top: 0;	
	border:1px solid #a6a6a6;	
	font-size: 12px;
}
.addFavorite{
	position: absolute;
    height: 22px;
    line-height: 22px;
    right: 5px;
    top: 32px;
    font-size: 12px;
    color: #c1a386;;
    cursor: pointer;
}
.addFavorite:hover{
	color: #fd502b;
}


/*右侧地图检索框*/
.search-bg {	
    position: absolute;
    top: 40px;
    right: 10%;
    width: 200px;
    height: 30px;
    background-color: #28447b;
    z-index: 1005;
}
.search{
    float: left;
    width: 194px;
    height: 24px;
    margin: 3px;
    /*border: 1px solid #28447b;*/
    background: #fff;
}
.intext {
    float: left;
    width: 80%;
    height: 24px;
    padding: 0;
    border: 0;
    outline: none;
    font-size: 12px;
    line-height: 24px;
}
.search_btn{
	display: block;
    width: 20px;
    height: 22px;
    background: url(../images/search_btn.png) no-repeat center;
    position: absolute;
    top: 4px;
    right: 10px;
    cursor: pointer;
}
.search_btn:hover{
	 background: url(../images/search_btn_hover.png) no-repeat center;
}


.search-list{
	display: none;
	position: absolute;
    top: 70px;
    right: 10%;
    width: 200px;
    background-color: #ffffff;
    opacity: 0.8;
    border: 1px solid #28447b;
    border-top: none;
    padding-left: 3px;
    padding-right: 3px;
    z-index: 10005;
 
}
.search-result{
	height: 420px;
}
.dmInfo{
	width: 100%;
	height: auto;
	float:left;
	display: none;
}
#dmInfo0:hover,#dmInfo1:hover,#dmInfo2:hover,#dmInfo3:hover,#dmInfo4:hover,#dmInfo5:hover,#dmInfo6:hover,#dmInfo7:hover,#dmInfo8:hover,#dmInfo9:hover{
	background-color: #E5DDDA !important;
}
.dmNum{
	width: 16px;
    float: left;
    min-height: 30px;
    font-size: 14px;
    font-weight: 600;
    line-height: 34px;
    margin-right: 4px;
}
.dmNum img{
	width:100%;
}
.dmName{
	cursor: pointer;
}
.dmName h4{	
	font-size: 12px;
    line-height: 16px;
    color: #28447b;
    font-weight: bolder;
}
.dmOrg{
	border-bottom: 1px dashed #28447b;       
    height: auto;
}
.dmOrg p{
	display: inline;
	font-size: 12px;	
	line-height: 14px;
}

#page_poi { 
  	float: right;
    margin-right: 10px;
}

/*地图上图标和弹出框位/
/*.leaflet-marker-icon{
	margin-top: -26px !important;
}*/

/*弹窗提示*/
.window-show{
	position: absolute;
    width: 150px;
    height: 120px;
    margin: 0 auto;
    top: 40%;
    left: 45%;
    
    box-shadow: 2px 4px 8px 2px #9bc0ea;
    display: none;
    z-index:1005;
}
.window-title{
	width: 100%;
	height: 30px;
	background: #5698e2;
}
.window-title p{
	float: left;
    /* width: 50px; */
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    font-weight: 800;
    font-family: "微软雅黑";
    padding-left: 10px;
}
.window-title-close{
	float: right;
    width: 10px;
    height: 10px;
    margin: 10px 10px 0 0;
    background: url(../images/close_light.png) 0 0 no-repeat;
    background-size: 10px 10px;
    cursor: pointer;
}
.window-content{
	width: 100%;
	height: 90px;
	background: #fff;
}
.window-content-info{
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	padding-top: 15px;
	text-align: center;
}
.window-content-btn{
	position: absolute;
    right: 20px;
    bottom: 5px;
    color: #fff;
    background-color:#5698e2;
    padding: 6px 10px;
    font-size: 12px;
    cursor: pointer;
    border: none;
    border-radius: 4px;
}
.window-content-btn:hover{
	box-shadow: 3px 3px 15px 0px rgba(0,0,0,0.24);
}

/*20211209 iserver*/
.leaflet-popup-content{
	position: relative !important;
	/*width:auto !important;*/
}

#heatmap{pointer-events: none;}
/*.leaflet-popup-tip-container {    
    margin-left: -70px !important;   
}*/