@charset "UTF-8";
/*登录*/
body.loginpage {
	min-width: 960px;
	position: relative;
}
.loginWrap {
	width: 960px;
	margin: 0 auto 0 auto;
	padding: 10% 0;
}
.loginWrap h2 span.text01 {
	display: block;
	padding: 0 50px 0 0;
	color: #c52620;
	font-size: 36px;
	font-weight: bold;
	text-align: right;
	line-height: 1.2;
}

.loginBox {
	height: 328px;
 	/* background: url(images/login_fc_ZA.png) no-repeat right top; */  /* 众安 */
	background: url(images/login_fc_blue.png) no-repeat right top; /* 消防 */
	position: relative;
}
.loginBox .login {
	position: absolute;
	right: 0;
	top: 56px;
	width: 360px;
	height: 275px;
}
.loginBox .tipInfo {
	position: absolute;
	right: 0;
	top: 55px;
	width: 260px;
	color: #ff0000;
	letter-spacing: 2px;
	font-size: 12px;
}
.loginBox .login h3 {
	padding: 25px 0 25px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 1px;
} 
.loginBox .login p {
	padding-bottom: 10px;
	line-height: 1.2;
}
.loginBox .login .text03 {
	display: inline-block;
	width: 90px;
	padding: 5px;
	text-align: right;
	font-size: 14px;
}
.loginBox .login .entry01 {
	width: 213px;
	padding: 5px;
	border-width: 1px;
	/* box-sizing: border-box; */
}
.loginBox .login .textbox {
	border-color: #647fab;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.loginBox .login .entry02 {
	background: #2fcb15;
	border: 1px solid #647fab;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
}
.loginBox .login .entry02:hover {
	background: #2ab813;
}

.weixin {
	width: 80px;
	margin-right: 23px;
	float:right;
	position: relative;
	font-size: 12px;
	text-align: center;
}

.weixin a {
	width: 80px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	/* background: url(images/weixin.png) no-repeat center top; */
}

.weixin .weixin_nr {
	width: 220px;
	height: 220px;
	padding: 10px;
	box-sizing:border-box;
	background: #fff;
	text-align: center;
	position: absolute;
	/* left: -300px; */
	top: 25px;
	-webkit-box-shadow: 0 0 10px rgba(128, 128, 128, 0.5);
	-moz-box-shadow: 0 0 10px rgba(128, 128, 128, 0.5);
	box-shadow: 0 0 10px rgba(128, 128, 128, 0.5);
	display: none;
}

.weixin .weixin_nr img { margin-bottom: 5px; }

.weixin .weixin_nr .arrow {
	width: 0;
	height: 0;
	border-bottom: 10px solid #fff;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	position: absolute;
	left: 350px;
	top: -10px;
}

.weixin.on .weixin_nr { display: block; }

.weixin.on a { /* background: url(images/weixin.png) no-repeat left bottom; */ }

.weixin .tab{ width:100%; padding:25px 0 0 35px; box-sizing:border-box}
.loginbg{
	background: url(images/login_bg.jpg) fixed top center no-repeat;
	background-size: cover;
}
.loginbox{
	left:50%;
	top:50%;
	margin:-175px 0 0 -180px;
	width:360px;
	height:350px;
	border: 1px solid #eee;
	background-color: #fff;
	border-radius: 8px;
	overflow: hidden;
}
.loginbox h2 {
    font-size:18px;
    height: 95px;
    font-weight:bold;
    margin:0;
    margin-top:15px;
    text-align: center;
    background: url(images/login_login.png) top center no-repeat;
}
.loginbox .l-btn{
	background: #069f43;
	border: 0;
	color: #fff;
	font-size: 15px;
}
.loginbox .l-btn:hover{
	background: #04914b;
}
.loginbox .input{
	width: 100%;
	height: 40px;
	padding: 12px
}
.firechecked {
	position: relative;
	border-radius: 3px;
	border: 1px solid #069f43;
	width: 15px;
	height: 15px;
	float: left;
	cursor: pointer;
	margin-right: 2px;
	margin-top: 1px;
	text-align: center;
	background-image: url(images/checked.png);
	background-repeat: no-repeat;
	background-position: -1px -1px;

}

.on_check {
background-position: 0 -21px;
}
.radioclass {
	position: absolute;
	top: 0;
	right: 0;
	opacity: 0;
	cursor: pointer;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}
/* headerWrap
=========================================*/
.panel.layout-panel.layout-panel-north{
	overflow:visible;
}
#headerWrap {
	height: 58px;
	/* background: #fdfdfd; */
	background-image:url(images/head_bg.png);
	border-bottom: 2px solid #c52620;
	position: relative;
	overflow:visible;
}
#logo {
	width:240px;
	height:34px;
	float:left;
	background-position: -136px -14px; /*消防 */
	/* background-position: -392px -58px; */ /* 众安 */
	/* background-position: -392px -116px; */  /*9110众安蓝色logo */
	margin-right: 30px;
	margin-left: 6px;
	margin-top: 11px;
	display: block;
}
#logo span {
	display: block;
	width:240px;
	height:34px;
}
#LogoDown{
	float:left;
	margin:13px 0 0 19px;
	background: url(images/logo.png) no-repeat;
	height:41px;
	width:240px;
	display:block;
	cursor: pointer;
}
#LogoDown a{
	height:41px;
	width:144px;
	display:block;
}
#HeaderWrapDown {
    height: 58px;
    background: #fdfdfd;
    background: -webkit-linear-gradient(top,#fff 0,#ececec 100%);
    background: -moz-linear-gradient(top,#fff 0,#ececec 100%);
    background: -o-linear-gradient(top,#fff 0,#ececec 100%);
    background: linear-gradient(to bottom,#fff 0,#ececec 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff,endColorstr=#ececec,GradientType=0);
    border-bottom: 2px solid #c52620;
    position: relative;
}
#CenterWrapDown .datagrid-header td,
#CenterWrapDown .datagrid-body td,
#CenterWrapDown .datagrid-footer td {
    border-width: 0 0 1px 0;
}
#CenterWrapDown .panel-body-noheader {
    border-top-width: 0px;
}
#CenterWrapDown .panel-header,
#CenterWrapDown .panel-body {
    border-width: 0px;
}
#CenterWrapDown .datagrid-header-row,
#CenterWrapDown .datagrid-row {
    height: 70px;
}
#CenterWrapDown .datagrid-header{
	display:none;
}
#CenterWrapDown td a.download {
    padding: 5px 8px;
    background: #fff;
    border: 1px solid #cdcdcd;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    float: left;
}
#CenterWrapDown td  a.download span {
    background: url(images/download_arrow.png) no-repeat center left;
    padding-left: 18px;
    color: #858585;
}
#CenterWrapDown .datagrid-row-selected a.download span{
    color: #858585 !important;
}
#CenterWrapDown .downloadtitle{
	background: url(images/download_logo.png) no-repeat center left;
	padding-left:36px;
	height:24px;
	line-height:24px;
	float:left;
	margin-left:20px;
}
#nav {
	float: left;
}
#nav ul {

}
#nav ul li {
	float: left;
	/* padding: 0 30px; */
	text-align: center;
	height:56px;
	line-height: 58px;
	/* margin-right:10px; */
	overflow: hidden;
}
#nav ul li a {
	display: block;
	font-size: 14px;
	color: #333;
	overflow: hidden;
	background-color: none;
	-webkit-transition: background-color ease-in-out .5s;
	-moz-transition: background-color ease-in-out .5s;
	-o-transition: background-color ease-in-out .5s;
	transition: background-color ease-in-out .5s;
	/* border-radius: 20px; */
}

 #nav ul li.part1 a,
 #nav ul li.part2 a,
 #nav ul li.part3 a,
 #nav ul li.part4 a,
 #nav ul li.part5 a,
 #nav ul li.part6 a,
#nav ul li a.current {
	background-color: #eeeeee;
	background-position:-158px -174px;
	text-decoration: none;
	-webkit-transition: background-color ease-in-out .5s;
	-moz-transition: background-color ease-in-out .5s;
	-o-transition: background-color ease-in-out .5s;
	transition: background-color ease-in-out .5s;
	/* border-radius: 20px; */
}
#nav ul li a:hover {
	/* background-image: url(images/over_bg.png); */
	background: #eeeeee;
	color: #c52620;
	text-decoration: none;
	/* border-radius: 20px; */
	/* height:38px; */
	/* width:110px; */

}
#nav ul li a.current:hover {
	background-color: #eeeeee;
	background-position:-158px -174px;
	text-decoration: none;
	/* border-radius: 20px; */
	/* height:38px;
	width:110px; */
}

#nav ul li a span {
	display: block;
	box-sizing: border-box;
	background-position: 20px center;
	background-repeat: no-repeat;
	padding: 0px 18px 0px 42px;
}
#nav ul li a span.icon00 {
	background-image: url(images/nav_ico000.png);
}
#nav ul li a span.icon01 {
	background-image: url(images/nav_ico001.png);
}
#nav ul li a span.icon02 {
	background-image: url(images/nav_ico002.png);
}
#nav ul li a span.icon03 {
	background-image: url(images/nav_ico003.png);
}
#nav ul li a span.icon04 {
	background-image: url(images/nav_ico004.png);
}
#nav ul li a span.icon05 {
	background-image: url(images/nav_ico006.png);
}
#nav ul li a span.icon06 {
	background-image: url(images/nav_ico006.png);
}
#nav ul li a span.iconHome {/* 首页*/
	background-position:0 -812px;
	width:116px;
}
#nav ul li a span.iconMain {/* 基本信息*/
	background-position:0 0;
}
#nav ul li a span.iconHidden{/* 隐患*/
	background-position:0 -116px;
}
#nav ul li a span.iconFacilities{/* 设施 */
	background-position:0 -232px;
}
#nav ul li a span.iconAlarm{ /* 报警 */
	background-position:0 -348px;
}
#nav ul li a span.iconInspection{ /* 巡检 */
	background-position:0 -464px;
}
#nav ul li a span.iconMonitor{ /* 设施监控 */
	background-position:0 -580px;
}
#nav ul li a span.iconMaintenance{/* 维保管理 */
	background-position:0 -696px;
}
#nav ul li a span.iconOperation{/* 设备运维 */
	background-position:0 -928px;
}
#nav ul li a span.iconMaintenanceInspection{/* 维保巡检 */
	background-position:0 -1160px;
}
#nav ul li a span.iconVideoInspection{/* 视频巡检 */
	background-position:0 -1044px;
}
#nav ul li a span.iconSetOption{/* 系统设置 */
	background-position:0 -1275px;
}
#nav ul li a.current span.iconHome,
#nav ul li a:hover span.iconHome {
	background-position:0 -870px;
}
#nav ul li a.current span.iconMain,
#nav ul li a:hover span.iconMain {
	background-position:0 -58px;
}
#nav ul li a.current span.iconHidden,
#nav ul li a:hover span.iconHidden {
	background-position:0 -174px;
}
#nav ul li a.current span.iconFacilities,
#nav ul li a:hover span.iconFacilities {
	background-position:0 -290px;
}
#nav ul li a.current span.iconAlarm,
#nav ul li a:hover span.iconAlarm {
	background-position:0 -406px;
}
#nav ul li a.current span.iconInspection,
#nav ul li a:hover span.iconInspection {
	background-position:0 -522px;
}
#nav ul li a.current span.iconMonitor,
#nav ul li a:hover span.iconMonitor {
	background-position:0 -638px;
}
#nav ul li a.current span.iconMaintenance,
#nav ul li a:hover span.iconMaintenance {
	background-position:0 -754px;
}
#nav ul li a.current span.iconOperation,
#nav ul li a:hover span.iconOperation {
	background-position:0 -986px;
}
#nav ul li a.current span.iconVideoInspection,
#nav ul li a:hover span.iconVideoInspection {
	background-position:0 -1102px;
}
#nav ul li a.current span.iconMaintenanceInspection,
#nav ul li a:hover span.iconMaintenanceInspection {
	background-position:0 -1218px;
}
#nav ul li a.current span.iconSetOption,
#nav ul li a:hover span.iconSetOption {
	background-position:0 -1332px;
}
/* #Nav ul li a.current span,
#Nav ul li a:hover span {
	background-position: 10px center;
} */
.body_parts1 #nav ul li.part1 a span.icon00,
#nav ul li a.current span.icon00,
#nav ul li a:hover span.icon00 {
	background-image: url(images/nav_ico000_on.png);
}
.body_parts1 #nav ul li.part1 a span.icon01,
#nav ul li a.current span.icon01,
#nav ul li a:hover span.icon01 {
	background-image: url(images/nav_ico001_on.png);
}
.body_parts2 #nav ul li.part2 a span.icon02,
#nav ul li a.current span.icon02,
#nav ul li a:hover span.icon02 {
	background-image: url(images/nav_ico002_on.png);
}
.body_parts3 #nav ul li.part3 a span.icon03,
#nav ul li a.current span.icon03,
#nav ul li a:hover span.icon03 {
	background-image: url(images/nav_ico003_on.png);
}
.body_parts4 #nav ul li.part4 a span.icon04,
#nav ul li a.current span.icon04,
#nav ul li a:hover span.icon04 {
	background-image: url(images/nav_ico004_on.png);
}
.body_parts5 #nav ul li.part5 a span.icon05,
#nav ul li a.current span.icon05,
#nav ul li a:hover span.icon05 {
	background-image: url(images/nav_ico005_on.png);
}
.body_parts6 #nav ul li.part6 a span.icon06,
#nav ul li a.current span.icon06,
#nav ul li a:hover span.icon06 {
	background-image: url(images/nav_ico006_on.png);
}
/*右上方登录信息*/
.logininfo {
	height: 44px;
	/* background-color: rgba(0, 0, 0, .5); */
	position: absolute;
	/* float: right; */
	/* width: 268px; */
	margin-top: 3px;
	right:0px;
}
.logininfo .message {
	float: left;
	padding: 22px 8px 0 0;
	position: relative;
	/* background: url(images/com_mail.png) no-repeat 0 20px; */
}
.logininfo .message .messageAmount{
	position: absolute;
	left: 12px;
	top: 12px;
	padding: 0px 2px;
	background: #c52620;
	font-size: 8px;
	-webkit-transform: scale(0.8);
	-o-transform:scale(1);
	color: #fff;
	line-height: 1.2;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.logininfo .userInfo {
	position:relative;
	float: left;
	padding: 15px 15px 0 25px;
	background-position:-392px -4px;
	color: #676a6c;
	font-size: 14px;
}
.logininfo .userInfo a {
	color: #676a6c;
}
.usermore {
	display: none;
	position: absolute;
	left: 0px;
	top: 24px;
	z-index: 10000;
	padding: 20px 0 0 0;
	background: none;
	width:100px;
}
.usermore .usermorebox {
	background: #fff;
	border: 1px solid #c52620;
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	overflow: hidden;
}
.usermore .usermorebox .item {
	padding: 2px 12px;
	border-bottom: 1px solid #ccc;
}
.usermore .usermorebox .item.last {
	border-bottom: none;
}
.usermore .usermorebox .item a {
	display: block;
	padding: 2px 0;
	color: #333;
}
.usermore .usermorebox .item a:hover {
	color: #c52620;
}
.userOption{
	 position:relative; 
	 height:22px;
}
.userOption .info{
	 border:1px solid #bbb;
	 border-radius:2px;
	 width:76px;
	 height:22px;
	 line-height:22px;
	 background-color:#f2f2f2;
	 padding: 1px 12px 1px 6px;
	 text-align:left;
}
.userOption .ico_default{
	background:url(images/user_icon.png) 51px 3px no-repeat #f2f2f2;

}
.userOption .ico_hover{
	background:url(images/user_icon.png) 51px -18px no-repeat #f2f2f2;
}
.userOptionmore {
	
	display: none;
	position: absolute;
	/* right: 190px; */
	top: 1px;
	left:-24px;
	z-index: 10000;
	padding: 20px 0 0 0;
	background: none;
}
.userOptionmore .morebox {
	width:100px;
	background: #fff;
	border: 1px solid #c52620;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	overflow: hidden;
	
}
.userOptionmore .morebox .item {
	margin-left:8px;
	width:82px;
	padding: 0 5px;
	border-bottom: 1px solid #bbb;
}
.userOptionmore .morebox .item.last {
	border-bottom: none;
}
.userOptionmore .morebox .item a {
	display: block;
	padding: 5px 0;
	color: #333;
}
.userOptionmore .morebox .item a:hover {
	color: #c52620;
}
#Weather {
	float: left;
	width: 120px;
	height: 100%;
	*height: 48px;
	height: 48px\9;
	padding: 5px 0 0 0;
	/* *background: #fff;
	background: #fff\9; */
	*border-left: 1px solid #e5e5e5;
	/* border-left: 1px solid #e5e5e5 \9; */
	box-sizing: border-box;
	position: relative;
}
#weatherDiv {
	width: 100%;
	height: 100%;
}
#Weather iframe {
	margin: 0 auto;
}
.cross-simple-icon {
	background: none !important;
}
/*右上方登录信息end*/
/*loading*/
#loading {
	position:absolute;
	z-index:1000;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:#fff;
	text-align:center;
}
.loadText {
	position: absolute;
	left:50%;
	top:50%;
	margin-left: -60px;
}
.loadText img{
	vertical-align: middle;
}
/*loading end*/
/*首页*/
.layout-expand-west .panel-tool {
    right: 4px !important;
}
/*左侧tree重定义*/
#accordionDiv .tree-folder {
    background: none;
    width: 4px;
}
#accordionDiv .panel .panel-body li .tree-indent {
    display: none;
}
/* #accordionDiv ul.tree li ul li .tree-file {
    margin-left: 25px;
} */
#accordionDiv .tree-collapsed {
    background: url("images/tree_collapsed.png") no-repeat scroll center center;
}
#accordionDiv .tree-expanded {
    background: url("images/tree_expand.png") no-repeat scroll center center;
}
#accordionDiv ul.tree li ul li .tree-file,
#accordionDiv ul.tree li ul li .tree-collapsed,
#accordionDiv ul.tree li ul li .tree-expanded{
    margin-left: 25px;
}
#accordionDiv ul.tree li ul li ul li .tree-file{
    margin-left: 50px;
}
#accordionDiv .tree-expanded, #accordionDiv .tree-collapsed, #accordionDiv .tree-

