/*预报预警1-1*/
.main01{padding-bottom: 88px}
.main01 .prediction{height: 40px;border-bottom: 1px solid #dbdbdb}
.main01 .prediction a{display: block;float: left;margin-right: 1px;width: 120px;height: 40px;text-align: center;font-size: 16px;color: #aaaaaa;cursor: pointer;line-height: 40px;    background: url(/m2/i/hebei/public/hot-tit-bg.png) no-repeat center;}
.main01 .prediction a.on{color: #fff;background: url(/m2/i/hebei/public/hot-tit-bg2.png) no-repeat center;}
.main01 .scroll-play{padding: 16px 0 0;height: 20px;overflow: hidden;margin-bottom: 13px}
.main01 .scroll-play span.fl{display: block;width: 180px;float: left;height: 20px;font-size: 18px;color: #333;padding-left: 10px;border-left: 4px solid #0e638c;line-height: 20px}
.main01 .scroll-play ul li{height: 20px;line-height: 20px;font-size: 16px;color: #666}
.main01 .scroll-play ul li a{color: #666}
.main01 .scroll-play ul li a:hover{color: #ffbe00}
.main01 .scroll-play ul li img{display: block;width: 30px;height: 20px;float: left;margin-right: 10px}
.main01 .scroll-play #marquee{height: 20px;overflow: hidden;width: 650px;position:relative;}
.main01 .scroll-play .more{color: #ffbe00;font-size: 16px}
.main01 .mainL{width: 300px;border: 1px solid #e8e8e8}
.main01 .mainL h3{height: 40px;line-height: 40px;text-align: center;font-size: 20px;color: #fff;background: #ffbe00;width: 302px;margin: -1px 0 0 -1px}
.main01 .mainL .weather{padding: 10px 0; padding-bottom:0px;}
.main01 .mainL .facts{width: 149px;height: 160px;border-right: 1px solid #b4b4b4}
.main01 .mainL .facts h4{text-align: center;line-height: 17px;font-size: 14px;color: #666}
.main01 .mainL .facts .num{height: 32px;color: #333;margin-top: 10px;text-align: center;display: block}
.main01 .mainL .facts .num i{font-size: 14px;position: absolute;top: 5px;right: -10px;line-height: 14px}
.main01 .mainL .facts .num span{font-size: 32px;line-height: 32px;padding-right: 7px;display: inline-block;height: 32px;position: relative}
.main01 .mainL .facts .time{display: block;line-height: 30px;text-align: center;font-size: 12px;color: #aaaaaa}
.main01 .mainL .facts p.wind{height: 23px;line-height: 23px;padding-left: 43px;font-size: 12px;color: #666;background: url(/m2/i/hebei/public/wind-icon.png) no-repeat 19px center}
.main01 .mainL .facts p.humidity{height: 23px;line-height: 23px;padding-left: 43px;font-size: 12px;color: #666;background: url(/m2/i/hebei/public/humidity-icon.png) no-repeat 19px center}
.main01 .mainL .prediction2{width: 149px;height: 140px}
.main01 .mainL .prediction2 h4{text-align: center;line-height: 17px;font-size: 14px;color: #666}
.main01 .mainL .prediction2 .status{text-align: center;height: 56px;padding-top: 15px;width:150px;}
.main01 .mainL .prediction2 .status img{display: inline-block;vertical-align: top;margin: 0 10px}
.main01 .mainL .prediction2 p.wind{height: 23px;line-height: 23px;padding-left: 43px;font-size: 12px;color: #666;background: url(/m2/i/hebei/public/wind-icon.png) no-repeat 19px center}


.main01 .mainL .prediction2 p.wdj{height: 23px;line-height: 23px;padding-left: 43px;font-size: 12px;color: #666;background: url(/m2/i/hebei/forecast/wdj.png) no-repeat 19px center}

.main01 .mainL .prediction2 p.humidity{height: 23px;line-height: 23px;padding-left: 43px;font-size: 12px;color: #666;background: url(/m2/i/hebei/public/humidity-icon.png) no-repeat 19px center}
.main01 .mainL .trend{height: 40px;background: #e8e8e8;text-align: center;font-size: 20px;color: #333333;line-height: 40px}
.main01 .mainL ul li{height: 35px;line-height: 35px;overflow:hidden;color: #666;background: #f8f8f8;border-bottom: 1px solid #e8e8e8}
.main01 .mainL ul li:hover{background: url(/m2/i/hebei/public/arrow_triangle.png) no-repeat 24px center #fff}

.main02 .mainL ul li span i{
  width:17px;height:16px;float:left;margin-right:10px;
background:url(/m2/i/hebei/public/rate2.png) no-repeat;
  display:block;
}
.main02 .mainL ul li span i.m{
background:url(/m2/i/hebei/public/rate.png) no-repeat;
}

.main01 .mainL ul li a{display: block;padding-left: 44px;color: #666666}
.main01 .mainL ul li a i{
float:left;
display:block;}
.main01 .mainL ul li a i{
  width:54px;
float:left;
display:block;}
.main01 .mainL ul li a b{
 text-align:center;
float:left;
 width:110px;
  font-weight:normal;
display:block;}
.main01 .mainL ul li a span{
float:left;
display:block;}
.main01 .mainL ul li a span i{color: #ff5f5f;width:auto;}

.main01 .mainL ul li:hover a{background: #fff;color: #333;font-weight: }
.main01 .mainR{width: 697px;height: 598px;border: 1px solid #e8e8e8;border-left: none}
.main01 .mainR a,.main01 .mainR a img{display: block;width: 697px;height: auto}
 .main01 .mainR a img{display: block;width:auto;height: auto}
/*预报预警1-2*/
.main02{padding-bottom: 88px}
.main02 .prediction{height: 40px;border-bottom: 1px solid #dbdbdb}
.main02 .prediction a{display: block;float: left;margin-right: 1px;width: 120px;height: 40px;text-align: center;font-size: 16px;color: #aaaaaa;cursor: pointer;line-height: 40px;    background: url(/m2/i/hebei/public/hot-tit-bg.png) no-repeat center;}
.main02 .prediction a.on{color: #fff;background: url(/m2/i/hebei/public/hot-tit-bg2.png) no-repeat center;}
.main02 .city{height: 50px}
.main02 .city span{padding-left: 23px;background: url(/m2/i/hebei/public/palce-icpn.png) no-repeat left center;font-size: 18px;color: #333333;line-height: 50px}
.main02 .city span i{font-size: 14px;color: #0e638c;margin-left: 20px;cursor: pointer}
.main02 .city span i a{font-size: 14px;color: #0e638c;}
.main02 .mainL{width: 280px;border: 1px solid #e8e8e8}
.main02 .mainL h3{height: 40px;line-height: 40px;text-align: center;font-size: 20px;color: #fff;background: #ffbe00;width: 282px;margin: -1px 0 0 -1px}
.main02 .mainL ul li{height: auto;border-bottom: 1px solid #e8e8e8;padding-bottom:15px;}
.main02 .mainL ul li h4{line-height: 42px;font-size: 20px;color: #333333;padding-top: 8px;width: 246px;margin: 0 auto}
.main02 .mainL ul li span{font-size: 18px;color: #ffbe00; display:block;width: 246px;margin:0 auto;float:none;height:28px;}
.main02 .mainL ul li em{float:right;font-size:16px;}
.main02 .mainL ul li p{font-size: 16px;color: #666;line-height: 22px;width: 246px;margin: 0 auto}
.main02 .mainR{width: 715px;}
.main02 .mainR .future{height: 40px;line-height: 40px;text-align: center;font-size: 18px;color: #043567;background: #f8f8f8}
.main02 .mainR ul{width: 721px}
.main02 .mainR ul li{width: 100px;float: left;margin-right: 3px;cursor:pointer;}
.main02 .mainR ul li .date{height: 60px;background: #eef7fd;text-align: center;border-bottom: 2px solid #0e638c}
.main02 .mainR ul li .date p{font-size: 16px;color: #999999;line-height: 26px}
.main02 .mainR ul li .date h5{font-size: 18px;color: #333333;line-height: 23px;padding-top: 7px}
.main02 .mainR ul li .weather-details{height: 290px;overflow:hidden;border: 1px solid #e8e8e8;background: #f8f8f8;position: relative}
.main02 .mainR ul li .weather-details i.weather-icon{display: block;margin: 0 auto;width: 40px;height: 40px;}
.main02 .mainR ul li .weather-details i.weather-icon:first-child{margin: 20px auto 10px}
.main02 .mainR ul li .weather-details i.fx-icon{display: block;margin: 0 auto}
.main02 .mainR ul li .weather-details i.sj-down{position: absolute;bottom: -8px;left: 42px;display: none}

.main02 .mainR ul li .weather-details i.wind-icon{
	margin-left: 25px;
	float: left;
	display:block;
	width: 25px;
	height: 18px;
}
.main02 .mainR ul li .weather-details i.windIconR{
	margin-left: 0px;
}
.main02 .mainR ul li .state{font-size: 16px;color: #333;text-align: center;display: block;line-height: 50px}
.main02 .mainR ul li .temperature{font-size: 18px;color: #666666;line-height: 63px;display: block;text-align: center}
.main02 .mainR ul li .temperature i{color: #ff5f5f}
.main02 .mainR ul li .direction{display: block;text-align: center;line-height: 45px;color: #333;font-size: 16px;width: 100%;float: left;}
.main02 .mainR ul li.on .date{border-color: #ffbe00;background: #e0f3ff}
.main02 .mainR ul li.on .weather-details{background: #fff}
.main02 .mainR .broken{height: 299px;border: 1px solid #e8e8e8;margin-top: 2px;overflow:hidden}
.main02 .mainR .broken h3{text-align: center;font-size: 18px;color: #043567;line-height: 40px}
.main02 .mainR .broken .time{width: 721px}
.main02 .mainR .broken .time span{display: block;width: 89px;float: left;margin-right: 0px;text-align: center}
.main02 .mainR .broken .time span i{display: block;line-height: 33px;padding-top: 6px;font-size: 16px;color: #333}
.main02 .mainR .broken .time span i.weather-icon{width:40px;height:40px;margin:0 auto;}
.main02 .mainR .broken #fs1 .time span{width:62px;}
.main02 .mainR .broken #fs1 .manner span{width:62px;}
.main02 .mainR .broken #fs1 .manner{width:1500px;}
.main02 .mainR .broken #fs1 .time { width:1500px;}
.main02 .mainR .broken .charts{height: 100px;width: 100%;margin-top: 15px;}
.main02 .mainR .broken .manner span{display: block;width: 89px;float: left;margin-right: 0px;text-align: center}
.main02 .mainR .broken .manner span i{display: block;text-align: center;line-height: 24px;font-size: 14px;color: #999999}
.manner{height:70px;}
.yj{
	height:40px;
	line-height:40px;
	margin-left:10px;}
.yj p a{
	font-size:14px;
	}
.yj p img{
	margin-right:5px;} 
 .cityMap01{
	width: 100px;
	height: 120px;
	line-height: 120px;
	
	top: 210px;
	left: 135px;
 
}
.cityMap02{
	width: 120px;
	height: 76px;
	line-height: 102px;
	
	top: 275px;
	left: 240px;

}
.cityMap03{
	width: 175px;
	height: 168px;
	line-height: 168px;

	top: 16px;
	left: 224px;

}
.cityMap04{
	width: 115px;
	height: 67px;
	line-height: 67px;
	
	top: 414px;
	left: 133px;
  
}
.cityMap05{
	width: 70px;
	height: 91px;
	line-height: 91px;

	top: 315px;
	left: 220px;
 
}
.cityMap06{
	width: 58px;
	height: 116px;
	line-height: 81px;

	top: 189px;
	left: 253px;
 
}
.cityMap07{
	width: 72px;
	height: 81px;
	line-height: 81px;

	top: 141px;
	left: 371px;
  
}
.cityMap08{
	width: 107px;
	height: 92px;
	line-height: 92px;
	
	top: 298px;
	left: 126px;

}
.cityMap09{
	width: 75px;
	height: 106px;
	line-height: 106px;
	
	top: 158px;
	left: 318px;
 
}
.cityMap10{
	width: 114px;
	height: 73px;
	line-height: 73px;
	
	top: 358px;
	left:146px;

}
.cityMap11{
	width: 138px;
	height: 180px;
	line-height: 180px;
	
	top: 65px;
	left: 124px;

}
    .cityMap12{
      width: 33px;

height: 32px;

line-height: 32px;

top: 260px;

left: 233px;	

}                
                    
.cityMap001{
	
	background: url(/m2/i/hebei/public/cityMap01.png)no-repeat center center;
	
}
.cityMap002{

	background: url(/m2/i/hebei/public/cityMap02.png)no-repeat center center;

}
.cityMap003{
	
	background: url(/m2/i/hebei/public/cityMap03.png)no-repeat center center;
	
}
.cityMap004{

	background: url(/m2/i/hebei/public/cityMap04.png)no-repeat center center;
	
}
.cityMap005{

	background: url(/m2/i/hebei/public/cityMap05.png)no-repeat center center;
	
}
.cityMap006{

	background: url(/m2/i/hebei/public/cityMap06.png)no-repeat center center;
	
}
.cityMap007{

	background: url(/m2/i/hebei/public/cityMap07.png)no-repeat center center;
	
}
.cityMap008{
	
	background: url(/m2/i/hebei/public/cityMap08.png)no-repeat center center;
	
}
.cityMap009{

	background: url(/m2/i/hebei/public/cityMap09.png)no-repeat center center;
	
}
.cityMap010{
	
	background: url(/m2/i/hebei/public/cityMap10.png)no-repeat center center;

}
.cityMap011{

	background: url(/m2/i/hebei/public/cityMap11.png)no-repeat center center;

}
                                      .cityMap012{

	background: url(/m2/i/hebei/public/cityMap12.png)no-repeat center center;

}
.cityMap{
	position: absolute;
	text-align: center;
	font-size: 12px;
	color: #547EAC;
	z-index: 9;
}
.cityMap span{
	position: relative;
}
.cityMap06 span{
	top: 30px;
}
.cityMap07 span{
	left: 8px;
}
.cityMap:hover{
	z-index: 10;
	color: #fff;
	cursor: pointer;
} 
                                      
                                      
.status .dayIcon {
    float: left;
    height: 45px;
    margin:0px 15px;
    width: 45px;
} 
.city b{
 display: block;
    float: right;
    font-size: 14px;
    font-weight: normal;
    height: 50px;
    line-height: 50px;} 
  .fbsj{
    position:absolute;
    right:10px;
    bottom:10px;
 display: block;
    float: right;
    font-size: 14px;
    font-weight: normal;
    height: 50px;
    line-height: 50px;}