*{margin:0;padding:0;box-sizing:border-box;}
h1,h2,h3,h4,h5,h6,a,p,label,ul,li,label,span{margin:0;padding:0;font-family:'sans-serif';}
a,a:active,a:focus, a:hover{text-decoration:none;}
.clear{clear:both;}
html,body{height:100%;user-select:none;}
body{background:url(../images/kshbj.png) no-repeat;background-size:cover;}
.anchorBL{display:none !important;} 
@font-face{
	font-family: yjsz;
	src:url('../fonts/yjsz.eot'); /* IE9+ */
	font-display: swap;
}

/* 设置滚动条的样式 */
::-webkit-scrollbar {width:5px;height:5px;}
    /* 滚动槽 */
::-webkit-scrollbar-track {-webkit-box-shadow:inset 0 0 6px rgba(7,166,255,0.9);border-radius:0px;}
    /* 滚动条滑块 */
::-webkit-scrollbar-thumb {border-radius:0px; background: rgba(255,255,255,0.1);-webkit-box-shadow:inset 0 0 6px rgba(7,166,255,0.7);}
::-webkit-scrollbar-thumb:window-inactive {background: rgba(7,166,255,0.3);}
/* 修改layui */
/* .layui-layer-content{border: 1px solid #03e5ff;} */
/* .layui-layer-content{border: 1px solid #1380bd;background: rgba(16,54,87,0.7)!important;}
.layui-layer-title{background:rgba(16,54,87,0.7) !important;color:#06d3cf !important;border-bottom: none !important; border: 1px solid #1380bd;} */
.layui-layer{background: none!important;}
.layui-layer-content{border: 1px solid #1380bd;background: rgba(16,54,87,0.7)!important;}
/* #layui-layer2 .layui-layer-content{border:none;background-color:rgba(255, 255, 255, 1)!important;} */
.layui-layer-title{background: rgba(16,54,87,0.8)!important;color:#06d3cf !important;border-bottom: none !important; border: 1px solid #1380bd;}
.ksh{height:100%;position:relative;overflow:hidden;}
.ksh .ksh_top{text-align:center;color:#06d3cf;font-size:28px;line-height:41px;position:relative;}
.ksh .ksh_top .kshbk_left{width:35%;position:absolute;left:10px;top:10px;}
.ksh .ksh_top .kshbk_right{width:35%;position:absolute;right:10px;top:10px;}
.ksh .ksh_top>span{font-size:16px;position:absolute;right:100px;top:-4px;}
.ksh .ksh_top span{font-family:'yjsz';}
.ksh .ksh_top select{position:absolute;right:15px;top:5px;background:none;border:1px solid #06d3cf;color:#06d3cf;font-size: 14px;}
.ksh .ksh_top select option{background:#08304c;}
.ksh_con{height:calc(100% - 41px);padding:10px 10px 5px 10px;}
.ksh_left{width:23%;height:100%;float:left;position: relative;}
.ksh_left .ksh_left1{height:110px;position:relative}
.ksh_left .ksh_left1>img{width:100%;height:100%;}
.ksh_left .ksh_left1 .ksh_text{width:100%;position:absolute;top:0;}
.ksh_left .ksh_left1 .ksh_text .ksh1_box{width:25%;float:left;text-align:center;color:#fff;padding-top:20px;}
.ksh_left .ksh_left1 .ksh_text .ksh1_box span{display:block;margin-bottom:5px;}
.ksh_left .ksh_left1 .ksh_text .ksh1_box label{width:100%;font-size:22px;font-weight:400;overflow:hidden;}
.ksh_left .ksh_left1 .ksh_text .ksh1_box:first-child label{color:#00d7e9;text-shadow:0 0 10px #00d7e9;}
.ksh_left .ksh_left1 .ksh_text .ksh1_box:nth-child(2) label{color:#00d7e9;text-shadow:0 0 10px #00d7e9;}
.ksh_left .ksh_left1 .ksh_text .ksh1_box:nth-child(3) label{color:#2afbc1;text-shadow:0 0 10px #2afbc1;}
.ksh_left .ksh_left1 .ksh_text .ksh1_box:nth-child(4) label{color:#ffab2c;text-shadow:0 0 10px #ffab2c;}
.ksh_left .ksh_left1 .ksh_text .city_btn label{cursor: pointer;}
.ksh_left .ksh_left2{height:calc(100% - 125px);margin-top:15px;}
.ksh_left .ksh_left2 .ksh_left2_top{height:calc(40% - 10px);margin-bottom:10px;}
.ksh_left .ksh_left2 .ksh_left2_bot{height:60%;}
.ksh_left .ksh_left2 .sbzk{height:100%;}
.ksh_left .ksh_left2 h3{height:35px;background:#08304a;color:#00e5ff;padding:0 10px;line-height:35px;font-size:14px;border:1px solid #1c487a;}
.ksh_left .ksh_left2 .ksh_right_box{height:calc(100% - 35px);background:rgba(1,51,102,0.3);border:1px solid #1c487a;border-top:none;padding:5px;}
.ksh_left .ksh_left2 .ksh_right_box .terms_warp{height:100%;overflow-y:auto;padding:0 5px;padding-left:0;}

.ksh_ter{width:calc(54% - 20px);height:100%;float:left;position:relative;margin:0 10px;padding:3px;background:rgba(1,51,102,0.3);border:1px solid #1c487a;}
.ksh_ter>img{width:30px;position:absolute;}
.ksh_ter .ksh_terJ1{left:0px;top:0px;}
.ksh_ter .ksh_terJ2{right:0px;top:0px;}
.ksh_ter .ksh_terJ3{right:0px;bottom:0px;}
.ksh_ter .ksh_terJ4{left:0px;bottom:0px;}
.ksh_ter #allmap{width:calc(100% - 6px);height:calc(100% - 5px);position:absolute;left:3px;top:3px;z-index:1;}
.ksh_ter .map_chart{width:calc(100% - 6px);height:230px;position:absolute;left:3px;bottom:3px;background:rgba(16,54,87,0.7);border:1px solid #1c487a;z-index: 999;}
.ksh_ter .map_chart>div{width:100%;height:100%;}
.ksh_ter .map_chart .termCurve{height:100%;}
.ksh_ter .map_chart .termCurve .highcharts-no-data text{fill:#fff !important;font-size:14px !important;}

.ksh_right{width:23%;height:100%;float:right;}
.ksh_right .ksh_right_top{height:100px;position:relative;padding:15px 20px;line-height:70px;background:rgba(1,51,102,0.3);border:1px solid #1c487a;}
.ksh_right .ksh_right_top>img{width:15px;position:absolute;}
.ksh_right .ksh_right_top h4{width:calc(100% - 75px);font-size:24px;color:#0df2ee;text-shadow:0 0 10px #0df2ee;float:left;font-weight:400;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.ksh_right .ksh_right_top span{font-size:24px;color:#fff;}
.ksh_right .ksh_right_top .online_text{color:#2afbc1;text-shadow:0 0 5px #2afbc1;}/*正常字体颜色绿*/
.ksh_right .ksh_right_top .alarming_text{color:#fc2c10;text-shadow:0 0 5px #fc2c10;}/*报警字体颜色红*/
.ksh_right .ksh_right_top .preAlarming_text{color:#ff910a;text-shadow:0 0 5px #ff910a;}/*报警字体颜色红*/

.ksh_right .ksh_right_top .ksh_terJ1{left:0px;top:0px;}
.ksh_right .ksh_right_top .ksh_terJ2{right:0px;top:0px;}
.ksh_right .ksh_right_top .ksh_terJ3{right:0px;bottom:0px;}
.ksh_right .ksh_right_top .ksh_terJ4{left:0px;bottom:0px;}

.ksh_right .ksh_right_con{height:calc(50% - 128px);padding-top:15px;}
.shebxx{}
.shebxx p{width:50%;float:left;color:#00d7e9;line-height:35px;font-size:14px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.shebxx p span{padding-left:5px;}
.shebxx .video{border-top:1px solid #bbb;padding-top:15px;}
.shebxx .video a{padding:4px 8px;border:1px solid #00d7e9;color:#00d7e9;margin-right:10px;margin-bottom:10px;font-size:14px;display: inline-block;}
.shebxx .video a i{margin-right: 3px;vertical-align: middle;}
.shebxx .video_title{width: 100%; padding:0 10px;text-align: left;font-size: 14px;float:none;}
.shebxx .none_wz{width:100%;text-align: center;display: block;}
.ksh_right .ksh_right_bot{height:calc(50% + 28px);padding-top:15px;}
.ksh_right h3{height:35px;background:#08304a;color:#00e5ff;padding:0 10px;line-height:35px;font-size:14px;border:1px solid #1c487a;}
.ksh_right .ksh_right_box{height:calc(100% - 35px);background:rgba(1,51,102,0.3);border:1px solid #1c487a;border-top:none;padding:10px;overflow-y:auto;}
.ksh_right .ksh_right_sheb_list{padding:0;}
.ksh_right .ksh_right_sheb_list .sheb_list{height:calc(100% - 35px);padding:5px;}
.ksh_right .ksh_right_sheb_list .sheb_list_wz{height:100%;color:#fff;text-align:center;padding-top:calc(44% - 30px)}
.ksh_right_search{height:30px;background:none;border:1px solid #1380bd;color:#ccc;padding-left:10px;outline:none;float:right;margin-top:2px;}
/*右侧设备列表*/
.sheb_list_box{height:40px;background:rgba(15,47,72,0.3);border:1px solid #1380bd;overflow:hidden;position:relative;color:#fff;font-size:14px;padding:2px 10px;padding-left:5px;margin-bottom:10px;}
.sheb_list_box.active{background:rgba(58, 173, 255, 0.3);}
.sheb_list_box>img{position:absolute;}
.sheb_list_box .termk1{top:-1px;left:-1px;}
.sheb_list_box .termk2{top:-1px;right:-1px;}
.sheb_list_box .termk3{bottom:-1px;right:-1px;}
.sheb_list_box .termk4{bottom:-1px;left:-1px;}
.sheb_list_box a{width:120px;line-height:34px;display:block;float:left;color:#03e5ff;padding:0 5px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.sheb_list_box a i{margin-right:3px;}
.sheb_list_box .sheb_list_text{width:calc(50% - 65px);float:left;height:100%;background:url(../images/ksh_11.png) no-repeat;background-size:100% 100%;text-align:center;padding-top:7px;}
.sheb_list_box .sheb_list_text:first-of-type{margin-right:10px;}
.sheb_list_box .sheb_list_text span{display:block;text-align:center;overflow:hidden;cursor:pointer;}
.sheb_list_box .sheb_list_text .online_text{color:#2afbc1;}/*正常字体颜色绿*/
.sheb_list_box .sheb_list_text .alarming_text{color:#fc2c10;}/*报警字体颜色红*/


/*左侧节点列表*/
.term_box{height:80px;background:rgba(15,47,72,0.3);border:1px solid #1380bd;overflow:hidden;position:relative;color:#fff;font-size:14px;padding:2px 10px;margin-bottom:10px;}
.term_box>img{position:absolute;}
.term_box .termk1{top:-1px;left:-1px;}
.term_box .termk2{top:-1px;right:-1px;}
.term_box .termk3{bottom:-1px;right:-1px;}
.term_box .termk4{bottom:-1px;left:-1px;}
.term_box a{width:150px;line-height:40px;display:block;float:left;color:#03e5ff;padding-right:10px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.term_box .term_text{width:calc(50% - 60px);float:left;height:80%;background:url(../images/ksh_11.png) no-repeat;background-size:100% 100%;text-align:center;padding-top:8px;}
/* .term_box .term_text:first-of-type{margin-right:10px;} */
.term_box .term_one{width:100%;margin-right:0 !important;}
.term_box .term_one:last-of-type{margin-top: 10px;}
.term_box .term_linh{padding-top:17px;}
.term_box .term_text label{width:calc(100% - 150px); font-size:12px;line-height: 40px; color:#ddd;display:block;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
/* .term_box .term_text span{display:block;text-align:center;overflow:hidden;} */

.term_box .online_text{color:#2afbc1;text-shadow:0 0 5px #2afbc1;}/*正常字体颜色绿*/
.term_box .alarming_text{color:#fc2c10;text-shadow:0 0 5px #fc2c10;}/*报警字体颜色红*/
.preAlarming_text{color:#ff910a;text-shadow:0 0 5px #ff910a;}/*报警字体颜色红*/
.zwsj_text{display: block;text-align: center;padding-top: 30%;color:#fff;}
.chartzwsj_text{display: block;text-align: center;padding-top: 10%;color:#fff;}

/*视频弹窗*/
.video_div{width:600px;height:340px;background:rgba(16,54,87,0.7);position:fixed;left:calc(50% - 300px);z-index:9999;top:calc(50% - 170px);border:1px solid #1380bd;display:none;}
.video_div h3{color:#fff;font-size:16px;padding:10px 15px;margin-bottom:2px;border-bottom:1px solid #1380bd;}
.video_div h3 i{float:right;cursor:pointer;}
.video_div .video_ter{width:100%;height:calc(100% - 44px);overflow:hidden;}
.video_div .video_ter video{width:600px;height:300px;}

/*视频监控*/
/* 云台div */
#oiframe{width:100%;height:100%;margin:0;padding:0;border:none;}
.newvideo_con .content{cursor: pointer;background: none;}
.newvideo_con{height: 100%;position: relative;background: #3d3d3d;}
.control_box{position: absolute;left:20px;bottom:10px;width:20px;}
.control_box>img{width:100%;height: auto;}
.close_yt{display: none;}

.control_tip{position: absolute;bottom: 45%;right: 10px;width:60px;z-index: 9999;}
.control_tip .control_btn{background: #ccc;border-radius: 50%;width: 60px;height: 60px;position: relative;}
.control_tip .control_btn span>i{font-size: 20px;}
.control_tip .control_btn span{width: 15px;height: 15px;display: inline-block;text-align: center;}
.control_tip .control_btn .top_btn{position: absolute;top:0;left:22px;}
.control_tip .control_btn .bot_btn{position: absolute;bottom:5px;left:22px;}
.control_tip .control_btn .left_btn{position: absolute;left:0;top:22px;}
.control_tip .control_btn .right_btn{position: absolute;right:0;top:22px;}
.control_tip .control_btn .kz_btn{position: absolute;right:22px;top:20px;}
.control_tip .control_btn .kz_btn.active{color:#ff0000;}
.control_tip .control_btn .kz_btn>i{font-size: 16px;}
.control_tip .control_btn .point_style{cursor: pointer;}
.control_tip .control_btn .direction_btn.active{color:#ff0000;}
.control_tip .focal_btn{margin-top:10px;}
.control_tip .focal_btn span{width:calc(50% - 4px);margin:0 2px;float:left;text-align: center;background:#cccccc;color:#242424;font-size:20px;cursor: pointer;}
.control_tip .focal_btn span:active{background:#a3a3a3;}
/* 流媒体摄像头 */
.control_tip .control_btn .okz_btn{position: absolute;right:22px;top:20px;}
.control_tip .control_btn .okz_btn>i{font-size: 16px;}
.control_tip .control_btn .odirection_btn.active{color:#ff0000;}

.newvideo_con .newViedoDiv .content{height: 350px;width:84%;float:left;margin-left: 10px;}
.newvideo_con .newViedoDiv_nosuper .content{width:100%;float:left;padding:5px;margin-left:0;}
.newvideo_con .newViedoDiv .content .video_style{width:100%;height:340px;}
.alarm{position:fixed;right:10px;bottom:10px;z-index:999;max-height: calc(100% - 40px);overflow: hidden;}
.alarm .alarm_box{width:460px;max-height:200px;margin-bottom:10px;position:relative;padding:10px;overflow-y:auto;background:#08304a;color:#ccc;border:1px solid #1380bd;box-shadow:0 0 5px #067bc7;}
.alarm .alarm_box h3{width:100%;font-size:16px;padding-bottom:5px;margin-bottom:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #fff;font-weight:400;}
.alarm .alarm_box h3 i{margin-right:5px;}
.alarm .alarm_box h3 a{position:absolute;right:10px;top:8px;opacity:0.3;cursor:pointer;}
.alarm .alarm_box:hover h3 a{opacity:1;}
.alarm .alarm_box p{line-height:25px;}
.viedoDiv .candidPhotograph{position: absolute;right: 0;top: 10px;}
/* 设备列表弹窗*/
.device_top_bot{width: 23.3%;height:47%; padding:5px;position: absolute;top:46%;left:5px;z-index:999;display:none;}
.device_top_bot .bot_box{height:100%;background:rgb(6,37,62,0.9);}
.device_top_bot .bot_box h4{text-align: left;height:35px;padding:0 10px;line-height:35px;font-size:14px;color:#00e5ff;}
.device_top_bot .bot_right_search{height:30px;background:none;border:1px solid #1380bd;color:#00e5ff;padding-left:10px;outline:none;float:right;margin-top:2px;border-radius: 3px;}
.device_top_bot .bot_right_box{height:calc(100% - 35px);padding:10px;color:#fff;}
.device_top_bot .bot_right_box .device_list{height: calc(100% - 30px); overflow-y:auto;}
.device_top_bot .dev_list_box{height:30px;color:#fff;}
.device_top_bot .dev_list_box .dev_span{width: 50%; font-size:14px;float: left;line-height: 30px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.device_top_bot .dev_list_top {height: 30px;line-height: 30px;}
.device_top_bot .dev_list_top span{width: 50%; font-size:14px;float: left;line-height: 30px;text-align: center;font-weight: 600;}
.device_top_bot .dev_list_top span a{color:#fff;}
.device_top_bot .dev_list_wz{height:100%;text-align:center;padding-top:calc(44% - 30px);}
.device_top_bot .dev_list_box:nth-child(even){background:rgba(58, 173, 255, 0.2);}
.device_top_bot .dev_list_box.active{background:rgba(58, 173, 255, 0.4);color:#fff;}

/* 定位城市弹窗 */

.popup_style .obtn{height:35px;line-height:33px;padding:0 15px;border:none;border-radius:3px;}
.popup_style .btn_right{text-align:right;padding-right: 10px;}
.popup_style .obtn_blue{background: #1380bd;color: #fff;margin-bottom: 20px;}
.popup_style .title{width: 80px;display: inline-block;line-height: 35px;float: left;;color: #fff;}
.popup_style .layui-form-item{padding: 20px;}
.popup_style .cancel_btn{background: none;border: 1px solid #1380bd;color: #fff;}
.changeTitle_popup .layui-input-block{margin-left: 80px;}
/* .popup_style #titleName{background: none;border: 1px solid #1380bd;color: #fff;} */
.chose_city xm-select{ width: calc(100% - 100px);margin-left: 100px;background:none;}
.chose_city xm-select > .xm-body{background:rgba(16,54,87,0.7);border: 1px solid #009688;}
.chose_city xm-select > .xm-body .xm-search-input{color:#009688;}
.chose_city xm-select > .xm-body .xm-option-content{color:#009688;}
.chose_city xm-select > .xm-body .xm-search{background: none !important}
.chose_city xm-select > .xm-body .xm-search > i{color: #fff;}
.chose_city xm-select .xm-input{background: none;}
.chose_city xm-select > .xm-body .xm-option:hover,.chose_city xm-select > .xm-body .xm-option:visited,.chose_city xm-select > .xm-body .xm-option:focus{background:#05243a!important;}
.chose_city xm-select > .xm-body .selected{background:#05243a!important;}
.dingweiCity_popup .layui-form{height: 270px;}