.checkShadow {
    width: 17.8%;
    left: 41.5%;
    top: 61%;
    z-index: 1;
    mix-blend-mode: multiply;
}

.check {
    width: 16.8%;
    left: 41%;
    top: 57%;
    z-index: 1;
}

.circle {
    width: 75%;
    left: 12.5%;
    top: 36%;
    transform: rotate(0deg);
    transition: all 5s;
}

.aniRotate {
    animation-name: rotate;
    animation-duration: 3s;
    animation-timing-function: cubic-bezier(0.2, 0.4, 0.4, 1.04);
    transform: rotate(1980deg);
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(1980deg);
    }
}


.clickControl {
    width: 14.25%;
    top: 66.1%;
    left: 42.35%;
    z-index: 1;
    cursor: pointer;
    animation: clickBtn 0.5s infinite ease-in-out;
}



.clickBtn {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@keyframes clickBtn {
    0% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(0.9, 0.9);
    }

    100% {
        transform: scale(1, 1);
    }
}


/* 收合 */

.Congratulations {
    position: absolute;
    width: 84%;
    left: 8%;
    top: 8%;
  
    opacity: 0;
    visibility: hidden;
}