*{

	box-sizing: border-box;

}

.weather{

	background: url(../img/weather/weather_bg.jpg) no-repeat left top;

	background-size: 100%;

	color: #ffffff;

	display: inline-block;

	width: 1080px;

	height: 160px;

	padding: 10px 16px;

}



.today .weather_left{

	margin-right: 28px;

}

.today_climate .weather01 img{

	height: 75px;

}

.today .weather_right{

	text-align: center;

}

.today .weather_right ._top{

	font-size: 20px;

}

.today .weather_right ._middle{

	margin: 20px 0;

}

.today .weather_right ._middle .temperature{

	font-size: 48px;

	line-height: 1em;

}

.today .weather_right ._middle .centigrade{

	font-size: 18px;

	vertical-align: top;

}

.today .today_humidity{

	text-align: center;

}

.today .today_humidity img{

	max-width: 100%;

	width: 16px;

}

.today .today_humidity .humidity-number{

	margin-left: 8px;

	font-size: 24px;

	font-weight: bold;

	vertical-align: middle;

}



.today .today_temperature{

	zoom: 1;

}



.today .today_temperature:after{

	content: ".";

	width: 0;

	height: 0;

	visibility: hidden;

	display: block;

	clear: both;

	overflow:hidden;

}

.min-temperature, .max-temperature{

	width: 50%;

	float: left;

	font-size: 16px;

	

}

.min-temperature .min-number, .max-temperature .max-number{

	vertical-align: middle;

	margin-left: 5px;

}



.future{

	margin-left: -2px;

}

.future_box  li{

	float: left;

	margin: 0 21px;

	width: 83px;

	text-align: center;

}

.future_box  li:nth-last-child(1){

	margin-right: 0;

}

.future .future_weather{

	margin-top: 10px;

	height: 60px;

}

.future .future_weather span{

	display: block;

	width: 60px;

	margin: 0 auto;

}

.future .future_weather span img{

	width: 100%;

}



.max_temperature{

	font-size: 24px;

}

.min_temperature{

	font-size: 16px;

}

.future p{

	margin-top: 6px;

}

.future_box .week{

	padding-left: 8px;

	font-size: 18px;

}

.weather-container{

	background: url(../img/weather/weather_bg.jpg);

	width: 1080px;

}

.weather-container .today_weather .today_date{

	font-size: 24px;

	text-align: center;

	color: #ffffff;

}

.weather-container .today_weather .today_date .same-month{

	display: inline-block;

	margin-right: 14px;

	margin-left: 14px;

}

.weather-container .future-weather{

}

.weather-container .region{

	font-size: 22px;

	color: #ffffff;

	padding-left: 15px;

	margin-bottom: 16px;

}

.weather-container .weather-wrap{

	text-align: center;

}

.weather-container .weather-wrap li{

	display: inline-block;

	width: 150px;

	text-align: left;

	padding: 16px 30px;

}



.weather-container3 .weather-wrap li{

	padding: 16px 44px;

}

.weather-container .weather-wrap li:hover{

	background: rgba(87, 144, 197, .8)

}

.weather-container .weather-wrap li .future-date{

	font-size: 18px;

	color: #ffffff;

}

.weather-container .weather-wrap li .icon-wrap{

	width: 48px;

	height: 48px;

	margin-top: 10px;

	margin-bottom: 10px;

}

.weather-container .weather-wrap li .icon-wrap img{

	width: 100%;

}

.weather-container .weather-wrap li .temperature{

	color: #ffffff;

}

.weather-container .weather-wrap li .temperature .maximum{

	font-size: 30px;

	display: inline-block;

}

.weather-container .weather-wrap li .temperature .minimum{

	font-size: 18px;

	display: inline-block;

	margin-left: 8px;

}

.weather-container .tweather{

	text-align: center;

	position: relative;

	margin-top: 14px;

}

.weather-container .tweather>div{

	display: inline-block;

}

.weather-container .tweather .icon{

	width: 70px;

	height: 80px;

}

.weather-container .tweather .icon img{

	width: 100%;

}

.weather-container .tweather .temperature{

	color: #ffffff;

	vertical-align: middle;

	margin-left: 20px;

}

.weather-container .tweather .temperature .number{

	font-size: 42px;

}

.weather-container .tweather .temperature .letter{

	vertical-align: top;

	font-size: 18px;

}

.weather-container .warning-icon{

	text-align: center;

	margin-top: 20px;

}

.weather-container .warning-icon .warning-item{

	display: inline-block;

}

.weather-container .warning-icon .warning-item span{

	vertical-align: middle;

	color: #ffffff;

	margin-left: 7px;

	margin-right: 7px;

}

.weather-container .warning-icon .warning-item:nth-of-type(3){

	margin-left: 20px;

}



.weather-container3{

	width: 230px;

	height: 1080px;

	background: #377cb7;

}

.weather-container3 .today_weather{

	border-bottom: 3px solid #3c81bc;

	background: #387ab7;

}



.weather-container3 .today_weather .today_date{

	background: #377cb7;

	padding-top: 20px;

	padding-bottom: 20px;

	font-size: 18px;	

}

.weather-container3 .future-weather3{

	width: 100%;

	margin-top: 15px;

}

.weather-container .weather-wrap3 li{

	display: block;

	width: 100%;

}

.weather-container3 .region{

	padding-left: 0;

	text-align: center;

	margin-bottom: 0;

}

.weather-container .weather-wrap li .middle-wrapper .icon-wrap{

	display: inline-block;

	vertical-align: middle;

}

.weather-container .weather-wrap li .middle-wrapper .temperature{

	display: inline-block;

	vertical-align: middle;

}



.waring{

	text-align: center;

	margin: 0px 0 8px;

	max-width: 97px;

	display: inline-flex;
}

.waring img{

	height: 30px;
	padding-right: 10px;
}

.weather01{

	width: 94px;

	display: block;

	text-align: center;

}

.index-waring img{

	height: 35px;

	padding-right: 10px;

	/* display: table-cell; */
}

.weather .waring{display: inline-block;}
.weather .index-waring img{height: 22px;}