@charset "utf-8";
/* CSS Document */

html{height:100%}  
body{height:100%;margin:0px;padding:0px;font-size: 12px;} 
 
#container{height:100%} 
.icon{    background: url("../images/icon.png") no-repeat;display:block;width:36px;height:29px;}
.citybox{position:absolute;top:45px;right:15px;z-index:100;}
.citybox .t{width:100px;display:inline-block;padding:5px;background: #fff;position:relative;padding-right:25px;cursor:pointer;border-radius: 3px;border: 1px solid #ccc;}
.down{position:absolute;background:url("../images/j3.png") no-repeat;width:12px;height:12px;top:8px; margin-left: 6px;}
.triff{ float:right;height: 18px; width: 30px; background-position: -46px -378px; margin-top: 3px;}
.close{position:absolute;right:15px;top:5px;width:12px;height:12px;}
.close_icon{background-position:-59px -144px;width:12px;height:12px;}
.allcity{background:#fff;width:235px;height:332px;margin-top:5px;display: none;border: 1px solid #ccc;}
.city_search{    padding: 0px 0px 0 5px;height:15px;}
.city_search input {height:20px;width:150px;padding:0 5px;line-height:20px;background:#fff;border:1px solid #d5d5d5;}
.city_search button{background:url("../images/btnsearch.png") no-repeat;width:47px;height:23px;margin:0 5px;cursor:pointer;}
.hot_city{margin:0 5px;padding:5px;border-bottom:1px solid #eee;}
.citybox a{margin:0 5px 0 0;color:#30a9d8;font-size:12px;}

.citybox .ci{margin:5px 10px;overflow-y:auto;height:240px;overflow-x:hidden;}
.citybox .ci a.s{color:#666;}
.citybox .ci p{line-height:1.5em;padding:5px 0;}

.citysearch{width:212px;background:#fff;height:35px;position:absolute;top:40px;left:5px;border:1px solid #ededed;overflow:auto;display: none;}
.citysearch ul{ padding-left: 2px;}
.citysearch li{padding:0;height:30px;overflow:hidden;margin-top: -10px}
.citysearch li a{width:100%;padding:0 10px;color:#636363;height:30px;display:block;overflow:hidden;cursor:pointer;white-space:nowrap; text-overflow:ellipsis;}
.citysearch li a:hover{background:#eee;}
.citysearch li span{color:#30a9d8;}

/**/
.control_wrap_box{ position:absolute; top:10px; right:0%; z-index:100; width:250px;}
.control_wrap_box_select{ position:absolute; top:10px; z-index:100; width:300px;float:left; margin-left:10px; border:1px solid #FFFFF;background:#fff;display:none}
#panel{position:absolute; top:45px; z-index:100; width:300px;float:left; border:1px solid #FFFFF;background:#fff;}
input{border-left:0px;border-top:0px;border-right:0px;border-bottom:1px ;width:230px;height:30px;outline:none}
button{border-left:0px;border-top:0px;border-right:0px;border-bottom:1px ;height:30px;outline:none}
.control_wrap{ background-color:#fff; border-radius: 2px; padding:5px 0 3px; float:left; box-shadow: 1px 2px 1px rgba(0,0,0,0.15);}
.control_wrap a{ color:#666; text-decoration:none; font-size:12px; padding:0 12px; height:20px; line-height:20px; display:inline-block;}
.control_wrap a:hover{ color:#579AFC;}
.control_wrap a em,.control_wrap a span{float:left;}
.control_wrap .weather{float:left; border-right:1px solid #eee;}
.control_wrap .weather em{display:inline-block; width:18px; height:20px; }
.control_wrap .citychangeopt,.control_wrap .trafficopt{ float:left; border-right:1px solid #eee;}
.control_wrap .citychangeopt em{ display:inline-block; width:18px; height:20px; background:url(../images/newtools.png) -5px 0px no-repeat;}
.control_wrap .citychangeopt a.active em{background:url(../images/newtools.png) -5px -20px no-repeat;}

.control_wrap .event{ float:left; border-right:1px solid #eee;}
.control_wrap .event em{ display:inline-block; width:18px; height:20px; background:url(../images/newtools.png) -5px 0px no-repeat;}
.control_wrap .event a.active em{background:url(../images/newtools.png) -5px -20px no-repeat;}

.control_wrap .trafficopt em{ display:inline-block; height:20px; width:17px; background:url(../images/newtools.png) -11px -40px no-repeat;}
.control_wrap .trafficopt a:hover em{background:url(../images/newtools.png) -11px -60px no-repeat;}
.control_wrap .indexopt{ float:left;}
.logo_box{ position:absolute; left:5px; bottom:1px; z-index:100; margin-bottom:0px; width:77px;height:32px; background:url(../images/logo_150.png) no-repeat; }

.amap-logo img{ 
width:67px;
height:25px;
border:none;
vertical-align:baseline!important;
} 
.amap-copyright { 
display: none; 
left: -500px; 
height: 0px; 
font-size: 0px; 
}




#tip {
	height: 35px;
	background-color: #fff;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #969696;
	position: absolute;
	font-size: 12px;
	bottom: 20px;
	border-radius: 3px;
	line-height: 45px;
	margin-bottom:15px;
	margin-left:10px;
        }
		
#tip_app {
	height: 35px;
	/*background-color: #fff;*/
	/*padding-left: 10px;*/
	padding-right: 10px;
	/*border: 1px solid #969696;*/
	position: absolute;
	font-size: 12px;
	bottom: 20px;
	border-radius: 3px;
	line-height: 45px;
	margin-bottom:15px;
	margin-left:10px;
	display:none;
        }


.map_popup{
    position: absolute;
    top: 45px;
    right: 250px;
    display: block;
}

.map_popup .popup_main{    
	border: 1px solid #cdcdcd;
    z-index: 100;
    position: absolute;
    background: #fff;
    overflow: hidden;
    }
.traffic_Panel {
    background: #fff;
    border: 0;
}

.traffic_title {
    border-bottom: #dadada solid 1px;
    height: 25px;
}
.tarffic_ss_con {
    position: relative;
    width: 124px;
    color: #4d4d4d;
    padding: 5px 0 0 5px;
    font-weight: 700;
}
.traffic-legend-cont {
    top: 5px;
    right: 30px;
    position: absolute;
}
.traffic-legend {
    color: #fff;
    padding: 1px;
    border: 0;
    margin-right: 1px;
}
.level1 {
    background-color: #b00;
}

.level2 {
    background-color: #f23030;
}
.level3 {
    background-color: #ff9f19;
}
.level4 {
    background-color: #17bf00;
}
.traffic_Panel .traffic_content {
    padding: 5px;
    height: 20px;
}
.update_lbl, .update_time {
    float: left;
    color: #666;
    padding-right: 10px;
}
.update_lbl, .update_time {
    float: left;
    color: #666;
}
.traffic_content .update {
    float: left;
    width: 13px;
    height: 14px;
    background: url(../images/update.gif) no-repeat -12px -18px;
    margin-left: 5px;
    cursor: pointer;
}
table.traffic_forecast {
    font-size: 12px;
    display: none;
    color: #6688ca;
    margin: 20px auto 5px;
    width: 233px;
}
.map_popup button {
    position: absolute;
    z-index: 50;
    top: 7px;
    right: 6px;
    width: 12px;
    height: 12px;
    background: url(../images/close.gif) no-repeat;
    border: 0;
    cursor: pointer;
}



.triff_event{
	 z-index: 100;
    background: #fff;
    border: 1px solid #ededed;
    float: right;
    right: 71px;
    position: absolute;
    top: 46px;
    width: 140px;
    display: none;
}

.triff_event p{
	clear: both;
    height: 10px;
    padding: 3px 10px;
}
.triff_event input{
	    float:left;
        margin-top: 2px;
}
.triff_event span{
	padding-left:10px;
	 float:left;
}