.map-box{
	height: 100%;
	width: 100%;
	position: relative;
}

.map-title{
	position: absolute;
	border-radius:5px;
	background: #fff;
	box-shadow: 1px 2px 1px rgba(0,0,0,.15);
	top: 5px;
	text-align: center;
	padding: 10px 15px;
	right: 3px;
}

.map-title h2{
	margin-bottom: 5px;
	font-size: 18px;
	font-weight: 700;
}

.selectbox{
	position: absolute;
	top: 5px;
	left: 10px;
	border-radius: 2px 0 0 2px;
	background: #fff;
	box-shadow: 1px 2px 1px rgba(0,0,0,.15);
}
.searchbox{
	position: absolute;
	top: 5px;
	left: 5px;
    border-radius: 2px 0 0 2px;
    background: #fff;
	box-shadow: 1px 2px 1px rgba(0,0,0,.15);
}

.morecdt{
	padding: 0 10px;
	cursor: pointer;
}

.morecdt i{
	padding-left: 5px;
}

.morecdt:hover{
	color: #3385ff;
}

.sjzt{
	pointer-events: auto;
	background:#3385ff;
	height: 38px;
	float: left;
	border: 0;
	padding: 0;
	cursor: pointer;
	color: #fff;
	line-height: 38px;
	padding: 0 15px;
	font-size: 16px;
}

.sjzt i{
	font-size: 20px;
	vertical-align: middle;
}

.fxqk{
	position: absolute;
	top: 5px;
	right: 5px;
	background: #fff;
	box-shadow: 1px 2px 1px rgba(0,0,0,.15);
	padding: 10px 15px 8px;
	cursor: pointer;
	width: 310px;
}

.fxqk-box b{
	margin-right: 10px;
	color: #666666;
	font-weight: normal;
	overflow: hidden;
	cursor: pointer;
}

.fxqk-box span{
	display: inline-block;
	width: 75px;
	height: 40px;
	line-height: 20px;
	text-align: center;
	color: #fff;
	margin-right: 2px;
	margin-bottom: 2px;
	border-radius: 3px;
	float: left;
	padding: 7px 0;
}

.fxqk-box span p{
	font-size: 14px;
}

.fxqk-box span label{
	font-size: 16px;
}

.sjd-tab{
	position: absolute;
	top:75px;
	height: calc(100% - 80px);
	background: #fff;
	right: 5px;
	z-index: 3;
	width: 340px;
	box-shadow: 1px 2px 1px rgba(0,0,0,.15);
	border-top: 1px solid #eee;
	box-sizing: border-box;
	padding: 10px;
	display: none;
}

.sjd-cdt{
	height: 40px;
	line-height: 40px;
}

/* .sjd-tab .tab-box{
	height: calc(100% - 40px);
} */

.sjd-cdt select{
	height: 28px;
	line-height: 28px;
	border-color: #eee;
	width: 216px;
}

.sjd-cdt select:first-child{
	width: 100px;
}
.sjd-cdt select:last-child{
	width: 80px;
}
.rl-box{
	height: 200px;
}

.sjddt-lb .tab-box{
	height: calc(100% - 140px);
}

.sy-sjd-tab{
	top: 0px;
	right: 0px;
	height: 50%;
	box-shadow:inherit;
	border-bottom:1px solid #eee;
	box-sizing: border-box;
	display: none;
}

.sjd-tab-title{
	height: 30px;
	line-height: 20px;
	font-weight:700;
	color: #136fce;
	font-size: 16px;
}

.sjd-tab-title i{
	margin-left: 5px;
	margin-right: 8px;
}

.sy-sjd-tab .tab-box{
	height: calc(100% - 30px);
}

/* .sy-mxh-tab{
	top: 50%;
	right: 0px;
	height: 50%;
	box-shadow:inherit;
	border-bottom:1px solid #eee;
	box-sizing: border-box;
	display: block;
}
.sy-mxh-tab .tab-box{
	height: calc(100% - 30px);
} */

.fxzt{
	display: inline-block;
	height: 20px;
	width: 35px;
	border-radius: 3px;
	vertical-align: middle;
}

