@charset "utf-8";
@font-face {
	font-family: DINCond-Bold;
}
body {
	font-family: "微软雅黑", Arial, sans-serif;
	font-size: 14px;
	background: #282e35;
	position: relative;
}

i,em{
	font-style: normal;
}

a{
	text-decoration: none;
}

.fl{
	float: left;
}


.fr{
	float: right;
}

.i-container{
	width: 100%;
	min-width: 1290px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}


.jmkt-main{
	overflow: hidden;
	padding: 0 20px;
	margin-top: 20px;
}

.layui-col-lg5, .layui-col-lg7{
	width: 100%;
}

.pdgxq-m1-box{
	background: #2f3740;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	overflow: hidden;
}

.i{
	display: inline-block;
	width: 50px;
	height: 50px;
	position: absolute;
	left: -12px;
	z-index: 9;
	background: url(../../images/tit-redBg.png) center no-repeat;
}

.pdgxq-table{
	overflow: hidden;
}

.jmkt-table-wrap{
	background: #22282e;
	padding: 0 20px 0 20px;
}

.pdgxq-table1{
	background-color: transparent;
	margin: 0;
}

.pdgxq-pagebox{
	border-top: 1px solid #444d58;
	text-align: right;
}


.pdgxq-table1 thead tr{
	background: #22282e !important;
	border-bottom: 1px solid #892e3c;
}

.pdgxq-table1 thead tr th{
	color: #fff;
}

.pdgxq-table1 th,
.pdgxq-table1 td{
	text-align: center;
	min-height: 32px;
	line-height: 32px;
	font-size: 16px;
}

.pdgxq-table1 td{
	color: #aab7c5;
}

.pdgxq-table1 td em{
	color: #ff4e4e;
}


.pdgxq-table1 tbody tr:nth-child(odd) {
	background-color: #262d33;
}


.layui-laypage a,
.layui-laypage span,
.layui-laypage button,
.layui-laypage input,
.layui-laypage-limits,
.layui-laypage select{
	color: #94a4b6;
	background: none;
}

.layui-laypage a,
.layui-laypage button,
.layui-laypage input,
.layui-laypage select,
.layui-laypage span {
	border: 1px solid #444d58;
}

.layui-laypage select{
	padding: 2px;
	height: 22px;
}

.layui-laypage input,
.layui-laypage .layui-laypage-skip,
.layui-laypage span.layui-laypage-limits{
	height: 28px;
	line-height: 28px;
}

.layui-laypage .layui-laypage-skip{
	color: #94a4b6;
	margin-left: 0;
}

.layui-table tbody tr:hover{
	background: #e45163;
}

.layui-table tbody tr:hover td{
	color: #fff;
}

.layui-laypage a,
.layui-laypage span{
	margin: 0 1px 5px 1px;
	padding: 0 9px;
	font-size: 14px;
	height: 26px;
	line-height: 26px;
}

.layui-laypage-btn,
.layui-laypage-last{
	display: none !important;
}

.pdgxq-pagebox .layui-laypage-spr{
	border: 0;
	padding: 0 3px;
}


.layui-laypage-prev,
.layui-laypage-next{
	font-size: 0 !important;
	width: 8px;
}

.pdgxq-pagebox .layui-laypage-prev{
	background: url(../../images/icon-arrow-l.png) center no-repeat;
}

.pdgxq-pagebox .layui-laypage-next{
	background: url(../../images/icon-arrow-r.png) center no-repeat;
}


.jmkt-table-wrap tbody{
	overflow: hidden;
}


.jmkt-table-wrap .pdgxq-table1{
	overflow: hidden;
}

.layui-table td, .layui-table th{
	padding: 9px 5px;
}

.layui-col-md4{
	margin-bottom: 5px;
	margin-top: 10px;
}
.layui-inline {
	margin-left: 10px;
}
.layui-form-label{
	padding: 9px 5px 9px 15px;
	color: #ffffff;
	font-size: 16px;
}
.layui-input-block {
	margin-left: 100px;
}
.layui-input{
	width: 300px;
	background: #3f474e;
	border-style: solid;
	border-width: 0;
	color: #ffffff;
}
.layui-btn-primary {
	background: transparent;
	border: 1px solid rgba(187, 187, 187, 0.3);
	color: #ffffff;
}
.top{
	height: 50px;
}
.img-main{
	height: 700px;
	text-align: center;
}

