.camera-gimbal{position:absolute;right:50px;top:50px;width:224px;border-radius:8px;overflow:hidden;cursor:move}.camera-gimbal .gimal-footer,.camera-gimbal .gimal-header{height:42px;background-color:#3d3d3d;padding:0 1rem}.camera-gimbal .gimal-footer .gimbal-header__title,.camera-gimbal .gimal-header .gimbal-header__title{width:50%;text-align:left;margin-left:auto;margin-right:auto}.camera-gimbal .gimal-footer .gimbal-header__title span,.camera-gimbal .gimal-header .gimbal-header__title span{color:#fff;font-size:1.2rem;line-height:42px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.camera-gimbal .gimal-footer .close,.camera-gimbal .gimal-header .close{position:absolute;right:20px;top:0;color:#fff;font-size:1.5rem;line-height:42px;cursor:pointer}.camera-gimbal .gimal-footer{height:24px}.camera-gimbal .gimal-body{background-color:#f2f6fc}.camera-gimbal .gimal-body .gimbal-body__info{height:32px;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 2rem;border-bottom:1px solid #dcdfe6}.camera-gimbal .gimal-body .gimbal-body__info .gimbal-body__info-item{width:50%;line-height:26px;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}.camera-gimbal .gimal-body .gimbal-body__info .gimbal-body__info-item .btn-next,.camera-gimbal .gimal-body .gimbal-body__info .gimbal-body__info-item .btn-prev{background-color:#fff;border:1px solid #d8d8d8;padding:2px;outline:none;cursor:pointer}.camera-gimbal .gimal-body .gimbal-body__info .gimbal-body__info-item .btn-next.disabled,.camera-gimbal .gimal-body .gimbal-body__info .gimbal-body__info-item .btn-prev.disabled{cursor:not-allowed}.camera-gimbal .gimal-body .gimbal-body__info input{text-align:center;width:2rem;border:none;outline:none;line-height:17px}.camera-gimbal .gimal-body .gimbal-body__info span{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.camera-gimbal .gimal-body .gimbal-body__info .gimbal-body__info-label{margin-right:1rem}.camera-gimbal .gimal-body .gimbal-body__ctrl{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.camera-gimbal .gimal-body .gimbal-body__ctrl,.camera-gimbal .gimal-body .gimbal-body__ctrl .gimbal-body__ctrl-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.camera-gimbal .gimal-body .gimbal-body__ctrl .gimbal-body__ctrl-row{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%}.camera-gimbal .gimal-body .gimbal-body__ctrl .gimbal-body__ctrl-row .gimbal-body__ctrl-button{cursor:pointer}.camera-gimbal .gimal-body .gimbal-body__ctrl .gimbal-body__ctrl-row .gimbal-body__ctrl-button i{-webkit-transform-origin:center;transform-origin:center;color:#fff;font-size:24px}.camera-gimbal .gimal-body .gimbal-body__ctrl .gimbal-body__ctrl-row .gimbal-body__ctrl-button:hover i{color:#99ce50}.camera-gimbal .gimal-body .gimbal-body__ctrl .gimbal-body__ctrl-handler{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;width:200px;padding:1rem 0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.camera-gimbal .gimal-body .gimbal-body__ctrl .gimbal-body__ctrl-handler .gimbal-body__ctrl-pie{width:75%;height:150px;border-radius:50%;background-image:radial-gradient(at 25% 25%,#454545,#0d0d0d);-webkit-box-shadow:-1px -1px 2px #c0c4cc,2px 2px 8px #000;box-shadow:-1px -1px 2px #c0c4cc,2px 2px 8px #000}.camera-gimbal .gimal-body .gimbal-body__ctrl .gimbal-body__ctrl-handler .gimbal-body__ctrl-pie .gimbal-body__ctrl-row{height:33%}.camera-gimbal .gimal-body .gimbal-body__ctrl .gimbal-body__ctrl-handler .gimbal-body__ctrl-pie .gimbal-body__ctrl-button{position:relative;width:33%;height:100%}.camera-gimbal .gimal-body .gimbal-body__ctrl .gimbal-body__ctrl-handler .gimbal-body__ctrl-pie .gimbal-body__ctrl-button i{position:absolute;-webkit-transform-origin:center;transform-origin:center}.camera-gimbal .gimal-body .gimbal-body__ctrl .gimbal-body__ctrl-handler .gimbal-body__ctrl-pie .gimbal-body__ctrl-button:active i{-webkit-box-shadow:2px 2px 4px rgba(0,0,0,.5) inset,-2px -2px 4px rgba(0,0,0,.5) inset;box-shadow:inset 2px 2px 4px rgba(0,0,0,.5),inset -2px -2px 4px rgba(0,0,0,.5)}.camera-gimbal .gimal-body .gimbal-body__ctrl .gimbal-body__ctrl-handler .gimbal-body__ctrl-pie .gimbal-body__ctrl-button .center{left:calc(50% - 12px);top:calc(50% - 12px)}.camera-gimbal .gimal-body .gimbal-body__ctrl .gimbal-body__ctrl-handler .gimbal-body__ctrl-pie .gimbal-body__ctrl-button .left.top{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.camera-gimbal .gimal-body .gimbal-body__ctrl .gimbal-body__ctrl-handler .gimbal-body__ctrl-pie .gimbal-body__ctrl-button .left.bottom,.camera-gimbal .gimal-body .gimbal-body__ctrl .gimbal-body__ctrl-handler .gimbal-body__ctrl-pie .gimbal-body__ctrl-button .right.top{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.camera-gimbal .gimal-body .gimbal-body__ctrl .gimbal-body__ctrl-handler .gimbal-body__ctrl-pie .gimbal-body__ctrl-button .right.bottom{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.camera-gimbal .gimal-body .gimbal-body__ctrl .gimbal-body__ctrl-handler .gimbal-body__ctrl-pie .gimbal-body__ctrl-button .left{right:0}.camera-gimbal .gimal-body .gimbal-body__ctrl .gimbal-body__ctrl-handler .gimbal-body__ctrl-pie .gimbal-body__ctrl-button .right{left:0}.camera-gimbal .gimal-body .gimbal-body__ctrl .gimbal-body__ctrl-handler .gimbal-body__ctrl-pie .gimbal-body__ctrl-button .top{bottom:0}.camera-gimbal .gimal-body .gimbal-body__ctrl .gimbal-body__ctrl-handler .gimbal-body__ctrl-pie .gimbal-body__ctrl-button .bottom{top:0}.camera-gimbal .gimal-body .gimbal-body__ctrl .gimbal-body__ctrl-point{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.camera-gimbal .gimal-body .gimbal-body__ctrl .gimbal-body__ctrl-point .gimbal-body__ctrl-row{height:32px;width:150px;-ms-flex-pack:distribute;justify-content:space-around;padding:6px 0}.camera-gimbal .gimal-body .gimbal-body__ctrl .gimbal-body__ctrl-point .gimbal-body__ctrl-row .gimbal-body__ctrl-button{border:none}.camera-gimbal .gimal-body .gimbal-body__ctrl .gimbal-body__ctrl-point .gimbal-body__ctrl-row .gimbal-body__ctrl-button i{color:#303133;font-size:2rem}.camera-gimbal .gimal-body .gimbal-body__ctrl .gimbal-body__ctrl-point .gimbal-body__ctrl-row .gimbal-body__ctrl-button i:active{-webkit-box-shadow:2px 2px 1px rgba(0,0,0,.1) inset,-2px -2px 1px rgba(0,0,0,.1) inset;box-shadow:inset 2px 2px 1px rgba(0,0,0,.1),inset -2px -2px 1px rgba(0,0,0,.1)}.video-player-process[data-v-9394d8fa]{width:100%;height:12px;background-color:hsla(0,0%,100%,.2);cursor:pointer;position:relative}.video-player-process-active[data-v-9394d8fa]{width:0;height:8px;position:absolute;bottom:0;left:0;background:var(--bpx-primary-color,#00a1d6)}.video-player-process-pointer[data-v-9394d8fa]{position:absolute;left:0;top:0;height:100%;width:1px}.video-player-process-label[data-v-9394d8fa]{background-color:rgba(0,0,0,.5);border-radius:4px;padding:12px;position:absolute;top:0;left:0;color:#fff}.replay-drawer{width:200px;background:rgba(0,0,0,.7);position:absolute;left:0;top:0;color:#dcdfe6;-webkit-transition:left .5s ease;transition:left .5s ease}.replay-drawer .replay-wrap{height:100%}.replay-drawer .replay-header{padding:12px 16px;border-bottom:1px solid #c1c1c1}.replay-drawer .replay-header .el-input__inner{background:transparent;border:none;cursor:pointer;font-size:1rem;padding-left:38px;color:#dcdfe6}.replay-drawer .replay-header .el-input__prefix{font-size:1.2rem;margin-right:8px}.replay-drawer .replay-files{font-size:1rem;height:calc(100% - 58px);padding-top:1.5rem;-webkit-box-sizing:border-box;box-sizing:border-box;overflow-y:auto}.replay-drawer .replay-files ul{padding-left:1.5rem;margin-top:0}.replay-drawer .replay-files li{cursor:pointer;list-style:none}.replay-drawer .replay-files li.focu,.replay-drawer .replay-files li:hover{color:#209e91}.replay-drawer .replay-files li:not(:last-child){margin-bottom:1.5rem}.replay-drawer .replay-files .replay-icon{margin-right:8px}.left-in-out-enter{left:-200px!important}.left-in-out-enter-active,.left-in-out-leave{left:0}.left-in-out-leave-active{left:-200px}.video-player__controls-wrap{height:60px;width:100%;position:absolute;left:0;bottom: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-pack:end;-ms-flex-pack:end;justify-content:flex-end}.video-player__controls{width:100%;height:60px;padding:0 12px;background-color:rgba(0,0,0,.7);-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box}.video-player__controls,.video-player__group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.video-button{font-size:24px;color:#fff;min-width:54px!important;height:32px;cursor:pointer;text-align:center;padding:0}.video-button.label{font-size:1rem;line-height:1rem}.mask{position:absolute;left:0;top:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mask .center-button{font-size:2rem}.mask .center-button.label{color:#fff}.mask .el-tooltip{font-size:1rem}.mask.actived{z-index:0}.el-tooltip-content.medium{font-size:14px}.monitor-player .actived:before{position:absolute;top:0;left:0;content:" ";width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid red}