#top {
	background-color: #1aa2e4;
	width: 100%;
	height: 70px;
}
.logo {
	background: url(../images/logo.png) no-repeat 15px 0;
	float: left;
	height: 50px;
	width: 380px;
	margin-top: 10px;
	margin-left: 18px;
}
.logo2 {
	background: url(../images/logo-tc.png) no-repeat 15px 0;
	float: left;
	height: 50px;
	width: 380px;
}

.top-icon {
	float: right;
}
.top-icon .news, .top-icon .alarm, .top-icon .myuser {
	background: url(../images/top_icon.png) no-repeat;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	cursor: pointer;
	position: relative;
}
.top-icon .news {
	float: right;
	width: 18px;
	height: 50px;
	padding: 0 15px;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.top-icon .news:hover {
	background-color: #394959;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.top-icon .alarm {
	float: right;
	background: url(../images/top_icon.png) no-repeat 5px -50px;
	width: 18px;
	height: 50px;
	padding: 0 15px;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.top-icon .alarm:hover {
	background-color: #394959;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.top-icon .myuser {
	float: right;
	background: url(../images/top_icon.png) no-repeat 15px -100px;
	height: 50px;
	padding-left: 15px;
	padding-right: 10px;
	margin-right: 15px;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.top-icon .myuser:hover {
	background-color: #394959;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.myuser .down {
	background: url(../images/top_icon.png) no-repeat 0 -150px;
	width: 8px;
	height: 50px;
	display: inline-block;
	margin-left: 25px;
}
.badge {
	position: absolute;
	top: 5px;
	right: 3px;
	width: 16px;
	height: 16px;
	line-height: 16px;
	display: block;
	font-size: 10px;
	text-align: center;
	background-color: #e74c3c;
	color: #fff;
	border-radius: 7px;
}
/* top报警提醒下拉 */
.alarm .t-tixing-list {
	position: absolute;
	top: 50px;
	right: 0px;
	width: 140px;
	background-color: #394959;
	border: #000 1px solid;
	z-index: 9999;
	display: none;
}
.alarm .t-tixing-list li a {
	line-height: 30px;
	border-bottom: #22353e 1px solid;
	display: block;
	color: #b9b8b7;
	padding: 0 10px;
	font-size: 13px;
}
.alarm .t-tixing-list li a:hover {
	background-color: #333;
	color: #e5e5e5;
}
.alarm .t-tixing-list li a span {
	float: right;
	color: #dfba25;
}
/* top用户下拉 */
.myuser .usr-list {
	position: absolute;
	top: 50px;
	right: 0;
	width: 130px;
	background-color: #394959;
	display: none;
}
.myuser .usr-list li {
	line-height: 30px;
	color: #60cafe;
	border-bottom: #000 1px solid;
}
.myuser .usr-list li:hover {
	background-color: #333;
}
.myuser .usr-list li a {
	display: block;
	color: #a3afb5;
	text-decoration: none;
	background: url(../images/user_list_icon.png) no-repeat;
	padding-left: 30px;
}
.myuser .usr-list li a.icon_1 {
	background-position: 6px 0;
}
.myuser .usr-list li a.icon_2 {
	background-position: 6px -30px;
}
.myuser .usr-list li a.icon_3 {
	background-position: 6px -60px;
}
.myuser .usr-list li a:hover {
	color: #fff;
}
.myuser .welcom {
	padding-left: 10px;
}
/*left menu_list*/
#left {
	float: left;
	height: 100%;
	background-color: #394959;
}
#right {
	float: left;
	height: 100%;
}
.menu_list h2 {
	background: #000;
	width: 180px;
	height: 30px;
	position: absolute;
	top: 50px;
}
.menu_list {
	width: 180px;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	margin-top: 30px;
}
.remove-up,.remove-down{
	background: url(../images/remove.png) no-repeat center 0 #5d6e7e;
    height:14px;
	width:180px;
	border:none;
	cursor:pointer;
	outline:none;
}
.remove-down{
	background-position:center -14px;
	position:absolute;
	bottom:0;
    left:0;
}
.left_but {
	position: absolute;
	top: 50px;
	left: 148px;
	background: url(../images/leftmove.png) no-repeat center center;
	width: 32px;
	height: 30px;
	cursor: pointer;
}
.left_but_close{
    background-color: #000;
    left:0;
}
.left_but:hover {
	background-color:#313f4e;
}

/* CONTENT */ 
#content {
	width: 180px;
	padding: 0;
}
.menu {
	margin:10px 0;
	padding: 0;
}
.menu ul li {
	width: 180px;
}
.menu ul li a {
	display: block;
	height:40px;
	line-height:40px;
	width: 170px;
	padding-left: 10px;
	color: #a3afb5;
	font-size: 15px;
}
.menu ul li a:hover {
	color: #fff;
	background-color:#2dace9; 
}
.menu ul li .active {
	background: url(../images/on.png) top right no-repeat;
}
.menu ul li .active:hover{ 
    background-position:right -40px;
}
.menu ul li .inactive {
	background: url(../images/off.png) top right no-repeat;
}
.menu ul li .inactive:hover{ 
    background-position:right -40px;
}
.menu ul li a span{
	display:inline-block;
	width:20px;
	height:20px;
	vertical-align:middle;
	margin-right:5px;
	}
