.section3 {
  width: 100%;
  height: 11.08rem;
  position: relative;
}

.yzj_hunter {
  width: 100%;
  height: 12rem;
  position: relative;
}

.section3 .swiper-container {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

.section3 .hunterinfo {
  height: 100%;
  position: relative;
  top: -0.8rem;
}

.section3 .hunter-info {
  width: 100%;
  height: 100%;
  position: relative;
}

.section3 .hunter-title {
  width: 6.79rem;
  height: 2.23rem;
  background: url(../image/section3/yzj_hunter_title.png) no-repeat;
  background-size: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  z-index: 2;
}

.section3 .hunter-tip {
  width: 1.85rem;
  height: 0.38rem;
  background: url(../image/section3/hunter-tip.png) no-repeat;
  background-size: 100%;
  position: absolute;
  left: 50%;
  top: 1.8rem;
  transform: translateX(-50%);
  z-index: 2;
}

.section3 .button {
  position: absolute;
  cursor: pointer;
  z-index: 12;
}
/* 
.section3 .hunter-swiper-button-prev {
  width: 0.92rem;
  height: 0.83rem;
  left: 3rem;
  top: 5.85rem;
  background: url(../image/section3/swpier-prer.png) no-repeat;
  background-size: 100%;
}

.section3 .hunter-swiper-button-next {
  width: 0.33rem;
  height: 0.5rem;
  right: 3rem;
  top: 5.85rem;
  background: url(../image/section3/swiper-next.png) no-repeat;
  background-size: 100%;
} */

.section3 .hunter-group-swiper,
.section3 .hunter-child-swiper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.section3 .hunter-group-wrapper,
.section3 .hunter-child-wrapper {
  width: 100%;
  height: 100%;
  position: relative !important;
  display: flex;
}

.section3 .hunter-group-wrapper {
  flex-direction: row;
}

.section3 .hunter-child-wrapper {
  flex-direction: row;
}

.section3 .hunter-group-slide,
.section3 .hunter-child-slide {
  width: 100%;
  height: 100%;
  position: relative !important;
  flex-shrink: 0;
}

.section3 .hunter-group-slide > .hunter-child-swiper,
.section3 .hunter-child-swiper > .hunter-child-wrapper,
.section3 .hunter-child-wrapper > .hunter-child-slide {
  position: relative !important;
}

.section3 .hunter-role {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.section3 .hunter-role .hunter_img {
  position: absolute;
  z-index: 5;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.section3 .hunter-role-1 .hunter_img {
  width: 12.96rem;
  height: 10.07rem;
  top: 2.8rem;
  left: 3.8rem;
  background-image: url(../image/section3/hunter_img_1.png);
}

.section3 .hunter-role-2 .hunter_img {
  width: 8.53rem;
  height: 9.34rem;
  top: 2.7rem;
  left: 6rem;
  background-image: url(../image/section3/hunter_img_2.png);
}

.section3 .hunter-role-3 .hunter_img {
  width: 9.66rem;
  height: 10.95rem;
  top: 2.5rem;
  left: 5rem;
  background-image: url(../image/section3/hunter_img_3.png);
}

.section3 .hunter-role-4 .hunter_img {
  width: 9.14rem;
  height: 9.65rem;
  top: 3.3rem;
  left: 5.4rem;
  background-image: url(../image/section3/hunter_img_4.png);
}

.section3 .hunter-role-5 .hunter_img {
  width: 9.84rem;
  height: 12.43rem;
  top: 1rem;
  left: 4.68rem;
  background-image: url(../image/section3/hunter_img_5.png);
}

.section3 .hunter-role-6 .hunter_img {
  width: 9.95rem;
  height: 10.43rem;
  top: 2.8rem;
  left: 5rem;
  background-image: url(../image/section3/hunter_img_6.png);
}

.section3 .hunter-role-7 .hunter_img {
  width: 9.5rem;
  height: 9.63rem;
  top: 3.2rem;
  left: 4.85rem;
  background-image: url(../image/section3/hunter_img_7.png);
}

.section3 .hunter-role-8 .hunter_img {
  width: 10.49rem;
  height: 14.64rem;
  top: 1.8rem;
  left: 4.36rem;
  background-image: url(../image/section3/hunter_img_8.png);
}

.section3 .hunter-role-9 .hunter_img {
  width: 10.49rem;
  height: 11.84rem;
  top: 3.4rem;
  left: 4.36rem;
  background-image: url(../image/section3/hunter_img_9.png);
}

.section3 .hunter-role-10 .hunter_img {
  width: 10.18rem;
  height: 11.85rem;
  top: 3rem;
  left: 5.2rem;
  background-image: url(../image/section3/hunter_img_10.png);
}

.section3 .hunter-role-11 .hunter_img {
  width: 9.12rem;
  height: 11.23rem;
  top: 3.1rem;
  left: 5.04rem;
  background-image: url(../image/section3/hunter_img_11.png);
}

.section3 .hunter-role-12 .hunter_img {
  width: 9.91rem;
  height: 10.19rem;
  top: 3.1rem;
  left: 4.65rem;
  background-image: url(../image/section3/hunter_img_12.png);
}

.section3 .hunter_img.animated.ani {
  animation-name: fadeInLeft;
  animation-duration: 0.4s;
  animation-delay: 0.25s;
}

.section3 .hunter-child-pagination {
  width: 1.5rem;
  height: 6.2rem;
  position: absolute;
  top: 4rem;
  left: 4.5rem;
  z-index: 12;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.12rem;
  pointer-events: auto;
}

.section3 .hunter-child-pagination .swiper-pagination-bullet {
  width: 1.13rem;
  height: 1.12rem;
  margin: 0 !important;
  border-radius: 0;
  opacity: 1;
  cursor: pointer;
  background-color: transparent;
  background: var(--hunter-page-normal) no-repeat center / 100% 100%;
  filter: none;
}

.section3 .hunter-child-pagination .swiper-pagination-bullet-active {
  width: 1.13rem;
  height: 1.12rem;
  background-color: transparent;
  background: var(--hunter-page-active) no-repeat center / 100% 100%;
  filter: none;
}

.section3 .hunter-child-pagination .hunter-page-role-1 { --hunter-page-normal: url(../image/section3/noactive1.png); --hunter-page-active: url(../image/section3/active1.png); }
.section3 .hunter-child-pagination .hunter-page-role-2 { --hunter-page-normal: url(../image/section3/noactive2.png); --hunter-page-active: url(../image/section3/active2.png); }
.section3 .hunter-child-pagination .hunter-page-role-3 { --hunter-page-normal: url(../image/section3/noactive3.png); --hunter-page-active: url(../image/section3/active3.png); }
.section3 .hunter-child-pagination .hunter-page-role-4 { --hunter-page-normal: url(../image/section3/noactive4.png); --hunter-page-active: url(../image/section3/active4.png); }
.section3 .hunter-child-pagination .hunter-page-role-5 { --hunter-page-normal: url(../image/section3/noactive5.png); --hunter-page-active: url(../image/section3/active5.png); }
.section3 .hunter-child-pagination .hunter-page-role-6 { --hunter-page-normal: url(../image/section3/noactive6.png); --hunter-page-active: url(../image/section3/active6.png); }
.section3 .hunter-child-pagination .hunter-page-role-7 { --hunter-page-normal: url(../image/section3/noactive7.png); --hunter-page-active: url(../image/section3/active7.png); }
.section3 .hunter-child-pagination .hunter-page-role-8 { --hunter-page-normal: url(../image/section3/noactive8.png); --hunter-page-active: url(../image/section3/active8.png); }
.section3 .hunter-child-pagination .hunter-page-role-9 { --hunter-page-normal: url(../image/section3/noactive9.png); --hunter-page-active: url(../image/section3/active9.png); }
.section3 .hunter-child-pagination .hunter-page-role-10 { --hunter-page-normal: url(../image/section3/noactive10.png); --hunter-page-active: url(../image/section3/active10.png); }
.section3 .hunter-child-pagination .hunter-page-role-11 { --hunter-page-normal: url(../image/section3/noactive11.png); --hunter-page-active: url(../image/section3/active11.png); }
.section3 .hunter-child-pagination .hunter-page-role-12 { --hunter-page-normal: url(../image/section3/noactive12.png); --hunter-page-active: url(../image/section3/active12.png); }

.section3 .hunter-swiper-pagination {
  width: 4rem;
  height: 1.3rem;
  position: absolute;
  top: 3.5rem;
  left: 50%;
  z-index: 12;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.18rem;
  transform: translateX(-50%);
  pointer-events: auto;
}

.section3 .hunter-swiper-pagination .swiper-pagination-bullet,
.section3 .hunter-swiper-pagination .swiper-pagination-bullet-active {
  width: 0.9rem;
  height: 1.3rem;
  position: static !important;
  left: auto !important;
  top: auto !important;
  margin: 0 !important;
  border-radius: 0 !important;
  opacity: 1 !important;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 100% 100% !important;
  filter: none !important;
}

.section3 .hunter-swiper-pagination .hunter-group-page-1 {
  background-image: url(../image/section3/big-1.png) !important;
}

.section3 .hunter-swiper-pagination .hunter-group-page-2 {
  background-image: url(../image/section3/big-2.png) !important;
}

.section3 .hunter-swiper-pagination .hunter-group-page-3 {
  background-image: url(../image/section3/big-3.png) !important;
}

.section3 .hunter-swiper-pagination .hunter-group-page-1.swiper-pagination-bullet-active {
  background-image: url(../image/section3/big-active-1.png) !important;
}

.section3 .hunter-swiper-pagination .hunter-group-page-2.swiper-pagination-bullet-active {
  background-image: url(../image/section3/big-active-2.png) !important;
}

.section3 .hunter-swiper-pagination .hunter-group-page-3.swiper-pagination-bullet-active {
  background-image: url(../image/section3/big-active-3.png) !important;
}