folder, #accordionDiv .tree-file, #accordionDiv .tree-checkbox, #accordionDiv 

.tree-indent {
    height: 27px;
}
 #accordionDiv .tree-file {
    background: url("images/com_dot.png") no-repeat scroll 6px center;
    /* height: 32px; 
    margin-left: 10px;*/
    width: 20px;
} 
#accordionDiv .panel .panel-body li .tree-indent {
    display: none;
}
#accordionDiv .tree li .tree-indent {
    display: none;
}
#accordionDiv .tree-title {
    height: 27px;
    line-height: 27px !important;
}
#accordionDiv .tree-node {
    height: 36px;
    line-height: 36px;
    padding-left: 10px;
}
#accordionDiv .panel-title{
	padding-left:39px;
}
#HasTreePanel .panel-header {
    padding: 0px;
    background: #f2f2f2;
}
#HasTreePanel .layout-expand-west .panel-header{
	border-bottom: 1px solid #dadada;
}
/* 隐藏官方展开按钮，自定义 */
#HasTreePanel  .expandDataWrap {
	height: 100%;
	/* background: #cfd9e4; */
	border-right: 0px solid #555;
	position: relative;
}
#HasTreePanel  .expandDataBtn {
	position: absolute;
	left: 0px;
	top: 0px;
	/* margin-top: -25px; */
	width: 25px;
	padding: 0;
	background-position: -172px -334px;
	height: 50px;
	z-index: 1000;
	top:50%;
	margin-top:-10px;
	cursor: pointer;

}
#HasTreePanel .expandDataBtn:hover{
	background-position: -197px -334px;
}
#HasTreePanel .layout-button-left {
    background: url("images/hamburg.png") no-repeat scroll 0 0;
    height:50px;
}
#HasTreePanel .shrinkBtn {
    position: absolute;
    right: -7px;
    top: 50%;
    display: block !important;
    width: 25px;
    margin-top: -10px;
    background-position: -136px -334px;
    height: 50px;
    cursor: pointer;
}
#HasTreePanel .shrinkBtn:hover{
	background-position: -155px -334px;
}
#HasTreePanel .panel-icon,#HasTreePanel .panel-tool {
    height: 50px;
}
#HasTreePanel .panel-tool {
	right: 0px;
}
#HasTreePanel .panel-tool a {
  opacity: 1.0;
  filter: alpha(opacity=100);
}
#HasTreePanel .panel-tool a:hover{
	background: url("images/hamburghover.png") no-repeat scroll 0 0 !important; 
}
#HasTreePanel  :root .expandDataBtn {/*for IE9*/
	filter:none;
}
#HasTreePanel .layout-split-west {
    border-right: 0px solid #e6eef8;
}
#HasTreePanel .panel-noscroll {
    overflow: visible;
}
.delPic{
	background:url(images/x.png) no-repeat;
	width: 24px;
	height: 24px;
	right: 0px;
	top: 0px;
	cursor: pointer;
}

/* 隐藏官方展开按钮，自定义end */
/*双日历插件*/
#sideLeft{
	background: #e6e6e6;
}
#sideLeft .accordion {
    border-color: #dadada;
    border-bottom: none;
    border-right: none;
}
#HasTreePanel .layout-panel-west{
	border-right: 1px solid #dadada;
}
#accordionDiv .panel,
#accordionDiv .accordion-header-selected{
	border-bottom: 1px solid #dadada;
}
#accordionDiv .panel-title{
	color: #333;
	height: 36px;
    line-height: 36px;
}
#accordionDiv .accordion-collapse {/*jquery.easyui.min.js 10px 5572行 */
    background: url("images/accordion-on.png") no-repeat scroll 0 0;
}
#accordionDiv .accordion-expand {
    background: url("images/accordion-off.png") no-repeat scroll 0 0;
}

#accordionDiv .panel-icon{
	width: 20px;
	height: 20px;
}
#accordionDiv .panel-icon {
    left: 13px;
    top: 16px;
}
#accordionDiv .tree > li {
   /*  padding-left: 4px; */
   border-bottom: 1px solid #eaeaea;
   background: url(images/left_menu_bg.png) top center repeat-x;
}
.icon-ico001 {
    background: url("images/nav_ico001_on.png") no-repeat center;
}
.icon-ico002 {
    background: url("images/nav_ico002_on.png") no-repeat center;
}
.icon-ico003 {
    background: url("images/nav_ico003_on.png") no-repeat center;
}
.icon-ico004 {
    background: url("images/nav_ico004_on.png") no-repeat center;
}
.icon-ico005 {
    background: url("images/nav_ico005_on.png") no-repeat center;
}
/*左侧tree重定义*/
/* tab重定义 */
#mainTab > .tabs-panels > .panel > .panel-body {
    border-bottom-width: 0;
    overflow: hidden;
}
#mainTab .tabs-header, #mainTab .tabs-tool {
    background-color: #c52620;
}
#mainTab .tabs {
    border-width: 0;
}
#mainTab .tabs li.tabs-selected a.tabs-inner{
	background: #fff !important;
}
#mainTab .tabs-header{
	padding-top: 1px;
	/* height: 30px; */
}
.tabs li a.tabs-inner{
	-moz-border-radius:  0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
#mainTab .tabs li a.tabs-inner{
	border:none;
	background: #dd524c;
	color: #fff;
	padding: 0 16px;
	filter: none;
}
#mainTab .tabs li.tabs-selected a.tabs-inner {
    color: #c52620;
}
#mainTab .tabs-wrap {
    height: 30px;
} 
#mainTab .tabs li a.tabs-close {
    background: rgba(0, 0, 0, 0) url("images/tab-off-unselected.png") no-repeat 

center;
}
#mainTab .tabs li.tabs-selected a.tabs-close {
    background: rgba(0, 0, 0, 0) url("images/tab-off-selected-hover.png") no-repeat 

center;
}
#mainTab .tabs-scroller-left {
    background: #ec7974 url("images/more-left.png") no-repeat  center;
}
#mainTab .tabs-scroller-right {
    background: #ec7974 url("images/more-right.png") no-repeat  center;
}
#mainTab .tabs-header, 
#mainTab .tabs-scroller-left, 
#mainTab .tabs-scroller-right, 
#mainTab .tabs-tool, 
#mainTab .tabs, 
#mainTab .tabs-panels, 
#mainTab .tabs li a.tabs-inner, 
#mainTab .tabs li.tabs-selected a.tabs-inner, 
#mainTab .tabs-header-bottom .tabs li.tabs-selected a.tabs-inner, 
#mainTab .tabs-header-left .tabs li.tabs-selected a.tabs-inner, 
#mainTab .tabs-header-right .tabs li.tabs-selected a.tabs-inner {
    border-color: #c52620;
}










/*告警订阅*/
#DailyTabs .tabs-header {
  border-width: 1px;
  border-style: solid;
  border-bottom-width: 0;
  position: relative;
  padding: 0;
  padding-top: 2px;
  overflow: hidden;
}
#DailyTabs .tabs {
  list-style-type: none;
  height: 26px;
  margin: 0px;
  padding: 0px;
  padding-left: 4px;
  width: 50000px;
  border-style: solid;
  border-width: 0 0 1px 0;
}
#DailyTabs .tabs li {
  float: left;
  display: inline-block;
  margin: 0 4px -1px 0;
  padding: 0;
  position: relative;
  border: 0;
}
#DailyTabs .tabs li a.tabs-inner {
  display: inline-block;
  text-decoration: none;
  margin: 0;
  padding: 0 10px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  white-space: nowrap;
  border-width: 1px;
  border-style: solid;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
#DailyTabs .tabs li a.tabs-inner {
  color: #363636;
  background-color: #efefef;
}
#DailyTabs .tabs-header,
.tabs-tool {
  background-color: #efefef;
}
#DailyTabs .tabs li.tabs-selected a.tabs-inner {
  font-weight: bold;
  outline: none;
}
#DailyTabs .tabs li.tabs-selected a:hover.tabs-inner {
  cursor: default;
  pointer: default;
}
#DailyTabs .tabs-title {
  font-size: 12px;
}
#DailyTabs .tabs-panels {
  margin: 0px;
  padding: 0px;
  border-width: 1px;
  border-style: solid;
  border-top-width: 0;
  overflow: hidden;
}
#DailyTabs .tabs-header-bottom {
  border-width: 0 1px 1px 1px;
  padding: 0 0 2px 0;
}
#DailyTabs .tabs-header-bottom .tabs {
  border-width: 1px 0 0 0;
}
#DailyTabs .tabs-header-bottom .tabs li {
  margin: -1px 4px 0 0;
}
#DailyTabs .tabs-header-bottom .tabs li a.tabs-inner {
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
#DailyTabs .tabs li a.tabs-inner:hover {
  background: #fff;
  color: #363636;
  filter: none;
}
#DailyTabs .tabs li.tabs-selected a.tabs-inner {
  background-color: #ffffff;
  color: #363636;
}
#DailyTabs .tabs li a.tabs-inner {
  color: #363636;
  background-color: #efefef;
}
#DailyTabs .tabs li.tabs-selected a.tabs-inner {
  border-bottom: 1px solid #ffffff;
}
#DailyTabs .tabs-header .tabs-pill li.tabs-selected a.tabs-inner {
  background: #fff;
  color: #000000;
  filter: none;
  border-color: #95B8E7;
}
.tabs-header, 
.tabs-scroller-left, 
.tabs-scroller-right, 
.tabs-tool, .tabs, 
.tabs-panels, 
.tabs li a.tabs-inner, 
.tabs li.tabs-selected a.tabs-inner, 
.tabs-header-bottom .tabs li.tabs-selected a.tabs-inner, 
.tabs-header-left .tabs li.tabs-selected a.tabs-inner, 
.tabs-header-right .tabs li.tabs-selected a.tabs-inner {
   /*  border-color: #bebebe; */
}
/* #mainTab .tabs-title {
    font-size: 14px;
} */
/* tab重定义 */
/* 折叠树 */
.collapsibleBtn {
    left: 0;
    /* left:10px !important; */
    margin-top: -25px;
    position: absolute;
    top: 50%;
    z-index: 10000;
}
.collapsibleBtnExpend {
    margin-top: -25px;
    position: absolute;
    right: 7px;
    top: 50%;
}
/* 折叠树 */
#indexContent,
#noticeContent,
#moduleContent,
#dataContent,
#videoContent {
	position: relative;
	overflow: visible;
}
.listStyle01 {
}
.listStyle01 li {
	float: left;
	width: 49.7%;
	*width: 49%;
	margin-bottom: 10px;
	/* margin-right: 10px; */
	background: #fff;
	border:1px solid #dadada;
}
.listStyle01 li .list01Box {
	/* margin-right: 20px; */
	padding: 15px 20px 20px;
	position: relative;
}
.listStyle01 li .moreBtn {
	position: absolute;
	right: 20px;
	top: 15px;
}
/*table*/
.tableStyle01 {
	width: 100%;
	border-left: 1px solid #dae3e6;
	border-top: 1px solid #dae3e6;
}
.tableStyle01 thead th {
	padding: 2px 10px;
	height:38px;
	background: #f0ece4;
	border-right: 1px solid #dae3e6;
	border-bottom: 1px solid #dae3e6;
	text-align: center;
}
.tableStyle01 tbody th,
.tableStyle01 tbody td {
	padding: 2px 10px;
	height:38px;
	border-right: 1px solid #dae3e6;
	border-bottom: 1px solid #dae3e6;
	/* vertical-align: top; */
}
.tableStyle01 th.datetime,
.tableStyle01 td.datetime {
	width: 1px;
	white-space: nowrap;
}


.h2_ttl01 {
}
.h2_ttl01 span {
	display: block;
	width: 300px;	
	margin-bottom: 15px;
	padding-bottom: 5px;
	border-bottom: 2px solid #c52620;
	font-size: 16px;
	font-weight: bold;
	color: #c52620;
	line-height: 1.5;
}
/*重新定义datagrid*/
.datagrid-header td, .datagrid-body td, .datagrid-footer td {
	border-style: solid;
	/* border-width: 0 0 1px; */
}
.datagrid-header-row, .datagrid-row {
    height: 31px;
}
.data252{
	height: 252px;
}
.data288{
	height: 288px;
}
.datagrid-row-over {
	background: #fae0df;
	color: #333;
	cursor: default;
}
.datagrid-header td, .datagrid-body td, .datagrid-footer td {
    border-color: #dae3e6;
}
.datagrid-row-over{
  background: #fae0df;
  color: #333;
  cursor: default;
}
.datagrid-row-selected {
	background: #c52620;
	color: #fff;
}
.datagrid-header, .datagrid-toolbar, .datagrid-pager, .datagrid-footer-inner {
    border-color: #dae3e6;
}
.datagrid-header, .datagrid-td-rownumber,
.datagrid-header td.datagrid-header-over  {
    background: #f0ece4;
}
/*重新定义datagrid end*/

