@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-3c487a31]{--side-padding:2.2vw;width:100%;height:100vh;overflow:hidden;color:#fff;font-size:1.5vh;position:relative}.monitScreen_container[data-v-3c487a31]: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-3c487a31]{padding:0;margin:0;box-sizing:border-box}.monitScreen_container .main[data-v-3c487a31]{position:relative;z-index:10;display:flex;justify-content:center;align-items:center;width:100%;height:87.4vh;margin-top:0;box-sizing:border-box;padding:.10417rem .20833rem .20833rem .20833rem}.monitScreen_container .video-wrapper[data-v-3c487a31]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.3);border-radius:.04167rem;overflow:hidden;position:relative}.monitScreen_container .main-video[data-v-3c487a31]{width:100%;height:100%;object-fit:contain;background:#000}.monitScreen_container .video-controls[data-v-3c487a31]{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.8));padding:.10417rem .07813rem .07813rem;opacity:0;transition:opacity .3s ease;z-index:20}.monitScreen_container .video-controls.controls-visible[data-v-3c487a31]{opacity:1}.monitScreen_container .progress-bar[data-v-3c487a31]{position:relative;width:100%;height:.03125rem;cursor:pointer;margin-bottom:.0625rem}.monitScreen_container .progress-bar .progress-bg[data-v-3c487a31]{position:absolute;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.3);border-radius:.01563rem}.monitScreen_container .progress-bar .progress-current[data-v-3c487a31]{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#409eff,#67c23a);border-radius:.01563rem;transition:width .1s linear}.monitScreen_container .progress-bar .progress-handle[data-v-3c487a31]{position:absolute;top:50%;transform:translate(-50%,-50%);width:.07292rem;height:.07292rem;background:#fff;border-radius:50%;box-shadow:0 .01042rem .03125rem rgba(0,0,0,.3);opacity:0;transition:opacity .2s ease}.monitScreen_container .progress-bar:hover .progress-handle[data-v-3c487a31]{opacity:1}.monitScreen_container .controls-bottom[data-v-3c487a31]{display:flex;justify-content:space-between;align-items:center}.monitScreen_container .controls-left[data-v-3c487a31],.monitScreen_container .controls-right[data-v-3c487a31]{display:flex;align-items:center;gap:.07813rem}.monitScreen_container .control-btn[data-v-3c487a31]{width:.1875rem;height:.1875rem;display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:50%;transition:all .2s ease}.monitScreen_container .control-btn[data-v-3c487a31]:hover{background:hsla(0,0%,100%,.2)}.monitScreen_container .control-btn i[data-v-3c487a31]{font-size:.10417rem;color:#fff}.monitScreen_container .volume-control[data-v-3c487a31]{display:flex;align-items:center;gap:.04167rem}.monitScreen_container .volume-control .volume-slider[data-v-3c487a31]{width:.41667rem;opacity:0;transition:opacity .2s ease,width .2s ease;overflow:hidden}.monitScreen_container .volume-control:hover .volume-slider[data-v-3c487a31]{opacity:1}.monitScreen_container .volume-control .volume-input[data-v-3c487a31]{width:100%;height:.02083rem;-webkit-appearance:none;background:hsla(0,0%,100%,.3);border-radius:.01042rem;outline:none;cursor:pointer}.monitScreen_container .volume-control .volume-input[data-v-3c487a31]::-webkit-slider-thumb{-webkit-appearance:none;width:.0625rem;height:.0625rem;background:#fff;border-radius:50%;cursor:pointer}.monitScreen_container .volume-control .volume-input[data-v-3c487a31]::-moz-range-thumb{width:.0625rem;height:.0625rem;background:#fff;border-radius:50%;cursor:pointer;border:none}.monitScreen_container .time-display[data-v-3c487a31]{font-size:.06771rem;color:#fff;font-family:Helvetica Neue,Arial,sans-serif;user-select:none}.monitScreen_container .center-play-btn[data-v-3c487a31]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.41667rem;height:.41667rem;background:rgba(0,0,0,.6);border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease;z-index:15}.monitScreen_container .center-play-btn[data-v-3c487a31]:hover{background:rgba(64,158,255,.8);transform:translate(-50%,-50%) scale(1.1)}.monitScreen_container .center-play-btn i[data-v-3c487a31]{font-size:.20833rem;color:#fff;margin-left:.02604rem}.monitScreen_container .left-side[data-v-3c487a31]{left:0;background:url(../img/left.7d0aa897.png) no-repeat 50%;background-size:100% 100%}.monitScreen_container .left-side[data-v-3c487a31],.monitScreen_container .right-side[data-v-3c487a31]{position:absolute;top:50%;transform:translateY(-50%);width:2vw;height:68vh;z-index:8;pointer-events:none}.monitScreen_container .right-side[data-v-3c487a31]{right:0;background:url(../img/right.795ab683.png) no-repeat 50%;background-size:100% 100%}.monitScreen_container .bottom-side[data-v-3c487a31]{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}