.zb-container {width: 10rem;margin: 0 auto;background: #5F47E9;padding: 0.375rem 0;box-sizing: border-box;}.zb-container .zb-btn {width: 5.078125rem;height: 1.375rem;background: url(../img/btn-broadcast.png) center no-repeat;background-size: contain;margin: 0 auto;cursor: pointer;}.zb-container .zb-tips {text-align: center;font-size: 0.28125rem;color: #BCB0FF;line-height: 0.390625rem;vertical-align: text-bottom;}.zb-container .zb-tips span {color: #FEEE65;font-weight: bold;}.time-bg {width: 10rem;height: 13.734375rem;margin: 0 auto;background: url(../img/bg_image.png) center no-repeat;background-size: 100% 100%;overflow: hidden;position: relative;padding-top: 0.734375rem;}.time-title {width: 60%;height: 0.9375rem;background: url(../img/icon_title.png) center no-repeat;background-size: 100% auto;margin: 0 auto;}.time-content {width: 5rem;height: 3.125rem;position: absolute;top: 0.3125rem;left: 50%;margin-left: -2.5rem;background: url(../img/bg_textarea.png) center no-repeat;background-size: cover;padding-top: 0.203125rem;}.time-content p {font-size: 0.3125rem;color: #fff;text-align: center;line-height: 0.40625rem;}.time-machine {width: 9.5rem;height: 6.65625rem;background: url(../img/time_machine.png) center no-repeat;background-size: cover;margin: 2.1875rem auto 0;position: relative;}.time-machine-animate {animation: move_machine 1s infinite alternate;-moz-animation: move_machine 1s infinite alternate;-webkit-animation: move_machine 1s infinite alternate;-o-animation: move_machine 1s infinite alternate;}.time-transfer {width: 10rem;height: 90%;margin: 0 auto;position: relative;overflow: hidden;background: url(../img/Transfer_ring.png) bottom center no-repeat;background-size: 100% auto;animation: move_transfer 1s infinite alternate;-moz-animation: move_transfer 1s infinite alternate;-webkit-animation: move_transfer 1s infinite alternate;-o-animation: move_transfer 1s infinite alternate;}.time-transfer-section {width: 100%;height: 94%;position: absolute;bottom: 0.46875rem;border: 0.015625rem solid transparent;}.start-machine-btn {display: block;width: 5.140625rem;height: 1.421875rem;background: url(../img/btn_start.png) center no-repeat;background-size: contain;position: absolute;bottom: 0.9375rem;left: 50%;margin-left: -2.5625rem;cursor: pointer;border: 0;animation: btn-scale 1.5s infinite alternate;-moz-animation: btn-scale 1.5s infinite alternate;-webkit-animation: btn-scale 1.5s infinite alternate;-o-animation: btn-scale 1.5s infinite alternate;}.page1-animate {animation: scale-into-hole 0.5s ease-in normal;-moz-animation: scale-into-hole 0.5s ease-in normal;-webkit-animation: scale-into-hole 0.5s ease-in normal;-o-animation: scale-into-hole 0.5s ease-in normal;}.cc-cat {width: 2.15625rem;height: 2.3125rem;background: url(../img/cc_cat.png) center no-repeat;background-size: cover;position: absolute;bottom: -0.09375rem;left: 0;animation: cat_jump 1s infinite alternate;-moz-animation: cat_jump 1s infinite alternate;-webkit-animation: cat_jump 1s infinite alternate;-o-animation: cat_jump 1s infinite alternate;}.time-paper {width: 9.515625rem;height: 0;background: url(../img/bg_paper.png) center no-repeat;background-size: cover;position: absolute;bottom: 15%;left: 50%;margin-left: -4.75rem;display: none;}.time-lightning {width: 8.640625rem;height: 6.078125rem;display: none;background: url(../img/bg_lightning.png) center no-repeat;background-size: cover;position: absolute;left: 50%;margin-left: -4.3125rem;top: 2.34375rem;}.scale-big-animate {animation: scale-big 0.5s ease-in normal;-moz-animation: scale-big 0.5s ease-in normal;-webkit-animation: scale-big 0.5s ease-in normal;-o-animation: scale-big 0.5s ease-in normal;}@-webkit-keyframes scale-big {0% {-webkit-transform: scale(0);transform: scale(0);-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;}20% {-webkit-transform: scale(0.2);transform: scale(0.2);-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;}40% {-webkit-transform: scale(0.4);transform: scale(0.4);-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;}80% {-webkit-transform: scale(0.8);transform: scale(0.8);-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;}100% {-webkit-transform: scale(1);transform: scale(1);-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;}}@keyframes scale-big {0% {-webkit-transform: scale(0);transform: scale(0);-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;}20% {-webkit-transform: scale(0.2);transform: scale(0.2);-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;}40% {-webkit-transform: scale(0.4);transform: scale(0.4);-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;}80% {-webkit-transform: scale(0.8);transform: scale(0.8);-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;}100% {-webkit-transform: scale(1);transform: scale(1);-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;}}.time-letter {padding: 1.3125rem 1.125rem 0;padding-right: 1.375rem;height: 6.25rem;}.time-letter p {font-size: 0.375rem;text-align: center;word-break: break-all;}.time-letter span,.time-letter em {color: #963AF5;}.time-letter em {font-weight: bold;font-style: normal;}.type-word {border-right: 0.015625rem solid #333;color: #464646;width: 0.375rem;width: 30ch;white-space: nowrap;overflow: hidden;-webkit-animation: typing 3s steps(30, end),blink-caret 0.3s step-end infinite alternate;animation: typing 3s steps(30, end),blink-caret 0.3s step-end infinite alternate;}@-webkit-keyframes typing {from {width: 0;}}@keyframes typing {from {width: 0;}}@-webkit-keyframes blink-caret {50% {border-color: transparent;}}@keyframes blink-caret {50% {border-color: transparent;}}.get-gifts-btn {display: none;width: 5.046875rem;height: 1.359375rem;background: url(../img/btn_get.png) center no-repeat;background-size: contain;cursor: pointer;margin: 0 auto;border: 0;animation: btn-scale 1.5s infinite alternate;-moz-animation: btn-scale 1.5s infinite alternate;-webkit-animation: btn-scale 1.5s infinite alternate;-o-animation: btn-scale 1.5s infinite alternate;}.time-gitbox {width: 6.859375rem;height: 3.671875rem;display: none;background: url(../img/icon_giftbox.png) center no-repeat;background-size: cover;margin: 0 auto;margin-bottom: -0.15625rem;-webkit-animation: move_gitbox 3s;animation: move_gitbox 3s;}@keyframes move_machine {from {margin-top: 2.1875rem;}to {margin-top: 2.265625rem;}}@-webkit-keyframes move_machine {from {margin-top: 2.1875rem;}to {margin-top: 2.265625rem;}}@keyframes move_transfer {0% {background: url(../img/Transfer_ring1.png) bottom center no-repeat;background-size: 100% auto;}25% {background: url(../img/Transfer_ring2.png) bottom center no-repeat;background-size: 100% auto;}75% {background: url(../img/Transfer_ring3.png) bottom center no-repeat;background-size: 100% auto;}100% {background: url(../img/Transfer_ring.png) bottom center no-repeat;background-size: 100% auto;}}@-webkit-keyframes move_transfer {0% {background: url(../img/Transfer_ring1.png) bottom center no-repeat;background-size: 100% auto;}25% {background: url(../img/Transfer_ring2.png) bottom center no-repeat;background-size: 100% auto;}75% {background: url(../img/Transfer_ring3.png) bottom center no-repeat;background-size: 100% auto;}100% {background: url(../img/Transfer_ring.png) bottom center no-repeat;background-size: 100% auto;}}@keyframes scale-into-hole {0% {-webkit-transform: scale(1);transform: scale(1);-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;}20% {-webkit-transform: scale(0.8);transform: scale(0.8);-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;}40% {-webkit-transform: scale(0.6);transform: scale(0.6);-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;}80% {-webkit-transform: scale(0.3);transform: scale(0.3);-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;}100% {-webkit-transform: scale(0.1);transform: scale(0.1);-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;}}@-webkit-keyframes scale-into-hole {0% {transform: scale(1);-webkit-transform: scale(1);-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;}20% {transform: scale(0.9);-webkit-transform: scale(0.9);-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;}40% {transform: scale(0.8);-webkit-transform: scale(0.8);-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;}80% {transform: scale(0.7);-webkit-transform: scale(0.7);-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;bottom: 10%;}100% {transform: scale(0.4);-webkit-transform: scale(0.4);-webkit-transform-origin: 50% 99%;transform-origin: 50% 99%;bottom: 8%;}}@keyframes btn-scale {0% {-webkit-transform: scale(1);transform: scale(1);}60% {-webkit-transform: scale(1.02);transform: scale(1.02);}80% {-webkit-transform: scale(0.98);transform: scale(0.98);}100% {-webkit-transform: scale(1);transform: scale(1);}}@-webkit-keyframes btn-scale {0% {-webkit-transform: scale(1);transform: scale(1);}60% {-webkit-transform: scale(1.02);transform: scale(1.02);}80% {-webkit-transform: scale(0.98);transform: scale(0.98);}100% {-webkit-transform: scale(1);transform: scale(1);}}@keyframes cat_jump {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);-webkit-transform-origin: 50% 80%;transform-origin: 50% 80%;}33% {-webkit-transform: rotate(-3deg);transform: rotate(-3deg);-webkit-transform-origin: 50% 80%;transform-origin: 50% 80%;}66% {-webkit-transform: rotate(3deg);transform: rotate(3deg);-webkit-transform-origin: 50% 80%;transform-origin: 50% 80%;}100% {-webkit-transform: rotate(0deg);transform: rotate(0deg);-webkit-transform-origin: 50% 80%;transform-origin: 50% 80%;}}@-webkit-keyframes cat_jump {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);-webkit-transform-origin: 50% 80%;transform-origin: 50% 80%;}33% {-webkit-transform: rotate(-3deg);transform: rotate(-3deg);-webkit-transform-origin: 50% 80%;transform-origin: 50% 80%;}66% {-webkit-transform: rotate(3deg);transform: rotate(3deg);-webkit-transform-origin: 50% 80%;transform-origin: 50% 80%;}100% {-webkit-transform: rotate(0deg);transform: rotate(0deg);-webkit-transform-origin: 50% 80%;transform-origin: 50% 80%;}}@keyframes move_letter {from {top: 0;}to {top: 0.46875rem;}}@-webkit-keyframes move_letter {from {top: 0;}to {top: 0.46875rem;}}@keyframes move_gitbox {from {opacity: 0;}to {opacity: 1;}}@-webkit-keyframes move_gitbox {from {opacity: 0;}to {opacity: 1;}}