.countdown_cover{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/cover_bg.jpg) no-repeat center/cover;z-index: 1000;overflow: hidden; opacity: 1; transform-origin: 100% 50%;}
.countdown_cover.hide{
    animation: shrink-out 2s ease-in-out forwards;
}

@keyframes shrink-out {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    60% {
        /* transform: scale(0); */
        opacity: 1;
    }
    100% {
        transform: scale(0);
        opacity: 0;
    }

}

.cover_logo{position: absolute;left: 50%;transform: translateX(-50%);top: 3.958vw;width: 75.938vw;}
.countdown_box{position: absolute;left: 47.1%;bottom: 50%;margin: 0 0 -5.573vw;transform: translateX(-50%) translateY(50%);display: flex;}
.countdown_box .l{position: absolute;left: -8.854vw;top: 1.875vw;width: 3.646vw;display: block;}
.countdown_box .r{position: absolute;right: -11.927vw;bottom: 1.927vw;width: 5.99vw;display: block;}
.countdown_box .place{width: 11.458vw;margin: 0 0.365vw;}

.countdown_cover .close{position: absolute;top: 2.5vw;right: 2.5vw;width: 3.646vw;height: 3.646vw;cursor: pointer;z-index: 10;}
.countdown_cover .close::before,.countdown_cover .close::after{content: '';position: absolute;left: 50%;top: 50%;width: 2.5vw;height: 0.165vw;background: #f5c571;transform: translate(-50%, -50%) rotate(45deg);}
.countdown_cover .close::after{transform: translate(-50%, -50%) rotate(-45deg);}
/* .countdown_box img{width: 100%;display: block;} */

.banner_side{position: absolute;right: 0;top: 50%;transform: translateY(-50%);display: block;width: 5.177vw;z-index: 10;}

@media screen and (max-width:996px){
    .cover_logo{top: 20%;}
}