.swblock {
     margin:15px;
     padding:10px;
     background:#f8f8f8;
     border:1px solid #ebebeb;
     overflow:hidden;
}
 .swpopmodal {
     width:420px;
     height:400px;
     display:none;
     border:0px solid #656565;
     -moz-border-radius: 10px;
     -webkit-border-radius: 10px;
     border-radius: 10px;
    /* future proofing */
     -khtml-border-radius: 10px;
    /* for old Konqueror browsers */
}
 * {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
 .itMsg {
     cursor:pointer;
     text-align:left;
     width:100%;
     height:100%;
     line-height:100%;
     margin-top:4px;
     margin-bottom:4px;
    /*overflow:hidden;
     */
     word-wrap:break-word;
}
 .itInput{
     border-width: 1px;
     border-style: solid;
     border-color: #b0b0b0;
     font-size: 13px;
}
 .itInput:focus{
     border-width: 1px;
     border-style: solid;
     border-color: #c60000;
}
 .buttonbase:visited {
     color: #666;
}
 .buttonbase:hover, .buttonbase:focus {
     background-color: #f6f6f6;
     text-decoration: none;
     outline: none;
}
 .buttonbase:active, .buttonbase.active, .buttonbase.is-active {
    /* text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
     */
     text-decoration: none;
     background-color: #eeeeee;
     border-color: #cfcfcf;
     color: #d4d4d4;
     -webkit-transition-duration: 0s;
     transition-duration: 0s;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .buttonbase.disabled, .buttonbase.is-disabled, .buttonbase:disabled {
     top: 0 !important;
     background: #EEE !important;
     border: 1px solid #DDD !important;
     text-shadow: 0 1px 1px white !important;
     color: #CCC !important;
     cursor: default !important;
     appearance: none !important;
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
     opacity: .8 !important;
}
 .button-primary, .button-primary-flat {
     background-color: #1B9AF7;
     border-color: #1B9AF7;
     border:none;
     color: #FFF;
     border-radius: 4px;
     height:26px;
     width:120px 
}
 .button-primary:visited, .button-primary-flat:visited {
     color: #1aaFFF;
}
 .button-primary:hover, .button-primary:focus, .button-primary-flat:hover, .button-primary-flat:focus {
     background-color: #4cb0f9;
     border-color: #4cb0f9;
     color: #ffffff;
}
 .button-primary:active, .button-primary.active, .button-primary.is-active, .button-primary-flat:active, .button-primary-flat.active, .button-primary-flat.is-active {
     background-color: #2798eb;
     border-color: #2798eb;
     color: #0880d7;
}
 .button-bd{
     background-color: rgba(198,0,0,1);
     border-color: rgba(255,255,255,.5);
     color: #ffffff;
     border-radius: 10px;
     height: 26px;
     line-height: 26px;
     width: 100px;
     margin-top: -2px;
}
 .button-bd:visited{
     color: #c60000;
}
 .button-bd:hover, .button-bd:focus{
     background-color: rgba(255,0,0,.9);
     border-color: #ffffff;
     color: #f8f8f8;
}
 .button-bd:active, .button-bd.active, .button-bd.is-active {
     background-color: rgba(255,255,255,.6);
     border-color: #ffffff;
     color: #fabbbb;
}
.popover{position:absolute;top:0;left:0;z-index:991060;display:none;max-width:366px;padding:1px;font-family:"Microsoft Yahei",Helvetica,Arial,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid rgba(160,160,160,.1);border-radius:6px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 5px rgba(0,0,0,.1);line-break:auto}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{padding:8px 14px;margin:0;font-size:12px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}

#fullPage{
	display: none;
	background: black;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 19930428;
}
#fullPage img{
	display: block;
	width: 100%;
}
#canvas_img{
	width: 100%;
	height: 100%;
	background: none;
	display: block;
}

