@keyframes roll-42f952af{0%{transform:translateX(0) translateZ(0)}to{transform:translateX(var(--translateX)) translateZ(0)}}.video-danmu .video-box[data-v-42f952af],.video-danmu[data-v-42f952af]{position:absolute;top:0;right:0;bottom:0;left:0}.video-danmu .video-box[data-v-42f952af]{display:flex;align-items:center;justify-content:center;overflow:hidden}.video-danmu .video-box .video[data-v-42f952af]{display:block;background:#000;box-sizing:border-box;width:100%;height:100%;line-height:1}.video-danmu .video-box .controls[data-v-42f952af]{position:absolute;z-index:1;left:0;right:0;bottom:0;transform:translateY(calc(100% + 10px));transition:all .3s ease-in}.video-danmu .video-box .controls.show[data-v-42f952af]{transform:translateY(0)}.video-danmu .video-box .controls .progress[data-v-42f952af]{margin:0 8px}.video-danmu .video-box .controls .progress .el-slider[data-v-42f952af] .el-slider__runway{margin:0;height:4px;background:hsla(0,0%,100%,.2)}.video-danmu .video-box .controls .operate[data-v-42f952af]{height:56px;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:space-between;padding-right:16px}.video-danmu .video-box .controls .operate .left[data-v-42f952af],.video-danmu .video-box .controls .operate .right[data-v-42f952af]{display:flex;align-items:center}.video-danmu .video-box .controls .operate .ctrl-pause[data-v-42f952af]{width:56px;display:flex;align-items:center;justify-content:center}.video-danmu .video-box .controls .operate .ctrl-pause .play-icon[data-v-42f952af]{font-size:26px;color:#fff;cursor:pointer}.video-danmu .video-box .controls .operate .ctrl-time[data-v-42f952af]{font-size:16px;color:#fff}.video-danmu .video-box .controls .operate .ctrl-rate[data-v-42f952af]{position:relative}.video-danmu .video-box .controls .operate .ctrl-rate-btn[data-v-42f952af]{font-size:16px;color:#fff;width:64px;height:56px;line-height:56px;text-align:center;cursor:pointer}.video-danmu .video-box .controls .operate .ctrl-rate-box[data-v-42f952af]{position:absolute;left:0;right:0;bottom:56px;background:rgba(20,20,20,.9);border-radius:2px;display:none}.video-danmu .video-box .controls .operate .ctrl-rate-box.show[data-v-42f952af]{display:block}.video-danmu .video-box .controls .operate .ctrl-rate-box .rate-item[data-v-42f952af]{height:36px;line-height:36px;cursor:pointer;color:#fff;font-size:14px;text-align:center}.video-danmu .video-box .controls .operate .ctrl-rate-box .rate-item[data-v-42f952af]:hover{background-color:hsla(0,0%,100%,.1)}.video-danmu .video-box .controls .operate .ctrl-rate-box .rate-item.active[data-v-42f952af]{color:#4090ff}.video-danmu .video-box .controls .operate .ctrl-volume[data-v-42f952af]{position:relative}.video-danmu .video-box .controls .operate .ctrl-volume-btn[data-v-42f952af]{color:#fff;width:50px;height:56px;line-height:56px;text-align:center;cursor:pointer}.video-danmu .video-box .controls .operate .ctrl-volume-btn .icon-shengyin[data-v-42f952af]{font-size:13px}.video-danmu .video-box .controls .operate .ctrl-volume-btn .icon-jingyin[data-v-42f952af]{font-size:16px}.video-danmu .video-box .controls .operate .ctrl-volume-box[data-v-42f952af]{position:absolute;left:0;right:0;bottom:56px;width:36px;height:100px;margin:0 auto;background:rgba(20,20,20,.9);border-radius:2px;display:none}.video-danmu .video-box .controls .operate .ctrl-volume-box.show[data-v-42f952af]{display:block}.video-danmu .video-box .controls .operate .ctrl-volume-box .volume[data-v-42f952af]{height:28px;font-size:12px;color:#e5e9ef;line-height:28px;margin-bottom:2px;text-align:center;width:100%}.video-danmu .video-box .controls .operate .ctrl-volume-box[data-v-42f952af] .el-slider__runway{margin:0 auto;width:2px;background:#fff}.video-danmu .video-box .controls .operate .ctrl-volume-box[data-v-42f952af] .el-slider__bar{width:2px}.video-danmu .video-box .controls .operate .ctrl-volume-box[data-v-42f952af] .el-slider__button-wrapper{left:-17px}.video-danmu .video-box .controls .operate .ctrl-fullscreen-btn[data-v-42f952af]{font-size:16px;color:#fff;width:50px;height:56px;line-height:56px;text-align:center;cursor:pointer}.video-danmu .video-box .controls .operate .ctrl-fullscreen-btn .iconfont[data-v-42f952af]{font-size:18px}.video-danmu .danmu-box[data-v-42f952af]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;overflow:hidden}.video-danmu .danmu-box[data-v-42f952af] .dm{position:absolute;z-index:3;top:var(--top);transform:translateZ(0);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:pre;will-change:transform;cursor:pointer;font-size:14px;color:#fff;line-height:30px;text-shadow:0 0 4px rgba(0,0,0,.5);padding:0 10px;border:1px solid transparent;border-radius:4px;pointer-events:auto}.video-danmu .danmu-box[data-v-42f952af] .dm.roll{opacity:0;left:var(--offset);animation:roll-42f952af linear var(--duration) forwards}.video-danmu .danmu-box[data-v-42f952af] .dm.roll:hover{z-index:4;animation-play-state:paused}.video-danmu .danmu-box.dm-show[data-v-42f952af] .dm.roll{opacity:1}.video-danmu .danmu-box.dm-paused[data-v-42f952af] .dm.roll{animation-play-state:paused}