@font-face{font-family:mokuaiXi;src:url(../fonts/模块内容细字体.7d731481.ttf)}@font-face{font-family:mokuaiTitile;src:url(../fonts/模块标题字体粗.07c596ce.ttf)}@font-face{font-family:Title;src:url(../fonts/大屏标题字体.5826f736.ttf)}@font-face{font-family:number;src:url(../fonts/数字字体.38e02587.ttf)}@font-face{font-family:number2;src:url(../fonts/数字字体二号.e7c99e7b.ttf)}.page-wrapper[data-v-33f0eb22]{width:100vw;height:100vh;position:relative;overflow:hidden;background:linear-gradient(180deg,#0a3f3f 0,#1a4f4f);box-sizing:border-box}.page-wrapper [data-v-33f0eb22]{box-sizing:border-box}.leftBgc[data-v-33f0eb22]{left:0;background:url(../img/left.7d0aa897.png) no-repeat 50%;background-size:100% 100%}.leftBgc[data-v-33f0eb22],.rightBgc[data-v-33f0eb22]{position:absolute;top:50%;transform:translateY(-50%);width:2vw;height:68vh;z-index:8;pointer-events:none}.rightBgc[data-v-33f0eb22]{right:0;background:url(../img/right.795ab683.png) no-repeat 50%;background-size:100% 100%}.bottomBgc[data-v-33f0eb22]{position:absolute;bottom:0;left:0;width:100%;height:2.7vh;background:url(../img/bottom.8d05f4bc.png) no-repeat 50%;background-size:100% 100%;z-index:8;pointer-events:none}.three-column-container[data-v-33f0eb22]{display:flex;height:88.7vh;background:transparent;padding:.08333rem;padding-left:calc(2vw + .08333rem);padding-right:calc(2vw + .08333rem);box-sizing:border-box;gap:.08333rem;position:relative;z-index:9}.left-panel[data-v-33f0eb22]{width:1.66667rem;min-width:1.45833rem;box-shadow:0 .01042rem .04167rem rgba(0,0,0,.3);flex-direction:column}.center-panel[data-v-33f0eb22],.left-panel[data-v-33f0eb22]{background:rgba(10,40,40,.8);border:.00521rem solid rgba(64,255,200,.3);border-radius:.04167rem;backdrop-filter:blur(.02604rem);display:flex;overflow:hidden}.center-panel[data-v-33f0eb22]{flex:1;box-shadow:0 .01042rem .0625rem rgba(0,0,0,.3);flex-direction:column}.right-panel[data-v-33f0eb22]{width:1.875rem;min-width:1.66667rem;background:rgba(10,40,40,.8);border:.00521rem solid rgba(64,255,200,.3);border-radius:.04167rem;box-shadow:0 .01042rem .0625rem rgba(0,0,0,.3);backdrop-filter:blur(.02604rem);display:flex;flex-direction:column;overflow:hidden}.panel-header[data-v-33f0eb22]{display:flex;justify-content:space-between;align-items:center;padding:.08333rem;border-bottom:.00521rem solid rgba(64,255,200,.3);background:linear-gradient(135deg,rgba(64,255,200,.3),rgba(24,200,150,.3))}.panel-title[data-v-33f0eb22]{font-size:.08333rem;font-weight:600;color:#c3fffc;text-shadow:0 0 .05208rem rgba(64,255,200,.5)}.panel-header .el-button[data-v-33f0eb22]{background:rgba(64,255,200,.2);border-color:rgba(64,255,200,.3);color:#c3fffc}.panel-header .el-button[data-v-33f0eb22]:hover{background:rgba(64,255,200,.3);border-color:#40ffc8}.search-area[data-v-33f0eb22]{padding:.0625rem;border-bottom:.00521rem solid rgba(64,255,200,.3);display:flex;flex-direction:column;gap:.04167rem}.search-btns[data-v-33f0eb22]{display:flex;gap:.04167rem}.search-btns .el-button[data-v-33f0eb22]{flex:1}.search-area[data-v-33f0eb22] .el-input__inner{background:rgba(0,0,0,.3);border-color:rgba(64,255,200,.3);color:#c3fffc}.search-area[data-v-33f0eb22] .el-input__inner::placeholder{color:rgba(195,255,252,.5)}.search-area[data-v-33f0eb22] .el-input__inner:focus{border-color:#40ffc8}.device-list[data-v-33f0eb22]{flex:1;overflow-y:auto;padding:.04167rem}.device-item[data-v-33f0eb22]{display:flex;justify-content:space-between;align-items:center;padding:.0625rem;margin-bottom:.04167rem;background:rgba(0,0,0,.3);border-radius:.03125rem;cursor:pointer;transition:all .2s;border:.01042rem solid rgba(64,255,200,.2)}.device-item[data-v-33f0eb22]:hover{background:rgba(64,255,200,.1);border-color:rgba(64,255,200,.5)}.device-item.active[data-v-33f0eb22]{background:rgba(64,255,200,.2);border-color:#40ffc8}.device-info[data-v-33f0eb22]{flex:1;overflow:hidden}.device-name[data-v-33f0eb22]{font-size:.07292rem;font-weight:500;color:#c3fffc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-num[data-v-33f0eb22]{font-size:.0625rem;color:rgba(195,255,252,.7);margin-top:.02083rem}.device-status[data-v-33f0eb22]{display:flex;align-items:center;gap:.02083rem}.status-dot[data-v-33f0eb22]{width:.04167rem;height:.04167rem;border-radius:50%}.status-dot.online[data-v-33f0eb22]{background:#52c41a;box-shadow:0 0 .03125rem #52c41a}.status-dot.offline[data-v-33f0eb22]{background:#f56c6c;box-shadow:0 0 .03125rem #f56c6c}.status-text[data-v-33f0eb22]{font-size:.0625rem;color:rgba(195,255,252,.7)}.no-data[data-v-33f0eb22]{text-align:center;color:rgba(195,255,252,.5);padding:.20833rem 0}.list-pagination[data-v-33f0eb22]{padding:.0625rem;border-top:.00521rem solid rgba(64,255,200,.3);display:flex;justify-content:center}.map-container[data-v-33f0eb22]{flex:1;min-height:2.08333rem}.detail-content[data-v-33f0eb22]{flex:1;overflow-y:auto;padding:.08333rem}.detail-content[data-v-33f0eb22] .el-form-item__label{color:#c3fffc}.detail-content[data-v-33f0eb22] .el-input__inner,.detail-content[data-v-33f0eb22] .el-textarea__inner{background:rgba(0,0,0,.3);border-color:rgba(64,255,200,.3);color:#c3fffc}.detail-content[data-v-33f0eb22] .el-input__inner:focus,.detail-content[data-v-33f0eb22] .el-textarea__inner:focus{border-color:#40ffc8}.detail-content[data-v-33f0eb22] .el-input.is-disabled .el-input__inner{background:rgba(0,0,0,.2);color:rgba(195,255,252,.5)}.detail-content[data-v-33f0eb22] .el-select .el-input__inner{background:rgba(0,0,0,.3);border-color:rgba(64,255,200,.3);color:#c3fffc}.no-selection[data-v-33f0eb22]{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;color:rgba(195,255,252,.5)}.no-selection i[data-v-33f0eb22]{font-size:.25rem;margin-bottom:.08333rem}.no-selection p[data-v-33f0eb22]{font-size:.07292rem}.btn-group[data-v-33f0eb22]{margin-top:.10417rem;padding-top:.08333rem;border-top:.00521rem solid rgba(64,255,200,.3)}.btn-group[data-v-33f0eb22] .el-form-item__content{display:flex;gap:.04167rem;flex-wrap:wrap}.detail-content[data-v-33f0eb22]::-webkit-scrollbar,.device-list[data-v-33f0eb22]::-webkit-scrollbar{width:.03125rem;height:.03125rem}.detail-content[data-v-33f0eb22]::-webkit-scrollbar-thumb,.device-list[data-v-33f0eb22]::-webkit-scrollbar-thumb{background:rgba(64,255,200,.3);border-radius:.01563rem}.detail-content[data-v-33f0eb22]::-webkit-scrollbar-thumb:hover,.device-list[data-v-33f0eb22]::-webkit-scrollbar-thumb:hover{background:rgba(64,255,200,.5)}.detail-content[data-v-33f0eb22]::-webkit-scrollbar-track,.device-list[data-v-33f0eb22]::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:.01563rem}.list-pagination[data-v-33f0eb22] .el-pagination{display:flex;justify-content:center}.list-pagination[data-v-33f0eb22] .el-pager li,.list-pagination[data-v-33f0eb22] .el-pagination button{background:rgba(0,0,0,.3);border:.00521rem solid rgba(64,255,200,.3);color:#c3fffc}.list-pagination[data-v-33f0eb22] .el-pager li:hover,.list-pagination[data-v-33f0eb22] .el-pagination button:hover{background:rgba(64,255,200,.2);border-color:#40ffc8}.list-pagination[data-v-33f0eb22] .el-pager li.active{background:rgba(64,255,200,.3);border-color:#40ffc8;color:#fff}.list-pagination[data-v-33f0eb22] .el-pagination button:disabled{background:rgba(0,0,0,.2);border-color:rgba(64,255,200,.1);color:rgba(195,255,252,.3)}[data-v-33f0eb22] .device-dialog{border-radius:.0625rem!important;box-shadow:0 .10417rem .3125rem rgba(0,0,0,.15)!important;overflow:hidden!important}[data-v-33f0eb22] .device-dialog .el-dialog__header{background:linear-gradient(135deg,#409eff,#1890ff)!important;padding:.10417rem .125rem!important;margin:0!important;border-bottom:none!important}[data-v-33f0eb22] .device-dialog .el-dialog__title{color:#fff!important;font-size:.09375rem!important;font-weight:600!important;letter-spacing:.0026rem!important}[data-v-33f0eb22] .device-dialog .el-dialog__headerbtn{top:.10417rem!important;right:.10417rem!important}[data-v-33f0eb22] .device-dialog .el-dialog__close{color:#fff!important;font-size:.10417rem!important;font-weight:700!important}[data-v-33f0eb22] .device-dialog .el-dialog__close:hover{color:#f0f0f0!important}[data-v-33f0eb22] .device-dialog .el-dialog__body{padding:.10417rem!important;background:#fff!important;max-height:80vh!important;overflow-y:auto!important;overflow-x:hidden!important}.formContainter[data-v-33f0eb22]{background:transparent!important;border-radius:0!important;padding:0!important;padding-bottom:.3125rem!important;box-shadow:none!important;position:relative!important}[data-v-33f0eb22] .device-dialog .el-form-item{margin-bottom:.0625rem!important;transition:all .3s ease!important}[data-v-33f0eb22] .device-dialog .el-form-item__label{color:#2c3e50!important;font-weight:500!important;font-size:.07292rem!important;line-height:.1875rem!important;padding:0 .0625rem 0 0!important;white-space:nowrap!important;overflow:visible!important;text-align:right!important}[data-v-33f0eb22] .device-dialog .el-form-item__content{line-height:.1875rem!important}[data-v-33f0eb22] .device-dialog .el-input__inner{border:.00521rem solid #dcdfe6!important;border-radius:.02083rem!important;padding:0 .05208rem!important;font-size:.07292rem!important;height:.1875rem!important;line-height:.1875rem!important;transition:all .3s ease!important;background:#fff!important}[data-v-33f0eb22] .device-dialog .el-input__inner:focus{border-color:#409eff!important;box-shadow:0 0 0 .01042rem rgba(64,158,255,.1)!important}[data-v-33f0eb22] .device-dialog .el-input__inner:hover{border-color:#c0c4cc!important}[data-v-33f0eb22] .device-dialog .el-select .el-input__inner{cursor:pointer!important}[data-v-33f0eb22] .device-dialog .el-select .el-input__suffix{color:#909399!important}[data-v-33f0eb22] .device-dialog .el-date-editor{width:100%!important}[data-v-33f0eb22] .device-dialog .el-date-editor .el-input__prefix{left:.05208rem!important;color:#c0c4cc!important}[data-v-33f0eb22] .device-dialog .el-date-editor .el-input__inner{padding-left:.18229rem!important;cursor:pointer!important}[data-v-33f0eb22] .device-dialog .el-textarea__inner{border:.00521rem solid #dcdfe6!important;border-radius:.02083rem!important;padding:.04167rem .05208rem!important;font-size:.07292rem!important;line-height:1.5!important;resize:none!important;transition:all .3s ease!important;background:#fff!important}[data-v-33f0eb22] .device-dialog .el-textarea__inner:focus{border-color:#409eff!important;box-shadow:0 0 0 .01042rem rgba(64,158,255,.1)!important}[data-v-33f0eb22] .device-dialog .el-textarea__inner:hover{border-color:#c0c4cc!important}.device-dialog .formContainter[data-v-33f0eb22] .mapBox{height:1.5625rem!important;margin:0!important;border-radius:.02083rem!important;overflow:hidden!important;border:.00521rem solid #dcdfe6!important}[data-v-33f0eb22] .device-dialog .el-form-item:last-child{margin-bottom:0!important;padding:.08333rem 0!important;border-top:.00521rem solid #ebeef5!important;text-align:center!important;background:#fff!important;position:sticky!important;bottom:0!important;left:0!important;right:0!important;z-index:10!important;margin-left:-.10417rem!important;margin-right:-.10417rem!important;margin-top:.10417rem!important;padding-left:.10417rem!important;padding-right:.10417rem!important;box-shadow:0 -.01042rem .04167rem rgba(0,0,0,.05)!important}[data-v-33f0eb22] .device-dialog .el-form-item:last-child .el-form-item__content{display:flex!important;justify-content:center!important;align-items:center!important;margin-left:0!important}[data-v-33f0eb22] .device-dialog .el-button{padding:0 .125rem!important;font-size:.07292rem!important;font-weight:500!important;border-radius:.02083rem!important;margin:0 .04167rem!important;transition:all .3s ease!important;min-width:.52083rem!important;height:.19792rem!important;line-height:.19792rem!important}[data-v-33f0eb22] .device-dialog .el-button--primary{background:linear-gradient(135deg,#409eff,#1890ff)!important;border:none!important;box-shadow:0 .01042rem .04167rem rgba(64,158,255,.25)!important}[data-v-33f0eb22] .device-dialog .el-button--primary:hover{transform:translateY(-.00521rem)!important;box-shadow:0 .02083rem .0625rem rgba(64,158,255,.35)!important}[data-v-33f0eb22] .device-dialog .el-button--default{background:#fff!important;border:.00521rem solid #dcdfe6!important;color:#606266!important}[data-v-33f0eb22] .device-dialog .el-button--default:hover{border-color:#c0c4cc!important;color:#409eff!important}.device-data-static[data-v-33f0eb22]{width:100%;height:.125rem;overflow:hidden;position:relative;background:transparent;cursor:pointer;border-radius:.02083rem;padding:0 .02083rem;box-sizing:border-box}.device-data-static[data-v-33f0eb22]:hover{background-color:#f5f7fa}.device-data-static .device-data-text[data-v-33f0eb22]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;font-size:.07292rem;line-height:.125rem;color:#606266;width:100%}[data-v-33f0eb22] .device-dialog .el-row{margin-left:-.05208rem!important;margin-right:-.05208rem!important}[data-v-33f0eb22] .device-dialog .el-col{padding-left:.05208rem!important;padding-right:.05208rem!important}[data-v-33f0eb22] .device-dialog .el-dialog__body::-webkit-scrollbar{width:.03125rem!important}[data-v-33f0eb22] .device-dialog .el-dialog__body::-webkit-scrollbar-track{background:#f1f1f1!important;border-radius:.01563rem!important}[data-v-33f0eb22] .device-dialog .el-dialog__body::-webkit-scrollbar-thumb{background:#c1c1c1!important;border-radius:.01563rem!important}[data-v-33f0eb22] .device-dialog .el-dialog__body::-webkit-scrollbar-thumb:hover{background:#a8a8a8!important}@media (max-width:768px){[data-v-33f0eb22] .device-dialog{width:95%!important;margin:0!important}.device-dialog .formContainter[data-v-33f0eb22] .mapBox{height:1.30208rem!important}}