.content{background:url(../../static/img/bg.eeb41142.png) no-repeat center 0;background-size:100% 100%}.content,.kjcontent{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;min-width:1600px;min-height:800px;width:100%;height:100%;padding:4% 2% 2%;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;-webkit-animation:bg 10s linear infinite;animation:bg 10s linear infinite}.kjcontent{background:url(../../static/img/kj_bg.509c1730.png) no-repeat center 0;background-size:100% 100%}@-webkit-keyframes bg{50%{background-size:110% 110%}}@keyframes bg{50%{background-size:110% 110%}}.stars{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;-webkit-animation:bindingTips 30s linear infinite;animation:bindingTips 30s linear infinite}@-webkit-keyframes bindingTips{0%{opacity:1}10%{opacity:.9}20%{opacity:.8}30%{opacity:.7}40%{opacity:.6}50%{opacity:.5}60%{opacity:.6}70%{opacity:.7}80%{opacity:.8}90%{opacity:.9}to{opacity:1;-webkit-transform:rotate(1turn) skew(1turn,1turn);transform:rotate(1turn) skew(1turn,1turn)}}@keyframes bindingTips{0%{opacity:1}10%{opacity:.9}20%{opacity:.8}30%{opacity:.7}40%{opacity:.6}50%{opacity:.5}60%{opacity:.6}70%{opacity:.7}80%{opacity:.8}90%{opacity:.9}to{opacity:1;-webkit-transform:rotate(1turn) skew(1turn,1turn);transform:rotate(1turn) skew(1turn,1turn)}}.logo{position:absolute;top:6px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:120px;height:50px}.cash{position:fixed;left:0;width:100%}.box{display:-webkit-box;display:-ms-flexbox;display:flex;z-index:10;-ms-flex-wrap:wrap;flex-wrap:wrap;width:30%;color:#fff}.box,.box2{height:100%}.box2{width:36%}.base-wrap,.box2{position:relative}.base-wrap{width:100%;height:400px;margin-top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.dev-img{bottom:0;z-index:10;width:20%}.base,.dev-img{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.base{bottom:-190px;right:0;height:300px}.item{position:relative;width:100%;margin-top:20px;border:1px solid #a1a1a1;background-size:100% 100%;-webkit-box-sizing:border-box;box-sizing:border-box}.wrap{width:100%;height:40%;overflow-y:scroll;float:left}.wrap::-webkit-scrollbar{width:4px;height:0}.wrap::-webkit-scrollbar-thumb{border-radius:10px;background-color:#87ceeb;background-image:-webkit-linear-gradient(45deg,hsla(0,0%,100%,.2) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.2) 0,hsla(0,0%,100%,.2) 75%,transparent 0,transparent)}.wrap::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#ededed;border-radius:10px}.item-icon{position:absolute;z-index:10;width:16px;height:16px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF5GlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjEtMTAtMDhUMTA6MDI6MjcrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIxLTEwLTA4VDEwOjEzOjQ4KzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIxLTEwLTA4VDEwOjEzOjQ4KzA4OjAwIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOmU2Y2FhZGM2LTNhZmItYWE0Yi1hNGE0LTA4NGM1YWJhZmQ2OSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDOTZEMEI1RDI3REIxMUVDQUE2N0IwMThFMEMxNEZGMSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOkM5NkQwQjVEMjdEQjExRUNBQTY3QjAxOEUwQzE0RkYxIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Qzk2RDBCNUEyN0RCMTFFQ0FBNjdCMDE4RTBDMTRGRjEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Qzk2RDBCNUIyN0RCMTFFQ0FBNjdCMDE4RTBDMTRGRjEiLz4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ZTZjYWFkYzYtM2FmYi1hYTRiLWE0YTQtMDg0YzVhYmFmZDY5IiBzdEV2dDp3aGVuPSIyMDIxLTEwLTA4VDEwOjEzOjQ4KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pil3oqkAAAAhSURBVDjLY2Ro+f+fAQEYGUgEjKMGjBowagBtDGCguwEAZYcoP9ECcvwAAAAASUVORK5CYII=) no-repeat center 0}.item-icon1{top:-2px;left:-1px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.item-icon2{top:-2px;right:-1px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.item-icon3{bottom:-2px;left:-1px}.item-icon4{bottom:-2px;right:-1px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.item-tit{position:relative;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:50px;text-align:center}.con-wrap,.item-tit{display:-webkit-box;display:-ms-flexbox;display:flex}.con-wrap{top:50px;bottom:0;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:justify;align-content:space-between}.con-wrap,.tit-bg{position:absolute;left:0;right:0}.tit-bg{top:0;width:100%;height:100%;opacity:.1}.tit{margin:0 20px;font-size:18px}.tit-icon{width:16%}.con-tit{padding-left:10px;margin-bottom:10px;border-left:4px solid #0084fe}.state-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:distribute;align-content:space-around;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 40px;-webkit-box-sizing:border-box;box-sizing:border-box}.state-item{width:100%}.state-icon{width:50px;height:40px;margin:0 auto;text-align:center;line-height:40px;font-size:12px;overflow:hidden;white-space:nowrap}.filterProject{-webkit-animation:wordsLoop 4s linear infinite normal;animation:wordsLoop 4s linear infinite normal}@-webkit-keyframes wordsLoop{0%{text-indent:4em}to{text-indent:-16em}}@keyframes wordsLoop{0%{text-indent:4em}to{text-indent:-16em}}.state-txt{text-align:center}.filter-state,.state-bottom,.state-top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.filter-state{margin-bottom:4px}.filter-tit,.filter-txt{width:25%;white-space:nowrap;font-size:12px}.filterActive{-webkit-animation:move 3s linear infinite alternate;animation:move 3s linear infinite alternate}@-webkit-keyframes move{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(-50%);transform:translate(-50%)}}@keyframes move{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(-50%);transform:translate(-50%)}}.filter-con{display:-webkit-box;display:-ms-flexbox;display:flex;width:75%}.water-state{width:25%;padding:10px;border:1px solid #0084fe;text-align:center}.water-tit{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.water-tit,.water-tit span{font-size:12px}.water-con{font-size:20px}.water-temperature{color:#0084fe}.el-progress__text{color:#fff}.control-wrap{-ms-flex-line-pack:distribute;align-content:space-around;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:10px 20px}.control-item,.control-wrap{display:-webkit-box;display:-ms-flexbox;display:flex}.control-item{-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.control-tit{width:20%;text-align:right;overflow:hidden}.control-con{margin-left:20px}.switch{border-radius:20px;background-color:#41527d}.switch-item{display:inline-block;width:30px;padding:4px 10px;border-radius:20px;text-align:center}.switchActive{background-image:-webkit-gradient(linear,left top,left bottom,from(#01bdfe),to(#0087fe));background-image:linear-gradient(#01bdfe,#0087fe)}.tips{position:absolute;top:50%;left:0;right:0;text-align:center}#setTime{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:60%}.setTime-item{width:40%;-webkit-box-sizing:border-box;box-sizing:border-box}.to{padding:0 10px}#setTime .setTime-item .setTime{width:100%}#setTime .setTime-item .setTime .el-input__inner{padding:0;text-align:center}.set{width:10%;border-radius:40px;background-image:-webkit-gradient(linear,left top,left bottom,from(#01bdfe),to(#0087fe));background-image:linear-gradient(#01bdfe,#0087fe);text-align:center}#setWeek .checkboxItem .el-checkbox-button__inner,.set{padding:4px 10px}.item2{position:absolute;left:0;bottom:0;right:0;width:100%;border:1px solid #a1a1a1;background-size:100% 100%;color:#fff}.basics-wrap{-ms-flex-line-pack:distribute;align-content:space-around;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 20px}.basics-item,.basics-wrap{display:-webkit-box;display:-ms-flexbox;display:flex}.basics-item{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;padding:10px 0;border-bottom:1px solid #032e7e}.basics-item span{color:#4ff7ff}.basics-left,.basics-right{width:50%}.basics-wrap{height:160px;padding-bottom:20px}.basics-wrap,.con-item{-webkit-box-sizing:border-box;box-sizing:border-box}.con-item{position:relative;width:100%;height:25%;padding:10px 20px;overflow:hidden}.echarts-tit{position:absolute;left:20px;top:10px}.echarts-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;-ms-flex-pack:distribute;justify-content:space-around;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box}