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