html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{text-decoration:underline;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}.ws-player{position:relative;background-color:#1c2834;display:flex;justify-content:center;flex-direction:column;height:100%}.ws-player .player-wrapper{width:100%;height:calc(100% - 60px);overflow:hidden;display:flex;flex-wrap:wrap}.ws-player .player-wrapper.nocontrol{height:100%}.ws-player .wsplayer-item{display:flex;align-items:center;justify-content:center}.fullplayer .wsplayer-item{position:relative}.screen-split-4 .wsplayer-item{width:50%;height:50%;position:relative}.screen-split-9 .wsplayer-item{width:33.3%;height:33.3%;position:relative}.screen-split-16 .wsplayer-item{width:25%;height:25%;position:relative}.screen-split-25 .wsplayer-item{width:20%;height:20%;position:relative}.screen-split-16 .wsplayer-item .stream-info,.screen-split-25 .wsplayer-item .stream-info{font-size:12px}.ws-player .wsplayer-item.selected{border:1px solid #009cff;transition:all cubic-bezier(.19,1,.22,1) .3s}.ws-player .wsplayer-item.unselected{border:1px solid #161a1e}.ws-player.fullplayer .player-wrapper .wsplayer-item.selected{width:calc(100% - 2px);height:calc(100% - 2px)}.ws-player.fullplayer .player-wrapper .wsplayer-item.unselected{display:none}.ws-player .kind-stream-canvas,.ws-player .ws-full-content{width:100%;height:100%}.ws-player .default-status{position:absolute;width:100%;height:100%;top:0;z-index:10;left:0;display:flex;justify-content:center;align-items:center;user-select:none}.ws-player .player-control{position:absolute;width:100%;background:#000000d9;visibility:hidden;user-select:none}.ws-player .top-control-bar{display:flex;justify-content:space-between;align-items:center;z-index:35;top:0;height:40px;color:#fff}.ws-player .record-control-bar{display:none;z-index:20;bottom:0;height:39px;visibility:visible;color:#fff}.ws-player .stream-info{font-size:12px;height:100%;letter-spacing:0;line-height:40px;color:#fff;white-space:nowrap}.ws-player .record-control-right,.ws-player .record-control-left{height:34px;display:flex;justify-content:center;align-items:center}.ws-player .record-control-left{float:left}.ws-player .record-control-right{float:right}.ws-player .wsplayer-progress-bar{position:relative;height:5px;margin:0 10px;cursor:pointer}.ws-player .progress-bar_background{position:absolute;background:#e7e7e74d;height:100%;width:100%}.ws-player .progress-bar_light{position:absolute;height:100%;background:#459df5;z-index:2}.ws-player .progress-bar_hover_light{position:absolute;cursor:pointer;background:#e7e7e7b3;height:100%}.ws-player .error{position:absolute;top:0;left:0;z-index:30;width:100%;height:100%;display:flex;justify-content:center;align-items:center;visibility:hidden;user-select:none;color:#fffc;font-size:30px}.ws-player .play-pause-wrapper{position:absolute;top:0;left:0;z-index:30;width:100%;height:100%;visibility:hidden;display:flex;justify-content:center;align-items:center;background-color:#0000004d}.ws-player .center-play-icon{width:60px;height:60px;background-image:url(/WSPlayer/icon/play-n.png)}.ws-player .center-play-icon:hover{background-image:url(/WSPlayer/icon/play-h.png)}.ws-player .opt-icons{display:flex;margin-right:14px}.ws-player .opt-icon{width:20px;height:20px;margin:0 4px;cursor:pointer}.ws-player .ws-talking{visibility:hidden;position:absolute;top:40px;left:10px;z-index:10;color:#27d05a;font-size:28px;user-select:none}.ws-player .talk-icon.off{background-image:url(/WSPlayer/icon/talk-off.svg)}.ws-player .talk-icon.off:hover{background-image:url(/WSPlayer/icon/talk-off-hover.svg)}.ws-player .talk-icon.on{background-image:url(/WSPlayer/icon/talk-on.svg)}.ws-player .audio-icon.off{background-image:url(/WSPlayer/icon/voice-null.svg)}.ws-player .audio-icon.off:hover{background-image:url(/WSPlayer/icon/voice-null_hover.svg)}.ws-player .audio-icon.on{background-image:url(/WSPlayer/icon/voice-have_hover.svg)}.ws-player .capture-icon{background-image:url(/WSPlayer/icon/snapshot.svg)}.ws-player .capture-icon:hover{background-image:url(/WSPlayer/icon/snapshot_hover.svg)}.ws-player .close-icon{background-image:url(/WSPlayer/icon/close.svg)}.ws-player .close-icon:hover{background-image:url(/WSPlayer/icon/close_hover.svg)}.ws-player .record-icon{background-image:url(/WSPlayer/icon/RecordNormal.svg)}.ws-player .record-icon:hover{background-image:url(/WSPlayer/icon/RecordHover.svg)}.ws-player .record-icon.recording{background-image:url(/WSPlayer/icon/Recording.svg);background-repeat:no-repeat;background-size:20px 20px}.ws-player .ws-control{display:flex;justify-content:space-between;flex-shrink:0;align-items:center;height:60px;width:100%;background:#121a23}.ws-control .ws-select-self-adaption{position:relative;display:flex;align-items:center;justify-content:center;width:78px;height:32px;border-radius:4px;border:solid 1px #565965;cursor:pointer}.ws-control .ws-select-self-adaption .ws-select-show{display:flex;color:#b2bac2;user-select:none}.ws-control .ws-select-self-adaption .ws-self-adaption-type{position:absolute}.ws-control .ws-select-self-adaption .ws-select-ul{padding:0;width:76px;background:#2a2b37;position:absolute;bottom:1px;left:-38px;z-index:20}.ws-control .ws-select-self-adaption .ws-select-ul .ws-select-type-item{height:32px;line-height:32px;text-align:center;cursor:pointer;margin-top:4px;font-size:14px;list-style:none;color:#b2bac2}.ws-control .ws-select-self-adaption .ws-select-ul .ws-select-type-item:hover{opacity:.7}.ws-player .ws-record-control{position:relative;height:60px;cursor:pointer;background-image:linear-gradient(0deg,#445160,#1c2834)}.ws-player .ws-timeline{position:relative;display:flex;flex-direction:column;width:100%;height:100%;z-index:10}.ws-player .ws-timeline-group{width:100%;height:8px;display:flex;justify-content:space-between;word-wrap:initial}.ws-player .ws-time-space{height:4px;border-left:1px solid #909aa5}.ws-player .ws-time-space-long{height:8px}.ws-player .ws-time-point{color:#909aa5;width:0;position:relative;left:-20px;top:0}.ws-player .ws-time-point:first-child{left:0}.ws-player .ws-time-point:last-child{left:-40px}.ws-player #ws-cursor{height:40px;border-left:1px solid #fff;position:absolute;top:0;z-index:20}.ws-player .ws-cursor-time{position:relative}.ws-player .ws-cursor-time span{position:absolute;top:40px;left:-32px;color:#909aa5}.ws-player #ws-record-time-box{height:22px;border-left:1px solid #fff;position:absolute;top:0;z-index:20}.ws-player .ws-record-time{position:relative;color:#fff}.ws-player .ws-record-time span{position:absolute;top:22px;left:-32px}.ws-player .ws-record-area{position:absolute;height:100%}.ws-player .ws-ctrl-icon{width:21px;height:20px;margin:0 8px;background-repeat:no-repeat;background-position:center;cursor:pointer}.ws-player .ws-ctrl-btn-spread{border-left:1px solid #fff;margin:0 8px;height:8px}.ws-player .full-screen-icon{margin-right:16px;background-image:url(/WSPlayer/icon/fullscreen.svg)}.ws-player .full-screen-icon:hover{background-image:url(/WSPlayer/icon/fullscreen-hover.svg)}.ws-player .close-all-video{background-image:url(/WSPlayer/icon/close-all.svg)}.ws-player .close-all-video:hover{background-image:url(/WSPlayer/icon/close-all-hover.svg)}.ws-player .one-screen-icon{background-image:url(/WSPlayer/icon/screen_1.svg)}.ws-player .one-screen-icon:hover{background-image:url(/WSPlayer/icon/screen_1_hover.svg)}.ws-player .four-screen-icon{background-image:url(/WSPlayer/icon/screen_4.svg)}.ws-player .four-screen-icon.active{background-image:url(/WSPlayer/icon/screen_4_hover.svg)}.ws-player .four-screen-icon:hover{background-image:url(/WSPlayer/icon/screen_4_hover.svg)}.ws-player .nine-screen-icon{background-image:url(/WSPlayer/icon/screen_9.svg)}.ws-player .nine-screen-icon.active{background-image:url(/WSPlayer/icon/screen_9_hover.svg)}.ws-player .nine-screen-icon:hover{background-image:url(/WSPlayer/icon/screen_9_hover.svg)}.ws-player .sixteen-screen-icon{background-image:url(/WSPlayer/icon/screen_16.svg)}.ws-player .sixteen-screen-icon.active{background-image:url(/WSPlayer/icon/screen_16_hover.svg)}.ws-player .sixteen-screen-icon:hover{background-image:url(/WSPlayer/icon/screen_16_hover.svg)}.ws-player .twenty-five-screen-icon{background-image:url(/WSPlayer/icon/screen_25.svg)}.ws-player .twenty-five-screen-icon.active{background-image:url(/WSPlayer/icon/screen_25_hover.svg)}.ws-player .twenty-five-screen-icon:hover{background-image:url(/WSPlayer/icon/screen_25_hover.svg)}.ws-player .ws-flex{width:100%;display:flex;align-items:center;justify-content:center}.ws-player .ws-flex-end{justify-content:flex-end}.ws-player .ws-flex-left{justify-content:flex-start}.ws-player .ws-ctrl-record-icon{width:24px;height:24px;border-radius:100%;margin:0 8px;background-repeat:no-repeat;background-position:center;cursor:pointer}.ws-player .ws-record-speed-txt{color:#b2bac2;text-align:center;margin:0;width:40px}.ws-player .ws-record-play{background-image:url(/WSPlayer/icon/record_play.svg)}.ws-player .ws-record-pause{background-image:url(/WSPlayer/icon/record_pause.svg)}.ws-player .ws-record-speed-sub{background-image:url(/WSPlayer/icon/speed_left.svg)}.ws-player .ws-record-speed-add{background-image:url(/WSPlayer/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{transform:scale(.5);opacity:.25}26%{transform:scale(1);opacity:1}}.wsplayer-item .stream{width:213px;margin-left:6px;display:flex}.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{width:80px;margin-right:8px;position:relative;user-select:none}.wsplayer-item .select-show{width:80px;height:40px;line-height:40px;text-align:center;background-color:#000000d9;color:#fff;font-size:14px;box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:0 1px 0 8px}.wsplayer-item .select-show .code-stream{width:51px}.wsplayer-item .select-ul{background-color:#2a2b37;color:#fff;width:80px;position:absolute;left:0;top:40px;box-sizing:border-box}.wsplayer-item .select-ul li{height:32px;line-height:32px;text-align:center;cursor:pointer;margin-top:4px;font-size:14px;list-style:none}.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{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;justify-content:flex-end;border:1px solid #e9ebee;padding-top:10px;position:relative}.ws-pan-tilt-circle-wrapper{flex:1 1;display:flex;align-items:center}.ws-pan-tilt-circle{width:180px;height:180px;background-color:#f5f6f9;border-radius:50%;position:relative;overflow:hidden;transform:rotate(-45deg)}.ws-pan-tilt-direction-item{position:absolute;width:90px;height:90px;transform-origin:100% 100%;transition:border .3s ease;cursor:pointer;user-select:none}.ws-pan-tilt-direction-item:active{background-image:linear-gradient(150deg,#1c79f433,#fff0)}.ws-pan-tilt-circle-rotate{transform:rotate(45deg);overflow:hidden}.ws-pan-tilt-direction-item:nth-child(1){transform:rotate(66deg) skew(45deg)}.ws-pan-tilt-direction-item:nth-child(1) img{width:16px;position:absolute;transform:skew(-45deg) rotate(-66deg) translate(-1px,-8px);top:55px;left:52px}.ws-pan-tilt-direction-item:nth-child(2){transform:rotate(111deg) skew(45deg)}.ws-pan-tilt-direction-item:nth-child(2) img{width:16px;position:absolute;transform:skew(-45deg) rotate(-111deg) translate(1px,2px);top:55px;left:44px}.ws-pan-tilt-direction-item:nth-child(3){transform:rotate(156deg) skew(45deg)}.ws-pan-tilt-direction-item:nth-child(3) img{width:16px;position:absolute;transform:skew(-45deg) rotate(-156deg) translateY(3px);top:55px;left:44px}.ws-pan-tilt-direction-item:nth-child(4){transform:rotate(-159deg) skew(45deg)}.ws-pan-tilt-direction-item:nth-child(4) img{width:16px;position:absolute;transform:skew(-45deg) rotate(159deg) translateY(1px);top:55px;left:46px}.ws-pan-tilt-direction-item:nth-child(5){transform:rotate(-114deg) skew(45deg)}.ws-pan-tilt-direction-item:nth-child(5) img{width:16px;position:absolute;transform:skew(-45deg) rotate(114deg) translate(2px,-2px);top:51px;left:48px}.ws-pan-tilt-direction-item:nth-child(6){transform:rotate(-69deg) skew(45deg)}.ws-pan-tilt-direction-item:nth-child(6) img{width:16px;position:absolute;transform:skew(-45deg) rotate(69deg) translate(2px,2px);top:52px;left:50px}.ws-pan-tilt-direction-item:nth-child(7){transform:rotate(-24deg) skew(45deg)}.ws-pan-tilt-direction-item:nth-child(7) img{width:16px;position:absolute;transform:skew(-45deg) rotate(24deg) translate(2px,2px);top:50px;left:48px}.ws-pan-tilt-direction-item:nth-child(8){transform:rotate(21deg) skew(45deg)}.ws-pan-tilt-direction-item:nth-child(8) img{width:16px;position:absolute;transform:skew(-45deg) rotate(-21deg) translateY(2px);top:52px;left:49px}.ws-pan-tilt-inner-circle{width:80px;height:80px;border-radius:50%;background-color:#fff;position:absolute;top:28%;left:28%;display:flex;align-items:center;justify-content:center}.ws-pan-tilt-pzt-select{cursor:pointer}.ws-cloud-control-wrapper{display:flex;width:100%;height:42px;align-items:center;justify-content:center;border-top:1px solid #e9ebee;margin-top:10px}.ws-cloud-control-wrapper .ws-pan-tilt-control-item img{width:20px;height:20px;cursor:pointer;margin:0 8px}.ws-cloud-control-wrapper .cloud-control-separate{border-left:1px solid #e9ebee;height:20px}.ws-pan-tilt-mask{position:absolute;z-index:100;cursor:not-allowed;background-color:#ccc;opacity:.4}.ws-pan-tilt-mask-direction{top:0;width:100%;height:calc(100% - 42px)}.ws-pan-tilt-mask-position{width:80px;height:80px;border-radius:100%;top:calc((100% - 42px)/2);transform:translate(-50%,-50%);left:50%;display:none}.ws-pan-tilt-mask-zoom{left:0;bottom:0;height:42px;width:calc(50% + 36px)}.ws-pan-tilt-mask-aperture{right:0;bottom:0;height:42px;width:calc(50% - 36px)}