.icon-select{display:inline-block}.select-panel-inner{display:flex;justify-content:space-between;height:32px;line-height:32px;border-radius:1px}.select-panel-inner .icon-button-status{margin:4px 8px;font-size:24px}.icon-button-wrapper{display:inline-flex;align-items:center}.channel-list{padding-top:8px;height:100%}.channel-list-item{display:flex;align-items:center;padding:0 16px 0 24px;height:40px}.channel-list-item.active{background-color:#f5f5f5}.channel-list-item .channel-icon{position:relative;flex:0 0 16px;margin-right:8px;font-size:16px;color:#262626}.channel-list-item .channel-icon .channel-online{position:absolute;top:-1px;right:-1px;width:6px;height:6px;background-color:#17cc82;border-radius:3px}.channel-list-item .channel-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:8px;width:168px;font-size:14px;cursor:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.channel-list-item .channel-actions{flex:0 0 24px;font-size:24px}.channel-list-item .channel-actions .channel-record{margin-right:8px}.channel-list-li{position:relative}.channel-list-li .disabled-mask{display:none;position:absolute;top:0;left:0;width:100%;height:100%;cursor:not-allowed}.channel-list-li .disabled-mask.disabled{display:inline-block;background-color:hsla(0,0%,100%,.7)}.control-bar{position:relative;border:1px solid #ceced2}.control-bar .icon-button-status{font-size:24px}.control-bar .icon-button-status .icon-arrow-down{font-size:8px}.control-bar .tool-left{display:inline-flex;align-items:center;height:100%}.control-bar .tool-left>*{margin-left:16px}.control-bar .tool-right{display:inline-flex;align-items:center;position:absolute;top:0;right:0;height:100%}.control-bar .tool-right>*{margin-right:16px}[data-v-4abbdac6]:export{mainActiveColor:#ff801f;borderColor:#d8d8d8;titleColor:#262626}.operate-area-wrapper[data-v-4abbdac6]{position:relative;width:100%;height:100%;z-index:10}.screen-pagination .turn-page{display:inline-flex;align-items:center}.screen-pagination .turn-page .pagination-text{display:inline-block;width:48px;text-align:center}.screen-pagination .per-page{margin-left:16px}[data-v-450c47c3]:export{mainActiveColor:#ff801f;borderColor:#d8d8d8;titleColor:#262626}.preview-player[data-v-450c47c3]{display:flex;flex-direction:column}.preview-player .screen-wrapper[data-v-450c47c3]{flex:1}.preview-player .control-bar[data-v-450c47c3]{flex:0 0 40px}[data-v-081b6361]:export{mainActiveColor:#ff801f;borderColor:#d8d8d8;titleColor:#262626}.ptz-buttons[data-v-081b6361]{padding:16px 10px}.ptz-buttons .icon-button-status[data-v-081b6361]{display:inline-flex;justify-content:center;align-items:center;width:38px;height:38px;font-size:24px;border-width:1px;border-style:solid;border-radius:1px}.ptz-buttons .ptz-directions[data-v-081b6361]{display:inline-flex;flex-flow:wrap;justify-content:space-between;width:118px;height:120px}.ptz-buttons .ptz-args[data-v-081b6361]{display:inline-flex;flex-flow:wrap;margin-left:14px;width:76px;height:120px}.ptz-buttons .ptz-args .icon-button-status[data-v-081b6361]:active,.ptz-buttons .ptz-args .icon-button-status[data-v-081b6361]:hover{z-index:1}.ptz-buttons .ptz-args .icon-button-status[data-v-081b6361]:nth-of-type(2n){margin-left:-1px}.ptz-buttons .ptz-bottom-buttons[data-v-081b6361]{display:inline-flex;align-items:center;margin-top:14px}.ptz-buttons .ptz-speed[data-v-081b6361]{display:inline-flex;justify-content:flex-end;align-items:center;width:118px}.ptz-buttons .ptz-speed .speed-title[data-v-081b6361]{margin-right:8px;color:#262626}.ptz-buttons .ptz-speed .speed-select[data-v-081b6361]{width:54px}.ptz-buttons .ptz-3d[data-v-081b6361]{display:inline-flex;margin-left:14px}.ptz-buttons .ptz-3d .icon-button-status[data-v-081b6361]{width:76px}[data-v-d799ed02]:export{mainActiveColor:#ff801f;borderColor:#d8d8d8;titleColor:#262626}.simple-table[data-v-d799ed02]{position:relative}.simple-table-inner[data-v-d799ed02]{position:absolute;width:100%;border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8}.simple-table .v-scroll[data-v-d799ed02]{margin:-1px 0}.simple-table table[data-v-d799ed02]{width:100%;border:1px solid #d8d8d8;color:#262626}.simple-table table tr[data-v-d799ed02]{height:28px}.simple-table table tr td[data-v-d799ed02]{padding:0 12px}.simple-table table tr td[data-v-d799ed02]:first-of-type{padding:0;width:36px;text-align:center}.simple-table table tr td[data-v-d799ed02]:nth-of-type(2){width:auto}.simple-table table tr td[data-v-d799ed02]:nth-of-type(3){width:88px;font-size:0;text-align:center}.simple-table table tr .icon-button-status[data-v-d799ed02]{font-size:16px}.simple-table table tr .icon-button-status[data-v-d799ed02]:nth-of-type(n+2){margin-left:6px}.edit-cruise-dialog{position:absolute;left:-6px;bottom:4px;padding:8px;width:258px;height:338px;box-shadow:0 0 8px 0 rgba(0,0,0,.2);background-color:#fff;border-radius:1px;z-index:10}.edit-cruise-dialog .cruise-edit-header{position:relative;margin-bottom:10px}.edit-cruise-dialog .cruise-edit-header .icon-close{position:absolute;right:0;font-size:16px;cursor:pointer}.edit-cruise-dialog .table-body-wrapper{position:relative}.edit-cruise-dialog .table-body-wrapper .table-body-bottom{position:absolute;bottom:0;width:100%;height:1px;background-color:#d8d8d8}.edit-cruise-dialog table{width:100%;border:1px solid #d8d8d8;border-radius:1px}.edit-cruise-dialog table.table-header{margin-bottom:-1px}.edit-cruise-dialog table .v-select__icon,.edit-cruise-dialog table .v-select__label{padding:0 4px 0 0;height:26px;line-height:26px;border:none;box-shadow:none}.edit-cruise-dialog table .v-select__icon{padding:0 4px}.edit-cruise-dialog table .v-select__label--text{text-align:left;text-indent:8px}.edit-cruise-dialog table .v-input .input-text{padding:0 2px!important;height:24px;text-align:center}.edit-cruise-dialog table .v-input .input-text:focus,.edit-cruise-dialog table .v-input .input-text:hover{border-color:#d8d8d8;box-shadow:none}.edit-cruise-dialog table td,.edit-cruise-dialog table th{height:28px;text-align:center}.edit-cruise-dialog table td:first-of-type,.edit-cruise-dialog table th:first-of-type{width:96px}.edit-cruise-dialog table td:first-of-type .v-select,.edit-cruise-dialog table th:first-of-type .v-select{width:94px}.edit-cruise-dialog table td:nth-of-type(2),.edit-cruise-dialog table th:nth-of-type(2){width:38px}.edit-cruise-dialog table td:nth-of-type(2) .v-select,.edit-cruise-dialog table th:nth-of-type(2) .v-select{width:36px}.edit-cruise-dialog table td:nth-of-type(3),.edit-cruise-dialog table th:nth-of-type(3){width:48px}.edit-cruise-dialog table td:nth-of-type(3) .v-input,.edit-cruise-dialog table th:nth-of-type(3) .v-input{width:32px;height:24px}.edit-cruise-dialog table td:nth-of-type(4),.edit-cruise-dialog table th:nth-of-type(4){width:auto}.edit-cruise-dialog table td:nth-of-type(4){font-size:16px}.edit-cruise-dialog table th{font-size:14px;font-weight:400;color:#262626}.edit-cruise-dialog .cruise-edit-actions{position:absolute;left:0;bottom:0;padding:8px 8px 12px;width:100%}.edit-cruise-dialog .cruise-edit-actions:after{content:"";display:table;visibility:hidden;clear:both}.edit-cruise-dialog .cruise-edit-actions .left-bottons{float:left}.edit-cruise-dialog .cruise-edit-actions .right-bottons{float:right}.ptz-tabs .tab-nav{text-align:center}.ptz-tabs .tab-nav-actions{display:flex}.ptz-tabs .tab-nav .tab-nav--S{flex:1;padding:3px 0!important;font-size:14px!important}.ptz-control{display:flex;transition:all .5s;overflow:hidden}.ptz-control .collapse-btn-wrapper{flex:0 0 12px;display:inline-flex;align-items:center;padding-bottom:40px;width:12px;height:100%}.ptz-control .collapse-btn-wrapper .collapse-btn{display:inline-flex;justify-content:center;align-items:center;width:100%;height:56px;color:#fff;background-color:#ff801f;cursor:pointer}.ptz-control .collapse-btn-wrapper .collapse-btn .icon-arrow-left{font-size:12px;transform:rotate(180deg)}.ptz-control .ptz-main{flex:0 0 256px;position:relative;display:flex;flex-flow:column;height:100%;padding:2px 14px 0}.ptz-control .ptz-main .ptz-header{padding:16px 0;border-bottom:1px solid #e9e9e9}.ptz-control .ptz-main .ptz-header .ptz-title{padding-left:2px;color:#262626;font-size:14px}.ptz-control .ptz-main .ptz-tabs{flex:1}.ptz-control.collapsed{flex-basis:12px!important}.ptz-control.collapsed .collapse-btn .icon-arrow-left{transform:none}.preview{display:flex;padding-bottom:48px;height:100%}.preview .channel-list{flex:0 0 256px}.preview .preview-player{flex:1;height:100%}.preview .ptz-control{flex:0 0 268px;height:100%}