body {
  background-color: #fff;
}

.app-header {
  border-bottom: 1px solid #d2d2d2;
  box-shadow: 0 1px 2px #e8e6e6;
  background-color: #f5f5f5;
}

.app-header-menu .menu>.menu-item.here>.menu-link,
.app-header-menu .menu>.menu-item.here>.menu-link .menu-title,
.app-header-menu .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here),
.app-header-menu .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
  color: #ff5c00;
  background-color: #fff;
}

a.title-hover:hover {
  color: #ff5c00 !important;
}

.ep-search-toggle:hover {
  color: #ffcd00;
}

.ep-search-popover .ep-header-search-submit {
  background-color: #ffcd00;
  border: none;
}

.scrolltop,
.scrolltop:hover {
  background-color: #ffcd00;
}

[data-kt-scrolltop=on] .scrolltop {
  opacity: 1;
  display: flex;
}

.xrpagination ul.pagination li.active>a,
.xrpagination ul.pagination li.active>span {
  background: #ff5c00;
  border-color: #ff5c00;
  color: #fff !important;
  cursor: default;
}

.xrpagination ul.pagination li.active>a:hover {
  color: #fff;
  border-color: #ff5c00;
  background: #ff5c00;
}

/* 1. 修改左右箭头的颜色 */
.main-swiper .swiper-button-prev:after,
.main-swiper .swiper-button-next:after {
  color: #ffcd00;
  /* 箭头颜色 */
}

.main-swiper .swiper-button-prev,
.main-swiper .swiper-button-next {
  color: #ffcd00;
}


/* 2. 修改分页器小圆点的颜色 */
.main-swiper .swiper-pagination-bullet,
.gg-swiper-box1 .swiper-pagination-bullet {
  background-color: #ffcd00;
  /* 圆点颜色 */
}

/* 3. (可选) 修改当前激活圆点的颜色 */
.main-swiper .swiper-pagination-bullet-active,
.gg-swiper-box1 .swiper-pagination-bullet-active {
  background-color: #ffcd00;
  /* 保持同色或更深一点，也可以加opacity */
}

.gg-swiper-box1 {
  width: 100%;
  overflow: hidden;
}

.gg-swiper-box1