#img-three{
	border-radius: 8px;
}
.top-cont{
	margin-top: 15px;
	padding-right: 10px;
	padding-left: 35px;
}
.t-warn{
	color: #FFF;
	font-size: 14px;
}

.right{
	float: right;
}

.hide {
	display: none;
}

.show {
	display: block;
}

.i-2 {
	display: inline-block;
	width: 30px;
	height: 30px;
	position: absolute;
	z-index: 9;
	background: url(../../images/icon-warn.png) center no-repeat;
	margin-top: 10px;
}



/*---------mypop----------*/
.pdgxq-H {
	padding: 0 20px;
	margin-top: 15px;
}
.pdgxq-H h3 {
	line-height: 40px;
	height: 40px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	position: relative;
	float: left;
}
.pdgxq-H h3 i {
	display: inline-block;
	width: 4px;
	height: 24px;
	position: absolute;
	left: -20px;
	top: 50%;
	margin-top: -12px;
	z-index: 9;
	background: url(../../images/tit-redBg.png) center no-repeat;
}

.popBox {
	display: none;
	width: 100%;
}

.layui-layer.mypop {
	overflow: hidden;
	background: #434d59;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
.mypop .layui-layer-title{
	background-color: #1d2227;
	border-bottom-color: #1d2227;
	color: #FFF;
}
.mypop .layui-layer-content{
	background-color: #282e35;
	color: #FFF;
}

.popclose {
	float: right;
	font-size: 28px;
	color: #717c89;
	cursor: pointer;
	font-weight: bold;
	margin: 15px 15px 0 0;
}

.d-popBox-tit .pdgxq-H {
	float: left;
}

.popCon {
	height: 760px;
	/*margin: 15px 20px 0 20px;*/
	/*overflow-y: auto;*/
	background: #323a43;
}


/*右侧监控属性列表下拉*/
/*table 纵向滚动显示并隐藏滚动条*/
.table-tbody {
	height: 500px;
	overflow-y: scroll;
}

/*chrome 和Safari ----隐藏滚动条*/
.table-tbody::-webkit-scrollbar {
	width: 0 !important;
}

/*IE 10+ ----隐藏滚动条*/
.table-tbody {
	-ms-overflow-style: none;
}

/*Firefox ----隐藏滚动条*/
.table-tbody {
	scrollbar-width: none;
}


#voide .popCon{
	height: 770px;
	padding: 0px;
}

.i-popclose{
	float: right;
	font-size: 28px;
	color: #4f6072;
	cursor: pointer;
	font-weight: bold;
	margin: 10px 15px 0 0;
}

@media only screen and (max-width:1920px) and (max-height: 1080px){

}

@media only screen and (max-width:1280px) and (max-height: 1024px){
	#record-info .popCon{
		height: 700px;
		padding: 0px;
	}
	.i-container {
		min-width: 1045px;
		height: 100%;
		overflow-y: scroll;
	}
	/** 隐藏列表下拉滚动条 **/
	.div-body::-webkit-scrollbar {
		display: none;
	}
	/*IE 10+ ----隐藏滚动条*/
	.div-body {
		-ms-overflow-style: none;
	}
	/*Firefox ----隐藏滚动条*/
	.div-body {
		scrollbar-width: none;
	}
}

@media only screen and (max-width:1280px) and (max-height: 800px){
	#record-info .popCon{
		height: 500px;
		padding: 0px;
	}
	.i-container {
		min-width: 1045px;
		height: 100%;
		overflow-y: scroll;
	}
	/** 隐藏列表下拉滚动条 **/
	.div-body::-webkit-scrollbar {
		display: none;
	}
	/*IE 10+ ----隐藏滚动条*/
	.div-body {
		-ms-overflow-style: none;
	}
	/*Firefox ----隐藏滚动条*/
	.div-body {
		scrollbar-width: none;
	}

	.img-main{
		height: 450px;
		text-align: center;
	}
}