.CountDownSection-ul{position:relative;width:30px;height:39px;margin:2px;border-radius:7px;border:1px solid #ffb9b9;font-size:30px;font-weight:600;list-style:none}.CountDownSection-ul li{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%}.CountDownSection-ul li div{position:absolute;z-index:1;left:0;overflow:hidden;width:100%;height:50%}.CountDownSection-ul li div .num{position:absolute;z-index:1;left:0;display:flex;width:100%;height:200%;align-items:center;justify-content:center;background-color:#fff;border-radius:6px;color:#000}.CountDownSection-ul li div.upper{top:0;transform-origin:50% 100%}.CountDownSection-ul li div.upper .num{top:0}.CountDownSection-ul li div.upper:after{position:absolute;z-index:1;bottom:0;left:0;width:105%;height:1px;background-color:#cc3434;content:""}.CountDownSection-ul li div.lower{bottom:0;transform-origin:50% 0}.CountDownSection-ul li div.lower .num{bottom:0}.CountDownSection-ul li.back{z-index:3}.CountDownSection-ul li.back .upper{z-index:2;animation:top-to-middle .5s linear both}.CountDownSection-ul li.back .lower:before{animation:show .5s linear both}.CountDownSection-ul li.front{z-index:2;animation:increase-zindex .5s linear .5s forwards}.CountDownSection-ul li.front .upper:before{animation:hide .5s linear .3s both}.CountDownSection-ul li.front .lower{z-index:2;animation:middle-to-bottom .5s linear .5s both}.CountDownSection-ul li.front .lower:before{animation:hide .5s linear .3s both;background:linear-gradient(0deg,rgb(0,0,0) 0,rgba(0,0,0,.1));background:linear-gradient(180deg,rgb(0,0,0) 0,rgba(0,0,0,.1))}@keyframes increase-zindex{0%{z-index:4}to{z-index:4}}@keyframes middle-to-bottom{0%{transform:rotateX(90deg)}to{transform:rotateX(0deg)}}@keyframes top-to-middle{0%{transform:rotateX(0deg)}to{transform:rotateX(90deg)}}@keyframes show{0%{opacity:0}to{opacity:1}}@keyframes hide{0%{opacity:1}to{opacity:0}}