.canvas[data-v-427e0a4e]{cursor:crosshair}video{width:calc(100vw - 286px);height:calc(100vh - 188px)}.lost-video{position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%,-50%)}.lost-video-img{display:block;margin:0 auto}.lost-video-text{text-align:center;font-weight:800}.video-switch{height:48px;background:#333;display:flex;align-items:center}.video-switch-tab{height:48px;margin:0 auto;transition:transform .3s;position:relative}.video-switch-tab-line{position:absolute;width:88px;top:0;left:0;height:3px;background-color:#e72528;z-index:1;transition:.3s cubic-bezier(.645,.045,.355,1)}.video-switch-tab-btn{font-size:12px;font-weight:801;float:left;font-family:MicrosoftYaHei-Bold;line-height:48px;color:#fff;opacity:.6;width:88px;box-sizing:content-box;text-align:center}.tab-active{opacity:1}.nodetree[data-v-8976350e]{flex:1 0 auto}.normal-node[data-v-8976350e]{margin-right:10px;display:inline-block}.tree-action[data-v-8976350e]{margin:0 20px 0 20px;opacity:0;align-items:center}.tree-action>span[data-v-8976350e]{margin-left:5px}.tree-action>span[data-v-8976350e]:hover{color:#1dbcb3}.tree-action[data-v-8976350e]:hover{opacity:1}.input-node[data-v-8976350e]{width:120px}.page-videopatrol[data-v-34defd67]{width:100%;display:flex;flex:1;overflow:hidden}.page-videopatrol .left-part[data-v-34defd67]{width:250px;box-shadow:1px 0 0 0 #f2f2f2;padding:4px 0 8px 0}.page-videopatrol .left-part .left-area-action[data-v-34defd67]{height:32px;display:flex;align-items:center;box-shadow:inset 0 -1px 0 0 #e6e6e6}.page-videopatrol .left-part .left-area-action .el-dropdown-con[data-v-34defd67]{width:100%;padding:0 12px;text-align:center;box-sizing:border-box}.page-videopatrol .left-part .left-area-action .el-dropdown-con .space-between[data-v-34defd67]{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.page-videopatrol .left-part .left-area[data-v-34defd67]{position:relative;flex:auto;padding:0 1px;display:flex;flex-direction:column}.page-videopatrol .left-part .left-area .tree-filter[data-v-34defd67]{flex:none;margin-bottom:10px}.page-videopatrol .left-part .left-area .tree[data-v-34defd67]{flex:auto;overflow:auto}.page-videopatrol .left-part .left-area .monitor-item[data-v-34defd67]{line-height:32px;height:32px;font-size:14px;padding:0 16px;cursor:pointer;overflow:hidden;word-break:break-all}.page-videopatrol .left-part .left-area .monitor-item.active[data-v-34defd67]{color:#fff;background:#1dbcb3}.page-videopatrol .left-part .left-area .empty-msg[data-v-34defd67]{text-align:center;color:#ccc;position:absolute;top:70px;left:50%;transform:translateX(-50%);font-size:12px}.page-videopatrol .left-part .left-area .monitor-list-bottom[data-v-34defd67]{margin-right:8px;padding:10px;border-top:1px solid #ccc;text-align:center;font-size:13px;color:#bbb}.page-videopatrol .left-part .video-ptz-wrap[data-v-34defd67]{position:absolute;bottom:0;width:230px;height:44px;overflow:hidden;background-color:#f2f2f2;transition:height .3s ease 0s;z-index:250}.page-videopatrol .left-part .video-ptz-wrap header[data-v-34defd67]{width:100%;height:44px;padding-top:10px;padding-left:20px;line-height:20px;position:absolute;box-sizing:border-box}.page-videopatrol .left-part .video-ptz-wrap header i[data-v-34defd67]{position:absolute;right:12px;width:24px;height:24px;font-size:18px;text-align:center;cursor:pointer}.page-videopatrol .left-part .video-ptz-wrap object[data-v-34defd67]{width:100%;height:450px;margin-top:35px}.page-videopatrol .left-part .expand[data-v-34defd67]{height:500px}.page-videopatrol .patrol-part[data-v-34defd67]{position:relative;overflow:hidden;height:100%;flex:1;display:flex;flex-direction:column}.page-videopatrol .patrol-part .head-action[data-v-34defd67]{height:40px;position:relative;background:#2f2f32}.page-videopatrol .patrol-part .head-action .btn[data-v-34defd67]{width:76px;height:24px;line-height:24px;display:inline-block;text-align:center;color:#fff;font-size:12px;cursor:pointer}.page-videopatrol .patrol-part .head-action .capture[data-v-34defd67]{margin-top:8px;margin-left:16px;border-radius:3px;background:#1dbcb3}.page-videopatrol .patrol-part .head-action .btn-stop[data-v-34defd67]{color:#999;background:#bebebe;cursor:not-allowed}.page-videopatrol .patrol-part .head-action .btn-center[data-v-34defd67]{position:absolute;top:0;left:50%;padding-top:8px;transform:translateX(-50%)}.page-videopatrol .patrol-part .head-action .btn-center .selected[data-v-34defd67]{background:#1dbcb3;border-radius:100px}.page-videopatrol .patrol-part .ocx-box[data-v-34defd67]{width:100%;height:calc(100% - 40px);background:#000}.page-videopatrol .patrol-part .ocx-box object[data-v-34defd67]{width:100%;height:100%;padding-top:0;margin:0;padding:0;box-sizing:border-box}.page-videopatrol .patrol-part #myPlayer[data-v-34defd67]{width:100%;height:calc(100% - 40px)}.page-videopatrol .patrol-part .page-error[data-v-34defd67]{width:100%;position:absolute;top:0;left:0;text-align:center;color:#486784;background:#fff;height:100%}.page-videopatrol .patrol-part .page-error .page-error-img[data-v-34defd67]{padding:50px 0}.page-videopatrol .patrol-part .page-error .down-btn[data-v-34defd67]{width:160px;display:block;box-sizing:border-box;padding:5px 0;border:1px solid #ff7c34;border-radius:5px;margin:30px auto;text-decoration:none;color:#ff7c34;cursor:pointer}.page-videopatrol .patrol-part .capture-list[data-v-34defd67]{width:196px;display:flex;align-items:center;position:absolute;top:0;right:0;bottom:0;opacity:1;background:rgba(0,0,0,.9);transition:right .8s}.page-videopatrol .patrol-part .capture-list .list-btn[data-v-34defd67]{width:16px;height:80px;position:relative;z-index:9;border-top-left-radius:2px;border-bottom-left-radius:2px;background:rgba(0,0,0,.9);cursor:pointer}.page-videopatrol .patrol-part .capture-list .list-btn img[data-v-34defd67]{margin-top:32px}.page-videopatrol .patrol-part .capture-list .list-btn i[data-v-34defd67]{padding-top:35px;padding-left:3px;font-size:12px;color:#afb0b8}.page-videopatrol .patrol-part .capture-list .list-container[data-v-34defd67]{flex:1;height:100%;position:relative;z-index:9;background:rgba(0,0,0,.9)}.page-videopatrol .patrol-part .capture-list .list-container .list-container-head[data-v-34defd67]{height:48px;line-height:48px;text-align:center;font-size:13px;color:#fff}.page-videopatrol .patrol-part .capture-list .list-container .list-container-item[data-v-34defd67]{padding:0 8px}.page-videopatrol .patrol-part .capture-list .list-container .list-container-item .list-item-pic[data-v-34defd67]{width:160px;height:90px;line-height:90px;text-align:center;background:#212121;font-size:12px;color:#797979}.page-videopatrol .patrol-part .capture-list .list-container .list-container-item .list-item-pic img[data-v-34defd67]{width:100%;height:100%;cursor:pointer}.page-videopatrol .patrol-part .capture-list .list-container .list-container-item .list-item-time[data-v-34defd67]{padding:7px 0 13px 0;font-size:12px;color:#ccc}.page-videopatrol .patrol-part .capture-list .list-container .list-container-bottom[data-v-34defd67]{padding-top:3px;margin-bottom:10px;border-top:1px solid #aaa;text-align:center;font-size:13px;color:#aaa}.page-videopatrol .patrol-part .capture-list .ocx-iframe-hack[data-v-34defd67]{width:100%;height:100%;position:absolute;top:0;left:0;border:none;background:#000;opacity:1;z-index:1}.page-videopatrol .patrol-part .capture-list-hidden[data-v-34defd67]{right:-180px}.page-videopatrol .pictureDetail[data-v-34defd67]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999}.page-videopatrol .pictureDetail .ocx-canvas-hack[data-v-34defd67]{width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1}.page-videopatrol .pictureDetail .box[data-v-34defd67]{background-color:#fff;box-shadow:0 0 15px #666;width:853px;height:586px;padding:10px;box-sizing:border-box}.page-videopatrol .pictureDetail .box .title[data-v-34defd67]{height:66px;padding-left:10px}.page-videopatrol .pictureDetail .box .title .name[data-v-34defd67]{font-size:18px;color:#333}.page-videopatrol .pictureDetail .box .title .address[data-v-34defd67]{font-size:14px;color:#666;line-height:40px}.page-videopatrol .pictureDetail .box .title .close[data-v-34defd67]{font-size:14px;color:#666;cursor:pointer}.page-videopatrol .pictureDetail .box .title .close[data-v-34defd67]:hover{color:red}.page-videopatrol .pictureDetail .box .inner[data-v-34defd67]{width:833px;height:500px;position:relative}.page-videopatrol .pictureDetail .box .inner .lastPic[data-v-34defd67]{position:absolute;left:0;top:200px;width:24px;height:80px;background:rgba(0,0,0,.9);color:#aaa;border-bottom-right-radius:8px;border-top-right-radius:8px}.page-videopatrol .pictureDetail .box .inner .nextPic[data-v-34defd67]{position:absolute;right:0;top:200px;width:24px;height:80px;background:rgba(0,0,0,.9);color:#aaa;border-bottom-left-radius:8px;border-top-left-radius:8px}.page-videopatrol .pictureDetail .box .inner .control[data-v-34defd67]{position:absolute;bottom:0;height:40px;background-color:rgba(0,0,0,.7);left:0;right:0;color:#fff}.page-videopatrol .pictureDetail .box .inner .down[data-v-34defd67]{color:#fff;width:80px;float:right;margin-top:-40px;position:absolute;right:10px;height:40px;bottom:0}.page-videopatrol .pictureDetail .box .inner .down span[data-v-34defd67]:hover{color:#1dbcb3}.page-videopatrol .pictureDetail .box .inner .icon[data-v-34defd67]{cursor:pointer}.page-videopatrol .pictureDetail .box .inner .icon.active[data-v-34defd67]{color:#1dbcb3}.page-videopatrol .pictureDetail .box .inner .icon img[data-v-34defd67]{width:20px;height:20px;margin:5px 10px 0 10px}.page-videopatrol .flex-center[data-v-34defd67]{display:flex;justify-content:center;align-items:center}.page-videopatrol .flex-center-between[data-v-34defd67]{display:flex;justify-content:space-between;align-items:center}.page-videopatrol .flex-top-between[data-v-34defd67]{display:flex;justify-content:space-between;align-items:flex-start}.dropdown-area[data-v-34defd67]{width:250px;box-sizing:border-box;height:400px;overflow:hidden;padding:12px}.dropdown-area .surface-input[data-v-34defd67]{margin-bottom:12px}.dropdown-area .surface-input input[data-v-34defd67]{border-radius:100px;padding-left:15px;padding-right:28px}.labelwidth200 .el-tree-node__label{width:200px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.labelwidth170 .el-tree-node__label{width:170px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.videoicon{font-size:24px!important;margin-top:-1px}.page-videopatrol .el-tabs__active-bar{z-index:0!important}.tip1{border:1px solid #9ac7ec;height:32px;line-height:32px;background:#f7fbff;margin:3px 10px;font-size:12px}.searchipt{margin:5px 0}.monitor-scrollbar__wrap1{height:calc(100vh - 250px);overflow-y:scroll}.monitor-scrollbar__wrap2{height:calc(100vh - 280px)}.monitor-scrollbar__wrapnew1{height:calc(100vh - 310px)}.monitor-scrollbar__wrapnew2{height:calc(100vh - 366px)}.capture-list-scrollbar__wrap{height:calc(100vh - 200px)}.alertStyle{position:fixed;left:55%;top:40%;border-radius:20px}.alertStyle .el-message-box__content{padding:30px 32px 30px 40px}