.wrapper{position:absolute;width:100vw;height:100vh}.wrapper,.wrapper *{box-sizing:border-box}.wrapper .demo{position:relative;width:100vw;height:500px;display:flex;flex-direction:row;flex-wrap:wrap}.wrapper .demo .my-list{position:relative;width:50%;height:100%;overflow:hidden}.wrapper .demo .my-list .my-list-title{margin-left:8px;font-size:18px;height:30px;line-height:34px;font-weight:900}.wrapper .demo .my-list .process-bar{position:absolute;left:0;top:0;width:0;height:2px;transition:width .5s linear}.wrapper .demo .my-list .my-marquee{position:absolute;left:0;top:0;width:100%;height:500px;font-size:14px;overflow:hidden;background-color:hsla(0,0%,100%,.9)}.wrapper .demo .my-list .my-marquee .item{position:relative;left:0;top:0;width:100%;min-height:20px;line-height:20px;color:#2e74b5}.wrapper .demo .my-list .my-marquee .item .col1{position:absolute;left:0;top:0;width:10%;text-align:center}.wrapper .demo .my-list .my-marquee .item .col2{position:relative;left:10%;top:0;width:90%;border-left:1px solid #47b784;padding-left:1%}.wrapper .demo .my-list .my-marquee .item .ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wrapper .demo .my-list .my-marquee .item .break{word-wrap:break-word;word-break:break-all;white-space:normal}.wrapper .options pre{color:#2c3e50;font-size:13px;line-height:13px;width:300px;display:inline-block;padding-left:50px}.vue-list-marquee-list .list-items-copy[data-v-ce8cd4e6],.vue-list-marquee-list .list-items[data-v-ce8cd4e6]{position:relative;left:0;top:0;width:100%}