/* index_css  start */
.more-button {
  margin-top: var(--more-button-top,var(--v-space));
  text-align: var(--more-button-text-align,center);
}

.list-more-button {
  margin:var(--list-more-margin, calc(var(--list-more-top ,var(--h-space)) - var(--h-space)) 0 var(--h-space));
  text-align:var(--list-more-text-align, center);
}

@media screen and (max-width: 767px) {
  .list-more-button {
    --list-more-top: 15px;
  }
}
/* index_css  end */


.config-comp-title {
  display: flex;
  align-items: center;
}
.config-comp-title .section-title {
  padding-right: 25px;
  line-height: 1.1;
}
.config-comp-title .section-sub-title{
  padding-left: 25px;
  border-left: solid 1px rgba(0, 0, 0, 0.3);
}
.swiper-action-progressbar {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  height: 10px;
}
.swiper-action-progressbar .iconfont {
  --arrow-btn-size:12px;
  --arrow-btn-bg:"transparent";
  --arrow-btn-color:var(--main-color-second);
  --arrow-btn-height:fit-content;
  --arrow-btn-width:fit-content;
  --swiper-btn-display:block;
  --home-image-slide-btb-display:block;
  position: static;
  transform: none;
  font-size: 12px;
  cursor: pointer;
}
.swiper-pagination.progressbar{
  position: static;
  max-width: 100px;
  margin: 0 15px;
}
@media screen and (max-width: 1000px) {
  .config-comp-title {
    padding-right: 15px;
  }
}