*{
	margin:0;
	padding: 0;
}
input{
	font-size: 12px;
}
td {
	cursor: default;
}
/*文本框placeholder字体设置*/
input::-webkit-input-placeholder{ /*WebKit browsers*/
	color: #fff;
	opacity:0.5;
	text-shadow:none;
}
input::-moz-input-placeholder{ /*Mozilla Firefox*/
	color: #fff;
	opacity:0.5;
	text-shadow:none;
}
input::-ms-input-placeholder{ /*Internet Explorer*/ 
	color: #fff;
	opacity:0.5;
	text-shadow:none;
}
textarea::-webkit-input-placeholder{ /*WebKit browsers*/
	color: #fff;
	opacity:0.5;
	text-shadow:none;
}
textarea::-moz-input-placeholder{ /*Mozilla Firefox*/
	color: #fff;
	opacity:0.5;
	text-shadow:none;
}
textarea::-ms-input-placeholder{ /*Internet Explorer*/ 
	color: #fff;
	opacity:0.5;
	text-shadow:none;
}
/*登录内容*/
#login-shade{
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:998;
	width:100%;
	height:100%;
	padding:0 20px 0 0;
	background:#020419;
	opacity: 0.7;
	filter:alpha(opacity=0.7);
}
#login-content{
	width:361px;
	height:533px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left: -180px;
	margin-top: -267px;
	background:url("../img/login-background.png") no-repeat;
	z-index:9999;
}
.login-close{
	width:12px;
	height:12px;
	position:absolute;
	right:36px;
	top:37px;
	background:url("../img/login-close-disactive.png") no-repeat;
}
.login-close:hover{
	background:url("../img/login-close-active.png") no-repeat!important;
}
.login-title{
	position:absolute;
	left:50%;
	top:100px;
	transform: translateX(-50%);
	margin-bottom:75px;
}
.login-text{
	position:absolute;
	width: 100%;
	left:17%;
	top:214px;
	font-size: 20px;
	color: #fff;
	letter-spacing: 2px;
}
.login-box{
	position:absolute;
	left:58px;
	width:250px;
	height:43px;
	margin-bottom:12px;
}
.login-box span>img{
	width: 16px;
}
.login-username{
	top:265px;
}
.login-password{
	top:320px;
}
.login-remember{
	top:380px;
}
.login-remember em{
	font-size:12px;
	color:#fff;
	opacity:0.5;
	padding-left:5px;
	float:left;
	padding-top:8px;
	font-style:normal;
}
.login-username span{
	position:absolute;
	left:20px;
	top:11px;
}
.login-password span{
	position:absolute;
	left:20px;
	top:11px;
}
.login-input{
	width:200px;
	height:43px;
	border:0;
	outline:none;
	background:rgba(5,8,19,0.5);
	border-radius:22px;
	font-size:13px;
	color:#fff;
	vertical-align:middle;
	padding-left:50px;
}
.input-checkbox{
	vertical-align:middle;
	width:14px;
	height:14px;
	visibility:hidden;
	background-color:#02194b;
}
.login-remember span{
	position:relative;
	float:left;
}
.input-checkbox+label{
	display:inline-block;
	width:12px;
	height:12px;
	margin-top:16px;
	background:url("../img/remember-password.png") no-repeat;
	background-position:0px 30px;
	/*border:1px solid #02194b;*/
	background-color:rgba(255,255,255,0.5);
}
.input-checkbox:checked+label{
	background-position:-1px -1px;
}
.login-in{
	position:absolute;
	left:58px;
	bottom:68px;
}
.input-submit{
	width:248px;
	height:43px;
	border:0;
	outline:none;
	background-color:#39cdff;
	border-radius:22px;
	font-size:15px;
	color:#fff;
}
.msg-tip{
	font-size:12px;
	color:red;
	position:absolute;
	left:68px;
	top:374px;
}
/*刷新*/
.refresh-box{
	position:absolute;
	right:100px;
	top:40px;
	width:16px;
	height:18px;
	background:url("../img/refresh.png") no-repeat;
}
/*主体内容*/
/* #alert-content{
	margin:10px;
	position:absolute;
	left:150px;
	top:-115px;
	text-shadow:none;
} */
/*.main-content{
	position:fixed;
	top:0;
	left: 0;
	width: 100%;
	height:100%;
}*/
/*边框*/
.border-left-top{
	position: absolute;
	top:10px;
	left:10px;
}
.border-right-top{
	position: absolute;
	right: 20px;
	top:20px;
}
.border-left-bottom{
	position: absolute;
	left:10px;
	bottom: 10px;
}
.border-right-bottom{
	position: absolute;
	right: 10px;
	bottom: 10px;
}
.border-class{
	position: absolute;
	right: 10px;
	bottom: 100px;
}
/*搜索框*/
.search-content{
	position:absolute;
	left:447px;
	top:38px;
	width:250px;
	height:34px;
	line-height:34px;
	font-size:12px;
	background:rgba(6,26,85,0.88);
	border-radius:12px;
}
.search-list{
	position:absolute;
	left:447px;
	top:72px;
	padding:10px;
	background-color:#051C5C;
	color:#fff;
	z-index:99999;
	width:230px;
	max-height:204px;
	overflow-y:scroll;
	opacity: 0.95;
}
.search-list::-webkit-scrollbar {
	display:none;
}
.search-list-item{
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	cursor: pointer;
}
.search-div{
	outline:none;
	border:0;
	color:white;
	background:none;
}
.search-img{
	margin-left:15px;
	margin-top:-3px;
	vertical-align:middle;
}
.search-showbox{
	left:50%!important;
}
.sum-overlay{
	z-index:10000!important;
}
.sum-showbox{
	left:50%!important;
	z-index:11111!important;
}
.search-tip-content{
	position:relative;
	color:red;
	width:200px;
	height:90px;
	padding-top: 26px;
	box-sizing: border-box;
	text-align:center;
	background-color:#fff;
	border-radius:5px;
	font-size: 15px;
}
.equipment-tip-content,.staff-tip-content{
	position:relative;
	color:red;
	width:200px;
	height:100px;
	text-align:center;
	background-color:#fff;
	border-radius:5px;
	padding-top: 20px;
	box-sizing: border-box;
}
.staffPower-tip-content{
	position:relative;
	color:red;
	width:200px;
	height:50px;
	line-height:50px;
	text-align:center;
	background-color:#fff;
	border-radius:5px;
}
.equipment-close,.staff-close{
	position:absolute;
	right:5px;
	top:0px;
	cursor: pointer;
}
.staffPower-close{
	top:-15px!important;
}
.yes-btn{
	outline:none;
	border:none;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	background-color:#1ccfff;
	color:#fff;
	font-size:12px;
	border-radius:5px;
	margin-right:10px;
}
.no-btn{
	outline:none;
	border:none;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	background-color:#FD3670;
	color:#fff;
	font-size:12px;
	border-radius:5px;
}
.search-close{
	position:absolute;
	right:5px;
	top:5px;
	cursor: pointer;
	width: 12px;
	height: 12px;
	background: url('../img/close-icon-active.png');
	background-size: 100%;
}
.search-sure{
	position: absolute;
	bottom:0;
	left: 0;
	width: 100%;
	border-top: 1px solid #eee;
	font-size: 12px;
	color: #999;
	padding: 6px 0;
	cursor: pointer;
}
.menu-content{
	position:absolute;
	right:18px;
	top:175px;
	z-index:1;
}
.menu-list{
	margin-bottom:28px;
}
.menu-active-img{
	display:none;
}
.menu-click .menu-disactive-img{
	display:none;
}
.menu-click .menu-active-img{
	display:inline;
}
.map-scale{
	margin-top:50px;
	margin-left:50px;
	width:120px;
	height:43px;
	background:rgba(6,26,85,0.88);
	border-radius:17px;
	padding:0px 17px;
}
.scale-content{
	float:left;
	margin:0px 5px 0px 15px;
}
.active-zoom{
	display:none;
}
.zoom-click .active-zoom{
	display:inline;
}
.zoom-click .disactive-zoom{
	display:none;
}
.record-more-title{
	position:absolute;
	right:95px;
	top:40px;
	width:20px;
	height:19px;
	background:url("../img/record-title-default.png") no-repeat;
}
.record-more-title:hover{
	background:url("../img/record-title-hover.png") no-repeat;
}
.sign-out{
	position:absolute;
	right:67px;
	top:40px;
	height: 24px;
}
/* .sign-out .signt-current{
	width: 100px;
} */
.sign-out .signt-current>img{
	float: left;
}
.sign-out .signt-current>span{
	float: left;
	margin-left: 10px;
	font-size: 14px;
	color:#fff;
}
.sign-out .signt-current>span:after{
	content: "";
	display: inline-block;
	width: 10px;
	height: 7px;
	background: url('../img/add-select-default.png');
	margin-left: 10px;
}
/*.sign-out:hover{
	background:url("../img/exit-active.png") no-repeat;
}*/
.exit-content{
	background:url("../img/exit-box.png") no-repeat;
	position:absolute;
	right:-15px;
	top:27px;
	text-align:center;
	vertical-align:middle;
	background-size: 100%;
	height: 100px;
	width: 130px;
	padding: 15px 0;
}
.exit-btn,.edit-info-btn{
	width:130px;
	height:36px;
	outline:none;
	border:0;
	background:transparent;
	font-size:12px;
	color:#fff;
	border-radius:5px;
	/*margin-top:35px;*/
	cursor:pointer;
	color:#7B88B2;
}
.exit-content>button:hover{
	color: #fff;
}
.warning-content,#warning-content{
	width:271px;
	height:429px;
	position:fixed;
	right: 480px;
	top:248px;
	background:url("../img/alert-info-normal.gif") 0 0 no-repeat scroll transparent;
	background-size:100% 100%;
}
.warning-animation{
	position:absolute;
	left:63px;
	top:13px;
}
/*.warning-circle{
	width: 100px;
	height: 100px;
	margin: 50px auto 30px;
}*/
.warning-nav{
	width: 80%;
	margin:170px auto 0;
}
.warning-title{
	float:left;
	font-size:14px;
	color:#8796b6;
	width: 50%;
	text-align: center;
	cursor:pointer;
	position: relative;
}
.warning-nav::after{
	content:'';
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.warning-list{
	padding:8px 0px 0px 0px;
}
.warning-box{
	padding:2px 40px 0px;
}
.warning-box p{
	font-size:12px;
	color:#fff;
	margin:0px;
	padding:0px;
	line-height:22px;
}
.warning-active:after{
	content: "";
	display: block;
	width: 40%;
	height: 2px;
	background: #14BCEC;
	color:#fff!important;
	position: absolute;
	left: 50%;
	bottom: -3px;
	transform: translateX(-50%);
}
.more-record{
	position:absolute;
	left:50%;
	bottom:20px;
	cursor:pointer;
	transform: translateX(-50%);
}
.record-icon{
	display:inline-block;
	width:16px;
	height:15px;
	background:url("../img/record-icon-default.png") no-repeat;
	vertical-align:middle;
	margin-right:3px;
}
.record-icon:hover{
	background:url("../img/record-icon-hover.png") no-repeat;
}
.record-txt{
	font-size:12px;
	color:#0ad4ff;
}
.record-showbox{
	top:2%!important;
}
.more-record-list{
	position:relative;
	background:url("../img/record-bg.png") no-repeat;
	margin-bottom:15px;
	background-size:100% 100%;
	width:380px;
	height:510px;
}
.add-record-list{
	background:url("../img/add-record-bg.png") no-repeat!important;
	background-size: 100%!important;
	width: 500px;
	height: 590px;
}
.more-record-close{
	position:absolute;
	right:34px;
	top:34px;
}
.add-record-list .more-record-close{
	top: 24px;
}
.record-close-icon{
	display:inline-block;
	width:12px;
	height:12px;
	background:url("../img/close-icon-disactive.png") no-repeat;
	background-size: 100%;
}
.record-close-icon:hover{
	background:url("../img/close-icon-active.png") no-repeat;
	background-size: 100%;
}
.more-record-title{
	width: 100%;
	padding-top: 38px;
	text-align: center;
}
.more-record-title::after{
	content:'';
	height:0px;
	display:block;
	clear:both;
}
.add-record-list .more-record-title{
	padding-top: 28px;
}
.more-record-txt{
	font-size:12px;
	color: #fff;
}
/* .equipment-record-txt{
	margin-top:8px;
} */
.more-record-select{
	float:left;
	width:132px;
	height:30px;
	line-height:30px;
	border:1px solid rgba(255,255,255,0.15);
	border-radius:5px;
}
.record-select-txt{
	margin-left:8px;
	font-size:12px;
	color:#1ccfff;
}
.record-select-icon{
	display:inline-block;
	width:10px;
	height:7px;
	background:url("../img/record-select-default.png") no-repeat;
	vertical-align:middle;
}
.more-record-select:hover .record-select-icon{
	background:url("../img/record-select-hover.png") no-repeat;
}
.more-select-box{
	position:absolute;
	left:98px;
	top:45px;
	width:132px;
	border:1px solid rgba(255,255,255,0.15);
	font-size:12px;
	border-radius:5px;
	text-align:center;
	z-index:1000;
	background-color:#01185e;
}
.more-record-body{
	width:100%;
	padding: 20px 40px;
	height:380px;
	box-sizing: border-box;
}
.add-record-body{
	height:528px;
	/*overflow-y:hidden;*/
}
.more-record-item{
	width:100%;
	/*margin:25px 0px 15px 37px;*/
}
.record-item-address::after,.record-item-info::after,.record-item-img::after{
	content:'';
	height:0px;
	display:block;
	clear:both;
}
.record-item-address,.record-item-info{
	margin-bottom:16px;
}
.record-item-address span{
	color: #fff;
	font-size: 12px;
	padding-left:20px;
	background: url('../img/map.png') no-repeat;
}
.record-item-txt{
	float:left;
	font-size:12px;
	color:#fff;
	margin-right:12px;
	margin-top:8px;
}
.record-item-public{
	float:left;
	background-color:#01185e;
	border-radius:5px;
	height:32px;
	width: 180px;
	line-height:32px;
	font-size:12px;
	color:#fff;
}
.item-address{
	width:604px;
	padding-left:41px;
}
.item-staff{
	width:170px;
	text-align:center;
	margin-right:21px;
}
.item-time{
	width:144px;
	text-align:center;
	margin-right:28px;
}
.item-type{
	width:118px;
	text-align:center;
}
.item-reson-title{
	font-size:12px;
	color:#fff;
	margin-bottom: 10px;
}
.item-reson-content{
	width:382px;
	border:1px solid rgba(255,255,255,0.15);
	border-radius:5px;
	padding:15px 20px 15px 15px;
	margin-bottom:24px;
	font-size:12px;
}
.item-img-public{
	display: inline-block;
	float:left;
	/*width:145px;*/
	width:150px;
	height:148px;
	background-color:#132d72;
	/*margin-right:28px;*/
	margin-right:40px;
	margin-top:10px;
}
.item-img-public img{
	width:145px;
	height:148px;
}
.item-img-last{
	margin-right:0px;
}
.record-item-del{
	text-align:right;
	margin:5px 0px;
}
.item-del-icon{
	display:inline-block;
	width:16px;
	height:17px;
	background:url("../img/record-del-default.png") no-repeat;
}
.item-del-icon:hover{
	background:url("../img/record-del-hover.png") no-repeat;
}
.record-item-line{
	width:664px;
	height:1px;
	background-color:rgba(255,255,255,0.15);
	margin-top:10px;
}
.preserve-address{
	outline:none;
	border:none;
	width:200px;
	height:32px;
	padding-left:41px;
	color:#fff;
	background-color:transparent;
}
.preserve-staff{
	outline:none;
	border:none;
	width:170px;
	height:32px;
	padding-left:10px;
	color:#fff;
	background-color:transparent;
}
.preserve-time{
	outline:none;
	border:none;
	width:170px;
	height:32px;
	padding-left:10px;
	color:#fff;
	background:url("../img/add-select-default.png") no-repeat 160px center transparent;
}
.item-type-select{
	height:32px;
}
.item-type-txt{
	margin-left:10px;
}
.item-type-icon{
	display:inline-block;
	margin-top:14px;
	margin-right: 10px;
	width:10px;
	height:7px;
	float: right;
	background:url("../img/add-select-default.png") no-repeat;
	vertical-align:middle;
}
.add-input-bg{
	background-color:#0C2152;
}
.add-input-bg:hover .item-type-icon{
	background:url("../img/add-select-hover.png") no-repeat;
}
.add-input-bg:hover .preserve-time{
	background:url("../img/add-select-hover.png") no-repeat 160px center transparent;
}
.item-type-box{
	border:1px solid rgba(255,255,255,0.15);
	text-align:center;
	background: #0C2152;
}
.preserve-reson{
	width:100%;
	background-color:transparent;
	outline:none;
	border:none;
	color:#fff;
	resize:none; 
}
.more-record-btn{
	text-align:right;
}
.record-btn-public{
	outline:none;
	border:none;
	width:95px;
	height:32px;
	line-height:32px;
	background-color:#1ccfff;
	font-size:12px;
	color:#fff;
	border-radius:5px;
}
/*状态信息*/
.manage-list{
	/*width:626px;
	float:left;*/
	position:absolute;
	left:95px;
	top:116px;
	/*z-index:990;*/
}
.manage-list::after{
	content:'';
	height:0px;
	display:block;
	clear:both;
}
#status-zoom-content{
	float:left;
	width:520px;
	position:absolute;
	left:0px;
	top:0px;
	background: url("../img/fubiao-detail.png") no-repeat;
	background-size: 100%;
}
#echarts-case-content{
	float:left;
	position:absolute;
	left:532px;
	top:444px;
}
#tuodong{
	width:50px;
	font-size:16px;
	color:red;
	position:absolute;
	left:0px;
	top:8px;
	cursor:pointer;
	z-index:2;
	text-align:center;
	font-weight:bold;
}
#left-scale{
	width:14px;
	height:9px;
	position:absolute;
	right:46px;
	top:26px;
	cursor:pointer;
	z-index:2;
	background:url("../img/left-icon-disactive.png") no-repeat;
}
#left-scale:hover{
	background:url("../img/left-icon-active.png") no-repeat!important;
}
#left-close{
	width:11px;
	height:11px;
	position:absolute;
	right:22px;
	top:25px;
	cursor:pointer;
	z-index:2;
	background:url("../img/close-icon-disactive.png") no-repeat;
	background-size: 100%;
}
#left-close:hover{
	background:url("../img/close-icon-active.png") no-repeat!important;
	background-size: 100%!important;
}
/*状态信息的导航栏*/
.status-nav{
	width:500px;
	margin-top: 13px;
	height:40px;
	line-height: 40px;
}
.status-nav ul{
	margin-left:26px;
	overflow: hidden;
}
.status-nav ul li{
	float:left;
	font-size:12px;
	color:#657DB2;
	width: 68px;
	text-align: center;
	cursor:pointer;
	list-style: none;
}
/*#normal-level{
	padding:0px 0px 0px 55px;
}
#first-level{
	padding:0px 0px 0px 60px;
}
#second-level{
	padding:0px 0px 0px 60px;
}
#third-level{
	padding:0px 0px 0px 65px;
}*/
.nav-active{
	color:#fff!important;
}
/*状态信息的导航栏内容*/
.status-information{
	width:520px;
	/*height:728px;*/
}
.status-table{
	height: 400px;
}
.table{
	width:468px;
	margin: 0 auto;
	font-size:12px;
	text-align:center;
	color:white; 
	border-spacing: 0;
    border-collapse: collapse;
}
table tbody::-webkit-scrollbar {
    display: none;
}
.table thead tr,.table tbody tr {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-bottom:1px solid #183377;
	word-wrap:break-word;
}
.table thead tr th{
	height:52px;
	text-align:center;
	vertical-align:middle;
	border-left:1px dashed #183377!important;
}
.table tbody tr td{
	height:53px;
	text-align:center;
	vertical-align:middle;
	border-left:1px dashed #183377!important;
}
.table thead tr th:nth-of-type(1),.table tbody tr td:nth-of-type(1){
	border-left: none!important;
}
.table thead tr th.table-tr-width1,.table tbody tr td.table-tr-width1{
	border-left:none!important;
}
.table thead tr th.table-tr-width1{
	width:50px;
}
.table thead tr th.table-tr-width2{
	width:60px;
}
.table thead tr th.table-tr-width3{
	width:80px;
}
.table thead tr th.table-tr-width4{
	width:50px;
}
.table thead tr th.table-tr-width5{
	width:68px;
}
.table thead tr th.table-tr-width6{
	width:68px;
}
.table thead tr th.table-tr-width7{
	width:96px;
}
.table-tr-width1{
	width:50px;
}
.table-tr-width2{
	width:60px;
}
.table-tr-width3{
	width:80px;
}
.table-tr-width4{
	width:50px;
}
.table-tr-width5{
	width:68px;
}
.table-tr-width6{
	width:68px;
}
.table-tr-width7{
	width:96px;
}
.table tbody{
	width:100%;
	display:inline-block;
	height:324px;
	overflow-y:scroll;
}
.table tr th,.table tr td{
	/*border:none!important;*/
	text-align:center;
}
.normal-word{
	color:#1ccfff;
}
.fault-word{
	color:#fd3d6c;
}
.table-click{
	background-color:#09194e;
}
/*状态信息的图表*/
.status-chart{
	width:468px;
	margin: 0 auto;
}
.status-chart-title{
	height:40px;
	vertical-align:middle;
}
.chart-word{
	line-height:40px;
	font-size:12px;
	color:#fff;
	margin-left:23px;
	display: flex;
	align-items: center;
}
.chart-change{
	float:right;
	margin-top:6px;
}
.chart-type,.expore-type{
	/*float:left;*/
	margin-right:20px;
	margin-top:4px;
}
.long-string{
	color:#dcdfec;
	opacity:0.15;
}
.chart-type::after{
	content:'';
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.active-chart{
	display:none;
}
.chart-click .active-chart{
	display:inline;
}
.chart-click .disactive-chart{
	display:none;
}
.status-chart-date{
	text-align:center;
	margin:16px 0px 12px 0px;
}
.date-change{
	float:left;
	margin-right:50px;
	margin-top:-8px;
}
.date-change:after{
	content: "";
	display: block;
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.date-img,.line-img,.bar-img,.circle-img{
	width:33px;
	height:26px;
	float:left;
	margin-top:-8px;
}
.active-img{
	display:none;
}
.date-click .active-img{
	display:inline;
}
.date-click .disactive-img{
	display:none;
}
.time-horizon{
	float:left;
	font-size:12px;
	margin-top:-2px;
	margin-left:130px;
}
.time-input,.time-last-input{
	width:115px;
	height:26px;
	line-height:26px;
	border:0;
	outline:none;
	border-radius:20px;
	font-size:12px;
	color:white;
	background:url("../img/select-icon.png") no-repeat #02185c 108px center;
	padding-left:20px;
}
.status-chart-graph{
	width:450px;
	height:203px;
	margin: 0 auto;
}
/*缩小的状态信息*/
.status-list{
	width:88px;
	height:134px;
	float:left;
	/*position:absolute;
	left:0px;
	top:0px;*/
	position:relative;
	background:url("../img/left-scale.png") no-repeat;
}
#right-scale{
	width:14px;
	height:9px;
	position:absolute;
	left:25px;
	top:20px;
	cursor:pointer;
	z-index:2;
	background:url("../img/right-icon-disactive.png") no-repeat;
}
#right-scale:hover{
	background:url("../img/right-icon-active.png") no-repeat!important;
}
#right-close{
	width:11px;
	height:11px;
	position:absolute;
	left:50px;
	top:20px;
	cursor:pointer;
	z-index:2;
	background:url("../img/close-icon-disactive.png") no-repeat;
	background-size: 100%;
}
#right-close:hover{
	background:url("../img/close-icon-active.png") no-repeat!important;
	background-size: 100%!important;
}
#status-icon{
	width:16px;
	height:18px;
	position:absolute;
	left:35px;
	top:56px;
	cursor:pointer;
	background:url("../img/status-icon-disactive.png") no-repeat;
}
#status-icon:hover{
	background:url("../img/status-icon-active.png") no-repeat!important;
}
#echarts-icon{
	width:22px;
	height:18px;
	position:absolute;
	left:32px;
	top:78px;
	cursor:pointer;
	background:url("../img/charts-icon-disactive.png") no-repeat;
}
#echarts-icon:hover{
	background:url("../img/charts-icon-active.png") no-repeat!important;
}
/*警戒级别颜色*/
.green-color{
	color:#1CFF4E!important;
}
.bule-color{
	color:#29CEFF!important;
}
.yellow-color{
	color:#F6D61C!important;
}
.orange-color{
	color:#FF9169!important;
}
.red-color{
	color:#FD3670!important;
}
/*设备管理、人员管理*/
.overlay{
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:998;
	width:100%;
	height:100%;
	padding:0 20px 0 0;
	background:#020419;
	opacity: 0.7;
	filter:alpha(opacity=0.7);
}
.showbox{
	position:fixed;
	top:24%;
	left:50%;
	transform: translateX(-50%);
	z-index:9999;
	opacity:1;
	filter:alpha(opacity=1);
}
.showbox div.authority{
	position:relative;
	width: 1040px;
	background:url("../img/manage-background.png") 0 0 no-repeat;
	background-size: 100%;
}
.pop-close{
	position:absolute;
	right:12px;
	top:-3px;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	cursor:pointer;
}
.pop-close:hover{
	color:#8DA0C5;
}
.pop-content{
	width:1000px;
	height:378px;
    padding-top: 23px;
    padding-left: 16px;
}
.manage-table{
	width:100%;
	padding: 20px 20px 0 10px;
}
.manage-table tbody{
	height:270px;
}
.manage-table thead tr th.equipment-table-width1,.manage-table tbody tr td.equipment-table-width1{
	border-left:none!important;
}
.manage-table thead tr th.staff-table-width1,.manage-table tbody tr td.staff-table-width1{
	border-left:none!important;
}
.manage-table tbody tr:hover{
	background-color:#09194e;
}
.manage-table thead tr{
	border-bottom:none!important;
}
.manage-table thead tr th{
	height: 40px;
}
.equipment-table-width1{
	width:40px;
}
.equipment-table-width2, .equipment-table-width9, .equipment-table-width10, .equipment-table-width11, .equipment-table-width12 {
	width:70px;
	border-left: 1px dashed #183377!important;
	font-weight: normal;
}
.equipment-table-width3{
	width:58px;
}
.equipment-table-width4{
	width:76px;
	border-left: 1px dashed #183377!important;
}
.equipment-table-width5{
	width:76px;
}
.equipment-table-width8{
	width:40px;
}
.equipment-table-width6{
	width:91px;
}
.staff-table-width1{
	width:220px;
}
.staff-table-width2{
	width:220px;
	word-wrap: break-word;
}
.staff-table-width3{
	width:220px;
}
.staff-table-width4{
	width:220px;
}
/* .staff-table-width5{
	width:139px;
} */
.update-btn,.complete-btn,.update-equipment-btn{
	width:72px;
	height:26px;
	line-height:26px;
	background-color:#1ccfff;
	color:#fff;
	border-radius:4px;
	outline:none;
	border:0;
	text-align:none;
	cursor:pointer;
	margin: 4px 0;
	/* margin-right:15px; */
}
.update-btn{
	margin-right:15px;
}
.update-btn:hover{
	background-color:#21b3de;
}	
.complete-btn:hover{
	background-color:#21b3de;
} 
.update-equipment-btn:hover{
	background-color:#21b3de;
} 
.del-btn,.del-equipment-btn{
	width:72px;
	height:26px;
	line-height:26px;
	background-color:#FD3670;
	color:#fff;
	border-radius:4px;
	outline:none;
	border:0;
	text-align:none;
	cursor:pointer;
	margin: 4px 0;
}
.del-btn:hover{
	background-color:#ed3067;
}
.del-equipment-btn:hover{
	background-color:#ed3067;
}
.add-content{
	width:1040px;
	padding:20px 0;
	text-align:right;
}
.add-btn{
	width:94px;
	height:33px;
	line-height:33px;
	text-align:center;
	background-color:#1CCFFF;
	color:#fff;
	outline:none;
	border:0;
	border-radius:4px;
	cursor:pointer;
}
.add-btn:hover{
	background-color:#26b8e4;
}
.table-input{
	border:0px;
	outline:none;
	background:none;
	width:100%;
	height:100%;
	text-align:center;
	font-size:12px;
	color:white;
	padding:0px;
	margin:0px;
}
/*统计图表*/
.gaine-content{
	width:486px;
	height:371px;
	background:url("../img/chart-bg.png") no-repeat;
	/*position:absolute;
	left:100px;
	top:100px;
	z-index:990;*/
	position:relative;
	background-size: 100%;
}
.chart-gaine{
	width:472px;
}
#line-chart-gaine{
	height:273px;
	position:absolute;
	left:0px;
	top:25px;
}	
#bar-chart-gaine{
	height:284px;
	position:absolute;
	left:0px;
	top:298px;
}	
#circle-chart-gaine{
	height:324px;
	padding-top: 28px;
}	
.statistics-title{
	margin-left:40px;
	margin-top:8px;
	font-size:12px;
	color: #fff;
	vertical-align: middle;
	display: flex;
	align-items: center;
}
.statistics-active-img{
	display:none;
}
.statistics-title:hover .statistics-active-img{
	display:inline;
}
.statistics-title:hover .statistics-disactive-img{
	display:none;
}
.statistics-date{
	width:472px;
	text-align:center;
	margin-top:24px;
}
.statistics-date-change{
	float:left;
	margin:5px 0px 18px 48px;
}
.statistics-date-range{
	/*float:left;*/
	float:right;
	font-size:12px;
	margin:11px 45px 18px 0px;
	/*margin:11px 0px 18px 50px;*/
}
.statistics-chart{
	position:absolute;
	left:30px;
	top:95px;
}
/*资料修改*/
.info-showbox{
	left:42%!important;
	top:35%!important;
}
.info-box{
	width:300px!important;
}
.info-close{
	right:5px!important;
	top:-5px!important;
	z-index:1000;
}
.info-title{
	width:300px!important;
	height:20px!important;
	padding-top:8px!important;
}
.info-body{
	/*height:240px!important;*/
	width:300px!important;
	top:50px!important;
}
.input-list:after{
	display:block;
	content:'';
	height:0px;
	clear:both;
}
.input-list{
	margin-bottom:15px;
	margin-top:15px;
	width: 100%;
	position: relative;
}
.input-word{
	float:left;
	font-size:12px;
	color:#fff;
	width: 20%;
	padding-right:10px;
	box-sizing: border-box;
	height: 30px;
	line-height: 30px;
}
.input-box{
	float:left;
	font-size:12px;
	color:#fff;
	width:180px;
	height:30px;
	line-height:30px;
	background-color:rgba(5,8,19,0.5);
	border-radius:5px;
	width: 80%;
	box-sizing: border-box;
	padding-left: 10px;
}
.add-record-list .input-word{
	width: 48px;
}
.equipment-list-box .input-word{
	width: 38px;
}
.water-level .input-word{
	width:100px;
}
.equipment-input-list{
	height: 30px;
}
.equipment-input-list .input-box{
	width: 106px;
}
.water-level .input-box{
	width: 200px;
}
.textarea-input-box{
	height:70px!important;
}
.equipment-list-box .textarea-input-box{
	width: 87%;
}
.info-input{
	outline:none;
	border:none;
	width:100%;
	height:30px;
	line-height:30px;
	background-color:transparent;
	color:#fff;
}
.info-textarea{
	background-color:transparent;
	outline:none;
	border:none;
	color:#fff;
	resize:none;
	height:70px!important;
}
.account-add,.account-edit{
	position:absolute;
	left:20%;
	top:30px;
	width:180px;
	z-index:10000;
	text-align:center;
	border: 1px solid rgba(255,255,255,0.15);
    background: #0C2152;
    width: 80%;
    box-sizing: border-box;
}
.account-input-box,.account-edit-box{
	background:url("../img/select-icon.png") no-repeat rgba(5,8,19,0.5) 218px center;
}
.account-option,.account-edit-option{
	font-size:12px;
	color:#fff;
	line-height: 32px;
	cursor: pointer;
}
.info-save{
	position: absolute;
	bottom: 40px;
	left: 50%;
	transform: translateX(-50%);
}
.info-save-btn{
	outline:none;
	border:none;
	width:120px;
	height:30px;
	line-height:30px;
	background-color:#21b3de;
	text-align:center;
	font-size:12px;
	color:#fff;
	border-radius:5px;
}
.staff-edit-btn,.staff-add-btn,.equipment-edit-btn,.equipment-add-btn{
	outline:none;
	border:none;
	width:120px;
	height:30px;
	line-height:30px;
	background-color:#21b3de;
	text-align:center;
	font-size:12px;
	color:#fff;
	border-radius:5px;
	/*margin:0px 0px 0px 60px!important;*/
}
/*维护记录*/
.maintain-record-item{
	height: 480px;
	overflow-y: scroll;
}
.maintain-record-item::-webkit-scrollbar {
    display: none;
}
.maintain-record-list{
	font-size: 12px;
	color:#fff;
	border-bottom: 1px solid #183377;
	list-style: none;
	padding: 10px 0;
}
.maintain-record-list>div{
	overflow: hidden;
}
.maintain-record-list>.list-item{
	/* overflow: hidden;
	height: 30px;
	line-height: 30px; */
	width: 420px;
	line-height: 14px;
	margin-bottom: 10px;
}
.maintain-record-title{
	float: left;
	color: #7B88B2;
	margin-right: 10px;
}
.maintain-record-txt{
	float: left;
	width: 350px;
	word-break: normal;
}
.record-edit-btn {
	width:72px;
	height:26px;
	line-height:26px;
	text-align: center;
	background-color:#1ccfff;
	color:#fff;
	border-radius:4px;
	outline:none;
	border:0;
	text-align:none;
	cursor:pointer;
	margin: 4px 0;
}

