html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow:hidden;
}
#body{
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 100%;
	background:url(../img/bg.jpg);
	overflow:hidden;
}
.bgSBZS{
	background: url(../img/sbtj.png);
	background-size: 100% 100%;
}
.bgFBT{
	background: url(../img/minBtk.png);
	background-size: 100% 100%;
}
.bgSBSLK{
	background: url(../img/sbnub.png);
	background-size: 100% 100%;	
}
.bigBT{
	background: url(../img/bigbt.png);
	background-size: 100% 100%;
}
.pageMap{
	height:90%;
}
.bgMap{
	background: url(../img/gbMap.png);
	background-size: 100% 100%;
	height: 94% !important;
}
/*...*/
.bgHeader{
	/*height: 11%;*/
	height: 40px;
	background: url(../img/bgtitle.png);
	background-size: 100% 100%;
}
.colorw{
	color: #FFFFFF;
}
.h100{
	height:100%;
}
.h33{
	height:31%
	}
.h10{
	height:10%
	}
.height8{
	height: 8%;
}
.height5{
	height: 5.5%;
}
.w100{
	width: 100%;
}
.h80{
	height:80%;
}
.h950{
	height: 88%;
}
.padding5{
	padding: 0 4px !important;
}
.textAligncM{
	display: flex;
	align-items:center;
}
.h50{
	height: 48%;
}
.content_Bg{
	background: white;
	opacity: 0.1;
}

.leftRight{
	display: flex;
	justify-content:space-between;
}
.monitoringBorder{
	border: 1px solid #1d3481;
	padding: 2px;
}
.monitoringShadow{
	height: 100%;
}
.lineHeight{
	line-height: 100%;
}
.padding12{
	padding: 12px;
}
.paddingTB7{
	padding: 7px 0;
	display: table-cell;
	vertical-align: middle;
}
.monmonitoringNub span{
	margin: 0 2px;
	display: inline-block;
	padding: 10PX 8PX;
}
.marginB10{
	margin-bottom: 10px;
}
.padding7{
	padding: 7px;
}
.textAlignC{
	text-align: center;
}
.width85{
	width:85px;
}
.displayIB{
	display: inline-block;
}
.font12{
	color: #bbbbbb;
	font-size: 12px;
}
.colorY{
	color:#e9b41a !important;	
}
.paddingL3{
	padding: 0 3%;
}
.font14{
	font-size: 14px;
}
.font30{
	font-size: 24px;
}
/*-----------*/
.pageHaerd{
	height:10%;
	
}
.pageHaerd img{
	height: 80%;
}
.pageConten{
	display: flex;
	justify-content:space-between;
	padding:0 14px;
}

.contenLeft{
	/*background: #333;*/
}
#contenCenter {
	box-sizing: border-box;
	padding: 14px;
	z-index: 99999;
	height: 97%;
	border: 2px solid #1d3481;
	position:relative;
	width: 52%;
}
.contenRight{
	box-sizing: border-box;
}
.leftFrist{
	box-sizing: border-box;
	padding: 14px;
	z-index: 99999;
	height: 28%;	
	margin-left: 7px;
	position:relative;
}
.leftSecond{
	box-sizing: border-box;
	padding: 14px;
	z-index: 99999;
	height: 34%;	
	margin-left: 7px;
	position:relative;
}
.leftThird{
	box-sizing: border-box;
	padding: 14px;
	z-index: 99999;
	height: 36%;
	margin-left: 7px;	
	position:relative;
}
.leftTitel{
	font-size:14px;
	box-sizing:border-box;
	display: inline-block;
	padding: 5px 10px;
}
#enterpriseData{
	height: 90%;
}
#enterpriseData p{
	padding: 0 15px;
	height: 9.2%;
	display: flex;
	justify-content:space-between;
	align-items: center;
	margin: 0 0 3px 0;
	color: #FFFFFF;
}
#enterpriseData p:first-child{
	margin-top: 10px;
	background:rgba(255, 0, 0, 0.4);
	/*color: #e62f2d;*/
}
#enterpriseData p:nth-child(2){
	background:rgba(255, 114, 0, 0.4);
	/*color: #e96b28;*/
}
#enterpriseData p:nth-child(3){
	background:rgba(255, 255, 0, 0.4);
	/*color: #f0ea00;*/
}
#enterpriseData p span:first-child{
	padding-right: 15px;
}

