.wrapper{
    width:100%;
    height:100% ;
    margin: 0 auto;
    overflow: hidden;
}
.bannerTitle span{
    color: #616161;
    font-size: .3rem;
    transition: all .5s;

}
.bannerTitle .titleSpan{
    cursor: pointer;

}
.bannerTitle .active{
    position: relative;
    /* border-bottom: 2px solid #465ec6; */
    transition: all .5s;
    display: inline-block;

}
.bannerTitle .active::after{
    content: "";
    display: inline-block;
    width: 70%;
    border-bottom: 2px solid #465ec6;
    position: absolute;
    bottom: 0.1rem;
    left: 0;
}
  
  .news-slider {
    z-index: 2;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    /* padding: 1rem 0;
    padding-top: 0; */
    margin-top: .1rem;
    height: 6rem;
  }
  .news-slider .price{
    color: #dce0e3;
    margin-left: 0.3rem;
    opacity: 0;
    position: relative;

  }
  .news-slider .price .icor{
    position: absolute;
    display: inline-block;
    width: .4rem;
    height: .4rem;
    line-height: .4rem;
    text-align: center;
    border: 1px solid #c3c6c8;
    border-radius: 50%;
    right: 0.3rem;
    bottom: 0;
  }
  .news-slider .price .icor i{
    color: #c3c6c8;
  }
  .news-slider .price  .name{
    font-size: .16rem;
    margin: 0;
  }
  .news-slider .price  .num{
    font-size: .25rem;
    font-weight: 500;
  }


  .news-slider__wrp {
    display: flex;
    align-items: flex-start;
    position: relative;
    z-index: 2;
  }
  .news-slider__item {
    width: 4.75rem;
    flex-shrink: 0;
    height: 7.5rem;
    transform: translateX(2rem);
  }

  .news-slider__item.swiper-slide {

    pointer-events: none;
    transition: all .5s;
  }
  .news-slider__item.swiper-slide-active, .news-slider__item.swiper-slide-prev, .news-slider__item.swiper-slide-next {

    pointer-events: auto;
  }
  .news-slider__ctr {
    position: relative;
    z-index: 12;
    top: .6rem;
  }
  .news-slider__arrow {
  
    border: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: .4rem !important;
    position: absolute;
    top: 50%;
    z-index: 12;
    cursor: pointer;
    color: #838383;
  }
  .news-slider__arrow:focus {
    outline: none !important;
  }
  .news-slider__arrow .icon-font {
    display: inline-flex;
  }
  .news-slider__arrow.news-slider-prev {
    left: .75rem;
    transform: translateY(-50%);
  }
  .news-slider__arrow.news-slider-next {
    right: .75rem;
    transform: translateY(-50%);
  }



  .news__item {
    padding: .2rem 0;
    color: #fff;
    border-radius: .2rem;
    display: block;
    
  }
  .news__item:hover {
    background: #6a7076;
  transition: all .5s;
}
.news__item:hover .price {
  opacity: 1;
}
.news__item:hover .news__img{
    width: 3.8rem;
    height: 3.8rem;
    transition: all .5s;
    margin-top: 0rem;

}
.news__item.active .price{
  opacity: 1;
}
.news__item.active .news__img{
    width: 3.8rem;
    height: 3.8rem;
    transition: all .5s;
    margin-top: 0rem;

 
}
  .news__item.active {
    background: #6a7076;
    transition: all .5s;
  }
 
  .news__img {
    width: 3.3rem;
    height: 3.3rem;
    margin: 0 auto;
    transition: all .5s;
    margin-top: 0.3rem;
    
  }

  .news__img img {
    max-width: 100%;
    height: 100%;
    width: 100%;
    transition: all .5s;
  }
  .bannerTitle{
      width: 100%;
      height: .7rem;
  }
  @media screen and (max-width: 750px) {

    .news-slider{
      padding: 2rem 0;
    }
    .wrapper{
      margin-top: 1.5rem;
    }

  }