.JSwitch input{display:none;}
.JSwitch label {width: 32px;background: #CCC;height: 18px;border-radius: 10px;float: right;cursor: pointer;margin: 0px 10px 0 0;box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;}
.JSwitch label em {width: 16px;height: 16px;float: left;margin: 1px;border-radius: 8px;box-shadow: 1px 2px 2px rgba(0,0,0,.1);background: #FFF;transition: 0.1s;	}		
.JSwitch input:checked + label {background: #ff6060; /*#a4d714;*/}
.JSwitch input:checked + label em {margin: 1px 1px 1px 15px;}
.JSwitch input:disabled + label {opacity: 0.5;}
.JSwitch-big{line-height:24px !important;}
.JSwitch-big label{width:48px;height:24px;border-radius:22px;}
.JSwitch-big input:checked + label em {margin: 1px 1px 1px 25px;}
.JSwitch-big label em {width:22px;height:22px;border-radius:11px;}

.JSwitch-m label em{width:18px;height:18px;border-radius: 9px;}
.JSwitch-m input:checked + label em {margin: 1px 1px 1px 19px;}
.JSwitch-m label {width: 38px;height: 20px;border-radius: 10px;}

.j-list{z-index:9999 !important;}
.j-list .x-show-selection > .x-listitem.x-selected,.j-list .x-show-selection > .x-listitem.x-hovered {
    background-color: #f8f8f8;
    border-color: #f0f0f0;
}
.j-list .x-listitem-tool-dock > .x-inner-el{width:100%;}
.j-list .x-listitem-inner-el{padding: 8px 16px;}
.j-list-big .x-listitem-inner-el{padding: 14px 8px !important;}
.j-list .x-innerhtml{width:100%;}
.j-list img{vertical-align: middle;margin-left:4px;margin-top:-2px;}
.j-list .JSwitch label {margin:0 0 0 0}
.j-list-round{border-radius: 10px;}
.j-list-card{background-color: #f0f0f0;}
.j-list-card .x-listitem{background-color: #f0f0f0;}
.j-list-card .x-listitem-body-el{border-radius: 8px;margin: 2px 6px;background-color:white;}
.j-richlist img{vertical-align: baseline;width:50px}
.j-richlist .right{display:inline-block;margin-left:20px;margin-top:4px;}
.j-richlist .right .title{font-weight:bold;font-size:16px;}
.j-richlist .right .desc{height:32px;line-height:44px;width:200px;word-break:break-all;word-wrap:break-word;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#808080;}
.j-recstat-on{color:#fff;display:inline;background-color:rgba(255,0,0,0.5);padding:2px 6px;}
.j-recstat-off{color:#fff;display:inline;background-color:rgba(0,0,0,0.5);padding:2px 6px;}

        .alarmnum{
            margin: 0 auto;
            padding: 0;
            overflow: hidden;
            height: 31px;
            line-height: 30px;
            text-align: center;
        /*    font-weight: bold; */
            position: relative;
    background-color: rgb(255, 80, 80);
    border-radius: 6px;
    color: white;
        }
        .alarmnum>li{
            list-style: none;
            width: 30px;
            float: left;
            position: absolute;
margin-left:0px !important;
font-family: 'electronicFont';
        }

@font-face { font-family:'electronicFont'; src: url("../font/DS-DIGIT.TTF"); }

.alarm_line{
	width: 100%;
	height: 20px;
	overflow: hidden;
	margin-bottom: 20px;
	margin-top: 0px;
	margin-left: 0px;
padding-inline-start: 0px;
text-align: center;
} 
.alarm_line li{height:20px;text-indent:0px; font-size:12px; line-height:20px;list-style:none;color:#f0f0f0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} 

 .j-lightalarm {
      width: 24px;
      height: 24px;
      position: absolute;
      margin: 6px;
      color: #ff0000;
      animation: lightalarm .2s infinite;
      animation-direction: alternate;
      animation-timing-function: ease-in-out;
    }
@keyframes lightalarm {
  from {
   margin: 6px;
   font-size: 12px;
  }
  to {
  margin: 0px;
   font-size: 24px;
  }
}

.timebox ul,.timebox li{list-style: none;margin: 0;padding: 0;}.clearFix:after{content: '';display: block;clear: both;}.timebox{width: 1166px;margin: 1px auto;margin-bottom: 4px;}.topSquareBox .leftSquareY{float: left;height: 10px;margin-left: 4px;}.topSquareBox .leftSquareY li{height: 21px;line-height: 22px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color:#333;font-size: 12px;border-bottom: 1px solid transparent;}.rightWrap{margin-left: 4px;}.topSquareX li{float: left;line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color:#333;font-size: 12px;}.bottomSquareX{border:1px solid #c6c9cc;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}.bottomSquareX .row + .row{border-top:1px solid #c6c9cc;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}.bottomSquareX .rowList li.red{border-right: 1px solid #ff0000;}.bottomSquareX .rowList li{float: left;height: 20px;background: #fff;border-right: 1px solid #c6c9cc;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;cursor: pointer;}.bottomSquareX .rowList li:last-child{border-right: none;}.bottomSquareX .rowList li.rightLine{border-right: 1px solid #ff0000;}.bottomBox{margin-top: 5px;}.bottomBox .totalText{float: left;height: 30px;line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color:#333;font-size: 12px;font-weight: bold;}.bottomBox .totalSquareX{float: right;border: 1px solid #c6c9cc;}.bottomBox .totalSquareX li{float: left;height: 30px;background:#fff;border-right: 1px solid #c6c9cc;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;cursor: pointer;}.bottomBox .totalSquareX li:last-child{border-right: none;}.bottomBox .totalSquareX li.select, .bottomSquareX .rowList li.select{background: #26e403;border-right: 1px solid #26e403;}
.dot-pulse{position:relative;left:-9999px;width:8px;height:8px;border-radius:5px;background-color:#606060;color:#606060;box-shadow:9984px 0 0 0 #606060,9999px 0 0 0 #606060,10014px 0 0 0 #606060;animation:dotPulse 1.5s infinite linear }@keyframes dotPulse{0%{box-shadow:9984px 0 0 -5px #606060,9999px 0 0 0 #606060,10014px 0 0 2px #606060 }25%{box-shadow:9984px 0 0 0 #606060,9999px 0 0 2px #606060,10014px 0 0 0 #606060 }50%{box-shadow:9984px 0 0 2px #606060,9999px 0 0 0 #606060,10014px 0 0 -5px #606060 }75%{box-shadow:9984px 0 0 0 #606060,9999px 0 0 -5px #606060,10014px 0 0 0 #606060 }100%{box-shadow:9984px 0 0 -5px #606060,9999px 0 0 0 #606060,10014px 0 0 2px #606060 }}
 .mask-layer * {padding: 0;margin: 0;box-sizing: border-box;}.mask-layer {position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 202020;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}.mask-layer .mask-layer-close {position: absolute;top: 20px;right: 20px;width: 32px;height: 32px;background: url(./closeicon.png) no-repeat center center;background-size: cover;cursor: pointer;}.mask-layer-black {width: 100%;height: 100%;background: #000;opacity: .75;position: absolute;top: 0;left: 0;}.mask-layer-container {width: 100%;height: 100%;position: relative;}.mask-layer-container .small-content {width: 630px;height: 80px;position: absolute;left: 50%;transform: translate(-50%);transform: translate(-50%);-webkit-transform: translate(-50%);-moz-transform: translate(-50%);-ms-transform: translate(-50%);-o-transform: translate(-50%);bottom: 0;overflow: hidden;}.small-content .small-img-box {position: relative;top: 0;height: 100%;background: rgba(0, 0, 0, 0.7);display: flex;}.small-img-box .mask-small-img {width: 100px;height: 100px;border: 2px solid transparent;margin: 0 5px 0 0;opacity: 0.4;cursor: pointer;}.small-img-box .mask-small-img.onthis {border: 2px solid #1e9fff;opacity: 1;}.small-content .box-go-left {position: absolute;width: 20px;display: block;text-align: center;left: 0px;bottom: 0;height: 80px;background: url(./left_img.png) no-repeat center;background-size: 20px;background-color: rgba(0, 0, 0, 0.3);cursor: pointer;}.small-content .box-go-right {position: absolute;width: 20px;display: block;text-align: center;right: 0px;bottom: 0;height: 80px;background: url(./right_img.png) no-repeat center;background-size: 20px;background-color: rgba(0, 0, 0, 0.3);cursor: pointer;}.small-content .box-go-left:hover, .small-content .box-go-right:hover {cursor: pointer;background-color: rgba(0, 0, 0, 0.8);background-size: 24px;}.mask-layer-container .img-pre {width: 100px;height: 100px;border-radius: 100%;position: absolute;left: 20px;top: 50%;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-moz-transform: translate(0, -50%);-ms-transform: translate(0, -50%);-o-transform: translate(0, -50%);background: url(./prev.png) no-repeat center center;cursor: pointer;}.mask-layer-container .img-pre:hover {background: url(./prev_h.png) no-repeat center center;background-color: rgba(0, 0, 0, 0.3);}.mask-layer-container .img-next {width: 100px;height: 100px;position: absolute;border-radius: 100%;cursor: pointer;background: url(./next.png) no-repeat center center;right: 20px;top: 50%;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-moz-transform: translate(0, -50%);-ms-transform: translate(0, -50%);-o-transform: translate(0, -50%);}.mask-layer-container .img-next:hover {background: url(./next_h.png) no-repeat center center;background-color: rgba(0, 0, 0, 0.3);}.mask-layer-container .mask-layer-imgbox {width: 100%;height: 100%;overflow: hidden;position: relative;}.mask-layer-container .mask-layer-imgbox.has-small {height: 100%;}.mask-layer-imgbox .mask-layer-imgName {z-index: 999;position: absolute;bottom: 80px;left: 50%;transform: translate(-50%);-webkit-transform: translate(-50%);-moz-transform: translate(-50%);-ms-transform: translate(-50%);-o-transform: translate(-50%);height: 30px;line-height: 30px;width: 630px;color: #ffffff;background: rgba(0, 0, 0, 0.3);transition: all linear 0.3s;text-align: center;display:none;}.mask-layer-imgbox:hover .mask-layer-imgName {display:block;}.mask-layer-imgbox .layer-img-box {position: relative;width: 100%;height: 100%;}.layer-img-box>p{position: absolute;transform-origin: center;-webkit-transform-origin: center;-moz-transform-origin: center;-ms-transform-origin: center;-o-transform-origin: center;width: 100%;height: 100%;-webkit-margin-before: 0;-webkit-margin-after: 0;cursor: move;left: 0;top: 0;}.mask-layer-imgbox .layer-img-box img {position: absolute;max-width: 100%;max-height: 100%;left: 50%;top: 50%;transform: translate(-50%, -50%) scale(1);-webkit-transform: translate(-50%, -50%) scale(1);-moz-transform: translate(-50%, -50%) scale(1);-ms-transform: translate(-50%, -50%) scale(1);-o-transform: translate(-50%, -50%) scale(1);}.mask-layer-imgbox .layer-img-box img:hover {cursor: move;}.zoomImg{}.zoomImg-hide-box {display: none !important;}.mask-layer .contextmenu {list-style: none;display: none;position: absolute;width: 180px;background: #FFFFFF;border-radius: 5px;z-index: 99;border: 1px solid #333;}.mask-layer .contextmenu li {transition: ease 0.3s;}.mask-layer .contextmenu li:hover {background: #333333;}.mask-layer .contextmenu li>a {display: block;padding: 10px 10px 10px 35px;color: #000000;text-decoration: none;transition: ease 0.3s;}.mask-layer .contextmenu li>a.clockwise{background: url(./right_rotate.png) no-repeat left 5px center;background-size:24px 24px ;}.contextmenu li>a.clockwise:hover{background: url(./right_rotate_h.png) no-repeat left 5px center;background-size:24px 24px ;}.mask-layer .contextmenu li>a.counterClockwise{background: url(./left_rotate.png) no-repeat left 5px center;background-size:24px 24px ;}.contextmenu li>a.counterClockwise:hover{background: url(./left_rotate_h.png) no-repeat left 5px center;background-size:24px 24px ;}.mask-layer .contextmenu li>a.downimg{background: url(./down.png) no-repeat left 5px center;background-size:24px 24px ;}.contextmenu li>a.downimg:hover{background: url(./down_h.png) no-repeat left 5px center;background-size:24px 24px ;}.mask-layer .contextmenu li:hover>a {color: #FFFFFF;}.mask-layer .contextmenu .menu-parend:hover .menu-child {display: block;}