.vue-countdown-component{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}@-webkit-keyframes animate-flip-face{0%{-webkit-transform:rotateX(-.01deg);transform:rotateX(-.01deg);opacity:1}50%{opacity:1}51%{opacity:0}to{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);opacity:0}}@keyframes animate-flip-face{0%{-webkit-transform:rotateX(-.01deg);transform:rotateX(-.01deg);opacity:1}50%{opacity:1}51%{opacity:0}to{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);opacity:0}}@-webkit-keyframes animate-flip-back{0%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}to{-webkit-transform:rotateX(-.01deg);transform:rotateX(-.01deg)}}@keyframes animate-flip-back{0%{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}to{-webkit-transform:rotateX(-.01deg);transform:rotateX(-.01deg)}}.vue-countdown-component.ie .base .base-b{clip:rect(2rem,auto,auto,auto)}.vue-countdown-component.ie .face{clip:rect(auto,auto,2rem,auto)}.vue-countdown-component.ie .back{clip:rect(2rem,auto,auto,auto)}.vue-countdown-component.theme2 .time-box{min-width:2.666667rem}.vue-countdown-component.theme2 .time-box+.time-box{margin-left:1px}.vue-countdown-component .time-unit{padding:0 .533333rem;color:#222;font-size:1.866667rem;line-height:4rem;white-space:nowrap}.vue-countdown-component .time-box{position:relative;box-sizing:border-box;height:4rem;min-width:3.733333rem;font-size:1.866667rem;text-align:center;background-color:#6c96e8;-webkit-perspective:8rem;perspective:8rem;border-radius:.4rem;padding:0 .266667rem;color:#fff;line-height:4rem}.vue-countdown-component .time-box:before{content:"";position:absolute;background:#a7c7ff;width:1px;height:.8rem;top:50%;left:-1px;margin-top:-.4rem;z-index:-1}.vue-countdown-component .time-box:after{content:"";position:absolute;background:#a7c7ff;width:1px;height:.8rem;top:50%;right:-1px;margin-top:-.4rem;z-index:-1}.vue-countdown-component .time-box+.time-box{margin-left:1.066667rem}.vue-countdown-component .time-box>div{overflow:hidden;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-transform:rotateX(-.01deg);transform:rotateX(-.01deg);border-radius:.4rem}.vue-countdown-component .time-box>div.base{position:relative}.vue-countdown-component .time-box>div.base .base-b{position:absolute;left:0;bottom:0;border-radius:0 0 .4rem .4rem;width:100%;height:100%;background-color:#709bf1;-webkit-clip-path:polygon(0 50%,100% 50%,100% 100%,0 100%);clip-path:polygon(0 50%,100% 50%,100% 100%,0 100%)}.vue-countdown-component .time-box>div.face{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#6c96e8;-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-clip-path:polygon(0 0,100% 0,100% 50%,0 50%);clip-path:polygon(0 0,100% 0,100% 50%,0 50%);z-index:2}.vue-countdown-component .time-box>div.face.anime{-webkit-animation-name:animate-flip-face;animation-name:animate-flip-face}.vue-countdown-component .time-box>div.back{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#709bf1;-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-clip-path:polygon(0 50%,100% 50%,100% 100%,0 100%);clip-path:polygon(0 50%,100% 50%,100% 100%,0 100%)}.vue-countdown-component .time-box>div.back.anime{-webkit-animation-name:animate-flip-back;animation-name:animate-flip-back}