html,
body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.warp {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

iframe {
	width: 100%;
	height: 91.5%;
	border: 0;
}

.head {
	height: 9.5%;
	background: url(/BootStrapStyle/CityRisk/img/top.png) center no-repeat;
	background-size: 100% 100%;
	position: relative;
}

.title {
	display: table;
	height: 100%;
	float: left;
	width: 39%;
}

.title span {
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.title img {
	width: 84%;
}

.topnav {
	font-size: 18px;
	color: #fff;
	position: absolute;
	left: 42%;
	bottom: 20%;
	width: 60%;
}

.topnav span {
	height: 100%;
	cursor: pointer;
	/*margin: 0 3%;*/
	padding: 10px 20px;
}

.weather {
	font-size: 15px;
	color: #fff;
	position: absolute;
	right: 3%;
	bottom: 20%;
}

.weather font {
	color: #17dd90;
	margin: 0 3px;
}

.active {
	background: url(/BootStrapStyle/CityRisk/img/navbg.png) center no-repeat;
	background-size: 100% 100%;
	font-weight: 600;
}