
.header {
	width: 100%;
	height: 62px;
	background: -webkit-linear-gradient(left, #0084ff , #136fce); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #0084ff, #136fce); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #0084ff, #136fce); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #0084ff , #136fce); /* 标准的语法（必须放在最后） */
}

.header a.logo {
	display: inline-block;
	float: left;
	height: 62px;
}

.header .logo-name{
	float: left;
	color: #fff;
	font-size: 32px;
	height: 62px;
	line-height: 58px;
	text-shadow:2px 3px rgba(0,0,0,0.2);
	letter-spacing:5px;
}

.dh {
	float: right;
	height: 62px;
	margin-bottom: 0px;
}

.dh li {
	float: left;
}

.dh li a {
	color: #fff;
	font-size: 16px;
	padding: 0 15px;
	display: inline-block;
	height: 62px;
	text-align: center;
	text-decoration: none;
	line-height: 62px;
}


.dh li.courent a {
	background: #0f5297;
	color: #ffea00;
}

.dh li a:hover {
	background: #0f5297;
	color: #ffea00;
}

.dh li a i {
	font-size: 24px;
	vertical-align: bottom;
	margin-right: 10px;
}

/*系统管理结束*/

/*供水监测*/
.qj-iframe{ 
	width: 100%;
	height: calc(100% - 59px);
}

.header-right {
	float: right;
	background: rgba(0,0,0,0.15);
	height: 62px;
	padding:0 15px;
}

.tx {
	width: 40px;
	height: 40px;
	border: 2px solid #1f7fb5;
	display: inline-block;
	border-radius: 50%;
	float: left;
	margin-right: 5px;
	margin-top: 7px;
}
.yhxx{ color: #fff; float: left; font-size: 12px; padding-top: 10px; margin-left: 5px;}
.yhxx b{ font-size: 14px; display: inline-block;}
.yhxx p{ margin-top: 3px;}
.yhxx p span{ margin-right: 5px; cursor: pointer;}
.yhxx p a{ color: #fff;}
.yhxx p a:hover{ color: #fd4a50;}