.h2_ttl05{
	font-size:20px;
	margin:10px 0 6px;
	line-height: 26px;
	font-weight:700;
	border-bottom: 1px solid #b5b5b5;
	margin-bottom: 5px;
    padding-bottom: 5px;
}

/*重新定义dialog*/
.dialog-col{
	float:left;
	width: 562px;
	max-height: 396px !important;
	overflow: hidden;
	border-radius:0;
}

.dialog-col-alarm{
	float:left;
	width:660px;
	border-box:border-sizing;
	/* width: 1000px; */
	/* padding:10px; */
	max-height: 700px !important;
	overflow: hidden;
	border-radius:0 0 5px 5px;
}
.dialog-col-alert{
	float:left;
	width:1150px;
	border-box:border-sizing;
	/* width: 1000px; */
	/* padding:10px; */
	max-height: 700px !important;
	overflow: hidden;
	border-radius:0 0 5px 5px;
}

.window .window-header{
	background: #df6560;
	/* background: -webkit-linear-gradient(top, #aaaaaa 0, #747373 100%);
	background: -moz-linear-gradient(top, #aaaaaa 0, #747373 100%);
	background: -o-linear-gradient(top, #aaaaaa 0, #747373 100%);
	background: linear-gradient(to bottom, #aaaaaa 0, #747373 100%); */
	-webkit-box-shadow: 0 1px 1px #d0d0d0;
	-moz-box-shadow: 0 1px 1px #d0d0d0;
	box-shadow: 0 1px 1px #d0d0d0;
	border-top: 0px solid #d0d0d0;
	/* background: #05aa47;
	background-image: url(images/head_bg.png); */
	/* border-bottom: 2px solid #05aa47; */
	padding: 0px;
	border-radius: 0;
}
.window{
	background: none;
	padding: 0px;
}
.panel-title {
    color: #fff;
    height: 31px;
    line-height: 31px;
    padding:0 10px;
}
.window, .window-shadow {
    border-radius: 0px;
}
.window, .window .window-body {
    border-color: #4d4d4d;
}
.panel-header-noborder {
    border-width: 0;
}
.window .window-header .panel-tool {
    right: 5px;
}
.window .window-header .panel-icon, .window .window-header .panel-tool {
    top: 60%;
}
.panel-tool a:hover{
	background-color: transparent;
}
.panel-header,
.l-btn{
	filter: none;
}
.window .window-body {
	border-width: 0;
}
/*表单*/
.form-group {
	position: relative;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 8px;
}
.form-group .close{
	position:absolute;
	left:753px;
	top:15px;
	width:10px;
	height:10px;
	background:url(images/close-1.png) no-repeat;
}
.form-group:last-child{
	margin-bottom: 6px;
}
label {
    display: inline-block;
    max-width: 100%;
}
.control-label {
    margin-bottom: 0;
    line-height: 26px;
    height: 26px;
    width: 80px;
    text-align: right;
    color: #666;
    font-size: 14px;
}
.textbox-label{
	text-align: right !important;
}
.col-l{
	width:453px;
}
.col-c{
	width:428px;
	border-radius: 3px 0 0 3px !important;
}
.col-s{
	width:183px;
}
/*文本框宽度消防*/
.col-lx{
	width:200px;
}
.col-ls-left{
	width:98px;
}
.col-ls-right{
	width:99px;
}
.col-ld{
	width:577px;
}
.col-ld-sc{ /*有滚动条情况*/
	width:584px;
}
.labeltext{
	width:177px;
}
.labeltextno{
	width:170px;
}
.labeltextsh{
	width:106px;
}
/*文本框宽度消防end*/
.combo-panel {
    border-radius: 3px;
}
.bgbox{
	/* padding: 0 10px 10px 10px; */
	background-color: #fff;
	/* border-radius: 10px; */
}
.datagrid-body .datagrid-cell {
    overflow: hidden;
    text-overflow: ellipsis;
}
/*重新定义dialog end*/
.boxStyle02 {
	position: relative;
	max-height: 328px;
    padding: 12px 15px 15px;
    overflow-x: hidden;
}
.noboxStyle{
	max-height: 362px;
}
.duboxStyle{
	max-height: 420px;
}
.common-btn{
	height: 46px;
	width: 560px;
	border-top: 2px solid #cfd9e4;
}
.btn-fc{
	/* width: 774px; */
	width: 100%;
	padding-right: 8px;
}
.dialog-button {
    border-width: 0;
    padding:9px;
}
.boxStyle07 {
    background: #e6e6e6 none repeat scroll 0 0;
    border: 1px solid #b5b5b5;
    margin-bottom: 10px;
    padding: 5px;
}
.contentbox{
	background: #e6e6e6;
}
.textbox,
.textbox .textbox-text{
	border-radius: 3px;
}
/*按钮*/
.com-btn, 
.save-btn,
.close-btn, 
.edit-btn,
.edit-btn-img {
    padding: 2px 18px;
    border-radius: 3px;
}
.close-btn{
	margin-right: 14px;
}
/* 自定义按钮 */
.custom-btn,
.vermilion{
	padding:2px 10px;
	line-height: 20px;
	-webkit-transition: background-color ease-in-out .5s;
	-moz-transition: background-color ease-in-out .5s;
	-o-transition: background-color ease-in-out .5s;
	transition: background-color ease-in-out .5s;
}
/* 自定义按钮end */
.common-btn .l-btn,
#viewVideoInfo .l-btn,
.form-group .l-btn,
.dialog-button .l-btn{
	background: #deebe4;
	border-width: 0;
	color: #96a3a8;
	border-radius:0;
	filter: none;
	margin-left: 5px;
	-webkit-transition: background-color ease-in-out .5s;
	-moz-transition: background-color ease-in-out .5s;
	-o-transition: background-color ease-in-out .5s;
	transition: background-color ease-in-out .5s;
}
#dataNameBtn.l-btn{
	margin-left: -1px;
	border-radius: 0 3px 3px 0;
}
.dialog-button .l-btn:hover,
.common-btn .l-btn:hover,
.common_btn .l-btn:hover,
.form-group .l-btn:hover,
.custom-btn:hover,
#viewVideo .l-btn:hover,
#viewVideoInfo .l-btn:hover,
.videoButton li:hover {
	background: #d9534f;
	/* border-width: 0; */
	color: #fff;
	/* border:1px solid #d9534f; */
	-webkit-transition: background-color ease-in-out .5s;
	-moz-transition: background-color ease-in-out .5s;
	-o-transition: background-color ease-in-out .5s;
	transition: background-color ease-in-out .5s;
}
.messager-window .l-btn{
	color: #333;
	border-radius: 3px;
	padding: 2px 18px;
	-webkit-transition: background-color ease-in-out .5s;
	-moz-transition: background-color ease-in-out .5s;
	-o-transition: background-color ease-in-out .5s;
	transition: background-color ease-in-out .5s;
}
.messager-window .l-btn:hover{
	background: #fff;
	border:1px solid #bbb;
	-webkit-transition: background-color ease-in-out .5s;
	-moz-transition: background-color ease-in-out .5s;
	-o-transition: background-color ease-in-out .5s;
	transition: background-color ease-in-out .5s;
}
.messager-window .dialog-button {
    border-color: transparent;
}
.messager-question {
    background: url('images/messager_icons.png') no-repeat scroll -32px 0;
}
.messager-body {
    padding: 21px 26px 11px 26px;
}
.messager-body {
    overflow: auto;
    height:auto !important;
    padding: 10px 10px 30px;
}
#footAlarm.messager-body{
	padding-bottom: 0px;
}
.messager-icon {
    margin-right:14px;
}
.messager-window .dialog-button .l-btn {
    margin-left: 9px;
}
#toolbar .l-btn:hover{
	border-width: 1px;
	border-color: #048039;
	transition: none;
}
.combo-arrow{
	background-color: transparent; 
}
.l-btn-focus {
  outline: 0;
}
.textbox .textbox-button-right, .textbox .textbox-button-right:hover {
    border-width: 0;
}
/*按钮end*/

/*页面左侧菜单*/
.leftSubMenu{
	background-color: #05ab57;
}
.menu-list{width: 150px;}
.menu-head{
	line-height: 50px;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
	position: relative;
	margin: 0px;
	font-weight: bold;
	background: #05ab57 url(images/pro_left.png) 136px center no-repeat;
	display: block;
	/* border-top-right-radius: 25px;
	border-bottom-right-radius: 25px; */
}
.menu-head a{
	display: block;
	color: #fff;

}
.menu-head a:hover{
	color: #fff;
}
.menu-head:hover,
.menu-body a:hover{
	background-color: #05994f;
	color: #fff;
}
.menu-head span{
	display: block;
	padding-left: 18px;
	margin-left: 33px;
}
.menu-body span{
	display: block;
	padding-left: 15px;

}
.menu-list .current{background:#048039 url(images/pro_down.png) 134px center no-

repeat;color: #fff;}
.menu-body{
	display: none;
	line-height: 38px;
	background: #05994f;
}
.menu-body a{display:block;height:38px;line-height:38px;padding-

left:38px;color:#fff;text-decoration:none;border-top:1px solid #048039;}
.menu-body a:hover{text-decoration:none;}
.ico-nav-001,
.ico-nav-002,
.ico-nav-003,
.ico-nav-004,
.ico-nav-005,
.ico-nav-006,
.ico-nav-007,
.ico-nav-008,
.ico-nav-009,
.ico-nav-010,
.ico-nav-011,
.ico-nav-012,
.ico-nav-013,
.ico-nav-014,
.ico-nav-015,
.ico-nav-016,
.ico-nav-017,
.ico-nav-018,
.ico-nav-019,
.ico-nav-020,
.ico-nav-021,
.ico-nav-022,
.ico-nav-023{
	background-image: url(images/sidemenu_ico.png);
	background-repeat: no-repeat;
	opacity: 0.6;
  	filter: alpha(opacity=60);
}
.ico-nav-001{
	background-position: 19px 1px;
}
.ico-nav-002{
	background-position: 19px -49px;
}
.ico-nav-003{
	background-position: 19px -99px;
}
.ico-nav-004{
	background-position: 19px -149px;
}
.ico-nav-005{
	background-position: 19px -199px;
}
.ico-nav-006{
	background-position: 19px -249px;
}
.ico-nav-007{
	background-position: 19px -299px;
}
.ico-nav-008{
	background-position: 19px -349px;
}
.ico-nav-009{
	background-position: 19px -399px;
}
.ico-nav-010{
	background-position: 19px -449px;
}
.ico-nav-011{
	background-position: 19px -499px;
}
.ico-nav-012{
	background-position: 19px -549px;
}
.ico-nav-013{
	background-position: 19px -599px;
}
/* 综合态势 */
.ico-nav-014{
	background-position: 19px -649px;
}
.ico-nav-015{
	background-position: 19px -699px;
}
.ico-nav-016{
	background-position: 19px -749px;
}
.ico-nav-017{
	background-position: 19px -799px;
}
/* 基础平白 */
.ico-nav-018{
	background-position: 19px -849px;
}
.ico-nav-019{
	background-position: 19px -899px;
}
.ico-nav-020{
	background-position: 19px -949px;
}
.ico-nav-021{
	background-position: 19px -999px;
}
.ico-nav-022{
	background-position: 19px -1049px;
}
.ico-nav-023{
	background-position: 19px -1099px;
}
.current .ico-nav-001,
.menu-head a.ico-nav-001:hover,
.current .ico-nav-002,
.menu-head a.ico-nav-002:hover,
.current .ico-nav-003,
.menu-head a.ico-nav-003:hover,
.current .ico-nav-004,
.menu-head a.ico-nav-004:hover,
.current .ico-nav-005,
.menu-head a.ico-nav-005:hover,
.current .ico-nav-006,
.menu-head a.ico-nav-006:hover,
.current .ico-nav-007,
.menu-head a.ico-nav-007:hover,
.current .ico-nav-008,
.menu-head a.ico-nav-008:hover,
.current .ico-nav-009,
.menu-head a.ico-nav-009:hover,
.current .ico-nav-010,
.menu-head a.ico-nav-010:hover,
.current .ico-nav-011,
.menu-head a.ico-nav-011:hover,
.current .ico-nav-012,
.menu-head a.ico-nav-012:hover,
.current .ico-nav-013,
.menu-head a.ico-nav-013:hover,
.current .ico-nav-014,
.menu-head a.ico-nav-014:hover,
.current .ico-nav-015,
.menu-head a.ico-nav-015:hover,
.current .ico-nav-016,
.menu-head a.ico-nav-016:hover,
.current .ico-nav-017,
.menu-head a.ico-nav-017:hover,
.current .ico-nav-018,
.menu-head a.ico-nav-018:hover,
.current .ico-nav-019,
.menu-head a.ico-nav-019:hover,
.current .ico-nav-020,
.menu-head a.ico-nav-020:hover,
.current .ico-nav-021,
.menu-head a.ico-nav-021:hover,
.current .ico-nav-022,
.menu-head a.ico-nav-022:hover,
.current .ico-nav-023,
.menu-head a.ico-nav-023:hover{
	opacity: 1.0;
  	filter: alpha(opacity=100);
}
/* .ico-nav-sub-001{
	background: url(images/left_nav_001.png) no-repeat 32px 11px;
} */
.menu-body .on{
	background-color: #068b3f;
}
/* .ico-nav-sub-001:hover,
.menu-body a.on span.ico-nav-sub-001,
.menu-body a.ico-nav-sub-001:hover{
	background: url(images/left_nav_001_on.png) no-repeat 32px 11px;
} */
/* .ico-nav-001:hover{
	background: url(images/left_nav_001.png) no-repeat 0 2px;
} */
/*页面左侧菜单end*/

/*datagrid toolbar*/
.tools-btn {
	display: inline-block;
	min-width: 50px;
	height: 30px;
	padding: 0 12px;
	background: #d9534f;
	line-height: 30px;
	font-size: 14px;
	text-align: center;
	color: #fff;
	cursor: pointer;
	margin:8px 0 7px 8px;
	border-radius: 3px;
}
.tools-btn span {
	display: block;
	/*padding-top: 2px;*/
	background-repeat: no-repeat;
	background-position: left 9px;
}
.tools-btn:hover {
	background: #cf1f1a;
	color: #fff;
}
.tools-btn span.btn_back {
	padding-left: 16px;
	background-image: url(images/com_ico006.png);
}
.tools-btn:hover span.btn_back {
	background-image: url(images/com_ico006_on.png);
}
.tools-btn span.btn_notrelate {
	padding-left: 16px;
	background-image: url(../../images/not_relate.png);
}
.tools-btn:hover span.btn_notrelate {
	background-image: url(../../images/not_relate_on.png);
}
.tools-btn span.btn_synchro {
	padding-left: 16px;
	background-image: url(../../images/synchro.png);
}
.tools-btn:hover span.btn_synchro {
	background-image: url(../../images/synchro_on.png);
}
.tools-btn span.btn_add {
	padding-left: 16px;
	background-position:-136px -71px;
}
/* .tools-btn:hover span.btn_add {
	background-image: url(images/com_ico001_on.png);
} */
.tools-btn span.btn_del {
	padding-left: 16px;
	background-position:-136px -100px;
}
/* .tools-btn:hover span.btn_del {
	background-image: url(images/com_ico002_on.png);
} */
.tools-btn span.btn_import {
	padding-left: 16px;
	background-image: url(images/com_ico003.png);
}
.tools-btn:hover span.btn_import {
	background-image: url(images/com_ico003_on.png);
}
.tools-btn span.btn_export {
	padding-left: 16px;
	background-image: url(images/com_ico004.png);
}
.tools-btn:hover span.btn_export {
	background-image: url(images/com_ico004_on.png);
}

.tools-btn span.btn_ico011 {
	padding-left: 16px;
	background-image: url(images/com_ico011.png);
}

.tools-btn span.btn_upload {
	padding-left: 16px;
	background-image: url(images/com_ico005.png);
}
.tools-btn:hover span.btn_upload {
	background-image: url(images/com_ico005_on.png);
}
.toolsBtnBox {
	padding-left: 10px;
	height: 37px;
	/* 	margin-top: 8px;
line-height: 45px; */
}
.textbox-addon .icon-clear{
	position: absolute;
	left: -31px;
	top: 2px;
}
.dobule-date .icon-clear{
	position: absolute;
	right: 24px;
	top: 10px; 
	z-index: 99999;
	width: 18px;
	height: 28px;
	cursor: pointer;
	display: none
}
#HasTreePanel .panel-header,#HasTreePanel .panel-body {
    border-style: none;
}
.panel-header, .panel-body {
    border-color: #dae3e6;
    border-style: solid;
}

.toolsBox02 {
   /*  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fefefe 0px, #f2f2f2 

100%) repeat scroll 0 0; */
    overflow: hidden;
    /* border-bottom: 1px solid #cfd9e4; */
}
.searchbox-button{
    background-position:-133px -276px;
}
.icon-search{
    background: url("images/search.png") no-repeat;
}
#ToolsBtn .toolsBtnBox .l-btn,
#ToolsBtnNote .toolsBtnBox .l-btn,
#Alone .l-btn{
	/* background: #c52620; */
	color: #8e8e8e;
}
#ToolsBtn .toolsBtnBox .l-btn:hover,
#Alone .l-btn:hover{
	background: #fff;
}
.textbox {
    border: 1px solid #afafaf;
}
.datagrid-toolbar, .datagrid-pager {
    background: #fff none repeat scroll 0 0;
}
.datagrid-toolbar{
	padding: 0;
}
/*datagrid toolbar end*/
/* searchbox */
.searchbox-button::before {
    color: #fff;
    /* content: "搜索"; */
    font-size: 12px;
    line-height: 30px;
    padding: 0 0 0 12px;

}
.searchbox-button{
	width: 51px !important;
}
.searchbox .textbox-addon {
	position: absolute;
	/* top: -1px !important; */
	right: -65px !important;
	width: 56px;
	/* background: #05ab57; */
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	height: 30px;
	background: #d9534f;
}
.searchbox .textbox-addon:hover {
	/* background: #048039; */
}
.searchbox .textbox-text {
	width: auto !important;
	margin-right: 0px !important;
	background: none;
}
/* searchbox end*/
/*  text
=========================================*/
.textSet01 {
	color: #333;
	font-size: 14px;
	line-height: 1.5;
	text-indent: 2em;
}
.textSet02 {
	font-size: 24px;
	color: #c52620;
}
.textSet03 {
	display: inline-block;
	padding-right: 5px;
	color: #4c4c4c;
	font-size: 14px;
	line-height: 26px;
	margin-top: 1px;
	float: left;
}
/* .datagrid-header-check, .datagrid-cell-check {
      width: 20px;
height: 20px;
float: left;
cursor: pointer;
margin-left: 10px;
text-align: center;
background-image: url(images/check.png);
background-repeat: no-repeat;
background-position: 0 0;
    } */

