.franky-scroll-view_loading .franky-scroll-view_loader{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:12px;margin:12px 0}.franky-scroll-view_loading .franky-scroll-view_loader-item{width:12px;height:12px;margin:0 4px;border-radius:100%;background-color:#fb7299;will-change:transform}.franky-scroll-view_loading .franky-scroll-view_loader-item:nth-child(1){animation:frankyScrollViewLoading .5s linear infinite alternate-reverse}.franky-scroll-view_loading .franky-scroll-view_loader-item:nth-child(2){-webkit-animation:frankyScrollViewLoading .5s linear infinite alternate;animation:frankyScrollViewLoading .5s linear infinite alternate}.franky-scroll-view_loading .franky-scroll-view_loadend{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:12px 20px;font-size:14px;color:#999}.franky-scroll-view_loading .franky-scroll-view_loadend-icon{display:block;height:20px;margin-right:8px}@-webkit-keyframes frankyScrollViewLoading{0%{-webkit-transform:scale(.3);transform:scale(.3)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes frankyScrollViewLoading{0%{-webkit-transform:scale(.3);transform:scale(.3)}to{-webkit-transform:scale(1);transform:scale(1)}}.franky-scroll-view_refresh{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding-bottom:24px}.franky-scroll-view_refresh .franky-scroll-view_loader{width:60px;height:60px;background-image:url(https://i0.hdslb.com/bfs/kfptfe/floor/0bfdb5acea7e56ef93125a4ce5fd4f3c6b958a4c.png);background-size:240px 60px;will-change:auto}.franky-scroll-view_refresh .franky-scroll-view_loader.is-animation{-webkit-animation:frankyScrollViewRefresh .6s step-end 0s infinite both;animation:frankyScrollViewRefresh .6s step-end 0s infinite both}@-webkit-keyframes frankyScrollViewRefresh{0%{background-position:0 -60px}25%{background-position:60px -60px}50%{background-position:120px -60px}75%{background-position:180px -60px}to{background-position:0 -60px}}@keyframes frankyScrollViewRefresh{0%{background-position:0 -60px}25%{background-position:60px -60px}50%{background-position:120px -60px}75%{background-position:180px -60px}to{background-position:0 -60px}}.franky-scroll-view{position:relative;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%;overflow:hidden}.franky-scroll-view .scroll-view-container{-webkit-flex:1 1;-ms-flex:1 1;flex:1 1;-webkit-overflow-scrolling:touch}.franky-scroll-view .scroll-view-container.is-horizontal{height:auto}.franky-scroll-view .scroll-view-header,.franky-scroll-view .scroll-view-footer{-webkit-flex:none;-ms-flex:none;flex:none}.franky-scroll-view.is-page-scroll .scroll-view-header,.franky-scroll-view.is-page-scroll .scroll-view-footer{position:fixed;left:0;right:0}.franky-scroll-view.is-page-scroll .scroll-view-header{top:0}.franky-scroll-view.is-page-scroll .scroll-view-footer{bottom:0}.franky-scroll-view .scroll-view-refresh{position:absolute;top:0;left:0;right:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.franky-scroll-view .scroll-view-transition{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.franky-scroll-view.is-hide-scrollbar ::-webkit-scrollbar{display:none;-webkit-appearance:none;width:0!important;height:0!important;background:transparent}
