@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:#59b9c6;*/
    color: #fff;
    padding:0px;
    font-size: 15px;
}

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

.navmenu{
	margin-left:0px;
}
#mainLayout{
    top: -3%;
}
.navmenu>li>a:hover{
    background:#05547B !important;
    padding:0px;
}
/*for ie8*/
.navmenu li a:hover{
    /*background:#51B17C !important; */ /*#058cc1   #51B17C*/
	background:rgb(48,68,131) !important;
    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:#293f85; /*#058cc1   #51B17C  #01805C #33B388 #0C684E*/
}
.panel-title {
    font-size: 14px;
    font-weight: bold;
    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: #404f62;
    /*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: #404f62;
    /*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:#404f63;
    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 #304481 #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 30px 3px 10px;*/
    /*border-color: #00CDFC !important;*/
    float:left ;
    width:100%;
    padding:3px 45px 3px 10px;
    box-sizing:border-box;
    /*border-width:1px 0px 0px 0px;*/
}
.st-panel-body{
/*	background-color:#011b42;!* #F4F6FD 004d93 081832 314584 011b42*!
	width:100%;
	padding:10px 10px;*/
   /* background-color: #1c305c;/* #F4F6FD 004d93 081832 314584 011b42*/
    width:100%;
    padding:10px 10px;
    border-color: #507ea4 !important;
    /*border-width:1px 0px 0px 0px;*/
}

