/*第一页*/
/* 默认隐藏 */
.kv-buttons,
.slogan,
.adv-pic1,
.adv-pic2,
.act-mid-in,
.adv-pic3,
.adv-pic4 {
    opacity: 0;
}
/* slogan 回弹动画 */
@keyframes sloganBounceIn {
    0%   { opacity: 0; transform: scale(0.75); }
    55%  { opacity: 1; transform: scale(1.04); }
    75%  { transform: scale(0.97); }
    90%  { transform: scale(1.02); }
    100% { opacity: 1; transform: scale(1); }
}
.slogan-anim {
    animation: sloganBounceIn 0.4s cubic-bezier(0.22, 0.61, 0.36, 1) both;
}
/* 回弹动画 */
@keyframes bounceIn {
    0%   { opacity: 0; transform: scale(0.75); }
    55%  { opacity: 1; transform: scale(1.04); }
    75%  { transform: scale(0.97); }
    90%  { transform: scale(1.02); }
    100% { opacity: 1; transform: scale(1); }
}
.bounce-anim {
    animation: bounceIn 0.7s cubic-bezier(0.35, 0.61, 0.36, 1) both;
}
/* 延迟阶梯 */
.delay-1 { animation-delay: 0.45s; }
.delay-2 { animation-delay: 0.4s; }
.delay-3 { animation-delay: 0.5s; }
.delay-4 { animation-delay: 0.6s; }
.delay-5 { animation-delay: 0.7s; }
.delay-6 { animation-delay: 0.85s; }

/*第二页*/
/* 默认隐藏 */
.page2 .tit1,
.page2 .p1-act-box,
.page2 .desc-pic1,
.page2 .desc-pic2,
.page2 .desc-pic3 {
    opacity: 0;
}

/* 从下向上渐入 */
@keyframes slideUpIn {
    0%   { opacity: 0; transform: translateY(60px); }
    100% { opacity: 1; transform: translateY(0); }
}

/* 从下向上渐入 */
@keyframes slideUpBounce {
    0%   { opacity: 0; transform: translateY(60px); }
    60%  { opacity: 1; transform: translateY(-3px); }
    78%  { transform: translateY(2px); }
    92%  { transform: translateY(-1px); }
    100% { opacity: 1; transform: translateY(0); }
}

/* 回弹放大*/
@keyframes descIconBounce {
    0%   { opacity: 0; transform: scale(0.75); }
    50%  { opacity: 1; transform: scale(1.06); }
    72%  { transform: scale(0.96); }
    88%  { transform: scale(1.05); }
    100% { opacity: 1; transform: scale(1); }
}

/* 从左向右渐入 */
@keyframes slideLeftIn {
    0%   { opacity: 0; transform: translateX(-60px); }
    100% { opacity: 1; transform: translateX(0); }
}

/* 从右向左渐入 */
@keyframes slideRightIn {
    0%   { opacity: 0; transform: translateX(60px); }
    100% { opacity: 1; transform: translateX(0); }
}

/* 依次入场动画*/
.slide-up-1 { animation: slideUpIn 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }
.slide-up-2 { animation: slideUpIn 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }
.slide-up-3 { animation: slideUpIn 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }
.slide-up-4 { animation: slideUpIn 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }
.desc-icon-anim { animation: descIconBounce 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) both; }
.slide-left-5 { animation: slideLeftIn 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }
.slide-right-6 { animation: slideRightIn 1.0s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }
.slide-up-5 { animation: slideUpIn 1.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }

.delay-p2-1 { animation-delay: 0.3s; }
.delay-p2-2 { animation-delay: 0.5s; }
.delay-p2-3 { animation-delay: 0.6s; }
.delay-p2-4 { animation-delay: 0.7s; }
.delay-p2-5 { animation-delay: 0.8s; }
.delay-p2-6 { animation-delay: 0.9s; }
.delay-p2-7 { animation-delay: 1.0s; }
.delay-p2-8 { animation-delay: 1.1s; }

/*第三页*/
.page3 .tit2,
.page3 .p2-desc,
.page3 .check-in-box,
.page3 .p1-desc-icon2,
.page3 .desc-pic1,
.page3 .desc-pic2,
.page3 .p2-ani-m,
.page3 .desc-pic3 {
    opacity: 0;
}

.p1-desc-icon2-anim { animation: descIconBounce 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) both; }
.tit2-p2desc-anim { animation: slideUpIn 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }
.p2-ani-m-ani { animation: slideUpIn 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }
.check-in-anim { animation: slideUpIn 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }
.desc-pic1-anim { animation: slideLeftIn 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }
.desc-pic2-anim { animation: slideRightIn 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }
.desc-pic3-anim { animation: slideUpIn 0.85s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }

/*第三页延迟*/
.delay-p3-1 { animation-delay: 0.35s; }
.delay-p3-2 { animation-delay: 0.4s; }
.delay-p3-3 { animation-delay: 0.5s; }
.delay-p3-4 { animation-delay: 0.6s; }
.delay-p3-5 { animation-delay: 0.7s; }
.delay-p3-6 { animation-delay: 0.85s; }

/*第四页*/
.page4 .tit3,
.page4 .p2-desc,
.page4 .red-box,
.page4 .redpacket-in,
.page4 .redpacket-in .redpacket-big-box,
.page4 .p1-desc-icon2,
.page4 .desc-pic1,
.page4 .desc-pic2,
.page4 .desc-pic3 {
    opacity: 0;
}

.tit3-anim { animation: slideUpIn 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }
.red-box-anim { animation: slideUpIn 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }
.redpacket-in-anim { animation: slideUpIn 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }
.redpacket-big-anim { animation: sloganBounceIn 0.75s cubic-bezier(0.22, 0.61, 0.36, 1) both; }
.p1-desc-icon2-p4-anim { animation: descIconBounce 0.7s cubic-bezier(0.34, 1.56, 0.64, 1) both; }
.desc-pic1-p4-anim { animation: slideLeftIn 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }
.desc-pic2-p4-anim { animation: slideRightIn 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }
.desc-pic3-p4-anim { animation: slideUpIn 0.85s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }

.delay-p4-1 { animation-delay: 0.35s; }
.delay-p4-2 { animation-delay: 0.4s; }
.delay-p4-3 { animation-delay: 0.5s; }
.delay-p4-4 { animation-delay: 0.6s; }
.delay-p4-5 { animation-delay: 0.7s; }
.delay-p4-6 { animation-delay: 0.8s; }
.delay-p4-7 { animation-delay: 0.9s; }
.delay-p4-8 { animation-delay: 1.0s; }

/*第五页*/
.page5 .tit4,
.page5 .tab-box,
.page5 .tab-in,
.page5 .p1-desc-icon2 {
    opacity: 0;
}
.tit4-anim { animation: slideUpIn 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }
.tab-box-anim { animation: slideUpIn 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }
.tab-in-anim { animation: slideUpIn 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }
.p1-desc-icon2-p5-anim { animation: descIconBounce 0.7s cubic-bezier(0.34, 1.56, 0.64, 1) both; }

.delay-p5-1 { animation-delay: 0.35s; }
.delay-p5-2 { animation-delay: 0.4s; }
.delay-p5-3 { animation-delay: 0.5s; }
.delay-p5-4 { animation-delay: 0.6s; }