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