/*添加管理设备*/
.equipment-input-list{
	width:48%;
	float:left;
}
.equipment-input-list:nth-of-type(2n){
	float: right;
}

/*操作成功提示语*/
.success-msg{
	color: #009688;
}
/*总数*/
.all_amount_wrap{
	position: absolute;
	width: 100px;
	top: 99px;
	left: 222px;
	font-size: 14px;
	color: #fff;
	text-align: center;
}
@media(max-width:1600px){
	.warning-content,#warning-content{
		height: 390px;
		width: 250px;
		background-size: 100% 100%;
	}
	.warning-main{
		margin-top: -18px;
	}
	.warning-list{
		padding-top: 4px!important;
	}
	.warning-box{
		padding: 4px 30px 0px;
	}
}
@media(min-width:1600px){
	.status-information{
		height: 728px;
	}
}
@media(max-width:1600px) and (min-width:1024px){
	.manage-list{
		top: 120px!important;
	}
	#status-zoom-content{
		transform: scale(0.98);
		height: 700px;
		background-size: 100% 100%;
	}
	#echarts-case-content{
		transform: scale(0.98);
		top: 360px;
	}
	.status-table{
		height: 354px!important;
	}
	.table tbody{
		height: 280px!important;
	}
	.table thead tr th{
		height: 43px!important;
	}
	.status-chart-date{
		margin: 4px 0;
	}
	.status-nav{
		height: 38px;
		line-height: 38px;
	}
}
@media(max-width:1024px) {
	.manage-list{
		top: 100px!important;
	}
	#status-zoom-content{
		transform: scale(0.98);
		height: 670px;
		background-size: 100% 100%;
	}
	#echarts-case-content{
		transform: scale(0.98);
		top: 360px;
	}
	.status-table{
		height: 340px!important;
	}
	.table tbody{
		height: 270px!important;
	}
	.table thead tr th{
		height: 42px!important;
	}
	.status-chart-date{
		margin:0;
	}
	.status-nav{
		height: 34px;
		line-height: 34px;
	}
}

.foot-tip{
	position: fixed;
	bottom: 15px;
	color: #fff;
	font-size: 14px;
	width: 100%;
	text-align: center;
	z-index: 1000;
}