body {
    margin: 0px !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

    font-size: 14px;

    line-height: 1.42857143;

    color: #333;

    background-color: #fff
}
.hide{
    display: none;
}


/* 定义动画 @keyframes fadeInUp */
@keyframes fadeInUp {
    0% { opacity: 0; transform: translateY(100px); } /* 起始状态，完全隐藏且向下平移100像素 */
    100% { opacity: 1; transform: translateY(0); } /* 结束状态，完全显示且无平移 */
}

/* 应用动画到目标元素 */

.fade-in-1s {
    animation: fadeInUp 1s ease forwards; /* 指定动画名称、持续时间、速度曲线和动画结束后保持最后状态 */
}
.fade-in-2s {
    animation: fadeInUp 2s ease forwards; /* 指定动画名称、持续时间、速度曲线和动画结束后保持最后状态 */
}
.fade-in-3s {
    animation: fadeInUp 3s ease forwards; /* 指定动画名称、持续时间、速度曲线和动画结束后保持最后状态 */
}