@-webkit-keyframes emerge{from{opacity:.3;bottom:-14px}to{opacity:1;bottom:0}}@-moz-keyframes emerge{from{opacity:.3;bottom:-14px}to{opacity:1;bottom:0}}@-ms-keyframes emerge{from{opacity:.3;bottom:-14px}to{opacity:1;bottom:0}}@keyframes emerge{from{opacity:.3;bottom:-14px}to{opacity:1;bottom:0}}#sy .wrapper{margin:10px}div#alertBanner{position:fixed;left:0;right:0;top:40px;margin:0;padding:8px}.navbar-fixed-top{height:38px;background-color:#2285e2;opacity:.97;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;align-items:center}.navbar-fixed-top span.glyphicon-menu-left,.navbar-fixed-top span.logo{margin:10px;font-size:18px;color:#fff;width:40px}.navbar-fixed-top span.logo img{width:30px;height:30px}.navbar-fixed-top h4{color:#fff}.navbar-fixed-top h4 select{margin:auto;border-radius:4px;color:#555;height:29px;padding:3px 12px}.navbar-fixed-top .placeholder,.navbar-fixed-top .saveBtn,.navbar-fixed-top .glyphicon-wrench,.navbar-fixed-top .glyphicon-bell{line-height:1.1;margin:10px;font-size:18px;color:#fff;width:40px;height:20px;text-align:right}#bjMenu1 ul.nav-pills{background-color:#f0f0f0;height:30px}#bjMenu1 ul.nav-pills li{text-align:center;font-size:16px;line-height:30px;height:30px}#bjMenu1 ul.nav-pills li.active{color:#2285e2}#hkmenu1 ul.nav-pills,#menu1 ul.nav-pills{background-color:#f0f0f0;height:60px}#hkmenu1 ul.nav-pills li,#menu1 ul.nav-pills li{text-align:center;font-size:12px}#hkmenu1 ul.nav-pills li.active,#menu1 ul.nav-pills li.active{color:#2285e2}#hkmenu1 ul.nav-pills li img,#menu1 ul.nav-pills li img{width:30px;height:30px;margin:5px}#hkmenu1 ul.nav-pills li div,#menu1 ul.nav-pills li div{height:20px}#hkmenu1 .searchBtn,#menu1 .searchBtn{font-size:28px;position:absolute;top:-43px;right:38px;z-index:20}#menu1>.nav-pills>li{width:20% !important}#hkmenu2,#menu2{margin-top:38px}#hkmenu2 .container,#menu2 .container{margin-top:0}#hkmenu2 .container ul.nav,#menu2 .container ul.nav{background-color:#fff;border-bottom:1px solid #f0f0f0}#hkmenu2 .container ul.nav li.active,#menu2 .container ul.nav li.active{color:#428bca}#hkmenu2 .container ul.nav li.active:before,#menu2 .container ul.nav li.active:before{content:"";position:absolute;z-index:2;left:0;right:0;bottom:0;background:#2098d1;height:2px;width:80%;margin:0 auto}div#chartDiv{margin-bottom:70px}.container{background-color:#f0f0f0}.container>div{background-color:#fff}.cardWrapper{margin-bottom:60px}.cardWrapper div.row{margin-top:3px}.cardWrapper div.row:first-child{margin-top:0}.cardWrapper div.row .leftDiv{text-align:center}.cardWrapper div.row .leftDiv div img{margin-top:20px;width:60px;height:60px}.cardWrapper div.row .leftDiv h5{border-radius:20px;background-color:#28cd6f;text-align:center;height:20px;line-height:20px;color:#f0f0f0;width:80px;margin:10px auto}.cardWrapper div.row .rightDiv{margin:16px auto 0}.cardWrapper div.row .rightDiv dl.dl-horizontal dt{height:26px;text-align:justify;float:left;width:60px;white-space:inherit;clear:left}.cardWrapper div.row .rightDiv dl.dl-horizontal dt span{display:inline-block;padding-left:100%}.cardWrapper div.row .rightDiv dl.dl-horizontal dd{margin-left:15px;float:left}#mc>.nav-pills>li.active:before{content:"";position:absolute;z-index:2;left:0;right:0;bottom:0;background:#2098d1;height:2px}#channelSwitch{height:270px;background:url(../images/hjkz/channelswitch.png) no-repeat;background-size:cover}#channelSwitch .panel{width:190px;height:190px;border-radius:100%;top:5%;position:relative;margin:0 auto;box-shadow:0 12px 31px rgba(123,178,226,0.55)}#channelSwitch .panel .infoPanel{position:relative;top:14%;color:#999;text-align:center;font-size:large}#channelSwitch .panel .lcdShow{font-size:28px;font-weight:bolder;text-align:center;top:22%;position:relative;color:rgba(34,133,226,0.8)}#channelSwitch .panel .flex-container{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-around;font-size:24px;height:60px;line-height:60px;width:65%;margin:0 auto;color:#2285e2;top:28%;position:relative}#channelSwitch .panel .flex-container .flex-item{text-align:center}#channelSwitch .panel .flex-container .flex-item:nth-child(2){font-size:19px;border-radius:100%;color:#fff;width:60px;letter-spacing:4px;background-color:#2285e2}#channelSwitch #slider{top:15%;position:relative;background:#fff;width:260px;border-radius:4px;height:4px;box-shadow:0 2px 4px rgba(123,178,226,0.3);margin:0 auto}#channelSwitch #slider i{position:absolute;color:#2285e2;width:30px;height:30px;border-radius:100%;top:-12px;font-size:30px}#channelSwitch #slider i.addBtn{left:-10px}#channelSwitch #slider i.subtractBtn{right:-10px}#channelSet,#alarmSet{margin-top:38px;margin-bottom:40px}#channelSet dl.dl-horizontal,#alarmSet dl.dl-horizontal{border-bottom:2px solid #f0f0f0;height:62px;margin-bottom:0}#channelSet dl.dl-horizontal dt,#alarmSet dl.dl-horizontal dt{text-align:center}#channelSet dl.dl-horizontal dt span.icon-wrapper,#alarmSet dl.dl-horizontal dt span.icon-wrapper{line-height:60px;position:relative;width:50px;margin:0 auto}#channelSet dl.dl-horizontal dt span.icon-wrapper img,#alarmSet dl.dl-horizontal dt span.icon-wrapper img{width:50px;height:50px}#channelSet dl.dl-horizontal dt span.icon-wrapper span,#alarmSet dl.dl-horizontal dt span.icon-wrapper span{background-color:rgba(33,203,105,0.69);border-radius:100%;width:24px;height:24px;line-height:24px;position:absolute;top:-12px;right:0;color:#fff}#channelSet dl.dl-horizontal dt span.glyphicon-alert,#alarmSet dl.dl-horizontal dt span.glyphicon-alert{width:50px;font-size:24px;line-height:60px;height:100%}#channelSet dl.dl-horizontal dd,#alarmSet dl.dl-horizontal dd{text-align:center;line-height:60px;height:100%}#channelSet dl.dl-horizontal dd input,#alarmSet dl.dl-horizontal dd input{height:24px;line-height:24px;width:95%;border:1px solid rgba(56,49,49,0.19);margin:18px auto}#channelSet dl.dl-horizontal dd span.caret,#alarmSet dl.dl-horizontal dd span.caret{right:24px;top:48%;position:absolute}#channelSet dl.dl-horizontal dd span.glyphicon-trash,#alarmSet dl.dl-horizontal dd span.glyphicon-trash{color:red}#channelSet dl.dl-horizontal dd span.glyphicon-ok,#alarmSet dl.dl-horizontal dd span.glyphicon-ok{color:greenyellow}#channelSet div.infoBottom,#alarmSet div.infoBottom{position:absolute;width:100%;text-align:center;bottom:35px;color:rgba(176,176,176,0.68)}#channelSet #addWrapper,#alarmSet #addWrapper{position:fixed;bottom:80px;width:100%}#channelSet #addWrapper .addButton,#alarmSet #addWrapper .addButton{position:relative;background-color:#39e605;box-shadow:0 5px 11px rgba(98,98,102,0.25);font-size:30px;width:40px;height:40px;line-height:35px;margin:0 auto;text-align:center;color:white;border-radius:100%}#channelSet #addWrapper .emerge,#alarmSet #addWrapper .emerge{-webkit-animation-name:emerge;animation-name:emerge;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#chooseHjkzSet .modal-dialog{width:300px;margin:36% auto 0 auto}#chooseHjkzSet .modal-dialog div.option{height:40px;line-height:40px;text-align:center}#chooseHjkzSet .modal-dialog div.option:first-child{border-bottom:1px solid #f0f0f0}ul.row{margin-left:0;margin-right:0;height:32px;line-height:32px;background-color:#f0f0f0;color:#969696}ul.row li{text-align:center}.modal#checkboxWrapper .modal-dialog{margin:55px}.modal#checkboxWrapper .modal-dialog .modal-header{background-color:#f4f2f2}.modal#checkboxWrapper .modal-dialog .modal-header .modal-title{text-align:center}.modal#checkboxWrapper .modal-dialog .modal-footer{text-align:center}.modal#checkboxWrapper .modal-dialog .modal-footer button.save{width:100%;background-color:#28ce6f;color:#f0f0f0}ul#alarmCheckbox{width:200px;margin:10px auto}ul#alarmCheckbox li{position:relative;padding-bottom:15px;padding-left:40px}ul#alarmCheckbox li .icheckbox_green{top:0;left:0;position:absolute;display:block;padding:0;width:20px;height:20px;background:url(../images/hjkz/green.png) no-repeat 0 0;border:0}ul#alarmCheckbox li .icheckbox_green input{position:absolute;opacity:0}ul#alarmCheckbox li .icheckbox_green ins{position:absolute;top:0;left:0;display:block;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;background:#fff}ul#alarmCheckbox li label{padding-left:16px}ul#alarmCheckbox li.checked div{background-position:-22px 0}ul#alarmCheckbox li.checked label{font-weight:bold;color:#1abc9c}