html,body{
	width: 100%;
	height: 100%;
}
body{
	width: 100%;
	height: auto;
	overflow: hidden;
}
#iframe{
	/*background: url(../images/customization_bg.jpg) no-repeat center ;*/
	/*background-size:100% 100%;*/
	/*background-attachment: fixed;*/
}
.Wbbox *{
	margin-top:0!important;
	margin-bottom: 0!important;
	line-height:0.24rem!important;
}
.Close-weather:hover span{
	color:white;
}
.li9 *{
	line-height: 0.3rem!important;
}
.li9{
	margin-top:0.25rem!important;
}
h5.title{
	line-height: 0.5rem!important;
}
li{
	list-style-type:none;
}
.Wbbox{
	/*width: 1440px;*/
	width: 100%;
	height: 100%;
	/*height: 1024px;*/
	margin:0 auto;

}
.Close-weather{
	display: block;
	padding:0.45rem 0 0 0.49rem;
	color:#fff;
	line-height: 0.23rem;
	font-size:0.2rem;
	padding-bottom: 0.2rem;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 666;
	/*font-family:fzqk,hwst;*/
}
.Close-weather i{
	float:left;
	width: 0.23rem;
	height: 0.23rem;
	margin:0 0.16rem 0 0;
	background: url(../images/svg/icon_close_white.svg) no-repeat center center;
	background-size: 100% 100%;
}
.neirong{
	/*内容区*/
	margin:0.37rem auto 0;
	width: 11rem;

}
.kong_shiy{
	float:right;
	/*width: 1.4rem;*/
	/*font-family:fzqk,hwst;*/
}
.kong_shiy .b{
	/*background: #1e2c3e;*/
	background: rgba(30,44,62,0.7);
	color:#fff;
	text-align: center;
	margin:0 0 0.1rem 0;
	line-height: 0.5rem;
	font-size:0.16rem;
	padding: 0.1rem;
}
.kong_shiy .b i{
	display: inline-block;
	width: 28px;
	height: 28px;
	background: url(../images/icon_yez.png) no-repeat center center;
	background-size:100% 100%;
	vertical-align: middle;
	margin:0 6px;
}
.df{
	float:left;
	font-size:0.18rem;
	line-height:0.39rem;
	color:#fff;
	padding-bottom:0.3rem;
}
.df i{
	float:left;
	width: 15px;
	height: 17px;
	background: url(../images/icon_didian.png) no-repeat center center;
	background-size:100% 100%;
	margin:11px 12px 11px 2px;
}
.df span{
	line-height: 17px !important;
	height: 17px;
	float: left;
}
/*.df p{
	line-height: 0.18rem;
	font-size:0.14rem;
	color:#8e97a1;
}*/
.title{
	text-align: center;
	color:#fff;
}
p.title{
	font-size:0.18rem;
	line-height:0.39rem;
	/*font-family:fzqk,hwst;*/
}
h5.title{
	font-size:0.39rem;
	line-height:1.28rem;
	padding-bottom: 0.2rem;
}
h5.title sup{
	font-size:0.16rem;
}
h5.title sup sup{
	font-size:0.12rem;
}
.li5{
	overflow: hidden;
}
.li5 li{
	box-sizing: border-box;
	width: 20%;
	float:left;
	padding:0.26rem 0 0;

}
.li5 li i{
	float:left;
	margin:0 0 0 9px ;
	height: 0.76rem;
	width: 0.6rem;

}
.li5 li p{
	line-height: 0.38rem!important;
	color:#fff;
	font-size:0.16rem;
}
.li5 li .tem{
	background:url(../images/wearther/icon_weather_temperature.svg) no-repeat 0 0 / 100%;
}
.li5 li .wind{
	background:url(../images/wearther/icon_weather_wind.svg) no-repeat 0 0 / 100%;
}
.li5 li .humidity{
	background:url(../images/wearther/icon_weather_humidity.svg) no-repeat 0 0 / 100%;
}
.li5 li .uv{
	background:url(../images/wearther/icon_weather_uv.svg) no-repeat 0 0 / 100%;
}
.li5 li .sunrise{
	background:url(../images/wearther/icon_weather_sunrise_time.svg) no-repeat 0 0 / 100%;
}
.title_wendu{
	font-family:Gotham;
}
h6.title{
	font-size:0.16rem;
	text-align: left;
	line-height:1.67rem;
	margin:0.4rem 0 0;
	border-bottom: 2px solid rgba(255,255,255,0.1);
}
.li9{
	display: block;
	width: 12.15rem;
	margin:0 -0.575rem;
	overflow: hidden;
	padding-bottom: 0.4rem;
}
.li9 li{
	float:left;
	box-sizing: border-box;
	width: 1.35rem;
	text-align: center;
	color:#fff;
}
.li9 li h6{
	font-size:0.18rem;
	line-height: 0.86rem;
}
.li9 li i{
	display: inline-block;
	width: 40px;
	height: 40px;
}
.li9 li p{
	line-height: 0.87rem;
	font-size:0.18rem;
}
.li9 li .cloudy{/*多云*/
	background: url(../images/wearther/icon_weather_cloudy_day_white.svg) no-repeat center center;
	background-size:100% 100%;
}
.aa{
	display: none;
}
.mob-div1{
	padding-top: 1.5rem;
}
.bb{
	margin-top: 50px!important;
}
.weth-box{
	width:11rem;
	margin: 0.37rem auto 0;
}
.canb-box{
	position:absolute;
	left:0;
	top:0;
	overflow:hidden;
	width:280px;
	height:130px;
}
.jiaodu{
	width:26px;
	height:26px;
	background:url(../images/svg/icon_taiyang.svg) 0 0 no-repeat;
	background-size:cover;
	transform:rotate(443deg);
	transform-origin: 13px 151px;
	position:absolute;
	left:50%;
	top:-13px;
	margin-left:-13px;
}

