.grid[data-v-99d16e9c]{position:relative;display:inline-block;float:left;-webkit-transition:all .5s ease;transition:all .5s ease;background-color:rgba(10,10,10,.9)}.grid>div[data-v-99d16e9c]{z-index:100}.grid.active[data-v-99d16e9c]{-webkit-box-shadow:-1px 6px 12px 1px rgba(122,200,118,.35);box-shadow:-1px 6px 12px 1px rgba(122,200,118,.35);border:2px solid #1092f6}.grid_1[data-v-99d16e9c]{width:100%;height:100%;border:1px solid #fff}.grid_4[data-v-99d16e9c]{width:50%;height:50%;border:1px solid #fff}.grid_9[data-v-99d16e9c]{width:33.33333%;height:33.33333%;border:1px solid #fff}.grid_16[data-v-99d16e9c]{width:25%;height:25%;border:1px solid #fff}.ssjk-container[data-v-99d16e9c]{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ssjk-container .right-main[data-v-99d16e9c]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;height:calc(100vh - 120px)}.ssjk-container .right-main .main-box[data-v-99d16e9c]{width:100%;padding:0 15px}.ssjk-container .right-main .main-box .head-box[data-v-99d16e9c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #f2f3f7;height:50px}.ssjk-container .right-main .main-box .head-box .title[data-v-99d16e9c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:18px}.ssjk-container .right-main .main-box .head-box .title .icon[data-v-99d16e9c]{width:22px;height:20px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAATCAYAAACQjC21AAAAAXNSR0IArs4c6QAAAYVJREFUOE+d1L0vQ2EUx/Hv8dKEqX+AkTDYrCQGA4NZDAYRYSAkDL3VoVKuLhJLxUBi6GAw2KyEwWggDAaJtYlKOkiqjjy9t3pvXx+eqbc9z+ee29+5j9BqObqEcACcEWGRpHy1rAekaUFc16CMVdY5EWbboY3BeswarQebY1ZoGGyPtUWroD3WEvVARxcQjtsl2OD3uqA8MK5PwJA1qFwg9APDQAitdGjm7cgSzOLKHOsapZd3f88prsybz//5D++IMEaJQUo8+OAnrvSEQe/Ra4e5WdM5IAp0+QUruJLxwLhuoIyjrJKWV7Y0hZKwfHxQXhCWiXBt3iIDFv07JXBlF0cvESatwWphDiVrQC1/Z5JT7ukg6V8/I39I3jOuqmC4pQJFBuhmpuaAaNX4LXmmgmAeJe/v2GFPTvwZrQ3KJGvmL7jKGIdSCIJJXNlu2II5FyEGpPnmkU5uAnW/WCVlM5xmBDZxZd8qDEffEPqAEOaBMZ2ggxHyZEzLlmAKGOWD6do9P5g7lseG97MZAAAAAElFTkSuQmCC) no-repeat 50%;margin-right:10px}.pattern-box[data-v-99d16e9c]{position:absolute;right:10px;top:10px;display:-webkit-box;display:-ms-flexbox;display:flex;padding-bottom:20px}.pattern-box .item[data-v-99d16e9c]{width:44px;height:32px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:10px;border-collapse:collapse;border:1px solid #ccc;border-bottom:0;border-right:0;cursor:pointer}.pattern-box .item span[data-v-99d16e9c]{border-bottom:1px solid #ccc;border-right:1px solid #ccc}.pattern-box .item .span1[data-v-99d16e9c]{width:100%;height:100%}.pattern-box .item .span4[data-v-99d16e9c]{width:50%;height:50%}.pattern-box .item .span5[data-v-99d16e9c]{border:0;width:100%;height:100%;background-image:url(../img/Screensmell8-1.61f9caed.svg);background-size:100% 100%}.pattern-box .item .span5-1[data-v-99d16e9c]{border:0;width:100%;height:100%;background-image:url(../img/Screensmell5.87f3f2c5.svg);background-size:100% 100%}.pattern-box .item .span6[data-v-99d16e9c]{border:0;width:100%;height:100%;background-image:url(../img/Screensmell6-1.92f7d308.svg);background-size:100% 100%}.pattern-box .item .span6-1[data-v-99d16e9c]{border:0;width:100%;height:100%;background-image:url(../img/Screensmell6.2c10ea48.svg);background-size:100% 100%}.pattern-box .item .span8[data-v-99d16e9c]{border:0;width:100%;height:100%;background-image:url(../img/Screensmell5-1.04c12c1d.svg);background-size:100% 100%}.pattern-box .item .span8-1[data-v-99d16e9c]{border:0;width:100%;height:100%;background-image:url(../img/Screensmell8.babc25dd.svg);background-size:100% 100%}.pattern-box .item .span9[data-v-99d16e9c]{width:33.33%;height:33.33%}.pattern-box .item .span16[data-v-99d16e9c]{width:25%;height:25%}.pattern-box .item.active[data-v-99d16e9c],.pattern-box .item.active span[data-v-99d16e9c]{border-color:#4a93f6}.content-wrap[data-v-99d16e9c]{padding-top:10px;display:-webkit-box;display:-ms-flexbox;display:flex}.content-wrap .tree-box[data-v-99d16e9c]{width:300px;border:1px solid #ccc}.content-wrap .tree-box .tree-content[data-v-99d16e9c]{height:calc(100vh - 215px);overflow:auto}.content-wrap .tree-box .tab-box[data-v-99d16e9c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.content-wrap .tree-box .tab-box .tab-item[data-v-99d16e9c]{line-height:40px;text-align:center;cursor:pointer;width:50%;font-weight:500;color:#333;border-bottom:1px solid #ccc;border-left:1px solid #ccc}.content-wrap .tree-box .tab-box .active[data-v-99d16e9c]{color:#4a93f6;line-height:41px;border-bottom:2px solid #4a93f6}.content-wrap .tree-box .group-box[data-v-99d16e9c]{padding-top:4px}.content-wrap .tree-box .group-box .group-head[data-v-99d16e9c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.content-wrap .tree-box .group-box .group-head .title[data-v-99d16e9c]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:40px;line-height:40px;color:#fff;background-color:#4a93f6;font-size:16px;text-align:center;cursor:pointer}.content-wrap .tree-box .group-box .group-head .add-btn[data-v-99d16e9c]:hover,.content-wrap .tree-box .group-box .group-head .delete-btn[data-v-99d16e9c]:hover,.content-wrap .tree-box .group-box .group-head .title[data-v-99d16e9c]:hover{opacity:.8}.content-wrap .tree-box .group-box .group-head .add-btn[data-v-99d16e9c],.content-wrap .tree-box .group-box .group-head .delete-btn[data-v-99d16e9c]{width:40px;height:40px;text-align:center;line-height:40px;color:#fff;background-color:#4a93f6;font-size:16px;margin-left:4px;cursor:pointer}.comvideo5[data-v-99d16e9c]{width:100%;height:100%;position:relative}.comvideo5 .out-box[data-v-99d16e9c]{padding-bottom:4px;padding-left:4px;cursor:pointer}.comvideo5>div[data-v-99d16e9c]:first-child{position:absolute;width:75%;height:100%;left:0;top:0}.comvideo5>div[data-v-99d16e9c]:nth-child(2){position:absolute;width:25%;height:25%;right:0;top:0}.comvideo5>div[data-v-99d16e9c]:nth-child(3){position:absolute;width:25%;height:25%;right:0;top:25%}.comvideo5>div[data-v-99d16e9c]:nth-child(4){position:absolute;width:25%;height:25%;right:0;top:50%}.comvideo5>div[data-v-99d16e9c]:nth-child(5){position:absolute;width:25%;height:25%;right:0;top:75%}.comvideo5>.page_style[data-v-99d16e9c]:nth-child(6){position:absolute;bottom:0;text-align:center;margin-bottom:-36px}.comvideo6[data-v-99d16e9c]{width:100%;height:100%;position:relative}.comvideo6 .out-box[data-v-99d16e9c]{padding-bottom:4px;padding-left:4px;cursor:pointer}.comvideo6>div[data-v-99d16e9c]:first-child{position:absolute;width:66.66%;height:66.66%;left:0;top:0}.comvideo6>div[data-v-99d16e9c]:nth-child(2){position:absolute;width:33.33%;height:33.33%;right:0;top:0}.comvideo6>div[data-v-99d16e9c]:nth-child(3){position:absolute;width:33.33%;height:33.33%;right:0;top:33.33%}.comvideo6>div[data-v-99d16e9c]:nth-child(4){position:absolute;width:33.33%;height:33.33%;left:0;bottom:0}.comvideo6>div[data-v-99d16e9c]:nth-child(5){position:absolute;width:33.33%;height:33.33%;bottom:0;left:33.33%}.comvideo6>div[data-v-99d16e9c]:nth-child(6){position:absolute;width:33.33%;height:33.33%;bottom:0;left:66.66%}.comvideo6>.page_style[data-v-99d16e9c]:nth-child(7){position:absolute;bottom:0;text-align:center;margin-bottom:-36px}.comvideo8[data-v-99d16e9c]{width:100%;height:100%;position:relative}.comvideo8 .out-box[data-v-99d16e9c]{padding-bottom:4px;padding-left:4px;cursor:pointer}.comvideo8>div[data-v-99d16e9c]:first-child{position:absolute;width:75%;height:75%;left:0;top:0}.comvideo8>div[data-v-99d16e9c]:nth-child(2){position:absolute;width:25%;height:25%;right:0;top:0}.comvideo8>div[data-v-99d16e9c]:nth-child(3){position:absolute;width:25%;height:25%;right:0;top:25%}.comvideo8>div[data-v-99d16e9c]:nth-child(4){position:absolute;width:25%;height:25%;right:0;top:50%}.comvideo8>div[data-v-99d16e9c]:nth-child(5){position:absolute;width:25%;height:25%;bottom:0;left:0}.comvideo8>div[data-v-99d16e9c]:nth-child(6){position:absolute;width:25%;height:25%;bottom:0;left:25%}.comvideo8>div[data-v-99d16e9c]:nth-child(7){position:absolute;width:25%;height:25%;bottom:0;left:50%}.comvideo8>div[data-v-99d16e9c]:nth-child(8){position:absolute;width:25%;height:25%;bottom:0;left:75%}.comvideo8>.page_style[data-v-99d16e9c]:nth-child(9){position:absolute;bottom:0;text-align:center;margin-bottom:-36px}.monitor-boxs[data-v-99d16e9c]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;height:calc(100vh - 216px)}.monitor-boxs .monitor[data-v-99d16e9c]{padding-bottom:4px;padding-left:4px;cursor:pointer;overflow:hidden}.monitor-boxs .video-box[data-v-99d16e9c]{width:100%;height:100%;cursor:pointer;background:#333 url(../img/video-bg.e0935fc7.png) no-repeat 50%;position:relative}.monitor-boxs .video-box .video-title[data-v-99d16e9c]{position:absolute;color:#fbd26a;height:76%!important;width:100%;padding:0 4px;top:0;left:0;background-color:transparent;font-size:14px;font-weight:700;text-align:left}.monitor-boxs .video-box-loading[data-v-99d16e9c]{position:relative}.monitor-boxs .video-box-loading[data-v-99d16e9c],.monitor-boxs .video-box-tips[data-v-99d16e9c]{width:100%;height:100%;cursor:pointer;background:#333 no-repeat 50%}.monitor-boxs .video1[data-v-99d16e9c]{width:100%;height:100%}.monitor-boxs .video4[data-v-99d16e9c]{width:50%;height:50%}.monitor-boxs .video9[data-v-99d16e9c]{width:33.33%;height:33.33%}.monitor-boxs .video16[data-v-99d16e9c]{width:25%;height:25%}.vjs-waiting .vjs-loading-spinner[data-v-99d16e9c],[data-v-99d16e9c] .vjs-seeking .vjs-loading-spinner{display:none!important;-webkit-animation:none!important;animation:none!important}[data-v-99d16e9c] .vjs-loading-spinner{display:none!important}[data-v-99d16e9c] .vjs-error .vjs-error-display:before{display:none}[data-v-99d16e9c] .vjs-error .vjs-error-display .vjs-modal-dialog-content{font-size:16px;text-align:center;line-height:7em;background-color:rgba(0,0,0,.2);font-weight:700}.page_style[data-v-99d16e9c]{text-align:center;padding-left:5rem}.video-tips1[data-v-99d16e9c]{font-size:20px;line-height:3rem;padding-top:calc(30vh - 55px)}.video-tips1[data-v-99d16e9c],.video-tips4[data-v-99d16e9c]{color:#fff;height:100%;width:100%;top:2rem;left:0;background-color:transparent;font-weight:700;text-align:center}.video-tips4[data-v-99d16e9c]{font-size:16px;padding-top:calc(10vh - 13px);line-height:2rem}.video-tips5[data-v-99d16e9c]{background-color:transparent;line-height:1rem;padding-top:calc(10vh - 33px)}.video-tips5-big[data-v-99d16e9c],.video-tips5[data-v-99d16e9c]{color:#fff;height:100%;width:100%;top:2rem;left:0;font-size:16px;font-weight:700;text-align:center}.video-tips5-big[data-v-99d16e9c]{background-color:rgba(0,0,0,.2);line-height:3rem;padding-top:calc(30vh - 47px)}.video-tips6[data-v-99d16e9c]{background-color:transparent;line-height:2rem;padding-top:calc(10vh - 54px)}.video-tips6-big[data-v-99d16e9c],.video-tips6[data-v-99d16e9c]{color:#fff;height:100%;width:100%;top:2rem;left:0;font-size:16px;font-weight:700;text-align:center}.video-tips6-big[data-v-99d16e9c]{background-color:rgba(0,0,0,.2);line-height:3rem;padding-top:calc(20vh - 54px)}.video-tips8[data-v-99d16e9c]{background-color:transparent;line-height:1rem;padding-top:calc(10vh - 43px)}.video-tips8-big[data-v-99d16e9c],.video-tips8[data-v-99d16e9c]{color:#fff;height:100%;width:100%;top:2rem;left:0;font-size:16px;font-weight:700;text-align:center}.video-tips8-big[data-v-99d16e9c]{background-color:rgba(0,0,0,.2);line-height:3rem;padding-top:calc(20vh - 54px)}.video-tips9[data-v-99d16e9c]{font-size:16px;line-height:2rem;padding-top:calc(10vh - 46px)}.video-tips9[data-v-99d16e9c],.video-tips16[data-v-99d16e9c]{color:#fff;height:100%;width:100%;top:2rem;left:0;background-color:transparent;font-weight:700;text-align:center}.video-tips16[data-v-99d16e9c]{font-size:14px;line-height:1rem;padding-top:calc(10vh - 40px)}.select-window-style-tip[data-v-99d16e9c],.select-window-style[data-v-99d16e9c]{border:3px solid #f50404}.select-window-style-tip-s[data-v-99d16e9c]{border:1px solid #f50404}.clarity-radio[data-v-99d16e9c]{position:absolute;left:calc(100vh - 494px);top:10px;display:-webkit-box;display:-ms-flexbox;display:flex;padding-bottom:20px}.mask[data-v-99d16e9c]{position:absolute;background-color:rgba(0,0,0,.2);text-align:center;height:100%;width:100%;z-index:2000}.mask-icon[data-v-99d16e9c]{width:100%;height:40px;position:absolute;left:0;top:35%}.mask-tip[data-v-99d16e9c]{width:100%;text-align:center;font-size:16px;color:#fff;position:absolute;top:70%;left:0}.screem-all-button[data-v-99d16e9c]{margin-right:10px;line-height:2}[data-v-99d16e9c] .__rail-is-horizontal{position:absolute;z-index:999;border-radius:6px;background:transparent!important;border:none;height:6px;left:0;right:6px;bottom:9px!important}