.clock-bg[data-v-97509108]{width:38px;height:38px;line-height:38px;text-align:center;background:var(--color-theme-reverse);border-radius:3px;display:inline-block}.nowrap[data-v-97509108]{flex-wrap:nowrap}@keyframes step1{0%{top:218px;transform:rotate(-20deg) translate(-50%)}to{top:135px;transform:rotate(0) translate(-50%)}}@keyframes step2_0{0%{top:135px}to{left:16px;margin-left:54px}}@keyframes step2_1{0%{top:135px}to{left:50%}}@keyframes step2_2{0%{top:135px}to{left:calc(100% - 16px);margin-left:-54px}}@keyframes step3_0{0%{left:16px;transform:rotateY(0)}to{left:16px;transform:rotateY(180deg)}}@keyframes step3_1{0%{left:50%;margin-left:-54px;transform:rotateY(0)}to{left:50%;margin-left:-54px;transform:rotateY(180deg)}}@keyframes step3_2{0%{left:100%;margin-left:-124px;transform:rotateY(0)}to{left:100%;margin-left:-124px;transform:rotateY(180deg)}}@keyframes step4_0{0%{left:16px;transform:rotateY(180deg)}to{left:36px;top:405px;width:80px;height:102px;transform:rotateY(180deg)}}@keyframes step4_1{0%{left:50%;margin-left:-54px;transform:rotateY(180deg)}to{top:405px;width:80px;height:102px;left:50%;margin-left:-40px;transform:rotateY(180deg)}}@keyframes step4_2{0%{left:100%;margin-left:-124px;transform:rotateY(180deg)}to{top:405px;width:80px;height:102px;left:100%;margin-left:-116px;transform:rotateY(180deg)}}@keyframes wordsLoop{0%{transform:translateX(150px)}to{transform:translateX(-100%)}}@keyframes point{0%{top:146px}50%{top:176px}to{top:146px}}.main-wrap[data-v-247a7913]{position:relative;background-image:url(/img/events/cardGame/main_bg@2x.png);min-height:100vh;background-repeat:no-repeat;background-size:100%}.main-wrap .clock-wrap[data-v-247a7913]{position:absolute;top:24px;width:100%}.main-wrap .notice[data-v-247a7913]{position:absolute;top:78px;width:205px;left:50%;transform:translate(-50%);height:28px;background:hsla(0,0%,100%,.19);border-radius:15px;overflow:hidden}.main-wrap .notice .p-wrap[data-v-247a7913]{overflow:hidden}.main-wrap .notice .p-wrap p[data-v-247a7913]{white-space:nowrap;animation:wordsLoop 20s linear infinite normal;-webkit-animation:wordsLoop 20s linear infinite normal;display:inline-block}.main-wrap .point-img[data-v-247a7913]{position:absolute;top:146px;left:50%;width:52px;height:73px;margin-left:-26px;z-index:1;animation:point .8s ease infinite normal}.main-wrap .box-bg[data-v-247a7913]{position:absolute;top:160px;left:50%;width:258px;height:202px;margin-left:-129px}.main-wrap .init-po[data-v-247a7913]{overflow:hidden;position:relative;width:100%;height:288px}.main-wrap .init-card[data-v-247a7913]{background-image:url(/img/events/cardGame/card_back@2x.png);background-repeat:no-repeat;background-size:100%;width:108px;height:144px;transform:rotate(-20deg) translate(-50%);position:absolute;top:218px;left:50%;transform-style:preserve-3d}.card-wrap[data-v-247a7913]{width:108px;height:144px;transform:translate(-50%);position:absolute;top:135px;left:50%;transform-style:preserve-3d;z-index:1}.card-wrap .back[data-v-247a7913],.card-wrap .front[data-v-247a7913]{position:absolute;top:0;left:0;height:100%;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.card-wrap .back[data-v-247a7913]{z-index:1;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-image:url(/img/events/cardGame/card_back@2x.png);background-repeat:no-repeat;background-size:100% 100%}.card-wrap .front[data-v-247a7913]{transform:rotateY(-180deg);background-repeat:no-repeat;background-size:100% 100%}.holder-wrap[data-v-247a7913]{position:absolute;top:400px;display:flex;justify-content:space-between;width:100%;padding:0 32px}.holder-wrap .holder-item[data-v-247a7913]{width:88px;height:112px;background-image:url(/img/events/cardGame/card_holder@2x.png);background-repeat:no-repeat;background-size:100% 100%}.tips[data-v-247a7913]{position:absolute;top:550px;color:var(--color-white);width:100%}.tips[data-v-247a7913] :first-child{font-size:15px;margin-bottom:12px}.step1[data-v-247a7913]{animation-name:step1;animation-duration:.5s;animation-fill-mode:forwards}.step2_0[data-v-247a7913]{animation-name:step2_0;animation-duration:.3s;animation-fill-mode:forwards}.step2_1[data-v-247a7913]{animation-name:step2_1;animation-duration:.3s;animation-fill-mode:forwards}.step2_2[data-v-247a7913]{animation-name:step2_2;animation-duration:.3s;animation-fill-mode:forwards}.step3_0[data-v-247a7913]{animation-name:step3_0;animation-duration:.5s;animation-fill-mode:forwards}.step3_1[data-v-247a7913]{animation-name:step3_1;animation-duration:.5s;animation-fill-mode:forwards}.step3_2[data-v-247a7913]{animation-name:step3_2;animation-duration:.5s;animation-fill-mode:forwards}.step4_0[data-v-247a7913]{animation-name:step4_0;animation-duration:.5s;animation-fill-mode:forwards}.step4_1[data-v-247a7913]{animation-name:step4_1;animation-duration:.5s;animation-fill-mode:forwards}.step4_2[data-v-247a7913]{animation-name:step4_2;animation-duration:.5s;animation-fill-mode:forwards}