@keyframes shake {
    from {
      transform: rotate(15deg)
    }

    to {
      transform: rotate(-15deg)
    }
  }

  .redbag-wrap {
    position: relative;
    width: 100%;
    top: -200px;
    left: -150px;
    z-index: 1001;
  }

  .wrap {
    width: 100%;
    width: 240px;
    height: 0;
    position: absolute;
    z-index: 100;
    top: 0px;
    right: 0;
    animation-name: shake;
    animation-duration: 2.5s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(.6, 0, .3, 1);
    animation-direction: alternate;
    transform-origin: top center;
  }
  .wrap:hover{
  animation-play-state: paused;
}
  .zx_xrhb {
    height: 262px;
    position: absolute;
    width: 3px;
    right: 135px;
    background: url('/Websites/youhome/Templates/youhome/Static/images/soye/line.png')no-repeat center;
    box-shadow: rgba(0, 0, 0, .07) 8px 0 10px;
  }

  .zx_xrhb .line {
    position: absolute;
    bottom: -90px;
    left: -58px;
    z-index: 10;
    margin: 0;
    background: initial;
  }

  .zx_xrhb img {
    cursor: pointer;
    z-index: 100;
    position: relative;
    display: block;
    width: 117px;
border-radius: 10px;
  }