@CHARSET "UTF-8";

html, body {
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    background-color: #E3E3E3;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

/**top*/
.top {
    width: 100%;
    height: 40px;
    background: #006A1B;
    clear: both;
}

.top .sysadmin {
    width: 280px;
    height: 40px;
    float: right;
    color: #FFF;
}

.top .sysadmin img {
    margin-top: 3px;
    margin-right: 2px;
    float: left;
}

.top .sysadmin span {
    line-height: 40px;
    float: left;
}

.top .sysexit {
    width: 40px;
    height: 30px;
    float: left;
    margin-left: 5px;
    margin-top: 5px;
    border-left: 2px solid #FF6633;
}

.top .sysexit img {
    width: 30px;
    height: 30px;
    margin-top: -1px;
    margin-left: 8px;
}

.opensys {
    position: absolute;
    text-indent: 50px;
    background: url(../../../res/bf/images/opensys.png) no-repeat left;
    width: 120px;
    height: 42px;
    line-height: 32px;
    left: 25px;
    top: 12px;
    z-index: 12;
    color: #FFF;
    font-size: 16px;
    font-family: 'Microsoft YaHei';
    cursor: pointer;
}

/**left*/
.left {
    width: 180px;
    padding: 1px;
}

/**系统管理systemCon*/
.systemCon {
    width: 1285px;
    height: 610px;
    float: left;
    overflow: hidden;
}

/**导航样式*/
.systemCon .navcon {
    width: 199px;
    height: 610px;
    overflow: hidden;
    float: left;
    border-right: 1px solid #CCC;
}

.systemCon .center .wel {
    background: url(../../../res/bf/images/welcome_wlw.png) no-repeat center;
}

/* tabs内容 */
.systemCon .center {
    float: left;
    width: 1085px;
    height: 610px;
}

.warning {
    z-index: 999;
    width: 180px;
    height: 220px;
    top: 160px;
    right: 30px;
    border-radius: 10px;
    background: #FFF;
    position: absolute;
}

.warning .title {
    width: 160px;
    height: 39px;
    background: url(../../../res/bf/images/warn.png) no-repeat left;
    text-indent: 30px;
    border-bottom: 1px solid #FF6600;
    float: left;
    line-height: 40px;
    margin-left: 10px;
    font-size: 16px;
    font-family: 'Microsoft YaHei';
    font-weight: bold;
}

.warning .wcon {
    width: 160px;
    height: 160px;
    padding: 0 10px;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
    font-weight: bold;
    float: left;
}

.warning .wcon .p {
    width: 160px;
    height: 30px;
    float: left;
    line-height: 30px;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
}

.flow {
    z-index: 999;
    width: 180px;
    height: 80px;
    top: 60px;
    right: 30px;
    border-radius: 10px;
    background: #FFF;
    position: absolute;
}

.flow .title {
    width: 160px;
    height: 39px;
    background: url(../../../res/bf/images/flowinfo.png) no-repeat left;
    text-indent: 30px;
    border-bottom: 1px solid #FF6600;
    float: left;
    line-height: 40px;
    margin-left: 10px;
    font-size: 16px;
    font-family: 'Microsoft YaHei';
    font-weight: bold;
}

.flow .fcon {
    width: 180px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    font-family: 'Microsoft YaHei';
    font-weight: bold;
    float: left;
}

/**footer*/
.footer {
    height: 30px;
    background: #438EB9;
    padding: 1px;
}

.footer .copy_right {
    margin: 6px auto;
    text-align: center;
}

/**top区域样式start*/
/*top*/
.topleft {
    width: 310px;
    height: 88px;
    background: #006A1B;
    float: left;
}

.topleft img {
    margin-top: 11px;
    margin-left: 10px;
}

.topright {
    width: 370px;
    height: 88px;
    background: url(../../../res/bf/images/topright.jpg) no-repeat right;
    float: right;
}

#weatherdata {
    width: 370px;
    height: 25px;
    margin-bottom: 1px;
}

.topright_user {
    width: 250px;
    height: 32px;
    line-height: 32px;
    float: left;
    color: #FFF;
    margin-left: 100px;
    font-size: 16px;
}

.topright_user img {
    width: 32px;
    height: 32px;
    margin-right: 3px;
    float: left;
}

.topright_exit {
    width: 170px;
    height: 40px;
    margin-top: 5px;
    float: right;
}

.topright_exit img {
    margin-top: 12px;
    margin-right: 2px;
    float: left;
}

.topright_exit a {
    color: #FFF;
    font-size: 16px;
}

.topright_exit a:hover {
    color: #CCC;
}

.topright_exit_t1 {
    margin-top: 10px;
    width: 80px;
    line-height: 20px;
    text-align: center;
    float: left;
}

