@charset "utf-8";
/*Npcink

	版本：1.0
	整理：Muze
	帮助：https://www.npc.ink/5703.html
*/

#container-box-1 {
    color: #666;
    text-transform: uppercase;
    width: 100%;
    font-size: 14px;
    line-height: 50px;
    text-align: center
}

#container-box-1 a {
    color: #fff;
}

#flip-box-1 {
    overflow: hidden;
    height: 50px
}

#flip-box-1 div {
    height: 50px
}

#flip-box-1>div>div {
    color: #fff;
    display: inline-block;
    text-align: center;
    height: 50px;
    width: 100%
}

#flip-box-1 div:first-child {
    animation: show 8s linear infinite
}

.flip-box-1-1 {
    background-image: linear-gradient(to right, #4facfe 0%, #00f2fe 100%);
}

.flip-box-1-2 {
    background-image: linear-gradient(120deg, #89f7fe 0%, #66a6ff 100%);
}

.flip-box-1-3 {
    background-image: linear-gradient(to right, #b8cbb8 0%, #b8cbb8 0%, #b465da 0%, #cf6cc9 33%, #ee609c 66%, #ee609c 100%);
}

.flip-box-1-4 {
    background-image: linear-gradient(to right, #f78ca0 0%, #f9748f 19%, #fd868c 60%, #fe9a8b 100%);
}

.flip-box-1-5 {
    background-image: linear-gradient(to top, #00c6fb 0%, #005bea 100%);
}

.flip-box-1-6 {
    background-image: linear-gradient(-20deg, #00cdac 0%, #8ddad5 100%);
}

@keyframes show {
    0% {
        margin-top: -300px
    }

    5% {
        margin-top: -250px
    }

    16.666% {
        margin-top: -250px
    }

    21.666% {
        margin-top: -200px
    }

    33.332% {
        margin-top: -200px
    }

    38.332% {
        margin-top: -150px
    }

    49.998% {
        margin-top: -150px
    }

    54.998% {
        margin-top: -100px
    }

    66.664% {
        margin-top: -100px
    }

    71.664% {
        margin-top: -50px
    }

    83.33% {
        margin-top: -50px
    }

    88.33% {
        margin-top: 0px
    }

    99.996% {
        margin-top: 0px
    }

    100% {
        margin-top: 300px
    }
}

.container-box-1-1 {
    height: 33px;
    line-height: 35px;
}