@charset 'utf-8';
/*全局块，添加地图图片作为背景（暂时替换地图）*/
.wrap {
	width: 100%;
	min-height: 950px;
	background: url(../images/map.jpg);
}
/*头部蓝色半透明块*/
.header {
	width: 100%;
	height: 65px;
	background: rgba(56,128,234,0.85);
}
/*logo的图片*/
.header .logoimg {
	display: block;
	float: left;
	margin: 6px 0 0 30px;
	width: 44px;
	height: 52px;
}
/*百保盾标题*/
.header h1 {
	float: left;
	padding-left: 18px;
	margin: 0;
	font-size: 30px;
	line-height: 65px;
	color: #fff;
}
/*用户信息块*/
.header .user {
	float: right;
	height: 31px;
	padding: 16px 52px 18px 18px;
}
/*用户的头像*/
.header .user img {
	display: block;
	float: left;
	width: 31px;
	height: 31px;
}
/*用户的名字，点击跳转到个人中心*/
.header .user a {
	display: block;
	float: left;
	margin-left: 8px;
	line-height: 31px;
	font-size: 16px;
	color: #fff;
}
/*信息提醒块*/
.information {
	float: right;
	width: 38px;
	height: 31px;
	margin-right: 15px;
	padding: 16px 0 18px 18px;
}
/*闹钟图形块*/
.information a {
	display: block;
	float: left;
	width: 28px;
	height: 31px;
	background: url(../images/icon.png) 0 0 no-repeat;
}
/*闹钟旁的多少条未读信息提醒*/
.information span {
	display: block;
	float: left;
	position: relative;
	top: -30px;
	left: 17px;
	width: 19px;
	height: 19px;
	color: #fff;
	font-size: 12px;
	line-height: 19px;
	text-align: center;
	background: #f39800;
	border-radius: 50%;
}
/*头部的当前时间块*/
.header .timer {
	float: right;
	width: 108px;
	height: 33px;
	padding: 12px 0 12px 29px;
}
/*时分秒*/
.header .timer #nowtime {
	display: block;
	font-size: 18px;
	color: #fff;
	text-align: center;
}
/*日期*/
.header .timer #nowdate {
	display: block;
	font-size: 12px;
	color: #fff;
	text-align: center;
}
/*左侧贴墙的导航*/
.leftnav {
	position: fixed;
	left: 0;
	top: 362px;
	width: 50px;
	height: 250px;
	background: #2575eb;
	border-radius: 5px;
}
/*导航的各个按钮*/
.leftnav a {
	display: block;
	width: 50px;
	height: 50px;
}
/*导航按钮1*/
.leftnav .nav1 {
	background: url(../images/icon.png) 15px -31px no-repeat;
}
/*导航按钮2*/
.leftnav .nav2 {
	background: url(../images/icon.png) 15px -78px no-repeat;
}
/*导航按钮3*/
.leftnav .nav3 {
	background: url(../images/icon.png) 15px -124px no-repeat;
}
/*导航按钮4*/
.leftnav .nav4 {
	background: url(../images/icon.png) 15px -167px no-repeat;
}
/*导航按钮5*/
.leftnav .nav5 {
	background: url(../images/boot_03.png) no-repeat 15px 13px;
}
/*导航按钮1的hove效果*/
.leftnav .nav1:hover {
	background: rgba(255,255,255,0.3) url(../images/icon.png) 15px -31px no-repeat;
}
/*导航按钮2的hove效果*/
.leftnav .nav2:hover {
	background: rgba(255,255,255,0.3) url(../images/icon.png) 15px -78px no-repeat;
}
/*导航按钮3的hove效果*/
.leftnav .nav3:hover {
	background: rgba(255,255,255,0.3) url(../images/icon.png) 15px -124px no-repeat;
}
/*导航按钮4的hove效果*/
.leftnav .nav4:hover {
	background: rgba(255,255,255,0.3) url(../images/icon.png) 15px -167px no-repeat;
}
/*导航按钮5的hove效果*/
.leftnav .nav5:hover {
	background: rgba(255,255,255,0.3) url(../images/boot_03.png) no-repeat 15px 13px;
}
/*导航旁边的主要内容区*/
.con {
	position: fixed;
	top: 105px;
	left: 53px;
	width: 366px;
}
/*内容区的搜索块*/
.con .search {
	overflow: hidden;
	width: 366px;
	height: 45px;
	margin-bottom: 10px;
	background: #fff;
	border-radius: 5px;
}
/*搜索的输入框*/
.con .search input {
	display: block;
	float: left;
	width: 266px;
	padding-left: 5px;
	font-size: 16px;
	line-height: 45px;
}
/*输入框旁的叉叉*/
.con .search strong {
	display: block;
	float: right;
	width: 52px;
	height: 45px;
	background: #2575eb url(../images/icon.png)  17px -34px no-repeat;
	cursor: pointer;
}
/*输入框旁的搜索按钮*/
.con .search em {
	display: block;
	float: right;
	width: 42px;
	height: 45px;
	background: url(../images/icon.png)  1px -258px no-repeat;
	cursor: pointer;
}
/*内容区主区*/
.con .datagram {
	width: 366px;
	min-height: 750px;
	background: #f9f9f9;
	padding-bottom: 13px;
	border-radius: 5px;
}