.flip-clock{font-size:16px;-webkit-user-select:none;text-align:center;position:relative;width:100%;display:inline-flex;font-size:1vw;font-family:Helvetica Neue,Helvetica,sans-serif;box-sizing:border-box;align-items:flex-end}.flip-clock .flip-clock-group{display:flex;position:relative}.flip-clock .flip-clock-group .flip-clock-label{position:absolute;top:0;left:0;width:100%;font-size:1em;height:2em;line-height:2em;font-weight:400;text-transform:capitalize;transform:translateY(-100%)}.flip-clock .flip-clock-group .flip-clock-label.flip-clock-meridium{font-size:1.75em;line-height:1.75em;top:50%;left:100%;flex:0;width:auto;text-transform:uppercase;font-weight:200;transform:translate(.5em,-50%)}.flip-clock .flip-clock-group .flip-clock-list{width:4em;height:6em;position:relative;border-radius:.75rem;box-shadow:0 1.5px 3px rgba(0,0,0,.24),0 3px 8px rgba(0,0,0,.05);font-weight:700;color:#ccc}.flip-clock .flip-clock-group .flip-clock-list:not(:last-child){margin-right:.333em}.flip-clock .flip-clock-group .flip-clock-list:not(.flip) .active .flip-clock-list-item-inner{z-index:4}.flip-clock .flip-clock-group .flip-clock-list:not(.flip) .flip-clock-list-item-inner .bottom:after,.flip-clock .flip-clock-group .flip-clock-list:not(.flip) .flip-clock-list-item-inner .top:after{display:none}.flip-clock .flip-clock-group .flip-clock-list.flip{-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-duration:.5s;animation-duration:.5s}.flip-clock .flip-clock-group .flip-clock-list.flip .flip-clock-list-item-inner{perspective:15em}.flip-clock .flip-clock-group .flip-clock-list.flip .active,.flip-clock .flip-clock-group .flip-clock-list.flip .active>div,.flip-clock .flip-clock-group .flip-clock-list.flip .before,.flip-clock .flip-clock-group .flip-clock-list.flip .before>div,.flip-clock .flip-clock-group .flip-clock-list.flip .bottom,.flip-clock .flip-clock-group .flip-clock-list.flip .top{-webkit-animation-delay:inherit;animation-delay:inherit;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:inherit;animation-duration:inherit;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}.flip-clock .flip-clock-group .flip-clock-list.flip .active:after,.flip-clock .flip-clock-group .flip-clock-list.flip .active>div:after,.flip-clock .flip-clock-group .flip-clock-list.flip .before:after,.flip-clock .flip-clock-group .flip-clock-list.flip .before>div:after,.flip-clock .flip-clock-group .flip-clock-list.flip .bottom:after,.flip-clock .flip-clock-group .flip-clock-list.flip .top:after{-webkit-animation-duration:inherit;animation-duration:inherit;-webkit-animation-fill-mode:inherit;animation-fill-mode:inherit;-webkit-animation-timing-function:inherit;animation-timing-function:inherit}.flip-clock .flip-clock-group .flip-clock-list.flip .before{-webkit-animation-delay:0s;animation-delay:0s}.flip-clock .flip-clock-group .flip-clock-list.flip .before .top{-webkit-animation-name:flip-top;animation-name:flip-top}.flip-clock .flip-clock-group .flip-clock-list.flip .before .bottom:after,.flip-clock .flip-clock-group .flip-clock-list.flip .before .top:after{-webkit-animation-name:show-shadow;animation-name:show-shadow}.flip-clock .flip-clock-group .flip-clock-list.flip .active>div{-webkit-animation-name:indexing;animation-name:indexing}.flip-clock .flip-clock-group .flip-clock-list.flip .active .bottom:after,.flip-clock .flip-clock-group .flip-clock-list.flip .active .top:after{-webkit-animation-delay:75ms;animation-delay:75ms;-webkit-animation-name:hide-shadow;animation-name:hide-shadow}.flip-clock .flip-clock-group .flip-clock-list.flip .active .bottom{-webkit-animation-name:flip-bottom;animation-name:flip-bottom}.flip-clock .flip-clock-group .flip-clock-list .active{z-index:2}.flip-clock .flip-clock-group .flip-clock-list .active .bottom{z-index:2;transform-origin:top center}.flip-clock .flip-clock-group .flip-clock-list .before{z-index:3}.flip-clock .flip-clock-group .flip-clock-list .before .top{z-index:2;transform-origin:bottom center}.flip-clock .flip-clock-group .flip-clock-list .before .top:after{background:linear-gradient(180deg,rgba(0,0,0,.1) 0,#000)}.flip-clock .flip-clock-group .flip-clock-list .before .bottom:after{background:linear-gradient(180deg,#000 0,rgba(0,0,0,.1))}.flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner{position:absolute;width:100%;height:100%;transform:rotateX(.0001deg)}.flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner:first-child{z-index:2}.flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner>.bottom,.flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner>.top{width:100%;height:50%;overflow:hidden;position:relative;font-size:4.5em;background:#333;box-shadow:inset 0 0 .2em rgba(0,0,0,.5)}.flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner>.bottom:after,.flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner>.top:after{content:" ";display:block;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner>.bottom:before,.flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner>.top:before{content:" ";display:block;width:100%;height:1px;position:absolute}.flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner .top{border-radius:.75rem .75rem 0 0;line-height:1.33333}.flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner .top:after{border-radius:.75rem .75rem 0 0}.flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner .top:before{background:#333;opacity:.4;bottom:0}.flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner .bottom{border-radius:0 0 .75rem .75rem;line-height:0}.flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner .bottom:after{border-radius:0 0 .75rem .75rem}.flip-clock .flip-clock-group .flip-clock-list .flip-clock-list-item-inner .bottom:before{background:#ccc;opacity:.1}.flip-clock .flip-clock-divider{position:relative;width:1.5em;height:6em}.flip-clock .flip-clock-divider:after,.flip-clock .flip-clock-divider:before{content:" ";display:block;width:.75em;height:.75em;background:#333;border-radius:50%;position:absolute;top:50%;left:50%}.flip-clock .flip-clock-divider:before{transform:translate(-50%,75%)}.flip-clock .flip-clock-divider:after{transform:translate(-50%,-175%)}@-webkit-keyframes indexing{0%{z-index:2}1%{z-index:3}to{z-index:4}}@keyframes indexing{0%{z-index:2}1%{z-index:3}to{z-index:4}}@-webkit-keyframes flip-bottom{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@keyframes flip-bottom{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@-webkit-keyframes flip-top{0%{transform:rotateX(0)}to{transform:rotateX(-90deg)}}@keyframes flip-top{0%{transform:rotateX(0)}to{transform:rotateX(-90deg)}}@-webkit-keyframes show-shadow{0%{opacity:0}to{opacity:1}}@keyframes show-shadow{0%{opacity:0}to{opacity:1}}@-webkit-keyframes hide-shadow{0%{opacity:1}to{opacity:0}}@keyframes hide-shadow{0%{opacity:1}to{opacity:0}}.flip-clock{font-size:2vw;justify-content:center}@media (orientation:portrait){.flip-clock{font-size:4vw;display:flex;flex-wrap:wrap;max-width:28em;margin:0 auto;padding-top:2.5em}.flip-clock .flip-clock-group{margin:0 .25em 2.5em}.flip-clock .flip-clock-divider{display:none}}@media (orientation:portrait) and (min-width:600px){.flip-clock{font-size:22px}}@font-face{font-family:PFR;src:url("../../static/fonts/PingFang Regular En.3eaf0a60.ttf") format("truetype")}a[data-v-2d07c662]{color:#bababa}a[data-v-2d07c662]:hover{color:#42b983}.ban-user-select[data-v-2d07c662],.fx67ll-box[data-v-2d07c662]{cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fx67ll-box[data-v-2d07c662]{width:100%;height:100%;overflow:hidden;background-color:#fff}.fx67ll-box .fx67ll-tip[data-v-2d07c662]{width:100%;text-align:center;font-size:3vw;color:#2ecc71;position:absolute;top:7vw;z-index:233}.fx67ll-box .fx67ll-clock[data-v-2d07c662]{position:relative;top:30vw;margin-top:-10vw;z-index:233}@media screen and (max-width:960px){.fx67ll-box .fx67ll-footer[data-v-2d07c662]{font-size:12px}}.fx67ll-box .fx67ll-portrait-extra[data-v-2d07c662]{display:none}@media (orientation:portrait){.fx67ll-box[data-v-2d07c662]{display:flex;flex-direction:column;align-items:center;height:auto;min-height:100%;overflow:visible;box-sizing:border-box;padding:5vh 0 12vh}.fx67ll-box .fx67ll-tip[data-v-2d07c662]{position:static;top:auto;font-size:6vw;font-weight:900;line-height:1.6;padding:0 6vw;box-sizing:border-box}.fx67ll-box .fx67ll-clock[data-v-2d07c662]{position:static;top:auto;margin-top:3vh;width:100%}.fx67ll-box .fx67ll-footer[data-v-2d07c662]{box-sizing:border-box;padding:20px 6vw;font-size:12px;line-height:1.6}.fx67ll-box .fx67ll-portrait-extra[data-v-2d07c662]{display:flex;flex-direction:column;align-items:center;width:88vw;max-width:520px;margin:4vh auto 0}.fx67ll-box .fx67ll-portrait-extra .fx67ll-portrait-record[data-v-2d07c662]{font-size:16px;font-weight:900;color:#2ecc71}.fx67ll-box .fx67ll-portrait-extra .fx67ll-portrait-stats[data-v-2d07c662]{display:flex;justify-content:center;width:100%;margin-top:2.5vh}.fx67ll-box .fx67ll-portrait-extra .fx67ll-portrait-stats .fx67ll-portrait-stat[data-v-2d07c662]{display:flex;flex-direction:column;align-items:center;flex:1;padding:1.6vh 0;background-color:#fff;border-radius:8px;box-shadow:0 1.5px 3px rgba(0,0,0,.24),0 3px 8px rgba(0,0,0,.05)}.fx67ll-box .fx67ll-portrait-extra .fx67ll-portrait-stats .fx67ll-portrait-stat .fx67ll-portrait-stat-num[data-v-2d07c662]{font-size:20px;font-weight:700;color:#2ecc71}.fx67ll-box .fx67ll-portrait-extra .fx67ll-portrait-stats .fx67ll-portrait-stat .fx67ll-portrait-stat-label[data-v-2d07c662]{margin-top:.8vh;font-size:11px;color:#bababa}.fx67ll-box .fx67ll-portrait-extra .fx67ll-portrait-stats .fx67ll-portrait-stat+.fx67ll-portrait-stat[data-v-2d07c662]{margin-left:3vw}.fx67ll-box .fx67ll-portrait-extra .fx67ll-portrait-records-title[data-v-2d07c662]{margin-top:4vh;font-size:16px;font-weight:900;color:#2ecc71}.fx67ll-box .fx67ll-portrait-extra .fx67ll-portrait-records[data-v-2d07c662]{display:flex;flex-direction:column;width:100%;margin-top:2vh}.fx67ll-box .fx67ll-portrait-extra .fx67ll-portrait-records .fx67ll-portrait-records-item[data-v-2d07c662]{display:flex;align-items:flex-start;padding:10px 12px;background-color:#fff;border-radius:8px;box-shadow:0 1.5px 3px rgba(0,0,0,.24),0 3px 8px rgba(0,0,0,.05)}.fx67ll-box .fx67ll-portrait-extra .fx67ll-portrait-records .fx67ll-portrait-records-item .fx67ll-portrait-records-index[data-v-2d07c662]{flex-shrink:0;width:18px;height:18px;line-height:18px;margin-right:8px;border-radius:50%;background-color:#2ecc71;color:#fff;font-size:11px;font-weight:700;text-align:center}.fx67ll-box .fx67ll-portrait-extra .fx67ll-portrait-records .fx67ll-portrait-records-item .fx67ll-portrait-records-text[data-v-2d07c662]{flex:1;font-size:13px;line-height:18px;color:#7f8c8d;word-break:break-all}.fx67ll-box .fx67ll-portrait-extra .fx67ll-portrait-records .fx67ll-portrait-records-item+.fx67ll-portrait-records-item[data-v-2d07c662]{margin-top:1.6vh}.fx67ll-box .fx67ll-portrait-extra .fx67ll-portrait-records .fx67ll-portrait-records-end[data-v-2d07c662]{justify-content:center}.fx67ll-box .fx67ll-portrait-extra .fx67ll-portrait-records .fx67ll-portrait-records-end .fx67ll-portrait-records-text[data-v-2d07c662]{color:#2ecc71}.fx67ll-box .fx67ll-portrait-extra .fx67ll-portrait-hint[data-v-2d07c662]{margin-top:4vh;font-size:13px;color:#bababa;-webkit-animation:fx67ll-portrait-breath-data-v-2d07c662 3s ease-in-out infinite;animation:fx67ll-portrait-breath-data-v-2d07c662 3s ease-in-out infinite}}@media (orientation:portrait) and (min-width:600px){.fx67ll-box .fx67ll-tip[data-v-2d07c662]{font-size:26px}}@-webkit-keyframes fx67ll-portrait-breath-data-v-2d07c662{0%{opacity:.4}to{opacity:1}}@keyframes fx67ll-portrait-breath-data-v-2d07c662{0%{opacity:.4}to{opacity:1}}.fx67ll-box .fx67ll-fireworks[data-v-2d07c662]{width:100vw;height:100vh;overflow:hidden;position:fixed;top:0;left:0;z-index:1}