@use "sass:math";.aui-content>.el-tabs>.el-tabs__content[data-v-80aefd18]{padding:unset}.main[data-v-80aefd18]{width:100%;background:#f4f7fb;border-top:1px solid #e5eaf0}.main .left[data-v-80aefd18],.main[data-v-80aefd18]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.main .left[data-v-80aefd18]{width:300px;-ms-flex-negative:0;flex-shrink:0;background:#f8fafc;border-right:1px solid #dfe7ef;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:0;overflow:hidden;-webkit-box-shadow:1px 0 6px rgba(32,56,85,.05);box-shadow:1px 0 6px rgba(32,56,85,.05)}.main .deviceControl[data-v-80aefd18]{width:100%;-ms-flex-negative:0;flex-shrink:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:12px 12px 8px}.main .deviceControl[data-v-80aefd18] .headVideo1{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:0;min-height:150px;border:1px solid #e1e8f0;border-radius:6px;-webkit-box-shadow:0 2px 8px rgba(32,56,85,.06);box-shadow:0 2px 8px rgba(32,56,85,.06);background:#fff;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.main .deviceInfo[data-v-80aefd18]{width:100%;min-height:0;overflow-y:auto;padding:0 12px 12px}.main .deviceInfo[data-v-80aefd18],.main .right[data-v-80aefd18]{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-sizing:border-box;box-sizing:border-box}.main .right[data-v-80aefd18]{min-width:0;height:100%;padding:12px;background:#eef3f8}.main[data-v-80aefd18] .el-tree{-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:0;overflow:auto;margin-top:10px;padding-right:4px;color:#2f3b4a;background:transparent}.main[data-v-80aefd18] .el-tree-node__content{height:32px;border-radius:4px;margin:1px 0;-webkit-transition:background-color .15s ease,color .15s ease;transition:background-color .15s ease,color .15s ease}.main[data-v-80aefd18] .el-tree-node__content:hover{background:#edf5ff;color:#1f6fbd}.main[data-v-80aefd18] .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{background:#e6f1ff;color:#1769c2;font-weight:600}.main[data-v-80aefd18] .headVideo{min-height:100%;border:1px solid #e1e8f0;border-radius:6px;-webkit-box-shadow:0 2px 8px rgba(32,56,85,.06);box-shadow:0 2px 8px rgba(32,56,85,.06);padding:12px;margin-top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff}.main[data-v-80aefd18] .headInfo{line-height:20px;font-size:14px;font-weight:700;color:#1f2d3d;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.main[data-v-80aefd18] .headInfo:before{content:"";width:3px;height:14px;margin-right:8px;border-radius:2px;background:#2f8cf0}.main[data-v-80aefd18] .search-input{margin-top:8px;margin-bottom:8px}.tree-camera-icon[data-v-80aefd18]{width:16px;height:16px;margin-right:6px;vertical-align:middle}.custom-tree-node[data-v-80aefd18]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-shell[data-v-80aefd18]{height:100%;min-height:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;border:1px solid #dfe7ef;border-radius:6px;background:#0b1017;-webkit-box-shadow:0 4px 14px rgba(18,35,58,.12);box-shadow:0 4px 14px rgba(18,35,58,.12)}.video-toolbar[data-v-80aefd18]{height:42px;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 14px;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid hsla(0,0%,100%,.08);color:#dce7f3;background:#111923}.video-title[data-v-80aefd18],.video-toolbar[data-v-80aefd18]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.video-title[data-v-80aefd18]{min-width:0;gap:8px;font-size:14px;font-weight:600}.video-title span[data-v-80aefd18]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-title i[data-v-80aefd18]{color:#5aa9ff}.video-actions[data-v-80aefd18]{-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;margin-left:12px}.video-action-btn[data-v-80aefd18]{width:28px;height:28px;padding:0;color:#dce7f3;background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.16)}.video-action-btn[data-v-80aefd18] i{font-size:14px}.video-action-btn[data-v-80aefd18]:focus,.video-action-btn[data-v-80aefd18]:hover{color:#fff;background:#2f8cf0;border-color:#2f8cf0}.video-action-btn.is-disabled[data-v-80aefd18],.video-action-btn.is-disabled[data-v-80aefd18]:focus,.video-action-btn.is-disabled[data-v-80aefd18]:hover{color:rgba(220,231,243,.32);background:hsla(0,0%,100%,.04);border-color:hsla(0,0%,100%,.08)}.close-btn[data-v-80aefd18]:focus,.close-btn[data-v-80aefd18]:hover{background:#f56c6c;border-color:#f56c6c}.video-container[data-v-80aefd18]{width:100%;-webkit-box-flex:1;-ms-flex:1;flex:1;height:0;min-height:0;position:relative;background-color:#05080d;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}.live-player[data-v-80aefd18],.native-video-player[data-v-80aefd18]{width:100%;height:100%;background:#000}.native-video-player[data-v-80aefd18]{-o-object-fit:contain;object-fit:contain}.no-video[data-v-80aefd18]{width:240px;max-width:80%;color:#b9c6d3;text-align:center}.no-video i[data-v-80aefd18]{font-size:62px;margin-bottom:16px;color:#516273}.no-video p[data-v-80aefd18]{margin:0;font-size:15px;line-height:22px}.live-camera-online[data-v-80aefd18]{font-size:22px;cursor:pointer;color:#409eff;margin-right:4px}.live-camera-offline[data-v-80aefd18]{font-size:22px;cursor:pointer;color:#8a8a8a;margin-right:4px}.live-camera-unbound[data-v-80aefd18]{font-size:22px;cursor:pointer;color:#f56c6c;margin-right:4px}