._component-digital-test[data-v-36980afa]{background-size:100% 100%;background-image:url(//hsylc.oss-cn-hangzhou.aliyuncs.com/2022/sorting-ceremony/prelude/bg.jpg)}_.component-item[data-v-36980afa]{z-index:11}.road-wrap[data-v-36980afa]{opacity:0}.road-wrap.active[data-v-36980afa]{animation:show-road-36980afa 1s forwards}@keyframes show-road-36980afa{0%{opacity:0}to{opacity:1}}.player[data-v-36980afa]{left:1rem;opacity:0}.player.enter[data-v-36980afa]{animation:playerEnter-36980afa 1s linear forwards}@keyframes playerEnter-36980afa{0%{opacity:0}to{opacity:1}}.test-wrap[data-v-36980afa]{width:345.6rem;height:7.2rem;background-size:100% 100%;position:absolute;left:0;top:0}.event-dots[data-v-36980afa]{position:absolute;bottom:0;width:100%}.event-dots .dot-item[data-v-36980afa]{width:.1rem;height:.1rem;opacity:0;background:#000;position:relative}.event-dots .dot-item[data-v-36980afa]:first-of-type{left:6.65rem}.event-dots .dot-item[data-v-36980afa]:nth-of-type(2){left:33.75rem}.event-dots .dot-item[data-v-36980afa]:nth-of-type(3){left:62.63rem}.event-dots .dot-item[data-v-36980afa]:nth-of-type(4){left:90.9rem}.event-dots .dot-item[data-v-36980afa]:nth-of-type(5){left:121.8rem}.event-dots .dot-item[data-v-36980afa]:nth-of-type(6){left:149.38rem}.event-dots .dot-item[data-v-36980afa]:nth-of-type(7){left:178.3rem}.event-dots .dot-item[data-v-36980afa]:nth-of-type(8){left:207.8rem}.event-dots .dot-item[data-v-36980afa]:nth-of-type(9){left:236.45rem}.event-dots .dot-item[data-v-36980afa]:nth-of-type(10){left:263.41rem}.event-dots .dot-item[data-v-36980afa]:nth-of-type(11){left:293.7rem}.event-dots .dot-item[data-v-36980afa]:nth-of-type(12){left:320.6rem}.circle[data-v-36980afa]{width:4rem;height:4rem;background-size:100% 100%;background-image:url(//hsylc.oss-cn-hangzhou.aliyuncs.com/2022/sorting-ceremony/circle.png);position:absolute;left:-.4rem;bottom:-.6rem;transform:rotateY(50deg);opacity:0}.circle.goal[data-v-36980afa]{left:330rem}.circle.active[data-v-36980afa]{animation:circle-show-36980afa 1s ease-in-out forwards,circle-rotate-36980afa 3s linear infinite}@keyframes circle-show-36980afa{0%{opacity:0}to{opacity:1}}@keyframes circle-rotate-36980afa{0%{transform:rotateY(50deg) rotate(0deg)}to{transform:rotateY(50deg) rotate(1turn)}}.dialog-wrap[data-v-36980afa]{z-index:20}.message-content-wrap[data-v-36980afa]{display:flex;align-items:center;justify-content:space-between;width:100%}.message-content-wrap .btn-next[data-v-36980afa]{width:1.2rem;height:.5rem;box-shadow:0 .05rem 0 #d07d00;flex-shrink:0;margin-left:.2rem}