.searchbox input{
	box-sizing: border-box;
	border: 0;
	padding: 9px 0;
	border-left: 10px solid transparent;
	border-right: 27px solid transparent;
	line-height: 20px;
	font-size: 16px;
	height:40px;
	color: #333;
	position: relative;
	border-radius: 2px 0 0 2px;
	float: left;
	width: 129px;
	font-size: 14px;
}

.searchbox .sjd-cdt{
	padding: 0 5px;
	float: left;
}

.searchbox .sjd-cdt select{
	border: none;
	border-right: 1px solid #eee;
}

.search-btn{
	pointer-events: auto;
    background:#3385ff;
    width: 57px;
    height: 40px;
    float: left;
    border: 0;
    padding: 0;
    cursor: pointer;
	color: #fff;
}

.search-btn i{
	font-size: 22px;
}

.sjd-img{
	position: fixed;
	left: 50%;
	top: 50%;
	cursor: pointer;
}

.d1{margin-top: 150px;}
.d2{margin-top: -120px; margin-left: -25px;}
.d3{margin-top: 150px; margin-left: -110px;}
.d4{margin-top: 80px; margin-left:5px;}
.d5{margin-top: 170px; margin-left:60px;}
.d6{margin-top: -25px; margin-left:80px;}

.sjyc-btn {
	position: fixed;
	right: 10px;
	bottom: 10px;
	width: 120px;
	height: auto;
	border-radius: 4px;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	background: #3385ff;
	cursor: pointer;
}

.sjyc-btn i{
	font-size: 16px;
	margin-right: 5px;
	vertical-align: middle;
}


.yqtl {
	position: fixed;
	left: 5px;
	bottom: 5px;
	width: 120px;
	height: auto;
	background: #fff;
	border-radius: 4px;
	font-size: 14px;
	overflow: hidden;
	display: none;
}

#yqtl {
	display: block;
	box-shadow: 1px 2px 1px rgba(0,0,0,.15);
}

.yqtl h4 {
	height: 30px;
	cursor: pointer;
	padding-left: 10px;
	font-size: 14px;
	color: #0099cc;
	font-weight: 700;
	line-height: 30px;
}

.yqtl h4 span {
	float: right;
	margin-right: 10px;
}

.yqtl h4 span i {
	color: #0099cc;
	cursor: pointer;
}

.tl-down i {
	font-size: 12px;
}

.tl-up {
	display: none;
}

.tl-up i {
	font-size: 14px;
}

.yqtl div {
	background: #fff;
	margin: 0 3px 3px;
	height: auto;
	font-size: 12px;
	color: #fff;
	overflow: hidden;
	width: 114px;
	padding: 5px 0;
}

.yqtl ul {
	overflow: hidden;
}

.yqtl ul li {
	position: relative;
	line-height: 40px;
	color: #1d6299;
	font-size: 14px;
}

.yqtl ul li span {
	vertical-align: middle;
	display: inline-block;
	margin-top: -2px;
}

.yqtl ul li span img {
    margin-left: 15px;
    margin-right: 5px;
	width: 25px;
}

.sjddt-lb{
	position: absolute;
	top: 50px;
	left: 5px;
	background: #fff;
	width: 430px;
	height: calc(100% - 55px);
	display: none;
}

.sjddt-lb .layui-tab{
	margin: 0;
}

.sjddt-lb .layui-tab{
	height: 100%;
}

.sjddt-lb .layui-tab-content{
	height: calc(100% - 45px);
	box-sizing: border-box;
}

.sjddt-lb .layui-tab-item{
	height: 100%;
}

.sjddt-lb .layui-tab-title{
	height: 45px;
}

.sjddt-lb .layui-tab-title li{
	font-size: 15px;
	line-height: 45px;
}

#realTip{
	margin-bottom: 5px;
	display: inline-block;
}

#forcastTip{
	margin-bottom:5px;
	display: inline-block;
}

.sjddt-lb .layui-tab-title .layui-this:after{
	height: 46px;
}

.sjddt-lb .layui-tab-brief>.layui-tab-title .layui-this{
	color: rgba(11,120,227,1);
	font-weight: 700;
}

.sjddt-lb .layui-tab-brief>.layui-tab-title .layui-this:after{
	border-color: rgba(11,120,227,1);
}

.close-sjddt{
	width: 30px;
	height: 30px;
	position: absolute;
	right: 8px;
	top: 8px;
	border-radius: 5px;
	color: #fff;
	text-align: center;
	line-height: 30px;
	z-index: 2;
	cursor: pointer;
}

