/*鑸逛笂涓嬫诞鍔�*/
@keyframes floatShip {
    0%{
        transform: translate3d(0,0,0) rotate(0deg);
    }
    25%{
        transform:translate3d(0px,-0.1em,0) rotate(2deg);
    }
    50%{
        transform:translate3d(0px,0px,0) rotate(0deg);
    }
    75%{
        transform:translate3d(0px,-0.1em,0) rotate(2deg);
    }
    100%{
        transform:translate3d(0px,0px,0) rotate(0deg);
    }
    
}
/*鐝婄憵宸﹀彸鎽囨憜*/
@keyframes coralShake {
    0%{
        transform-origin: 0% 90%;
        transform: translate3d(0,0,0) rotate(0deg);
    }
    25%{
        transform-origin: 0% 90%;
        transform:translate3d(0px,0px,0) rotate(5deg);
    }
    50%{
        transform-origin: 0% 90%;
        transform:translate3d(0px,0px,0) rotate(0deg);
    }
    75%{
        transform-origin: 0% 90%;
        transform:translate3d(0px,0px,0) rotate(-5deg);
    }
    100%{
        transform-origin: 0% 90%;
        transform:translate3d(0px,0px,0) rotate(0deg);
    }
    
}
/*鍥涗釜灏忕敓鐗╁悇鑷笂涓嬫诞鍔�*/
@keyframes bubble1Float {
    0%{
        transform: translate3d(0,0,0);
    }
    25%{
        transform:translate3d(0px,-10px,0);
    }
    50%{
        transform:translate3d(0px,0px,0);
    }
    75%{
        transform:translate3d(0px,-10px,0);
    }
    100%{
        transform:translate3d(0px,0px,0);
    }
}
@keyframes bubble2Float {
    0%{
        transform: translate3d(0,0,0);
    }
    25%{
        transform:translate3d(0px,10px,0);
    }
    50%{
        transform:translate3d(0px,0px,0);
    }
    75%{
        transform:translate3d(0px,10px,0);
    }
    100%{
        transform:translate3d(0px,0px,0);
    }
}
@keyframes bubble3Float {
    0%{
        transform: translate3d(0,0,0);
    }
    25%{
        transform:translate3d(0px,-10px,0);
    }
    50%{
        transform:translate3d(0px,0px,0);
    }
    75%{
        transform:translate3d(0px,10px,0);
    }
    100%{
        transform:translate3d(0px,0px,0);
    }
}
@keyframes bubble4Float {
    0%{
        transform: translate3d(0,0,0);
    }
    25%{
        transform:translate3d(0px,10px,0);
    }
    50%{
        transform:translate3d(0px,0px,0);
    }
    75%{
        transform:translate3d(0px,-10px,0);
    }
    100%{
        transform:translate3d(0px,0px,0);
    }
}
@keyframes jellyfishFloat {
    0%{
        transform: translate3d(0,0,0);
    }
    25%{
        transform:translate3d(0px,10px,0);
    }
    50%{
        transform:translate3d(0px,0px,0);
    }
    75%{
        transform:translate3d(0px,10px,0);
    }
    100%{
        transform:translate3d(0px,0px,0);
    }
}
@keyframes starfishFloat {
    0%{
        transform: translate3d(0,0,0);
    }
    25%{
        transform:translate3d(0px,-10px,0);
    }
    50%{
        transform:translate3d(0px,0px,0);
    }
    75%{
        transform:translate3d(0px,-10px,0);
    }
    100%{
        transform:translate3d(0px,0px,0);
    }
}
@keyframes fish1Float {
    0%{
        transform: translate3d(0,0,0);
    }
    25%{
        transform:translate3d(0px,10px,0);
    }
    50%{
        transform:translate3d(0px,0px,0);
    }
    75%{
        transform:translate3d(0px,-10px,0);
    }
    100%{
        transform:translate3d(0px,0px,0);
    }
}
@keyframes seahorseFloat {
    0%{
        transform: translate3d(0,0,0);
    }
    25%{
        transform:translate3d(0px,-10px,0);
    }
    50%{
        transform:translate3d(0px,0px,0);
    }
    75%{
        transform:translate3d(0px,10px,0);
    }
    100%{
        transform:translate3d(0px,0px,0);
    }
}
/*宸ц檸鍜屽厰瀛愪笂涓嬪井寰诞鍔�*/
@keyframes logoFloat {
    0%{
        transform-origin: 50% 50%;
        transform: translate3d(0px,0px,0px) ;
    }
    25%{
        transform-origin: 50% 50%;
        transform:translate3d(0px,10px,0px) ;
    }
    50%{
        transform-origin: 50% 50%;
        transform:translate3d(0px,0px,0px) ;
    }
    75%{
        transform-origin: 50% 50%;
        transform:translate3d(0px,-10px,0px) ;
    }
    100%{
        transform-origin: 50% 50%;
        transform:translate3d(0px,0px,0px) ;
    }
    
}
/*娴疯睔360搴︽棆杞�*/
@keyframes dolphinRotate {
    0%{
        transform-origin: 50% 50%;
        transform: translate3d(0px,0px,0px) rotate(0deg);
    }
    50%{
        transform-origin: 50% 50%;
        transform:translate3d(0px,0px,0px) rotate(-180deg);
    }
    100%{
        transform-origin: 50% 50%;
        transform:translate3d(0px,0px,0px) rotate(-360deg);
    }
}
/*姘存瘝45搴︽诞鍔�*/
@keyframes jellyfishFloat2 {
    0%{
        transform-origin: 50% 50%;
        transform: translate3d(0px,0px,0px) rotate(0deg);
    }
    25%{
        transform-origin: 50% 50%;
        transform:translate3d(-15px,-15px,0px) rotate(0deg);
    }
    50%{
        transform-origin: 50% 50%;
        transform:translate3d(0px,0px,0px) rotate(0deg);
    }
    75%{
        transform-origin: 50% 50%;
        transform:translate3d(-15px,-15px,0px) rotate(0deg);
    }
    100%{
        transform-origin: 50% 50%;
        transform:translate3d(0px,0px,0px) rotate(0deg);
    }
}
/*鍚愭场娉�*/
@keyframes white-bubble1 {
    0%{
       width: 0em;
       height: 0em;
       opacity: 0;
    }
    
    100%{
        width: 0.12em;
        height: 0.12em;
        opacity: 1;
    }
}
@keyframes white-bubble2 {
    0%{
       width: 0em;
       height: 0em;
       opacity: 0;
    }
    
    100%{
        width: 0.3em;
        height: 0.3em;
        opacity: 1;
    }
}
@keyframes white-bubble3 {
    0%{
       width: 0em;
       height: 0em;
       opacity: 0;
    }
    
    100%{
        width: 0.13em;
        height: 0.13em;
        opacity: 1;
    }
}
/*涔岄緹涓婁笅娴姩*/
@keyframes tortoise2Float {
    0%{
        transform-origin: 50% 50%;
        transform: translate3d(0px,0px,0px) rotate(0deg);
    }
    25%{
        transform-origin: 50% 50%;
        transform:translate3d(0px,-15px,0px) rotate(0deg);
    }
    50%{
        transform-origin: 50% 50%;
        transform:translate3d(0px,0px,0px) rotate(0deg);
    }
    75%{
        transform-origin: 50% 50%;
        transform:translate3d(0px,-15px,0px) rotate(0deg);
    }
    100%{
        transform-origin: 50% 50%;
        transform:translate3d(0px,0px,0px) rotate(0deg);
    }
}
/*娴锋槦涓婁笅娴姩*/
@keyframes starfishFloat {
    0%{
        transform-origin: 50% 50%;
        transform: translate3d(0px,0px,0px) rotate(0deg);
    }
    25%{
        transform-origin: 50% 50%;
        transform:translate3d(0px,-15px,0px) rotate(0deg);
    }
    50%{
        transform-origin: 50% 50%;
        transform:translate3d(0px,0px,0px) rotate(0deg);
    }
    75%{
        transform-origin: 50% 50%;
        transform:translate3d(0px,-15px,0px) rotate(0deg);
    }
    100%{
        transform-origin: 50% 50%;
        transform:translate3d(0px,0px,0px) rotate(0deg);
    }
}
/*铻冭煿360杞湀*/
@keyframes crabRotate {
    0%{
        transform-origin: 50% 50%;
        transform: translate3d(0px,0px,0px) rotate(0deg);
    }
    50%{
        transform-origin: 50% 50%;
        transform:translate3d(0px,0px,0px) rotate(-180deg);
    }
    100%{
        transform-origin: 50% 50%;
        transform:translate3d(0px,0px,0px) rotate(-360deg);
    }
}
/*娴疯灪涓婁笅娴姩*/
@keyframes conchFloat {
    0%{
        transform-origin: 50% 50%;
        transform: translate3d(0px,0px,0px) rotate(0deg);
    }
    25%{
        transform-origin: 50% 50%;
        transform:translate3d(0px,-15px,0px) rotate(0deg);
    }
    50%{
        transform-origin: 50% 50%;
        transform:translate3d(0px,0px,0px) rotate(0deg);
    }
    75%{
        transform-origin: 50% 50%;
        transform:translate3d(0px,-15px,0px) rotate(0deg);
    }
    100%{
        transform-origin: 50% 50%;
        transform:translate3d(0px,0px,0px) rotate(0deg);
    }
}
/*绗簩涓強鐟氬乏鍙虫憞鎽�*/
@keyframes coralShake2 {
    0%{
        transform-origin: 50% 90%;
        transform: translate3d(0,0,0) rotate(0deg);
    }
    25%{
        transform-origin: 50% 90%;
        transform:translate3d(0px,0px,0) rotate(5deg);
    }
    50%{
        transform-origin: 50% 90%;
        transform:translate3d(0px,0px,0) rotate(0deg);
    }
    75%{
        transform-origin: 50% 90%;
        transform:translate3d(0px,0px,0) rotate(-5deg);
    }
    100%{
        transform-origin: 50% 90%;
        transform:translate3d(0px,0px,0) rotate(0deg);
    }
}
/*灏忛奔鏉ュ洖娓�*/
@keyframes fish1Swim {
    0%{
        transform: translate3d(0,0,0) rotateY(0deg);
    }
    10%{
        transform: translate3d(0.3em,0,0) rotateY(0deg);
    }
    20%{
        transform: translate3d(0.7em,0,0) rotateY(0deg);
    }
    30%{
        transform: translate3d(0.7em,0,0) rotateY(-180deg);
    }
    40%{
        transform: translate3d(0.3em,0,0) rotateY(-180deg);
    }
    50%{
        transform:translate3d(0,0px,0) rotateY(-180deg);
    }
    60%{
        transform:translate3d(-0.3em,0px,0) rotateY(-180deg);
    }
    70%{
        transform:translate3d(-0.7em,0px,0) rotateY(-180deg);
    }
    80%{
        transform:translate3d(-0.7em,0px,0) rotateY(0deg);
    }
    90%{
        transform:translate3d(-0.3em,0px,0) rotateY(0deg);
    }
    100%{
        transform:translate3d(0px,0px,0) rotate(0deg);
    }
}