.CountDownWrap{font:normal 11px Helvetica Neue,Helvetica,sans-serif;user-select:none;color:#fff;min-height:100%;position:relative;background-color:#fae6df;border-radius:12px}.CountDownWrap .container{text-align:center;position:relative;width:100%;height:90px;display:flex;align-items:center;justify-content:center}@media screen and (max-width:768px){.CountDownWrap .container{padding:10px 20px}}.CountDownWrap .container .blinker{float:left;font-size:14px;color:#000}@media screen and (max-width:768px){.CountDownWrap .container .blinker{font-size:18px;margin:0 5px}}.CountDownWrap #social{text-align:center;position:absolute;bottom:14%;width:100%}.CountDownWrap #social p{margin-bottom:10px}.CountDownWrap #social li,.CountDownWrap #social ul{display:inline-block}.CountDownWrap div.flip{position:relative;margin:5px;display:flex;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;line-height:40px;border-radius:6px}@media screen and (max-width:768px){.CountDownWrap div.flip{width:40px;height:40px;font-size:18px;line-height:40px;margin:3px}}.CountDownWrap div.flip div.flip-item{z-index:1;position:absolute;left:0;top:0;width:100%;display:block;height:100%;perspective:200px}.CountDownWrap div.flip div.flip-item:first-child{z-index:2}.CountDownWrap div.flip div.flip-item div{z-index:1;position:absolute;left:0;width:100%;height:50%;overflow:hidden}.CountDownWrap div.flip div.flip-item div .shadow{display:none}.CountDownWrap div.flip div.flip-item div div.inn{position:absolute;left:0;z-index:1;width:100%;height:200%;color:#fff;text-align:center;background-color:#ee4b4c;border-radius:6px}.CountDownWrap div.flip div.flip-item div.up{transform-origin:50% 100%;top:0}.CountDownWrap div.flip div.flip-item div.up:after{content:"";position:absolute;top:44px;left:0;z-index:5;width:100%;height:3px;background-color:rgba(0,0,0,.4)}@media screen and (max-width:768px){.CountDownWrap div.flip div.flip-item div.up:after{top:29px}}.CountDownWrap div.flip div.flip-item div.up div.inn{top:0}.CountDownWrap div.flip div.flip-item div.down{transform-origin:50% 0;bottom:0}.CountDownWrap div.flip div.flip-item div.down div.inn{bottom:0}.CountDownWrap .container.play div.secondPlay div.flip-item.before{z-index:3}.CountDownWrap .container.play div.secondPlay div.flip-item.before .up{z-index:2;animation:turn2 .5s linear both}.CountDownWrap .container.play div.secondPlay div.flip-item.before .down .shadow,.CountDownWrap .container.play div.secondPlay div.flip-item.before .up .shadow{display:none}.CountDownWrap .container.play div.secondPlay div.flip-item.active{animation:asd .5s linear .5s both;z-index:2}.CountDownWrap .container.play div.secondPlay div.flip-item.active .up .shadow{display:none}.CountDownWrap .container.play div.secondPlay div.flip-item.active .down{z-index:2;animation:turn .5s linear .5s both}.CountDownWrap .container.play div.secondPlay div.flip-item.active .down .shadow{display:none}.CountDownWrap .container.play div.minutePlay div.flip-item.before{z-index:3}.CountDownWrap .container.play div.minutePlay div.flip-item.before .up{z-index:2;animation:turn2 .5s linear both}.CountDownWrap .container.play div.minutePlay div.flip-item.before .down .shadow,.CountDownWrap .container.play div.minutePlay div.flip-item.before .up .shadow{display:none}.CountDownWrap .container.play div.minutePlay div.flip-item.active{animation:asd .5s linear .5s both;z-index:2}.CountDownWrap .container.play div.minutePlay div.flip-item.active .up .shadow{display:none}.CountDownWrap .container.play div.minutePlay div.flip-item.active .down{z-index:2;animation:turn .5s linear .5s both}.CountDownWrap .container.play div.minutePlay div.flip-item.active .down .shadow{display:none}.CountDownWrap .container.play div.hourPlay div.flip-item.before{z-index:3}.CountDownWrap .container.play div.hourPlay div.flip-item.before .up{z-index:2;animation:turn2 .5s linear both}.CountDownWrap .container.play div.hourPlay div.flip-item.before .down .shadow,.CountDownWrap .container.play div.hourPlay div.flip-item.before .up .shadow{display:none}.CountDownWrap .container.play div.hourPlay div.flip-item.active{animation:asd .5s linear .5s both;z-index:2}.CountDownWrap .container.play div.hourPlay div.flip-item.active .up .shadow{display:none}.CountDownWrap .container.play div.hourPlay div.flip-item.active .down{z-index:2;animation:turn .5s linear .5s both}.CountDownWrap .container.play div.hourPlay div.flip-item.active .down .shadow{display:none}@keyframes asd{0%{z-index:2}5%{z-index:4}to{z-index:4}}@keyframes turn{0%{transform:rotateX(90deg)}to{transform:rotateX(0deg)}}@keyframes turn2{0%{transform:rotateX(0deg)}to{transform:rotateX(-90deg)}}@keyframes show{0%{opacity:0}to{opacity:1}}@keyframes hide{0%{opacity:1}to{opacity:0}}