.userWall {
  width: 100%;
  position: relative;
  min-height: 358px;
  overflow: hidden;
  padding-top: 90px;
  padding-bottom: 10px;
}
.userWall p {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 320px;
  transform: translate(-50%, -50%);
  width: 928px;
  height: 268px;
  padding: 130px 0;
  box-sizing: border-box;
  background: url(//alifile.mingdaocloud.com/wwwhome/dist/pack/static/titleBg.ca8f1fd12d02d1d28310023b4654ded0.png) no-repeat center center;
  background-size: cover;
  margin: 0 auto;
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  color: #333;
}
@media screen and (max-width: 1019px) {
  .userWall p {
    text-align: center !important;
    width: 100%;
    font-size: 26px !important;
  }
}
@media screen and (max-width: 800px) {
  .userWall p {
    top: 320px;
  }
}
.userWall p span {
  color: #2196f3;
  margin-right: 10px;
  font-weight: bold;
}
.userWall ul li {
  display: block;
  width: 80000%;
  padding-bottom: 80px;
  overflow: hidden;
}
.userWall ul li .imgList {
  animation-name: move;
  animation-duration: 30s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
  display: block;
  float: left;
}
.userWall ul li .imgList img {
  margin-right: 90px;
}
.userWall ul li:nth-child(odd) .imgList {
  animation-duration: 30s;
  animation-delay: 1s;
}
.userWall ul li:nth-child(1) .imgList {
  animation-duration: 30s;
}
@keyframes move {
  from {
    transform: translate(0, 0);
  }
  to {
    transform: translate(-50%, 0);
  }
}
@media screen and (max-width: 500px) {
  .userWall p {
    height: 100px;
    padding: 0;
  }
  .userWall p span {
    display: block;
  }
  .userWall ul li:nth-child(2) {
    padding-bottom: 40px;
  }
}