.div,.sb-layer{width:100%;transition:all 1s ease}*,:after,:before{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{width:100%;height:100%}.scroll-btn{display:block;right:20px;background-color:#fff;cursor:pointer}.sb-layer{height:100%;z-index:998;position:absolute;top:0;left:0;background-color:inherit;-webkit-transition:all 1s ease}.scroll-btn i{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;font-size:30px}.click-bubble-container{position:relative;overflow:hidden}@-webkit-keyframes bounce{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.scroll-btn.bounce{-webkit-animation:bounce 1s ease;animation:bounce 1s ease}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotateIn{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.scroll-btn.rotate{-webkit-animation:rotateIn 1s cubic-bezier(1,-.75,0,1.83);animation:rotateIn 1s cubic-bezier(1,-.75,0,1.83)}.click-bubble{width:0;height:0%;position:absolute;-webkit-transform:scale(0);transform:scale(0);opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.scroll-btn.bubble .click-bubble{-webkit-animation:bubble 1s ease;animation:bubble 1s ease}@-webkit-keyframes bubble{100%{-webkit-transform:scale(1.6);transform:scale(1.6);opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%}}@keyframes bubble{100%{-webkit-transform:scale(1.6);transform:scale(1.6);opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%}}.spread-border{display:block;position:absolute;top:0;left:0}.scroll-btn.spread .spread-border{-webkit-animation:spread 1s ease;animation:spread 1s ease}@-webkit-keyframes spread{100%{-webkit-transform:scale(2);transform:scale(2);opacity:0;border-width:0}}@keyframes spread{100%{-webkit-transform:scale(2);transform:scale(2);opacity:0;border-width:0}}