/* 菜单图标 */ 
.menu ul li a .icon-car{
	background: url(../images/menu-icon/car.png) no-repeat 0 -12px;
}
.menu ul li a:hover .icon-car{
	background: url(../images/menu-icon/car.png) no-repeat 0 -52px;
}
.menu ul li a .icon-people{
	background: url(../images/menu-icon/people.png) no-repeat 0 -12px;
}
.menu ul li a:hover .icon-people{
	background: url(../images/menu-icon/people.png) no-repeat 0 -52px;
}
.menu ul li a .icon-trash{
	background: url(../images/menu-icon/trash.png) no-repeat 0 -12px;
}
.menu ul li a:hover .icon-trash{
	background: url(../images/menu-icon/trash.png) no-repeat 0 -52px;
}
.menu ul li a .icon-facility{
	background: url(../images/menu-icon/facility.png) no-repeat 0 -12px;
}
.menu ul li a:hover .icon-facility{
	background: url(../images/menu-icon/facility.png) no-repeat 0 -52px;
}
.menu ul li a .icon-dispatch{
	background: url(../images/menu-icon/dispatch.png) no-repeat 0 -12px;
}
.menu ul li a:hover .icon-dispatch{
	background: url(../images/menu-icon/dispatch.png) no-repeat 0 -52px;
}
.menu ul li a .icon-assess{
	background: url(../images/menu-icon/assess.png) no-repeat 0 -12px;
}
.menu ul li a:hover .icon-assess{
	background: url(../images/menu-icon/assess.png) no-repeat 0 -52px;
}
.menu ul li a .icon-site{
	background: url(../images/menu-icon/site.png) no-repeat 0 -12px;
}
.menu ul li a:hover .icon-site{
	background: url(../images/menu-icon/site.png) no-repeat 0 -52px;
}
.menu ul li ul {
	display: none;
	padding:5px 0;
}
.menu ul li ul li {
	color: #000;
}
.menu ul li ul li a {
	display: block;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	color: #95a1a6;
	border: none;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.menu ul li ul li a:hover {
	background-color: #2dace9;
	color: #fff;
}
.menu ul li ul li a span{
	margin-left:22px;
}
.menu ul li ul li a .icon-erji{
	background: url(../images/menu-icon/erji.png) no-repeat 0 -12px;
}
.menu ul li ul li a:hover .icon-erji{
	background: url(../images/menu-icon/erji.png) no-repeat 0 -52px;
}
.menu ul li ul li ul li a {
	font-size: 12px;
	padding-left:55px;
}
.menu ul li ul li ul li a:hover {
	color: #fff;
	background-color:#2dace9;
}

.menu ul li .menu-select {
    color: #fff;
}
.menu ul li .menu-select .icon-erji {
    background: url(../images/menu-icon/erji.png) no-repeat 0 -52px;
}
/*顶部菜单*/
.data-module .uls ul li a span{
	display: inline-block;
	width: 100px;
	height: 30px;
	vertical-align: middle;
	margin-right: 5px
}
.data-module .uls ul li a .icon-complain{
	background: url(../images/menu-icon/complain.png) no-repeat 0 0px;
	background-size: 30px 30px;
	background-position: center;
}
.data-module .uls ul li a .icon-page{
	background: url(../images/menu-icon/page.png) no-repeat 0 0px;
	background-size: 30px 30px;
	background-position: center;
}
.data-module .uls ul li a .icon-gis{
	background: url(../images/menu-icon/gis.png) no-repeat 0 0px;
	background-size: 30px 30px;
	background-position: center;
}
.data-module .uls ul li a .icon-information{
	background: url(../images/menu-icon/information.png) no-repeat 0 0px;
	background-size: 30px 30px;
	background-position: center;
}
.data-module .uls ul li a .icon-analysis{
	background: url(../images/menu-icon/analysis.png) no-repeat 0 0px;
	background-size: 30px 30px;
	background-position: center;
}
.data-module .uls ul li a .icon-dog{
	background: url(../images/menu-icon/dog.png) no-repeat 0 0px;
	background-size: 30px 30px;
	background-position: center;
}
.data-module .uls ul li a .icon-garbageg{
	background: url(../images/menu-icon/garbage.png) no-repeat 0 0px;
	background-size: 30px 30px;
	background-position: center;
}
.data-module .uls ul li a .icon-depot{
	background: url(../images/menu-icon/depot.png) no-repeat 0 0px;
	background-size: 30px 30px;
	background-position: center;
}
.data-module .uls ul li a .icon-check{
	background: url(../images/menu-icon/check.png) no-repeat 0 0px;
	background-size: 30px 30px;
	background-position: center;
}
.data-module .uls ul li a .icon-illegalParking{
	background: url(../images/menu-icon/illegalParking.png) no-repeat 0 0px;
	background-size: 30px 30px;
	background-position: center;
}
.data-module .uls ul li a .icon-parking{
	background: url(../images/menu-icon/parking.png) no-repeat 0 0px;
	background-size: 30px 30px;
	background-position: center;
}
.data-module .uls ul li a .icon-systemSite{
	background: url(../images/menu-icon/systemSite.png) no-repeat 0 0px;
	background-size: 30px 30px;
	background-position: center;
}
.data-module .uls ul li a .icon-slarCar{
	background: url(../images/menu-icon/slarCar.png) no-repeat 0 0px;
	background-size: 30px 30px;
	background-position: center;
}
.data-module .uls ul li a .icon-law{
	background: url(../images/menu-icon/law.png) no-repeat 0 0px;
	background-size: 30px 30px;
	background-position: center;
}

/* tab标签 */ 
#tabs {
	overflow: hidden;
	height: 30px;
	padding-left:10px;
	background:#e8ebec;
	width: 100%
}
#tabs li {
	float: left;
	display: block;
	padding: 0 40px 0 20px;
	margin-right: 3px;
	height: 30px;
	line-height: 30px;
	font-size: 13px;
	position:relative;
}
#tabs li a {
	display: inline-block;
	color: #000;
	text-decoration: none;
}
#tabs li.current {
	background: #fff;
	height: 30px;
	line-height: 30px;
}
#tabs li.current a {
	color: #0087c9;
}
#tabs li a.remove {
	position:absolute;
    right: 10px;

	display: inline-block;
	background: url(../images/tab-close.png) no-repeat;
	width: 15px;
	height: 30px;
}
#tabs li a.remove:hover {
	background: url(../images/tab-close.png) no-repeat 0 -30px;
}
#content02 {
	background-color: #fff;
	width: 100%;
	height: 100%;
}
#content02 iframe {
    width: 100%;
	margin: 0px;
	padding:0px;
}
#wrapper {

}