/* Poppins 字体 */
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  text-autospace: normal;
}

html {
  overflow-x: hidden;
}

body {
  font-family: 'Poppins', ui-sans-serif, system-ui, sans-serif;
}

/* Swiper pagination styles */
.banner-swiper .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: rgba(255, 255, 255, 0.5);
  opacity: 1;
}

.banner-swiper .swiper-pagination-bullet-active {
  background: var(--color-primary);
}

.main-pages{display:flex;align-items:center;justify-content:center;margin:6% 0;}
.main-pages .pages-a{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:8px;background:#e5e5e5;margin:5px;}
.main-pages .pages-a.active{background:#f5a200;color:#fff;}
.main-pages .pages-side{display:flex;align-items:center;justify-content:center;width:50px;height:50px;margin:5px 15px;}
.main-pages .pages-side:disabled{opacity:0.5;}
.main-pages .pages-side.disabled{opacity:0.5;}

.pagination {
  display: flex;
  list-style: none;
}

.pagination li {

  display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:8px;background:#e5e5e5;margin:5px;
}

.pagination li:hover {
  background-color: #f0f0f0;
}

.pagination li.active  {
  background:#f5a200;color:#fff;
}