.topright_exit_t2 {
    margin-top: 10px;
    width: 50px;
    line-height: 20px;
    text-align: center;
    float: left;
    background: url(../../../res/bf/images/line.gif) no-repeat left;
}

a, a:focus {
    text-decoration: none;
    color: #000;
    outline: none;
    blr: expression(this.onFocus = this.blur ());
}

a:hover {
    color: #00a4ac;
    text-decoration: none;
}

/**top区域样式end*/

/*修改easyui中样式start*/
/*easy-linkbutton*/
.navbar a.l-btn span span.l-btn-text {
    position: relative;
    display: inline-block;
    vertical-align: top;
    top: 4px;
    width: auto;
    height: 16px;
    line-height: 16px;
    font-size: 16px;
    font-weight: 700;
    padding: 0;
    margin: 0;
}

a.l-btn-plain-selected, a:hover.l-btn-plain-selected {
    background: #62A8D1;
}

/*修改easyui中样式end*/
/* 百度地图中的样式 */
/* 信息框样式 */
.textcon {
    width: 300px;
    float: left;
}

.textcon .texttitle {
    width: 200px;
    height: 29px;
    background: url(../../../res/bf/images/dataimg.png) no-repeat left;
    text-indent: 30px;
    border-bottom: 1px solid #999;
    float: left;
    line-height: 30px;
    font-size: 16px;
    font-family: 'Microsoft YaHei';
    font-weight: bold;
}

.textcon .eppoDevtitle {
    width: 200px;
    height: 29px;
    background: url(../../../res/bf/images/datetimeicon.png) no-repeat left;
    text-indent: 30px;
    border-bottom: 1px solid #999;
    float: left;
    line-height: 30px;
    font-size: 16px;
    font-family: 'Microsoft YaHei';
    font-weight: bold;
}

.textcon .devtitle {
    width: 200px;
    height: 29px;
    background: url(../../../res/bf/images/devimg.png) no-repeat left;
    text-indent: 30px;
    border-bottom: 1px solid #999;
    float: left;
    line-height: 30px;
    font-size: 16px;
    font-family: 'Microsoft YaHei';
    font-weight: bold;
}

.textcon .textstatus {
    width: 100px;
    height: 29px;
    float: left;
    line-height: 30px;
    text-align: center;
    border-bottom: 1px solid #999;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
    font-weight: bold;
    border-bottom: 1px solid #999
}

.textcon .dataval {
    margin-top: 5px;
    width: 180px;
    height: 20px;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
    line-height: 20px;
    float: left;
}

.textcon .datatime {
    margin-top: 5px;
    width: 120px;
    height: 20px;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
    line-height: 20px;
    float: left;
}

.devcon {
    width: 300px;
    height: 30;
    margin-top: 10px;
    float: left;
}

.devcon .info {
    width: 100px;
    height: 30px;
    float: left;
    border-style: none;
    line-height: 30px;
}

.devcon .devbtn {
    width: 60px;
    height: 30px;
    float: left;
    border-style: none;
    background-color: #063;
    line-height: 30px;
    color: #FFF;
    font-size: 14px;
    margin: 0px 5px;
    font-family: 'Microsoft YaHei';
    cursor: pointer;
}

.devcon .devstu {
    width: 88px;
    height: 30px;
    border-left: 2px solid #FF6600;
    float: left;
}

.devcon .devstu .opened {
    width: 10px;
    height: 10px;
    background: #36E07D;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    margin: 10px;
    float: left;
}

.devcon .devstu .closed {
    width: 10px;
    height: 10px;
    background: #F02C22;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    margin: 10px;
    float: left;
}

.devcon .devstu .stoped {
    width: 10px;
    height: 10px;
    background: #F7993B;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    margin: 10px;
    float: left;
}

.devcon .devstu .p2 {
    width: 58px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
    float: left;
}

/* 视频摄像头 */
.videocon {
    width: 545px;
    height: 330px;
    float: left;
}

.videocon .vtitle {
    width: 466px;
    height: 30px;
    background: url(../../../res/bf/images/vedioimg.png) no-repeat left;
    text-indent: 30px;
    float: left;
    line-height: 30px;
    font-size: 16px;
    font-family: 'Microsoft YaHei';
    font-weight: bold;
}

/* .videocon .vbtn{
	width:260px;
	height:24px;
	margin-top:3px;
	float:left;
}
.videocon .vbtn .startbtn{
	width:30px;
	height:24px;
	background: url(../../../res/bf/images/startbtn.png) no-repeat center;
	border-style:none;
	float:left;
	margin-left:10px;
	cursor: pointer;
}
.videocon .vbtn .stopbtn{
	width:30px;
	height:24px;
	border-style:none;
	background: url(../../../res/bf/images/stopbtn.png) no-repeat center;
	float:left;
	cursor: pointer;
} */
.videocon .vcon {
    width: 545px;
    height: 299px;
    border-top: 1px solid #999;
    float: left;
}

