.touch-video-box-wrapper { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 14; pointer-events: none; } .touch-video-box { border-radius: 4px; display: none; align-items: center; justify-content: center; width: 50%; height: 40%; background: #000; background: #000A; backdrop-filter: blur(30px); } .touch-video-info { color: white; font-size: 2rem; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; height: 100%; width: 100%; } .touch-row { flex-grow: 1; display: flex; align-items: center; justify-content: center; width: 100%; } .touch-info { display: block; flex-grow: 1; flex-shrink: 0; margin-right: 1em; margin-left: 0.2em; color: $customStyleColor; max-width: 15em; } .touch-result { display: block; flex-grow: 1; flex-shrink: 0; font-size: 1.5rem; } .touch-speed { display: block; flex-grow: 2; flex-shrink: 0; background: #444A; padding: 0.5em; margin-left: 1em; border-radius: 4px; margin-right: 0.2em; max-width: 5em; } .videoshot { display:none; background-image: none; flex-grow: 0; flex-shrink: 0; border-radius: 4px; width: 80px; height: 45px; background-size: 1000%; margin-left: 1em; } div.bilibili-player-video-control { height: 38px !important; align-items: center !important; } .bilibili-player-video-btn { flex-grow: 1 !important; height: 38px !important; display: flex !important; align-items: center !important; justify-content: center !important; } .bilibili-player-video-inputbar, .bilibili-player-video-progress { flex-grow: 30 !important; } .bilibili-player-video-quality-menu { display: flex !important; align-items: center !important; justify-content: center !important; } .bilibili-player-iconfont-start, .bilibili-player-iconfont-pause, .bilibili-player-iconfont-volume, .bilibili-player-iconfont-volume-max, .bilibili-player-iconfont-volume-min, .bilibili-player-iconfont-setting, .bilibili-player-iconfont-danmaku, .bilibili-player-iconfont-danmaku-off, .bilibili-player-iconfont-repeat, .bilibili-player-iconfont-widescreen, .bilibili-player-iconfont-web-fullscreen, .bilibili-player-iconfont-fullscreen, .bilibili-player-iconfont-color { font-size: 2.5rem !important; } .bilibili-player-iconfont-next { font-size: 2rem !important; } .bpui-selectmenu-list, .bilibili-player-video-danmaku-setting-wrap, .bilibili-player-video-btn-setting-panel, .bilibili-player.mode-fullscreen .bilibili-player-video-sendbar { left: unset !important; bottom: 38px !important; } .bilibili-player-video-volumebar-wrp { left: unset !important; }