.video-warning[data-v-3bf4fe4f]{position:absolute;z-index:3;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:16px;color:red;width:100%;text-align:center}.hide[data-v-3bf4fe4f]{display:none}.videoBox[data-v-3bf4fe4f]{position:relative;text-align:center;background:#2f3330}.videoBox .thumbnailBox[data-v-3bf4fe4f]{overflow:hidden;position:relative}.videoBox .dragBox[data-v-3bf4fe4f]{background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;line-height:0}.videoBox .viewBox[data-v-3bf4fe4f]{width:100%;height:100%;position:absolute;background:#000;z-index:2;left:0;top:0}.videoBox .viewBox.sdi_bg[data-v-3bf4fe4f]{background:#2f3330;background-image:url(../../static/img/logo.dc739658.png);background-size:15%;background-repeat:no-repeat;background-position:50% 40%}.videoBox .iceBox[data-v-3bf4fe4f]{position:absolute;background:#000;z-index:3;left:0;top:0;opacity:.8;padding:10px;text-align:left}.videoBox .iceBox .infoSpan[data-v-3bf4fe4f]{display:inline-block;width:85px}.videoBox .movetarget[data-v-3bf4fe4f]{width:100%;height:100%;position:absolute;z-index:3}.videoBox .bottomBorder[data-v-3bf4fe4f]{bottom:-11px;left:50%;-webkit-transform:rotate(270deg) translateX(-50%);transform:rotate(270deg) translateX(-50%)}.videoBox .topBorder[data-v-3bf4fe4f]{top:-11px;left:50%;-webkit-transform:rotate(90deg) translateX(-50%);transform:rotate(90deg) translateX(-50%)}.videoBox .leftBorder[data-v-3bf4fe4f]{top:50%;left:-2px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.videoBox .rightBorder[data-v-3bf4fe4f]{top:50%;right:-2px;-webkit-transform:rotate(180deg) translateY(40%);transform:rotate(180deg) translateY(40%)}.videoBox .boundaryImg[data-v-3bf4fe4f]{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAtCAYAAACecFpJAAAASklEQVRIiWP8ysbwnwECGBlIAEykKB7VOKpxKGpkYSAxV1Bs46hGWmhkQeP/x6qKljYSnYqGUKgOMY3/GUiIeKrYOKpxVONQ0AgAAloFWlpp+jYAAAAASUVORK5CYII=) no-repeat;position:absolute;height:45px;width:14px;z-index:6}.videoBox .time[data-v-3bf4fe4f]{font-size:40px;position:absolute;width:100%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.videoBox .backgroundImg[data-v-3bf4fe4f]{width:100%;height:100%;position:absolute;top:0;left:0}.videoBox .m3u8Box[data-v-3bf4fe4f]{height:100%}.videoBox .m3u8Box .video-js[data-v-3bf4fe4f]{width:100%;height:100%;overflow:hidden}.videoBox .flvBox[data-v-3bf4fe4f]{position:absolute;width:100%;overflow:hidden}.videoBox .webrtcBox[data-v-3bf4fe4f]{position:relative;overflow:hidden}.videoBox .sourceInfo[data-v-3bf4fe4f]{position:absolute;z-index:2;width:100%;font-size:18px;color:#ff9000;width:80%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;top:50%}.videoBox .transcriber[data-v-3bf4fe4f]{position:absolute;line-height:0;right:20px;top:20px;z-index:10}.videoBox .transcriber .redFColor[data-v-3bf4fe4f]{-webkit-animation:biling-3bf4fe4f 4s infinite;animation:biling-3bf4fe4f 4s infinite}.videoBox .muteIcon[data-v-3bf4fe4f],.videoBox .noMuteIcon[data-v-3bf4fe4f]{position:absolute;line-height:normal;bottom:10px;right:15px;z-index:100;z-index:5}.videoBox .muteIcon[data-v-3bf4fe4f]:before{content:"\E615";font-size:22px;color:green;cursor:pointer}.videoBox .noMuteIcon[data-v-3bf4fe4f]:before{content:"\E613";font-size:22px;color:green;cursor:pointer}.videoBox .liveOnHoldBg[data-v-3bf4fe4f]{position:absolute;top:.16rem;left:16px;z-index:5;padding:0 8px;height:28px;border:none;background:#1ec345;border-radius:4px;line-height:28px;text-align:center;background:#ff9a24;color:#fff}.videoBox .scaleVideo[data-v-3bf4fe4f]{position:absolute;bottom:3px;right:25%;line-height:0;z-index:5}.videoBox .scaleVideo .zoomIcon[data-v-3bf4fe4f]{cursor:pointer;width:16px;height:16px}.videoBox .scaleVideo .addScale[data-v-3bf4fe4f]{position:absolute;top:8px;right:-26px}.videoBox .scaleVideo .cutScale[data-v-3bf4fe4f]{position:absolute;top:8px;left:-23px}.videoBox .scaleVideo[data-v-3bf4fe4f] .el-slider__runway{height:3px}.videoBox .scaleVideo[data-v-3bf4fe4f] .el-slider__button-wrapper{width:8px;height:8px;top:calc(50% - 8px);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.videoBox .scaleVideo[data-v-3bf4fe4f] .el-slider__runway .el-slider__bar{height:3px}.videoBox .scaleVideo[data-v-3bf4fe4f] .el-slider__button{width:10px;height:10px;border:1px solid #fff;background:#dbdbdb;position:absolute;top:calc(50% + 2px)}.videoBox .scaleVideo[data-v-3bf4fe4f] .el-slider.is-vertical .el-slider__button-wrapper{left:-17px}.videoBox .scaleVideo[data-v-3bf4fe4f] .el-slider.is-vertical .el-slider__runway{width:3px;background:#dbdbdb}.videoBox .scaleVideo[data-v-3bf4fe4f] .el-slider__runway .el-slider__bar{width:3px;background-color:#dbdbdb}.videoBox .anyWhereShaw[data-v-3bf4fe4f]{width:100%;height:36px;position:absolute;bottom:0;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(#000));background:linear-gradient(180deg,transparent 0,#000);z-index:4}.videoBox .dimming[data-v-3bf4fe4f]{position:absolute;z-index:8;right:10%;bottom:8px;cursor:pointer}.videoBox .dimming .exposure[data-v-3bf4fe4f]{position:absolute;top:-32px;right:-34px;width:186px;height:26px;background:#333}.videoBox .dimming .exposure .sliderBtn[data-v-3bf4fe4f]{float:left;margin-top:4px;margin-left:6px;width:20px;font-size:10px;color:#dbdbdb;line-height:21px}.videoBox .dimming .exposure[data-v-3bf4fe4f] .el-slider{float:left;margin-left:6px}.videoBox .dimming .exposure[data-v-3bf4fe4f] .el-slider__runway{height:3px;margin:12px 0;background:#666}.videoBox .dimming .exposure[data-v-3bf4fe4f] .el-slider__button-wrapper{width:8px;height:8px;top:calc(50% - 8px);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.videoBox .dimming .exposure[data-v-3bf4fe4f] .el-slider__runway .el-slider__bar{height:3px}.videoBox .dimming .exposure[data-v-3bf4fe4f] .el-slider__button{width:10px;height:10px;border:1px solid #fff;background:#dbdbdb;position:absolute;top:calc(50% + 2px)}.videoBox .dimming .exposure[data-v-3bf4fe4f] .el-slider.is-vertical .el-slider__button-wrapper{left:-17px}.videoBox .dimming .exposure[data-v-3bf4fe4f] .el-slider.is-vertical .el-slider__runway{width:3px;background:#dbdbdb}.videoBox .dimming .exposure[data-v-3bf4fe4f] .el-slider__runway .el-slider__bar{width:3px;background-color:#dbdbdb}.videoBox .dimming .sanjiao[data-v-3bf4fe4f]{width:0;height:0;border-top:6px solid #333;border-bottom:6px solid transparent;border-right:6px solid transparent;border-left:6px solid transparent;position:absolute;top:-6px}.videoBox .dimming .icon-puguang[data-v-3bf4fe4f]{font-size:20px}.videoBox .focusAndExposure[data-v-3bf4fe4f]{position:absolute;z-index:8;line-height:0}.videoBox .focusAndExposure .focusIcon[data-v-3bf4fe4f]{height:35px;width:35px;display:inline-block}.videoBox .focusAndExposure .exposure[data-v-3bf4fe4f]{display:inline-block;vertical-align:middle;margin-left:15px}.videoBox .focusAndExposure .exposure[data-v-3bf4fe4f] .el-slider.is-vertical .el-slider__button-wrapper{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAACNElEQVRYhdXYu2sUURjG4WeTJWBpv1WC1xTWXmIhKSKKNiI2aSQilin8KwStLMRYpLAQ7CSSQsQQL42FQkyRIqiohY1aiYEkFmcWN5OdyTkzI5oXhmVnz3m/337n9s20Ps5rQovZ51hdo3Zdg0wnGvIx0JRRU9pVQK2/GLfQuwjoFZbRiQzwHC8i23bwLosRDfQLB/EsEmpM3MTuZJ6HsJYCdB6vMZIAFQszknmfSwH6gfEeqNkGgGZ7YMazGNtUtg91oWbEz48yPcJ3XC6CgVaNnfowpjCB4ezeKuaFP7FcxbQK0BBu4priId/AXUzjZ4p56tExhDlhKMs0gKvYh9MKVlRRxxTdioDp1Skhm9FKGbJRvMVgSgCs44iwGe6olAxNVYCR9ZmKbTwgnCt7c1e/wBMVYMr6DvaJ22pjwfbCahX7hXR3Nay68n0HsdLn/mIbX/At98MnYek2pfwq28BnIStb4rZxKdJ0VThwq+hD7vsmTvZrmDKp61TfT2IbpgDds3VOxWpdOEqilAK0hDvJOKHPUmzj1J16WkL68TTrE61UoDWcwW3lq3BDyMxZCecY9cqPUVzxp/xYw3shgzMShikFqIMHeInrVQL06AaO46Kwz/VV2ZB1a+BjOFATRuZx1A41ehFQviCfbABoUsSDQxHQnIiCvEd7sqtM+QeHx/0aFVWMK/iKCxEw8Cb73Glou1APbT8/UW+V9Wqz61fXaFe9bPgn+u+AmnqDdl9Dr29+A69vdH+aV0QhAAAAAElFTkSuQmCC) no-repeat;left:-17px}.videoBox[data-v-3bf4fe4f] .el-slider.is-vertical .el-slider__runway{width:3px;background:#e6b800}.videoBox[data-v-3bf4fe4f] .el-slider__runway .el-slider__bar{width:3px;background-color:#e6b800}.videoBox[data-v-3bf4fe4f] .el-slider__button{border:none;background:#e6b800}@-webkit-keyframes biling-3bf4fe4f{0%{color:red}to{color:transparent}}@keyframes biling-3bf4fe4f{0%{color:red}to{color:transparent}}