.dahua-player-box[data-v-0c85d700]{width:100%;height:100%;position:relative}.dahua-player-box .replay-toolbar[data-v-0c85d700]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;margin-bottom:8px}.dahua-player-box .player-container[data-v-0c85d700]{width:100%;height:100%}.dahua-player-box.has-toolbar .player-container[data-v-0c85d700]{height:calc(100% - 42px)}.dahua-player-box .control-bar-toggle[data-v-0c85d700]{position:absolute;right:10px;bottom:10px}.dahua-player-box .control-bar-toggle button[data-v-0c85d700]{background:rgba(0,0,0,.45);color:#fff;border:1px solid hsla(0,0%,100%,.4);padding:6px 10px;border-radius:4px;cursor:pointer;font-size:12px}.dahua-player-box .control-bar-toggle button[data-v-0c85d700]:hover{background:rgba(0,0,0,.6)}.dahua-player-box[data-v-0c85d700] .iconqingxiLOGO:before{content:""}.ptz-panel[data-v-0c85d700]{position:absolute;right:12px;bottom:80px;width:160px;padding:12px;background:rgba(0,0,0,.55);color:#fff;border-radius:6px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.35);box-shadow:0 2px 8px rgba(0,0,0,.35);z-index:10}.ptz-panel .ptz-title[data-v-0c85d700]{font-size:13px;margin-bottom:8px;text-align:center}.ptz-panel .ptz-grid[data-v-0c85d700]{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px}.ptz-panel .ptz-grid span[data-v-0c85d700]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:32px;border:1px solid hsla(0,0%,100%,.35);border-radius:4px;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.ptz-panel .ptz-grid span i[data-v-0c85d700]{color:#fff;font-size:16px}.ptz-panel .ptz-grid span[data-v-0c85d700]:hover{border-color:#409eff;color:#409eff}.ptz-panel .ptz-zoom[data-v-0c85d700]{margin:10px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.ptz-panel .ptz-zoom span[data-v-0c85d700]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:48px;height:32px;border:1px solid hsla(0,0%,100%,.35);border-radius:4px;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.ptz-panel .ptz-zoom span i[data-v-0c85d700]{color:#fff}.ptz-panel .ptz-zoom span[data-v-0c85d700]:hover{border-color:#409eff;color:#409eff}.ptz-panel .ptz-actions[data-v-0c85d700]{text-align:center}.ptz-toggle[data-v-0c85d700]{position:absolute;right:12px;bottom:40px;width:36px;height:36px;border-radius:50%;background:hsla(0,0%,47.1%,.5);color:#fff;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;cursor:pointer;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.35);box-shadow:0 2px 6px rgba(0,0,0,.35);-webkit-transition:all .2s;transition:all .2s}.ptz-toggle i[data-v-0c85d700]{font-size:18px}.ptz-toggle[data-v-0c85d700]:hover{background:hsla(0,0%,47.1%,.7)}