@CHARSET "UTF-8";
@font-face {
    font-family: 'YouSheBiaoTiHei';
    src:url('../../../font/YouSheBiaoTiHei.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/* 菜单的样式 */
a.menuItem:hover{
    color:#ffffff !important;
    text-decoration: none;  
 }

a.menuItem{
    display:inline-block;
    width:90px;
    height: 70px;
    color:#ffffff;
    padding:0px;
    font-size: 15px;
}

#css3menu>li>a{
	padding-top:7px
}

.navmenu{
	margin-left:0px;
}

.navmenu>li>a:hover{
    background:#05547B !important;
    padding:0px;
}
/*for ie8*/
.navmenu li a:hover{
    background:#51B17C !important;/*#058cc1   #51B17C*/
    padding:0px;
}

ul.navmenu li {display: inline;}
li.dropdown{
	text-align:center;
}
/*顶端菜单的图标icon*/
/*导航的图标与文字居中对齐样式*/
.hearder-menu{
    padding: 0;
    font-size:12px;
    line-height:1em;
}
.hearder-menu i{
    margin-top: 8px;
    margin-bottom: 5px;
    display: block; 
}
/*顶部导航条选中配置*/
a.active{
	text-decoration: none;
	background-color:#0C684E; /*#058cc1   #51B17C  #01805C #33B388 #0C684E*/
}
.panel-title {
    font-size: 14px;
    font-weight: bold;
    /* color: #fff; */
    height: 25px;
    line-height: 25px;
    margin-left: 6px;
}

/*左侧菜单的样式*/
.sidebar {
    display: block;
    float: left;
}
.sidebar-nav { 
    background-image: -webkit-linear-gradient(left, color-stop(#333333 10px),color-stop(#222222 10px) );
    background-repeat: repeat-x;
}
.sidebar-nav .selected {
    background-color: #35485A !important; /*鼠标点击左侧边栏后又点击了其他地方侧边栏显示的颜色*/
}

.sidebar-nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.sidebar-nav ul li,.sidebar-nav ul a {
    display: block;
    background-color: #eee;
    /*border-bottom:1px solid #f0f1f3;*/
}

.sidebar-nav ul a:hover,.sidebar-nav ul a:focus,.sidebar-nav ul a:active{
    color:#0771A6 !important;
    background-color:#404f62;
} 
.sidebar-nav ul ul a {
    padding:10px 10px 10px 20px;
    background-color: #fff;
    /*border-bottom:1px solid #e9e9e9;*/
}
.sidebar-nav ul ul a:hover,.sidebar-nav ul ul a:focus,.sidebar-nav ul ul a:active
    {
    background-color:#f5f5f5;
    color:#0771A6;
}
.sidebar-nav-item {
    padding-left: 5px;
    font-family:Microsoft YaHei,Microsoft JhengHei,STHeiti,MingLiu;
}
.sidebar-nav-item-icon {
    padding-right: 2px;
    color:#c9ccd0;
    font-size:18px;
    float:right;
}

.sidebar-nav-item  i{
	font-style: normal;
	padding-left: 5px;
}

.sidebar-nav ul a {
    padding:10px; color:#606060; 
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.04) inset;  
    text-shadow: 0px 0px 0px rgba(210, 210, 210, 0.5); 
    border-bottom:1px solid #E0DFDF;
}
.sidebar-nav ul a:hover, .sidebar-nav ul a:focus, .sidebar-nav ul a:active {
    color: #3879D9;
    color: #0771A6;
    color:  #fff\9;
    text-decoration: none;
    background-image: linear-gradient(to right, #1CA8EF 5px, #f5f5f5 5px);
}

/*左侧菜单的样式end*/


.welcome_panel {
    color: white;
    margin: 0px 0px 0px 0px;
    font-size: 12px;
    line-height: 1em;
    padding: 5px 0px 0px 0px;
    width: 130px;
}
.navmenu-right {
    float: right!important;
    /*margin-right: -15px;*/
    list-style: none;
}

.logoutbtn{
  background: #E6E6E6; /*transparent #33b388 #0C684E  #E6E6E6*/
  color: #00438a;
  border: 1px solid #ddd;
  filter: none;
  /* height : 30px; */
  padding: 0;
  border-width: 1px;
  border-style: solid;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}

.st-panel-header{
	border-width: 0px;
	float:left ;
	width:100%;
	padding:3px 45px 3px 10px;
    box-sizing:border-box;
}
.st-panel-body{
	background-color: inherit;
	width:100%;
	padding:10px 10px;
}

.st-panel-header-toggle{
	float: right;
	width:26px;
	height:26px;
	/*margin-right:30px;*/
    right: 0.8%;
    top: 10%;
    position: absolute;
}

.st-btn {
	min-width :90px;
    margin-left: 10px;
}

#west .panel-header .panel-title{
	backgorund : #27333E;
	color : #fff;
}

/* datagrid表格中的按钮样式 */
.datagrid-aLink{
	color:#33b388
}
.st-tr-span {
  background-color: #33b388;
  background: -webkit-linear-gradient(left,#ffffff 0,#33b388 100%);
  background: -moz-linear-gradient(left,#ffffff 0,#33b388 100%);
  background: -o-linear-gradient(left,#ffffff 0,#33b388 100%);
  background: linear-gradient(to left,#ffffff 0,#33b388 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#33b388,GradientType=0);
}
/*.st-static-stytleOne{*/
/*    background: url(../../../theme/three/images/block-background.png);width:100%;height:100%;background-size: 100% 100%; -moz-background-size: cover;*/
/*}*/
/*.st-static-stytleTwo{width:100%;height:10%;padding-top:0.2%;background-color:#8d895e;text-align:left;color:#FFFFFF;}*/

.st-static{
    width:99%;
    height:33% !important;
    display:inline-block;
    border:0px solid #e0dfdf;
    vertical-align:middle;
    margin: 5px 5px 0px 5px;
}
.st-static_rt{
    width:99%;
    height:33%;
    display:inline-block;
    border:0px solid #e0dfdf;
    vertical-align:middle;
    margin: 5px 5px 0px 20px;
}
.st-companyName{text-align:center;color:#00585a;margin:0px 0px 5px 0px;}
.st-east{width:20%;height:100%;}
.st-south{padding:2px;text-align:center;font-family:Microsoft YaHei!important;}
.st-red{color:#FF0000;}
.word{color:#01805C;}
.welcome-Bar{margin-right:20px; float:right; display:inline-block;text-align:right}
.device-Bar{padding-left:20px;padding-right:20px;backgroud-color:#fff;font-size:15px;border-top:0px;border-left:0px}
.btn-self{min-width:100px;background: #33b388;color: #ffffff;}
.btn-self-alone{min-width:100px;background: #33b388;color: #ffffff;margin-bottom: 5px;}
.btn-self-alone:hover{min-width:100px;background: #8EBD14;color: #ffffff;margin-bottom: 5px;}
.monitShow{height: 43px;text-align: center;}
.monit-panel{height: 98%;overflow-y:hidden;padding-top:10px;padding-left:5px;padding-bottom:10px; display: none;}
/*双tab页样式 控制按钮部分*/
.monit-panel-half{
    height: 42%;
    overflow-y:hidden;
    padding-top:10px;
    padding-left:5px;
    padding-bottom:10px;
    background: #fdfdfe;/*rgb(48,68,131)*/
    display: none;
    border-width: 1px 1px 1px 0px;
    border-style: solid;
    border-color: #507ea4;
}
/*双tab页样式 */
.monit-panel-halfmore{
    height: 58%;
    overflow-y:hidden;
    padding-top:10px;
    padding-left:5px;
    padding-bottom:10px;
    background:#fdfdfe;/*rgb(48,68,131)*/
    display: none;
    border-width: 1px 1px 1px 0px;
    border-style: solid;
    border-color: #507ea4;
}
.monit-tree{
    overflow:auto;
    height:97%;
    border-width: 1px 0px 0px 0px;
    border-style: solid;
    border-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #57af92 50%, rgba(255, 255, 255, 0) 100%);
    border-image-slice: 1;
}
.monit-tree2{height: 98%;overflow-y:hidden;padding-top:10px;padding-left:5px;padding-bottom:10px; display: none;}
.monit-panel-up{width: 100%; height: 100%; display: block;overflow:hidden;}
.tree-bck{width:100%;}
.border-public{}
.image-center{}
.tabs {/*background: #FFFFFF;*/}
.panel-title {color: #030303}
body {background-color: #FFFFFF;margin: 20px;overflow: hidden;}
.content_title {display: inline-block;margin-left: 10px;font-size: 24px;width:48%;text-align:left;line-height:30px;color: #080808;font-weight: bold;}
.content_title1 {display: inline-block;margin-left: 10px;font-size: 14px;width:48%;text-align:right;line-height:30px; /*          color: #A9A9A9; */font-weight: bold;}
.content_title_span {display: inline-block;width:60%;}
.content_title_span1 {display: inline-block;margin-left: 10px;width:38%;text-align:right;}
.content_rows {list-style: none;margin-left:10px;padding: 0px;}
.content_row_title .span {padding: 0 10px;display: inline-block;line-height: 45px;color: #ffffff;}
.content_row_title {font-size: 14px;font-weight: bold;height: 40px;border: 1px solid #9E9E9E;color: #080808;margin-bottom: 10px;overflow: hidden;}
.content_foot {padding: 0 10px;font-size: 14px;height: 50px;line-height: 50px;border-top: 1px solid #9E9E9E;bottom:10px;}
.legend {color:#009688;font: bold 16px/2 Verdana, Geneva, sans-serif;font-weight: bold;text-align: left;font-size: 15px;}
.btn-fanye1 { /* border: 0; */position: absolute;left: 2%;top: 10px;line-height: 20px; /* padding-bottom: 20px;background:#F4F6FD; */ border:0px solid #ccc;}
.welcome-Bar-word{color:#FFFFFF;font-size:15px;width:150px;height:20px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.monit-content-title-background{background-color: #33b388;}
.remaining-time{color: #01805C; font-size: 25px; vertical-align: middle;}
.alarm-bck{height:38px;width:100%;background-color:#F5F5F5;}
.css3menu-li{color:#fff; }
.icon-caretDiv i{
    color:#fff
}
.icon-caretDiv a:hover{
    background-color:#51B17C
}
.btn-sggj{width:49%;height:25px;background: #33b388;color: #ffffff;white-space:nowrap;}
/*页面主题转换*/
.topic-show{
    height: 90%;
    width:45%;
    display: block;
    float: left;
/*    overflow: hidden;*/
    position: relative;
    padding: 20px;
    margin: 10px 0px 0px 30px;
}
.img-changeShow{
    width: 100%;
    height: 350px;
    display: block;
/*    overflow: hidden;*/
    border-radius: 10px;
}
.img-changeShow img:hover{
    transform: scale(1.1);
}
.img-changeShow img{
    transition: all 1.5s;
}
.topic-img{
    width: 100%;
    height: 350px;
}
.change-btn{
    width: 400px;
    height: 50px;
    border: 1px;
    border-color: #e49e61;
    border-radius: 20px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 23px;
    position: relative;
    left: 30%;
    margin: 20px 0px 20px 0px;
}
.topic{width:100%;height:100%;position: absolute;}
.image-topic{
    border: 1px solid #33b388;
    border-radius: 10px;
}
.login-button{
    width: 100%;
    height: 54px !important;
    background-image: url(../bootstrap/images/litterButton.png) !important;
    border: none !important;
}
.login-button-text{
    width: 48px;
    height: 33px;
    font-size: 24px;
    font-family: PingFang SC, PingFang SC-Medium !important;
    font-weight: 500;
    text-align: right;
    color: #ffffff;
    line-height: 33px;
    text-shadow: 0px 0px 5px #041237
}
/*登录页面*/
.login-body{
    background: url('/resource/image/login_bk.png') no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color:#707070;
    color:#fff;
}
.u-icon-position{
    display: inline-block;
    position: absolute;
    top: 25%;
    left: 25%;
    width: 28px !important;
    height: 28px !important;
}
.u-account{
    background: url(../bootstrap/images/user.png) no-repeat;
}
.u-password{
    background: url(../bootstrap/images/password.png) no-repeat;
}
.login-title-text{
    height: 80px;
    background-image: linear-gradient(180deg,#ffffff 18%, #ffffff 56%, #82ffd4 83%);
    -webkit-background-clip: text;
    color: transparent !important;
    font-size: 48px;
    font-family: YouSheBiaoTiHei, YouSheBiaoTiHei-Regular !important;
    font-weight: 400;
    text-align: left;
    color: #ffffff;
    line-height: 60px;
    padding: 10px 0px !important;
    -webkit-text-fill-color: transparent !important;
}
.login-title-text-yz{
    float:left;
    -webkit-background-clip: text;
    color: transparent !important;
    font-size: 28px;
    font-family: YouSheBiaoTiHei, YouSheBiaoTiHei-Regular !important;
    font-weight: 400;
    text-align: right;
    color: #34b388 !important;
    margin-left: 5px !important;
}
.verifybox-line{
    width: 410px;
    height: 1px;
    background: linear-gradient(to right,#E6FFF4,#4ABC96,#E6FFF4);
    margin: 0 auto !important;
}
.u-login{
    width: 380px !important;
    height: 54px !important;
    background: rgba(0,0,0,0.30);
    border: 2px solid #34b388 !important;
    border-radius: 5px;
    padding-left: 10% !important;
    color: #FFFFFF !important;
}

.login-panel{
    width:100%;
    height:200px;
    background:transparent;
    border:0px solid #fff;
    text-align:center;
    vertical-align:middle;
}
.login-title{
    display:inline-block;
    vertical-align:middle;
}
.login-systemTitle{
    vertical-align:middle;
    font-size:50px;
}
body{margin: 0;}
.g-login-wrap{box-sizing: border-box;}
.g-login-wrap *{padding: 0;margin: 0;box-sizing: inherit;font-family: "Microsoft YaHei";}
.g-login input,.g-login button{border: none;outline: none;}
.g-login input:-webkit-autofill { box-shadow: 0 0 0px 1000px white inset !important;}
.g-login{background: url(../bootstrap/images/login_green_bk.png) center top no-repeat fixed;background-size: cover;}
.g-login .m-title{font-size: 50px;color: #fff;font-weight: normal;width: 100%;height: auto;}
.g-login .u-logo{height: auto;vertical-align: middle;margin-right: 20px;display:inline-block;position: relative;}
.g-login .u-logo-img{vertical-align: middle;max-height:100px;}
.g-login .m-title span{vertical-align: middle;}
.m-login-wrap{width: auto; right: 5%;position: absolute;top: 34%;text-align: center;margin-top: -180px;height:61%}
.m-login-input{width: 680px;height: 500px;background: url(../bootstrap/images/loginBorder.png) no-repeat;background-size: 100% 100%;text-align:center;padding: 12% 0;float:right}
.m-login-input .line {margin-top: 15px;position: relative;}
.m-login-input .line label{display: inline-block;color: #fff;width: 80px;text-align: left;}
.m-login-input .line img{width: 80px;height: 26px;}
.m-login-input .line>*{vertical-align: middle;}
.m-login-input .line .textbox{border: none;background: none;padding: 0;margin-left: 5px;}
.m-login-input .line .u-text,
.m-login-input .line .textbox-text{width: 220px !important;height: 30px;line-height: 30px;border-radius: 5px;background: #fff;padding: 0 8px;margin-left: 5px;font-size: 14px;border: none;color: #000000}
.m-login-input .btn{width: 380px;margin: 30px auto 0;text-align: left;}
.m-login-input .u-btn{height: 36px;border: 1px solid #bbb;border-radius: 8px;color: #fff;background: #507ea4;padding: 0 15px;cursor: pointer;font-size: 14px;transition: 0.5s;}
.m-login-input .u-btn:hover{background: #8ebd14;}
.homeStatic{
    width:100%;height:90%;
}
.homeStaticBck-left-alarm{
    width:100%;height:100%;background-size: 100% 100%; -moz-background-size: cover;
}
.homeStaticBck-left-line{
    width:100%;height:100%;background-size: 100% 100%; -moz-background-size: cover;
}
.homeStaticBck-left-hostDevice{
    width:100%;height:100%;background-size: 100% 100%; -moz-background-size: cover;
}
.homeStaticBck-sos{
    width:100%;height:100%;
}
.small-pic-his-home img {
    width: 100%;
    height: 100%;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;overflow: hidden;
}
.small-pic-his-home {
    width: 24%;
    height: 100%;
    display: inline-block;
    margin-left: 0.8%;
    margin-top: 0.5%;
    float: left;
    position: relative;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.small-pic-his img {
    width: 100%;
    height: 100%;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}
.small-pic-his {
    width: 24%;
    height: 30%;
    display: inline-block;
    margin-left: 0.5%;
    float: left;
    position: relative;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    container: sidebar / inline-size;
}
.alarmPlayButton {
    color: #fff; /*#444 #fff*/
    background: #33b388; /*#f5f5f5  #33b388*/
}
.alarmPlayButton:hover {
    background: #8EBD14; /*#e6e6e6 #8EBD14*/
    color: #ffffff; /*#00438a #ffffff*/
    border: 1px solid #ddd;
}

/*倾斜*/
.m-tilt{background: #fafafa;}
.m-tilt-chart{background: #fff;}
.m-tilt .gt-info,
.m-tilt .legend{background: #fff;border: 1px solid #ccc;}
.m-tilt .legend .word{color: #333;}
.m-tilt .gt-info tr td:first-child{color: #666;}
.m-tilt{border-bottom: 1px solid #01805C;}

/*画线*/
.m-draw .set-box > article{background: #efefef;}
.m-draw .info-table,
.m-draw .set-color,
.m-draw .set-btn{border-bottom: 1px solid #fff;}
.m-draw .info-table td{color: #666;}
.m-draw .info-table tr td:first-child{color: #0081C2;}
.m-draw .set-color .one,
.m-draw .set-color input[type="number"]{background: #f6888b;}
.m-draw .set-color input[type="color"]{background: #fff;}
.m-draw .set-btn .dbtn{background: #33B388;}
.m-draw .set-btn .dbtn:hover{background: #8EBD14;}

/*绿色主题中 视频监控 控制按键*/
/*中间部分*/
/*.video-btn-wrap .sector .center{background: #777;}
.video-btn-wrap .sector .center{border:2px solid rgb(89, 89, 89);}*/

.video-btn-wrap .sector .center{background: #cecece;}
.video-btn-wrap .sector .center{border:2px solid #8D8D8D;}
/*上下左右控键部分*/
/*.video-btn-wrap .sector{background: rgb(89, 89, 89);}
.video-btn-wrap .sector .box{background: #777;}
.video-btn-wrap .sector{border:2px solid rgb(89, 89, 89);}
.video-btn-wrap .sector .box:hover{background: #b4b4b4;}*/

.video-btn-wrap .sector{background: #8D8D8D;}
.video-btn-wrap .sector .box{background: #cecece;}
.video-btn-wrap .sector{border:2px solid #8D8D8D ;}
.video-btn-wrap .sector .box:hover{background: rgb(164, 164, 164);}

/*常规 缩放 焦距*/
.video-btn-wrap .zoom-set p{color:#8D8D8D;}

.video-btn-wrap .zoom-btn a{background: #8D8D8D;
    border:1px solid rgb(89, 89, 89);}
.video-btn-wrap a{color: #eee;}
.video-btn-wrap .zoom-btn a:hover{background: #b4b4b4;color: #eee;}

.video-btn-wrap .preset-list{border:0px solid #4056ff;background: #5E5E5E;}
.video-btn-wrap .preset-list li{border-bottom:1px solid #777;}

.video-btn-wrap .preset-list li a{color: #777;}
.video-btn-wrap .preset-list li .pre_setbtn a:hover{color: #000000;}

.video-btn-wrap .preset-list li .pre_place{background:#fdfdfe;color:#777}


.main_body {
    background-image: url("./images/background.png?v=20231103");
}
.greendif{
    background-image: none;
    background-color: #ffffff;
}
.header{
    width: 100%;
    height: 9.6vh;
    background-image: url("./images/head-background-top-.png");
    background-repeat:no-repeat;
    background-size: 110% 100%;
    background-position: 0 0;
}

.block-text{
    float: left;
    margin-top: 10px;
    overflow: hidden;
    font-weight: 700;
    display: inline;
    position: relative;
    top: 0.5%;
    left: 13%;
    font-size: 15px;
    color: rgb(169, 169, 169);
}
.block-left {
    width: 10%;
    height: 17%;
    float: left;
    display: inline;
    position: absolute;
}
.block{
    width: 95%;
    height: 32%;
    /*background-image: url(../../../theme/three/images/block-background.png);*/
    background-repeat:no-repeat;
    background-size: 100% 100%;
    margin: 0 20px 14px 10px;
}

.block-mini{
    float: left;
    width: 32.6%;
    height: 90%;
    margin: 2% 0 0 0;
    padding: 0px 0px;
}
.block-message{
    display: inline-block;
    width: 40%;
    height: 30%;
    margin: 4% 0 4% 6%;
    color: rgb(169, 169, 169);
    font-size: 0.8rem;
    text-align: center;
}
.message-number{
    font-size: 1.5rem;
}
.block-big{
    width: 96%;
    height: 45.8%;
    margin:0px 5px 0px 5px;
    background-color: transparent;
    margin-bottom: 20px;
}
.table-title{
    background-color: #3c9cd7;
    height: 20%;
    box-shadow: rgb(3 76 106) -10px 0px 15px inset, rgb(0 255 55) 0px 0px 15px inset;
}
.table{
    width: 100%;
    height: 90%;
    text-align: center;
    color: rgb(169, 169, 169);
    font-size: 1rem;
}
.table tr{
    height: 34px;
    font-weight: 400;
    font-size: 14px;
    border-bottom: 1px dashed #346192;
}
.dashline{
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #346192;
}
img, object { max-width: 100%;}
.table td{
    border-bottom: 1px dashed #346192;
}
.table-title td{
    padding: 0;
}
.block-chart{
    width: 90%;
    height:80%;
    margin: 0 auto;
}

.block-issue{
    width: 90%;
    height: 40%;
    float: left;
    color: rgb(169, 169, 169);
    font-size: 0.95rem;
    padding: 0;
    margin-top: 1%;
    margin: 0 5%;
}
.map-title {
    position: absolute;
    z-index: 9;
    background-image: url(../../../theme/three/images/map-title-green-.png?v=20230728);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 1.1rem;
    left: 0;
    top: -1px;
    cursor: pointer;
    pointer-events: none;
}
.map-title-bk{
    font-weight: 500;
    -webkit-background-clip: text !important;
    background: linear-gradient(#FFFFFF, #cfebdf);
    background: -webkit-linear-gradient(#FFFFFF, #cfebdf);
    background: -o-linear-gradient(#FFFFFF, #cfebdf);
    background: -moz-linear-gradient(#FFFFFF, #cfebdf);
    background: linear-gradient(#FFFFFF, #cfebdf);
    background-image: linear-gradient(#FFFFFF, #cfebdf);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    mix-blend-mode: screen;
    pointer-events: fill;
    top: -10px;
    position: relative;
    font-family: 'YousheBiaoTiHei' !important;
    font-size: 24px;
}
#tabs .tabs-selected{
    background-color: #009688 ;
    /*border: 1px solid!important;*/
    /*border-image: linear-gradient(135deg, #6ed6ff, #6ed6ff 24%, #1079ff 46%, #04e0ff 84%) 1 1!important;*/
    /*border-radius: 4px!important;*/
    color: #fff!important;
    background-image: linear-gradient(180deg, #00F2C0 0%, #009E68 100%), linear-gradient(0deg, #0154FF 0%, #38F3FF 100%);
    border-radius: 4px;
}
#tabs .tabs-selected .tabs-title{
    color: #fff!important;
}
.nav-li:hover{
    /*background-color: #009688;*/
}

.dropdown{
    width: 100%;
    background-color: #256eb1;
    position: relative;
    transform-origin: 100% 0 0;
    z-index: 99999;
    display: none;
}
.dropdown{
    border: 20px solid #0000;
    border-top-width: 20px;
    border-right-width: 10px;
    border-left-width: 10px;
    border-bottom-width: 15px;
    border-image-source:url("./images/1115/下拉框-green.png");
    border-image-slice:20% 5% 13% 5% fill;
    border-image-repeat:inherit;
    background-color: #00000000;
    user-select: none;
    /*display: block;*/
}
.dropdown-inline{
    width: 32.5%;
    display: inline-block;
    vertical-align:top;
    /*border-right: 1px solid transparent;*/
    border-left: 1px solid transparent;
    border-image: linear-gradient( #ffffff00, #FFFFFF, #ffffff00) 20;
}
.nav-li{
    position:relative;
    z-index:100;
    float: left;
    width: 13%;
    height: 100%;
    margin-left: 0.52vw;
}

.nav-li:before{
    float: left;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    transform: skewX(-45deg);
    background-image: url("./images/1115/导航按钮-默认.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 7.3vw !important;
    z-index: -1;
    text-align: center;
    line-height: 4.4vh;
    margin-left: 0.52vw;
    border-right: 1px solid #20468c;
}

.nav-li:hover:before{
    background-image: url("./images/1115/导航按钮-选中.png");
}

.nav-li:after{
    color: #009688;
}

.header {
    /*border-bottom:15px solid #00815b;*/
}

#mainLayout{
    top: -3%;
}

/*#tabs .tabs:before {*/
/*    content: "";*/
/*    display: inline-block;*/
/*    width: 100%;*/
/*    height: 100px;*/
/*    background-color: #01805C;*/
/*    margin-top: 17px;*/
/*    margin-left: -9000px;*/
/*}*/

.monit-treez{
    background-color: #ffffff;
}


.panel-fit,.panel-fit body {  height: 100%;  margin: 0;  padding: 0;  border: 0;  overflow: hidden;}
/*.panel-header,.panel-body {  border-width: 0px;  border-style: solid; }*/


/*首页字体颜色*/
.block-text{
    color: #666666;
}

.message-text,.message-number{
    color: black;
}
#xlfbTable{
    color: #002618 !important;
}
.block-issue{
    color: black;
}
.map-title{
    color: #FFFFFF !important;
}



.block-right img{
    width: 100%;
    height: 10px;
}
.block-right{
   display: none;
}

.block-icon1{
    /*background-color: #0da344;*/
    /*height: 15px;*/
    /*width: 15px;*/
    /*position: relative;*/
    /*left: 12%;*/
    /*top: 19%;*/
}

#xlfbzj{
    /*color: #01b68d;*/
    font-size: 20px;
}
#xsyj{
    color: #01b68d;
    font-size: 20px;
}
#svgMapInfo{
    /*border-top: 15px solid #00815b;*/
    /*border-bottom: 15px solid #00815b;*/
}
.g-home-new{
    /*border-bottom: 15px solid #00815b;*/
}
.g-home-new .home-map{width: 93%;height: 97%;margin: 0 auto;position: relative;box-sizing: border-box;}
.table-tit{
    height: 50px;
    background:#c7fff8;
    color:#002e22;
    font-weight: 100 !important;
}
.table-tit th{
    font-weight: 500;
    font-size: 14px;
    font-weight: normal !important;
}
.block-mess1{
    background-color: #d6f4ff;
}
.block-mess2{
    background-color: #9fe7d9;
}
.block-mess3{
    background-color: #9fe7d9;
}
.block-mess4{
    background-color: #d6f4ff;
}
body{
    background-color: #5A5A5A;
}
.tableBottom {
    border-bottom: 1px solid;
    border-image: -webkit-linear-gradient(90deg, #2DC581, #FFFFFF) 10 10;
    border-image: -moz-linear-gradient(90deg, #2DC581, #FFFFFF) 10 10;
    border-image: linear-gradient(90deg, #2DC581, #FFFFFF) 10 10;
}
.circle {
    display: inline-block;
    width: 6px;
    height: 6px;
    opacity: 0.6;
    background: #2dc581;
    border-radius: 50%;
}
.line_choose {
    width: 50px !important;
    background-color: #fff !important;
    border: 1px solid #D4D4D4 !important;
    color: #000000 !important;
    height: 31px !important;
    margin: 10px 5px 10px 10px;
}
/*滚动条*/
.picMarkingBox .datagrid-body::-webkit-scrollbar {/*滚动条整体样式*/
    width: 5px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 7px;
}
.picMarkingBox .datagrid-body::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #97dfc2;
}
.picMarkingBox .datagrid-body::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 10px;
    opacity: 0.1;
    background: #dff1ed;
}
.imgHis{
    width: 120px;
    height: 28px;
    font-size: 20px;
    font-weight: 600;
    text-align: left;
    color: #000000;
    line-height: 28px;
    margin-left: 5px;
}
.btnMask_active {
    background-color: #8EBD14 !important;
    color: #FFFFFF !important;
    border: 1px solid #f3f0f0 !important;
}
.imgHis_infoTable{
    color: #000000 !important;
}
.infoTable_title{
    color: #03815B !important;
}
.imgHis_hint{
    color: #010a33 !important;
}
.picMarkingBox .datagrid-header td[field=jsonstr]{
    border-style: solid !important;
    border-right-color: #2DC581 !important;
}

.picMarkingBox .datagrid-header td[field=jsonstr].datagrid-header-over{
    border-style: solid !important;
    border-right-color: #2DC581 !important;
}
.picMarkingBox .datagrid-header-row{
    background-color: #2DC581;
    color: #fff;
    box-shadow: none;
}
.picMarkingBox .imgHis_easyui_datagrid_body{
    color: inherit;
}
.picMarkingBox .datagrid-header td{
    border-color: #2DC581 #FFFFFF #2DC581 #FFFFFF !important;
}
.picMarkingBox .datagrid-header td.datagrid-header-over{
    background-color: #2DC581 !important;
    border-color: #2DC581 #FFFFFF #2DC581 #FFFFFF !important;
    color:#FFFFFF;
}
.picMarkingBox .datagrid-body td{
    border-color: #f2f2f2 !important;
    background-image: linear-gradient(to right,#2DC581 75%, #2DC581 75%, transparent 75%) !important;
    background-size: 10px 1px !important;
    background-repeat: repeat-x !important;
    background-position-y: bottom !important;
}
/*.picMarkingBox .datagrid-row-alt{*/
/*    background:#37be822b;*/
/*}*/
/*.picMarkingBox .datagrid-row-alt td{*/
/*    background:#37be822b;*/
/*}*/
#drawMaskModel .layout-split-east{
    border: none !important;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
    -webkit-text-fill-color: #FFFFFF !important;
    transition: background-color 1000s ease-out 0.5s !important;
    background-color: transparent !important;
    color: #FFFFFF !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-transition: color 99999s ease-out, background-color 99999s ease-out !important;
}
.g-login input:-webkit-autofill {
    box-shadow: none !important;
}

/*deivceStatus-new*/
.deviceTemplateUnit{
    width: 19.8%;
    height: 24.2%;
    box-sizing: border-box;
    background: url(./images/deviceStatus/unit-border.png) no-repeat;
    color: #000000 !important;
    padding: 20px;
    display: inline-block;
    margin: 0.2% 0.1%;
    background-size: 100% 100%;
    cursor: default;
    position: relative;
}
.unit-left{
    width:30%;
    height: 70%;
    background: url(./images/deviceStatus/device-border.png) no-repeat;
    display: inline-block;
    float: left;
    background-size: 100% 100%;
    position: relative;
}
.unit-bottom-shadow{
    width: 100%;
    position: absolute;
    height: 16px;
    opacity: 0.2;
    background: #34b388;
    top: 10px;
    z-index: 0;
}
.unit-bottom-info-bottom{
    font-size: 20px;
    display: block;
    text-align: center;
    font-weight: 500;
    color: #34B388;
    height: 50%;
}
.toLeftButton{
    background: url(./images/deviceStatus/detail-button.png) no-repeat;
    background-size: cover;
    position: absolute;
    right: 0px;
    top: 35%;
    width: 25px;
    height: 51px;
    display: none;
}
.unline{
    color:#ffffff;
}
.unit-img-lock{
    background: url(./images/deviceStatus/lock.png) no-repeat;
}
.unit-img-unlock{
    background: url(./images/deviceStatus/lock-unline.png) no-repeat;
}
.unit-gimbal{
    background: url(./images/deviceStatus/gimbal.png) no-repeat;
}
.unit-ungimbal{
    background: url(./images/deviceStatus/gimbal-unline.png) no-repeat;
}
.unit-icon-time{
    background: url(./images/deviceStatus/time.png) no-repeat;
}
.unit-icon-XL{
    background: url(./images/deviceStatus/XL.png) no-repeat;
}
.unit-icon-GT{
    background: url(./images/deviceStatus/GT.png) no-repeat;
}

/*.dangerButton{*/
/*    background: url(./images/dangerButton.png) no-repeat !important;*/
/*    background-size: 100% 100% !important;*/
/*}*/
/*.dangerButton:hover{*/
/*    background: url(./images/dangerButton-backups.png)no-repeat !important;*/
/*    background-size: 100% 100% !important;*/
/*}*/
/*.dangerButton:active{*/
/*    background: url(./images/dangerButton-backups.png) no-repeat !important;*/
/*    background-size: 100% 100% !important;*/
/*}*/

/*.primaryButton{*/
/*    background: url(./images/primaryButton.png) no-repeat !important;*/
/*    background-size: 100% 100% !important;*/
/*}*/
/*.primaryButton:hover{*/
/*    background: url(./images/primaryButton-backups.png) no-repeat !important;*/
/*    background-size: 100% 100% !important;*/
/*}*/
/*.primaryButton:active{*/
/*    background: url(./images/primaryButton-backups.png) no-repeat !important;*/
/*    background-size: 100% 100% !important;*/
/*}*/

/*.successButton{*/
/*    background: url(./images/successButton.png) no-repeat !important;*/
/*    background-size: 100% 100% !important;*/
/*}*/
/*.successButton:hover{*/
/*    background: url(./images/successButton-backups.png) no-repeat !important;*/
/*    background-size: 100% 100% !important;*/
/*}*/
/*.successButton:active{*/
/*    background: url(./images/successButton-backups.png) no-repeat !important;*/
/*    background-size: 100% 100% !important;*/
/*}*/

/*.warningButton{*/
/*    background: url(./images/warningButton.png) no-repeat !important;*/
/*    background-size: 100% 100% !important;*/
/*}*/
/*.warningButton:hover{*/
/*    background: url(./images/warningButton-backups.png) no-repeat !important;*/
/*    background-size: 100% 100% !important;*/
/*}*/
/*.warningButton:active{*/
/*    background: url(./images/warningButton-backups.png) no-repeat !important;*/
/*    background-size: 100% 100% !important;*/
/*}*/
.greenStyleSuccessButton{
    background: #3779FF !important;
}
.redstyleDangerButton{
    background: #FF4124 !important;
}
.new-bk{
    background: url(./images/middle-block-bg.png) no-repeat !important;
    background-size: 99% 99.5% !important;
    margin: 0 0.3% !important;
    padding-bottom: 10px !important;
    background-position: center !important;
    box-sizing: border-box !important;
    /*border-top: 1px solid #3779FF !important;*/
}
.isRead{
    color:#FF4124 !important;
}
.dropdown-block{
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: white;
    overflow: hidden;
    cursor:pointer;
    text-shadow: 1px 1px 3px #00100a7d;
}
.dropdown-block:hover{
    background: linear-gradient(90deg,#40c7ad 0%, #1fffd545);
}
#js_main_wrap{
    /*border-top: 1px solid #0B61A4;*/
}
.tabs-inner{
    color: black;
}

/*3.0 new style css*/

.roll-left {
    margin-left: 1.2vw !important;
    margin-top: 2.8vh !important;
    width: 0.7vw;
    height: 1.8vh !important;
    background-image: url("./images/1115/前.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}
.roll-left:hover{
    background-image: url("./images/1115/前_11.png");
}
.roll-right {
    margin-left: 0.2vw;
    margin-top: 2.8vh;
    width: 0.7vw;
    height: 1.8vh !important;
    background-image: url("./images/1115/后.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}
.roll-right:hover{
    background-image: url("./images/1115/后_1.png");
}
#roll_box_alarm{
    position: absolute;
    width: 350px;
    height: 450px;
    background-color: #0B61A4;
    z-index: 99;
    float: right;
    margin-left: 80%;
    margin-top: 4%;
    display: none;
    border-image-slice: 40 fill;
    border-image-width: 5.5% 2.5%;
    border-image-source: url(./images/Pop-ups-.png?v=20231102);
}
.icon-th-list{ background-image: url(./images/menu-icon/告警电话.png); }
.icon-th-list:before{display:none !important;}

.icon-home { background-image: url(./images/menu-icon/首页.png); }
.icon-home:before{display:none !important;}

.icon-cogs { background-image: url(./images/menu-icon/策略配置.png); }
.icon-cogs:before{display:none !important;}

.icon-bar-chart { background-image: url(./images/menu-icon/查询统计.png); }
.icon-bar-chart:before{display:none !important;}

.icon-dp { background-image: url(./images/menu-icon/大屏展示.png); }
.iicon-dp:before{display:none !important;}

.icon-three { background-image: url(./images/menu-icon/第三方页.png); }
.icon-three:before{display:none !important;}

.icon-pcloud-video { background-image: url(./images/menu-icon/点云视频.png); }
.icon-pcloud-video:before{display:none !important;}

.icon-bell { background-image: url(./images/menu-icon/告警处理.png); }
.icon-bell:before{display:none !important;}

.icon-gdpf { background-image: url(./images/menu-icon/工单派发.png); }
.icon-gdpf:before{display:none !important;}
.icon-gdxf { background-image: url(./images/menu-icon/工单下发.png); }
.icon-gdxf:before{display:none !important;}

.icon-sbxs { background-image: url(./images/menu-icon/设备巡视.png); }
.icon-sbxs:before{display:none !important;}

.icon-film { background-image: url(./images/menu-icon/视频回放.png); }
.icon-film:before{display:none !important;}

.icon-facetime-video { background-image: url(./images/menu-icon/视频监控.png); }
.icon-facetime-video:before{display:none !important;}

.icon-pic { background-image: url(./images/menu-icon/图片轮巡.png); }
.icon-pic:before{display:none !important;}

.icon-plane { background-image: url(./images/menu-icon/无人机.png); }
.icon-plane:before{display:none !important;}
.icon-desktop { background-image: url(./images/menu-icon/系统管理.png); }
.icon-desktop:before{display:none !important;}

.icon-xstj { background-image: url(./images/menu-icon/巡视统计.png); }
.icon-xstj:before{display:none !important;}

.icon-exclamation-sign { background-image: url(./images/menu-icon/预警处理.png); }
.icon-exclamation-sign:before{display:none !important;}

.icon-camera { background-image: url(./images/menu-icon/在线监测.png); }
.icon-camera:before{display:none !important;}

.icon-xiangji { background-image: url(./images/menu-icon/照相机.png); }
.icon-xiangji:before{display:none !important;}

.icon-zhuanj { background-image: url(./images/menu-icon/专家系统.png); }
.icon-zhuanj:before{display:none !important;}

.icon-tasks { background-image: url(./images/menu-icon/资产管理.png); }
.icon-tasks:before{display:none !important;}

#ListLogicTowerSearch .easyui-fluid{
    width:calc(100% - 60px) !important;
}
#ListTowerLogicSearch .easyui-fluid{
    width:calc(100% - 60px) !important;
}
#rangingSearch  .easyui-fluid{
    width:calc(100% - 60px) !important;
}
#ListTowerOfPictureMarkSearch .easyui-fluid{
    width:calc(100% - 60px) !important;
}
.searchCondition .easyui-fluid{
    width:calc(100% - 80px) !important;
}
.ppSearch .easyui-fluid{
    width:calc(100% - 80px) !important;
}
#tt .pic-title-img {
    margin-right: 5px;
    margin-left: 0;
}
#tt .panel-title{
    margin-left:0px;
}
#tt .panel-header{
    border-width: 1px 0px 0px 0px;
    border-style: solid;
    border-image: linear-gradient(90deg, #f7f9f8 0%, #8ed0be 50%, #f7f9f8 100%);
    border-image-slice: 1;
}
#tt .panel-header .panel-title{
    font-family: YouSheBiaoTiHei !important;
    font-size: 16px;
    font-weight: 100;
}
#traceDialog {
    overflow-x:hiddenl;
    overflow-y:auto;
}
.window{
    border-image-slice: 50 fill;
    border-image-width: 10.8% 5%;
    border-image-source: url(./images/Pop-ups-.png);
}
.loading-zhezhao-div-bg {
    background: #d7fff6;
}
@keyframes loading-rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes loading-rotationBack {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-360deg);
    }
}



.loading-zhezhao-div {
    position: relative;
    width: 48px;
    height: 48px;
    border: 3px dotted #00afee;
    border-style: solid solid dotted dotted;
    border-radius: 50%;
    -webkit-animation: loading-rotation 2s linear infinite;
    animation: loading-rotation 2s linear infinite;
    margin: auto;
    top: 47vh;
}
.loading-zhezhao-div::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border: 3px dotted #90cf5b;
    border-style: solid solid dotted;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    -webkit-animation: loading-rotationBack 1s linear infinite;
    animation: loading-rotationBack 1s linear infinite;
    transform-origin: center center;
}
@keyframes loading-15-rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.loader-15 {
    position: relative;
    width: 48px;
    height: 48px;
    border: 5px dotted #90cf5b;
    border-radius: 50%;
    -webkit-animation: loading-15-rotation 2s linear infinite;
    animation: loading-15-rotation 2s linear infinite;
}

.loading-zhezhao-div-bg .loading-span{
    color: #329d14;
    left: -0.5%;
}

@keyframes loading-animloader115 {
    0% {
        box-shadow: 10px 0 rgba(255, 255, 255, 0), 20px 0 rgba(255, 255, 255, 0);
    }
    50% {
        box-shadow: 10px 0 #329d14, 20px 0 rgba(255, 255, 255, 0);
    }
    100% {
        box-shadow: 10px 0 #329d14, 20px 0 #329d14;
    }
}
.loading-zhezhao-div-bg .loading-span::after {
    content: "";
    position: absolute;
    bottom: 1px;
    right: -9px;
    width: 4px;
    height: 4px;
    background: #329d14;
    -webkit-animation: loading-animloader115 1s linear infinite;
    animation: loading-animloader115 1s linear infinite;
}