/*sideTree*/
.orgtitle {
	border-bottom: 1px solid #cfd9e4;
	color: #048039;
	font-weight: bold;
	line-height: 28px;
	height: 28px;
	margin: 6px 10px 0;
	font-size: 14px;
}
.sideTree,.sideTree1 {
    padding-top: 15px;
    border-right: 1px solid #dae3e6;
}
.tree-node-selected {
    background: #c52620 none repeat scroll 0 0; 
    color: #fff;
}
#accordionDiv .tree-node-selected {
    /* background: #c52620 none repeat scroll 0 0; */
    background: #fff none repeat scroll 0 0 !important;
    color: #c52620;
}
#accordionDiv .tree-node-selected .tree-title{
	color: #c52620;
	font-weight: bold;
}
.tree-node {
	height: auto;
    padding: 5px 0;
}
/*sideTree end*/
/*自定义编辑器*/
.ke-container {
    border: 1px solid #ccc;
    border-radius: 3px;
}
/*自定义编辑器*/
/* 下载附件 */
.enclosure{
	width:446px;
}
.enclosure li{
	position: relative;
	line-height: 22px;
}
.enclosure .download{
	position: absolute;
	right: 0px;
	top: 0px; 
	width: 12px;
	height: 18px;
	background: url(images/com_ico002_on.png) no-repeat 0 4px;
	display: block;
}

.appendix {
	background: url(images/com_ico005.png) no-repeat left center;
	padding-left: 18px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
}

/* 下载附件end */
/* 访客管理 */
.visitorbox{
	
	overflow-x: hidden;
	overflow-y: auto;
	margin-right: -10px;
	padding-top: 6px;
}
.visitorbox li{
	position: relative;
	background-color: #f9f9f9;
	border-radius: 10px;
	height: 99px;
	float: left;
	width: 32.9%;
	margin-right: .4%;
	margin-bottom: .4%;
	color: #fff;
	overflow: hidden;
	box-shadow: 10px 10px 5px #f4f6f9;
}
.visitorbox .content{
	position: relative; 
	margin-left: 136px; 
	height: 99px;
}
.iscome{
	position: absolute;
	right: 0;
	top: 10px;
}
.visitorbox .title,
.visitorbox .carname{
	height:36px;
	line-height: 36px;
	font-size: 18px;
	color: #444;
	font-weight: bold;
}
.visitorbox .carname{
	font-size: 14px;
	height:30px;
	line-height: 30px;
	font-weight: normal;
}
.visitorbox .date{
	height:26px;
	line-height: 26px;
	color: #a1a9b3;
	font-size: 14px;
}
.visitorbox .content .come-in, 
.visitorbox .content .come-exit{
	background-image: url(images/iscome_ico.png);
	background-repeat: no-repeat;
	width: 50px;
	height: 20px;
	padding-left: 16px;
}
.visitorbox .content .come-in{
	background-position: 0 2px;
	color: #05ab57;
}
.visitorbox .content .come-exit{
	background-position: 0 -25px;
	color: #00a0e9;
}
.vermilion{
	background-color: #ff3b49;
	border-radius: 16px;
	padding: 0px 8px;
}
.vermilion:hover{
	background-color: #e41827; 
	border-width: 0;
	color: #fff;
	-webkit-transition: background-color ease-in-out .5s;
	-moz-transition: background-color ease-in-out .5s;
	-o-transition: background-color ease-in-out .5s;
	transition: background-color ease-in-out .5s;
}
/* 访客管理 end*/
.page{
	height: 26px;
	background: #fff;
	position: absolute;
	bottom: 6px;
	right: 10px;
	left: 10px;
	/* width: 98%; */
}
/*响应式*/
@media (min-width: 1559px) {
	.visitorbox li{
	width: 24.55%;
	}
	.fireWater li > ul > li {
	width: 24% !important; 
	}
}
@media (max-width: 1559px) {
	.visitorbox li{
	width: 32.8%;
	}
	.fireWater li > ul > li {
	width: 32% !important;
	}
}
/*响应式end*/
/* 告警管理 */
.alermbox{

}
.alermbox li{
	margin-right:.4%;
	width: 49.8%;
	float: left;
	height: 140px;
	border-radius: 5px;
	border-width: 2px;
	border-style: solid;
	border-color: #999;
	display: block;
	cursor: pointer;
}
.alermbox li:last-child{
	margin-right: 0;
}
.alermbox li.green:hover,
.alermbox li.green a:hover,
.alermbox li.gray:hover,
.alermbox li.gray a:hover,
.alermbox li.green a.selected,
.alermbox li.gray a.selected{
	-webkit-transition: background-color ease-in-out .5s;
	-moz-transition: background-color ease-in-out .5s;
	-o-transition: background-color ease-in-out .5s;
	transition: background-color ease-in-out .5s;
	color: #fff;
}
.alermbox li.green:hover,
.alermbox li.green a:hover,
.alermbox li.green a.selected{
	background-color: #05be50;
}
.alermbox li.gray:hover,
.alermbox li.gray a:hover,
.alermbox li.gray a.selected{
	background-color: #999;
}
.alermbox .title{
	font-size: 36px;
	line-height: 80px;
	height: 60px;
	text-align: center;

}
.alermbox .num{
	font-size: 18px;
	line-height: 50px;
	text-align: center;
}
.alermbox li.green{
	border-color: #05be50;
}
.alermbox li.green a{
	color: #05be50;
}
.alermbox li.gray{
	border-color: #999;
}
.alermbox li.gray a{
	color: #999;
}
.alermbox li a{
	height: 140px;
	display: block;
}
/* 告警管理 end*/
/* tab */
.tabsLeftPd .tabs-header-narrow .tabs-narrow {
    margin-top: 10px;
    padding-left: 10px;
}
.tabs-narrow li, .tabs-header-bottom .tabs-narrow li {
    margin-right: 3px;
}
#configurTabs .tabs-narrow li, .tabs-header-bottom .tabs-narrow li {
    margin-right: 0px;
}
/* tab end*/
/* 搜索框 */
.textbox .textbox-button-right, .textbox .textbox-button-right:hover {
    border-width: 1;
    border-radius: 3px;
    right: -68px;
    z-index: 9999;
    height: 29px !important;
    border: 1px solid #afafaf;
}
.textbox {
    overflow: visible;
}
.searchbox .textbox-text {
  width: 100% !important;

}
.searchbox{
	  margin-right: 67px;
}
/* 搜索框 end */
.combo-arrow {
  background-position:-134px -132px;
}
.combo-arrow:hover {
  background-color: transparent;
}
.boxStyle02,
.dialog-toolbar, .dialog-button {
	background-color: #f9f9f9;
}
.common-btn{
	border-top: 0 solid #cfd9e4;
}

/* 综合态势 */
.general-left{
	width: 40%;
	height: 100%;
}
.general-right{
	width: 60%;
	height: 100%;
}
.general-leave,
.general-traffic,
#forcesContent .class-a,
#vehicleContent .class-c,
#alermStaContent .class-d,
#patrolContent .class-e,
.class-i{
	background-image: url(images/general_ico.png);
	background-repeat: no-repeat;
}
.general-leave,
.general-traffic{
	height: 86px;
	width: 202px;
	margin: 40px auto 0;
	padding-left:102px;
}
.general-leave{
	background-position: 0px -118px;
}
.general-traffic{
	background-position: 0px -246px;
}
.general-leave .numtitle,
.general-traffic .numtitle{
	font-size: 60px;
	color: #fff;
	line-height: 56px;
}
.general-leave .title,
.general-traffic .title{
	font-size: 14px;
	color: #fff;
	line-height: 30px;
}
#forcesContent .class-a,
.class-b,
#vehicleContent .class-c,
#alermStaContent .class-d,
#patrolContent .class-e,
.class-i{
	height: 18px;
	padding-left: 36px;
	font-size: 14px;
	line-height: 31px;
}
#forcesContent .class-a{
	background-position: 0 -12px;
	color: #05ab57;
}
.class-i{
	background-position: 0 -75px;
	padding-left: 23px;
	width: 18px;

}
#vehicleContent .class-c{
	background-position: 0 -43px;
	color: #05ab57;
}
#alermStaContent .class-d{
	background-position: -83px -11px;
	color: #05ab57;
}
#patrolContent .class-e{
	background-position: -83px -43px;
	color: #05ab57;
}
/* 综合态势 */

/*安防管控--巡更管理
====================================================================*/
.pT10{
	padding-top:10px;
}
.notesbox{
	
}
.notesbox li{
	margin-right:.2%;
	width: 14.1%;
	float: left;
	height: 100px;
	border-radius: 5px;
	border-width: 2px;
	border-style: solid;
	border-color: #999;
	display: block;
	cursor: pointer;
}
.notesbox li:last-child{
	margin-right: 0;
}
.notesbox li.red{
	border: 2px solid #ff0000;
}
.notesbox li.red a{
	color:#ff0000;
}
.notesbox li.red:hover,
.notesbox li.red a:hover,
.notesbox li.red a.selected{
	-webkit-transition: background-color ease-in-out .5s;
	-moz-transition: background-color ease-in-out .5s;
	-o-transition: background-color ease-in-out .5s;
	transition: background-color ease-in-out .5s;
	color: #fff;
	background:#ff0000;
}
.notesbox li.green:hover,
.notesbox li.green a:hover,
.notesbox li.green a.selected{
	-webkit-transition: background-color ease-in-out .5s;
	-moz-transition: background-color ease-in-out .5s;
	-o-transition: background-color ease-in-out .5s;
	transition: background-color ease-in-out .5s;
	color: #fff;
	background-color: #05be50;
}
.notesbox .title{
	font-size: 20px;
	line-height: 50px;
	height: 50px;
	text-align: center;
}
.notesbox .num{
	font-size: 15px;
	line-height: 20px;
	text-align: center;
}
.notesbox li.green{
	border-color: #05be50;
}
.notesbox li.green a{
	color: #05be50;
}
.notesbox li.red{
	border-color: #ff000;
}
.notesbox li.red a{
	color: #ff000;
}
.notesbox li a{
	height: 96px;
	display: block;
}
/*库房温湿度
==========================================*/
.depotbox{
	overflow-x: hidden;
	overflow-y: auto;
}
.depotbox li{
	position: relative;
	background-color: #f9f9f9;
	border-radius: 10px;
	float: left;
	width: 49.4%;
	margin-right: .5%;
	margin-bottom: .4%;
	overflow: hidden;
}
.depotbox .title{
	position:relative;
	line-height:40px;
	margin-left:10px;
	margin-right:10px;
	padding-left:15px;
	border-bottom:1px dashed #CCC;
	color:#009e3d;
	font-size:16px;
	font-weight:bold;
}
.dapotbox .content{
	position:relative;
	top:40px;
	left:0px;
}
/*消防水系统
==========================================*/
/* .borderR{
	border-right:#CCC dashed 1px;
} */
.marignT{
	margin-top:10px;
}
.contentStyle{
	over-flow:scroll
}
.fireWater{
	overflow-x: hidden;
	overflow-y: auto;
	height: 100%;
}
.fireWater li{
	position: relative;
	background-color: #f9f9f9;
	float: left;
	width: 100%;
	margin-bottom:10px;
	overflow: hidden;
}
.fireWater > ul > li{
	border-radius: 10px;
}
.fireWater > ul > li:last-child{
	margin-bottom: 0;
}
.fireWater .title{
	position:relative;
	line-height:40px;
	margin-left:10px;
	margin-right:10px;
	padding-left:15px;
	border-bottom:1px dashed #CCC;
	color:#009e3d;
	font-size:16px;
	font-weight:bold;
}
.fireWater .line{
	width: 98% !important;
	height: 1px;
	border-top: 1px dashed #ccc;
	margin: -1px 1% 0;

}
.fireWater li>ul>li{
	list-style:none;
	float:left;
	position: relative;
	width:32%;
	margin-top:0.8%;
	margin-bottom:0.8%;
	margin-right:1%;
	padding-left: 1%;
	border-left:#CCC dashed 1px;
	margin-left:-1px;
}
.fireWater li>ul>li .content{
	padding-left:10px;
	width:90%;
}
.fireWater li>ul>li .content div{
	position:relative;
	left:0;
	line-height:30px;
}
.fireWater li>ul>li .span01{
	color:#009e3d;
	letter-spacing:1px;
}
.fireWater li>ul>li .span02{
	color:#a0a0a0;
	letter-spacing:1px;
}
.fireWater li>ul>li .span03{
	display:block;
	width:100%;
	height:18px;
	line-height:18px;
	border-radius:5px;
	background:#ebebeb;
	color:#00bbf3;
}
.fireWater li>ul>li .span03_1{
	display:inline-block;
	width:30%;
	float:left;
	border-radius:5px 0 0 5px;
	background:#00bbf3;
}
.fireWater li>ul>li .span03_2{
	display:inline-block;
	position:relative;
	left:10px;
	width:70%;
	float:right;
	text-align:left;
	z-index:99;
}
.fireWater li>ul>li .span04{
	display:block;
	width:100%;
	height:18px;
	line-height:18px;
	border-radius:5px;
	background:#ebebeb;
	color:#f0ad4e;
}
.fireWater li>ul>li .span04_1{
	display:inline-block;
	width:50%;
	float:left;
	border-radius:5px 0 0 5px;
	background:#f0ad4e;
}
.fireWater li>ul>li .span04_2{
	display:inline-block;
	position:relative;
	left:10px;
	width:50%;
	float:right;
	text-align:left;
	z-index:99;
}
.fireWater li>ul>li .span05{
	display:block;
	width:100%;
	height:18px;
	line-height:18px;
	border-radius:5px;
	background:#ebebeb;
}
.fireWater li>ul>li .span05_1{
	display:inline-block;
	width:80%;
	float:left;
	border-radius:5px 0 0 5px;
	background:#ff3b49;
}
.fireWater li>ul>li .span05_2{
	display:inline-block;
	position:relative;
	left:-60px;
	width:20%;
	color:#fff;
	float:right;
	text-align:left;
	z-index:99;
}
.fireWater li>ul>li .span06{
	display:block;
	width:100%;
	height:18px;
	line-height:18px;
	border-radius:5px;
	background:#ebebeb;
}
.fireWater li>ul>li .span06_1{
	display:inline-block;
	width:70%;
	float:left;
	border-radius:5px 0 0 5px;
	background:#05ab57;
}
.fireWater li>ul>li .span06_2{
	display:inline-block;
	position:relative;
	left:-60px;
	width:30%;
	color:#fff;
	float:right;
	text-align:left;
	z-index:99;
}

