@-webkit-keyframes badbounce{0%,to{-webkit-transform:translateY(0)}10%{-webkit-transform:translateY(6px)}30%{-webkit-transform:translateY(-4px)}70%{-webkit-transform:translateY(3px)}90%{-webkit-transform:translateY(-2px)}}@keyframes badbounce{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}10%{-webkit-transform:translateY(6px);transform:translateY(6px)}30%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}70%{-webkit-transform:translateY(3px);transform:translateY(3px)}90%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}}.ss_animate{-webkit-animation:badbounce 1s linear;animation:badbounce 1s linear}body,html{width:100%;height:100%;background:#212121;margin:0;padding:0}#ss_menu,#ss_menu>.menu{color:#fff;width:60px;height:60px}#ss_menu,#ss_menu>.menu,#ss_menu>.menu .share{-webkit-transition:all 1s ease;transition:all 1s ease}#ss_menu{bottom:60px;right:60px;-webkit-transform:rotate(180deg);transform:rotate(180deg);position:fixed}#ss_menu>.menu,#ss_menu>.menu .share{position:absolute}#ss_menu>.menu{display:block;border-radius:50%;cursor:pointer;text-align:center;box-shadow:0 3px 10px rgba(0,0,0,.23),0 3px 10px rgba(0,0,0,.16)}#ss_menu>.menu .share{width:100%;height:100%;left:0;top:0;-webkit-transform:rotate(180deg);transform:rotate(180deg)}#ss_menu>.menu .share .circle,#ss_menu>.menu .share .circle:after,#ss_menu>.menu .share .circle:before{-webkit-transition:all 1s ease;transition:all 1s ease;opacity:1;position:absolute;width:12px;height:12px;border-radius:50%;background:#fff}#ss_menu>.menu .share .circle{top:50%;margin-top:-6px;left:12px}#ss_menu>.menu .share .circle:after,#ss_menu>.menu .share .circle:before{content:'';display:block}#ss_menu>.menu .share .circle:after{left:20.78461px;top:12px}#ss_menu>.menu .share .circle:before{left:20.78461px;top:-12px}#ss_menu>.menu .share .bar,#ss_menu>.menu .share .bar:before{-webkit-transition:all 1s ease;transition:all 1s ease;width:24px;height:3px;background:#fff;position:absolute;-webkit-transform-origin:0% 50%;transform-origin:0% 50%}#ss_menu>.menu .share .bar{top:50%;margin-top:-1.5px;left:18px;-webkit-transform:rotate(30deg);transform:rotate(30deg)}#ss_menu>.menu .share .bar:before{content:'';left:0;-webkit-transform:rotate(-60deg);transform:rotate(-60deg)}#ss_menu>.menu .share.close .circle{opacity:0}#ss_menu>.menu .share.close .bar{top:50%;margin-top:-1.5px;left:50%;margin-left:-12px;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(405deg);transform:rotate(405deg)}#ss_menu>.menu .share.close .bar:before{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(-450deg);transform:rotate(-450deg)}#ss_menu>.menu.ss_active{background:#00796b;-webkit-transform:scale(.7);transform:scale(.7)}#ss_menu>div{box-sizing:border-box;position:absolute;width:60px;height:60px;font-size:20px;text-align:center;background:#00796b;border-radius:50%;display:table}#ss_menu>div a{cursor:pointer;display:table-cell;vertical-align:middle}#ss_menu>div:hover{background:#009688;cursor:pointer}#ss_menu div:nth-child(1){top:50px;left:-150px}#ss_menu div:nth-child(2){top:-36px;left:-144px}#ss_menu div:nth-child(3){top:-110px;left:-110px}#ss_menu div:nth-child(4){top:-144px;left:-36px}#ss_menu div:nth-child(5){top:-150px;left:50px}