.danmaku-container{position:relative;overflow:hidden;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);backface-visibility:hidden;perspective:1000;-webkit-backface-visibility:hidden;-webkit-perspective:1000}.danmaku-container .danmus{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);backface-visibility:hidden;perspective:1000;-webkit-backface-visibility:hidden;-webkit-perspective:1000;user-select:none}.danmaku-container .danmus.show{opacity:1}.danmaku-container .danmus.paused .dm.move{animation-play-state:paused}.danmaku-container .danmus .dm{position:absolute;font-size:20px;color:#666;text-align:center;white-space:pre;transform-style:preserve-3d;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);backface-visibility:hidden;perspective:1000;-webkit-backface-visibility:hidden;-webkit-perspective:1000;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.danmaku-container .danmus .dm>div{display:flex;align-items:center;justify-content:space-between}.danmaku-container .danmus .dm.move{will-change:transform;animation-name:moveLeft;animation-timing-function:linear;animation-play-state:running}.danmaku-container .danmus .dm.pause{animation-play-state:paused;z-index:10}@keyframes moveLeft{0%{transform:translate(0)}to{transform:translate(var(--dm-scroll-width))}}@-webkit-keyframes moveLeft{0%{-webkit-transform:translateX(0)}to{-webkit-transform:translateX(var(--dm-scroll-width))}}