.marquee_child{background:#ad277c;color:#fff;width:160px;height:60px;font-size:24px}.marquee_main{position:relative;overflow-x:hidden;width:100vw;background:#3ba038;color:#fff;padding:13px 0;font-size:24px;height:60px}.marquee_div{position:absolute;white-space:nowrap;will-change:transform;animation:marquee 20s linear infinite}@keyframes marquee{0%{transform:translate(50%)}to{transform:translate(-100%)}}@keyframes fixed-speed-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.fixed-speed-marquee{animation-name:fixed-speed-marquee;animation-timing-function:linear;animation-iteration-count:infinite;animation-play-state:running}.pause-on-hover:hover{animation-play-state:paused}@media screen and (max-width: 768px){.marquee_child{width:60px;height:40px;font-size:16px}.marquee_main{padding:8px 0;font-size:16px;height:40px}.marquee_div{animation:marquee 20s linear infinite}@keyframes marquee{0%{transform:translate(25%)}to{transform:translate(-100%)}}}