.clock[data-v-34351d8a]{display:-ms-flexbox;display:flex;margin:0 auto;width:860px;margin-top:18%}.clock .divider[data-v-34351d8a]{font-size:120px;line-height:140px;font-style:normal}.clock .flip[data-v-34351d8a]{position:relative;width:110px;height:160px;margin:4px;font-size:130px;line-height:155px;text-align:center;background:#fff;border:1px solid #000;border-radius:12px}.clock .flip .digital[data-v-34351d8a]:after,.clock .flip .digital[data-v-34351d8a]:before{position:absolute;content:attr(data-number);left:0;right:0;color:#fff;background:#000;overflow:hidden;perspective:160px}.clock .flip .digital[data-v-34351d8a]:before{top:0;bottom:50%;border-bottom:1px solid #666;border-radius:10px 10px 0 0}.clock .flip .digital[data-v-34351d8a]:after{top:50%;bottom:0;line-height:0;border-radius:0 0 10px 10px}.clock .flip .back[data-v-34351d8a]:before,.clock .flip .front[data-v-34351d8a]:after{z-index:1}.clock .flip .back[data-v-34351d8a]:after{z-index:2}.clock .flip .front[data-v-34351d8a]:before{z-index:3}.clock .flip .back[data-v-34351d8a]:after{transform-origin:center top;transform:rotateX(.5turn)}.clock .flip.running .front[data-v-34351d8a]:before{transform-origin:center bottom;animation:frontFlipDown-data-v-34351d8a .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden}.clock .flip.running .back[data-v-34351d8a]:after{animation:backFlipDown-data-v-34351d8a .6s ease-in-out}@keyframes frontFlipDown-data-v-34351d8a{to{transform:rotateX(.5turn)}}@keyframes backFlipDown-data-v-34351d8a{to{transform:rotateX(0)}}