.cameraList[data-v-81388fe2],.VideoContent[data-v-81388fe2]{height:100%}.VideoContent .ViodeContentList[data-v-81388fe2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;gap:8px}.VideoContent .ViodeContentList .ViodeContentListLeft[data-v-81388fe2]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.VideoContent .ViodeContentList .ViodeContentListLeft>div[data-v-81388fe2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.VideoContent .ViodeContentList .ViodeContentListRight[data-v-81388fe2]{display:none}.search-wrapper[data-v-81388fe2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding:0 4px;-ms-flex-negative:0;flex-shrink:0}.search-wrapper .searchinput[data-v-81388fe2]{-webkit-box-flex:1;-ms-flex:1;flex:1;background:hsla(0,0%,100%,.08)!important;border:1px solid rgba(86,99,110,.9)!important;border-radius:6px!important;height:32px!important;line-height:32px!important;padding:0 12px!important;color:rgba(185,212,235,.9)!important;-webkit-transition:all .3s ease;transition:all .3s ease}.search-wrapper .searchinput[data-v-81388fe2]:focus{border-color:rgba(15,201,255,.4)!important;-webkit-box-shadow:0 0 20px rgba(15,201,255,.05)!important;box-shadow:0 0 20px rgba(15,201,255,.05)!important;background:rgba(15,201,255,.06)!important}.search-wrapper .searchinput[data-v-81388fe2]::-webkit-input-placeholder{color:rgba(154,178,197,.9)}.search-wrapper .searchinput[data-v-81388fe2]::-moz-placeholder{color:rgba(154,178,197,.9)}.search-wrapper .searchinput[data-v-81388fe2]:-ms-input-placeholder{color:rgba(154,178,197,.9)}.search-wrapper .searchinput[data-v-81388fe2]::-ms-input-placeholder{color:rgba(154,178,197,.9)}.search-wrapper .searchinput[data-v-81388fe2]::placeholder{color:rgba(154,178,197,.9)}.search-wrapper .searchbtn[data-v-81388fe2]{background:hsla(0,0%,100%,.08);border:1px solid rgba(86,99,110,.9);border-radius:6px;color:rgba(154,178,197,.9);width:32px;height:32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;padding:0}.search-wrapper .searchbtn[data-v-81388fe2]:hover{background:linear-gradient(135deg,rgba(15,201,255,.3),rgba(8,115,255,.3));border-color:rgba(15,201,255,.3);-webkit-box-shadow:0 0 25px rgba(15,201,255,.08);box-shadow:0 0 25px rgba(15,201,255,.08)}.cameraListshow[data-v-81388fe2]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding-right:4px}.cameraListshow[data-v-81388fe2]::-webkit-scrollbar{width:3px}.cameraListshow[data-v-81388fe2]::-webkit-scrollbar-track{background:rgba(15,201,255,.03);border-radius:3px}.cameraListshow[data-v-81388fe2]::-webkit-scrollbar-thumb{background:rgba(15,201,255,.15);border-radius:3px;-webkit-transition:all .3s;transition:all .3s}.cameraListshow[data-v-81388fe2]::-webkit-scrollbar-thumb:hover{background:rgba(15,201,255,.25)}.videoitemtitle[data-v-81388fe2]{margin-bottom:6px}.videoitemtitle .group-header[data-v-81388fe2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:6px 10px;cursor:pointer;border-radius:6px;background:rgba(15,201,255,.03);border:1px solid transparent;-webkit-transition:all .3s ease;transition:all .3s ease;gap:8px}.videoitemtitle .group-header[data-v-81388fe2]:hover{background:rgba(15,201,255,.06);border-color:rgba(15,201,255,.06)}.videoitemtitle .group-header .group-icon[data-v-81388fe2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:20px;height:20px;color:rgba(15,201,255,.8);-ms-flex-negative:0;flex-shrink:0}.videoitemtitle .group-header .group-icon[data-v-81388fe2],.videoitemtitle .group-header .group-icon svg[data-v-81388fe2]{-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.videoitemtitle .group-header .group-icon.expanded svg[data-v-81388fe2]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.videoitemtitle .group-header .group-name[data-v-81388fe2]{-webkit-box-flex:1;-ms-flex:1;flex:1;color:rgba(200,230,255,.85);font-size:13px;font-weight:500;letter-spacing:.5px}.videoitemtitle .group-header .group-count[data-v-81388fe2]{font-size:11px;color:rgba(200,230,255,.3);background:rgba(15,201,255,.05);padding:0 8px;border-radius:10px;font-weight:400}ul[data-v-81388fe2]{list-style:none;padding:0;margin:0;max-height:0;overflow:hidden;-webkit-transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .3s ease;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .3s ease;opacity:0}ul.ulchecked[data-v-81388fe2]{max-height:2000px;opacity:1;padding:4px 0 4px 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:6px}ul li[data-v-81388fe2]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:4px 12px;cursor:pointer;border-radius:4px;-webkit-transition:all .25s ease;transition:all .25s ease;gap:6px;position:relative;background:rgba(15,201,255,.03);min-width:200px!important;-webkit-box-flex:0!important;-ms-flex:0 0 auto!important;flex:0 0 auto!important}ul li[data-v-81388fe2]:hover{background:rgba(15,201,255,.08);border-color:rgba(15,201,255,.1)}ul li.selecttab[data-v-81388fe2]{background:linear-gradient(135deg,rgba(15,201,255,.15),rgba(8,115,255,.1));border-color:rgba(15,201,255,.2)}ul li.selecttab[data-v-81388fe2]:before{content:"";position:absolute;left:-1px;top:2px;bottom:2px;width:2px;background:-webkit-gradient(linear,left top,left bottom,from(#0873ff),to(#10dbf9));background:linear-gradient(180deg,#0873ff,#10dbf9);border-radius:0 2px 2px 0}ul li .device-status-dot[data-v-81388fe2]{width:6px;height:6px;border-radius:50%;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:all .3s ease;transition:all .3s ease}ul li .device-status-dot.online[data-v-81388fe2]{background:#0f8;-webkit-box-shadow:0 0 8px rgba(0,255,136,.3);box-shadow:0 0 8px rgba(0,255,136,.3)}ul li .device-status-dot.offline[data-v-81388fe2]{background:#ff4757;-webkit-box-shadow:0 0 8px rgba(255,71,87,.2);box-shadow:0 0 8px rgba(255,71,87,.2)}ul li .device-name[data-v-81388fe2]{color:rgba(200,230,255,.8);font-size:12px;font-style:normal;letter-spacing:.3px;white-space:nowrap}ul li .device-status-tag[data-v-81388fe2]{font-size:10px;padding:1px 8px;border-radius:10px;font-weight:400;letter-spacing:.5px;-ms-flex-negative:0;flex-shrink:0}ul li .device-status-tag.tag-online[data-v-81388fe2]{color:#0f8;background:rgba(0,255,136,.08);border:1px solid rgba(0,255,136,.12)}ul li .device-status-tag.tag-offline[data-v-81388fe2]{color:#ff4757;background:rgba(255,71,87,.08);border:1px solid rgba(255,71,87,.12)}.ViodeContentListRight[data-v-81388fe2]{display:none}@media screen and (max-width:1366px){.group-header[data-v-81388fe2]{padding:4px 8px!important}.group-header .group-name[data-v-81388fe2]{font-size:12px!important}ul li[data-v-81388fe2]{padding:3px 10px!important}ul li .device-name[data-v-81388fe2]{font-size:11px!important}}