.monitoringTeitle{
	height: 21%;
	padding: 2px;
}

.monmonitoringImg{
	background: url(../img/zxfxAssistor.png);
	background-size: 100% 100%;
}
.monmonitoringImg1{
	background: url(../img/jkzs-Assistor.png);
	background-size: 100% 100%;
}
.monmonitoringImgG{
	background: url(../img/zx-Assistor.png);
	background-size: 100% 100%;
}
.monmonitoringImgR{
	background: url(../img/lxAssistor.png);
	background-size: 100% 100%;
}
.monmonitoringList{
    display: flex;
    justify-content:center;
    align-items:center; 
	height: 100%;
	color: #fff;
	/*line-height: 100%;*/
}
.colorL span{
	color: #5f6b30;
}
.colorG span{
	color: #5fb630;
}
.colorR span{
	color: #ff0000;
}
.colorH span{
	color: #aaaaaa;
}
.lineImg{
	height: 1px;
	background: url(../img/fgx.png);
	background-size: 100% 100%;
	
}
/*...*/
.leftFristWarn{
	width: 100%;
	height: 85%;
}
/*...*/
.statisticsEcharts{
	width: 40%;
}
.statisticsEcharts1{
	width: 55%;
}
.timeEcharts{
width: 100%;
height:32%;
}
/*...*/
.smonitoringHover span:hover{
   cursor: pointer;	  
}
.addHover{
	text-shadow:0 0 1px #fff,0 0 5px #fff,0 0 15px #fff,0 0 20px #fff;
    color: white;	  
}
.mapTitle{
	margin:2%;
	height:6%;
	width:40%;
}
.mapTitle div {
	display:flex;
	justify-content:center;
	align-items:center;
	height:80%;
	background:#2d5db0;
	width:33.3%;
	opacity:0.7;
	color:#fff;
	z-index:99;
}
.mapTitle div:hover{
	background:#00a0e9;
	opacity:0.7;
	border-radius:3px;
}
.headTime{
	color: #FFFFFF;
	font-size: 14px;
	position: absolute;
	right: 7%;
}
.alarmPic{
	width: 32px;
	height: 29px;
	position: absolute;
	background: url(../../img/alarm.png);
	background-size: 100% 100%;
	right: 4%;
}
/* 菜单按钮 */
#menu {
	width: 2%;
    height: calc(100% - 5px);
    position: absolute;
    top: 0;
    right: 0;
}
#menu>li{
    position: relative;
    height: 100%;
    display: inline-block;
    width: 50%;
}
#menu>li:hover{
	background:#000;
}
#menu>li:hover .menu-list{
	display:block;
}
#menu>li>a {
    width: 20px;
    height: 100%;
    margin: 0 auto;
}
.title-icon{
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: sub;
}
.menu-list{
	display:none;
    width: calc(23% - 5px);
    position: fixed;
    right: 0;
    background: #000000ad;
    color: #fff;
}
.menu-list li a{
    display: block;
    color: #fff;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    opacity:.6;
}
.menu-list li a:hover{
    opacity:1;
    background: #000;
}
.menu-list-text{    
	text-align: right;
	display: inline-block;
	width: calc(100% - 20px);
}
/*大屏页面弹窗样式*/
.pageDatails{
	width: 100%;
    height: 100%;
	position:absolute;
}
.pageDatailsBackGround{
	border:1.3px solid #777777;
	color: white;
	background: rgba(0,0,0,0.9);
	padding:10px 10px;
}
.datailsHeader{
	z-index: 2;
    height: 8%;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
}
.pageHeader{
	z-index: 2;
    height: 5%;
    width: 100%;
}
.pageDatailsHeader{
	z-index: 2;
	height: 8%;
	width: 100%;
	background:rgba(0, 0, 0, 0.7);
}
.pageDatailsContent{
	width: 100%;
	height: 84%;
	background: rgba(0,0,0,0.5);
	padding: 10px;
}
.headerTitel{
	background-color:#090f12;
	padding:0 20px;
}
.form-control {
   display: inline !important; 
   width: 23% !important;
}
.form-group{
	margin-bottom:10px;		
}
.clearfix {
    width: 100%;
    background-color: rgba(0,0,0,0.7);
    height: 8%;
    position: absolute;
    bottom: 0;
    right: 0;
    zoom: 1;
}
.pageDataBottom {
    width: 100%;
    background: rgba(0,0,0,0);
    height: 30px;
    position: absolute;
    bottom: 5px;
    right: 0;
    border-top: 1px solid #535353;
    /*padding: 6px 0;*/
}
.pull-right {
    padding-right: 15px;
}

