.wrap {
  width: 100%;
  position:absolute;
  top:145px;
  opacity:0.3;
}
.wrap .inner {
  width: 100%;
  margin: 0;
  padding: 0% 0;
  height:118px;
}
.wrap .inner .ship {
  position: relative;
  top: 49px;
  left:0px;
  z-index: 0;
}
.wrap .inner .ship img {
  width: 285px;
  display: block;
}
.wrap .inner .line {
  width: 35px;
  height: 2px;
  background-color: #fff;
  position: relative;
  top: 49px;
  left: 328px;
  z-index: 1;
  animation: move-toggle 1s infinite ease;
}
@keyframes move-toggle {
  0% {
    left: 328px;
  }
  50% {
    left: 326px;
  }
  100% {
    left: 328px;
  }
}
.wrap .inner .line1 {
  width: 35px;
  height: 2px;
  background-color: #fff;
  position: relative;
  top: 47px;
  left: 320px;
  z-index: 0;
  animation: move-left1 5s infinite linear;
}
@keyframes move-left1 {
  0% {
    left: 320px;
  }
  100% {
    left: 0;
    width: 0;
  }
}
.wrap .inner .line2 {
  width: 35px;
  margin-left: 5px;
  height: 2px;
  background-color: #fff;
  position: relative;
  top: 45px;
  left: 320px;
  z-index: 0;
  animation: move-left2 5s infinite linear;
  animation-delay: 0.5s;
}
@keyframes move-left2 {
  0% {
    left: 320px;
  }
  100% {
    left: 0;
    width: 0;
  }
}
.wrap .inner .line3 {
  width: 35px;
  margin-left: 5px;
  height: 2px;
  background-color: #fff;
  position: relative;
  top: 43px;
  left: 320px;
  z-index: 0;
  animation: move-left3 5s infinite linear;
  animation-delay: 1.2s;
}
@keyframes move-left3 {
  0% {
    left: 320px;
  }
  100% {
    left: 0;
    width: 0;
  }
}
.wrap .inner .line4 {
  width: 35px;
  margin-left: 5px;
  height: 2px;
  background-color: #fff;
  position: relative;
  top: 41px;
  left: 320px;
  z-index: 0;
  animation: move-left4 5s infinite linear;
  animation-delay: 1.5s;
}
@keyframes move-left4 {
  0% {
    left: 320px;
  }
  100% {
    left: 0;
    width: 0;
  }
}
.wrap .inner .line5 {
  width: 35px;
  margin-left: 5px;
  height: 2px;
  background-color: #fff;
  position: relative;
  top: 39px;
  left: 320px;
  z-index: -1;
  animation: move-left5 5s infinite linear;
  animation-delay: 2s;
}
@keyframes move-left5 {
  0% {
    left: 320px;
  }
  100% {
    left: 0;
    width: 0;
  }
}
.wrap .inner .line6 {
  width: 35px;
  margin-left: 5px;
  height: 2px;
  background-color: #fff;
  position: relative;
  top: 37px;
  left: 320px;
  z-index: 0;
  animation: move-left6 5s infinite linear;
  animation-delay: 2.2s;
}
@keyframes move-left6 {
  0% {
    left: 320px;
  }
  100% {
    left: 0;
    width: 0;
  }
}
.wrap .inner .line7 {
  width: 35px;
  margin-left: 5px;
  height: 2px;
  background-color: #fff;
  position: relative;
  top: 35px;
  left: 320px;
  z-index: 0;
  animation: move-left7 5s infinite linear;
  animation-delay: 3s;
}
@keyframes move-left7 {
  0% {
    left: 320px;
  }
  100% {
    left: 0;
    width: 0;
  }
}