.bk-swiper-home {
  position: relative;
  overflow: hidden;
}
.bk-swiper-home:hover .bk-swiper-nav {
  display: block;
}
.bk-swiper-main {
  display: flex;
  height: 100%;
  overflow: hidden;
}
.bk-swiper-main.bk-transition {
  transition: 0.5s cubic-bezier(0.42, 0, 0.58, 1);
}
.bk-swiper-main .bk-swiper-card {
  height: 100%;
  padding: 0;
  margin: 0;
}
.bk-swiper-main .bk-swiper-img {
  display: inline-block;
  width: 100%;
  height: 100%;
  margin: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.bk-swiper-main .bk-swiper-link {
  cursor: pointer;
}
.bk-swiper-index {
  position: absolute;
  right: 0;
  bottom: 10px;
  left: 0;
  display: flex;
  padding: 0;
  margin: 0;
  justify-content: center;
}
.bk-swiper-index li {
  width: 11px;
  height: 4px;
  margin: 0 3px;
  list-style-type: none;
  background: #63656e;
  border-radius: 2px;
  transition: width 0.525s;
}
.bk-swiper-index li.bk-current-index {
  width: 17px;
  background: #c5c7d1;
}
.bk-swiper-nav {
  position: absolute;
  top: calc(50% - 15px);
  display: none;
  width: 30px;
  height: 30px;
  cursor: pointer;
  background: rgba(31, 45, 61, 0.4);
  border-radius: 50%;
}
.bk-swiper-nav .bk-swiper-nav-icon {
  position: absolute;
  top: 9px;
  left: 11px;
  width: 10px;
  height: 10px;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
}
.bk-swiper-nav.bk-nav-prev {
  left: 14px;
  transform: rotate(45deg);
}
.bk-swiper-nav.bk-nav-next {
  right: 14px;
  transform: rotate(225deg);
}
.bk-swiper-nav:hover {
  background: rgba(31, 45, 61, 0.6);
}