.videocon .vcon .viewcon {
    width: 400px;
    height: 285px;
    margin-top: 12px;
    background: #000;
    float: left;
}

.videocon .vcon .ptzcon {
    width: 145px;
    height: 285px;
    margin-top: 12px;
    float: left;
}

/* 云台控制按钮 */
.videocon .vcon .ptzcon .ptzctl {
    width: 145px;
    height: 180px;
    float: left;
}

.videocon .vcon .ptzcon .ptzctl .upleftbtn {
    width: 35px;
    height: 35px;
    float: left;
    margin-top: 10px;
    margin-left: 10px;
    background: url(../../../gis/images/yunbtn_lup_h.jpg) no-repeat center;
    cursor: pointer;
}

.videocon .vcon .ptzcon .ptzctl .uprightbtn {
    width: 35px;
    height: 35px;
    float: left;
    margin-top: 10px;
    margin-right: 10px;
    background: url(../../../gis/images/yunbtn_rup_h.jpg) no-repeat center;
    cursor: pointer;
}

.videocon .vcon .ptzcon .ptzctl .downleftbtn {
    width: 35px;
    height: 35px;
    float: left;
    margin-top: 5px;
    margin-left: 10px;
    /*margin-right:40px;*/
    background: url(../../../gis/images/yunbtn_ldown_h.jpg) no-repeat center;
    cursor: pointer;
}

.videocon .vcon .ptzcon .ptzctl .downrightbtn {
    width: 35px;
    height: 35px;
    float: left;
    margin-top: 5px;
    /*margin-left:55px;*/
    margin-right: 10px;
    background: url(../../../gis/images/yunbtn_rdown_h.jpg) no-repeat center;
    cursor: pointer;
}

.videocon .vcon .ptzcon .ptzctl .upbtn {
    width: 35px;
    height: 35px;
    float: left;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    background: url(../../../gis/images/yunbtn_up_h.jpg) no-repeat center;
    cursor: pointer;
}

.videocon .vcon .ptzcon .ptzctl .downbtn {
    width: 35px;
    height: 35px;
    float: left;
    margin-top: 5px;
    margin-left: 10px;
    margin-right: 10px;
    background: url(../../../gis/images/yunbtn_down_h.jpg) no-repeat center;
    cursor: pointer;
}

.videocon .vcon .ptzcon .ptzctl .leftbtn {
    width: 35px;
    height: 35px;
    float: left;
    margin-top: 5px;
    margin-left: 10px;
    background: url(../../../gis/images/yunbtn_left_h.jpg) no-repeat center;
    cursor: pointer;
}

.videocon .vcon .ptzcon .ptzctl .rightbtn {
    width: 35px;
    height: 35px;
    float: left;
    margin-top: 5px;
    background: url(../../../gis/images/yunbtn_right_h.jpg) no-repeat center;
    cursor: pointer;
}

.videocon .vcon .ptzcon .ptzctl .stopbtn {
    width: 35px;
    height: 35px;
    float: left;
    margin-top: 5px;
    margin-left: 10px;
    margin-right: 10px;
    background: url(../../../res/bf/images/stopptz.png) no-repeat center;
    cursor: pointer;
}

/* 焦距 */
.videocon .vcon .ptzcon .foucs {
    width: 145px;
    heigth: 100px;
    float: left;
}

.videocon .vcon .ptzcon .foucs .zoominbtn {
    width: 35px;
    height: 35px;
    float: left;
    margin-left: 30px;
    margin-right: 10px;
    background: url(../../../gis/images/fd.png) no-repeat center;
    cursor: pointer;
}

.videocon .vcon .ptzcon .foucs .zoomoutbtn {
    width: 35px;
    height: 35px;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    background: url(../../../gis/images/sx.png) no-repeat center;
    cursor: pointer;
}

.sysname {
    width: 300px;
    height: 60px;
    line-height: 58px;
    font-size: 30px;
    font-family: 'Microsoft YaHei';
    text-aligh: center;
    margin-left: 30px;
    color: #0096D6;
    float: left;
}

.lg {
    width: 200px;
    height: 40px;
    line-height: 40px;
    background: url(../../../res/bf/images/zd.png) no-repeat left;
    font-size: 18px;
    font-family: 'Microsoft YaHei';
    text-indent: 2em;
    margin-top: 10px;
    color: #0096D6;
    float: right;
    cursor: pointer;
}

