.banner_wrap {
  position: relative;
  /* 黑色渐隐遮罩 */
}
.banner_wrap .banner_box {
  position: relative;
  z-index: 10;
  width: 1232px;
  /* 轮播 */
}
.banner_wrap .banner_box .banner {
  position: relative;
  width: 100%;
  height: 693px;
  overflow: hidden;
  border-radius: 24px;
  background: #1e140d;
}
.banner_wrap .banner_box .banner_track {
  display: flex;
  height: 100%;
  transition: transform 0.8s cubic-bezier(0.76, 0, 0.24, 1);
  will-change: transform;
}
.banner_wrap .banner_box .banner_item {
  flex-shrink: 0;
  overflow: hidden;
}
.banner_wrap .banner_box .banner_item img {
  width: 1232px;
  height: 693px;
  object-fit: cover;
  display: block;
}
.banner_wrap .banner_shadow {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 12;
  box-shadow: inset 0 0 140px rgba(0, 0, 0, 0.9);
}
.banner_wrap .banner_border_img {
  position: absolute;
  z-index: 13;
  width: 1235px;
  height: 721px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.banner_wrap .bird {
  position: absolute;
  z-index: 16;
  right: -101px;
  top: -245px;
}
/* 点点 */
.banner_dots {
  margin-top: 25px;
  display: flex;
  justify-content: center;
  gap: 23px;
}
.banner_dot {
  width: 15px;
  height: 15px;
  position: relative;
  cursor: pointer;
  transform: rotate(45deg);
  transition: all 0.3s;
}
/* 未选中：边框菱形 */
.banner_dot::before {
  content: '';
  position: absolute;
  inset: 0;
  border: 2px solid #ecde7c;
  box-sizing: border-box;
  transition: all 0.3s;
}
/* 选中：实心 */
.banner_dot.active::before {
  background: #fff488;
  border-color: transparent;
}
.banner_big_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.banner_big_wrap .banner_arrow {
  cursor: pointer;
  width: 126px;
  height: 150px;
}
.banner_big_wrap .banner_arrow.banner_next {
  transform: rotate(180deg);
}