.pageItemActive {
    background-color: #7d7d7d !important;
    border: solid thin #bfbfbf !important;
}
.page, .pageItemDisable {
    background-color: transparent !important;
}
.page .pageItem:hover {
        background-color: #7d7d7d !important;
    	border: solid thin #bfbfbf !important;
}
.font14{
	font-size:14px;
	color: #fff;
}
.font14:hover{
	cursor:pointer;
}
.font12{
	font-size:12px;
	color: #fff;
}
.font12:hover{
	cursor:pointer;
}
.middle-top{
	height:30px;
}
.float-left{
	float:left;
}
.float-right{
	margin-left:3px;
	float:right;
}
.span-btn{
	padding: 5px 15px;
    border: 1px solid #AAAAAA;
}
.margin-right10{
	margin-right: 10px;
}
.margin-right15{
	margin-right: 15px;
}
/* 事件类型柱状图 */
.row1-sjlx-sjqh{
		height: 16px;
		width: 100%;	
}
.row1-sjlx-qxt{
	 /* min-height: 207;  */
	 height: 75%;
	 width: 100%;	
}
.sjlx-qxt-sjqh{
		height: 16px;
    float: right;
    color: #BDBFBF;
    font-size: 12px;
    /* margin: 0; */
  /* padding: 0; */
  /* border: 0px; */
    list-style: none;
    margin: 0 auto;
    cursor: pointer;
}
.sjlx-qxt-sjqh>li{
	  float: left;
    width: 60px;
    height: 16px;
    line-height: 16px;
    text-align: center;
}
.sjlx-qxt-active{
		color: #fff;	
		text-shadow: 0 0 5px #eee, 0 0 10px #ccc, 0 0 15px #ABBBD5, 0 0 30px #fff;
}
#echars-sjlx{
		width: 100%;
		//height: calc(100% - 16px);	
		height: 100%;
}

/* 告警事件趋势曲线图 */
.row2-gjsjqs-qxt{
		/* min-height: 219px; */
		height: 76%;
		width: 100%;	
}
.gjsjqs-qxt-sjqh{
		height: 16px;
		width: 100%;
		color: #BDBFBF;
		font-size: 12px;
		
}
.gjsjqs-qxt-sjqhleft{
		margin-left: 2px;
		float: left;
		line-height: 16px;
		list-style-type: none;
		height: 16px;
     list-style: none;
     margin: 0 auto;
	  cursor: pointer;
    padding:0
}
.gjsjqs-qxt-sjqhleft>li{
	
		float: left;
    width: 35px;
    height: 16px;
    line-height: 16px;
    text-align: center;
		
}
.gjsjqs-qxt-sjqhright{
		float: right;
		line-height: 16px;
		list-style-type: none;
		height: 16px;
     list-style: none;
     margin: 0 auto;
	  cursor: pointer;
		/*margin-left: calc(100% - 250px);*/
}
.gjsjqs-qxt-sjqhright>li{
		float: left;
    width: 60px;
    height: 16px;
    line-height: 16px;
    text-align: center;
}
#echars-gjsjqs{
		width: 100%;
		//height: calc(100% - 25px);	
		height: 100%;
}

