@keyframes webrtcLoading{0%{transform:translate3d(0,0,0) rotate(0)}100%{transform:translate3d(0,0,0) rotate(360deg)}}.webrtc-video-container{position:relative;font-size:16px;box-sizing:border-box;left:0;top:0;z-index:0;background:#232323;object-fit:contain;margin:0;display:flex;align-items:center;overflow:hidden}.webrtc-video-container.webrtc-fullscreen-container .webrtc-video-fill.hide,.webrtc-video-container.webrtc-fullscreen-container .webrtc-video.hide{display:none}.webrtc-video-container.webrtc-fullscreen-container-mobile{width:100vh!important;height:100vw!important;transform:rotate(90deg)!important;transform-origin:left bottom;top:-100vw;transform-style:preserve-3d}.webrtc-video-container.webrtc-fullscreen-container-mobile div{transform:translateZ(100px)}.webrtc-video-container.webrtc-fullscreen-container-mobile video{transform:translateZ(0)}.webrtc-video-container.webrtc-fullscreen-container-mobile div.webrtc-control-container-empty{flex:.9}.webrtc-video-container.webrtc-fullscreen-container{position:fixed;width:100%;height:100%;right:0;bottom:0;z-index:99999}.webrtc-video-container.webrtc-fullscreen-container .webrtc-video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;border:1px solid #000}.webrtc-video-container.webrtc-fullscreen-container .webrtc-video video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain}.webrtc-video-container.webrtc-fullscreen-container .webrtc-video-fill,.webrtc-video-container.webrtc-fullscreen-container .webrtc-video-fill video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:fill}.webrtc-video-container video::-webkit-media-controls{display:none!important}.webrtc-video-container .code-stream-container .mobile li.hide,.webrtc-video-container .code-stream-container.hide,.webrtc-video-container .webrtc-ptz-container.hide{display:none}.webrtc-video-container .code-stream-container{position:absolute;left:10px;bottom:40px;color:green;z-index:9999999}.webrtc-video-container .code-stream-container li,.webrtc-video-container .code-stream-container ul{padding:0;margin:0;list-style:none}.webrtc-video-container .code-stream-container li{text-align:left;margin:5px 0;font-size:22px}.webrtc-video-container .code-stream-container .mobile li{font-size:12px}.webrtc-video-container .webrtc-ptz-container{position:absolute;right:44px;bottom:66px;width:90px;height:90px;background-color:rgba(50,50,50,.6);border-radius:45px;z-index:1010}.webrtc-video-container .webrtc-ptz-container.big{width:180px;height:180px;border-radius:90px}.webrtc-video-container .webrtc-ptz-container .webrtc-ptz-icon{position:absolute;width:12px;height:18px;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-image:url(https://static-iot.longfor.com/lfplayer-v2/0.5.0/images/ptz_center.svg);background-repeat:no-repeat}.webrtc-video-container .webrtc-ptz-container .webrtc-ptz-icon.big{width:24px;height:36px;background-size:24px}.webrtc-video-container .webrtc-ptz-container .webrtc-ptz-btn{position:absolute;cursor:pointer;width:20px;height:20px}.webrtc-video-container .webrtc-ptz-container .webrtc-ptz-btn.big{width:40px;height:40px;background-size:40px}.webrtc-video-container .webrtc-ptz-container .webrtc-ptz-btn.top{top:10px;left:35px;background-image:url(https://static-iot.longfor.com/lfplayer-v2/0.5.0/images/ptz_top.svg);background-repeat:no-repeat;background-position-y:-3px}.webrtc-video-container .webrtc-ptz-container .webrtc-ptz-btn.top.big{left:70px}.webrtc-video-container .webrtc-ptz-container .webrtc-ptz-btn.left{left:10px;top:35px;background-image:url(https://static-iot.longfor.com/lfplayer-v2/0.5.0/images/ptz_left.svg);background-repeat:no-repeat;background-position-x:-3px}.webrtc-video-container .webrtc-ptz-container .webrtc-ptz-btn.left.big{top:70px}.webrtc-video-container .webrtc-ptz-container .webrtc-ptz-btn.right{right:10px;top:35px;background-image:url(https://static-iot.longfor.com/lfplayer-v2/0.5.0/images/ptz_right.svg);background-repeat:no-repeat;background-position-x:3px}.webrtc-video-container .webrtc-ptz-container .webrtc-ptz-btn.right.big{top:70px}.webrtc-video-container .webrtc-ptz-container .webrtc-ptz-btn.bottom{left:35px;bottom:10px;background-image:url(https://static-iot.longfor.com/lfplayer-v2/0.5.0/images/ptz_bottom.svg);background-repeat:no-repeat;background-position-y:3px}.webrtc-video-container .webrtc-ptz-container .webrtc-ptz-btn.bottom.big{left:70px}.webrtc-video-container .webrtc-video{display:block;width:100%;height:100%;color:#FFF;object-fit:contain;border:1px solid #000}.webrtc-video-container .webrtc-video-fill.hide,.webrtc-video-container .webrtc-video.hide{display:none}.webrtc-video-container .webrtc-video.pc.vjs-controls-disabled{width:0!important}.webrtc-video-container .webrtc-video video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain}.webrtc-video-container .webrtc-video-fill,.webrtc-video-container .webrtc-video-fill video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:fill}.webrtc-video-container .webrtc-poster{position:absolute;left:0;top:0;overflow:hidden;z-index:1000;width:100%;height:100%}.webrtc-video-container .webrtc-poster.flex-center{display:flex;justify-content:center;align-items:center;flex-direction:column}.webrtc-video-container .webrtc-poster .solve-txt{position:absolute;width:50%;min-height:60px;padding:4px;background:#fff}.webrtc-video-container .webrtc-poster .solve-txt .solve-txt-content{width:100%}.webrtc-video-container .webrtc-poster .solve-txt .solve-close{position:absolute;right:4px;top:2px;width:16px;height:16px;font-size:8px;line-height:16px;cursor:pointer;text-align:center;color:#909399}.webrtc-video-container .webrtc-poster .hide,.webrtc-video-container .webrtc-poster.hide{display:none}.webrtc-video-container .webrtc-poster.z-index-top{z-index:1100;pointer-events:none}.webrtc-video-container .webrtc-poster.posterLoading{z-index:1001}.webrtc-video-container .webrtc-poster .loading-container{width:108px;height:88px;opacity:.6;border-radius:2px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.webrtc-video-container .webrtc-poster .loading-container .webrtc-loading.hide,.webrtc-video-container .webrtc-poster .webrtc-center-error-logo.hide,.webrtc-video-container .webrtc-poster .webrtc-center-error-message.hide,.webrtc-video-container .webrtc-poster .webrtc-center-qianding-error-logo.hide,.webrtc-video-container .webrtc-poster .webrtc-reconnect-btn.hide{display:none}.webrtc-video-container .webrtc-poster .loading-container .webrtc-loading{background-clip:padding-box;width:32px;height:32px;text-indent:-9999em;position:relative;top:16px;margin:0;padding:0;background-image:url(https://longfor-iot-static.oss-cn-beijing.aliyuncs.com/lfplayer-v2/0.5.0/images/webrtc-loading.svg);background-repeat:no-repeat;background-size:100%;transform:translateZ(0);animation:webrtcLoading 2s infinite linear}.webrtc-video-container .webrtc-poster .loading-container .webrtc-loading-txt{font-size:12px;text-align:center;margin:10px 0 0;padding:0;color:#fff;width:100%}.webrtc-video-container .webrtc-poster .webrtc-center-error-message{color:#FFF;font-size:12px;line-height:22px;margin-bottom:12px}.webrtc-video-container .webrtc-poster .webrtc-center-error-logo{background-image:url(https://static-iot.longfor.com/lfplayer-v2/0.5.0/images/error_logo.png);width:120px;height:67px;background-size:100%;margin-bottom:12px}.webrtc-video-container .webrtc-poster .webrtc-center-qianding-error-logo{background-image:url(https://static-iot.longfor.com/lfplayer-v2/0.5.0/images/qianding-error.png);width:120px;height:67px;background-size:100%;margin-bottom:12px}.webrtc-video-container .webrtc-poster .webrtc-reconnect-btn{width:96px;height:32px;line-height:32px;color:#FFF;background-color:#38A3FF;border-radius:2px;font-size:12px;cursor:pointer;text-align:center}.webrtc-video-container .webrtc-poster .webrtc-reconnect-btn:hover{background-color:#3574ff}.webrtc-video-container .webrtc-poster .webrtc-title-txt{position:absolute;left:10px;top:22px;font-size:12px;color:#FFF;z-index:1003}.webrtc-video-container .webrtc-poster .webrtc-watermark{left:0;top:0;width:100%;height:100%;transform:translateZ(0);-webkit-transform:translateZ(0)}.webrtc-video-container .webrtc-poster .webrtc-watermark .webrtc-watermark-item{position:absolute;transform:rotateZ(-15deg);-webkit-transform:rotateZ(-15deg);margin:0;font-size:12px;color:rgba(255,255,255,.4)}.webrtc-video-container .webrtc-poster .webrtc-watermark .webrtc-watermark-item:nth-child(1){left:10%;top:20%}.webrtc-video-container .webrtc-poster .webrtc-watermark .webrtc-watermark-item:nth-child(2){top:20%;right:10%}.webrtc-video-container .webrtc-poster .webrtc-watermark .webrtc-watermark-item:nth-child(3){left:50%;top:50%}.webrtc-video-container .webrtc-poster .webrtc-watermark .webrtc-watermark-item:nth-child(4){right:10%;bottom:20%}.webrtc-video-container .webrtc-poster .webrtc-watermark .webrtc-watermark-item:nth-child(5){left:10%;bottom:20%}.webrtc-video-container .webrtc-poster .webrtc-watermark .webrtc-watermark-item.webrtc-watermark-project{left:10%;bottom:50%}.webrtc-video-container .webrtc-poster .webrtc-watermark .webrtc-watermark-item.webrtc-watermark-project.mobile{bottom:40%}.webrtc-video-container .webrtc-poster .webrtc-watermark .webrtc-watermark-item.webrtc-watermark-point{right:10%;bottom:50%}.webrtc-video-container .webrtc-poster .webrtc-watermark .webrtc-watermark-item.webrtc-watermark-point.mobile{bottom:40%}.webrtc-video-container .webrtc-poster .webrtc-record-title{position:absolute;right:18px;top:18px;width:162px;height:36px;background-color:rgba(50,50,50,.7);border-radius:2px;display:flex;justify-content:center;align-items:center}.webrtc-video-container .webrtc-poster .webrtc-record-title.hide{display:none}.webrtc-video-container .webrtc-poster .webrtc-record-title .record-icon{display:inline-block;width:20px;height:20px;background-image:url(https://static-iot.longfor.com/lfplayer-v2/0.5.0/images/record_stop.svg);background-repeat:no-repeat;background-size:100%}.webrtc-video-container .webrtc-poster .webrtc-center-play-icon.hide,.webrtc-video-container .webrtc-poster .webrtc-poster-pic-contain.hide,.webrtc-video-container .webrtc-poster .webrtc-poster-pic-fill.hide{display:none}.webrtc-video-container .webrtc-poster .webrtc-record-title .record-txt{font-size:14px;color:#FFF;margin:0 4px}.webrtc-video-container .webrtc-poster .webrtc-record-title .record-clock{font-size:14px;color:#FFF}.webrtc-video-container .webrtc-poster .webrtc-poster-pic-contain{position:absolute;left:0;top:0;z-index:998;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:contain}.webrtc-video-container .webrtc-poster .webrtc-poster-pic-fill{position:absolute;left:0;top:0;z-index:998;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover}.webrtc-video-container .webrtc-poster .webrtc-center-play-icon{width:46px;height:46px;position:absolute;z-index:1001;top:50%;left:50%;transform:translate3d(-50%,-50%,0);background:url(https://static-iot.longfor.com/lfplayer-v2/0.5.0/images/center_play.svg) no-repeat;background-size:100%;cursor:pointer}.webrtc-video-container .webrtc-control-container{position:absolute;left:0;bottom:0;z-index:1101;width:100%;height:2em;background:rgba(0,0,0,.3);display:flex;align-items:center;font-size:16px}.webrtc-video-container .webrtc-control-container .webrtc-control-container-empty{flex:1}.webrtc-video-container .webrtc-control-container.disabled .disabled-cover{z-index:999}.webrtc-video-container .webrtc-control-container.hide{display:none}.webrtc-video-container .webrtc-control-container .disabled-cover{position:absolute;left:0;bottom:0;z-index:-1;width:100%;height:2em}.webrtc-video-container .webrtc-control-container .webrtc-toggle-channel-btn{position:relative;height:2em;text-align:center;color:#FFF;cursor:pointer;line-height:2em;font-size:.8em;margin-right:.5em;margin-left:.5em}.webrtc-video-container .webrtc-control-container .webrtc-toggle-channel-btn.disabled,.webrtc-video-container .webrtc-control-container .webrtc-toggle-channel-btn.disabledToggle{opacity:.5;pointer-events:none}.webrtc-video-container .webrtc-control-container .webrtc-time{font-size:12px;color:#FFF;margin-left:6px}.webrtc-video-container .webrtc-control-container .webrtc-btn{position:relative;width:2em;height:2em;cursor:pointer;background:center no-repeat;-webkit-background-size:contain;background-size:1.4em auto}.webrtc-video-container .webrtc-control-container .webrtc-btn.disabled{opacity:.5;pointer-events:none;cursor:default}.webrtc-video-container .webrtc-control-container .webrtc-btn.webrtc-play{background-image:url(https://static-iot.longfor.com/lfplayer-v2/0.5.0/images/play_btn2.svg)}.webrtc-video-container .webrtc-control-container .webrtc-btn.webrtc-terminal{background-image:url(https://static-iot.longfor.com/lfplayer-v2/0.5.0/images/terminal.svg)}.webrtc-video-container .webrtc-control-container .webrtc-btn.webrtc-record{background-image:url(https://static-iot.longfor.com/lfplayer-v2/0.5.0/images/record.svg);display:none}.webrtc-video-container .webrtc-control-container .webrtc-btn.webrtc-record-stop{background-image:url(https://static-iot.longfor.com/lfplayer-v2/0.5.0/images/record_stop.svg)}.webrtc-video-container .webrtc-control-container .webrtc-btn.webrtc-restart{background-image:url(https://static-iot.longfor.com/lfplayer-v2/0.5.0/images/play_btn2.svg)}.webrtc-video-container .webrtc-control-container .webrtc-btn.zoom-in{background-image:url(https://static-iot.longfor.com/lfplayer-v2/0.5.0/images/plus.svg);background-size:1.2em auto}.webrtc-video-container .webrtc-control-container .webrtc-btn.zoom-in.hide{display:none}.webrtc-video-container .webrtc-control-container .webrtc-btn.zoom-out{background-image:url(https://static-iot.longfor.com/lfplayer-v2/0.5.0/images/minus.svg);background-size:1.2em auto}.webrtc-video-container .webrtc-control-container .webrtc-btn.zoom-out.hide{display:none}.webrtc-video-container .webrtc-control-container .webrtc-btn.codeStream{background-image:url(https://static-iot.longfor.com/lfplayer-v2/0.5.0/images/streamInfo.svg);background-size:1em auto}.webrtc-video-container .webrtc-control-container .webrtc-btn.codeStream.hide{display:none}.webrtc-video-container .webrtc-control-container .webrtc-btn.camera{background-image:url(https://static-iot.longfor.com/lfplayer-v2/0.5.0/images/camera2.svg);display:none}.webrtc-video-container .webrtc-control-container .webrtc-btn.webrtc-stop{background-image:url(https://static-iot.longfor.com/lfplayer-v2/0.5.0/images/stop_btn2.svg)}.webrtc-video-container .webrtc-control-container .webrtc-btn.webrtc-fullscreen{background-image:url(https://static-iot.longfor.com/lfplayer-v2/0.5.0/images/fullscreen2.svg)}.webrtc-video-container .webrtc-control-container .webrtc-btn.webrtc-fullscreen-exit{background-image:url(https://static-iot.longfor.com/lfplayer-v2/0.5.0/images/fullscreen_exit2.svg)}.webrtc-video-container .webrtc-control-container .webrtc-btn.webrtc-volume{background-image:url(https://static-iot.longfor.com/lfplayer-v2/0.5.0/images/volume.svg);background-size:2em 2em}.webrtc-video-container .webrtc-control-container .webrtc-btn.webrtc-muted{background-image:url(https://static-iot.longfor.com/lfplayer-v2/0.5.0/images/muted.svg);background-size:2em 2em}.webrtc-video-container .webrtc-control-container .webrtc-btn.radio-open{background-image:url(https://static-iot.longfor.com/lfplayer-v2/0.5.0/images/yuyin.svg);background-size:1.3em 1.3em}.webrtc-video-container .webrtc-control-container .webrtc-btn.radio-open.hide{display:none}.webrtc-video-container .webrtc-control-container .webrtc-btn.radio-close{background-image:url(https://static-iot.longfor.com/lfplayer-v2/0.5.0/images/closeyuyin.svg);background-size:1em 1em}.webrtc-video-container .webrtc-control-container .webrtc-btn.radio-close.hide{display:none}.webrtc-video-container .webrtc-control-container .webrtc-btn.webrtc-muted,.webrtc-video-container .webrtc-control-container .webrtc-btn.webrtc-volume{position:relative}.webrtc-video-container .webrtc-control-container .webrtc-btn.webrtc-muted .webrtc-volume-bg,.webrtc-video-container .webrtc-control-container .webrtc-btn.webrtc-volume .webrtc-volume-bg{height:8.8em;width:2em;position:absolute;left:.25em;top:-8.8em;background:rgba(36,36,36,.6);display:none}.webrtc-video-container .webrtc-control-container .webrtc-btn.webrtc-muted .webrtc-slider-vertical,.webrtc-video-container .webrtc-control-container .webrtc-btn.webrtc-volume .webrtc-slider-vertical{position:relative;width:.5em;height:8em;left:1em;top:-8.4em;z-index:1001;background:rgba(28,28,28,.9);cursor:pointer;display:none}.webrtc-video-container .webrtc-control-container .webrtc-btn.webrtc-muted .webrtc-slider-vertical .webrtc-slider-track,.webrtc-video-container .webrtc-control-container .webrtc-btn.webrtc-volume .webrtc-slider-vertical .webrtc-slider-track{position:absolute;left:0;bottom:0;background-color:rgba(18,117,207,.8);width:.5em;height:100%}.webrtc-video-container .webrtc-control-container .webrtc-btn.webrtc-muted .webrtc-slider-vertical .webrtc-slider-thumb,.webrtc-video-container .webrtc-control-container .webrtc-btn.webrtc-volume .webrtc-slider-vertical .webrtc-slider-thumb{cursor:pointer;position:absolute;background-color:#f0f8ff;width:.8em;height:.8em;border-radius:.8em;margin-top:-.4em;top:0;left:-.15em}.webrtc-video-container .webrtc-control-container .webrtc-btn.drawing .webrtc-slider-vertical,.webrtc-video-container .webrtc-control-container .webrtc-btn.drawing .webrtc-volume-bg{display:block!important}.webrtc-video-container .webrtc-control-container .webrtc-btn.volume-range{position:absolute;bottom:2em;transform:rotateZ(-90deg);-webkit-transform:rotateZ(-90deg);-moz-transform:rotateZ(-90deg);-ms-transform:rotateZ(-90deg);-o-transform:rotateZ(-90deg)}.webrtc-video-container .webrtc-control-container .webrtc-btn.volume-range #volumeRange{top:50%;transform:translate(0,50%);-webkit-transform:translate(0,50%);-moz-transform:translate(0,50%);-ms-transform:translate(0,50%);-o-transform:translate(0,50%)}.webrtc-video-container .webrtc-control-container .webrtc-btn.volume-range-hide{visibility:hidden}.webrtc-video-container .webrtc-control-container .webrtc-btn.volume-range-show{visibility:visible}.vjs-loading-spinner{display:none!important}.webrtc_preview-img{position:absolute;right:20px;bottom:50px;border:4px solid #FFF;transition:opacity .3s linear}.webrtc-toast-container{position:absolute;left:50%;bottom:42px;z-index:1002;transform:translate3d(-50%,0,0);padding:12px;background:rgba(0,0,0,.6);border-radius:2px;font-size:14px;line-height:1;color:#FFF;transition:opacity .3s linear}