@media (max-width: 768px) {
	.weth-box{
		width:100%;
		height: 100%;
	}
	.neirong{
		width: 100%;
		/*margin-top: 5px!important;*/
		margin-top: -20px!important;
	}
	.kong_shiy{
		width: 2.2rem;
	}
	.df{
		margin-top: 10px!important;
		padding-left: 0.4rem;
	}
	/*.df i{
		margin: 0;
	}*/
	/*.df p{
		font-size: 0.12rem;
		width: 120%;
	}*/
	p.title{
		clear: both;
		display: block;
		/*width: 100%;*/
    	text-align: left;
		padding-top: 1.05rem!important;
	}
	.title{
		text-align: left;
		margin-left: 0.4rem;
	}
	.li5-box{
		margin-top: -155px!important;
		padding-top:50px;
	}
	.li5 li{
		width: 25%;
	}
	.li5 li:last-child{
		width: 40%;
	}
	.li5 li:last-child i{
		    margin: 0 9px;
	}
	.li5 li i{
	    height: 0.9rem;
    	width: 0.9rem;
		/*background-size: 80% 80%;*/
	}
	.li5 li p{
		line-height: 0.45rem!important;
		/*float: left;*/
	}
	.weilai{
		margin: 0.2rem 5% 0!important;
		padding-bottom: 0.1rem;
		/*padding-left: 0.2rem;*/
		width: 90%;
	}
	.li9{
		margin: 0;
	}
	.mob{
		overflow-x: auto;
		padding-bottom: 0.3rem;
		/*display: none;*/
	}
	#wendu{
		width: 12.15rem;
		margin-left: 25px;
	}
	.kongqi_jy{
		display: none;
	}
	.kong_shiy .b {
	    padding-right: 0.4rem;
		/*opacity: 0.2;*/
		border-radius: 2px;
		background-color: rgba(66,73,78,0.2);
	}
	.no-no{
		display: none;
	}
	.li5{
		padding-top: 0.25rem;
		padding-bottom: 0.5rem;
		width: 90%;
		margin-left: 5%;
		border-top: 2px solid rgba(255,255,255,0.1);
		border-bottom: 2px solid rgba(255,255,255,0.1);
		/*margin-top: -105px!important;*/
	}
	.Wbbox{
		/*position: relative;*/
	}

	.mob-div1{
		width: 100%;
		height: 100%;
	}
	.mob-div2{
		width: 100%;
		height: 100%;
		position: relative;
	}
	.li9{
		width: 13.05rem;
	}
	.li9 li{
		width: 1.37rem;
	}
	.aa{
		display: block;
	}
	.bb{
		position:absolute;
		left:0;
		bottom:20px;
		width:100%;
		overflow: hidden;
	}
	.aa-p{
		position: absolute;
		left: 50%;
		bottom: 10px;
		color: white;
		width: 80px;
		margin-left: -40px;
		text-align: center;
		font-size: 16px;
	}
	.aa-span1{
		display: block;
		position: absolute;
		left: -25px;
		bottom: -20px;
		color: white;
		/*width: 50px;*/
		text-align: center;
		opacity: 0.5;
	}
	.aa-span2{
		display: block;
		position: absolute;
		right: -25px;
		bottom: -20px;
		/*width: 50px;*/
		color: white;
		text-align: center;
		opacity: 0.5;
	}









}