.takinyingjihuishang[data-v-2898609c]{width:100%;height:100%;position:relative}.takinyingjihuishang .preview-screen-div[data-v-2898609c]{position:absolute;right:10px;top:-50px;display:flex;align-items:center}.takinyingjihuishang .preview-screen-div .sreen-item[data-v-2898609c]{width:27px;height:27px;margin:0 15px;margin-right:30px;cursor:pointer}.takinyingjihuishang .preview-screen-div .sreen-item .screenfullIcon[data-v-2898609c]{width:100%;height:100%;fill:var(--TextColor2)}.takinyingjihuishang .preview-left-Number[data-v-2898609c]{display:flex;flex-wrap:nowrap;justify-content:space-between;align-content:center;align-items:center}.takinyingjihuishang .preview-left-Number div[data-v-2898609c]{width:29px;height:27px;margin:0 15px}.takinyingjihuishang .preview-left-Number div img[data-v-2898609c]{width:100%;height:100%;vertical-align:middle}.takinyingjihuishang .preview-left-Number div .screenIcon[data-v-2898609c]{width:100%;height:100%;fill:var(--TextColor2)}.takinyingjihuishang .preview-left-Number .sreen-active .screenIcon[data-v-2898609c]{fill:var(--TextColorZhu)}ul li[data-v-2898609c]{list-style-type:none}.preview-page[data-v-2898609c]{width:100%;height:100%;display:flex;justify-content:space-between}.preview-page .preview-right[data-v-2898609c]{width:calc(100% - 400px);height:100%}.preview-page .preview-right .preview-right-content-box[data-v-2898609c]{width:100%;height:100%}.preview-page .preview-right .preview-full[data-v-2898609c]{background-color:var(--YiJiMianBan_background-color);padding:10px;box-sizing:border-box}.preview-page .preview-right .preview-right-content[data-v-2898609c]{position:relative;width:100%;height:100%;overflow:hidden;display:flex;justify-content:space-around;flex-wrap:wrap}.preview-page .preview-right .preview-right-content .video-box-1[data-v-2898609c]{width:100%;height:100%;overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-2[data-v-2898609c]{width:100%;height:calc(50% - 3px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-2[data-v-2898609c]:first-of-type{position:absolute;left:0;top:0}.preview-page .preview-right .preview-right-content .video-box-2[data-v-2898609c]:nth-of-type(2){position:absolute;left:0;bottom:0}.preview-page .preview-right .preview-right-content .video-box-3[data-v-2898609c]:first-of-type{position:absolute;left:0;top:0;width:100%;height:calc(50% - 3px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-3[data-v-2898609c]:nth-of-type(2){position:absolute;left:0;bottom:0;width:calc(50% - 3px);height:calc(50% - 3px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-3[data-v-2898609c]:nth-of-type(3){position:absolute;right:0;bottom:0;width:calc(50% - 3px);height:calc(50% - 3px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-4[data-v-2898609c]{width:calc(50% - 3px);height:calc(50% - 3px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-4[data-v-2898609c]:first-of-type{position:absolute;left:0;top:0}.preview-page .preview-right .preview-right-content .video-box-4[data-v-2898609c]:nth-of-type(2){position:absolute;right:0;top:0}.preview-page .preview-right .preview-right-content .video-box-4[data-v-2898609c]:nth-of-type(3){position:absolute;left:0;bottom:0}.preview-page .preview-right .preview-right-content .video-box-4[data-v-2898609c]:nth-of-type(4){position:absolute;right:0;bottom:0}.preview-page .preview-right .preview-right-content .video-box-5[data-v-2898609c]:first-of-type{position:absolute;left:0;top:0;width:calc(50% - 3px);height:calc(50% - 3px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-5[data-v-2898609c]:nth-of-type(2){position:absolute;right:0;top:0;width:calc(50% - 3px);height:calc(50% - 3px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-5[data-v-2898609c]:nth-of-type(3){position:absolute;left:0;bottom:0;width:calc(33.33333% - 4px);height:calc(50% - 3px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-5[data-v-2898609c]:nth-of-type(4){position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:calc(33.33333% - 4px);height:calc(50% - 3px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-5[data-v-2898609c]:nth-of-type(5){position:absolute;right:0;bottom:0;width:calc(33.33333% - 4px);height:calc(50% - 3px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-6[data-v-2898609c]:first-of-type{position:absolute;left:0;top:0;width:calc(33.33333% - 4px);height:calc(50% - 3px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-6[data-v-2898609c]:nth-of-type(2){position:absolute;left:50%;transform:translateX(-50%);top:0;width:calc(33.33333% - 4px);height:calc(50% - 3px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-6[data-v-2898609c]:nth-of-type(3){position:absolute;right:0;top:0;width:calc(33.33333% - 4px);height:calc(50% - 3px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-6[data-v-2898609c]:nth-of-type(4){position:absolute;left:0;bottom:0;width:calc(33.33333% - 4px);height:calc(50% - 3px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-6[data-v-2898609c]:nth-of-type(5){position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:calc(33.33333% - 4px);height:calc(50% - 3px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-6[data-v-2898609c]:nth-of-type(6){position:absolute;right:0;bottom:0;width:calc(33.33333% - 4px);height:calc(50% - 3px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-7[data-v-2898609c]:first-of-type{position:absolute;top:0;left:0;width:calc(33.33333% - 4px);height:calc(50% - 3px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-7[data-v-2898609c]:nth-of-type(2){position:absolute;top:0;left:50%;transform:translateX(-50%);width:calc(33.33333% - 4px);height:calc(50% - 3px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-7[data-v-2898609c]:nth-of-type(3){position:absolute;top:0;right:0;width:calc(33.33333% - 4px);height:calc(33.33333% - 4px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-7[data-v-2898609c]:nth-of-type(4){position:absolute;top:50%;transform:translateY(-50%);right:0;width:calc(33.33333% - 4px);height:calc(33.33333% - 4px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-7[data-v-2898609c]:nth-of-type(5){position:absolute;bottom:0;left:0;width:calc(33.33333% - 4px);height:calc(50% - 3px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-7[data-v-2898609c]:nth-of-type(6){position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:calc(33.33333% - 4px);height:calc(50% - 3px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-7[data-v-2898609c]:nth-of-type(7){position:absolute;bottom:0;right:0;width:calc(33.33333% - 4px);height:calc(33.33333% - 4px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-8[data-v-2898609c]:first-of-type{position:absolute;top:0;left:0;width:calc(75% - 1.5px);height:calc(75% - 1.5px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-8[data-v-2898609c]:nth-of-type(2){position:absolute;top:0;right:0;width:calc(25% - 4.5px);height:calc(25% - 4.5px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-8[data-v-2898609c]:nth-of-type(3){position:absolute;top:calc(25% + 1.5px);right:0;width:calc(25% - 4.5px);height:calc(25% - 4.5px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-8[data-v-2898609c]:nth-of-type(4){position:absolute;top:calc(50% + 3px);right:0;width:calc(25% - 4.5px);height:calc(25% - 4.5px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-8[data-v-2898609c]:nth-of-type(5){position:absolute;bottom:0;left:0;width:calc(25% - 4.5px);height:calc(25% - 4.5px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-8[data-v-2898609c]:nth-of-type(6){position:absolute;bottom:0;left:calc(25% + 1.5px);width:calc(25% - 4.5px);height:calc(25% - 4.5px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-8[data-v-2898609c]:nth-of-type(7){position:absolute;bottom:0;right:calc(25% + 1.5px);width:calc(25% - 4.5px);height:calc(25% - 4.5px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-8[data-v-2898609c]:nth-of-type(8){position:absolute;bottom:0;right:0;width:calc(25% - 4.5px);height:calc(25% - 4.5px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-9[data-v-2898609c]{width:calc(33.33333% - 4px);height:calc(33.33333% - 4px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-9[data-v-2898609c]:first-of-type{position:absolute;left:0;top:0}.preview-page .preview-right .preview-right-content .video-box-9[data-v-2898609c]:nth-of-type(2){position:absolute;left:50%;transform:translateX(-50%);top:0}.preview-page .preview-right .preview-right-content .video-box-9[data-v-2898609c]:nth-of-type(3){position:absolute;right:0;top:0}.preview-page .preview-right .preview-right-content .video-box-9[data-v-2898609c]:nth-of-type(4){position:absolute;left:0;top:50%;transform:translateY(-50%)}.preview-page .preview-right .preview-right-content .video-box-9[data-v-2898609c]:nth-of-type(5){position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.preview-page .preview-right .preview-right-content .video-box-9[data-v-2898609c]:nth-of-type(6){position:absolute;right:0;top:50%;transform:translateY(-50%)}.preview-page .preview-right .preview-right-content .video-box-9[data-v-2898609c]:nth-of-type(7){position:absolute;left:0;bottom:0}.preview-page .preview-right .preview-right-content .video-box-9[data-v-2898609c]:nth-of-type(8){position:absolute;left:50%;transform:translateX(-50%);bottom:0}.preview-page .preview-right .preview-right-content .video-box-9[data-v-2898609c]:nth-of-type(9){position:absolute;right:0;bottom:0}.preview-page .preview-right .preview-right-content .video-box-16[data-v-2898609c]{width:24.7%;height:24.7%;overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-25[data-v-2898609c]{width:19.7%;height:19.5%;overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-36[data-v-2898609c]{width:16.4%;height:16.2%;overflow:hidden}.preview-page .preview-right .preview-right-content .device-video-box[data-v-2898609c]{width:calc(100% - 2px);height:calc(100% - 3px);position:relative;display:flex;align-items:center;justify-content:center;border:1px solid #00f1f1;border:1px solid var(--TextColor7)}.preview-page .preview-right .preview-right-content .device-video-box .imgBtnInTable[data-v-2898609c]{position:absolute;bottom:12px;cursor:pointer}.preview-page .preview-right .preview-right-content .device-video-box .left[data-v-2898609c]{right:60px}.preview-page .preview-right .preview-right-content .device-video-box .right[data-v-2898609c]{right:12px}.preview-page .linkmanWrap[data-v-2898609c]{position:relative;width:390px;height:100%;box-sizing:border-box;background-size:100% 100%;overflow:hidden;padding:30px 20px}.preview-page .linkmanWrap[data-v-2898609c] .tree-c .el-tree{margin-top:10px}.preview-page .linkmanWrap .tree_icon[data-v-2898609c]{width:14px;height:16px;margin-right:6px}.vjs-fluid[data-v-2898609c]{padding-top:0!important}[data-v-2898609c] .vjs-modal-dialog-content{display:none!important}[data-v-2898609c] .el-button--info{width:100px;margin:10px}[data-v-2898609c] .tree-c{padding:0 5px;border:none}[data-v-2898609c] .el-input__inner{padding:0 15px!important;padding-right:30px!important;height:40px!important}.NameTip[data-v-2898609c]{position:absolute;left:0;top:0;display:inline-block;background-color:rgba(0,0,0,.9);color:#fff}video[data-v-2898609c]{width:100%;height:auto}.TakinCamera_ShiPinQiang_Div[data-v-24aeae79]{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.TakinCamera_ShiPinQiang_Div .ShiPinQiang_List[data-v-24aeae79]{flex:1;overflow:auto;box-sizing:border-box;padding-top:10px}.TakinCamera_ShiPinQiang_Div .ShiPinQiang_List .ShiPinQiang_Item[data-v-24aeae79]{margin:5px 0;display:flex;align-items:center}.tree_label[data-v-24aeae79]{display:flex;align-items:center;justify-content:space-between;width:100%}.tree_label .tree_icon[data-v-24aeae79]{margin-right:6px}.tree_label .tree_label_Left[data-v-24aeae79]{display:flex;align-items:center}.shishiyulan[data-v-298467ce]{position:relative;width:100%;height:100%;display:flex;justify-content:space-between;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none}.shishiyulan .preview-left[data-v-298467ce]{width:362px;height:100%;padding-right:0;box-sizing:border-box}.shishiyulan .preview-left .preview-left-header[data-v-298467ce]{width:100%;height:168px;margin-bottom:10px;box-sizing:border-box}.shishiyulan .preview-left .preview-left-header .preview-left-Number[data-v-298467ce]{display:flex;align-items:center;justify-content:space-between}.shishiyulan .preview-left .preview-left-header .preview-left-Number .number-item[data-v-298467ce]{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--TextColor1);font-size:14px;cursor:pointer}.shishiyulan .preview-left .preview-left-header .preview-left-Number .number-item .screenIcon[data-v-298467ce]{width:25px;height:25px;fill:var(--TextColor2);margin-bottom:10px;cursor:unset!important}.shishiyulan .preview-left .preview-left-header .preview-left-Number .numberActive[data-v-298467ce]{color:var(--TextColorZhu)}.shishiyulan .preview-left .preview-left-header .preview-left-Number .numberActive .screenIcon[data-v-298467ce]{fill:var(--TextColorZhu)}.shishiyulan .preview-left .preview-left-tree[data-v-298467ce]{width:100%;height:calc(100% - 183px);color:var(--TextColor1)}.shishiyulan .preview-left .preview-left-tree .preview-left-tree-title[data-v-298467ce]{height:100%;overflow:auto}.shishiyulan .preview-left .preview-left-tree .preview-left-tree-title[data-v-298467ce] .tree-c{height:100%;margin:0;box-sizing:border-box}.shishiyulan .preview-left .preview-left-tree[data-v-298467ce](svg){color:var(--TextColor1)!important;font-size:1.857141rem}.shishiyulan .preview-left .preview-left-tree .tree_icon[data-v-298467ce]{width:17px;height:15px;margin-right:6px}.shishiyulan .preview-right[data-v-298467ce]{position:relative;width:calc(100% - 408px);height:100%;box-sizing:border-box;z-index:12;display:flex;flex-direction:column;overflow:hidden}.shishiyulan .preview-right .preview-right-content[data-v-298467ce]{position:relative;width:100%;height:calc(100% - 40px);overflow:hidden;display:flex;justify-content:space-between;flex-wrap:wrap}.shishiyulan .preview-right .preview-right-content .video-box-item[data-v-298467ce]{border:1px solid var(--TakinCss_Input_border-color);box-sizing:border-box}.shishiyulan .preview-right .preview-right-content .video-box-1[data-v-298467ce]{width:100%;height:100%;overflow:hidden}.shishiyulan .preview-right .preview-right-content .video-box-2[data-v-298467ce]{width:100%;height:calc(50% - 1.5px);overflow:hidden}.shishiyulan .preview-right .preview-right-content .video-box-2[data-v-298467ce]:first-of-type{position:absolute;left:0;top:0}.shishiyulan .preview-right .preview-right-content .video-box-2[data-v-298467ce]:nth-of-type(2){position:absolute;left:0;bottom:0}.shishiyulan .preview-right .preview-right-content .video-box-3[data-v-298467ce]:first-of-type{position:absolute;left:0;top:0;width:100%;height:calc(50% - 1.5px);overflow:hidden}.shishiyulan .preview-right .preview-right-content .video-box-3[data-v-298467ce]:nth-of-type(2){position:absolute;left:0;bottom:0;width:calc(50% - 1.5px);height:calc(50% - 1.5px);overflow:hidden}.shishiyulan .preview-right .preview-right-content .video-box-3[data-v-298467ce]:nth-of-type(3){position:absolute;right:0;bottom:0;width:calc(50% - 1.5px);height:calc(50% - 1.5px);overflow:hidden}.shishiyulan .preview-right .preview-right-content .video-box-4[data-v-298467ce]{width:calc(50% - 1.5px);height:calc(50% - 1.5px);overflow:hidden}.shishiyulan .preview-right .preview-right-content .video-box-4[data-v-298467ce]:first-of-type{position:absolute;left:0;top:0}.shishiyulan .preview-right .preview-right-content .video-box-4[data-v-298467ce]:nth-of-type(2){position:absolute;right:0;top:0}.shishiyulan .preview-right .preview-right-content .video-box-4[data-v-298467ce]:nth-of-type(3){position:absolute;left:0;bottom:0}.shishiyulan .preview-right .preview-right-content .video-box-4[data-v-298467ce]:nth-of-type(4){position:absolute;right:0;bottom:0}.shishiyulan .preview-right .preview-right-content .video-box-5[data-v-298467ce]:first-of-type{position:absolute;left:0;top:0;width:calc(50% - 1.5px);height:calc(50% - 1.5px);overflow:hidden}.shishiyulan .preview-right .preview-right-content .video-box-5[data-v-298467ce]:nth-of-type(2){position:absolute;right:0;top:0;width:calc(50% - 1.5px);height:calc(50% - 1.5px);overflow:hidden}.shishiyulan .preview-right .preview-right-content .video-box-5[data-v-298467ce]:nth-of-type(3){position:absolute;left:0;bottom:0;width:calc(33.33333% - 2px);height:calc(50% - 1.5px);overflow:hidden}.shishiyulan .preview-right .preview-right-content .video-box-5[data-v-298467ce]:nth-of-type(4){position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:calc(33.33333% - 2px);height:calc(50% - 1.5px);overflow:hidden}.shishiyulan .preview-right .preview-right-content .video-box-5[data-v-298467ce]:nth-of-type(5){position:absolute;right:0;bottom:0;width:calc(33.33333% - 2px);height:calc(50% - 1.5px);overflow:hidden}.shishiyulan .preview-right .preview-right-content .video-box-6[data-v-298467ce]:first-of-type{position:absolute;left:0;top:0;width:calc(33.33333% - 2px);height:calc(50% - 1.5px);overflow:hidden}.shishiyulan .preview-right .preview-right-content .video-box-6[data-v-298467ce]:nth-of-type(2){position:absolute;left:50%;transform:translateX(-50%);top:0;width:calc(33.33333% - 2px);height:calc(50% - 1.5px);overflow:hidden}.shishiyulan .preview-right .preview-right-content .video-box-6[data-v-298467ce]:nth-of-type(3){position:absolute;right:0;top:0;width:calc(33.33333% - 2px);height:calc(50% - 1.5px);overflow:hidden}.shishiyulan .preview-right .preview-right-content .video-box-6[data-v-298467ce]:nth-of-type(4){position:absolute;left:0;bottom:0;width:calc(33.33333% - 2px);height:calc(50% - 1.5px);overflow:hidden}.shishiyulan .preview-right .preview-right-content .video-box-6[data-v-298467ce]:nth-of-type(5){position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:calc(33.33333% - 2px);height:calc(50% - 1.5px);overflow:hidden}.shishiyulan .preview-right .preview-right-content .video-box-6[data-v-298467ce]:nth-of-type(6){position:absolute;right:0;bottom:0;width:calc(33.33333% - 2px);height:calc(50% - 1.5px);overflow:hidden}.shishiyulan .preview-right .preview-right-content .video-box-7[data-v-298467ce]:first-of-type{position:absolute;top:0;left:0;width:calc(33.33333% - 2px);height:calc(50% - 1.5px);overflow:hidden}.shishiyulan .preview-right .preview-right-content .video-box-7[data-v-298467ce]:nth-of-type(2){position:absolute;top:0;left:50%;transform:translateX(-50%);width:calc(33.33333% - 2px);height:calc(50% - 1.5px);overflow:hidden}.shishiyulan .preview-right .preview-right-content .video-box-7[data-v-298467ce]:nth-of-type(3){position:absolute;top:0;right:0;width:calc(33.33333% - 2px);height:calc(33.33333% - 2px);overflow:hidden}.shishiyulan .preview-right .preview-right-content .video-box-7[data-v-298467ce]:nth-of-type(4){position:absolute;top:50%;transform:translateY(-50%);right:0;width:calc(33.33333% - 2px);height:calc(33.33333% - 2px);overflow:hidden}.shishiyulan .preview-right .preview-right-content .video-box-7[data-v-298467ce]:nth-of-type(5){position:absolute;bottom:0;left:0;width:calc(33.33333% - 2px);height:calc(50% - 1.5px);overflow:hidden}.shishiyulan .preview-right .preview-right-content .video-box-7[data-v-298467ce]:nth-of-type(6){position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:calc(33.33333% - 2px);height:calc(50% - 1.5px);overflow:hidden}.shishiyulan .preview-right .preview-right-content .video-box-7[data-v-298467ce]:nth-of-type(7){position:absolute;bottom:0;right:0;width:calc(33.33333% - 2px);height:calc(33.33333% - 2px);overflow:hidden}.shishiyulan .preview-right .preview-right-content .video-box-8[data-v-298467ce]:first-of-type{position:absolute;top:0;left:0;width:calc(75% - .75px);height:calc(75% - .75px);overflow:hidden}.shishiyulan .preview-right .preview-right-content .video-box-8[data-v-298467ce]:nth-of-type(2){position:absolute;top:0;right:0;width:calc(25% - 2.25px);height:calc(25% - 2.25px);overflow:hidden}.shishiyulan .preview-right .preview-right-content .video-box-8[data-v-298467ce]:nth-of-type(3){position:absolute;top:calc(25% + .75px);right:0;width:calc(25% - 2.25px);height:calc(25% - 2.25px);overflow:hidden}.shishiyulan .preview-right .preview-right-content .video-box-8[data-v-298467ce]:nth-of-type(4){position:absolute;top:calc(50% + 1.5px);right:0;width:calc(25% - 2.25px);height:calc(25% - 2.25px);overflow:hidden}.shishiyulan .preview-right .preview-right-content .video-box-8[data-v-298467ce]:nth-of-type(5){position:absolute;bottom:0;left:0;width:calc(25% - 2.25px);height:calc(25% - 2.25px);overflow:hidden}.shishiyulan .preview-right .preview-right-content .video-box-8[data-v-298467ce]:nth-of-type(6){position:absolute;bottom:0;left:calc(25% + .75px);width:calc(25% - 2.25px);height:calc(25% - 2.25px);overflow:hidden}.shishiyulan .preview-right .preview-right-content .video-box-8[data-v-298467ce]:nth-of-type(7){position:absolute;bottom:0;right:calc(25% + .75px);width:calc(25% - 2.25px);height:calc(25% - 2.25px);overflow:hidden}.shishiyulan .preview-right .preview-right-content .video-box-8[data-v-298467ce]:nth-of-type(8){position:absolute;bottom:0;right:0;width:calc(25% - 2.25px);height:calc(25% - 2.25px);overflow:hidden}.shishiyulan .preview-right .preview-right-content .video-box-9[data-v-298467ce]{width:calc(33.33333% - 2px);height:calc(33.33333% - 2px);overflow:hidden}.shishiyulan .preview-right .preview-right-content .video-box-9[data-v-298467ce]:first-of-type{position:absolute;left:0;top:0}.shishiyulan .preview-right .preview-right-content .video-box-9[data-v-298467ce]:nth-of-type(2){position:absolute;left:50%;transform:translateX(-50%);top:0}.shishiyulan .preview-right .preview-right-content .video-box-9[data-v-298467ce]:nth-of-type(3){position:absolute;right:0;top:0}.shishiyulan .preview-right .preview-right-content .video-box-9[data-v-298467ce]:nth-of-type(4){position:absolute;left:0;top:50%;transform:translateY(-50%)}.shishiyulan .preview-right .preview-right-content .video-box-9[data-v-298467ce]:nth-of-type(5){position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.shishiyulan .preview-right .preview-right-content .video-box-9[data-v-298467ce]:nth-of-type(6){position:absolute;right:0;top:50%;transform:translateY(-50%)}.shishiyulan .preview-right .preview-right-content .video-box-9[data-v-298467ce]:nth-of-type(7){position:absolute;left:0;bottom:0}.shishiyulan .preview-right .preview-right-content .video-box-9[data-v-298467ce]:nth-of-type(8){position:absolute;left:50%;transform:translateX(-50%);bottom:0}.shishiyulan .preview-right .preview-right-content .video-box-9[data-v-298467ce]:nth-of-type(9){position:absolute;right:0;bottom:0}.shishiyulan .preview-right .preview-right-content .video-box-16[data-v-298467ce]{width:24.7%;height:24.7%;overflow:hidden}.shishiyulan .preview-right .preview-right-content .video-box-25[data-v-298467ce]{width:19.7%;height:19.5%;overflow:hidden}.shishiyulan .preview-right .preview-right-content .video-box-36[data-v-298467ce]{width:16.4%;height:16.2%;overflow:hidden}.shishiyulan .preview-right .preview-right-content .device-video-box[data-v-298467ce]{width:100%;height:100%;position:relative}.shishiyulan .preview-right .preview-right-content .device-video-box .FenPing_MingCheng[data-v-298467ce]{position:absolute;right:10px;top:6px;font-family:Arial Black,sans-serif;font-size:16px;font-weight:900;color:#fff;text-shadow:0 0 0 #000,1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000;z-index:9}.shishiyulan .preview-right .Preview_Btn_Div[data-v-298467ce]{width:100%;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--TakinCss_Input_border-color);box-sizing:border-box;background-color:var(--YiJiMianBan_background-color)}.preview-full[data-v-298467ce]{background-color:var(--BackgroundColor1)}[data-v-298467ce] .el-dialog__body{padding:20px!important}.tree_label[data-v-298467ce]{-webkit-user-select:none;-moz-user-select:none;user-select:none}.tree-c[data-v-298467ce]{border:none}.cameraEvenTitle[data-v-298467ce]{width:calc(100% - 20px);text-align:center;color:#07cdcd;font-size:18px;font-weight:600;letter-spacing:2px}.cameraEventCloseBtn[data-v-298467ce]{color:var(--TextColor1);display:flex;justify-content:flex-end;height:39px;width:calc(100% - 5px);align-items:center}.cameraEventCloseBtn i[data-v-298467ce]{cursor:pointer;font-size:27px;color:#00ffe5}.cameraEventList[data-v-298467ce]{width:100%;height:calc(100% - 40px);overflow:auto;z-index:999;padding:5px}.cameraEventList .cameraEventList_Item[data-v-298467ce]{margin-bottom:8px;background-color:#16212d;height:30px;display:flex;justify-content:space-between;color:#71f545;align-items:center;padding:0 10px;border-radius:10px;cursor:pointer}.cameraEventList .cameraEventList_Item .cameraEventList_Item_Top_SheBeiName[data-v-298467ce]{width:150px;text-align:center}.el-drawer.ttb[data-v-298467ce],[data-v-298467ce] .el-drawer.btt{height:100%!important;width:100%;border-radius:15px;border:1px solid #00ffe5;background-color:#1b2938}.el-drawer__wrapper[data-v-298467ce]{height:300px!important;width:400px;top:unset;left:unset;right:5px;bottom:5px}[data-v-298467ce] .el-drawer__wrapper{z-index:999!important}.takinyingjihuishang[data-v-b07dd6ea]{width:100%;height:100%;position:relative}.takinyingjihuishang .preview-screen-div[data-v-b07dd6ea]{position:absolute;right:10px;top:-50px;display:flex;align-items:center}.takinyingjihuishang .preview-screen-div .video-dimension-select[data-v-b07dd6ea]{width:138px;margin-right:8px}.takinyingjihuishang .preview-screen-div .video-dimension-select[data-v-b07dd6ea] .el-input__inner{height:27px;line-height:27px;font-size:12px}.takinyingjihuishang .preview-screen-div .video-dimension-select[data-v-b07dd6ea] .el-input__icon{line-height:27px}.takinyingjihuishang .preview-screen-div .end-meeting-btn[data-v-b07dd6ea]{height:27px;line-height:27px;padding:0 12px;margin-right:8px;border-radius:4px;background:#d9534f;color:#fff;font-size:13px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.takinyingjihuishang .preview-screen-div .end-meeting-btn[data-v-b07dd6ea]:hover{background:#c9302c}.takinyingjihuishang .preview-screen-div .sreen-item[data-v-b07dd6ea]{width:27px;height:27px;margin:0 15px;margin-right:30px;cursor:pointer}.takinyingjihuishang .preview-screen-div .sreen-item .screenfullIcon[data-v-b07dd6ea]{width:100%;height:100%;fill:var(--TextColor2)}.takinyingjihuishang .preview-left-Number[data-v-b07dd6ea]{display:flex;flex-wrap:nowrap;justify-content:space-between;align-content:center;align-items:center}.takinyingjihuishang .preview-left-Number div[data-v-b07dd6ea]{width:29px;height:27px;margin:0 15px}.takinyingjihuishang .preview-left-Number div img[data-v-b07dd6ea]{width:100%;height:100%;vertical-align:middle}.takinyingjihuishang .preview-left-Number div .screenIcon[data-v-b07dd6ea]{width:100%;height:100%;fill:var(--TextColor2)}.takinyingjihuishang .preview-left-Number .sreen-active .screenIcon[data-v-b07dd6ea]{fill:var(--TextColorZhu)}ul li[data-v-b07dd6ea]{list-style-type:none}.preview-page[data-v-b07dd6ea]{width:100%;height:100%;display:flex;justify-content:space-between}.preview-page .preview-right[data-v-b07dd6ea]{width:calc(100% - 400px);height:100%}.preview-page .preview-right .preview-right-content-box[data-v-b07dd6ea]{width:100%;height:100%;overflow-y:auto;overflow-x:hidden}.preview-page .preview-right .preview-full[data-v-b07dd6ea]{background-color:var(--YiJiMianBan_background-color);padding:10px;box-sizing:border-box}.preview-page .preview-right .preview-right-content[data-v-b07dd6ea]{position:relative;width:100%;height:100%;overflow:visible;display:flex;justify-content:space-around;flex-wrap:wrap}.preview-page .preview-right .preview-right-content .video-box-1[data-v-b07dd6ea]{width:100%;height:100%;overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-2[data-v-b07dd6ea]{width:100%;height:calc(50% - 3px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-2[data-v-b07dd6ea]:first-of-type{position:absolute;left:0;top:0}.preview-page .preview-right .preview-right-content .video-box-2[data-v-b07dd6ea]:nth-of-type(2){position:absolute;left:0;bottom:0}.preview-page .preview-right .preview-right-content .video-box-3[data-v-b07dd6ea]:first-of-type{position:absolute;left:0;top:0;width:100%;height:calc(50% - 3px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-3[data-v-b07dd6ea]:nth-of-type(2){position:absolute;left:0;bottom:0;width:calc(50% - 3px);height:calc(50% - 3px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-3[data-v-b07dd6ea]:nth-of-type(3){position:absolute;right:0;bottom:0;width:calc(50% - 3px);height:calc(50% - 3px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-4[data-v-b07dd6ea]{width:calc(50% - 3px);height:calc(50% - 3px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-4[data-v-b07dd6ea]:first-of-type{position:absolute;left:0;top:0}.preview-page .preview-right .preview-right-content .video-box-4[data-v-b07dd6ea]:nth-of-type(2){position:absolute;right:0;top:0}.preview-page .preview-right .preview-right-content .video-box-4[data-v-b07dd6ea]:nth-of-type(3){position:absolute;left:0;bottom:0}.preview-page .preview-right .preview-right-content .video-box-4[data-v-b07dd6ea]:nth-of-type(4){position:absolute;right:0;bottom:0}.preview-page .preview-right .preview-right-content .video-box-5[data-v-b07dd6ea]:first-of-type{position:absolute;left:0;top:0;width:calc(50% - 3px);height:calc(50% - 3px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-5[data-v-b07dd6ea]:nth-of-type(2){position:absolute;right:0;top:0;width:calc(50% - 3px);height:calc(50% - 3px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-5[data-v-b07dd6ea]:nth-of-type(3){position:absolute;left:0;bottom:0;width:calc(33.33333% - 4px);height:calc(50% - 3px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-5[data-v-b07dd6ea]:nth-of-type(4){position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:calc(33.33333% - 4px);height:calc(50% - 3px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-5[data-v-b07dd6ea]:nth-of-type(5){position:absolute;right:0;bottom:0;width:calc(33.33333% - 4px);height:calc(50% - 3px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-6[data-v-b07dd6ea]:first-of-type{position:absolute;left:0;top:0;width:calc(33.33333% - 4px);height:calc(50% - 3px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-6[data-v-b07dd6ea]:nth-of-type(2){position:absolute;left:50%;transform:translateX(-50%);top:0;width:calc(33.33333% - 4px);height:calc(50% - 3px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-6[data-v-b07dd6ea]:nth-of-type(3){position:absolute;right:0;top:0;width:calc(33.33333% - 4px);height:calc(50% - 3px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-6[data-v-b07dd6ea]:nth-of-type(4){position:absolute;left:0;bottom:0;width:calc(33.33333% - 4px);height:calc(50% - 3px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-6[data-v-b07dd6ea]:nth-of-type(5){position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:calc(33.33333% - 4px);height:calc(50% - 3px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-6[data-v-b07dd6ea]:nth-of-type(6){position:absolute;right:0;bottom:0;width:calc(33.33333% - 4px);height:calc(50% - 3px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-7[data-v-b07dd6ea]:first-of-type{position:absolute;top:0;left:0;width:calc(33.33333% - 4px);height:calc(50% - 3px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-7[data-v-b07dd6ea]:nth-of-type(2){position:absolute;top:0;left:50%;transform:translateX(-50%);width:calc(33.33333% - 4px);height:calc(50% - 3px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-7[data-v-b07dd6ea]:nth-of-type(3){position:absolute;top:0;right:0;width:calc(33.33333% - 4px);height:calc(33.33333% - 4px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-7[data-v-b07dd6ea]:nth-of-type(4){position:absolute;top:50%;transform:translateY(-50%);right:0;width:calc(33.33333% - 4px);height:calc(33.33333% - 4px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-7[data-v-b07dd6ea]:nth-of-type(5){position:absolute;bottom:0;left:0;width:calc(33.33333% - 4px);height:calc(50% - 3px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-7[data-v-b07dd6ea]:nth-of-type(6){position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:calc(33.33333% - 4px);height:calc(50% - 3px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-7[data-v-b07dd6ea]:nth-of-type(7){position:absolute;bottom:0;right:0;width:calc(33.33333% - 4px);height:calc(33.33333% - 4px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-8[data-v-b07dd6ea]:first-of-type{position:absolute;top:0;left:0;width:calc(75% - 1.5px);height:calc(75% - 1.5px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-8[data-v-b07dd6ea]:nth-of-type(2){position:absolute;top:0;right:0;width:calc(25% - 4.5px);height:calc(25% - 4.5px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-8[data-v-b07dd6ea]:nth-of-type(3){position:absolute;top:calc(25% + 1.5px);right:0;width:calc(25% - 4.5px);height:calc(25% - 4.5px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-8[data-v-b07dd6ea]:nth-of-type(4){position:absolute;top:calc(50% + 3px);right:0;width:calc(25% - 4.5px);height:calc(25% - 4.5px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-8[data-v-b07dd6ea]:nth-of-type(5){position:absolute;bottom:0;left:0;width:calc(25% - 4.5px);height:calc(25% - 4.5px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-8[data-v-b07dd6ea]:nth-of-type(6){position:absolute;bottom:0;left:calc(25% + 1.5px);width:calc(25% - 4.5px);height:calc(25% - 4.5px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-8[data-v-b07dd6ea]:nth-of-type(7){position:absolute;bottom:0;right:calc(25% + 1.5px);width:calc(25% - 4.5px);height:calc(25% - 4.5px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-8[data-v-b07dd6ea]:nth-of-type(8){position:absolute;bottom:0;right:0;width:calc(25% - 4.5px);height:calc(25% - 4.5px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-9[data-v-b07dd6ea]{width:calc(33.33333% - 4px);height:calc(33.33333% - 4px);overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-9[data-v-b07dd6ea]:first-of-type{position:absolute;left:0;top:0}.preview-page .preview-right .preview-right-content .video-box-9[data-v-b07dd6ea]:nth-of-type(2){position:absolute;left:50%;transform:translateX(-50%);top:0}.preview-page .preview-right .preview-right-content .video-box-9[data-v-b07dd6ea]:nth-of-type(3){position:absolute;right:0;top:0}.preview-page .preview-right .preview-right-content .video-box-9[data-v-b07dd6ea]:nth-of-type(4){position:absolute;left:0;top:50%;transform:translateY(-50%)}.preview-page .preview-right .preview-right-content .video-box-9[data-v-b07dd6ea]:nth-of-type(5){position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.preview-page .preview-right .preview-right-content .video-box-9[data-v-b07dd6ea]:nth-of-type(6){position:absolute;right:0;top:50%;transform:translateY(-50%)}.preview-page .preview-right .preview-right-content .video-box-9[data-v-b07dd6ea]:nth-of-type(7){position:absolute;left:0;bottom:0}.preview-page .preview-right .preview-right-content .video-box-9[data-v-b07dd6ea]:nth-of-type(8){position:absolute;left:50%;transform:translateX(-50%);bottom:0}.preview-page .preview-right .preview-right-content .video-box-9[data-v-b07dd6ea]:nth-of-type(9){position:absolute;right:0;bottom:0}.preview-page .preview-right .preview-right-content .video-box-16[data-v-b07dd6ea]{width:24.7%;height:24.7%;overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-25[data-v-b07dd6ea]{width:19.7%;height:19.5%;overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-36[data-v-b07dd6ea]{width:16.4%;height:16.2%;overflow:hidden}.preview-page .preview-right .preview-right-content .video-box-extra[data-v-b07dd6ea]{position:absolute;width:calc(33.33333% - 4px);height:calc(33.33333% - 4px);overflow:hidden}.preview-page .preview-right .preview-right-content .device-video-box[data-v-b07dd6ea]{width:calc(100% - 2px);height:calc(100% - 3px);position:relative;display:flex;align-items:center;justify-content:center;border:1px solid var(--TextColorZhu);background:#1a1f2c}.preview-page .preview-right .preview-right-content .device-video-box .video-waiting-tip[data-v-b07dd6ea]{color:#fff;font-size:14px;text-align:center;padding:0 12px;z-index:1}.preview-page .preview-right .preview-right-content .device-video-box .video-avatar[data-v-b07dd6ea]{width:min(42%,120px);height:min(42%,120px);aspect-ratio:1/1;border-radius:50%;background:linear-gradient(145deg,#3d7eff,#1f4fbf);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(0,0,0,.35);z-index:1}.preview-page .preview-right .preview-right-content .device-video-box .video-avatar .video-avatar-name[data-v-b07dd6ea]{color:#fff;font-size:clamp(12px,2.2vw,16px);font-weight:600;line-height:1.2;max-width:78%;text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;-webkit-user-select:none;-moz-user-select:none;user-select:none}.preview-page .preview-right .preview-right-content .device-video-box .video-user-name[data-v-b07dd6ea]{position:absolute;left:10px;bottom:10px;color:#fff;background:rgba(0,0,0,.45);padding:2px 8px;border-radius:4px;font-size:12px;line-height:18px;max-width:calc(100% - 80px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;z-index:2}.preview-page .preview-right .preview-right-content .device-video-box .mediaCtrlBtn[data-v-b07dd6ea]{position:absolute;bottom:10px;width:24px;height:24px;-o-object-fit:contain;object-fit:contain;cursor:pointer;z-index:3;-webkit-user-select:none;-moz-user-select:none;user-select:none}.preview-page .linkmanWrap[data-v-b07dd6ea]{position:relative;width:390px;height:100%;box-sizing:border-box;background-size:100% 100%;overflow:hidden;padding:30px 20px}.preview-page .linkmanWrap[data-v-b07dd6ea] .tree-c .el-tree{margin-top:10px}.preview-page .linkmanWrap .tree_icon[data-v-b07dd6ea]{width:14px;height:16px;margin-right:6px}.vjs-fluid[data-v-b07dd6ea]{padding-top:0!important}[data-v-b07dd6ea] .vjs-modal-dialog-content{display:none!important}[data-v-b07dd6ea] .el-button--info{width:100px;margin:10px}[data-v-b07dd6ea] .tree-c{padding:0 5px;border:none}[data-v-b07dd6ea] .el-input__inner{padding:0 15px!important;padding-right:30px!important;height:40px!important}