@charset "utf-8";
body, html{width: 100%;height: 100%;margin:0;font-family:"微软雅黑";}
img{
	max-width: 100%;
}
.map {
    /*width: 100%;*/
    height: 100%;
    overflow: hidden;
    font-family: "微软雅黑";
    font-size: 12px;
    line-height: 24px;
    margin: 0px 0px 0px 0px;
}
.anchorBL{display:none;}
.mapsmall{ font-size: 11px;margin-top: 4px;}

/*-----------图层控制 右悬靠----------*/
#right-container{
    width : 240px;max-height:360px;
    position:absolute;right:0px;top:200px;
	border-radius:2px;border:1px solid rgb(88,159,226);
	z-index:1;background:white;

	-webkit-transform : translateX(241px);
	-ms-transform:translateX(241px);
    -moz-transform : translateX(241px);
	-o-transform:translateX(241px);
	transform:translateX(241px);

	-webkit-transition:all 0.3s;
	-ms-transition:all 0.3s;
    -moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
}

#right-header{
	position:absolute;width:27px;
	left:-27px;top:20px;height:auto;cursor:pointer;
}

#right-container.show{
    -webkit-transform : translateX(0);
	-ms-transform:translateX(0);
    -moz-transform : translateX(0);
	-o-transform:translateX(0);
	transform:translateX(0);
}

#right-header .b-top{
	height:13px;width:27px;background:url(../Images/AQI/b-top.png) no-repeat;
}
#right-header .b-main{
	min-height:50px;width:27px;background:url(../Images/AQI/b-main.png) repeat-y;text-align: center;line-height: 20px;
}
#right-header .b-bottom{
	height:13px;width:27px;background:url(../Images/AQI/b-bottom.png) no-repeat;
}
#right-container .title {
    color:white;font-size:15px;
}

/*----------图层控制 左悬靠----------*/
#left-container{
    width : 120px;
	position:absolute;left:1px;
	border-radius:2px;border:1px solid rgb(88,159,226);
	z-index:1;background:white;

	-webkit-transform : translateX(-123px);
	-ms-transform:translateX(-123px);
    -moz-transform : translateX(-123px);
	-o-transform:translateX(-123px);
	transform:translateX(-123px);

	-webkit-transition:all 0.3s;
	-ms-transition:all 0.3s;
    -moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
}
#left-container-header{
	position:absolute;width:27px;
    right: -27px;height:auto;cursor:pointer;
}
#left-container.show{
	-webkit-transform:translateX(0);
	-ms-transform:translateX(0);
    -moz-transform:translateX(0);
	-o-transform:translateX(0);
	transform:translateX(0);
}

#left-container-header .b-top{
	height:12px;width:27px;background:url(../Images/AQI/b-bottom2.png) no-repeat;
}
#left-container-header .b-main{
	min-height:30px;width:27px;background:url(../Images/AQI/b-main.png) repeat-y;text-align: center;line-height: 20px;
}
#left-container-header .b-bottom{
	height:12px;width:27px;background:url(../Images/AQI/b-top2.png) no-repeat;
}
#left-container .title{
	color:white;font-size:15px;
}
.container-main{
	width:100%;height:100%;border:none;
}

    .Env_Nav {width: 100%;height: 52px;background-color:#499eea;}
    #EMT_nav {margin: 0 0 0 0;height: 52px;background-color: #499eea;background: url(../Images/envlog.png) no-repeat;}
    #EMT_nav ul{background: #499eea;}
    #EMT_nav div, #EMT_nav ul, #EMT_nav li {padding: 0;margin: 0;}
    #EMT_nav ul li{ float: right;}
    a.iconbg4 {background: url(../images/navicon3.png) no-repeat 15px 13px;}
    #EMT_nav ul li a {font-family: 微软雅黑;font-size: 16px;text-align: center;text-indent:30px;color: rgb(255, 255, 255);width: 130px;float: left;height: 50px;line-height: 50px;}
    #EMT_nav li.current, #EMT_nav li:hover{ background: #026cd0;}

@-webkit-keyframes local{
	0%{opacity:1;width:80px;height:60px;}
	80%{opacity:1;width:16px;height:16px;}
	100%{opacity:1;width:16px;height:16px;}
}


    

    .map_win{margin: 0px;padding:0;}
    .map_win_title{margin: 0px;padding: 4px 8px;font-size: 12px;line-height: 18px;text-align: center;}
    .map_win_div{ padding: 0px 0px;margin-top: 3px;}
    .map_win_tb{ width: 100%;}
    .map_win_tb tr td{ padding: 4px 2px;font-size: 12px;line-height: 16px;border-bottom: 1px #AAAAAA solid;}

    .map_legend {position: relative;}
    .map_legend_condition_div{ background: #ECF9FF;color: #333333;margin-top: 0px;display: none;position: absolute;top: 15px;left: 0px;}
    .map_legend_condition_tb tr td{ text-align: center;align-content: center;border-bottom: 1px #bbbbbb solid;font-size: 12px;line-height: 14px;padding: 5px 3px;}
    .map_legend_condition_title td{font-size: 14px;line-height: 18px;font-weight: 700;background-color: #D64848;color:#ffffff}