/*組件屬性*/
/* .attributelist li{
	float: left;
	color: #fff;
	margin-bottom: 2px;
	height: 28px;
	line-height: 28px;
	background: #434343;
	width: 220px;

}
.attributelist .title{
	padding-left: 6px;
	width: 72px;
	border-right: 2px solid #1b1b1b;

} */
#configurTabs .firechecked{
	margin-top: 7px;
	margin-left: 26px;
}
.attributelist li img{max-height:60px; max-width: 60px;vertical-align: middle; }

/* 动画 */
/* .panel.window{
	transform: translate(0px, 0px);
}
.panel.window{
    transform: translate(0px, -25%);
    transition: transform 0.3s ease-out 0s;
} */

@-webkit-keyframes fadeInDown{
	0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-

20px)}
	100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInDown{
	0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-

20px);transform:translateY(-20px)}
	100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY

(0);transform:translateY(0)}
}
.fadeInDown{
	-webkit-animation-name:fadeInDown;
	animation-name:fadeInDown
}
@-webkit-keyframes fadeOutDown{
	0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}
	100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeOutDown{
	0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY

(20px);transform:translateY(20px)}
	100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY

(0);transform:translateY(0)}
}
.fadeOutDown{
	-webkit-animation-name:fadeOutDown;
	animation-name:fadeOutDown;
}

.panel,
.fadeInDown,
.tabs-panels {
	-webkit-animation-name:fadeInDown;
    animation-name: fadeInDown;
}
/* .window, */
.animated,
.tabs-panels-noborder,
.layout-panel-center{
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}
/*告警管理模块样式*/
/* listStyle03 */
.padB10{
	padding-bottom:10px;
}
.listStyle03 {
	text-align: center;
}
.listStyle03 li {
	display: inline-block;
	float: left;
	/* width: 15%; */
	padding: 5px;
	*padding-bottom: 25px;
}
#StatusList {
	/* min-width:766px; */
	width: 992px;
	overflow-x:auto;
	margin: 0 auto;
	overflow-y:hidden;
}
#StatusList li {
	*padding-bottom: 0px;
}
.listStyle03 > li > a {
	display: block;
	width: 168px;
	/* width: 100%; */
	height: 130px;
	border-width: 3px;
	border-style: solid;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	font-weight: bold;
}
.equipState li{
	width: 25%;
}
.equipState li a{
	width: 100%;
}
.listStyle03 li a span {
	display: block;
}
.listStyle03 li a span.num {
	padding-top: 15px;
	font-size: 36px;
}
.listStyle03 li a span.text {
	font-size: 16px;
}
.listStyle03 li a span.text02 {
	font-size: 15px;
}
.listStyle03 li a.styleRed {
	border-color: #346ea9;
	color: #346ea9;
}
.listStyle03 li.active a.styleRed,
.listStyle03 li a.styleRed:hover {
	background: #346ea9;
	color: #fff;
}
.listStyle03 li a.styleGreen {
	border-color: #c51a1b;
	color: #c51a1b;
}
.listStyle03 li.active a.styleGreen,
.listStyle03 li a.styleGreen:hover {
	background: #c51a1b;
	color: #fff;
}
.listStyle03 li a.styleOrange {
	border-color: #fe9836;
	color: #fe9836;
}
.listStyle03 li.active a.styleOrange,
.listStyle03 li a.styleOrange:hover {
	background: #fe9836;
	color: #fff;
}
.listStyle03 li a.stylePurle {
	border-color: #8e31ba;
	color: #8e31ba;
}
.listStyle03 li.active a.stylePurle,
.listStyle03 li a.stylePurle:hover {
	background: #8e31ba;
	color: #fff;
}
.listStyle03 li a.styleGrey {
	border-color: #1eab3b;
	color: #1eab3b;
}
.listStyle03 li.active a.styleGrey,
.listStyle03 li a.styleGrey:hover {
	background: #1eab3b;
	color: #fff;
}
.listStyle03 li a.styleBred {
	border-color: #ff0002;
	color: #ff0002;
}
.listStyle03 li.active a.styleBred,
.listStyle03 li a.styleBred:hover {
	background: #ff0002;
	color: #fff;
}

/* listStyle04 */
.listStyle04 {
	padding: 0 0 0 20px;
}
.listStyle04 li {
	float: left;
	margin: 0 20px 20px 0;
	text-align: center;
	position: relative;
}
.listStyle04 li a {
	display: block;
	color: #333;
}
.listStyle04 li .num {
	position: absolute;
	left: 8px;
	top: 8px;
	display: block;
	width: 100px;
	height: 100px;
	line-height: 100px;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #fff;
	z-index: 100;
	text-align: center;
}
.listStyle04 li .text {
	padding: 5px 0 0 0;
	font-size: 14px;
	text-align: center;
	line-height: 1.5;
}
.listStyle04 li .circle_bg {
	width: 100px;
	height: 100px;
	border-width: 8px;
	border-style: solid;
	border-radius: 58px;
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}
.listStyle04 li .circle_bg01 {
	background: #de5c29;
	border-color: #e0834e #e09f80 #e09f80 #e09f80;
}
.listStyle04 li .circle_bg02 {
	background: #e0bd47;
	border-color: #e0c658 #e2d084 #e2d084 #e2d084;
}
.listStyle04 li .circle_bg03 {
	background: #8bcf63;
	border-color: #a1d382 #b7d89d #b7d89d #b7d89d;
}
.listStyle04 li .circle_bg04 {
	background: #00ae59;
	border-color: #33be7d #6fca9a #6fca9a #6fca9a;
}

/* listStyle05 */
.listStyle05 {
}
.listStyle05 li {
	counter-increment: item;
}
.listStyle05 li:before {
	display: inline-block;
	width: 2em;
	content: counter(item)"閿熸枻鎷� ";
}

