
    /* 右侧文字入场动画 */
    @keyframes text_right_to_left {
        0%{
        left:19.8rem;
        }
        100%{
        left:8.3rem;
        }
    }
    .text-right-to-left{
        animation: text_right_to_left 1s ease-out;
    }
    /* 左侧文字入场动画 */
    @keyframes text_left_to_right {
        0%{
        left:-9rem;
        }
        100%{
        left:2.3rem;
        }
    }
    .text-left-to-right{
        animation: text_left_to_right 1s ease-out;
    }
    /* 左侧小手入场动画 */
    @keyframes hand_left_to_right {
        0%{
        left:calc(-8.49rem*0.9);
        bottom:calc(-8.9rem*0.9);
        }
        100%{
        left:0;
        bottom:0;
        }
    }
    .hand-left-to-right{
        animation: hand_left_to_right 1s ease-out;
    }
    /* 右侧小手入场动画 */
    @keyframes hand_right_to_left {
        0%{
        right:calc(-8.43rem*0.9);
        bottom:calc(-8.95rem*0.9);
        }
        100%{
        right:0;
        bottom:0;
        }
    }
    .hand-right-to-left{
        animation: hand_right_to_left 1s ease-out;
    }



    /* 气泡动画 */
    @keyframes bubble_better_show {
        0%{
           opacity: 0;
        }
        50%{
            opacity: 0;
            transform: rotate(0deg);
            transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
         }
        55% {
            transform: rotate(-12deg);
            transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        }
        60% {
            transform: rotate(12deg);
            transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        }
        65% {
            transform: rotate(-10deg);
            transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        }
        70% {
            transform: rotate(10deg);
            transition-timing-function: cubic-bezier(0.755, .5, .855, .06);
        }
        75% {
            transform: rotate(-8deg);
            transition-timing-function: cubic-bezier(0.755, .5, .855, .06);
        }
        80% {
            transform: rotate(8deg);
            transition-timing-function: cubic-bezier(0.755, .5, .855, .06);
        }
        89% {
            transform: rotate(-4deg);
            transition-timing-function: cubic-bezier(0.755, .5, .855, .06);
        }
        97% {
            transform: rotate(4deg);
            transition-timing-function: cubic-bezier(0.755, .5, .855, .06);
        }
        100% {
            opacity: 1;
            transform: rotate(0deg);
            transition-timing-function: cubic-bezier(0.755, .5, .855, .06);
        }
    }
    .bubble-better-show{
        animation: bubble_better_show 1.5s ease-out;
    }

    /* 首页视频向下箭头跳动 */
    @keyframes down_top_bottom {
        0%{
        bottom:3.5vw;
        }
        50%{
            bottom:3vw; 
        }
        100%{
        bottom:3.5vw;
        }
    }
    .down-top-bottom{
        animation: down_top_bottom 1s ease-in-out infinite;
    }