
      
      /* 动画 从右到左 */
      .right_move_left.show {
        -webkit-animation: right_move_left 0.5s;
      }
      @-webkit-keyframes right_move_left {
        0% {
          -webkit-transform: translateX(200px);
          opacity: 0;
        }
      }
      /* 动画 从右到左40px */
      .right_move_left40.show {
        -webkit-animation: right_move_left40 0.5s;
      }
      @-webkit-keyframes right_move_left40 {
        0% {
          -webkit-transform: translateX(40px);
          opacity: 0;
        }
      }

      /* 动画 从左到右 */
      .left_move_right.show {
        -webkit-animation: left_move_right 0.5s;
      }
      @-webkit-keyframes left_move_right {
        0% {
          -webkit-transform: translateX(-200px);
          opacity: 0;
        }
      }

      /* 动画 上下循环 */
      .up_down.show {
        -webkit-animation: up_down 0.5s infinite;
      }

      @-webkit-keyframes up_down {
        0% {
          margin-top: 0px;
        }
        50% {
          margin-top: 10px;
        }
        100% {
          margin-top: 0px;
        }
      }

      /* 动画 旋转 */
      .rotate.show {
        -webkit-animation: rotate 0.5s infinite;
      }
      @-webkit-keyframes rotate {
        0% {
          -webkit-transform: rotate(0deg);
        }
        50% {
          -webkit-transform: rotate(180deg);
        }
        100% {
          -webkit-transform: rotate(360deg);
        }
      }

      /* 动画 从上到下 */
      .up_move_down.show {
        -webkit-animation: up_move_down 0.5s;
      }
      @-webkit-keyframes up_move_down {
        0% {
          -webkit-transform: translateY(-20px);
          opacity: 0;
        }
      }


      /* 动画 从下到上 */
      .down_move_up.show {
        -webkit-animation: down_move_up 0.5s;
      }
      @-webkit-keyframes down_move_up {
        0% {
          -webkit-transform: translateY(50px);
          opacity: 0;
        }
      }