.scroll-num[data-v-647e61d0]{font-size:calc(var(--font-size, 20)*.0625rem);font-weight:var(--font-weight,400);height:calc(var(--height, 20)*.0625rem);line-height:calc(var(--height, 20)*.0625rem);overflow:hidden;text-align:center;text-shadow:var(--text-shadow,0 2px 4px #071eb7);width:calc(var(--width, 20)*.0625rem)}ul.is-init[data-v-647e61d0]{animation:move-647e61d0 var(--move-duration) linear forwards,bounce-in-down-647e61d0 var(--bounce-duration) var(--move-duration) cubic-bezier(.22,1.15,.36,1) forwards}@keyframes move-647e61d0{0%{transform:translateY(calc(var(--old-i)*-5%))}to{transform:translateY(calc(var(--new-i)*-5%))}}@keyframes bounce-in-down-647e61d0{0%{transform:translateY(calc(var(--new-i)*-5%))}35%{transform:translateY(calc(var(--new-i)*-5% + .8%))}60%{transform:translateY(calc(var(--new-i)*-5% - .35%))}80%{transform:translateY(calc(var(--new-i)*-5% + .18%))}to{transform:translateY(calc(var(--new-i)*-5%))}}.flip{border:.0625rem solid rgba(115,88,255,0);border-radius:.1875rem;font-size:calc(var(--font-size)*.0625rem);font-weight:700;line-height:calc(var(--line-height)*.0625rem);margin:.125rem;position:relative}.flip,.flip .item{height:calc(var(--height)*.0625rem);width:calc(var(--width)*.0625rem)}.flip .item{left:0;list-style:none;perspective:6.25rem;position:absolute;top:0;transition:opacity .3s;z-index:1}.flip .item.active,.flip .item:first-child{z-index:2}.flip .item .down,.flip .item .up{height:50%;left:0;overflow:hidden;position:absolute;width:calc(var(--width)*.0625rem);z-index:1}.flip .item .up{top:0;transform-origin:50% 100%}.flip .item .up:after{background-color:#0006;content:"";height:.09375rem;left:0;position:absolute;top:1.34375rem;width:calc(var(--width)*.0625rem);z-index:5}.flip .item .down{bottom:0;transform-origin:50% 0;transition:opacity .3s}.flip .item .inn{background:linear-gradient(180deg,#2d22d3 0,#2a15b6 50%,#1d0e6d);border-radius:.1875rem;color:var(--c11);height:200%;left:0;position:absolute;text-align:center;text-shadow:0 .03125rem .0625rem #000;width:calc(var(--width)*.0625rem);z-index:1}.flip .item .up .inn{top:0}.flip .item .down .inn{bottom:0}.play .item.before{z-index:3}.play .item.active{animation:asd .5s linear .5s both;z-index:2}.play .item.before .up{animation:turn-up .5s linear both;z-index:2}.play .item.active .down{animation:turn-down .5s linear .5s both;z-index:2}@keyframes turn-down{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@keyframes turn-up{0%{transform:rotateX(0)}to{transform:rotateX(-90deg)}}@keyframes asd{0%{z-index:2}5%{z-index:4}to{z-index:4}}.play .shadow{height:calc(var(--height)*.0625rem);position:absolute;width:calc(var(--width)*.0625rem);z-index:2}.play .before .up .shadow{animation:show .5s linear both}.play .active .up .shadow,.play .before .up .shadow{background:linear-gradient(#2d22d31a,#1d0e6d)}.play .active .up .shadow{animation:hide .5s linear .3s both}.play .before .down .shadow{animation:show .5s linear both;background:linear-gradient(#1d0e6d,#2d22d31a)}.play .active .down .shadow{animation:hide .5s linear .3s both;background:linear-gradient(#1d0e6d,#2d22d31a)}@keyframes show{0%{opacity:0}to{opacity:1}}@keyframes hide{0%{opacity:1}to{opacity:0}}