/*CQ12地图弹框滚动条*/
.overflowContent::-webkit-scrollbar {
    width: 0px;
}


.devControlStop {
    width: 178px;
    height: 30px;
    margin: 50px 0 0 15px;
    float: left;
}

.devControlStop .devBtnControlStop {
    width: 40px;
    height: 30px;
    float: left;
    border-style: none;
    background-color: #063;
    line-height: 30px;
    color: #FFF;
    font-size: 14px;
    margin: 0px 5px;
    font-family: 'Microsoft YaHei';
    cursor: pointer;
    border-radius: 10px
}

.devControl {
    width: 178px;
    height: 30px;
    margin: 15px 0 0 0;
    text-align: center;
    float: left;
}

.devControl .devBtnControl {
    width: 40px;
    height: 30px;
    border-style: none;
    background-color: #006633;
    line-height: 30px;
    color: #FFF;
    font-size: 14px;
    margin: 0px 6px;
    font-family: 'Microsoft YaHei';
    cursor: pointer;
    border-radius: 10px
}


/*wangzhongshan 2022/07/08 div悬浮阴影*/
.devBtnControl:hover {
    box-shadow: 0 3px 7px 0 rgb(32, 83, 0); /* 盒子悬浮时阴影 */
}

/*wangzhongshan 2022/07/08 div悬浮阴影*/
.devBtnControlStop:hover {
    box-shadow: 0 3px 7px 0 rgb(32, 83, 0); /* 盒子悬浮时阴影 */
}


.deviceOnlineGreen {
    width: 14px;
    height: 14px;
    background: #03bd4c;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    margin: 10px;
    float: left;
}

.deviceOnlineRed {
    width: 10px;
    height: 10px;
    background: #e03636;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    margin: 10px;
    float: left;
}


.devstu {
    width: 178px;
    height: 30px;
    float: left;
    margin: 10px 0 0 5px;
}

.devstuLine {
    width: 5px;
    height: 30px;
    float: left;
    margin: 0 0 0 10px;
    border-left: 2px solid #FF6600;
}

.devstu .opened {
    width: 10px;
    height: 10px;
    background: #36E07D;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    margin: 10px;
    float: left;
}

.devstu .p2 {
    width: 42px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
    float: left;
    font-weight: bold;
}

.devstu .stoped {
    width: 10px;
    height: 10px;
    background: #F7993B;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    margin: 10px;
    float: left;
}

.devstu .closed {
    width: 10px;
    height: 10px;
    background: #F02C22;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    margin: 10px;
    float: left;
}

.textConStatus {
    width: 100px;
    height: 29px;
    float: left;
    line-height: 30px;
    text-align: center;
    border-bottom: 1px solid #999;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
    font-weight: bold;
    border-bottom: 1px solid #999
}

.devMapCard {
    width: 600px;
    height: 600px;
    position: absolute
}

/*wangzhongshan 2022/07/08 地图卡片*/
.mapCard {
    width: 580px;
    height: 250px;
    margin: 0 auto;
    margin-top: 10px;
    border: 1px solid #cbcbcb;
    border-radius: 10px
}

/*wangzhongshan 2022/07/08 地图控制卡片*/
.mapCardControl {
    width: 178px;
    height: 145px;
    margin: 10px 0 0 10px;
    float: left;
    border: 1px solid #cbcbcb;
    border-radius: 10px
}

/*wangzhongshan 2022/07/08 div悬浮阴影*/
.mapCard:hover {
    box-shadow: 0 10px 20px 0 rgb(194, 194, 194); /* 盒子悬浮时阴影 */
}

/*wangzhongshan 2022/07/08 div悬浮阴影*/
.mapCardControl:hover {
    box-shadow: 0 10px 20px 0 rgb(194, 194, 194); /* 盒子悬浮时阴影 */
}

.collectCard {
    width: 580px;
    height: 40px
}

.collectCardImg {
    float: left
}

.collectCardName {
    float: left;
    margin: 10px 0 0 10px;
    font-weight: bold;
    font-size: 14px;
}

.collectCardLine {
    background-color: #cbcbcb;
    height: 1px;
    border: none
}

.collectCardMsg {
    width: 580px;
    height: 209px;
    overflow: auto;
}

.collectCardValue {
    width: 290px;
    float: left;
    font-size: 18px;
    margin: 20px 0 0 40px
}

.collectCardTime {
    width: 250px;
    float: right;
    font-size: 18px;
    margin: 20px 0 0 0
}

.collectCardNull {
    margin-top: 85px;
    text-align: center;
    font-size: 18px;
    font-weight: bold
}

.controlCard {
    overflow: auto;
    width: 580px;
    height: 315px;
    margin: 0 auto
}