.st-panel-header-toggle{
	float: right;
	width:16px;
	height:16px;
	/*margin-right:30px;*/
    right: 0.5%;
    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: #e49e61;/*91949f  #66cdff #a0bcf3 e49e61 66cdff*/
}
.st-tr-span {
  background-color: #304481;
  background: -webkit-linear-gradient(left,#ffffff 0,#304481 100%);
  background: -moz-linear-gradient(left,#ffffff 0,#304481 100%);
  background: -o-linear-gradient(left,#ffffff 0,#304481 100%);
  background: linear-gradient(to left,#ffffff 0,#304481 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#304481,GradientType=0);
}
/*首页统计图表上边框颜色*/
.st-static-stytleOne{color: #fff;}
.st-static-stytleOne span{color: red;}
.st-static-stytleOne:hover *{color: #fff;}

.st-static-stytleTwo{color: #fff;}
.st-static-stytleTwo span{color: red;}
.st-static-stytleTwo:hover *{color: #fff;}

/*首页统计图表上边框样式*/

/*东部*/
.st-east{
    width:20%;
    height:100%;
    background:#1c305c;/*rgb(48,68,131)*/
}
.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-static-stytleAlone{color: #fff;}
.st-static-stytleAlone .word span{color: red;}
.st-static-stytleAlone:hover *{color: #fff !important;}

.st-static-stytleOne i,
.st-static-stytleTwo i,
.st-static-stytleAlone i{font-style: normal}

/*p标签公司名*/
.st-companyName{
    text-align:center;
    color:#59b9c6;
    margin:0px 0px 5px 0px;
}
/*南部*/
.st-south{
    background:#1c305c;/*rgb(48, 68, 131)*/
    color:white;
    padding:2px;
    text-align:center;
    font-family:Microsoft YaHei!important;
}
/*告警按钮颜色*/
.st-red{
    color:#FF0000;
}
/*登录页面*/
.login-body{
    background: url('/resource/image/login_bk.png') no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color:#707070;
    color:#fff;
}
.login-panel{
    width:100%;
    height:200px;
    background:transparent;
    border:0px solid #fff;
    text-align:center;
    vertical-align:middle;
}
.logoSenter{
    display:inline-block;
    background: url(../bootstrap/images/logo.png) no-repeat;
    background-size: cover;
}
.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%, #82ebff 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;
    background-image: linear-gradient(180deg,#ffffff 18%, #ffffff 56%, #82ebff 83%);
    -webkit-background-clip: text;
    color: transparent !important;
    font-size: 28px;
    font-family: YouSheBiaoTiHei, YouSheBiaoTiHei-Regular !important;
    font-weight: 400;
    text-align: right;
    color: #ffffff;
    -webkit-text-fill-color: transparent !important;
    margin-left: 5px !important;
}
.verifybox-line{
    width: 410px;
    height: 1px;
    background: linear-gradient(to right,#173faa,#3776CE,#173faa);
    margin: 0 auto !important;
}
.u-login{
    width: 380px !important;
    height: 54px !important;
    background: rgba(4,18,55,0.30);
    border: 2px solid !important;
    border-radius: 5px;
    padding-left: 10% !important;
    border-image: linear-gradient(90deg, #3779ff 7%, #36f3ff 100%) 2 2 !important;
    color: #FFFFFF !important;
}
.login-systemTitle{
    vertical-align:middle;
    font-size:50px;
}
/*字体*/
.word{
    color:#00F2FE;
}
/*main.jsp中的时钟和按钮*/
.welcome-Bar{
    margin-right:20px;
    float:right;
    display:inline-block;
    text-align:right;
}

/*按钮单独*/
.alone-btn{
    min-width:100px;
    background: #507ea4;
    color: #59b9c6;
    margin-left: 10px;
}
.device-Bar{
    padding-left:20px;
    padding-right:20px;
    color:#59b9c6;
    border:0;
    font-size:15px;
    border-top:0px;
    border-left:0px;
}
.monitShow{
    height: 45px;
    /*background:#1c305c;*/
    text-align: center;
}
.monit-panel{
    height: 98%;
    overflow-y:hidden;
    padding-top:10px;
    padding-left:5px;
    padding-bottom:10px;
    /*background:#1c305c;*//*rgb(48,68,131)*/
    display: none;
    border-width: 1px 1px 1px 0px;
    border-style: solid;
    border-color: #507ea4;
}
.monit-panel-body{
    /*background: #1c305c;/*rgb(48,68,131)*/
    margin-top: -15px;
}
.monit-tree{
    overflow: auto;
    height: 97%;
    /* background: #1c305c; */
    border-width: 1px 0px 0px 0px;
    border-style: solid;
    border-image: linear-gradient(90deg, #0a2061 0%, #3b75c4 50%, #0a2061 100%);
    border-image-slice: 1;
}
.main-home{
    padding:10px;
    overflow:hidden;
    /*background:#1c305c;*/
    border-width: 1px 0px 0px 0px;
    border-color: #2792c3;
}
.monit-panel-up{
    width: 100%;
    height: 100%;
    display: block;
    overflow:hidden;
    border-width: 1px 0px 0px 0px;
}
.monit-tree2{
   height: 98%;
    overflow-y:hidden;
    padding-top:10px;
    padding-left:5px;
    padding-bottom:10px;
    background:transparent;/*rgb(48,68,131)*/
    display: none;
}
.tree-bck{
    width:100%;
   /* background-color: #17184b;*/
}
.btn-self{
    min-width:100px;
    background: #256eb1;
    color: #fff;
    margin-left: 10px;
}
.btn-self-alone{
    min-width:100px;
    background: #256eb1;
    color: #fff;
    margin-bottom: 5px;
}
.btn-self-alone:hover{
    min-width:100px;
    background: #2895e8;
    color: #fff;
    margin-bottom: 5px;
}
.btn-self:hover{
    min-width:100px;
    background: #2895e8;
    color: #fff;
    margin-left: 10px;
}
/*realTimePic*/
.tabs {
    /*background: #FFFFFF;*/
    /*background:#192f60;*//*rgb(1, 14, 40)*/
}


/*.panel-title {
    color:#59b9c6;        !* #030303 *!
}*/

body {
    background-color: transparent;
    margin: 0px;
    overflow: hidden;
}
.content_title {
    display: inline-block;
    margin-left: 10px;
    font-size: 24px;
    width:48%;
    text-align:left;
    line-height:30px;
    color: #59b9c6;/*59b9c6 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 {
    /*background:#1c305c;*//*rgb(48,68,131)*/
    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;
    border-width:0px 1px 1px 1px;
    border-color:#507ea4;
    border-style:solid;
}

.content_row_title .span {
    padding: 0 10px;
    display: inline-block;
    line-height: 45px;
    color: #59b9c6;
}

.content_row_title {
    font-size: 14px;
    font-weight: bold;
    height: 40px;
    /*border: 1px solid #9E9E9E;*/
    color: #080808;
    margin-bottom: 10px;
    overflow: hidden;
    border-width:1px 0px 0px 0px;
    border-color:#507ea4;
    border-style:solid;
}
.legend {
    color:#59b9c6;       /* #009688; */
    font: bold 16px/2 Verdana, Geneva, sans-serif;
    font-weight: bold;
    text-align: left;
    font-size: 15px;
}
.content_foot {
    padding: 0 10px;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    border-top: 0px solid #507ea4;
    bottom:10px;
}
.border-public{
    border-width: 1px 0px 0px 0px;
    border-color: #507ea4;
    border-style: solid;
}
.image-center{
    /*background-color: #1c305c;*/
    width: 100%;height: 96%;
}
.btn-fanye1 {
    /* border: 0; */
    position: absolute;
    left: 2%;
    top: 5px;
    line-height: 20px;
    /* padding-bottom: 20px; */
    /*background:#1c305c;*/
    border:0px solid #ccc;
}
.welcome-Bar-word{color:#00F2FE;font-size:15px;width:150px;height:20px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.monit-content-title-background{/*background-color: #1c305c;*/}
.remaining-time{color: #59b9c6; font-size: 25px; vertical-align: middle;}
.alarm-bck{height:38px;width:100%;
    /*background-color:#1c305c;*/
}
.icon-caretDiv i{
    color:#fff
}
.icon-caretDiv a:hover{
    background-color:#165e83
}
.btn-sggj{width:49%;height:25px;background: #507ea4;color: #ffffff;white-space:nowrap;}
/*页面主题转换*/
.topic-show{
    width: 45%;
    display: block;
    float: left;
    /* overflow: hidden; */
    position: relative;
    /* padding: 20px; */
    margin: 20px 0px 0px 3.2%;
}
.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 1s;
}
.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 #59b9c6;
    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;
}

.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_blue_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{width: auto !important;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 !important;line-height: 30px !important;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: #2ca9e1;}
/*.homeStaticBck{
    background: url(/resource/image/dangerStatic.jpg);width:100%;height:100%;background-size: 100% 100%; -moz-background-size: cover;
}*/
.homeStatic-alone-line{
    width:95%;height:100%;padding-left: 2%;overflow: hidden;box-sizing: border-box;
}

#color_datagrid_alone .datagrid-view2 .datagrid-header .datagrid-header-row{height: 30px!important;line-height: 30px !important;}
#color_datagrid_alone .datagrid-view2 .datagrid-header .datagrid-header-row td{border-top: 1px solid #000;border-width: 1px 0px 1px 0;}
#color_datagrid_alone .panel-body{background: none;}
/*#color_datagrid_alone td{background: #0E266C}*/
#color_datagrid_alone .datagrid-header-inner{width: 100% !important;}
#color_datagrid_alone table{width: 100%;}

.homeStaticBck-sos{
    position: relative;
    background: url(../../../image/alarm_2.png);width:100%;height:100%;background-size: 100% 100%; -moz-background-size: cover;
}
.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;
}
.homeStaticBck-left{
    /*background: url(/resource/image/inoff.jpg);width:100%;height:100%;background-size: 100% 100%; -moz-background-size: cover;*/
}
.homeStaticBck-left-pie{
    /*background: url(/resource/image/inoff.jpg);width:100%;height:100%;background-size: 100% 100%; -moz-background-size: cover;*/
}
.homeStatic-alone{
    width:100%;height:90%;padding-top: 20px;
}
.image-center-out{
    height: 27.3%;width: 97.6%;overflow: hidden;border: 1px solid #1e9fff;margin-left:1%;/*background: #06216c#1c305c*/;
}

.homeStaticBck-left-line{
    width:100%;height:100%;background-size: 100% 100%; -moz-background-size: cover;
}
.homeStaticBck-left-alarm{
    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-left-alarmDiffrent{position: relative;
    background: url(../../../image/alarm_2.png);width:100%;height:100%;background-size: 100% 100%; -moz-background-size: cover;
}
.homeStaticBck-right-cpDanger{position: relative;
    background: url(../../../image/alarm_2.png);width:100%;height:100%;background-size: 100% 100%; -moz-background-size: cover;
}
.homeStaticBck-right-deviceType{position: relative;
    background: url(../../../image/alarm_2.png);width:100%;height:100%;background-size: 100% 100%; -moz-background-size: cover;
}
.realtimeChart-center{
    width:98%;height:98%;background:#1c305c;
}
.wether-realtime{
    width:98%;height:98%;text-align:center;background:#1c305c;
}
.si-monitorPointName-home {
    font-size: 13px;
    display: block;
    background:#2792c3;
}
.si-captureTime-home {
    font-size: 13px;
    display: block;
    background: #82ae46;
}
.scanImageText-home{
    position: absolute;
    bottom: 0;
    display: block;
    color: #fff;
}

/*2019-7-2临时*/
.g-home-new .svgImg img{background: #fff;width: 100%;height: 100%;}

/*地图样式*/

/*本主题样式*/
.g-home-new .full-btn{color: #eee;right: -15px;top: -5px;}
.g-home-new .full-btn:hover{color: #fff;}
#js_back{color: #06216C;}
.g-home-new .width_100 .map-tab-menu{background: #165E83;}
.g-home-new .g-main{overflow: hidden;}

/*相同样式*/
.g-home-new{overflow: hidden;box-sizing: border-box;}
.g-home-new *{box-sizing: inherit;}
.g-home-new .g-left{float: left;width: 20%;overflow: hidden;}
.g-home-new .g-right{float: right;width: 20%;overflow: hidden;}
.g-home-new .map-bg{height: 70%;background-size:100% 100%;padding-top: 0px;margin: 10px 0px 10px 0px}
.g-home-new .home-map{width: 93%;height: 97%;margin: 0 auto;position: relative;box-sizing: border-box;}
.g-home-new .m-copy-wrap{text-align: center;}
.g-home-new .BMapLabel{border: none!important;color: red;background: rgba(255,255,255,0.5) !important;}
.g-home-new #mapLegend{box-sizing: content-box;}
.g-home-new .full-btn{position: absolute; width: 25px;height: 25px;cursor: pointer;font-size: 26px;z-index: 30;}
#js_back{display: none;top: 10px;right: 10px;}
.full-map-wrap{position: absolute;left: 0;width: 100%;height:calc(100% - 37px);background: #fff;z-index: 1000;top: auto;bottom: -100%;}
.full-map-show{top: 37px;bottom: auto;}
.full-map-map-bgwrap .map-menu{width: 70px;height: 100%;float: left;background: #1C305C;}
.full-map-wrap .map-menu li{text-align: center;font-size: 14px;border-bottom: 1px solid rgba(255,255,255,0.1);}
.full-map-wrap .map-menu li:first-child{border-top: none;}
.full-map-wrap .map-menu a{color: #fff;display: block;transition: 0.3s;text-decoration: none;padding: 15px 0;}
.full-map-wrap .map-menu a:hover{color: #1C305C;background: #D2E0F2;}
.full-map-wrap .map-menu a span{font-size: 26px;}
.full-map-wrap .map-menu p{font-size: 15px;margin-top: 5px;}
.full-map-wrap .map-menu li:last-child a{border-bottom: 1px solid #000;}
.full-map-wrap .map-iframe{height: 100%;margin-left: 70px;}
.full-map-wrap .map-iframe iframe{width: 100%;height: 100%;border: none;}
.full-map-wrap .back{position: absolute;right: 10px;top: 7px; width: 25px;height: 25px;cursor: pointer;font-size: 26px;color: #eee;}
.full-map-wrap .back:hover{color: #fff;}
.g-home-new .bdtuli{display: none;background-color: rgb(3, 28, 83); position: absolute; z-index: 10; text-size-adjust: none; top: auto; left: auto; right: 5px;bottom: 5px;}
.g-home-new .bdtuli legend{color: #333;margin: 0;padding: 0;}
.g-home-new .bdtuli fieldset{margin: 0 2px 2px;padding: 0 5px;}
.g-home-new .bdtuli .legend-title{border-top: 1px solid #00CDFC;border-bottom: 1px solid #00CDFC;padding: 3px 0;white-space: nowrap;color: #00CDFC;text-align: center;font-size: 12px;margin-bottom: 3px;}
.g-home-new .bdtuli td{color: #00F2FE;}
.g-home-new .legend-close{position: absolute;right: 6px;bottom: 2px;cursor: pointer;font-size: 18px;font-weight: bolder;color: #333;}
.g-home-new .legend-close:hover{color: #0095D9;}
.g-home-new .tuli-small{display: none;position: absolute; z-index: 10;bottom: 5px;right: 5px;background: #0095D9;width: 22px;height: 40px;color: #fff;cursor: pointer;text-align: center;border-radius: 3px;padding-top: 3px;}
.g-home-new .tuli-small:hover{background: #0280b9;}
.g-home-new .map-tab-menu{height: 32px;border-bottom: 2px solid #03C7DF;width: 100%;position: absolute;top: 0;left: 0;z-index: 30;}
.g-home-new .map-tab-menu li{height: 30px;line-height:30px;float: left;border-right: 30px solid transparent;border-bottom: 30px solid #0095D9;padding: 0 30px;cursor: pointer;text-shadow: 1px 1px rgba(0,0,0,0.2);}
.g-home-new .map-tab-menu li span{color: #fff;font-size: 14px;}
.g-home-new .map-tab-menu li:hover{opacity: 0.9;}
.g-home-new .map-tab-menu li span i{display: none;}
.g-home-new .map-tab-menu li.current{border-bottom-color:#00F2FE;}
.g-home-new .mapDiv{width: 100%;height: 99%;}
.g-home-new .map-alarm-total-wrap{position: absolute;width: 100%;height: 100%;position: absolute;left: 0;bottom: -200%;top: auto; z-index: 20;box-sizing: border-box;padding-top: 30px;}
.g-home-new .map-alarm-total-wrap iframe{width: 100%;height: 100%;}
.g-home-new .map-alarm-total-show{top: 0;bottom: auto;}
.g-home-new #mapLegend .towerImg{white-space: nowrap;font-size: 12px;margin-bottom: 3px;color: #00F2FE;padding-left: 5px;}
.g-home-new #mapLegend .towerImg >*{vertical-align: middle;}
.g-home-new #mapLegend .towerImg img{margin-right: 5px;width: 15px;height: 15px;}
.g-home-new .width_0{width: 0;}
.g-home-new .width_100{height: 100%;background:none;padding: 0;margin: 0;}
.g-home-new .width_100 .home-map{width: 100%;height: 100%;padding: 0;margin: 0;}
.g-home-new .width_100 .map-alarm-total-wrap{padding-top: 0;padding-left: 70px;}
.g-home-new .width_100 .map-tab-menu{width: 70px;height: 100%;border: none;padding-top: 1px;}
.g-home-new .width_100 .map-tab-menu li{float: none;border: none;padding:15px 0;top: auto;text-shadow: 1px 1px rgba(0,0,0,0.2);text-align: center;font-size: 14px;border-bottom: 1px solid rgba(255,255,255,0.1);border-top:1px solid #000;height: auto;line-height: 22px;}
.g-home-new .width_100 .map-tab-menu li span{top: auto;font-size: 15px;text-shadow: none;}
.g-home-new .width_100 .map-tab-menu li.current{border:none;color: #165E83;background: #fff;}
.g-home-new .width_100 .map-tab-menu li.current span{color: #1C305C;}
.g-home-new .width_100 .map-tab-menu li span i{display: block;font-size: 26px;margin-bottom: 10px;}
.full-map-wrap .map-menu a{color: #fff;display: block;transition: 0.3s;text-decoration: none;padding: 15px 0;}
.full-map-wrap .map-menu a:hover{color: #1C305C;background: #D2E0F2;}
.full-map-wrap .map-menu a span{font-size: 26px;}
.full-map-wrap .map-menu p{font-size: 15px;margin-top: 5px;}
.full-map-wrap .map-menu li:last-child a{border-bottom: 1px solid #000;}
.g-home-new .bdxl_info{font-size: 14px;box-sizing: border-box;color: #666;line-height: 26px;}
.g-home-new .bdxl_info p{white-space: nowrap;}
.g-home-new .bdxl_info a{display: block;height: 26px;color: #fff;background: #38A1DB;text-decoration: none;text-align: center;line-height: 26px;margin-top: 5px;transition: 0.5s;}
.g-home-new .bdxl_info a:hover{background: #1C305C;}

/*3D模式*/
.g-home-new .toggle-3D{position: absolute;top: 37px;left: 5px;z-index: 30;}
.g-home-new .toggle-3D li{cursor: pointer;border: 1px solid rgb(139, 164, 220);border-radius: 3px;font-size: 12px;overflow: hidden;box-shadow: rgba(0, 0, 0, 0.35) 2px 2px 3px;}
.g-home-new .toggle-3D li span{float: left;padding: 1px 4px;background: #fff;color: #333;}
.g-home-new .toggle-3D li .current{background: rgb(142, 168, 224);color: #fff}
.g-home-new .toggle-3D .btn-3D{display: none;}
.g-home-new .width_100 .toggle-3D{top: 5px;left: 75px;}

/*头部在线数据文字*/
.g-color-red{color: red;}
.new-top-info a.word:hover .g-color-red{color: #fff}

/*倾斜*/
.m-tilt-wrap{background: #1C305C;color: #59b9c6;}
.m-many-data .m-tilt-wrap{background: none;}
.m-tilt .gt-info,
.m-tilt .legend{border: 1px solid #507EA4;color: #59b9c6;color: #59b9c6;}
.m-tilt .gt-info td{color: #59b9c6;}
.m-tilt{border-bottom: 1px solid #0086B3;}

/*画线*/
.m-draw .set-box{background: #507EA4;}
.m-draw .set-box > article{background: #1C305C;}
.m-draw .info-table,
.m-draw .set-color,
.m-draw .set-btn{border-bottom: 1px solid #507EA4;}
.m-draw .info-table td{color: #fcc17b;}
.m-draw .info-table tr td:first-child{color: #4fe7fe;}
.m-draw .set-color .one,
.m-draw .set-color input[type="number"]{background: #7C6DAF;}
.m-draw .set-color input[type="color"]{background: #fff;}
.m-draw .set-btn .dbtn{background: #2CA9E1;}
.m-draw .set-btn .dbtn:hover{background: #507EA4;}

#js_device_wrap2 div{border-top: 1px solid #507EA4;border-bottom: 1px solid #507EA4;}

.homeStaticBck-bottom {
    position: relative;
    background: url(../../../image/alarm_2.png);
    width: 100%;
    height: 95%;
    margin: 0;
    padding: 5px 10px 5px 10px;
    display: inline-block;
    background-size: 100% 100%;
    -moz-background-size: cover;
}
/*视频蓝色主题调整*/
/*双tab页样式 控制按钮部分*/
.monit-panel-half{
    height: 42%;
    overflow-y:hidden;
    padding-top:10px;
    padding-left:5px;
    padding-bottom:10px;
    background:#1c305c;/*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:#1c305c;/*rgb(48,68,131)*/
    display: none;
    border-width: 1px 1px 1px 0px;
    border-style: solid;
    border-color: #507ea4;
}
/*蓝色主题中 视频监控 控制按键*/
/*中间暂停开始 圆盘*/
.video-btn-wrap .sector .center{background: #003853;}
.video-btn-wrap .sector .center{border:2px solid rgb(16, 157, 196);}
/*上下左右控键部分*/
/*圆盘大背景*/
.video-btn-wrap .sector{border:2px solid rgb(16, 157, 196);background: rgb(16, 157, 196);}
/* rect(0px, 79px, 79px, 0px) */
.video-btn-wrap .sector .box{background: #003853;}
.video-btn-wrap .sector .box:hover{background: #777;}

.video-btn-wrap .zoom-set p{color: #999;}
/*缩放聚焦 按键*/
.video-btn-wrap .zoom-btn a{color: #8B8B8B;background: #003853;border:1px solid #109DC4;}
.video-btn-wrap .zoom-btn a:hover{color: #eee;}

/*预置位 块 预置位条目*/
.video-btn-wrap .preset-list{/*background: #4A4A4A;*/}
.video-btn-wrap .preset-list li{border-bottom:1px solid #109DC4;}
/*预置位 按键*/
.video-btn-wrap .preset-list li a{color: #109DC4;}
.video-btn-wrap .preset-list li .pre_setbtn a:hover{color: #eee;}
/*预置位 字体部分*/
.video-btn-wrap .preset-list li .pre_place{background:#003853;color:#8B8B8B}

/*布局按钮*/
.settingdoubleNum a{color: #109DC4;}
.settingdoubleNum a:hover{color: #eee;}



.main_body {
    background-image: url("./images/background.png");
}

.header{
    width: 100%;
    height: 9.6vh;
    background-image: url("./images/head-background-.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: white;
}
.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: #ffffff;
    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;
    margin-bottom: 20px;
}
.table-title{
    background-color: #3c9cd7;
    height: 20%;
}
.table{
    width: 100%;
    height: 90%;
    text-align: center;
    color: white;
    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;
}

#mapLegend 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: #dee0e7;
    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.png?v=20230728);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 45px;
    font-weight: 600;
    text-align: center;
    line-height: 25px;
    font-size: 1.1rem;
    left: 0;
    top: -1px;
    cursor: pointer;
    pointer-events: none;
}
.map-title-bk{
    font-weight: 600;
    -webkit-background-clip: text !important;
    background: linear-gradient(#FFFFFF, #82EBFF);
    background: -webkit-linear-gradient(#FFFFFF, #82EBFF);
    background: -o-linear-gradient(#FFFFFF, #82EBFF);
    background: -moz-linear-gradient(#FFFFFF, #82EBFF);
    background: linear-gradient(#FFFFFF, #82EBFF);
    background-image: linear-gradient(#FFFFFF, #82EBFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    mix-blend-mode: screen;
    pointer-events: fill;
    font-family: 'YousheBiaoTiHei' !important;
    font-size: 24px;
}


.tabs-selected{
    /*background-color: #256eb1 ;*/
    background: rgba(48,116,255,0.31);
    border: 1px solid!important;
    border-image: linear-gradient(135deg, #6ed6ff, #6ed6ff 24%, #1079ff 46%, #04e0ff 84%) 1 1!important;
    /*border-radius: 4px!important;*/
}

.nav-li:hover{
    /*background-color: #256eb1;*/
}

.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/下拉框.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( #256eb1, #2ED, #256eb1) 20;

}
.nav-li:before{
    color: #44c3ff;
}

.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: #44c3ff;
}

.block-right img{
    width: 100%;
    height: 10px;
}
.block-right{
    width: 60%;
    margin-left: 15%;
    margin-top: 10px;
    height: 17px;
    float: left;
    overflow: hidden;
    background-image: url("../../../theme/three/images/block-right.png");
    background-repeat: no-repeat;
    background-size: cover;
}
.block-right-mini{
    background-size: 190% 100%;
}
.block-icon{
    background-image: url(../../../theme/three/images/block-icon.png);
    height: 35px;
    width: 35px;
}
.table-tit{
    height: 50px;
    background: #11378e;
    color:#40e4fc;
    font-weight: normal !important;
    /*box-shadow: rgb(3, 76, 106) -10px 0px 15px inset, rgb(0, 150, 255) 0px 0px 15px inset;*/
}
.table-tit th{
    font-weight: 500;
    font-size: 14px;
    font-weight: normal !important;
}
.block-mess1{
    background: url('../../../theme/three/images/border-blue.png') no-repeat;
    background-size: 100% 100%
}
.block-mess2{
    background: url('../../../theme/three/images/border-green.png') no-repeat;
    background-size: 100% 100%
}
.block-mess3{
    background: url('../../../theme/three/images/border-yellow.png') no-repeat;
    background-size: 100% 100%
}
.block-mess4{
    background: url('../../../theme/three/images/border-gray.png') no-repeat;
    background-size: 100% 100%
}

.datagrid-editable-input{
    color: white;
    border-color: #00CDFC !important;
}
.tableBottom {
    border-bottom: 1px solid;
    border-image: -webkit-linear-gradient(90deg, #00E7E9, #001864) 10 10;
    border-image: -moz-linear-gradient(90deg, #00E7E9, #001864) 10 10;
    border-image: linear-gradient(90deg, #00E7E9, #001864) 10 10;
}
.circle {
    display: inline-block;
    width: 6px;
    height: 6px;
    opacity: 0.6;
    background: #00E7E9;
    border-radius: 50%;
}
.line_choose {
    width: 50px !important;
    background-color: inherit !important;
    border: 1px solid #00CDFC !important;
    height: 31px !important;
    margin: 10px 5px 10px 10px;
}
.imgHis{
    width: 120px;
    height: 28px;
    font-size: 20px;
    font-weight: 600;
    text-align: left;
    color: #ffffff;
    line-height: 28px;
    margin-left: 5px;
}
.btnMask_active {
    background-color: #256eb1 !important;
    color: #FFFFFF !important;
    border: 1px solid #f3f0f0 !important;
}
.imgHis_infoTable{
    color: #FFFFFF !important;
}
.infoTable_title{
    color: #00e7e9 !important;
}
.imgHis_hint{
    color: #FFFFFF !important;
}
.picMarkingBox .datagrid-header td[field=jsonstr]{
    border-style: solid !important;
    border-right-color: #0091ff !important;
}
.picMarkingBox .datagrid-header td[field=jsonstr].datagrid-header-over{
    border-style: solid !important;
    border-right-color: #0091ff !important;
}
.picMarkingBox  .datagrid-header-row{
    background-color: #0091ff;
    color: #fff;
    box-shadow: none;
}
.picMarkingBox .imgHis_easyui_datagrid_body{
    color: #FFFFFF !important;
}

.picMarkingBox .datagrid-header td{
    border-width: 0 1px 1px 0;
    border-style: dotted !important;
    border-color: #0091ff #FFFFFF #0091ff #FFFFFF !important;
}
.picMarkingBox .datagrid-header td.datagrid-header-over{
    border-width: 0 1px 1px 0;
    border-style: dotted !important;
    background-color: #0091ff !important;
    border-color: #0091ff #FFFFFF #0091ff #FFFFFF !important;
}
.picMarkingBox .datagrid-body td{
    border-color: #001864 !important;
    background-image: linear-gradient(to right,#00a7ff 75%, #00a7ff 75%, transparent 75%) !important;
    background-size: 10px 1px !important;
    background-repeat: repeat-x !important;
    background-position-y: bottom !important;
}
/*.picMarkingBox .datagrid-row-alt{*/
/*    background:#184da063;*/
/*}*/
#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: #ffffff !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: #3779ff;
    top: 10px;
    z-index: 0;
}
.unit-bottom-info-bottom{
    font-size: 20px;
    display: block;
    text-align: center;
    font-weight: 500;
    color: #03ffdf;
    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;
}
.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;
}
.new-bk{
    background: url(./images/middle-block-bg.png) no-repeat !important;
    background-size: 99.5% 100% !important;
    margin: 0 0.3% !important;
    padding-bottom: 10px !important;
    background-position: center !important;
    box-sizing: border-box !important;
    border-top: 1px solid #00CDFC !important;
}
.new-bk-padding{
    background: url(./images/middle-block-padding-bg.png) no-repeat !important;
    background-size: 99.5% 100% !important;
    margin: 0 0.3% !important;
    padding-bottom: 10px !important;
    background-position: center !important;
    box-sizing: border-box !important;
    border-top: 1px solid #00CDFC !important;
}
.isRead{
    color:#FF2200 !important;
}
.dropdown-block{
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: white;
    overflow: hidden;
    cursor:pointer;
    /*font: menu;*/
}
.dropdown-block:hover{
    background: linear-gradient(90deg,#1079ff 0%, #36F3FF);
}
.tabs-inner{
    color: white !important;
}
.textbox-invalid {
    border: 1px solid #00CDFC;
}
.searchDiv-topline {
    border-top: 1px solid #00CDFC;
}
.content_foot_msg{
    color: #FFF;
}
#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, #0a2061 0%, #3b75c4 50%, #0a2061 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;
}
.my-slider-div{
    top: 0.5%;
}

.window{
	border-image-slice: 70 fill;
	border-image-width: 12% 5%;
	border-image-source: url(./images/Pop-ups-.png);
}

.loading-zhezhao-div-bg {
    background: #010d36;
}

@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: #fff;
    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 #fff, 20px 0 rgba(255, 255, 255, 0);
    }
    100% {
        box-shadow: 10px 0 #fff, 20px 0 #fff;
    }
}
.loading-zhezhao-div-bg .loading-span::after {
    content: "";
    position: absolute;
    bottom: 1px;
    right: -9px;
    width: 4px;
    height: 4px;
    background: #fff;
    -webkit-animation: loading-animloader115 1s linear infinite;
    animation: loading-animloader115 1s linear infinite;
}

/*@keyframes loading-logo {*/
/*    0% {*/
/*        width: 0px;*/
/*    }*/
/*    100% {*/
/*        width: 200px;*/
/*    }*/
/*}*/
/*.loading-zhezhao-div-logo {*/
/*    position: absolute;*/
/*    width: 200px;*/
/*    height: 73px;*/
/*    left: 44.8vw;*/
/*    top: 38.7vh;*/
/*    background: url(../bootstrap/images/logo.png) no-repeat;*/
/*    filter: grayscale(1);*/
/*    background-size: cover;*/
/*}*/
/*.loading-zhezhao-div-logo2 {*/
/*    position: absolute;*/
/*    width: 200px;*/
/*    height: 73px;*/
/*    left: 44.8vw;*/
/*    top: 38.7vh;*/
/*    background: url(../bootstrap/images/logo.png) no-repeat;*/
/*    background-size: cover;*/
/*    -webkit-animation: loading-logo 3s linear infinite;*/
/*    animation: loading-logo 3s linear infinite;*/
/*}*/