.header {
	width: 100%;
	height: 50px;
	background: url(images/header.png) center;
	text-align: center;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.header h2 {
		font-size: 28px;
		font-weight: 700;
		background-image: -webkit-linear-gradient(top, #dff6ff, #dff6ff, #60aae1);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		float: left;
		height:50px;
		padding: 0 2px;
		line-height: 48px;
		text-align: center;
		width: 100%;
	}
}

.content-box{
	height: 100%;
}

.nav-box{
	height:100%;
	float: left;
	width: 110px;
	background: #f7fafd;
	padding:5px;
	box-sizing: border-box;
}
.map-box{
	height:100%;
	margin-left: 110px;
}

.fixed-box{
	position: fixed;
	height: 100%;
	width: calc(100% - 110px);
	top: 0px;
	left: 1920px;
	background: #fff;
	box-sizing: border-box;
	border-left: 1px solid #eee;
	
}

.close-fixed{
	position: absolute;
	right: 10px;
	top: 5px;
	width: 30px;
	height: 30px;
	border-radius: 5px;
	text-align: center;
	line-height: 30px;
	cursor: pointer;
}

.close-fixed i{
	font-size: 18px;
	color: #fff;
}

.qj-iframe{ 
	width: 100%;
	height:100%;
	border: none;
}

.nav-box .layui-tab{
	color: #fff;
	background: #ffffff;
	margin: 0;
}

.nav-box .layui-tab-title{
	border:1px solid #e4edf4;
}

.nav-box .layui-tab-title .layui-this {
	color: #136fce;
	padding: 0 10px;
	min-width: auto;
}

.nav-box .layui-tab-title .layui-this:after{
	border-bottom: 2px solid #136fce;
	display: none;
}

.nav-box .layui-tab-title li{
	font-weight: 700;
	font-size: 16px;
}

.nav-box .layui-tab-content{
	padding: 0;
	margin-bottom: 5px;
	border: 1px solid #e4edf4;
	border-top:none;
	max-height: 248px;
	overflow: auto;
}

.nav-box .layui-collapse{
	border: none;
	background: #ffffff;
}

.nav-box .layui-colla-item{
	margin-bottom: 5px;
	border:1px solid #e4edf4;
	background: #fff;
}

.nav-box .layui-colla-title{
	background: none;
	color: #136fce;
	font-weight: 700;
	font-size: 16px;
	padding:0 30px 0px 10px;
}

.nav-box .layui-colla-icon{
	left: inherit;
	right: 15px;
}

.nav-box .layui-colla-content{
	border-color: #e4edf4;
	padding: 0;
	display: block !important;
}

.nav-cell{
	border-right: 1px solid #e4edf4;
	border-bottom: 1px solid #e4edf4;
}

.nav-cell-nbd{
	border-bottom: none;
}

.nav-cell:nth-child(3n){
	border-right: none;
}

.bdbottom{
	border-bottom: none;
}

.nav-cell a{
	color: #666666;
	cursor: pointer;
	text-align: center;
	width: 100%;
	display: inline-block;
	padding: 15px 0;
	position: relative;
}


.nav-cell a span i{
	font-size: 24px;
	color: #136fce;
}

.nav-cell a p{
	margin: 7px 0 0;
	font-weight: 700;
}

.nav-cell a em{
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 20px;
	height: 20px;
	background: url(../../images/bs.png) no-repeat;
}

.nav-cell.courent a em{
	background: url(../../images/bs-this.png) no-repeat;
}

.nav-box .layui-colla-title form{
	position: absolute;
	right: 0px;
	top: -1px;
}
.nav-box .layui-colla-title form .layui-form-checkbox[lay-skin=primary]{
	padding-left: 24px;
}