.siddt-nav{
	position: absolute;
	width: 15px;
	padding: 0px 8px;
	height: auto;
	background: #3385ff;
	border-radius: 0 5px 5px 0;
	top: 80px;
	left: 0px;
}

.siddt-nav ul li{
	padding: 10px 0;
	color: #fff;
	border-bottom: 1px solid #eee;
	cursor: pointer;
}

.siddt-nav ul li:last-child{
	border-bottom: none;
}
/* -------水浸点监测预报信息弹窗--------------------------------------------------------------------- */
.sjdjc-box{	
	padding: 10px;
}

/*.sjd-ec{*/
/*	height: 329px;*/
/*}*/

.sjd-xx{
	margin-top: 10px;
}

.sjd-gn div{
	height: 40px;
	width: 50%;
	float: left;
	padding: 1px;
	box-sizing: border-box;
}

/* -------水浸点监测预报信息弹窗--------------------------------------------------------------------- */

/* -------水浸点监测历史相似弹窗--------------------------------------------------------------------- */
.lsxs-left{
	margin-right: 350px;
	height: 100%;
	padding: 10px;
	box-sizing: border-box;
	padding-right:5px;
}

.lsxs-right{
	float: right;
	width: 350px;
	height: 100%;
	padding: 10px;
	box-sizing: border-box;
	padding-left: 5px;
}
/* -------水浸点监测历史相似弹窗--------------------------------------------------------------------- */

.bfq{ width:520px; height:40px; background: rgba(0,0,0,0.4); position: absolute;left: 50%; margin-left: -260px; bottom:-50px;}
.bfq2{
	display: block;
	bottom: 0px;
	background:#fff;
	width:100%;
	margin-left: 0;
	left: 0px;
	height: 50px;
}

.bfq2 .bfqan{
	width: 110px;
}

.bfq2 .bfqan li a{
	color: #0084ff;
	height: 50px;
	width: 55px;
}

.bfq2 .bfqan li a i{
	height: 50px;
	line-height: 50px;
	width: 55px;
}

.bfq2 .jdt{
	width: calc(100% - 660px);
	border-radius: 3px;
	background: #e1e1e1;
	margin-top: 16px;
	height: 20px;
}

