@keyframes myfirst {
      from {
        bottom: -10%;
      }

      to {
        bottom: 53%;
      }
    }

    @-webkit-keyframes myfirst {

      /* Safari 与 Chrome */
      from {
        bottom: -10%;
      }

      to {
        bottom: 53%;
      }
    }

    /* 单个气泡 */
    @keyframes bubble {
      from {
        transform: translateY(0%);
      }

      to {
        transform: translateY(30%);
      }
    }

    @-webkit-keyframes bubble {

      from {
        transform: translateY(0%);
      }

      to {
        transform: translateY(30%);
      }
    }

    @keyframes bubble1 {
      from {
        transform: translateY(30%);
      }

      to {
        transform: translateY(0%);
      }
    }

    @-webkit-keyframes bubble1 {

      from {
        transform: translateY(30%);
      }

      to {
        transform: translateY(0%);
      }
    }

/* 产品 */
    @keyframes qiqiu {
      0% {
           transform: translate(0px, 0px);
      }

      25% {
        transform: translate(30px, 30px);
      }
         50% {
      transform: translate(0px, 0px);
      }

      75% {
          transform: translate(-30px,30px);
      }
      
      100% {
              transform: translate(0px, 0px);
      }
    }
    @keyframes qiqiu2 {
      0% {
           transform: translate(0px, 0px);
      }

      25% {
        transform: translate(-30px, 30px);
      }
         50% {
      transform: translate(0px, 0px);
      }

      75% {
          transform: translate(30px,30px);
      }
      
      100% {
              transform: translate(0px, 0px);
      }
    }
    @keyframes qiqiu3 {
      0% {
           transform: translate(0px, 0px);
      }

      25% {
        transform: translate(-10px, 10px);
      }
         50% {
      transform: translate(0px, 0px);
      }

      75% {
          transform: translate(10px,10px);
      }
      
      100% {
              transform: translate(0px, 0px);
      }
    }