/* 24小时预报/10天天气预报 */
.hoursEcharts,.rainEcharts{
    height:180px;
	/* width:  1360px; */
	width:  1258px; margin-left: -175px;
}
.tempLegend,.rainLegend,.windLegend,.windLegend2,.weatherLegend,.weatherLegend2,.humidityLegend{
    display: flex;justify-content: center;margin-left: -39px;
	/* width: 1074px; */
	width: 994px;
}
.tendaysLegend,.tendaysLegend2,.tendaysLegend3 {
    display: flex;justify-content: center;height: 40px;
	width: 1054px;
}
.tendaysLegend2,.tendaysLegend3 {
	border-bottom: 1px solid #F2F2F2;
}
.tempLegend span{
    width: 42.5px;font-size: 14px;padding: 4px;color: #fff;text-align: center;margin-top: 10px;
}
.rainLegend span,.windLegend2 span,.weatherLegend span,.humidityLegend span{
    width: 42.5px;font-size: 14px;padding: 4px;color: #4A4E58;text-align: center;
}
.tendaysLegend span,.tendaysLegend2 span{
    width: 106px;font-size: 14px;padding: 0 4px;color: #4A4E58;text-align: center;
    line-height: 40px;
}
.windLegend img{
    width: 22.8px;text-align: center;
	margin: 4px 9.3px;padding: 2px;
	/* padding: 11px; */
}
.weatherLegend2 img{
    width: 32.8px;text-align: center;
	margin: 4px 4.3px;padding: 0 4px;
}
.tendaysLegend3 img{
    width: 32.8px;text-align: center;
	margin: 4px 10px;padding: 2px 4px;
}
.echartsBox{
    width: 1150px;height: 197px;padding: 0 20px;display: flex;position: relative;font-weight: bolder;
}
.echartsBox2 {
    width: 1150px;height: 107px;padding: 0 20px;display: flex;position: relative;font-weight: bolder;
}
.echartsBox3 {
    width: 1150px;height: 67px;padding: 0 20px;display: flex;position: relative;font-weight: bolder;
}
.legendContent {
    height: 197px;position: absolute;flex: 1;width: 994px;float: right;right: 0;
	border-left: 40px solid rgb(204,225,247);border-right: 40px solid rgb(204,225,247);
}
.legendContent2{
	height: 147px;width: 994px;float: right;right: 0;position: absolute;flex: 1;
	border-left: 40px solid rgb(204,225,247);border-right: 40px solid rgb(204,225,247);
}
.legendContent3,.legendContent4{
	height: 67px;width: 994px;float: right;right: 0;position: absolute;flex: 1;
	border-left: 40px solid rgb(204,225,247);border-right: 40px solid rgb(204,225,247);
}
.legendContent4{
	border: none;
	width: 1004px;
}
.legendDate {
	display: flex;font-size: 16px;justify-content: center;color: #4A4E58;height: 40px;justify-content: center;
}
.y,.y2 {
    width:100px;font-size: 14px; height: 197px;color: #4A4E58;text-align: center;position: absolute;margin-top: 98px;
}
.y2 {
    height: 127px;margin-top: 18px;
}
.y3,.y4,.y5{
	width:100px;font-size: 14px; height: 127px;color: #4A4E58;text-align: center;position: absolute;
}
.y4{
	height: 67px;padding: 5px 0;
}
.y5{
	width: 116px;
}
.yDate{
	height: 40px;line-height: 40px;
}
.yTime{
	height: 30px;line-height: 30px;
}
.y span{
	width: 100px;display: flex;align-items: center;justify-content: center;
}
span.noRain {
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#tooltip {
    color: #4A4E58;
	text-align: center;
	font-size: 12px;
	transform: translate(-18px, -28px);
	background: #fff;
	border-radius: 5px;
	padding: 5px 0;
	border: solid 1px #66b8f6;
	height: 30px;
	z-index: 999;
	display: block;
	width: 60px;
	height: auto;
	position: absolute;
}