.ws-player{background-color:#1c2834;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative}.ws-player .player-wrapper{height:calc(100% - 60px);overflow:hidden;position:relative;user-select:none;width:100%}.ws-player .player-wrapper.nocontrol{height:100%}.ws-player .wsplayer-item{align-items:center;display:flex;justify-content:center;position:absolute}.fullplayer .wsplayer-item{position:absolute}.ws-player .wsplayer-item.selected{border:1px solid #009cff;transition:all .3s cubic-bezier(.19,1,.22,1)}.ws-player .wsplayer-item.unselected{border:1px solid #161a1e;transition:all .3s cubic-bezier(.19,1,.22,1)}.ws-player.fullplayer .player-wrapper .wsplayer-item.selected{height:calc(100% - 2px);width:calc(100% - 2px)}.ws-player.fullplayer .player-wrapper .wsplayer-item.unselected{display:none}.ws-player .kind-stream-canvas{height:100%;position:absolute;width:100%}.ws-player .ws-full-content{height:100%;width:100%}.ws-player .default-status{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;transition:.5s;user-select:none;width:100%;z-index:10}.ws-player .player-control{background:rgba(0,0,0,.85);position:absolute;user-select:none;visibility:hidden;width:100%}.ws-player .top-control-bar{align-items:center;color:#fff;display:flex;height:40px;justify-content:space-between;overflow-x:clip;top:0;z-index:35}.ws-player .custom-division-container{height:calc(100% - 64px);left:0;position:absolute;top:0;width:100%;z-index:120}.ws-player .record-control-bar{bottom:0;color:#fff;display:none;height:39px;visibility:visible;z-index:20}.ws-player .stream-info{color:#fff;font-size:12px;height:100%;letter-spacing:0;line-height:40px;white-space:nowrap}.ws-player .record-control-left,.ws-player .record-control-right{align-items:center;display:flex;height:34px;justify-content:center}.ws-player .record-control-left{float:left}.ws-player .record-control-right{float:right}.ws-player .wsplayer-progress-bar{cursor:pointer;height:5px;margin:0 10px;position:relative}.ws-player .progress-bar_background{background:hsla(0,0%,91%,.3);height:100%;position:absolute;width:100%}.ws-player .progress-bar_light{background:#459df5;height:100%;position:absolute;z-index:2}.ws-player .progress-bar_hover_light{background:hsla(0,0%,91%,.7);cursor:pointer;height:100%;position:absolute}.ws-player .error{color:hsla(0,0%,100%,.8);font-size:30px;user-select:none}.ws-player .error,.ws-player .play-pause-wrapper{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;visibility:hidden;width:100%;z-index:30}.ws-player .play-pause-wrapper{background-color:rgba(0,0,0,.3)}.ws-player .center-play-icon{background-image:url(icon/play-n.png);height:60px;width:60px}.ws-player .center-play-icon:hover{background-image:url(icon/play-h.png)}.ws-player .opt-icons{display:flex;flex:1;justify-content:flex-end;margin-right:10px}.ws-player .opt-icon{cursor:pointer;flex-shrink:0;height:20px;margin:0 4px;width:20px}.ws-player .ws-talking{color:#27d05a;font-size:28px;left:10px;position:absolute;top:40px;user-select:none;visibility:hidden;z-index:10}.ws-player .draw-triangle-icon.off{background-image:url(icon/draw-triangle_off.svg)}.ws-player .draw-triangle-icon.off:hover{background-image:url(icon/draw-triangle_off_hover.svg)}.ws-player .draw-triangle-icon.on{background-image:url(icon/draw-triangle_on.svg)}.ws-player .draw-triangle-icon.on:hover{background-image:url(icon/draw-triangle_on_hover.svg)}.ws-player .talk-icon.off{background-image:url(icon/talk-off.svg)}.ws-player .talk-icon.off:hover{background-image:url(icon/talk-off-hover.svg)}.ws-player .talk-icon.on{background-image:url(icon/talk-on.svg)}.ws-player .audio-icon.off{background-image:url(icon/voice-null.svg)}.ws-player .audio-icon.off:hover{background-image:url(icon/voice-null_hover.svg)}.ws-player .audio-icon.on{background-image:url(icon/voice-have_hover.svg)}.ws-player .refresh-replay-icon{background-image:url(icon/refresh-replay.svg)}.ws-player .refresh-replay-icon:hover{background-image:url(icon/refresh-replay_hover.svg)}.ws-player .hidden-deep{display:none!important}.ws-player .capture-icon{background-image:url(icon/snapshot.svg)}.ws-player .capture-icon:hover{background-image:url(icon/snapshot_hover.svg)}.ws-player .close-icon{background-image:url(icon/close.svg)}.ws-player .close-icon:hover{background-image:url(icon/close_hover.svg)}.ws-player .record-icon{background-image:url(icon/RecordNormal.svg)}.ws-player .record-icon:hover{background-image:url(icon/RecordHover.svg)}.ws-player .record-icon.recording{background-image:url(icon/Recording.svg);background-repeat:no-repeat;background-size:20px 20px}.ws-player .more-icon{background-image:url(icon/more.svg)}.ws-player .ws-more{position:relative}.ws-player .ws-refresh-replay:hover .refresh-replay-icon{background-image:url(icon/refresh-replay_hover.svg)}.ws-player .ws-draw-triangle:hover .draw-triangle-icon.off{background-image:url(icon/draw-triangle_off_hover.svg)}.ws-player .ws-draw-triangle:hover .draw-triangle-icon.on{background-image:url(icon/draw-triangle_on_hover.svg)}.ws-player .ws-talk:hover .talk-icon.off{background-image:url(icon/talk-off-hover.svg)}.ws-player .ws-record:hover .record-icon{background-image:url(icon/RecordHover.svg)}.ws-player .ws-record.recording .record-icon{background-image:url(icon/Recording.svg)}.ws-player .ws-audio:hover .audio-icon.off{background-image:url(icon/voice-null_hover.svg)}.ws-player .ws-audio:hover .audio-icon.on{background-image:url(icon/voice-have_hover.svg)}.ws-player .ws-capture:hover .capture-icon{background-image:url(icon/snapshot_hover.svg)}.ws-player .ws-audio:hover .ws-icon-tip,.ws-player .ws-capture:hover .ws-icon-tip,.ws-player .ws-draw-triangle:hover .ws-icon-tip,.ws-player .ws-record:hover .ws-icon-tip,.ws-player .ws-refresh-replay:hover .ws-icon-tip,.ws-player .ws-talk:hover .ws-icon-tip{color:#3d7ccb}.ws-player .opt-icons-vertical{background:#000;display:flex;flex-direction:column;opacity:.9;position:absolute;right:0;top:30px;visibility:hidden}.ws-player .opt-icons-vertical>div{align-items:center;display:flex;height:32px;justify-content:flex-start;width:80px}.ws-player .opt-icons-vertical>div:lang(foreign){justify-content:flex-start;width:130px}.ws-player .opt-icons-vertical .ws-icon-tip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-player .ws-control{align-items:center;background:#121a23;display:flex;flex-shrink:0;height:60px;justify-content:space-between;overflow-x:clip;width:100%}.ws-control .ws-select-self-adaption{align-items:center;border:1px solid #565965;border-radius:4px;cursor:pointer;display:flex;height:32px;justify-content:center;position:relative;width:120px;z-index:105}.ws-control .ws-select-self-adaption .ws-select-show{color:#b2bac2;display:flex;user-select:none}.ws-control .ws-select-self-adaption .ws-self-adaption-type{position:absolute}.ws-control .ws-select-self-adaption .ws-select-ul{background:#2a2b37;bottom:16px;left:-60px;margin-bottom:0;padding:0;position:absolute;width:120px;z-index:20}.ws-control .ws-select-self-adaption .ws-select-ul .ws-select-type-item{color:#b2bac2;cursor:pointer;font-size:14px;height:32px;line-height:32px;list-style:none;margin-top:4px;overflow:hidden;padding:0 10px;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.ws-control .ws-select-self-adaption .ws-select-ul .ws-select-type-item:hover{opacity:.7}.ws-player .ws-record-control{background-image:linear-gradient(0deg,#445160,#1c2834);cursor:pointer;height:60px;position:relative}.ws-player .ws-timeline{display:flex;flex-direction:column;height:100%;position:relative;width:100%;z-index:10}.ws-player .ws-timeline-group{display:flex;height:8px;justify-content:space-between;width:100%;word-wrap:normal}.ws-player .ws-time-space{border-left:1px solid #909aa5;height:4px}.ws-player .ws-time-space-long{height:8px}.ws-player .ws-time-point{color:#909aa5;left:-20px;position:relative;top:0;width:0}.ws-player .ws-time-point:first-child{left:0}.ws-player .ws-time-point:last-child{left:-40px}.ws-player #ws-cursor{border-left:1px solid #fff;height:40px;position:absolute;top:0;z-index:20}.ws-player .ws-cursor-time{position:relative}.ws-player .ws-cursor-time span{color:#909aa5;left:-32px;position:absolute;top:40px}.ws-player #ws-record-time-box{border-left:1px solid #fff;height:22px;position:absolute;top:0;z-index:20}.ws-player .ws-record-time{color:#fff;position:relative}.ws-player .ws-record-time span{left:-32px;position:absolute;top:22px}.ws-player .ws-record-area{height:100%;position:absolute;width:100%}.ws-player .ws-ctrl-icon{background-position:50%;background-repeat:no-repeat;cursor:pointer;height:20px;margin:0 8px;width:21px}.ws-player .ws-ctrl-btn-spread{border-left:1px solid #fff;height:8px;margin:0 8px}.ws-player .full-screen-icon{background-image:url(icon/fullscreen.svg);margin-right:16px}.ws-player .full-screen-icon:hover{background-image:url(icon/fullscreen-hover.svg)}.ws-player .close-all-video{background-image:url(icon/close-all.svg)}.ws-player .close-all-video:hover{background-image:url(icon/close-all-hover.svg)}.ws-player .one-screen-icon{background-image:url(icon/screen_1.svg)}.ws-player .one-screen-icon.active,.ws-player .one-screen-icon:hover{background-image:url(icon/screen_1_hover.svg)}.ws-player .two-screen-icon{background-image:url(icon/screen_2.svg)}.ws-player .two-screen-icon.active,.ws-player .two-screen-icon:hover{background-image:url(icon/screen_2_hover.svg);fill:#1c6bd6}.ws-player .three-screen-icon{background-image:url(icon/screen_3.svg)}.ws-player .three-screen-icon.active,.ws-player .three-screen-icon:hover{background-image:url(icon/screen_3_hover.svg)}.ws-player .four-screen-icon{background-image:url(icon/screen_4.svg)}.ws-player .four-screen-icon.active,.ws-player .four-screen-icon:hover{background-image:url(icon/screen_4_hover.svg)}.ws-player .six-screen-icon{background-image:url(icon/screen_6.svg)}.ws-player .six-screen-icon.active,.ws-player .six-screen-icon:hover{background-image:url(icon/screen_6_hover.svg)}.ws-player .eight-screen-icon{background-image:url(icon/screen_8.svg)}.ws-player .eight-screen-icon.active,.ws-player .eight-screen-icon:hover{background-image:url(icon/screen_8_hover.svg)}.ws-player .nine-screen-icon{background-image:url(icon/screen_9.svg)}.ws-player .nine-screen-icon.active,.ws-player .nine-screen-icon:hover{background-image:url(icon/screen_9_hover.svg)}.ws-player .sixteen-screen-icon{background-image:url(icon/screen_16.svg)}.ws-player .sixteen-screen-icon.active,.ws-player .sixteen-screen-icon:hover{background-image:url(icon/screen_16_hover.svg)}.ws-player .twenty-five-screen-icon{background-image:url(icon/screen_25.svg)}.ws-player .twenty-five-screen-icon.active,.ws-player .twenty-five-screen-icon:hover{background-image:url(icon/screen_25_hover.svg)}.ws-player .custom-screen-icon{background-image:url(icon/screen_custom_division.svg)}.ws-player .custom-screen-icon:hover{background-image:url(icon/screen_custom_division_hover.svg)}.ws-player .ws-ctrl-ellipsis{background-color:#121a23;background-image:url(icon/ws-ctrl-ellipsis.svg);background-repeat:no-repeat;bottom:20px;height:20px;position:absolute;right:0;user-select:none;width:40px}.ws-player .ws-ctrl-ellipsis-list{color:#fff;display:none;height:150px;overflow-y:auto;position:relative;transform:translate(-75px,-170px);width:130px;z-index:100}.ws-player .ws-ctrl-ellipsis-list li:hover{background-color:#a6acb3;cursor:pointer}.ws-player .ws-ctrl-ellipsis:hover{background-image:url(icon/ws-ctrl-ellipsis-hover.svg);cursor:pointer}.ws-player .ws-flex{align-items:center;display:flex;justify-content:center;width:100%}.ws-player .ws-flex-end{justify-content:flex-end;width:100%}.ws-player .ws-flex-left{justify-content:flex-start}.ws-player .ws-ctrl-record-icon{background-position:50%;background-repeat:no-repeat;border-radius:100%;cursor:pointer;height:24px;margin:0 8px;width:24px}.ws-player .ws-record-speed-txt{color:#b2bac2;margin:0;text-align:center;width:40px}.ws-player .ws-record-play{background-image:url(icon/record_play.svg)}.ws-player .ws-record-pause{background-image:url(icon/record_pause.svg)}.ws-player .ws-record-speed-sub{background-image:url(icon/speed_left.svg)}.ws-player .ws-record-speed-add{background-image:url(icon/speed_right.svg)}@keyframes spinner-line-fade-more{0%,to{opacity:0}1%{opacity:1}}@keyframes spinner-line-fade-quick{0%,39%,to{opacity:.25}40%{opacity:1}}@keyframes spinner-line-fade-default{0%,to{opacity:.22}1%{opacity:1}}@keyframes spinner-line-shrink{0%,25%,to{opacity:.25;transform:scale(.5)}26%{opacity:1;transform:scale(1)}}.wsplayer-item .stream{display:flex;margin-left:6px;overflow-x:clip}.wsplayer-item .stream-type .stream-type-select{background:#1a78ea;color:#fff}.wsplayer-item .stream-type .stream-type-item:last-child{border-right:0}.wsplayer-item .select-container{margin-right:8px;position:relative;user-select:none}.wsplayer-item .select-show{align-items:center;background-color:rgba(0,0,0,.85);box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:14px;height:40px;justify-content:space-between;line-height:40px;padding:0 1px 0 8px;text-align:center;width:120px}.wsplayer-item .select-show:lang(zh-cn){width:80px}.wsplayer-item .select-show .code-stream{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wsplayer-item .select-ul{background-color:#2a2b37;box-sizing:border-box;color:#fff;left:0;position:absolute;top:40px;width:100px}.wsplayer-item .select-ul:lang(zh-cn){width:80px}.wsplayer-item .select-ul li{cursor:pointer;font-size:14px;height:32px;line-height:32px;list-style:none;margin-top:4px;overflow:hidden;padding:0 5px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.wsplayer-item .select-ul li:hover{background-color:#3b414d}.wsplayer-item .select-ul li:active{background-color:#1c6bd6}.wsplayer-item ul,li{list-style:none;margin:0;padding:0}.ws-pan-tilt-control{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:flex-end;padding-top:10px;position:relative;width:100%}.ws-pan-tilt-circle-wrapper{align-items:center;display:flex;flex:1}.ws-pan-tilt-circle{background-color:#f5f6f9;border-radius:50%;height:180px;overflow:hidden;position:relative;transform:rotate(-45deg);width:180px}.ws-pan-tilt-direction-item{cursor:pointer;height:90px;position:absolute;transform-origin:100% 100%;transition:border .3s ease;user-select:none;width:90px}.ws-pan-tilt-direction-item:active{background-image:linear-gradient(150deg,rgba(28,121,244,.2),hsla(0,0%,100%,0))}.ws-pan-tilt-circle-rotate{overflow:hidden;transform:rotate(45deg)}.ws-pan-tilt-direction-item:first-child{transform:rotate(66deg) skew(45deg)}.ws-pan-tilt-direction-item:first-child img{left:52px;position:absolute;top:55px;transform:skew(-45deg) rotate(-66deg) translate(-1px,-8px);width:16px}.ws-pan-tilt-direction-item:nth-child(2){transform:rotate(111deg) skew(45deg)}.ws-pan-tilt-direction-item:nth-child(2) img{left:44px;position:absolute;top:55px;transform:skew(-45deg) rotate(-111deg) translate(1px,2px);width:16px}.ws-pan-tilt-direction-item:nth-child(3){transform:rotate(156deg) skew(45deg)}.ws-pan-tilt-direction-item:nth-child(3) img{left:44px;position:absolute;top:55px;transform:skew(-45deg) rotate(-156deg) translateY(3px);width:16px}.ws-pan-tilt-direction-item:nth-child(4){transform:rotate(-159deg) skew(45deg)}.ws-pan-tilt-direction-item:nth-child(4) img{left:46px;position:absolute;top:55px;transform:skew(-45deg) rotate(159deg) translateY(1px);width:16px}.ws-pan-tilt-direction-item:nth-child(5){transform:rotate(-114deg) skew(45deg)}.ws-pan-tilt-direction-item:nth-child(5) img{left:48px;position:absolute;top:51px;transform:skew(-45deg) rotate(114deg) translate(2px,-2px);width:16px}.ws-pan-tilt-direction-item:nth-child(6){transform:rotate(-69deg) skew(45deg)}.ws-pan-tilt-direction-item:nth-child(6) img{left:50px;position:absolute;top:52px;transform:skew(-45deg) rotate(69deg) translate(2px,2px);width:16px}.ws-pan-tilt-direction-item:nth-child(7){transform:rotate(-24deg) skew(45deg)}.ws-pan-tilt-direction-item:nth-child(7) img{left:48px;position:absolute;top:50px;transform:skew(-45deg) rotate(24deg) translate(2px,2px);width:16px}.ws-pan-tilt-direction-item:nth-child(8){transform:rotate(21deg) skew(45deg)}.ws-pan-tilt-direction-item:nth-child(8) img{left:49px;position:absolute;top:52px;transform:skew(-45deg) rotate(-21deg) translateY(2px);width:16px}.ws-pan-tilt-inner-circle{align-items:center;background-color:#fff;border-radius:50%;display:flex;height:80px;justify-content:center;left:28%;position:absolute;top:28%;width:80px}.ws-pan-tilt-pzt-select{cursor:pointer}.ws-cloud-control-wrapper{align-items:center;border-top:1px solid #e9ebee;display:flex;height:42px;justify-content:center;margin-top:10px;width:100%}.ws-cloud-control-wrapper .ws-pan-tilt-control-item img{cursor:pointer;height:20px;margin:0 8px;width:20px}.ws-cloud-control-wrapper .cloud-control-separate{border-left:1px solid #e9ebee;height:20px}.ws-pan-tilt-mask{background-color:#ccc;cursor:not-allowed;opacity:.4;position:absolute;z-index:100}.ws-pan-tilt-mask-direction{height:calc(100% - 42px);top:0;width:100%}.ws-pan-tilt-mask-position{border-radius:100%;display:none;height:80px;left:50%;top:calc(50% - 21px);transform:translate(-50%,-50%);width:80px}.ws-pan-tilt-mask-zoom{bottom:0;height:42px;left:0;width:calc(50% + 36px)}.ws-pan-tilt-mask-aperture{bottom:0;height:42px;right:0;width:calc(50% - 36px)}.ws-select-show-option{font-size:14px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:90px}.ws-tag-container{color:#fff;height:66px;position:absolute}.ws-tag-container .ws-tag-content{background:url(icon/IotComboBackGround.png) no-repeat;background-size:100% 100%;box-sizing:border-box;font-size:12px;left:42px;max-width:max-content;min-width:160px;padding:16px;position:absolute;text-align:left;top:64px;visibility:visible;word-break:keep-all}.ws-tag-container .ws-tag-content p{white-space:nowrap}.ws-tag-container .ws-tag-content-alarm{background:url(icon/IotComboBackGround-alarm.png) no-repeat!important;background-size:100% 100%!important}.ws-tag-container p{line-height:24px;margin:0;padding:0}.ws-tag-container .ws-tag-title{cursor:pointer;font-size:14px!important;height:80px;line-height:56px;max-width:960px;min-width:180px;overflow:hidden;padding:0 36px 0 60px;position:relative;text-overflow:ellipsis;white-space:nowrap}.ws-tag-container .ws-tag-title span{position:relative;z-index:30}.ws-tag-container .ws-left-png{left:0;position:absolute}.ws-tag-container .ws-middle-png{left:95px;position:absolute;width:calc(100% - 171px)}.ws-tag-container .ws-right-png{position:absolute;right:0}.cRaw-container{overflow:hidden}.ws-custom-dom-style{height:100%;position:absolute;width:100%}