.flow-box{background-color:#fff;width:100vw;height:100vh}.flow-box .type-box{width:100%;height:40px;position:fixed;top:0;font-size:$font_medium_s;background:#fff;color:rgba(0,0,0,.4);z-index:99;border-bottom:.5px solid #ddd;padding:0 5px}.type-box .type-list{white-space:nowrap;overflow-x:scroll}.type-list .type-item{display:inline-block;padding:0 12.5px;height:40px;text-align:center}.type-list .type-item .text{line-height:37.5px;font-size:$font_medium_s;color:rgba(0,0,0,.4);margin:0}.type-list .type-item .line{background-color:#fff}.type-list .type-item-on .text{font-size:16px;color:#f0142d}.type-list .type-item-on .line{width:19px;height:2px;margin:0 auto;background-color:#f0142d;border-radius:2px}.type-list::webkit-scrollbar{dispplay:none}@keyframes data-item-ani{0%{transform:scale(.5)}to{transform:scale(1)}}.flow-box .data-list-box{position:relative;margin-height:100vh;margin-top:40px}.data-list-box .data-item{height:auto;box-shadow:0 0 5px 2px rgba(0,0,0,.5);position:absolute;background-color:#fff;left:-1000px;animation:data-item-ani .4s;transition:left .6s,top .6s;transition-delay:.1s}.data-item .data-cover{display:block}.data-item .data-name{font-size:$font_medium_s;padding:5px 10px;text-align:left}