.M-Flipper{display:inline-block;position:relative;width:30px;height:50px;line-height:50px;border:1px solid #000;border-radius:10px;background:#fff;font-size:33px;color:#fff;-webkit-box-shadow:0 0 6px rgba(0,0,0,.5);box-shadow:0 0 6px rgba(0,0,0,.5);text-align:center;font-family:Helvetica Neue}.M-Flipper .digital:after,.M-Flipper .digital:before{content:"";position:absolute;left:0;right:0;background:#000;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.M-Flipper .digital:before{top:0;bottom:50%;border-radius:10px 10px 0 0;border-bottom:1px solid #666}.M-Flipper .digital:after{top:50%;bottom:0;border-radius:0 0 10px 10px;line-height:0}.M-Flipper.down .front:before{z-index:3}.M-Flipper.down .back:after{z-index:2;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:perspective(160px) rotateX(180deg);transform:perspective(160px) rotateX(180deg)}.M-Flipper.down .back:before,.M-Flipper.down .front:after{z-index:1}.M-Flipper.down.go .front:before{-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-animation:frontFlipDown .6s ease-in-out both;animation:frontFlipDown .6s ease-in-out both;-webkit-box-shadow:0 -2px 6px hsla(0,0%,100%,.3);box-shadow:0 -2px 6px hsla(0,0%,100%,.3);-webkit-backface-visibility:hidden;backface-visibility:hidden}.M-Flipper.down.go .back:after{-webkit-animation:backFlipDown .6s ease-in-out both;animation:backFlipDown .6s ease-in-out both}.M-Flipper.up .front:after{z-index:3}.M-Flipper.up .back:before{z-index:2;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:perspective(160px) rotateX(-180deg);transform:perspective(160px) rotateX(-180deg)}.M-Flipper.up .back:after,.M-Flipper.up .front:before{z-index:1}.M-Flipper.up.go .front:after{-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-animation:frontFlipUp .6s ease-in-out both;animation:frontFlipUp .6s ease-in-out both;-webkit-box-shadow:0 2px 6px hsla(0,0%,100%,.3);box-shadow:0 2px 6px hsla(0,0%,100%,.3);-webkit-backface-visibility:hidden;backface-visibility:hidden}.M-Flipper.up.go .back:before{-webkit-animation:backFlipUp .6s ease-in-out both;animation:backFlipUp .6s ease-in-out both}@-webkit-keyframes frontFlipDown{0%{-webkit-transform:perspective(160px) rotateX(0deg);transform:perspective(160px) rotateX(0deg)}to{-webkit-transform:perspective(160px) rotateX(-180deg);transform:perspective(160px) rotateX(-180deg)}}@keyframes frontFlipDown{0%{-webkit-transform:perspective(160px) rotateX(0deg);transform:perspective(160px) rotateX(0deg)}to{-webkit-transform:perspective(160px) rotateX(-180deg);transform:perspective(160px) rotateX(-180deg)}}@-webkit-keyframes backFlipDown{0%{-webkit-transform:perspective(160px) rotateX(180deg);transform:perspective(160px) rotateX(180deg)}to{-webkit-transform:perspective(160px) rotateX(0deg);transform:perspective(160px) rotateX(0deg)}}@keyframes backFlipDown{0%{-webkit-transform:perspective(160px) rotateX(180deg);transform:perspective(160px) rotateX(180deg)}to{-webkit-transform:perspective(160px) rotateX(0deg);transform:perspective(160px) rotateX(0deg)}}@-webkit-keyframes frontFlipUp{0%{-webkit-transform:perspective(160px) rotateX(0deg);transform:perspective(160px) rotateX(0deg)}to{-webkit-transform:perspective(160px) rotateX(180deg);transform:perspective(160px) rotateX(180deg)}}@keyframes frontFlipUp{0%{-webkit-transform:perspective(160px) rotateX(0deg);transform:perspective(160px) rotateX(0deg)}to{-webkit-transform:perspective(160px) rotateX(180deg);transform:perspective(160px) rotateX(180deg)}}@-webkit-keyframes backFlipUp{0%{-webkit-transform:perspective(160px) rotateX(-180deg);transform:perspective(160px) rotateX(-180deg)}to{-webkit-transform:perspective(160px) rotateX(0deg);transform:perspective(160px) rotateX(0deg)}}@keyframes backFlipUp{0%{-webkit-transform:perspective(160px) rotateX(-180deg);transform:perspective(160px) rotateX(-180deg)}to{-webkit-transform:perspective(160px) rotateX(0deg);transform:perspective(160px) rotateX(0deg)}}.M-Flipper .number0:after,.M-Flipper .number0:before{content:"0"}.M-Flipper .number1:after,.M-Flipper .number1:before{content:"1"}.M-Flipper .number2:after,.M-Flipper .number2:before{content:"2"}.M-Flipper .number3:after,.M-Flipper .number3:before{content:"3"}.M-Flipper .number4:after,.M-Flipper .number4:before{content:"4"}.M-Flipper .number5:after,.M-Flipper .number5:before{content:"5"}.M-Flipper .number6:after,.M-Flipper .number6:before{content:"6"}.M-Flipper .number7:after,.M-Flipper .number7:before{content:"7"}.M-Flipper .number8:after,.M-Flipper .number8:before{content:"8"}.M-Flipper .number9:after,.M-Flipper .number9:before{content:"9"}.FlipClock{text-align:center}.FlipClock .M-Flipper{margin:0 3px}.FlipClock em{display:inline-block;line-height:56px;font-size:33px;font-style:normal;vertical-align:top;color:#69862f}.main[data-v-3bfbd0a3]{position:relative;width:100vw;min-height:100vh}.main .bgtop[data-v-3bfbd0a3]{min-height:144.26vw}.main .bgtop-flip-title[data-v-3bfbd0a3]{color:#69862f;text-align:center;padding-top:40vw;font-weight:600;font-size:6vw}.main .bgbottom[data-v-3bfbd0a3]{min-height:484.26vw}.main .container[data-v-3bfbd0a3]{position:relative;margin:0 auto}.main .rank-base[data-v-3bfbd0a3]{background-color:#f7fbea;margin:0 6.7vw 0 6.5vw;border-left:1px solid #cddaa0;border-right:1px solid #cddaa0}.main .rank-base .rank-ul[data-v-3bfbd0a3]{margin:0 .9vw 0 1vw;border-left:1px solid #cddaa0;border-right:1px solid #cddaa0}.main .rank-base .rank-ul-top[data-v-3bfbd0a3]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.main .rank-base .rank-ul-top[data-v-3bfbd0a3],.main .rank-base .rank-ul-top__item[data-v-3bfbd0a3]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.main .rank-base .rank-ul-top__item[data-v-3bfbd0a3]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:3vw 0;width:40vw}.main .rank-base .rank-ul-top__item-avatar[data-v-3bfbd0a3]{position:relative;width:18vw;height:18vw;padding:6px;border-radius:50%;background-image:-webkit-gradient(linear,left top,left bottom,from(#d8f5a2),to(#7eb02a));background-image:linear-gradient(#d8f5a2,#7eb02a)}.main .rank-base .rank-ul-top__item-avatar-rankicon[data-v-3bfbd0a3],.main .rank-base .rank-ul-top__item-avatar[data-v-3bfbd0a3]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.main .rank-base .rank-ul-top__item-avatar-rankicon[data-v-3bfbd0a3]{position:absolute;right:0;top:-3.5vw;width:7.1vw;height:7vw}.main .rank-base .rank-ul-top__item-avatar-rankicon img[data-v-3bfbd0a3]{max-width:100%;max-height:100%}.main .rank-base .rank-ul-top__item-avatar-img[data-v-3bfbd0a3]{width:100%;height:100%;border-radius:50%;background:#69862f;overflow:hidden}.main .rank-base .rank-ul-top__item-avatar-img img[data-v-3bfbd0a3]{max-width:100%;max-height:100%}.main .rank-base .rank-ul-top__item-content[data-v-3bfbd0a3]{margin-top:3.5vw;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-align:center;-ms-flex-align:center;align-items:center}.main .rank-base .rank-ul-top__item-content-nickname[data-v-3bfbd0a3]{color:#69862f;font-weight:700;font-size:3.8vw}.main .rank-base .rank-ul-top__item-content-score[data-v-3bfbd0a3]{margin-top:2vw;color:#69862f;font-size:3vw}.main .rank-base .rank-ul__item[data-v-3bfbd0a3]{padding:3vw 0 3vw 11.5vw}.main .rank-base .rank-ul__item-num[data-v-3bfbd0a3],.main .rank-base .rank-ul__item[data-v-3bfbd0a3]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.main .rank-base .rank-ul__item-num[data-v-3bfbd0a3]{width:8vw;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.main .rank-base .rank-ul__item-num-text[data-v-3bfbd0a3]{color:#69862f;font-weight:700;font-size:3.5vw}.main .rank-base .rank-ul__item-avatar[data-v-3bfbd0a3]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:14vw;height:14vw;margin-left:4vw;padding:4px;border-radius:50%;background-image:-webkit-gradient(linear,left top,left bottom,from(#d8f5a2),to(#7eb02a));background-image:linear-gradient(#d8f5a2,#7eb02a)}.main .rank-base .rank-ul__item-avatar-img[data-v-3bfbd0a3]{width:100%;height:100%;border-radius:50%;background:#69862f;overflow:hidden}.main .rank-base .rank-ul__item-avatar-img img[data-v-3bfbd0a3]{max-width:100%;max-height:100%}.main .rank-base .rank-ul__item-content[data-v-3bfbd0a3]{margin-left:3vw;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}.main .rank-base .rank-ul__item-content-nickname[data-v-3bfbd0a3]{color:#69862f;font-weight:700;font-size:3.5vw}.main .rank-base .rank-ul__item-content-score[data-v-3bfbd0a3]{margin-top:2vw;color:#69862f;font-size:3.2vw}