.slide-brain {
    background-image: url('//cdn.xoyozo.net/buyuren/OfficialWebsite/201811020314363892.png'); /*/home/img/brain-bg_byr.jpg*/
}

.slide-brain .fp-tableCell {
  vertical-align: top;
  position: relative;
  box-sizing: border-box;
}

.brain-content {
  position: relative;
  margin: 0 auto;
  padding-top: 80px;
  height: 500px;
  overflow: hidden;
  box-sizing: border-box;
}

#brain-list {
  position: relative;
  margin: auto;
  width: 100%;
  height: 210px;
  overflow: hidden;
}

#brain-list ul {
  width: 100%;
}

#brain-list li {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  color: #fff;
  font-size: 40px;
  line-height: 70px;
  font-family: "PingFang SC Light", "PingFang SC", "Microsoft Yahei", sans-serif;
  font-weight: 100;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#brain-list .doAnimate li.animated {
  -webkit-animation-delay: 800ms;
  -webkit-animation-duration: 4800ms;
  -webkit-animation-name: brainMoveIn;
  animation-delay: 800ms;
  animation-duration: 4800ms;
  animation-name: brainMoveIn;
}
#brain-list li.brain-active {
  /*color: #fff;
  font-size: 50px;*/
  /* opacity: 1;
  -webkit-animation: 300ms brainMoveIn cubic-bezier(.215,.61,.355,1);
  animation: 300ms brainMoveIn cubic-bezier(.215,.61,.355,1); */
}

.brain-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 30px;
  border-top: 4px solid #01b7fb;
  background: rgba(31, 32, 33, .8);
}

.brain-footer:before,
.brain-footer:after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 650px;
  height: calc(100% + 4px);
}

.brain-footer:before {
  left: 0;
  background-image: -webkit-linear-gradient(to left, transparent, #1d1f20);
  background-image: linear-gradient(to left, transparent, #1d1f20);
}

.brain-footer:after {
  right: 0;
  background-image: -webkit-linear-gradient(to left, #1d1f20, transparent);
  background-image: linear-gradient(to left, #1d1f20, transparent);
}

.brain-footer ul {
  margin: 0 auto;
  max-width: 1610px;
  white-space: nowrap;
  overflow: hidden;
}

.brain-footer li {
  display: inline-block;
  width: 80px;
  text-align: center;
}

.brain-footer li img {
  width: 56px;
  height: 56px;
  margin-bottom: 12px;
}

.brain-footer li p {
  font-size: 13px;
  color: #339bff;
}

@-webkit-keyframes brainMoveIn {
  0% {
    opacity: .3;
    -webkit-transform: translate3d(0, 0, 0);
  }
  12.5%, 25% {
    opacity: .3;
    -webkit-transform: translate3d(0, -100%, 0);
  }
  37.5%, 50% {
    opacity: 1;
    -webkit-transform: translate3d(0, -200%, 0) scale(1.25);
  }
  62.5%, 75% {
    opacity: .3;
    -webkit-transform: translate3d(0, -300%, 0);
  }
  87.5%, 100% {
    opacity: .3;
    -webkit-transform: translate3d(0, -400%, 0);
  }
}

@keyframes brainMoveIn {
  0% {
    opacity: .3;
    transform: translate3d(0, 0, 0);
  }
  12.5%, 25% {
    opacity: .3;
    transform: translate3d(0, -100%, 0);
  }
  37.5%, 50% {
    opacity: 1;
    transform: translate3d(0, -200%, 0) scale(1.25);
  }
  62.5%, 75% {
    opacity: .3;
    transform: translate3d(0, -300%, 0);
  }
  87.5%, 100% {
    opacity: .3;
    transform: translate3d(0, -400%, 0);
  }
}

@keyframes brainMoveOut {
  0% {
    opacity: .3;
  }

  100% {
    opacity: .3;
  }
}

@media (max-width: 1200px) {
  .brain-content {
    padding-top: 110px;
  }
  #brain-list {
    height: 180px;
  }
  #brain-list li {
    line-height: 60px;
    font-size: 36px;
  }
  .brain-footer {
    padding-top: 25px;
    padding-bottom: 36px;
  }
  .brain-footer li img {
    margin-bottom: 12px;
  }
  .brain-footer:before, .brain-footer:after {
    width: 200px;
  }
}

@media (max-width: 767px) {
  /*.slide-brain {
    background-image: url('/home/img/brain-bg-320.png');
  }*/
    .slide-brain { background-image: url('https://wz.eyuyao.com/upload/content/xheditor/upload/day_181102/201811020315559378.png'); /*/home/img/brain-bg-760_byr.jpg*/ }
  .brain-content {
    padding-top: 80px;
  }
  #brain-list {
    height: 105px;
  }
  #brain-list li {
    line-height: 35px;
    font-size: 16px;
  }
  .brain-footer {
    padding-top: 20px;
    padding-bottom: 30px;
    border-top-width: 2px;
  }
  .brain-footer li {
    width: 49px;
  }
  .brain-footer li img {
    width: 33px;
    height: 33px;
    margin-bottom: 0;
  }
  .brain-footer li p {
    display: none;
  }
  .brain-footer:before, .brain-footer:after {
    width: 100px;
    height: calc(100% + 2px);
  }
  .brain-footer:before {
    background-image: -webkit-linear-gradient(to left, transparent, rgba(0, 0, 0, .5));
    background-image: linear-gradient(to left, transparent, rgba(0, 0, 0, .5));
  }

  .brain-footer:after {
    background-image: -webkit-linear-gradient(to left, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), transparent);
  }

  .brain-footer ul {
    max-width: 320px;
  }

}