.mini-primary-btn[data-v-8cdc796e]{color:#20d6c2;cursor:pointer;font-size:.677vw}.mini-primary-btn[data-v-8cdc796e]:hover{opacity:.8}.mini-danger-btn[data-v-8cdc796e]{color:#e71f29;cursor:pointer;font-size:.677vw}.mini-danger-btn[data-v-8cdc796e]:hover{opacity:.8}[data-v-8cdc796e]:export{normalColor:#20d6c2;dangerColor:#e71f29;warnColor:#f4c364;failColor:#999;fontColor:#515a6e}.device-live[data-v-8cdc796e]{display:flex;gap:.833vw;padding:0 .833vw .833vw .833vw}.device-live-left[data-v-8cdc796e]{flex:1;height:34.375vw;margin:0 0 -.833vw -.833vw}.device-live-left .jb-pro-controls[data-v-8cdc796e]{background:#333!important}.device-live-right[data-v-8cdc796e]{box-sizing:border-box;width:14.583vw}.device-live-right .title[data-v-8cdc796e]{margin-top:1.25vw;margin-bottom:.625vw;color:#515a6e;font-weight:700;font-size:.833vw}.device-live-right .ad_btn[data-v-8cdc796e]{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:.625vw;gap:.833vw .417vw}.device-live-right .ad_btn .el-button[data-v-8cdc796e]{flex:calc(50% - 0.833vw)}.device-live-right .ad_btn .el-button.el-button--info[data-v-8cdc796e]{background-color:#f8f8f9;border:1px solid #f8f8f9;color:#515a6e}.device-live-right .ad_btn .el-button.el-button--info[data-v-8cdc796e]:hover{background-color:#e8e8e9;border-color:#e8e8e9}.device-live-right .ad_btn .el-button+.el-button[data-v-8cdc796e]{margin-left:0}.device-live-right .ad_btn.position_btn .el-button[data-v-8cdc796e]{flex:calc(25% - 0.417vw)}.mini-primary-btn{color:#20d6c2;cursor:pointer;font-size:.677vw}.mini-primary-btn:hover{opacity:.8}.mini-danger-btn{color:#e71f29;cursor:pointer;font-size:.677vw}.mini-danger-btn:hover{opacity:.8}.group-live{display:flex;gap:.833vw;padding:.833vw;height:calc(100vh - 3.646vw)}.group-live-left{display:flex;flex-direction:column;width:21.875vw}.group-live-left .search{display:flex;align-items:center;gap:.417vw;margin-bottom:.625vw}.group-live-left .search .el-input{flex:1}.group-live-left .search .el-select,.group-live-left .search .el-select .el-input{width:6.25vw}.group-live-left .camera-list{flex:1;display:flex;flex-direction:column;gap:.417vw;overflow-y:auto;padding-bottom:.833vw}.group-live-left .camera-list .camera-item{font-size:.625vw;line-height:1.458vw;border:1px solid #fff;border-radius:.208vw;cursor:pointer;transition:all .5s}.group-live-left .camera-list .camera-item.active,.group-live-left .camera-list .camera-item:hover{border:1px solid #20d6c2}.group-live-left .camera-list .camera-item.active .camera-title,.group-live-left .camera-list .camera-item:hover .camera-title{background-color:#eafffd}.group-live-left .camera-list .camera-item .camera-title{border-radius:.208vw .208vw 0 0;color:#20d6c2;background-color:#f8f8f9;display:flex;justify-content:space-between;padding:0 .625vw}.group-live-left .camera-list .camera-item .camera-title .icon{margin-left:.417vw;font-size:.833vw}.group-live-left .camera-list .camera-item .camera-info{display:flex;justify-content:space-between;align-items:center;background-color:#f8f8f9;padding:0 .625vw;border-radius:0 0 .208vw .208vw}.group-live-left .camera-list .camera-item .camera-info .camera-state{color:#fff;background-color:#20d6c2;margin-right:.208vw;width:1.563vw;height:.833vw;display:flex;align-items:center;justify-content:center;border-radius:.104vw;font-size:.521vw}.group-live-left .camera-list .camera-item .camera-info .camera-name{flex:1;width:0;margin-right:.417vw;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.group-live-left .camera-list .camera-item.offline .camera-title{color:#ff3c31}.group-live-left .camera-list .camera-item.offline .camera-state{background-color:#ff3c31}.group-live-left .camera-list .camera-item.offline.active,.group-live-left .camera-list .camera-item.offline:hover{border:1px solid #ff3c31}.group-live-left .camera-list .camera-item.offline.active .camera-title,.group-live-left .camera-list .camera-item.offline:hover .camera-title{background-color:#ffe9e7}.group-live-right{display:flex;flex-direction:column;background:#333;flex:1;height:100%;margin:-.833vw -.833vw 0 0}.group-live-right #container{flex:1}.group-live-right #container .jb-pro-controls{background:#333!important}.group-live-right .operate{text-align:center;margin:.625vw}.group-live-right .operate .el-button{background-color:#414141;border:1px solid #414141;color:hsla(0,0%,96.1%,.6666666667);padding:0 .625vw;height:1.458vw}.group-live-right .operate .el-button span{display:flex;align-items:center;font-size:.625vw}.group-live-right .operate .el-button span .icon{font-size:.938vw;margin-right:.313vw}.group-live-right .operate .el-button span:hover{color:#fff}.group-live .button-group{display:flex;align-items:center;background-color:#fff;gap:.833vw .417vw;padding-top:.625vw;padding-right:.833vw;margin-bottom:-.833vw}.group-live .button-group .el-button{height:1.458vw;padding:0 .625vw}.group-live .button-group .el-input{flex:1}