.map-box{
	height: 100%;
	width: 100%;
	position: relative;
}
.searchbox{
	position: absolute;
	top: 10px;
	left: 10px;
    border-radius: 2px 0 0 2px;
    background: #fff;
	box-shadow: 1px 2px 1px rgba(0,0,0,.15);
}

.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: 10px;
	right: 10px;
	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;
}

.fxqk-box span{
	display: inline-block;
	width: 75px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	color: #fff;
	margin-right: 2px;
	margin-bottom: 2px;
	border-radius: 3px;
	font-size: 15px;
}

.sjd-tab{
	position: absolute;
	top: 82px;
	height: calc(100% - 140px);
	background: #fff;
	right: 10px;
	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: 196px;
}

.sjd-cdt select:first-child{
	width: 120px;
}

.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: 38px;
	color: #333;
	position: relative;
	border-radius: 2px 0 0 2px;
	float: left;
	width: 250px;
	font-size: 14px;
}
.search-btn{
	pointer-events: auto;
    background:#3385ff;
    width: 57px;
    height: 38px;
    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: 10px;
	bottom: 10px;
	width: 120px;
	height: auto;
	background: #fff;
	border-radius: 4px;
	font-size: 14px;
	overflow: hidden;
	display: none;
}

#yqtl {
	display: block;
}

.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;
}
/* -------水浸点监测预报信息弹窗--------------------------------------------------------------------- */
.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;}
.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: 3rem; margin-top: 13px; margin-left:18px;}
.jdt .layui-slider{height: 16px; background:rgba(208,229,240,0.3); border-radius: 10px;} 
.jdt .layui-slider-wrap-btn{width: 19px; height: 19px; border: none !important; background: #078ee4;}
.jdt  .layui-slider-bar{ border-radius: 0.1rem;background: rgba(255,255,255,0.75) !important;}
.jdt .layui-slider-wrap{ width: 36px; height: 36px; top: -0.1rem;}
.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: 90px; left: 50%; border-radius: 5px; background: #fff; padding:10px 15px; margin-left: -2.25rem; box-shadow: 0 4px 8px rgba(0,0,0,0.2); display: none;}
.rqss div{height: 50px; line-height:50px; 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: 50px;}
.rqss div dl dd{ cursor:pointer;}
.rqss div dl dd:hover a{color: #0099cc;}
.rqss div .sel{ padding-left:5px ; margin-right: 10px; float: left; margin-top: 10px; width: 280px; height:28px; 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;
}