.lui-column-bg[data-v-5dae151c]{position:relative;width:70px;height:100px;margin:20px auto;background-color:transparent;background-color:rgba(0,199,159,.2)}.lui-column-bg[data-v-5dae151c]:before{position:absolute;content:"";display:block;height:20px;width:100%;border-radius:50%;border:3px solid #fff5ee;top:-10.5px;z-index:1;background-color:#c0e2db}.lui-column-bg[data-v-5dae151c]:after{position:absolute;content:"";display:block;height:15px;width:100%;border-radius:50%;bottom:-10px;background-color:#0fc}.lui-inner[data-v-5dae151c]{position:absolute;bottom:0;width:100%;height:50%;background-image:-webkit-gradient(linear,left bottom,left top,from(#0fc),to(#00c79f));background-image:linear-gradient(0deg,#0fc,#00c79f);text-align:center}.lui-inner[data-v-5dae151c]:before{height:20px;background-color:#00c79f;top:-10.5px;z-index:1}.lui-inner[data-v-5dae151c]:after,.lui-inner[data-v-5dae151c]:before{position:absolute;content:"";display:block;width:100%;border-radius:50%}.lui-inner[data-v-5dae151c]:after{height:15px;background-color:#fff;bottom:-10px}.levelDetail .list_wrap{padding:5px}.levelDetail .list_label{margin-right:20px}.levelDetail .list_value{width:70%}.levelDetail .list_btn{margin-left:20px;color:#4a9ff5}.levelDetail .detailWrap{background:#fffefe;margin:10px;padding:10px;border-radius:10px;-webkit-box-shadow:1px 1px 1px 1px #d7d6d6;box-shadow:1px 1px 1px 1px #d7d6d6}.levelDetail .detailWrap .title{font-weight:700;text-align:center}.levelDetail .detailWrap .body_top{display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:1px solid grey}.levelDetail .detailWrap .body_lf,.levelDetail .detailWrap .body_rt{display:inline-block;width:100%;vertical-align:bottom}.levelDetail .detailWrap .body_lf_item{width:49%;margin:5px 0;text-align:left;border:0 solid red;display:inline-block}.levelDetail .detailWrap .body_rt_item{display:inline-block;width:50%;height:130px;text-align:center}.levelDetail .detailWrap .progress{width:15px;height:80%;background:#ccc;position:relative;margin:0 auto}.levelDetail .detailWrap .progress div{width:15px;position:absolute;bottom:0}.levelDetail .monitor_item{background:#637b93;margin:10px;padding-left:10px;height:40px;line-height:40px;border-radius:5px}.warnProgress{background:red!important}.faultProgress{background:rgba(239,199,16,.89)!important}.levelValue{color:#13c2c2}.levelProgress{background:#13c2c2}.cbftValue{color:#04bef3}.cbftProgress{background:#04bef3}.list_wrap{padding:5px}.list_label{display:inline-block;width:130px}.list_value{width:70%}.list_btn{margin-left:20px;color:#4a9ff5}.detailWrap1{background:#fff;margin:10px;padding:10px;min-height:175px;border-radius:5px}.detailWrap1 .title{font-weight:700}.detailWrap1 .body_lf{width:70%}.detailWrap1 .body_lf,.detailWrap1 .body_rt{display:inline-block;height:100px;vertical-align:top}.detailWrap1 .body_rt{width:30%}.detailWrap1 .body_rt_item{display:inline-block;width:100%;height:100px}.detailWrap1 .progress{width:100%;height:10px;background:#ccc;position:relative;margin:0 auto}.detailWrap1 .progress div{height:10px;background:#47afaf;position:absolute;bottom:0}#tubiao{position:absolute;top:20px;right:20px;z-index:99;font-size:30px;background-color:#214667}.monitor_item{background:#637b93;margin:10px;padding-left:10px;height:40px;line-height:40px;border-radius:5px}.warn{color:red}.fault,.warn{font-weight:700;font-size:18px}.fault{color:rgba(239,199,16,.89)}.run{color:#74bb44}.run,.stop{font-weight:700;font-size:18px}.stop{color:#eee}.content{z-index:999;position:absolute;width:270px;top:10%;left:50px;padding-top:5px;padding-left:20px;color:hsla(0,0%,100%,.8);display:none;border:rgba(55,76,75,.9);-webkit-box-shadow:5px 8px 10px #000c17;box-shadow:5px 8px 10px #000c17}.divider{width:60%!important;height:2px;margin:10px 0;opacity:.4}#test{width:99%;height:87vh;display:inline-block;margin-top:0;margin-left:7px;-webkit-box-shadow:3px 6px 8px #000c17;box-shadow:3px 6px 8px #000c17}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:9999}.loading-box,.loading-overlay{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.loading-box{background:rgba(0,0,0,.7);color:#fff;padding:20px;border-radius:8px;font-size:14px}.loading-spinner{border:4px solid hsla(0,0%,100%,.3);border-top:4px solid #fff;border-radius:50%;width:30px;height:30px;margin-right:10px;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}p{margin:0}