.vue-danmaku{position:relative;overflow:hidden}.vue-danmaku .danmus{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transition:all .3s}.vue-danmaku .danmus.show{opacity:1}.vue-danmaku .danmus.paused .dm.move{-webkit-animation-play-state:paused;animation-play-state:paused}.vue-danmaku .danmus .dm{position:absolute;right:0;color:#fff;white-space:pre;transform:translateX(100%)}.vue-danmaku .danmus .dm.move{will-change:transform;-webkit-animation-name:moveLeft;animation-name:moveLeft;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-play-state:running;animation-play-state:running}.vue-danmaku .danmus .dm.pause{-webkit-animation-play-state:paused;animation-play-state:paused;z-index:10}@keyframes moveLeft{0%{transform:translateX(100%)}to{transform:translateX(var(--dm-left-offset))}}@-webkit-keyframes moveLeft{0%{-webkit-transform:translateX(100%)}to{-webkit-transform:translateX(var(--dm-left-offset))}}