.flower-spirit {
  /* background: url("../image/section5/bg.png") no-repeat; */
  /* background-size: 100%; */
  width: 100%;
  height: 10.8rem;
  /* min-width: 1200px; */
  position: relative;
  font-family: '微软雅黑';
  flex-direction: column;
  z-index: 2;
}

.Pgworld {
  width: 100%;
  height: 100%;
}

.section5_title {
  width: 5.78rem;
  height: .83rem;
  background: url(../image/section9/s9_text.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 1.45rem;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  z-index: 2;
}

.section5_title::before{
  content: '';
  width: 10rem;
  height: 2.5rem;
  background: url(../image/title-bg.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: -0.7rem;
    left: 50%;
    transform: translateX(-50%);
  }

.section5_title-sm {
  width: 4.17rem;
  height: .34rem;
  background: url(../image/section9/text-sm.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 1.95rem;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  z-index: 2;
}

.worlds-text {
  /* width: 10.80rem; */
  height: 7.56rem;
  /* background: url(../image/section9/test.png) no-repeat; */
  /* background-size: 100%; */
  position: absolute;
  top: 2.7rem;
  left: 3.9rem;
  display: flex;
  justify-content: space-around;
  transition: all .2s;
  z-index: 2;
}

.worlds-text div {
  background-size: 100%;
  /* position: absolute;
  top: 0;
  left: 0; */
}

.worlds-text div{
  transition: all .33s;
  cursor: pointer;
}

.worlds-pop-2 {
  /* width:  8.4rem;
  height: 3.21rem; */
  background-image: url(../image/section9/textbg1.png);
  background-size: 100%;
  left: 49%;
}

.worlds-pop .worlds-close {
  width: 0.3rem;
  height: 0.32rem;
  background: url(../image/section9/close.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 1.7rem;
  right: 3rem;
  cursor: pointer;
  z-index: 102;
}

.worlds-pop-2.textbg1 {
  width:  14.50rem;
  height: 5.5rem;
}
.worlds-pop-2.textbg2 {
  width:  14.50rem;
  height: 5.5rem;
}
.worlds-pop-2.textbg3 {
  width:  14.50rem;
  height: 5.5rem;
}
.worlds-pop-2.textbg4 {
  width:  14.50rem;
  height: 5.5rem;
}
.worlds-pop-2.textbg5 {
  width:  14.50rem;
  height: 5.5rem;
}
.worlds-pop-2.textbg6 {
  width:  14.50rem;
  height: 5.5rem;
}
.worlds-pop-2.textbg7 {
  width:  14.50rem;
  height: 5.5rem;
}

.worlds-text div:nth-child(1) {
  width: 1.61rem;
  height: 5.84rem;
  background: url(../image/section9/text-1.png) no-repeat;
  background-size: 100%;
  margin-top: -.3rem;
}

.worlds-text div:nth-child(2) {
  width: 1.61rem;
  height: 5.84rem;
  background: url(../image/section9/text-2.png) no-repeat;
  background-size: 100%;
  margin-top: -.3rem;
}

.worlds-text div:nth-child(3) {
  width: 1.61rem;
  height: 5.74rem;
  background: url(../image/section9/text-3.png) no-repeat;
  background-size: 100%;
  margin-top: -.2rem;
}

.worlds-text div:nth-child(4) {
  width: 1.61rem;
  height: 5.54rem;
  background: url(../image/section9/text-4.png) no-repeat;
  background-size: 100%;
  margin-top: -.02rem;
}

.worlds-text div:nth-child(5) {
  width: 1.61rem;
  height: 5.57rem;
  background: url(../image/section9/text-5.png) no-repeat;
  background-size: 100%;
  margin-top: -.02rem;
}

.worlds-text div:nth-child(6) {
  width: 1.61rem;
  height: 5.67rem;
  background: url(../image/section9/text-6.png) no-repeat;
  background-size: 100%;
  margin-top: -.1rem;
}

.worlds-text div:nth-child(7) {
  width: 1.61rem;
  height: 6.12rem;
  background: url(../image/section9/text-7.png) no-repeat;
  background-size: 100%;
  margin-top: -.55rem;
}

.worlds-text div:hover {
  transform: scale(1.2);
  /* opacity: 0; */
}

/* .worlds-text.animated {
  opacity: 1;
  transform: translateZ(0) scale(1)
} */

.worlds-text.animated.delay-05 {
  transition-delay: .5s;
}

.sectionMap {
  width: 10.30rem;
  height: 8.60rem;
  background: url(../image/section9/section5_map.png) no-repeat;
  background-size: 100%;
  position: relative;
  top: 0.9rem;
  left: 8.6rem;
  transform: translateX(1rem) translateY(1rem) scale(1.2);
  opacity: 0;
  transition: all .5s;
}

.sectionMap.animated {
  opacity: 1;
  transform: translateZ(0) scale(1)
}

.sectionMap.animated.delay-05 {
  transition-delay: .5s;
}


.huter-container-2  .swiper-slide .hunter-pic {
  position: absolute;
  width: 100%;
  height: 100%;
}


.huter-container-2  .swiper-slide div {
  position: absolute;
}

/* 重炮手 角色1 */

/* 角色 */
.huter-container-2 .hunter-one .hunter_img {
  width: 4.54rem;
  height: 8.38rem;
  background: url(../image/section9/hunter-1.png) no-repeat;
  background-size: 100%;
  top: 2rem;
  left: 5.2rem;
  z-index: 5;
}

/* 文案 */
.huter-container-2 .hunter-one .hunter_text {
  width: 5.16rem;
  height: 4.73rem;
  background: url(../image/section9/hunter-test-1.png) no-repeat;
  background-size: 100%;
  top: 3.25rem;
  left: 9.55rem;
  z-index: 6;
}

/* 左1 */
.huter-container-2 .hunter-one .hunter_left1 {
  width: 1.18rem;
  height: 2.88rem;
  background: url(../image/section9/hunter-left-1.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 4.5rem;
  left: 4.1rem;
  z-index: 6;
}

/* 魔术师  角色2 */


/* 角色 */
.huter-container-2 .hunter-two .hunter_img {
  width: 6.01rem;
  height: 8.24rem;
  background: url(../image/section9/hunter-2.png) no-repeat;
  background-size: 100%;
  top: 2.1rem;
  left: 4.05rem;
  z-index: 5;
}

/* 文案 */
.huter-container-2 .hunter-two .hunter_text {
  width: 4.29rem;
  height: 4.71rem;
  background: url(../image/section9/hunter-test-2.png) no-repeat;
  background-size: 100%;
  top: 3.25rem;
  left: 9.6rem;
}

/* 左1 */
.huter-container-2 .hunter-two .hunter_left1 {
  width: 1.13rem;
  height: 2.98rem;
  background: url(../image/section9/hunter-left-2.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 2.55rem;
  left: 4.05rem;
  z-index: 6;
}

/* 龙骑士 角色3 */

/* 角色 */
.huter-container-2 .hunter-three .hunter_img {
  width: 6.77rem;
  height: 8.55rem;
  background: url(../image/section9/hunter-13.png) no-repeat;
  background-size: 100%;
  top: 2.3rem;
  left: 3.2rem;
  z-index: 5;
}

/* 文案 */
.huter-container-2 .hunter-three .hunter_text {
  width: 5.69rem;
  height: 4.70rem;
  background: url(../image/section9/hunter-test-3.png) no-repeat;
  background-size: 100%;
  top: 3.2rem;
  left: 9.5rem;
  z-index: 6;
}

/* 左1 */
.huter-container-2 .hunter-three .hunter_left1 {
  width: 1.14rem;
  height: 3.25rem;
  background: url(../image/section9/hunter-left-3.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 2.55rem;
  left: 5.05rem;
  z-index: 6;
}

/* 龙灵  角色4*/


/* 角色 */
.huter-container-2 .hunter-four .hunter_img {
  width: 6.45rem;
  height: 7.73rem;
  background: url(../image/section9/hunter-4.png) no-repeat;
  background-size: 100%;
  top: 2.5rem;
  left: 4.65rem;
  z-index: 5;
}

/* 文案 */
.huter-container-2 .hunter-four .hunter_text {
  width: 5.51rem;
  height: 4.73rem;
  background: url(../image/section9/hunter-test-4.png) no-repeat;
  background-size: 100%;
  top: 3.35rem;
  left: 9.55rem;
  z-index: 6;
}

/* 左1 */
.huter-container-2 .hunter-four .hunter_left1 {
  width: 1.20rem;
  height: 3.25rem;
  background: url(../image/section9/hunter-left-4.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 2.75rem;
  left: 4.7rem;
  z-index: 6;
}

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

.huter-container-2  .hunter_text.animated.ani {
  animation-name: fadeInRight ;
  animation-duration: 0.4s;
  animation-delay: 0.25s;
}

.huter-container-2 .hunter_left1.animated.ani {
  animation-name: fadeInLeft;
  animation-duration: 0.4s;
  animation-delay: 0.3s;
}





.hunter-swiper-pagination-2 .swiper-pagination-bullet {
  width: .76rem;
  height: .040rem;
  /* margin-right: 0.2rem; */
  /* position: absolute; */
  opacity: 1;
  filter: grayscale(100%);
}

.hunter-swiper-pagination-2 .swiper-pagination-bullet-active {
  width: .88rem;
  height: .16rem;
  /* margin-right: 0.2rem; */
  /* position: absolute; */
  opacity: 1;
  filter: grayscale(0%);
}

.hunter-swiper-pagination-2 {
  width: 3.6rem;
  height: .92rem;
  position: absolute;
  top: 8.05rem;
  left: 9.7rem;
  border: 0px solid transparent;
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* pointer-events: none; */
}

.hunter-swiper-pagination-2  .swiper-pagination-bullet:nth-child(1) {
  background: url(../image/section3/label-1.png) no-repeat;
  background-size: 100%;
  /* position: absolute;
  top: -0.49rem;
  left: -5.49rem; */
  border-radius: 0%;
  left: 0rem;
}

.hunter-swiper-pagination-2  .swiper-pagination-bullet-active:nth-child(1) {
  background: url(../image/section3/label-active.png) no-repeat;
  background-size: 100%;
  /* position: absolute;
  top: -0.56rem;
  left: -5.55rem; */
  border-radius: 0%;
  /* left: 0.02rem;
  top: 0rem; */
}

.hunter-swiper-pagination-2  .swiper-pagination-bullet:nth-child(2) {
  /* width: 1.24rem;
  height: .74rem; */
  background: url(../image/section3/label-1.png) no-repeat;
  background-size: 100%;
  /* position: absolute;
  top: 0.49rem;
  left: -4.57rem; */
  border-radius: 0%;
  /* left: 0.9rem;
  top: 0.15rem; */
}

.hunter-swiper-pagination-2  .swiper-pagination-bullet-active:nth-child(2) {
  /* width: 1.21rem;
  height: .71rem;  */
  background: url(../image/section3/label-active.png) no-repeat;
  background-size: 100%;
  /* position: absolute;
  top: 0.42rem;
  left: -4.6rem; */
  border-radius: 0%;
  /* left: .92rem;
  top: 0.16rem; */
}


.hunter-swiper-pagination-2  .swiper-pagination-bullet:nth-child(3) {
  /* width: 1.06rem;
  height: .82rem; */
  background: url(../image/section3/label-1.png) no-repeat;
  background-size: 100%;
  /* position: absolute;
  top: 0.49rem;
  left: -5.5rem; */
  border-radius: 0%;
  /* left: 2.25rem;
  top: 0.1rem; */
}

.hunter-swiper-pagination-2  .swiper-pagination-bullet-active:nth-child(3) {
  /* width: 1.02rem;
  height: .78rem; */
  background: url(../image/section3/label-active.png) no-repeat;
  background-size: 100%;
  /* position: absolute;
  top: 0.42rem;
  left: -5.55rem; */
  border-radius: 0%;
  /* left: 2.27rem;
  top: 0.12rem; */
}

.hunter-swiper-pagination-2  .swiper-pagination-bullet:nth-child(4) {
  /* width: .87rem;
  height: .89rem; */
  background: url(../image/section3/label-1.png) no-repeat;
  background-size: 100%;
  /* position: absolute;
  top: -0.49rem;
  left: -4.57rem; */
  border-radius: 0%;
  /* left: 3.38rem;
  top: 0.04rem; */
}

.hunter-swiper-pagination-2  .swiper-pagination-bullet-active:nth-child(4) {
  /* width: .83rem;
  height: .85rem; */
  background: url(../image/section3/label-active.png) no-repeat;
  background-size: 100%;
  /* position: absolute;
  top: -0.55rem;
  left: -4.6rem; */
  border-radius: 0%;
  /* left: 3.4rem;
  top: 0.04rem; */
}


.hunter-swiper-button-next-2 {
  width: .87rem;
  height: .50rem;
  position: absolute;
  top: 8.25rem;
  left: 14rem;
  background: url(../image/section9/swiper-next.png) no-repeat;
  background-size: 100%;
  z-index: 10;
}

.hunter-swiper-button-prev-2 {
  width: .87rem;
  height: .50rem;
  position: absolute;
  top: 8.25rem;
  left: 4.3rem;
  background: url(../image/section9/swiper-prev.png) no-repeat;
  background-size: 100%;
  z-index: 10;
}