/* 第三列 第三行 设备资源量和状态 曲线图 */
.row3-sbzyzt-qxt{
		/* min-height: 260px; */
		height: 78%;
		width: 100%;
		/*position: absolute;*/
		
}
.row3-sbzyzt-qxt1{
	height: 25%;
	width: 100%;
	/* flex 布局 */	
	display: flex;
	display: -webkit-flex; /* Safari */
     flex-wrap: nowrap;
     flex-flow: row nowrap;
     justify-content: flex-start;
     align-items:center;
}
.sbzyzt-qxt1-left{
		width: 24%;
		/*height: 50%;*/
		height: 30px;
		/*align-items:center;*/
		text-align: left;
   	margin-left: calc(10% - 35px);
}
.sbzyzt-qxt1-lefttitle{
		text-align: center;
		color: #6091C6;
		font-size: 12px;	
		margin-top: calc(10% - 38px);
    margin-left: calc(10% - 109px);
    position: absolute;
}
.sbzyzt-qxt1-center{
		width: 25%;
		color: #F5F5F5;
		align-items:center;
		font-size: 12px;
		margin-left: 5px;
}
.sbzyzt-qxt1-right{
	width: 51%;
	height: 17px;
	/*
	height: 30%;
	min-height: 17px;
	margin-right: 5px;*/
}
#echars-sbzyzt-jkd{
	width: 100%;	
	height: 100%;
}


.row3-sbzyzt-qxt2{
	height: 25%;
	width: 100%;
}
#echars-sbzyzt-fbp{
		width: 100%;	
		height: 100%;
}
.row3-sbzyzt-qxt3{
		height: 25%;
		width: 100%;
}
#echars-sbzyzt-ydd{
		width: 100%;	
		height: 100%;
}
.row3-sbzyzt-qxt4{
		height: 25%;
		width: 100%;
}
#echars-sbzyzt-fj{
		width: 100%;	
		height: 100%;
}
em{
	padding: 3px 8px;
    border: 1px solid #777777;
    margin-left: 5px;
}
.span-btn{
	padding: 3px 10px;
    border: 1px solid #bfbfbf;
    margin-left: 5px;
}
/*一键通话点击向上弹出二级菜单样式*/
/* common styling */
.planmenu {width:735px; position:relative; font-size:11px; margin:60px  auto;    z-index: 2;}
.planmenu ul li a, .planmenu ul li a:visited {display:block; line-height:25px;text-decoration:none; width:94px; height:25px; text-align:left; color:#000; padding-left:10px; border:1px solid #fff; border-width:1px 1px 0 1px; background:#c9c9a7; line-height:25px; font-size:11px;}
.planmenu ul {padding:0; margin:0;list-style-type: none; }
.planmenu ul li {float:left; position:relative;}
/* specific to non IE browsers */
.planmenu a {color:#000; background:#e9e9c7;}
.planmenu ul {display:none; position:absolute; bottom:281px; left:85%;}
.planmenu ul li {display:block;padding:0; margin:0; background:#fff; color:#000;width:63px; clear:both;}
.planmenu ul li a:hover {background:#0C1A1D;}
.planmenu ul li a {display:block; background:rgba(0,0,0,0.7); color:#fff; width:100%; padding-left:10px;}
.planmenu img{
	margin-left: 3px;
}
.routeType_selection__choice{
	border: 1px solid #777777;
    border-radius: 0;
    cursor: default;
    float: left;
    margin-right: 8px;
    margin-top: 5px;
    line-height: 19px;
    padding: 0 5px;
}

/**设置滚动条的默认样式start	**/
::-webkit-scrollbar {
   /* 	width: 15px; */
}
::-webkit-scrollbar-thumb {
 	background: rgba(6,8,5);   
}
::-webkit-scrollbar-track{
	background: #434343;  
}
::-webkit-scrollbar-button:vertical:increment {
    background:url(../../resource/img/ss1.png) no-repeat;
    background-size:100% 100%;
}
::-webkit-scrollbar-button:vertical:decrement {
   background:url(../../resource/img/ss4.png) no-repeat;
   background-size:100% 100%;
}
