@charset "utf-8";
*{margin:0;padding:0;box-sizing:border-box;}
/* 轮播外层容器 全屏宽度 */
.banner-wrap{
  width:100%;
  position:relative;
  overflow:hidden;
}
/* 图片轨道 */
.banner-track{
  display:flex;
  transition: transform 0.6s ease-in-out;
}
/* 单张轮播项 */
.banner-item{
  width:100%;
  flex-shrink:0;
}
.banner-item img{
  width:100%;
  height:auto;
  display:block;
  object-fit:cover;
}
/* 左右箭头按钮 */
.banner-btn{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:44px;
  height:44px;
  background:rgba(255,255,255,0.6);
  border:none;
  border-radius:50%;
  font-size:18px;
  cursor:pointer;
  z-index:2;
}
.banner-prev{left:16px;}
.banner-next{right:16px;}
/* 指示器圆点 */
.banner-dots{
  position:absolute;
  bottom:16px;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  gap:8px;
  z-index:2;
}
.dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#ffffff70;
  cursor:pointer;
}
.dot.active{
  background:#fff;
}
/* 移动端缩小按钮 */
@media (max-width:768px){
  .banner-btn{
    width:34px;
    height:34px;
  }
}