.ql-scroll-ranking-board{width:100%;height:100%;color:#fff;overflow:hidden}.ql-scroll-ranking-board .row-item{transition:all .3s;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;overflow:hidden}.ql-scroll-ranking-board .ranking-info{display:-ms-flexbox;display:flex;width:100%;font-size:13px}.ql-scroll-ranking-board .ranking-info .rank{width:40px;color:#1370fb}.ql-scroll-ranking-board .ranking-info .info-name{color:hsla(0,0%,100%,.8);-ms-flex:1;flex:1}.ql-scroll-ranking-board .ranking-info .ranking-value{margin-right:5px}.ql-scroll-ranking-board .ranking-column{display:-ms-flexbox;display:flex;box-shadow:0 0 3px #999;height:7px;margin:5px 5px 0 0;border-radius:10px;background:hsla(0,0%,100%,.2)}.ql-scroll-ranking-board .ranking-column .inside-column{position:relative;height:100%;background:linear-gradient(90deg,#1572d5,#4ae8ff);margin-bottom:2px;border-radius:20px;overflow:hidden}.ql-scroll-ranking-board .ranking-column .shine{position:absolute;left:0;top:2px;height:2px;width:50px;transform:translateX(-100%);background:radial-gradient(#28f8ff 5%,transparent 80%);animation:shine 3s ease-in-out infinite alternate}@keyframes shine{80%{left:0;transform:translateX(-100%)}to{left:100%;transform:translateX(0)}}