.banner-title {
  padding: 3.2rem 0 0.6rem 0;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.banner-title .wrapper {
  padding: 0.5rem 0.6rem 0.67rem;
  border-radius: 8px;
}
.banner-title .wrapper .title {
  font-size: 0.36rem;
  font-weight: 700;
  text-align: left;
  color: #000000;
  line-height: 0.42rem;
}
.banner-title .wrapper .des {
  margin-top: 0.3rem;
  font-size: 0.2rem;
  min-height: 1.5rem;
  color: #333333;
  line-height: 0.39rem;
  max-height: 1.95rem;
  overflow: auto;
}
.banner-title .wrapper .des::-webkit-scrollbar-thumb {
  background-color: transparent;
}
.banner-title .wrapper .des:hover::-webkit-scrollbar-thumb {
  background-color: #ccc;
}
@media screen and (max-width: 750px) {
  .banner-title {
    padding: 0;
  }
  .banner-title .top {
    width: 7.3rem;
    height: 8.3rem;
    margin: 0 auto;
    background-size: 100% 100%;
    position: relative;
  }
  .banner-title .top .title {
    position: absolute;
    top: 0.48rem;
    width: 6.95rem;
    right: 0.35rem;
    color: #fff;
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1rem;
    text-align: right;
  }
  .banner-title .bottom {
    width: 7.3rem;
    margin: 0 auto;
    border-radius: 0.08rem;
    padding: 0.5rem 0;
  }
  .banner-title .bottom .des {
    font-size: 0.3rem;
    color: #333333;
    line-height: 0.5rem;
    padding: 0 0.45rem;
  }
}

@media screen and (min-width: 751px) {
  .banner-title .title br {
    display: none;
  }
}