/* 自定义面包屑导航样式 */
.breadcrumb {
    height: 3rem;
    background-color: #ababab; /* 更改背景颜色 */
    margin-bottom: 1rem; /* 更改底部间距 */
    color: #ffffff!important;
    text-align: center;
    line-height: 3rem;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

.breadcrumb a {
    color: #ffffff!important; /* 更改链接颜色 */
    text-decoration: none!important; /* 移除链接下划线 */
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content:none!important;
}
.carousel-item {
    opacity: 0;
    transition: opacity 50ms ease-in-out;
}
.carousel-item.active,
.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
    opacity: 1;
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block;
    color: #1a1d20;
}

/* 修正Bootstrap 5中轮播项的定位问题 */
.carousel-item-next,
.carousel-item-prev {
    position: absolute;
    top: 0;
}

.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
    transform: translate3d(0, 0, 0);
}
.pagination{background-color: #f0f0f0;height: 2.6rem;}
.pagination>.current {
--bs-pagination-active-bg: #f0f0f0 !important;
  border: 1px solid #fc4642;
  outline: none;
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-focus-shadow-color), .25);
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
  display: block;
  width: 1.8rem;
  text-align: center;
  line-height: 2.16rem;
}

.pagination>.current>span{ color: #fc4642!important;}
.pagination>.current>span:hover{background-color: #fff;border: 1px solid #ffffff; color:#fc4642;}
.pagination:first-child{content:"《"}
.page-numbers:hover{ color: #fc4642;}
.page-numbers:not(:first-child) .page-link{margin-left:0 !important;}
.page-numbers{color: #1a1d20;
    text-decoration:none;  
    outline: none;
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-focus-shadow-color), .25);
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
  display: block;
  text-align: center;
  line-height: 2.16rem;
  vertical-align: center;
  width: auto;
  min-width: 1.8rem;
    
}
.page-item >.carousel-control-prev-icon,.page-item >.carousel-control-next-icon{background-color:#a8a8a8 !important;height: 2.6rem;}