/* banner */
.banner-container {
  width: 100%;
  height: 500px;
} 
.st-banner .swiper-button-next, .st-banner .swiper-button-prev {
  position: absolute;
  top: 47%;
  width: 35px;
  height: 35px;
  z-index: 10;
  cursor: pointer;
  background-size: 24px 34px;
  background-position: center;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 4px;
}
.st-banner .swiper-button-prev {
  background-image: url(../images/left-black.svg);
  left: 0rem;
}
.st-banner .swiper-button-next {
  background-image: url(../images/right-black.svg);
  right: 0rem;
}

/*品牌故事 */
.stories-swiper{
  width: 100%;
  height: 250px;
}
.stories-swiper .swiper-slide{
  background-color: #fff;
  height: 195px;
  margin-top: 10px !important; 
}

.stories-image{
  width: 500px;
  height: 215px;
  margin-top: -10px;
}
.stories-swiper .swiper-button-next, .stories-swiper .swiper-button-prev {
  position: absolute;
  top: 73%;
  width: 28px;
  height: 28px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 13px 33px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 0.66);
}
.stories-swiper .swiper-button-next{
  left: 47%;
  background-image: url(../images/right.svg)
}
.stories-swiper .swiper-button-prev{
  left: 44.5%;
  background-image: url(../images/left.svg)
}
.stories-swiper .swiper-button-next:focus .stories-swiper .swiper-button-prev:focus {
  outline: none;
  outline-color: #fff;
}

/* .swiper-button-next-custom{
  background-image:none;
  color: #fff;
}
.swiper-button-prev-custom{
  background-image:none;
  color: #fff;
} */

.title {
  justify-content: space-between;
  margin-bottom: 1rem;
  margin-top: .5rem;
  display: flex;
  align-items: baseline;
}
.title a {
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.year {
  font-size: .9rem;
  margin-top: -.15rem;
}
.date {
  margin-top: -.8rem;
  background-color: rgb(64, 90, 175);
  color: #fff;
  font-weight: 400;
  padding: .2rem .8rem;
}
.more {
  margin-top: 2rem;
  color: #7b7878;
  font-size: .7rem;
}
.no-more-2lines {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.swiper-pagination-bullet {
  background: #fff;
  opacity: 1;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}
.stories-swiper .swiper-pagination {
  bottom: 2.5rem;
  left: 21%;
  width: unset;
}

.fixed {
  position: fixed;
  bottom: 40%;
  right: 0%;
  z-index: 9999;
}
.fixed-item {
  width: 4rem;
  height: 4rem;
  background-color: #0093D5;
  margin-top: 1px;
  text-align: -webkit-center;
  /* line-height: 2.5rem; */
  font-size: .8rem;
  padding-top: .5rem;
  color: #fff;
  cursor: pointer;
}
.fixed-item p {
  margin-bottom: 0;
}

/*  */
@media screen and (max-width: 992px){
  /* .stories-swiper {
    width: 100%;
  } */
  .stories-swiper,.stories-swiper .swiper-slide{
    height: 355px;
  }
  .stories-image{
    height: 157px;
  }
  .stories-swiper .swiper-button-next, .stories-swiper .swiper-button-prev {
    top: 93%;
  }
  .stories-swiper .swiper-button-next{
    left: 53px;
  }
  .stories-swiper .swiper-button-prev{
    left: 25px;
  }
  .banner-swiper {
    height: 220px;
  }
  .banner-swiper , .banner-swiper .swiper-slide{
    height: auto;
  }
  .st-banner .swiper-button-prev {
    background-image: url(../images/left-black.svg);
    left: 1rem;
    display: none;
  }
  .st-banner .swiper-button-next {
    background-image: url(../images/right-black.svg);
    right: 1rem;
    display: none;
  }
}