/* listStyle06 */
.listStyle06 {
	text-align: center;
}
.listStyle06 li {
	float: none;
	display: inline-block;
	*float: left;
	width: auto;
	padding: 5px;
	*padding-bottom: 25px;
}
/* #StatusList {
	*width: 880px;
	*margin: 0 auto;
}
#StatusList li {
	*padding-bottom: 0px;
} */
.listStyle06 li a {
	display: block;
	width: 190px;
	height: 160px;
	border-width: 3px;
	border-style: solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-weight: bold;
}
.listStyle06 li a span {
	display: block;
}
.listStyle06 li a span.num {
	padding-top: 15px;
	font-size: 36px;
}
.listStyle06 li a span.text {
	font-size: 16px;
}
.listStyle06 li a span.text02 {
	font-size: 15px;
}
.listStyle06 li a.styleRed {
	border-color: #346ea9;
	color: #346ea9;
}
.listStyle06 li.active a.styleRed,
.listStyle06 li a.styleRed:hover {
	background: #346ea9;
	color: #fff;
}
.listStyle06 li a.styleGreen {
	border-color: #c51a1b;
	color: #c51a1b;
}
.listStyle06 li.active a.styleGreen,
.listStyle06 li a.styleGreen:hover {
	background: #c51a1b;
	color: #fff;
}
.listStyle06 li a.styleOrange {
	border-color: #fe9836;
	color: #fe9836;
}
.listStyle06 li.active a.styleOrange,
.listStyle06 li a.styleOrange:hover {
	background: #fe9836;
	color: #fff;
}
.listStyle06 li a.stylePurle {
	border-color: #8e31ba;
	color: #8e31ba;
}
.listStyle06 li.active a.stylePurle,
.listStyle06 li a.stylePurle:hover {
	background: #8e31ba;
	color: #fff;
}
.listStyle06 li a.styleGrey {
	border-color: #1eab3b;
	color: #1eab3b;
}
.listStyle06 li.active a.styleGrey,
.listStyle06 li a.styleGrey:hover {
	background: #1eab3b;
	color: #fff;
}
.listStyle06 li a.styleBred {
	border-color: #ff0002;
	color: #ff0002;
}
.listStyle06 li.active a.styleBred,
.listStyle06 li a.styleBred:hover {
	background: #ff0002;
	color: #fff;
}
#fourType a.divAll{
	float:left; 
	width:100%; 
	height:24%; 
	text-align:left; 
	line-height:29px; 
	padding-left:10px; 
	box-sizing:border-box;
}
.divAll{
	float:left; 
	width:100%; 
	height:24%; 
	text-align:left; 
	line-height:27px; 
	padding-left:10px; 
	box-sizing:border-box;
}
.divAll02{
	float:left; 
	width:100%; 
	height:50%; 
	text-align:left; 
	box-sizing:border-box;
}
#aa{
	position:relative; 
	border:3px solid #ff0002; 
	border-radius:0;
	-moz-border-radius:0; 
	-webkit-border-radius:0;
}
#aa:hover{
	-webkit-transition: all ease-in-out .5s;
	-moz-transition: all ease-in-out .5s;
	-o-transition: all ease-in-out .5s;
	transition: all ease-in-out .5s;
	background:#ff0002;
	color:#fff;
	cursor:pointer;
}
#bb{
	border-left:3px solid #8e31ba; 
	border-right:3px solid #8e31ba;
	border-bottom:3px solid #8e31ba;
}
#cc{
	border-top:3px solid #FFC100;
	border-left:3px solid #FFC100; 
	border-right:3px solid #FFC100;
	border-bottom:3px solid #FFC100;
}
#bb:hover{
	-webkit-transition: all ease-in-out .5s;
	-moz-transition: all ease-in-out .5s;
	-o-transition: all ease-in-out .5s;
	transition: all ease-in-out .5s;
	background:#8e31ba;
	color:#fff;
	cursor:pointer;
}
#cc:hover{
	-webkit-transition: all ease-in-out .5s;
	-moz-transition: all ease-in-out .5s;
	-o-transition: all ease-in-out .5s;
	transition: all ease-in-out .5s;
	background:#FFC100;
	color:#fff;
	cursor:pointer;
}
#dd{
	position:relative; 
	/* border-left:3px solid #8e31ba; 
	border-right:3px solid #8e31ba; */
	
	border:3px solid #00B1F1; 
	border-top:none;
	border-radius:0 ; 
	-moz-border-radius:0; 
	-webkit-border-radius:0;
}
#dd:hover{
	-webkit-transition: all ease-in-out .5s;
	-moz-transition: all ease-in-out .5s;
	-o-transition: all ease-in-out .5s;
	transition: all ease-in-out .5s;
	background:#00B1F1;
	color:#fff;
	cursor:pointer;
}
#ee{
	position:relative; 
	border:3px solid #8e31ba; 
	border-radius:0 0 5px 5px; 
	-moz-border-radius:0 0 5px 5px; 
	-webkit-border-radius:0 0 5px 5px;
}
#ee:hover{
	-webkit-transition: all ease-in-out .5s;
	-moz-transition: all ease-in-out .5s;
	-o-transition: all ease-in-out .5s;
	transition: all ease-in-out .5s;
	background:#8e31ba;
	color:#fff;
	cursor:pointer;
}
#fourType{
	list-style:none; 
	height:130px;
	width:168px; 
	/* width: 100%; */
	margin:0; 
	border:0;
}
#fourType li{
	display:list-item;
	width:100%; 
	padding:0; 
	margin:0; 
	border:0;
}
#fourType li div #ee:hover,
#fourType li div.active #ee{
	-webkit-transition: all ease-in-out .5s;
	-moz-transition: all ease-in-out .5s;
	-o-transition: all ease-in-out .5s;
	transition: all ease-in-out .5s;
	background:#8e31ba;
	color:#fff;
	cursor:pointer;
}
#fourType .span01{
	position:absolute; 
	right:-15px; 
	top:-2px; 
	font-weight:bold; 
	color:#ff0002;
}
#fourType .span02{
	position:absolute; 
	right:-15px; 
	top:-2px; 
	font-weight:bold; 
	color:#8e31ba;
}
#fourType .condition01{
	/* position:absolute;  */
	top:22px;
}
#fourType .condition02{
	/* position:absolute;  */
	top:57px;
}
#fourType .condition03{
	/* position:absolute;  */
	top:89px;
}
#fourType .condition04{
	/* position:absolute; */ 
	top:120px;
}
#fourType .condition05{
	position:absolute; 
	top:140px;
}
#closeType{
	list-style:none;
	width:168px;
	/* width: 100%; */
	height:130px; 
	margin:0; 
	border:0;
	color:#1eab3b;
}
#closeType > li{
	display:list-item;
	width:448px; 
	padding:0; 
	/* margin:0; 
	border:0; */
}
#closeType .condition01{
	position:absolute; 
	top:22px;
}
#closeType .condition02{
	position:absolute; 
	top:88px;
}
#closeFloop{
	position:relative; 
	border:3px solid #1eab3b; 
	border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0; 
	-webkit-border-radius:5px 5px 0 0;
	display:block;
}
#closeSloop{
	position:relative; 
	border:3px solid #1eab3b; 
	border-top:0;
	border-radius:0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px; 
	-webkit-border-radius:0 0 5px 5px;
	display:block;
}
#closeFloop:hover,
#closeSloop:hover{
	background:#1eab3b;
	color:#ffffff;
	cursor:pointer;
	-webkit-transition: all ease-in-out .5s;
	-moz-transition: all ease-in-out .5s;
	-o-transition: all ease-in-out .5s;
	transition: all ease-in-out .5s;
}
#closeFloop .span01,
#closeSloop .span01{
	display:block; 
	padding-top:0px; 
	text-align:center; 
	font-weight:bold; 
	font-size:23px;
}
#closeFloop .span02,
#closeSloop .span02{
	display:block; 
	text-align:center;  
	font-size:15px;
}
.lineH01{
	line-height:38px;
}
/* clearfix */
.listStyle01:after,
.twoCol01:after,
.twoCol02:after,
.listStyle03:after,
.listStyle04:after,
.listStyle05:after,
.clearfix:after {
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0;
}
.listStyle01,
.twoCol01,
.twoCol02,
.listStyle03,
.listStyle04,
.listStyle05,
.clearfix {
	zoom: 1;
}
.toolsBox02 {
	padding: 0;
	background: #f8f8f8;
	background: -webkit-linear-gradient(top,#fefefe 0,#f2f2f2 100%);
	background: -moz-linear-gradient(top,#fefefe 0,#f2f2f2 100%);
	background: -o-linear-gradient(top,#fefefe 0,#f2f2f2 100%);
	background: linear-gradient(to bottom,#fefefe 0,#f2f2f2 100%);
	overflow: hidden;
}
.colL {
    float: left !important;
}
.pdL30 {
    padding-left: 30px !important;
}
.toolsBtnBox {
    height: 40px;
    padding: 10px 0 0 10px;
}
.textSet03 {
    color: #4c4c4c;
    display: inline-block;
    font-size: 14px;
    line-height: 26px;
    padding-right: 5px;
}
.bg_ease {
    transition: background-color 0.5s ease-in-out 0s;
}
.com_imgBtn, .com_btn, .save_btn, .edit_btn {
    cursor: pointer;
    letter-spacing: 1px;
    margin-right: 5px;
    min-width: 5em;
    padding: 3px 10px;
    text-align: center;
}
.toolsBox02 {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fefefe 0px, #f2f2f2 

100%) repeat scroll 0 0;
    overflow: hidden;
    padding: 0;
}
.toolsBtnBox {
    height: 40px;
    padding: 8px 0 0 10px;
}
.comBtn_green {
	background: #00a942;
	color: #fff;
	border-color: #00a942;
}
.comBtn_green:hover {
	background: #009339;
	color: #fff;
	border-color: #009339;
}
.comBtn_orange {
	background: #ff9542;
	color: #fff;
	border-color: #ff9542;
}
.comBtn_orange:hover {
	background: #de8138;
	color: #fff;
	border-color: #de8138;
}
.comBtn_zi{
	background:#8e31ba;
	color: #fff;
	border-color: #8e31ba;
}
.comBtn_zi:hover {
	background: #8e31ba;
	color: #fff;
	border-color: #6e2890;
}
.comBtn_red{
	background:#ff0002;
	color: #fff;
	border-color: #c02122;
}
.comBtn_red:hover {
	background: #ff0002;
	color: #fff;
	border-color: #ff0002;
}
.slideBox{ height:240px; overflow:hidden; position:relative; border:1px solid #ddd;  

}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; 

bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-

height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{  display:block;  }
/*视频设备*/
.tools_btn {
	background: url(images/com_bg_line.png) no-repeat left center;
    color: #4c4c4c;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    min-width: 50px;
    padding: 8px 10px 12px;
    text-align: center;
}
.tools_btn span.btn_ico011 {
    background-image: url("images/com_ico011.png");
    padding-left: 16px;
}
.tools_btn span {
    background-position: left 0.65em;
    background-repeat: no-repeat;
    display: block;
}
/*邮箱重置密码*/
.bgC01{
	background:#eaeef1;
}
.marginTop10{
	margin-top:10px;
}
.contentDiv{
	margin:0 auto; 
	width:956px; 
	height:473px; 
	background:#fff; 
	border:1px solid #ebebeb; 
	-webkit-box-shadow:0 2px 3px #e1e1e1;
	-mos-box-shadow:0 2px 3px #e1e1e1;
	box-shadow:0 2px 3px #e1e1e1;
}
.resetDiv{
	margin:0 auto; 
	text-align:center; 
	width:100%; 
	height:166px; 
	border-bottom:1px solid #ebebeb;
	background:#fff;
}
.resetDiv ul{
	margin:0 auto; 
	padding:0;
	list-style:none;
	background:rgba(0,0,0,0) url("images/ul_bg.png")no-repeat center 16px;
	text-align:center;
	overflow:hidden;
	width:350px;
}
.resetDiv ul li{
	float:left;
	font-size:13px;
	font-weight:bold;
	color:#363636;
	text-align:center;
}
.resetDiv ul li.twoSite{
	float:right;
	font-size:12px;
	font-weight:bold;
	color:#363636;
}
.resetDiv ul li a{
	/* background: #d6d6d6 none repeat scroll 0 0; */
	border:1px solid #dfdfdf;
    border-radius: 50px;
    color: #dfdfdf;
    display: block;
    font-size: 18px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    position: relative;
    text-decoration:none;
}
.resetDiv ul li a.current {
    background: #c42620 none repeat scroll 0 0;
    color:#fff;
    border:0;
}
.validateBox{
	margin:0 auto;
	position:relative;
	width:350px;
	/* height:400px; */
	margin-top:60px;
	background:#fff;
	/* overflow:hidden; */
}
.validateBox .labelStyle{
	width:60px;
	display: inline-block;
	text-align:right;
	font-size:14px;
	font-color:#363636;
	margin-right:10px;
}
.validataBox .inputStyle{
	width:200px;
	height:30px;
	line-height:30px;
	padding-left:8px;
}
.validateBox .span01{
	position:absolute;
	display:inline-block;
	top:10px;
	left:-40px;
	z-index:99;
}
.validateBox .span02{
	float:right;
	width:50px;
	height:25px;
	line-height:25px;
	text-align:center;
	background:#7c7c7c;
	color:#fff;
	float:right;
}
.validateBox .div01{
	float:right;
}
.validateBox .div02{
	float:right;
	width:300px;
	font-size:14px;
}
.validateBox .div03{
	float:right;
	width:300px;
	height:10px;
}
.validateBox div > input{
	height:25px;
	line-height:25px;
	border:1px solid #dfdfdf;
}
.validateBox .btnOne{
	width:200px;
	height:25px;
	line-height:25px;
	text-decoration:none;
	display:inline-block;
	background:#4bb235;
	color:#fff;
	font-size:15px;
	text-align:center;
	cursor:pointer;
}
.validateBox .btnOne:hover{
	background:#3f8c2f;
	transition: background 0.5s;
	-moz-transition: background 0.5s;	/* Firefox 4 */
	-webkit-transition: background 0.5s;	/* Safari 和 Chrome */
	-o-transition: background 0.5s;	/* Opera */
}
.validateBox .btnTwo{
	width:300px;
	height:25px;
	line-height:25px;
	text-decoration:none;
	display:inline-block;
	background:#4bb235;
	color:#fff;
	font-size:15px;
	text-align:center;
	margin-top:60px;
}
.validateBox .btnTwo:hover{
	background:#3f8c2f;
	transition: background 0.5s;
	-moz-transition: background 0.5s;	/* Firefox 4 */
	-webkit-transition: background 0.5s;	/* Safari 和 Chrome */
	-o-transition: background 0.5s;	/* Opera */
}
.validateBox .btnThree{
	width:300px;
	height:25px;
	line-height:25px;
	text-decoration:none;
	display:inline-block;
	background:#c52720;
	color:#fff;
	font-size:15px;
	text-align:center;
	margin-top:60px;
}
.validateBox .btnThree:hover{
	background:#a42520;
	-moz-transition: background 0.5s;	/* Firefox 4 */
	-webkit-transition: background 0.5s;	/* Safari 和 Chrome */
	-o-transition: background 0.5s;	/* Opera */
	transition: background 0.5s;
}
.timeSetdiv{
 	padding:10px;
 	position:relative;	
 }
.timeSetdiv .boxStyle06{
	position:absolute;
	border:1px solid #b5b5b5;
	border-radius:10px;
	color:#999;
	font-size:14px;
	margin-bottom:20px;
	padding:30px 10px;
	position:relative;	
}
.timeSetdiv .boxStyle06 h2{
	color:#c52620;
	position:absolute;
	top:-15px;
	left:10px;	
	padding:0 10px;
	font-weight:bold;
	letter-spacing:1px;
	background:#fff;
}

/*翻页*/
.pagination .pagination-num{
	width: 3em;
}
/* .tableStyle04 */
.tableStyle04 {
	width: 100%;
	background: #fff;
	border-left: 1px solid #b5b5b5;
	border-top: 1px solid #b5b5b5;
}
.tableStyle04 th,
.tableStyle04 td {
	padding: 2px 5px;
	border-right: 1px solid #b5b5b5;
	border-bottom: 1px solid #b5b5b5;
	text-align: center;
	color: #555;
	font-size: 14px;
}
.tableStyle04 thead th {
	background: #cecece;
}
.tableStyle04 .edit_input {
	width: 100%;
	padding: 2px 5px;
	border: 1px solid #b5b5b5;
	text-align: center;
	box-sizing: border-box;
}
.edit_input:disabled,
.edit_input[disabled="disabled"] {
	background: #fff;
	border-color: #fff;
}
.toolsWrap_Special_01 {
	height:44px;
	overflow:hidden;
	padding: 6px;
	border: 1px solid #b5b5b5;
	background: #f4f4f4;
}
.close_panel,
.open_panel{
	width:7px;
	height:50px;
	float:left;
}
.close_panel{
	background-position: -222px -334px;
}
.open_panel{
	background-position: -236px -334px;
}
.close_panel:hover{
	background-position: -229px -334px;
}
.open_panel:hover{
	background-position: -243px -334px;
}


/* 告警提醒 */
.alarmIcon{
	float:left;
	padding-left:50px;
	min-height:56px;
	line-height:16px;
	border-bottom:1px dotted #cbcbcb;
	margin-bottom:10px; 
	padding-bottom:10px; 
	width:100%;
	
}
.alarmIcon:last-child{
	border-bottom:0px dotted #cbcbcb;
	padding-bottom:2px; 
	margin-bottom:2px; 
}
.ALARMTYPE1{
	background:url(images/boiler_red.png) no-repeat;/* 锅炉*/
} 
.ALARMTYPE2{
	background:url(images/fire_red.png) no-repeat;/* 消防*/
} 
.ALARMTYPE3{
	background:url(images/power_red.png) no-repeat;/* 变配电*/
} 
.ALARMTYPE4{
	background:url(images/pump_red.png) no-repeat;/* 海水泵*/
} 
.ALARMTYPE5{
	background:url(images/analysis_red.png) no-repeat;/* 智能分析*/
} 
.ALARMTYPE6{
	background:url(images/water_red.png) no-repeat;/* 消防水系统*/
} 
.ALARMTYPE7{
	background:url(images/car_red.png) no-repeat;/* 车流量*/
} 
.dutable{
	height:370px; 
	width:418px;
	float: left;
	margin-right:16px;
	margin-left: 8px;
}
.redstar{
	position: absolute;
	top:50%;
	color:#ff0000;
	padding-left:6px;
	margin-top:-9px;
}
/*物联网接入考核样式*/
.dutyCutoverBtn{
	border: 1px solid #b5b5b5;
    border-radius: 3px;
}
.selectWeek, .selectMonth, .selectYear {
    color: #666;
    font-size: 20px;
    line-height: 1;
    margin: 15px 0 0 30px;
}
.selectWeek a, .selectMonth a, .selectYear a {
    margin: 0 5px;
    padding: 0 5px;
}
.dutyCutoverBtn a.duty_btn.current {
    background: #c52620 none repeat scroll 0 0;
    color: #fff;
    font-weight: bold;
}
.dutyCutoverBtn a.duty_btn {
    background: #fff none repeat scroll 0 0;
    color: #333;
    display: block;
    float: left;
    font-size: 14px;
    min-width: 5em;
    padding: 4px 18px;
    text-align: center;
}
.selectWeek, .selectMonth, .selectYear {
    color: #666;
    font-size: 20px;
    line-height: 1;
    margin: 15px 0 0 30px;
}
.tableStyle05 {
    border-left: 1px solid #c52620;
    border-top: 1px solid #c52620;
    width: 100%;
}
.tableStyle05 thead th {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #c51a1b 0px, #a71415 

100%) repeat scroll 0 0;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
}
.tableStyle05 tbody td {
    background: #f6eddb url("../../../common/images/com_bg001.png") no-repeat scroll 

0 0;
    padding: 40px 5px;
    text-align: center;
    width: 33.3%;
}
.tableStyle05 th, .tableStyle05 td {
    border-bottom: 1px solid #c52620;
    border-right: 1px solid #c52620;
    padding: 5px;
}
.orderBox {
    display: inline-block;
    font-size: 20px;
    line-height: 1;
    padding: 0 0 0 60px;
}
.orderBox .order {
    color: #c52620;
    display: inline-block;
    float: left;
    font-size: 60px;
    font-style: italic;
    margin-left: -80px;
    text-align: center;
    width: 60px;
}
.orderBox .name {
    display: inline-block;
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 10px;
}
.orderBox .score {
    font-size: 36px;
}
/*海水泵*/
.mainDiv { 
	height:auto; 
	width:100%; 
	border:none;
	float:left;
}
.partMain{
	float:left;
	width:100%;
	min-width:150px !important;
	height:24.2%;
	/*margin-left:0.5%;
	margin-top:0.5%;
	 border: 1px #999 solid; */
	background:#fff;
	z-index:55;
}
.partMain:hover{
	float:left;
	width:100%;
	min-width:150px !important;
	height:24.2%;
	/*margin-left:0.5%;
	margin-top:0.5%;
	border: 1px #ff0000 solid;
	transition:border 0.5s;
	-o-transition:border 0.5s;
	-moz-transition:border 0.5s;
	-webkit-transition:border 0.5s;
	background:#f4f4f4; */
	z-index:55;
	cursor:pointer;
}
.echartsNormal{
	margin-left:auto; 
	margin-right:auto; 
	width:250px; 
	height:230px;
}
.textS01{
	width:100%; 
	text-align:center; 
	color:#363636; 
	font-size:14px;
}
.textS02{
	color:#1e8cf2; 
	font-weight:bold;
}
.textS03{
	color:#ff0800; 
	font-weight:bold;
}
.sliderDiv{
	width:100%; 
	height:270px; 
	text-align:center;
}
.sliderTab{
	margin:0 auto; 
	padding:0 auto; 
	padding-top:10px;
}
.sliderTab .td01{
	width:140px;
	max-height:125px !important;
	border: solid 1px #000;
	border-top-width: 0px;
	vertical-align: bottom;
}
/*值班管理*/
.picCred{
	width:25px; 
	height:15px;
    background:#ff3640; 
    display:inline-block; 
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
.picCyellow{
	width:25px; 
	height:15px;
    background:#fdd548; 
    display:inline-block; 
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
.picCgreen{
	width:25px; 
	height:15px;
    background:#70e35e; 
    display:inline-block; 
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
.table03 {
    color: #333;
    font-size: 12px;
}
.table03 td {
    line-height: 15px;
}
.timeaxis {
    width: 100%;
}
.timeaxislist {
    padding: 10px 20px 20px;
}
.timeaxislist li {
    padding: 20px 0;
    position: relative;
}
.timeaxislist .datetime {
    color: #676767;
    float: left;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    white-space: nowrap;
    width: 7%;
}
.timeaxislist .timeprogressbar {
    background: rgba(0, 0, 0, 0) url("images/time_bg.png") repeat scroll 0 0;
    border-radius: 20px;
    height: 22px;
    margin-left: 7%;
    margin-right: 5%;
    padding: 0 4px;
    position: relative;
}
.timeaxislist .endtime {
    background: rgba(0, 0, 0, 0) url("images/time_needle.png") no-repeat scroll 7px 

bottom;
    color: #c8c8c8;
    position: absolute;
    right: -6px;
    top: -20px;
}
.timeprogressbar .lefttime {
    background: rgba(0, 0, 0, 0) url("images/left_time_bg.png") repeat scroll 0 0;
    height: 22px;
    left: 0;
    position: absolute;
    width: 11px;
    z-index: 99;
}
.timeprogressbar .righttime {
    background: rgba(0, 0, 0, 0) url("images/right_time_bg.png") repeat scroll 0 0;
    height: 22px;
    position: absolute;
    right: 0;
    width: 11px;
    z-index: 99;
}
.timeline {
    position: relative;
    width: 100%;
}
.timeneedle {
    left: 0;
    position: absolute;
    top: -20px;
    width: 100%;
}
.timeneedle .timenum {
    background: rgba(0, 0, 0, 0) url("images/time_needle.png") no-repeat scroll 0 bottom;
    color: #c8c8c8;
    float: left;
    font-style: normal;
    height: 20px;
    width: 12.5%;
}
.timeneedle .timetext {
    position: relative;
}
.timeneedle .timetext .single {
    left: -3px;
    position: absolute;
}
.timered {
    background: rgba(0, 0, 0, 0) url("images/time_red_bg.png") repeat scroll 0 0;
    height: 14px;
    margin-top: 4px;
    position: absolute;
    width: 100%;
}
.time_btn {
    min-width: 4%;
    padding: 2px;
    position: absolute;
    right: 0;
    top: 15px;
}
.datagrid-toolbar table {
    background: none repeat scroll 0 0 #f4f4f4;
    border-collapse: collapse;
    border-color: #666666;
    border-width: 0;
    color: #333333;
    font-family: verdana,arial,sans-serif;
    font-size: 14px;
}
.datagrid-toolbar table td {
    background: none repeat scroll 0 0 #f4f4f4;
    border-color: #dedede;
    border-style: solid;
    border-width: 0;
    padding: 6px;
}

.toolsbtnwindows {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #b5b5b5 #b5b5b5 currentcolor;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    margin: 15px 0 0 15px;
    width:530px;
}

.layout-expand-west.layout-expand{
	width: 26px !important; /*jquery.easyui.min.js 5553行 */
	border-right:1px solid #dadada; 
}

.layout-split-west {
    border-right: 1px solid #b4b4b4;
}
.layout-expand {
    background-color: #e6e6e6;
}
.layout-expand-west .layout-button-right {
    background: rgba(0, 0, 0, 0) url("images/Hamburg.png") no-repeat;
}
.layout-split-west .layout-button-left {
    background: rgba(0, 0, 0, 0) url("images/Hamburg.png") no-repeat;
}

#Weather .mask_icon {
	position: absolute;
	right: 0;
	top: 0;
	width: 26px;
	*width: 24px;
	width: 24px\9;
	height: 58px;
	background: #e5e5e5;
	*background: #fff;
	background: #fafafa\9;
}
#Weather .mask{
	position: absolute;
	left: 0;
	top: 0;
	width: 140px;
	height: 58px;
	background: #fff;
	opacity: 0;
	-moz-opacity: 0;
	-webkit-opacity: 0;
	filter: alpha(opacity=0);
	filter: alpha(opacity=60) \9;
}
#main .alarmvideolist{
	float:left;
	width:100%; 
	height:200px; 
	border-bottom:1px solid #bababa;
}
#main .alarmvideolist:last-child{
	border-bottom:0px solid #bababa;
}
/*20170809车流量*/

*{
	margin:0;
	padding:0;
	border:0;
}
.width100{
	width:100%;
	box-sizing:border-box;
}
.insideW100{
	width:100%; 
	height:100%; 
	box-sizing:border-box; 
	background:#fff;
}
.width75{
	width:75%;
	box-sizing:border-box;
}
.width50{
	width:50%;
	box-sizing:border-box;
}
.width25{
	width:25%;
	box-sizing:border-box;
}
.pad20{
	padding:20px;
}
.pad16{
	padding:16px !important;
}
.pad10{
	padding:10px !important;
}
.padLR20{
	padding:0 20px !important;
}
.padAll001{
	padding:10px 0 2px 10px;
}
.padAll002{
	padding:10px 10px 2px 0;
}
.padL15{
	padding-left:15px !important;
}
.padL10{
	padding-left:10px !important;
}
.padR10{
	padding-right:10px !important;
}
.padR5{
	padding-right:5px !important;
}
.fontS12{
	font-size:12px;
	color:#23a0b7;
	font-weight:bold;
}
.fontS12_two{
	font-size:12px;
	color:#ba8402;
	font-weight:bold;
}
.fontS12_three{
	font-size:12px;
	color:#757784;
	font-weight:bold;
}
.fontS13{
	font-size:13px;
	color:#fff;
	/* font-weight:bold; */
}
.fontS14{
	font-size:14px;
	color:#666;
	font-weight:bold;
}
.fontS20{
	font-size:20px;
	color:#fff;
	/* font-weight:bold; */
}
.fontS27{
	font-size:27px;
	color:#a9a1af;
	font-weight:bold;
}
.fontS29{
	font-size:29px;
	/* font-weight:bold; */
}
.bgColorall{
	background:#a9a1af;
}
.bgColorqtoh{
	background:#30d7e7;
}
.bgColorhtoq{
	background:#ffbf00;
}
.borderRadius5{
	-moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari 和 Chrome */
    border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.borderRadiusL5{
	-moz-border-radius: 5px 0 0 5px; /* Firefox */
    -webkit-border-radius: 5px 0 0 5px; /* Safari 和 Chrome */
    border-radius: 5px 0 0 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.borderRadiusR5{
	-moz-border-radius:0  5px 5px 0; /* Firefox */
    -webkit-border-radius:0  5px 5px 0; /* Safari 和 Chrome */
    border-radius:0  5px 5px 0; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.borderall01{
	border:1px solid #ccc;
}
.borderR{
	border-right:1px solid #fff;
}
.borderR02{
	border-right:1px solid #ccc;
}
.car_content{
	width:100%;
	min-width:1192px;
	over-flow:hidden;
	/*filter:alpha(opacity=50); 
	-moz-opacity:0.5;  
    -khtml-opacity: 0.5;  
    opacity: 0.5;  
	background:url(car_bg.png) repeat left top;
	background:#000;*/
	
}
.car_content ul{
	padding:0;
	margin:0;
	width:100%;
	list-style:none;
	font-size:0;
}
.car_content ul li{
	display:inline-block;
	vertical-align:middle;
}
.line_top li{
	height:90px;
}
.line_mid,
.line_bottom{
	/* min-height:214px; */
}
.line_mid li,
.line_bottom>:first-child{
	 /*height:260px;min-height:245px; */
	
}
.line_top .bg_to_h{
	 height:100%; 
	 background:#30d7e7; 
	 text-align:left;
}
.line_top .bg_to_q{
	 height:100%; 
	 background:#ffbf00; 
	 text-align:right;
}
/* 自定义switchbtn */
.dutyCutoverBtn {
	border: 1px solid #b5b5b5;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
a.duty_btn {
	float: left;
	display: block;
	min-width: 4em;
	padding: 2px 15px;
	background: #fff;
	color: #666;
	background:#e7e7e7;
	font-size: 13px;
	text-align: center;
}
a.duty_btn:hover{
	cursor:pointer;
}
a.duty_btn.current {
	background: #dd504a;
	color: #fff;
	font-weight: bold;
	vertical-align:middle;
}
/*物联网告警统计*/
.fixDiv{
	position:fixed;
	width:100%; 
	top:0; 
	left:0;
	padding:10px 15px; 
	border-bottom:1px solid #ccc;
}
.downtable,
.downtable:hover{
	z-index:999; 
	/* margin-right:-40px;  */
	right:-26px; 
	width:20px; 
	height:20px;
	cursor:pointer;
}
.downtable{
	background: url('../../images/dtable1.png') no-repeat center center;
}
.downtable:hover{
	background: url('../../images/dtable_hover.png') no-repeat center center;
}
#internetAlarmCount .datagrid-htable{
	font-weight: bold;
}
#internetAlarmCount td#alarm_1,
#internetAlarmCount td#alarm_2,
#internetAlarmCount td#alarm_6,
#internetAlarmCount td#alarm_7,
#internetAlarmCount td#alarm_8,
#internetAlarmCount td#alarm_9,
#internetAlarmCount td#alarm_20{
	font-size:16px !important;
	background:#ccc;
}
#internetAlarmCount td#alarm_1 > .datagrid-cell-group,
#internetAlarmCount td#alarm_2 > .datagrid-cell-group,
#internetAlarmCount td#alarm_6 > .datagrid-cell-group,
#internetAlarmCount td#alarm_7 > .datagrid-cell-group,
#internetAlarmCount td#alarm_8 > .datagrid-cell-group,
#internetAlarmCount td#alarm_9 > .datagrid-cell-group,
#internetAlarmCount td#alarm_20 > .datagrid-cell-group{
	font-size:16px !important;
	height:40px;
	line-height:40px;
}
.titCharts{
	width:100%; 
	height:56px; 
	line-height:56px; 
	color:#333; 
	font-size:25px; 
	text-align:center;
}
/*按区域分&&按设备分*/
.areaequipDiv{
	 width:100%;
	 height:100%;
	 text-align:center;
	 min-width:1130px; 
	 overflow:auto;
	 background:url('../../style/default/images/bareaequipDiv_bg.png') no-repeat right bottom;
	 background-size:100% auto;
}
.areaequipDiv table{
	width:100%; 
	text-align:center;
	margin:0;
	border:0;
	padding:0; 
	font-size:15px;
	font-weight:normal;
	color:#333;
}
.areaequipDiv table tr{
	/* display:block; */
	width:100%;
	padding:0 0 5px 0;
	border-top:5px solid #e6e6e6;
	border-bottom:5px solid #e6e6e6;
}
.areaequipDiv table th{
	background:transparent;
	display:inline_block;
	margin-bottom:5px;
	font-weight:lighter;
	/* display:table-cell; */
}
.areaequipDiv table td{
	height:40px;
	line-height:40px;
	background:#fff;
	display:inline_block;
	margin-bottom:5px;
	/* display:table-cell; */
}
.areaequipDiv table td.leftStyle{
	background:url('../../style/default/images/red_bg.png') repeat-y left top #fff;
	/* border-left:4px solid #c52620; */
	padding-left:20px;
	text-align:left;
}	
.areaequipDiv table td.color01{
	color:#0eb0c5;
}	
.areaequipDiv table td.color02{
	color:#f3b816;
}
.areaequipDiv table td.color03{
	color:#4eaf50;
}
.areaequipDiv table td.color04{
	color:#ef3b47;
}
.areaequipDiv table td.color05{
	color:#e16326;
}
.areaequipDiv table td.color06{
	color:#ad4cab;
}
.areaequipDiv table td.color07{
	color:#2461b1;
}
.areaequipDiv table td.color08{
	color:#b1824c;
}
.areaequipDiv table td.color09{
	color:#c52622;
}
.alarmUl{
	list-style:none;
	display:block;
	margin:0;
	border:0;
	padding:0;
	width:100%;
	height:50px;
	margin-top:40px;
	font-size:15px;
}
.alarmUl li{
	float:left;
	display:inline-block;
	width:25%;
	height:50px;
	line-height:50px;
	text-align:center;
}
.alarmUl li a{
	padding:0 20px;
	width:100%;
	display:inline-block;
	cursor:pointer;
}
.alarmUl li a.backRed{
	background:#c51a1b;
	color:#fff;
  	-webkit-border-radius:5px 0 0 5px; /* Safari 和 Chrome */
	-moz-border-radius:5px 0 0 5px; /* Firefox */
	border-radius:5px 0 0 5px;
}
.alarmUl li a.backOrange{
	background:#fe9836;
	color:#fff;
}
.alarmUl li a.backdarkRed{
	background:#ff0002;
	color:#fff;
}
.alarmUl li a.backViolet{
	background:#8e31ba;
	color:#fff;
  	-webkit-border-radius:0 5px 5px 0; /* Safari 和 Chrome */
	-moz-border-radius:0 5px 5px 0; /* Firefox */
	border-radius:0 5px 5px 0;
}
.equipUl{
	display:block;
	list-style:none;
	margin:0;
	border:0;
	padding:0;
	height:140px;
	/* margin-top:40px; */
}
.equipUl li{
	float:left;
	display:inline-block;
	vertical-align:middle;
  	-webkit-border-radius: 5px; /* Safari 和 Chrome */
	-moz-border-radius: 5px; /* Firefox */
	border-radius:5px;
}
.equipUl li .borderTop01{
	border-top:6px solid #0eb0c7;
}
.equipUl li .borderTop01 .color01{
	color:#0eb0c7;
}
.equipUl li .borderTop02{
	border-top:6px solid #efb817;
}
.equipUl li .borderTop02 .color02{
	color:#efb817;
}
.equipUl li .borderTop03{
	border-top:6px solid #4baf4f;
}
.equipUl li .borderTop03 .color03{
	color:#4baf4f;
}
.equipUl li .borderTop04{
	border-top:6px solid #ed3b47;
}
.equipUl li .borderTop04 .color04{
	color:#ed3b47;
}
.equipUl li .borderTop05{
	border-top:6px solid #e16424;
}
.equipUl li .borderTop05 .color05{
	color:#e16424;
}
.equipUl li .borderTop06{
	border-top:6px solid #b04cac;
}
.equipUl li .borderTop06 .color06{
	color:#b04cac;
}
.equipUl li .borderTop07{
	border-top:6px solid #2362b1;
}
.equipUl li .borderTop07 .color07{
	color:#2362b1;
}
.equipUl li .borderTop08{
	border-top:6px solid #ae834c;
}
.equipUl li .borderTop08 .color08{
	color:#ae834c;
}
.equipUl li a{
	display:inline-block;
	vertical-align:middle;
	background:#fff;
	padding:28px;
	width:100%;
	cursor:pointer;
  	-webkit-border-radius: 5px; /* Safari 和 Chrome */
	-moz-border-radius: 5px; /* Firefox */
	border-radius:5px;
}
.layout-expand-east.layout-expand{
	width: 10px !important; /*jquery.easyui.min.js 5553�? 5336�?*/
	border-right:0px solid #b4b4b4; 
}

.panel-tool a:hover{
	border-radius: 0px;
}
.shrinkBox {
/* 	width: 200px; */
	height: 100%;
	margin-left: 7px;
	background-color: #1b1b1b;
	position: relative;
}
.shrinkBox .shrinkBtn {
	position: absolute;
	left: -7px;
	top: 50%;
	display: block !important;
	width: 7px;
	margin-top: -25px;
	padding: 10px 0;
	background-image: url(images/east_right.png);
	height: 50px;
	cursor: pointer;
}
.shrinkBox .shrinkBtn:hover{
	background-image: url(images/east_right_hover.png);
}
:root .shrinkBox,
:root .shrinkBox .shrinkBtn {/*for IE9*/
	filter:none;
}
.expandBtn a,
.shrinkBox .shrinkBtn a {
	font-size: 14px;
	color: #fff;
	line-height: 1;
	-moz-outline: none;
	outline: none;
}
/* .layout-expand-east .panel-body-noheader {
	border-width: 0px;
} */
.expandWrap {
	height: 100%;
	/* background: #cfd9e4; */
	/*  border-right: 5px solid #555; */ 
	position: relative;
}
.expandBtn {
	position: absolute;
	right: 0px;
	top: 50%;
	margin-top: -25px;
	width: 10px;
	padding: 10px 0 10px 1px;
	background-image: url(images/east_left.png);
	height: 50px;

}
.expandBtn:hover{
	background-image: url(images/east_left_hover.png);
}
.layout-expand-east .panel-body {
    border-width: 0px;
}
/* .panel.layout-expand.layout-expand-east{
	width:20px !important;
	
} */
:root .expandBtn {/*for IE9*/
	filter:none;
}
#sideRightPoint .panel-noscroll {
    overflow: visible;
}
.textbox.combo{
	overflow:hidden\0 !important;
}

.timered{
    position: absolute;
	background:url(../../images/time_red_bg.png);
	height:14px;
	margin-top:4px;
	width:100%;
	/* border-radius:20px; */
}

.timeyellow{
	position: absolute;
	background:url(../../images/time_yellow_bg.png);
	height:14px;
	margin-top:4px;
	width:100%;
	/* border-radius:20px; */
	
}

.timenormal{
	position: absolute;
	background:url(../../images/time_green_bg.png);
	height:14px;
	margin-top:4px;
	width:100%;
	/* border-radius:20px;
	float:left; */
}

/*自定义tab*/
.redtabs .tabs-header,.redtabs .tabs-tool {
    background-color: #C52620;
    border-width: 0px;
}
.redtabs .tabs li a.tabs-inner{
	background:#DF6560;
}
.redtabs .tabs li.tabs-selected a.tabs-inner{
	background:#FFFFFF !important;
	color:#C52620;
}
.redtabs .tabs li a.tabs-inner {
    color: #FFFFFF;
    border-radius:0px;
    border-width: 0px;
}
.redtabs .tabs-panels {
    border-width: 0px;
}
.redtabs .tabs{
	border-width: 0;
}
.window {
    border-width: 0px;
    -moz-box-shadow: 0px 3px 9px #888888; /* 老的 Firefox */
	box-shadow: 0px 3px 9px #888888;
}
.window-proxy-mask, .window-mask {
    background: #000;
}

.box0{
	padding:0 !important;
}
.left50{
	float:left;
	width:50%;
	height:226px;
}
.upbg{
	background:rgba(0,0,0,.5);
	z-index:10;
	width:100%;
	height:226px;
	top:0;
	text-align:center;
	padding-top: 90px;
}
.gismapsearch{
	z-index:10;
	top:20px;
	left:20px;
	-moz-box-shadow: 0px 3px 9px #888888;
	box-shadow: 0px 3px 9px #888888;
}
.left50 .searchbox-button{
	background: url("images/view_search.png") no-repeat 3px 7px;
}
.left50 .searchbox-button:hover,
.pd08 .searchbox-button:hover{
	background: url("images/view_search_hover.png") no-repeat 3px 7px;
}
.left50 .searchbox .textbox-addon {
    top: -1px !important;
    right: -27px !important;
    width: 56px;
    border: 0px solid #afafaf;
}
.left50 .searchbox .textbox-text {
    width: 92% !important;
}
.left50 .textbox.combo{
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-right:0; 
	background-color: #f2f2f1;
}
.left50 .textbox.combo.textbox-focused{
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-right:0; 
	
  -moz-box-shadow: 0 0 0 0 #95B8E7;
  -webkit-box-shadow: 0 0 0 0 #95B8E7;
  box-shadow: 0 0 0 0 #95B8E7;
}

.left50 .textbox.combo .textbox-text{
	background-color: #f2f2f1;
}
.add-btn {
    background: url(images/add-1.png) 4px 8px no-repeat #00c79f;
    color: #fff;
    margin-left: 0px !important;
    padding: 2px 18px;
}

    /*滚动条 start*/  
          ::-webkit-scrollbar {  
            width: 10px;  
            height: 4px;  
            background-color: #F5F5F5;  
          }  
          /*定义滚动条轨道 内阴影+圆角*/  
          ::-webkit-scrollbar-track {  
            -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3);  
            background: #ececec ;
            /* border:1px solid #e5e5e5;  */ 
          }  
          /*定义滑块 内阴影+圆角*/  
          ::-webkit-scrollbar-thumb {  
            border-radius: 0px;  
            -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,.3);  
            background-color:rgba(210, 210, 210, 0.7);  
          }  
          ::-webkit-scrollbar-thumb:hover {  
            border-radius: 0px;  
            -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,.3);  
            background-color:rgba(210, 210, 210, 1);  
          }  
