@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)}.monitScreen_container[data-v-3ea64d06]{--side-padding:2.2vw;width:100%;height:100vh;overflow:hidden;color:#fff;font-size:1.5vh;position:relative}.monitScreen_container[data-v-3ea64d06]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/bg.0b1a087b.jpg) no-repeat 50%;background-size:100% 100%;z-index:0;pointer-events:none}.monitScreen_container [data-v-3ea64d06]{padding:0;margin:0;box-sizing:border-box}.monitScreen_container .head[data-v-3ea64d06]{position:relative;display:flex;justify-content:space-between;align-items:flex-start;width:100%;height:8.6vh;background:url(../img/head.1c2fd49f.png) no-repeat 50%;background-size:100% 100%;padding:0 var(--side-padding);z-index:10}.monitScreen_container .head .back-home[data-v-3ea64d06]{display:flex;align-items:center;width:24vw;height:6vh;cursor:pointer}.monitScreen_container .head .back-home span[data-v-3ea64d06]{cursor:pointer}.monitScreen_container .head .menu[data-v-3ea64d06]{display:flex;align-items:center;justify-content:flex-end;width:24vw;height:6vh}.monitScreen_container .head .menu .divide[data-v-3ea64d06]{width:.00521rem;height:1em;background-color:#fff;margin:0 .8em}.monitScreen_container .head .menu span[data-v-3ea64d06]{cursor:pointer}.monitScreen_container .head .head-title[data-v-3ea64d06]{font-family:Title;line-height:8.3vh;font-size:2.5vw;background:linear-gradient(180deg,#fff 50%,#b8f9fd 0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:.1em}.monitScreen_container .head .head-title span[data-v-3ea64d06]{color:red;-webkit-text-fill-color:red}.monitScreen_container .jump-tool[data-v-3ea64d06]{position:relative;z-index:10;display:flex;justify-content:center;width:45%;margin:0 auto}.monitScreen_container .jump-tool .weather[data-v-3ea64d06]{display:flex;justify-content:center;align-items:center;width:50vw;height:4vh;line-height:4vh;background:url(../img/head_weather.50bcc61d.png) no-repeat 50%;background-size:100% 100%}.monitScreen_container .jump-tool .weather span+span[data-v-3ea64d06]{margin-left:1em}.monitScreen_container .main[data-v-3ea64d06]{position:relative;z-index:10;display:flex;gap:.07813rem;width:100%;height:87.4vh;margin-top:0;padding:0 .10417rem .10417rem .10417rem;box-sizing:border-box}.monitScreen_container .left-panel[data-v-3ea64d06]{width:1.45833rem;background:rgba(0,0,0,.5);border:.00521rem solid hsla(0,0%,100%,.2);border-radius:.04167rem;padding:.07813rem;box-sizing:border-box;overflow-y:auto}.monitScreen_container .panel-title[data-v-3ea64d06]{font-size:.09375rem;font-weight:700;color:#fff;margin-bottom:.10417rem;text-align:center;padding-bottom:.05208rem;border-bottom:.00521rem solid hsla(0,0%,100%,.2)}.monitScreen_container .camera-tree[data-v-3ea64d06]{background:transparent}.monitScreen_container .camera-tree[data-v-3ea64d06] .el-tree-node__content{background:transparent;color:#fff;height:.20833rem;line-height:.20833rem;border-radius:.02083rem;margin-bottom:.02604rem}.monitScreen_container .camera-tree[data-v-3ea64d06] .el-tree-node__content:hover{background:hsla(0,0%,100%,.1)}.monitScreen_container .camera-tree[data-v-3ea64d06] .el-tree-node__expand-icon{color:#fff}.monitScreen_container .custom-tree-node[data-v-3ea64d06]{display:flex;justify-content:space-between;align-items:center;width:100%}.monitScreen_container .tree-label[data-v-3ea64d06]{display:flex;align-items:center}.monitScreen_container .tree-label i[data-v-3ea64d06]{margin-right:.04167rem;font-size:.08333rem}.monitScreen_container .base-label[data-v-3ea64d06]{font-size:.08333rem!important;font-weight:700!important;color:#409eff!important}.monitScreen_container .base-label i[data-v-3ea64d06]{font-size:.09375rem!important;color:#409eff!important}.monitScreen_container .camera-label[data-v-3ea64d06]{font-size:.07292rem;font-weight:400}.monitScreen_container .camera-label i[data-v-3ea64d06]{font-size:.07292rem}.monitScreen_container .camera-status[data-v-3ea64d06]{font-size:.05208rem;padding:.00521rem .02083rem;border-radius:.04167rem;line-height:1.2}.monitScreen_container .camera-status.online[data-v-3ea64d06]{background:#67c23a;color:#fff}.monitScreen_container .camera-status.offline[data-v-3ea64d06]{background:#f56c6c;color:#fff}.monitScreen_container .center-panel[data-v-3ea64d06]{flex:1;display:flex;flex-direction:column;box-sizing:border-box}.monitScreen_container .video-container-wrapper[data-v-3ea64d06]{width:100%;height:100%;background:rgba(0,0,0,.5);border:.00521rem solid hsla(0,0%,100%,.2);border-radius:.04167rem;overflow:hidden;position:relative}.monitScreen_container .video-wrapper[data-v-3ea64d06]{width:100%;height:100%;position:relative;display:flex;flex-direction:column}.monitScreen_container .video-info[data-v-3ea64d06]{position:absolute;top:.05208rem;left:.05208rem;right:.05208rem;background:rgba(0,0,0,.7);padding:.05208rem .07813rem;border-radius:.02083rem;display:flex;justify-content:space-between;align-items:center;z-index:10}.monitScreen_container .playback-time[data-v-3ea64d06]{font-size:.0625rem;color:#67c23a}.monitScreen_container .right-panel[data-v-3ea64d06]{width:1.875rem;background:linear-gradient(135deg,rgba(13,25,43,.95),rgba(25,40,65,.95));border:.00521rem solid rgba(64,158,255,.3);border-radius:.0625rem;padding:0;box-sizing:border-box;overflow-y:auto;box-shadow:0 .04167rem .16667rem rgba(0,0,0,.3)}.monitScreen_container .right-panel .panel-title[data-v-3ea64d06]{background:linear-gradient(135deg,rgba(64,158,255,.2),rgba(100,180,255,.1));border-bottom:.01042rem solid rgba(64,158,255,.4);padding:.09375rem .10417rem;margin:0;border-radius:.0625rem .0625rem 0 0;display:flex;align-items:center;gap:.05208rem}.monitScreen_container .right-panel .panel-title i[data-v-3ea64d06]{font-size:.10417rem;color:#409eff}.monitScreen_container .time-selector[data-v-3ea64d06]{display:flex;flex-direction:column;gap:.10417rem;padding:.10417rem}.monitScreen_container .selector-section[data-v-3ea64d06]{background:hsla(0,0%,100%,.03);border:.00521rem solid hsla(0,0%,100%,.1);border-radius:.04167rem;padding:.07813rem;transition:all .3s ease}.monitScreen_container .selector-section[data-v-3ea64d06]:hover{background:hsla(0,0%,100%,.05);border-color:rgba(64,158,255,.4);box-shadow:0 .02083rem .0625rem rgba(64,158,255,.1)}.monitScreen_container .section-header[data-v-3ea64d06]{display:flex;align-items:center;gap:.04167rem;margin-bottom:.0625rem;color:#409eff;font-size:.07292rem;font-weight:700}.monitScreen_container .section-header i[data-v-3ea64d06]{font-size:.08333rem}.monitScreen_container .full-width-picker[data-v-3ea64d06]{width:100%}.monitScreen_container .full-width-picker[data-v-3ea64d06] .el-input__inner{background:rgba(0,0,0,.3);border:.00521rem solid hsla(0,0%,100%,.2);color:#fff;font-size:.06771rem;transition:all .3s ease}.monitScreen_container .full-width-picker[data-v-3ea64d06] .el-input__inner:hover{border-color:rgba(64,158,255,.6)}.monitScreen_container .full-width-picker[data-v-3ea64d06] .el-input__inner:focus{border-color:#409eff;background:rgba(0,0,0,.4)}.monitScreen_container .full-width-picker[data-v-3ea64d06] .el-input__inner::placeholder{color:hsla(0,0%,100%,.4)}.monitScreen_container .full-width-picker[data-v-3ea64d06] .el-input__icon{color:hsla(0,0%,100%,.6)}.monitScreen_container .time-range-group[data-v-3ea64d06]{display:flex;flex-direction:column;gap:.0625rem}.monitScreen_container .time-input-wrapper[data-v-3ea64d06]{display:flex;flex-direction:column;gap:.03125rem}.monitScreen_container .time-label[data-v-3ea64d06]{color:hsla(0,0%,100%,.8);font-size:.0625rem;padding-left:.02083rem}.monitScreen_container .time-separator[data-v-3ea64d06]{display:flex;align-items:center;justify-content:center;color:rgba(64,158,255,.6);font-size:.09375rem;margin:.02604rem 0}.monitScreen_container .quick-time-grid[data-v-3ea64d06]{display:grid;grid-template-columns:1fr 1fr;gap:.05208rem}.monitScreen_container .quick-time-grid .el-button[data-v-3ea64d06]{background:rgba(64,158,255,.1);border:.00521rem solid rgba(64,158,255,.3);color:#409eff;transition:all .3s ease}.monitScreen_container .quick-time-grid .el-button[data-v-3ea64d06]:hover{background:rgba(64,158,255,.2);border-color:#409eff;transform:translateY(-.01042rem);box-shadow:0 .02083rem .0625rem rgba(64,158,255,.3)}.monitScreen_container .quick-time-grid .el-button i[data-v-3ea64d06]{margin-right:.02083rem}.monitScreen_container .playback-info-card[data-v-3ea64d06]{background:linear-gradient(135deg,rgba(64,158,255,.15),rgba(100,180,255,.08));border:.00521rem solid rgba(64,158,255,.4);border-radius:.04167rem;overflow:hidden}.monitScreen_container .info-card-header[data-v-3ea64d06]{background:rgba(64,158,255,.2);padding:.0625rem .07813rem;display:flex;align-items:center;gap:.04167rem;color:#409eff;font-weight:700;font-size:.07292rem;border-bottom:.00521rem solid rgba(64,158,255,.3)}.monitScreen_container .info-card-header i[data-v-3ea64d06]{font-size:.08333rem}.monitScreen_container .info-card-body[data-v-3ea64d06]{padding:.07813rem;display:flex;flex-direction:column;gap:.0625rem}.monitScreen_container .info-row[data-v-3ea64d06]{display:flex;justify-content:space-between;align-items:center;padding:.04167rem 0;border-bottom:.00521rem dashed hsla(0,0%,100%,.1)}.monitScreen_container .info-row[data-v-3ea64d06]:last-child{border-bottom:none}.monitScreen_container .info-label[data-v-3ea64d06]{color:hsla(0,0%,100%,.6);font-size:.0625rem}.monitScreen_container .info-value[data-v-3ea64d06]{color:#fff;font-weight:700;font-size:.06771rem;text-align:right;max-width:1.04167rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monitScreen_container .action-buttons-group[data-v-3ea64d06]{display:flex;flex-direction:column;gap:.0625rem;margin-top:.02604rem}.monitScreen_container .action-btn[data-v-3ea64d06]{width:100%;height:.22917rem;font-size:.07292rem;font-weight:700;border-radius:.04167rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:.04167rem}.monitScreen_container .action-btn i[data-v-3ea64d06]{font-size:.08333rem}.monitScreen_container .btn-text[data-v-3ea64d06]{position:relative;z-index:1}.monitScreen_container .primary-btn[data-v-3ea64d06]{background:linear-gradient(135deg,#409eff,#66b1ff);border:none;color:#fff;box-shadow:0 .02083rem .07813rem rgba(64,158,255,.4)}.monitScreen_container .primary-btn[data-v-3ea64d06]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#66b1ff,#409eff);opacity:0;transition:opacity .3s ease}.monitScreen_container .primary-btn[data-v-3ea64d06]:hover:not(:disabled):before{opacity:1}.monitScreen_container .primary-btn[data-v-3ea64d06]:hover:not(:disabled){transform:translateY(-.01563rem);box-shadow:0 .04167rem .13021rem rgba(64,158,255,.6)}.monitScreen_container .primary-btn[data-v-3ea64d06]:active:not(:disabled){transform:translateY(-.00521rem);box-shadow:0 .02083rem .07813rem rgba(64,158,255,.4)}.monitScreen_container .primary-btn[data-v-3ea64d06]:disabled{background:rgba(64,158,255,.3);color:hsla(0,0%,100%,.5);cursor:not-allowed;box-shadow:none}.monitScreen_container .control-buttons[data-v-3ea64d06]{display:grid;grid-template-columns:1fr 1fr;gap:.05208rem}.monitScreen_container .pause-btn[data-v-3ea64d06]{background:linear-gradient(135deg,#e6a23c,#f0b95c);border:none;color:#fff;box-shadow:0 .01563rem .0625rem rgba(230,162,60,.4)}.monitScreen_container .pause-btn[data-v-3ea64d06]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#f0b95c,#e6a23c);opacity:0;transition:opacity .3s ease}.monitScreen_container .pause-btn[data-v-3ea64d06]:hover:not(:disabled):before{opacity:1}.monitScreen_container .pause-btn[data-v-3ea64d06]:hover:not(:disabled){transform:translateY(-.01563rem);box-shadow:0 .03125rem .10417rem rgba(230,162,60,.6)}.monitScreen_container .pause-btn[data-v-3ea64d06]:active:not(:disabled){transform:translateY(-.00521rem)}.monitScreen_container .pause-btn[data-v-3ea64d06]:disabled{background:rgba(230,162,60,.3);color:hsla(0,0%,100%,.5);cursor:not-allowed;box-shadow:none}.monitScreen_container .stop-btn[data-v-3ea64d06]{background:linear-gradient(135deg,#f56c6c,#f89898);border:none;color:#fff;box-shadow:0 .01563rem .0625rem rgba(245,108,108,.4)}.monitScreen_container .stop-btn[data-v-3ea64d06]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#f89898,#f56c6c);opacity:0;transition:opacity .3s ease}.monitScreen_container .stop-btn[data-v-3ea64d06]:hover:not(:disabled):before{opacity:1}.monitScreen_container .stop-btn[data-v-3ea64d06]:hover:not(:disabled){transform:translateY(-.01563rem);box-shadow:0 .03125rem .10417rem rgba(245,108,108,.6)}.monitScreen_container .stop-btn[data-v-3ea64d06]:active:not(:disabled){transform:translateY(-.00521rem)}.monitScreen_container .stop-btn[data-v-3ea64d06]:disabled{background:rgba(245,108,108,.3);color:hsla(0,0%,100%,.5);cursor:not-allowed;box-shadow:none}.monitScreen_container .right-panel[data-v-3ea64d06]::-webkit-scrollbar{width:.03125rem}.monitScreen_container .right-panel[data-v-3ea64d06]::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:.01563rem}.monitScreen_container .right-panel[data-v-3ea64d06]::-webkit-scrollbar-thumb{background:rgba(64,158,255,.4);border-radius:.01563rem}.monitScreen_container .right-panel[data-v-3ea64d06]::-webkit-scrollbar-thumb:hover{background:rgba(64,158,255,.6)}.monitScreen_container .video-container[data-v-3ea64d06]{width:100%;height:100%;position:relative;overflow:hidden}.monitScreen_container .video-player[data-v-3ea64d06]{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important}.monitScreen_container .video-container-wrapper[data-v-3ea64d06] .video-js{width:100%!important;height:100%!important;background-color:#000!important}.monitScreen_container .video-container-wrapper[data-v-3ea64d06] .video-js .vjs-tech{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important}.monitScreen_container .video-container-wrapper[data-v-3ea64d06] .video-js .vjs-control-bar{background:rgba(0,0,0,.7)!important}.monitScreen_container .video-container-wrapper[data-v-3ea64d06] .video-js .vjs-big-play-button{border-radius:50%!important;background-color:rgba(0,0,0,.7)!important;border:.01042rem solid hsla(0,0%,100%,.8)!important}.monitScreen_container .camera-name[data-v-3ea64d06]{color:#fff;font-size:.08333rem;font-weight:700}.monitScreen_container .empty-slot[data-v-3ea64d06]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;color:hsla(0,0%,100%,.5)}.monitScreen_container .empty-slot i[data-v-3ea64d06]{font-size:.33333rem;margin-bottom:.10417rem;opacity:.5}.monitScreen_container .empty-slot p[data-v-3ea64d06]{font-size:.08333rem;margin:0}.monitScreen_container .left-side[data-v-3ea64d06]{left:0;background:url(../img/left.7d0aa897.png) no-repeat 50%;background-size:100% 100%}.monitScreen_container .left-side[data-v-3ea64d06],.monitScreen_container .right-side[data-v-3ea64d06]{position:absolute;top:50%;transform:translateY(-50%);width:2vw;height:68vh;z-index:8;pointer-events:none}.monitScreen_container .right-side[data-v-3ea64d06]{right:0;background:url(../img/right.795ab683.png) no-repeat 50%;background-size:100% 100%}.monitScreen_container .bottom-side[data-v-3ea64d06]{position:absolute;bottom: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}