.bfq2 .bfqan li a:hover{ background: #0071e1; color: #fff;}

.bfq-time{
	display: inline-block;
	height: 50px;
	line-height: 50px;
	margin-left: 10px;
}

.bfqan{ margin-bottom: 0px; float: left; width: 90px;}
.bfqan li{ float: left;}
.bfqan li a{ height:40px; line-height: 40px; width: 45px; display: block; text-align: center; color: #fff; text-decoration: none; cursor: pointer;}
.bfqan li a i{ float: left; width: 45px; text-align: center; padding-top: 2px; height: 38px;font-size: 18px;}
.bfqan li a:hover{ background: #0071e1;}

.jdt{ float: left; position: relative; height: 14px; width: 19rem; margin-top: 13px; margin-left:18px;}
.jdt .layui-slider{height: 20px; background:rgba(208,229,240,0.3); border-radius: 3px;}
.jdt .layui-slider-wrap-btn{width: 20px; height: 20px; border: none !important; background: #078ee4;}
.jdt  .layui-slider-bar{ background: #078ee4 !important;border-radius: 3px;}
.jdt .layui-slider-wrap{ width: 20px; height: 20px; top:0px;}
.time{ float: left;width: 100px; height: 38px;position: relative; line-height: 39px; text-align: right; color: #d0e5f0; font-size: 12px;}

.simFunc{float: left;width: 50px;margin-left:10px;height: 40px;position: relative; line-height: 40px; text-align: right; color: #d0e5f0; font-size: 12px;}
.rqss{ position: absolute; top: 5px; left: 40%; border-radius: 5px; background: #fff; padding:5px 5px; margin-left: -2.25rem; box-shadow: 0 4px 8px rgba(0,0,0,0.2); display: block;}
.rqss div{height: 30px; line-height:30px; border-bottom: 1px dashed #eee;}
.rqss div dl{ margin-bottom: 0px;}
.rqss div dl dt,.rqss div dl dd{ float: left; padding: 0 0.1rem; height:50px; line-height: 30px;}
.rqss div dl dd{ cursor:pointer;}
.rqss div dl dd:hover a{color: #0099cc;}
.rqss div .sel{ padding-left:5px ; margin-right: 5px; float: left; margin-top: 3px; width: 100px; height:25px; border: 1px solid #eee;}
.rqss div span{padding: 0 10px; float: left; font-weight: 700;}
.rqss div button{ width: 30px; height: 30px; border-radius: 3px; background: #26aae1; color: #fff; text-align: center; line-height: 30px; border: none; float: left; margin-top: 10px;}
.close-rqss{ position: absolute; width: 16px; height: 16px; top: 5px; right: 5px; text-align: center; line-height: 16px;cursor: pointer;}
.close-rqss i{ font-size: 14px; color: #999999;}
.close-rqss:hover i{ color: #f93e46;}

.content-xx{ margin-top:0px; padding: 0 10px; margin-bottom: 20px;}
.content-xx-title{ font-size: 14px; font-weight: 600;color: #3498db;border-bottom: 3px solid #3498db; height: 40px; line-height: 40px; padding-left: 10px; margin-bottom: 10px; margin-top: 0px;}
.content-xx-title a{ float: right; margin-right: 15px; font-size: 16px; color: #999999; font-weight: normal;}
.content-xx-title i{ margin-right: 8px; font-weight: normal; font-size: 18px; vertical-align: top;}
.content-xx-title button{ height: 28px; padding: 0 15px; float: right; color: #fff; line-height: 28px; border: none; background: #3498db; border-radius: 3px; margin-left: 10px; margin-top: 5px; font-size: 14px;}
.content-xx-title button i{ margin-right: 0px; color: #fff;}


.table_sty{ width: 100%; height: auto; border: 1px solid #eceff8; font-size: 12px;}
.table_sty th{background: #f6f7fb; border-right: 1px solid #eceff8; color: #6699cc;padding:10px; border-bottom: 1px solid #eceff8; width: 150px;}
.table_sty th:last-child{ border-right: none;}
.table_sty td{ border-right: 1px solid #eceff8; padding: 12px 10px;border-bottom: 1px solid #eceff8;}
.table_sty td:last-child{ border-right: none;}

.table_sty td .inp{ border: 1px solid #eee; padding-left: 5px; height: 30px; line-height: 30px;}
.table_sty td .sel{ border: 1px solid #eee; padding-left: 5px; height: 30px; line-height: 30px; width: 100%;}

.xcrl{ width: 100%;}
.xcrl-cz{ height: 40px; line-height: 40px;  margin-bottom: 5px;}
.xcrl-title{ font-size: 15px; color: #3498db; font-weight: 700;}
.xcrl-btn{ margin-left: 100px;}
.xcrl-btn button{ height: 25px; line-height: 25px; padding: 0 10px; margin-left: 10px; border: none; background: #3686db; color: #fff; border-radius: 5px; font-size: 14px;}
.xcrl-btn button.jzdj{ background: #f4f4f4; color: #aaaaaa;}
.xcrl .table_sty th{ text-align: center; color: #6699cc;}
.xcrl .table_sty td{ padding: 3px 4px;}
.riqi{ font-size: 14px; font-weight: 600; color: #6699cc;}
.rlnr{ height: 24px; line-height: 10px; font-size: 14px; text-align: center; color: #6699cc; font-weight: 600;}
.rlnr i{ margin-left: 3px; vertical-align: middle; cursor: pointer;}
.wxc .riqi,.wxc .rlnr{ color: #d53f40 ;}
.fby .riqi,.fby .rlnr{ color: #bbbbbb ;}
.xcwt{width: 360px; float: right;}
.xcwt-title{ height: 40px; line-height: 40px; background:#3498db; color: #fff; border-top-left-radius:10px ;border-top-right-radius:10px; font-size: 15px; padding-left: 15px; font-weight: 600;}
.xcwt-nr{ height: 331px; background: #fff; overflow: auto;}

.nldzp {
	padding: 0 25px;
	width: 100%;
	box-sizing: border-box;
	position: relative;
	margin-top: 15px;
	margin-bottom: 15px;
}

.nldzp span {
	width: 20px;
	position: absolute;
	top: 0px;
	background: #f3f3f3;
	height: 91px;
	padding: 0px;
	text-align: center;
	line-height: 91px;
	cursor: pointer;
}

.nldzp span i {
	color: #666666;
}

.nldzp span:hover {
	background: #f1f6fd;
}

.nldzp span:hover i {
	color: #3596e7;
}

.tp-left {
	left: 0px;
	border-bottom-left-radius: 8px;
	border-top-left-radius: 8px;
}

.tp-right {
	right: 0px;
	border-bottom-right-radius: 8px;
	border-top-right-radius: 8px;
}

.nldzp-list {
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 91px;
}

.nldzp-list ul {
	position: absolute;
	top: 0px;
	left: 0px;
}

.nldzp-list ul li {
	float: left;
	padding:0px 3px;
	cursor: pointer;
	box-sizing: border-box;
}

.nldzp-list ul li:hover {
	background: #f1f6fd;
}

.nldzp-list ul li a{ display: inline-block;}

.nldzp-list ul li img {
	width:150px;
	height: 91px;
}

.tab-box{
	height: 100%;
}

.legend {
	position: absolute;
	bottom: 5px;
	left: 5px;
	background: #fff;
	padding:10px;
	border-radius:5px;
	box-shadow: 1px 2px 1px rgba(0,0,0,.15);
}

.legend li {
	padding:2px 5px;
	font-weight: 400;
	font-size:12px;
	color: #666666;
}

.legend li i {
	margin-right:10px;
	display: inline-block;
	width: 18px;
	height:12px;
	border-radius:3px;
	float: left;
	margin-top:1px;
	vertical-align: middle;
}

.legend2{

	bottom: 55px;
}

.bfq2 .bflx-box{
	height: 50px;
	padding: 5px 5px 0;
	box-sizing: border-box;
	font-size: 15px;
}

.bfq2 .bflx-box .layui-form-label{
	width: 60px;
	color: #fff;
	padding:0;
	margin-right: 10px;
	line-height: 38px;
}

.bfq2 .bflx-box span{
	line-height: 38px;
	color: #fff;
}

.bfq2 .bflx-box span i{
	display: inline-block;
	height: 20px;
	width: 20px;
	background: url(../images/sx.png) no-repeat;
	cursor: pointer;
	vertical-align: sub;
	margin-left: 12px;
}

.bfq2 .bflx-box .layui-input-inline{
	margin-top: 3px;
}

.bfkz-box{
	position: absolute;
	top: 5px;
	left: 5px;
	border-radius:5px;
	background: #fff;
	box-shadow: 1px 2px 1px rgba(0,0,0,.15);
	border: 1px solid #ddd;
	padding: 0 5px;
}

.searchbox .bfkz-box{
	display: inline-block;
	border-radius: 0;
	border: none;
	top: 42px;
	left: 0px;
}

.searchbox .bflx-box{
	margin-bottom: 10px;
}

.searchbox .bflx-box:last-child{
	margin-bottom: 0;
}

.bfkz-title{
	height: 40px;
	color: #666666;
	font-size: 15px;
	font-weight: 700;
	line-height: 40px;
	padding: 0 10px;
}

.bfkz-list-title{
	height: 35px;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	line-height: 35px;
	padding: 0 10px;
	border-bottom: 2px;
	background: #1293e7;
}
.bfkz-list .layui-form{
	padding: 10px;
}
.bfkz-list .layui-form .layui-form-radio{
	margin-top: 0px;
	margin-right: 0px;
}

.bfkz-list .layui-form .layui-form-radio>i{
	margin-left: 5px;
}

.bfkz-list .layui-form input[type=text],.bfq2 .layui-form input[type=text]{
	height: 28px;
	line-height: 28px;
	border: 1px solid #ddd;
	border-radius: 5px;
	vertical-align: middle;
	padding: 0 5px;
	width: 235px;
}

.bfkz-list .layui-form .bflx-box:first-child{
	margin-bottom: 10px;
}

.bfkz-list .layui-form .bflx-box .layui-form-radio{
	margin-right: 0px;
}
.bfkz-list .layui-form .bflx-box select,.bfq2 .layui-form .bflx-box select{
	display: inline-block;
	height: 32px;	
	line-height: 32px;
	border: 1px solid #ddd;
	border-radius: 5px;
	vertical-align: middle;
	padding: 0 5px;
	width: 210px;
}

.bfkz-list .layui-form .bflx-box .layui-form-select,.bfq2 .layui-form .bflx-box .layui-form-select{
	display: none;
}

.map-list{
	padding: 10px 0 0 10px;
	overflow: hidden;
	width: 335px;
	box-sizing: border-box;
}
.map-list li{
	float: left;
	width: 33.33%;
	height: 80px;
	margin-bottom: 10px;
	padding-right: 10px;
	box-sizing: border-box;
	cursor: pointer;
}

.map-list li:last-child{
	margin-right: 0px;
}

.map-list li img{
	width: 100%;
	height: 80px;
	box-sizing: border-box;
}

.map-list li.courent img{
	border: 2px solid #0066CC;
	box-sizing: border-box;
}

.close-bfkz{
	width: 20px;
	height: 30px;
	float:right;
	color: #666;
	text-align: center;
	line-height: 30px;
	z-index: 2;
	cursor: pointer;
	margin-top: 5px;
	display: inline-block;
}

.close-bfkz:hover{
	color: red;
}

.jypx-box{
	position: absolute;
	top: 5px;
	right: 5px;
}

.jypx-list{
	display: flex;
	background: #fff;
	box-shadow: 1px 2px 1px rgba(0,0,0,.15);
	padding: 10px;
	border-radius: 10px;
	width: 255px;
	border: 1px solid #ddd;
	margin-bottom: 5px;
}

.jypx-tb{
	width: 24px;
	position:relative;
}

.jypx-tb i{
	position: absolute;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	text-align: center;
	top: 50%;
	margin-top: -12px;
	line-height: 24px;
	color: #fff;
}

.jypx-name{
	width:160px;
	padding: 0 8px;
	box-sizing: border-box;
}

.jypx-jyl{
	position: relative;
}
.jypx-jyl b{
	height: 24px;
	line-height: 24px;
	text-align: left;
	top: 50%;
	margin-top: -12px;
	position: absolute;
	color: #d9433f;
}

.bfkz-jg{
	box-shadow: 1px 2px 1px rgba(0,0,0,.15);
	padding: 10px;
	border-radius: 5px;
	position: absolute;
	top: 5px;
	left: 5px;
	background: #fff ;
	color: #333333;
	cursor: pointer;
	font-size: 15px;
	border: 1px solid #ddd;
}

.bfkz-jg label{
	cursor: pointer;
}

.bfkz-jg span{
	margin-left: 8px;
}

.map-search-xl{
	position: absolute;
	top: 40px;
	left: 240px;
	padding: 0.1rem;
	display: none;
}

.map-search-xl ul{
	width: 250px;
	background: #0a2661;
	border-radius: 0.05rem;
	padding:0.05rem 0.1rem;
	box-sizing: border-box;
	max-height: 8rem;
	overflow: auto;
}

.map-search-xl ul li{
	color: #fff;
	padding: 0.05rem 0.1rem;
	border-bottom: 1px dashed #1d4fb8;
	cursor: pointer;
	font-size: 0.14rem;
}

.map-search-xl ul li:hover{
	background: rgba(0, 145, 255, 0.35);;
}

.map-search-xl ul li:last-child{
	border-bottom: none;
}

.map-search-xl ul li b{
	margin-right: 0.1rem;
}

.map-search-xl ul li span{
	float: right;
}

.pop-cdt{
	height: 50px;
	border-bottom:1px solid #eee;
	margin-bottom: 10px;
}

.pop-cdt span{
	margin-left: 10px;
	float: left;
	margin-top: 10px;
	height: 30px;
}

.pop-cdt span input{
	height: 28px;
	line-height: 28px;
	border: 1px solid #eee;
}

.pop-cdt span select{
	height: 30px;
	line-height: 30px;
	border: 1px solid #eee;
}

.pop-cdt span button{
	height: 30px;
	width: 30px;
	border-radius: 5px;
	border: none;
	color: #fff;
	background: #0099cc;
}

.hcdt{
	height: calc(100% - 60px);
}

.hcdts{
	height: calc(100% - 120px);
}

.zxjy {
	height: 40px;
	line-height: 40px;
}

.zxjy ul{
	overflow: hidden;
}

.zxjy ul li{
	float: left;
	width: 25%;
	text-align: center;
}

.sjd-xx{
	height:calc(100% - 370px)
}

.titie-btn{
	float: right;
	border: none;
	height:28px;
	width: 28px;
	margin-top: 6px;
	border-radius: 5px;
	cursor: pointer;
	line-height: 28px;
	margin-right: 6px;
}

.titie-btn i{
	color: #fff;
}

.nav-box .layui-tab-bar{
	display:none;
}

.nav-box .yqtl{
	position: absolute;
	display: block;
	width: 300px;
	left: 0px;
	bottom: 0px;
	padding: 10px 0;
}

.nav-box .yqtl ul li{
	float: left;
	width: 50%;
	cursor: pointer;
}

.lyyj{
	position: absolute;
	bottom: 55px;
	right: 0px;
	padding:0 10px;
	height: 162px;
	overflow: hidden;
	width: 340px;
}

.lyyj-ul{
	position: absolute;
	top:10px;
	left: 10px;
}

.lyyj-ul li{
	background: rgba(255,255,255,0.85);
	padding: 10px;
	border-radius: 5px;
	overflow: hidden;
	height: 71px;
	margin-bottom: 10px;
	box-sizing: border-box;
	box-shadow: 1px 2px 1px rgba(0,0,0,.1);
}

.lyyj-ul li h4{
	font-size: 16px;
	font-weight: 700;
	color: #0084ff;
	width: 320px;
	text-overflow: ellipsis;
	white-space:nowrap;
	overflow:hidden;
}

.lyyj-ul li span{
	display: inline-block;
	width: 50%;
	float: left;
	height: 30px;
	line-height: 40px;
}

.pop-box .layui-tab-brief>.layui-tab-title .layui-this{
	color: #3498db;
}



.pop-box .layui-tab{
	padding: 0 10px;
	margin: 0;
}

.pop-box .layui-tab-content{
	padding:10px 0;
}

.pop-box .layui-tab-brief>.layui-tab-title .layui-this:after{
	top: 2px;
	border-bottom: 3px solid #3498db;
}

.pop-box .layui-tab-title{
	border-bottom-width:3px;
} 

.pop-box .layui-tab-title li{
	color: #666666;
	font-weight: 700;
}

.pop-box .layui-tab-title li i{
	font-weight: normal;
	margin-right: 5px;
	vertical-align: middle;
}

.dcbtn{
	position: absolute;
	right: 15px;
	top: 5px;
	height: 30px;
	border-radius:5px;
	border: none;
	padding: 0 10px;
	line-height: 30px;
	color: #fff;
}

.flagbox{
	float: right;
}

.flagbox span{
	color: #666666;
}

.flagbox span b{
	color: #147ad9;
}

.fxd-pop{
	display: flex;
	height: 100%;
}

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

.fxd-box{
	flex: 2;
	height: 100%;
}
.fxd-nav{
	flex: 1;
	max-width: 300px;
	min-width: 300px;
	height: 100%;
	padding: 0 10px;
	border-left: 1px solid #eee;
	overflow: auto;
}

.fxd-nav ul li{
	margin-top: 10px;
}

.fxd-nav ul li a{
	display: inline-block;
	height: 40px;
	line-height: 40px;
	background: #f7f8fb;
	border-radius: 5px;
	font-size: 14px;
	width: 100%;
	padding-left: 5px;
	padding-right: 10px;
	box-sizing: border-box;
}

.fxd-nav ul li a img{
	float: left;
	width: 20px;
	margin-top: 10px;
	margin-right: 5px;
}

.fxd-nav ul li span{
	display: inline-block;
	width: 170px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.fxd-nav ul li em{
	font-style: normal;
	float: right;
}

.fxd-nav ul li:hover a{
	background: #f1f6ff;
	color: #147ad9;
}

.fxd-nav ul li.courent a{
	background: #147ad9;
	color: #fff;
}


.jylb-box{
	position: absolute;
	top: 47px;
	left: 5px;
	border-radius:5px;
	background: #fff;
	padding: 5px 5px;
	border: none;
	width: 438px;
	box-sizing: border-box;
	max-height: calc(100% - 52px);
}

.jylb-box .t-body{
	height: calc(100% - 40px);
	overflow: auto;
}