.filelist{
	width:105px !important;height:36px !important;opacity:0;filter:alpha(opacity=0);position:absolute; z-index:100;cursor: pointer;
}
.edit-btn-img .l-btn-text{
	width:56px;height:32px;line-height:32px;
}
.fcenclosure{
	margin-left:5px;
}
.fcenclosure li{
	background-color:#ff0000;
	color:#fff;
	padding:2px 10px;
	float:left;
	margin-right:6px;
	position:relative;
	padding-right:22px;
}
.fcenclosure li a{
	color:#fff;
}
.fcenclosure li i{
	background:url(images/del.png) no-repeat;
	position: absolute;
	right: 3px;
	width:11px;
	height:11px;
	top:6px;
	cursor: pointer;
}
.fcenclosure li i:hover{
	opacity:0.6;
	alpha(opacity=60)
}
.datebox .combo-arrow {
    /* background-image: url('images/datebox_arrow.png'); */
    background-position: -280px -248px;
    /* background-position: center center; */
}
.select-item{
	height:45px;
	float:left;
}

.tangram-suggestion-main{
	z-index:999999999;
}
.baidusearch{
	width: 252px; height: 30px;border:1px solid #95a5aa;padding: 0 6px;border-radius:3px 0 0 3px;
}
.baidubutton{
	width: 30px; 
	height: 30px;
	background:url(images/search3.png) center no-repeat #90a198;
	border:1px solid #95a5aa;
	margin-left:-3px;
	cursor: pointer;
	border-radius:0 3px 3px 0;
}
.windowsTitle{
	border-bottom:1px solid #e7ecee;
	height:40px;
	line-height:40px;
	font-size:16px;
	padding-left:19px;
	color:#3c3c3c;
}
.topBor{
	border-top:1px solid #e7ecee;
}
.closeType > li{
	border:3px solid #5cb95c;
	height:66px;
}
.closeType > li:last-child{
	margin-top:-3px;
}
#fourType > li:last-child{
	margin-top:-2px;
}
.dataContent > li{
	text-align:center;
	padding:0;
	float:left;
	width:128px;
	border-right:2px solid #5cb95c;
	margin-top: 7px;
	font-size:14px;
	font-weight:700;
	line-height: 17px;
}
.dataContent > li:first-child{
	width:57px;
	height:60px;
	border-right:3px solid #5cb95c;
	margin-top: 0px;
	font-size:16px;
	line-height: 23px;
	padding-top: 5px;	
}
.dataContent > li:last-child{
	border-right:0px solid #5cb95c;
}
.dataContent > li i{
	font-size:16px;
}
.dataContent > li > a{
	width:116px;
	height:47px;
	display: inline-block;
	padding-top: 4px;
	color:#5cb95c;
}
.dataContent > li > a.current{
	background:#5cb95c;
	color:#fff;
}
#contentWrap > div{
	display:none;
}
/* 维保 */
.wbList{
	list-style:none;
	width:100%;
	display:block;
	padding-bottom:6px;
	/* background:#4d738d; */
	background:transparent;
}
.wbList li{
	float:left;
	display:inline-block;
	background:transparent;
}
#homeBox .layout-split-east {
    border-left: 5px solid #fff;
}
#positionSearchDiv .mapContent {
    height: 30px;
    border: 1px solid #afafaf;
    float: left;
    border-radius: 5px;
    background-color: #fff;
    -moz-box-shadow: 0 0 3px 0 #95B8E7;
    -webkit-box-shadow: 0 0 3px 0 #95B8E7;
    box-shadow: 0 0 3px 0 #95B8E7;
    margin-right: 10px;
    opacity:0.8;
	filter:Alpha(opacity=80);
}
.mapchecked {
    position: relative;
    border-radius: 3px;
    border: 1px solid #069f43;
    width: 15px;
    height: 15px;
    float: left;
    cursor: pointer;
    margin-right: 2px;
    margin-top: 7px;
    text-align: center;
    background-image: url(images/checked.png);
    background-repeat: no-repeat;
    background-position: -1px -1px;
    margin-left: 8px;
}
.on_check {
    background-position: 0 -21px;
}
/*首页*/
.shadow{
	-moz-box-shadow: 0px 3px 2px #c5c5c5;
	box-shadow: 0px 3px 2px #c5c5c5;
}
.essentialInformation{
	height:290px;
	width:66.66%;
	padding:5px;
}
.threeContent > ul > li{
	height:100px;
	float:left;
	width:25%;
	padding: 5px;
}
.threeContent > ul > li > div{
	padding:10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border:1px solid #dcdfe0;
	height:100%;
}
.threeContent h1{
	font-size:16px;
}
.threeContent h2{
	font-size:26px;
}
.threeContent h2 span{
	font-size:16px;
}
.blueColor{
	color:#10a1f9;
}
.greenColor{
	color:#4caf50;
}
.violetColor{
	color:#7864ef;
}
.redColor{
	color:#f88a85;
}

.twoContent > ul > li{
	height:180px;
	float:left;
	width:50%;
	padding: 5px;
}
.twoContent > ul > li > div{
	padding:10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;	
	-moz-border-radius: 5px;
	border:1px solid #dcdfe0;
	height:100%;
}
.oneContent{
	border:1px solid #dcdfe0;
	height:100%;
	padding:10px;
	-webkit-border-radius: 5px;	
	-moz-border-radius: 5px;
}
.alarmAnalysis,
.news{
	height:291px;
	width:33.33%;
	padding:10px 0 10px;
}
.alarmAnalysis > div,
.news > div{
	border:1px solid #dcdfe0;
	height:100%;
	padding:10px;
	-webkit-border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.bgOne{
	background-color:#cfedff;
}
.bgTwo{
	background-color:#e5f5db;
}
.bgThree{
	background-color:#f1effd;
}
.bgFour{
	background-color:#fde4e3;
}

.chartList li{
	float:left;
	width:33.33%;
	padding: 5px;
}
.chartList h1{
	font-size:30px;
	color:#8e9ec0;
}
.chartList h2{
	font-size:14px;
	color:#ababad;
}
.charTitle > h1,
.alarmAnalysis h1,
.oneContent h1,
.news h1{
	font-size:16px;
	color:#707070;
}
.newsContent{
	min-height:200px; 
	overflow-y:auto;
} 
.newsContent li{
	width: 100%;
	float: left;
	padding: 5px 0px;
}
.tabsel{
	border:1px solid #d6d7d9;
	-webkit-border-radius: 3px;	
	-moz-border-radius: 3px;
	border-radius: 3px;
	height:28px;
	overflow:hidden;
}
.tabsel li{
	border-right: 1px solid #d6d7d9;
	float:left;
	height:28px;
	line-height:26px;
}
.tabsel li:last-child{
	border-right: 0px solid #d6d7d9;
}
.tabsel li a{
	padding:0 16px;
	height:28px;
}
.tabsel li.current{
	background-color:#d9524e;
	
}
.tabsel li.current a{
	color:#fff;
}
.textbox-addon.textbox-addon-right{
	top:-1px !important;
}
#uploadFile_button > span > span{
	width:auto;
	
}
#searchTextTree{
	border:1px solid #afafaf !important;
	height:30px !important;
	padding:5px;
	width:166px !important;
	/* margin-bottom:5px; */
}
.lanetasktitle{
	font-size:26px;
	color:#8603a5;
	height:32px;
	line-height:32px;
	
}
.lanetasktitle .title{
	float:left;
}
.lanetask{
	float:left;
	width:82px;
	height:32px;
	background:#8603a5;
	line-height:32px;
	text-align:center;
	font-size:14px;
	color:#fff;
	border-radius: 100px;
	margin-right:20px;
	
}
.laneList{
	width:100%;
	padding: 0 32px;
	margin-bottom:20px;
}
.laneList li{
	width:20%;
	height:129px;
	float:left;
	position: relative;
	padding:13px 0;
	margin-bottom: 9px;
}
/* .laneList li:nth-of-type(5n) {
	float:right;
} */
.laneList .line,
.laneList .leftline,
.laneList .rightline{
	width:100%;
	height:10px;
	background:#e7e7e9;
	z-index:1;
	top:50px
}
.laneList .leftline,
.laneList .rightline{
	width:50%;
	background:#fff;
}
.laneList .leftline{
	left:0px;
	z-index:2;
}
.laneList .rightline{
	right:0px;
	z-index:2;
}
.laneList .maintrap{
	width:80px;
	height:80px;
	margin:0 auto;
	border-radius: 100px;
	background:#6cc722;
	border:6px solid #e7e7e9;
	z-index:10;
}
.maintrap a{
	display:block;
	height:100%;
}
.maintrap i{
	color:#fff;
}
.maintrap .start{
	top:10px;
	left:20px;
	font-size:16px;
	font-weight:700;
	font-family:"arial";
}
.maintrap .end{
	top:38px;
	left:38px;
	font-size:12px;
	font-weight:700;
	font-family:"arial";
}
.maintrap .middle{
	top:25px;
	left:32px;
}
.maintrap.ongoing{
	background:#f6a423;
}
.maintrap.notBeginning{
	background:#f75252;
}
.action{
	width:42px;
	height:50px;
	background:url(images/action.png) no-repeat 0 0;
	z-index:3;
	top:10px;
}
.leftCircle,
.rightCircle{
	background:url(images/circle.png) no-repeat 0 0;
	width:73px;
	height:148px;
	z-index:3;
	top:50px;
}
.rightCircle{
	background:url(images/circle.png) no-repeat -73px 0;
	right:0px;
}
.taskViList li{
	border-bottom:1px dashed #000;
	padding:5px 0;
}
.thumbnail img{
	width: 100%; margin: 2px 0; cursor: pointer;
}
.thumbnail img:first-child{
	margin-top:0px;
}
.nothumbnai{
	width:100%;
	height:22.5px;
	text-align:center;
	border:1px solid #afafaf;
	margin: 2px 0;
}
.dialog-button a{
	padding: 2px 18px;
	border-radius:0px;
}
.dialog-button a:last-child{
	margin-right: 27px;
}