.flower-spirit {
  position: relative;
  height: 1155px;
  /* top: 155px; */
}

.swiper_box {
  position: absolute;
  top: 215px;
}

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


.section5_title {
  width: 578px;
  height: 83px;
  background: url(../image/section9/section9_title.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: -25px;
  left: 50%;
  margin-left: -289px;
  z-index: 2;
}

.section5_title::after {
  content: '';
  width: 720px;
  height: 250px;
  background: url(../image/title-bg.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: -70px;
  left: 50%;
  transform: translateX(-50%);
}

/* 世界观2 */

.worlds-text {
  width: 699px;
  height: 504px;
  background: url(../image/section9/test.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 940px;
  left: 20.5px;
  transform: translateX(-100px)  translateY(100px) scale(1.2);
  opacity: 0;
  transition: all .8s;
  z-index: 2;
}

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

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

.sectionMap {
  width: 720px;
  height: 1008px;
  background: url(../image/section9/section9_map.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 163px;
  transform: translateX(100px) translateY(100px) scale(1.2);
  opacity: 0;
  transition: all .5s;
}

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

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

/* 英文背景补充 */
/* .bg_eng_s5 {
  width: 30px;
  height: 700px;
  background: url(../image/section9/bg_eng_s5.png) no-repeat;
  background-size: 100%;
  position: absolute;
  right: 0px;
  top: 140px;
  z-index: 5;
} */



.worlds-text-swiper-wap .swiper-slide {
 width: 720px;
 height: 100%;
 position: relative;
 top: -200px;
 opacity: 0;
}

.worlds-text-swiper-wap .swiper-slide.swiper-slide-active {
  opacity: 1;
}

.worlds-text-swiper-wap .swiper-slide div {
  position: absolute;
  top: 0;
  left: 0;
}

.worlds-text-swiper-wap .swiper-slide div img {
  width: 100%;
}

.worlds-text-swiper-wap .swiper-slide .text1 {
  position: absolute;
  top: 325px;
  left: 60px;
}

.worlds-text-swiper-wap .swiper-slide .text2 {
  position: absolute;
  top: 325px;
  left: 360px;
}

.worlds-text-swiper-wap .swiper-slide .text3 {
  position: absolute;
  top: 870px;
  left: 60px;
}   

.worlds-text-swiper-wap .swiper-slide .text4 {
  position: absolute;
  top: 870px;
  left: 360px;
}

.worlds-text-swiper-wap .swiper-slide .text5 {
  position: absolute;
  top: 325px;
  left: 60px;
}

.worlds-text-swiper-wap .swiper-slide .text6 {
  position: absolute;
  top: 300px;
  left: 360px;
}

.worlds-text-swiper-wap .swiper-slide .text7 {
  position: absolute;
  top: 870px;
  left: 210px;
}

.worlds-text-swiper-button-next {
  width: 94px;
  height: 86px;
  background: url(../image/section9/worlds-text-swiper-button-next.png) no-repeat;
  background-size: 100%;
  top: 650px;
  right: 4px;
}

.worlds-text-swiper-button-prev {
  width: 94px;
  height: 86px;
  top: 650px;
  left: 4px;
  background: url(../image/section9/worlds-text-swiper-button-prev.png) no-repeat;
  background-size: 100%;
}

.swiper-look {
  width: 313px;
  height: 42px;
  background: url(../image/section9/worlds-text-swiper-look.png) no-repeat;
  background-size: 100%;
  position: absolute;
  bottom: -6px;
  left: 50%;
  margin-left: -156.5px;
}



/* 弹窗 */

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

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

.worlds-pop-2 {
  /* width:  711px;
  height: 319px;
  background-image: url(../image/section9/textbg1.png); */
  background-size: 100% !important;
}

.worlds-pop .worlds-close {
  width: 39px;
  height: 40px;
  background: url(../image/section9/close.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 420px;
  right: 46px;
  cursor: pointer;
  z-index: 102;
}

.worlds-pop-2.textbg1 {
  width:  707px;
  height: 319px;
}
.worlds-pop-2.textbg2 {
  width:  707px;
  height: 319px;
}
.worlds-pop-2.textbg3 {
  width:  707px;
  height: 319px;
}
.worlds-pop-2.textbg4 {
  width:  707px;
  height: 319px;
}
.worlds-pop-2.textbg5 {
  width:  707px;
  height: 319px;
}
.worlds-pop-2.textbg6 {
  width:  707px;
  height: 319px;
}
.worlds-pop-2.textbg7 {
  width:  707px;
  height: 319px;
}


/* 怪物介绍 */
.hunterinfo {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  background-size: 100%;
  position: relative;
  /* margin-top: -50px; */
}

.hunter .hunter-info {
  position: absolute;
  width: 100%;
  height: 100%;
  /* background: url(../image/section9/hunter-info.png) no-repeat; */
  background-size: 100%;
  /* top: 10px; */
  /* left: 10px; */
}

/* 角色 */
.hunter .hunter-info .swiper-slide .hunter-pic {
  width: 100%;
  height: 100%;
  position: absolute;
  transform: translateZ(0);
}


/* 整体板块样式 */
/* .hunter_chicken {
  width: 1920px;
  height: 1080px;
  position: absolute;
  top: 0px;
  right: 0px;
  pointer-events: none;
} */

.huter-container-2 .hunter_op_bg {
  position: absolute;
}

.huter-container-2 .hunter_chicken {
  position: absolute;
  z-index: 1;
}

.huter-container-2 .hunter_img {
  width: 720px;
  height: 871px;
  position: absolute;
  z-index: 2;
}

.huter-container-2 .hunter_text {
  width: 488px;
  height: 395px;
  position: absolute;
  z-index: 3;
  top: 820px;
}

.huter-container-2 .hunter_map {
  width: 281px;
  height: 290px;
  position: absolute;
  z-index: 2;
}

.huter-container-2 .hunter_left1 {
  position: absolute;
  z-index: 4;
  top: 370px;
  left: 22px;
}

.huter-container-2 .hunter_right1 {
  position: absolute;
  z-index: 4;
  top: 120px;
  right: 10px;
}
/* 重炮手 角色1 */

/* 角色 */
.huter-container-2 .hunter-one .hunter_img {
  width: 663px;
  height: 795px;
  background: url(../image/section9/hunter-1.png) no-repeat;
  background-size: 100%;
  top: 100px;
  left: 54%;
  margin-left: -331.5px;
}

/* 文案 */
.huter-container-2 .hunter-one .hunter_text {
  width: 469px;
  height: 125px;
  background: url(../image/section9/hunter-text-1.png) no-repeat;
  background-size: 100%;
  left: 50%;
  margin-left: -234.5px;
}

.huter-container-2 .hunter-one .hunter_left1{
  width: 108px;
  height: 332px;
  background: url(../image/section9/hunter-title-1.png) no-repeat;
  background-size: 100%;
  top: 230px;
  left: 65px;
}

/* 属性雷达图 */
.huter-container-2 .hunter-one .hunter_right1 {
  width: 138px;
  height: 581px;
  background: url(../image/section9/hunter-name-1.png) no-repeat;
  background-size: 100%;
}



/* 魔术师  角色2 */

/* 角色 */
.huter-container-2 .hunter-two .hunter_img {
  width: 720px;
  height: 1188px;
  background: url(../image/section9/hunter-2.png) no-repeat;
  background-size: 100%;
  top: 60px;
  left: 0px;
}

/* 文案 */
.huter-container-2 .hunter-two .hunter_text {
  width: 631px;
  height: 126px;
  background: url(../image/section9/hunter-text-2.png) no-repeat;
  background-size: 100%;
  left: 50%;
  margin-left: -315.5px;
  /* bottom: 330px; */
}

.huter-container-2 .hunter-two .hunter_left1{
  width: 108px;
  height: 229px;
  background: url(../image/section9/hunter-title-2.png) no-repeat;
  background-size: 100%;
  top: 255px
}

/* 属性雷达图 */
.huter-container-2 .hunter-two .hunter_right1 {
  background: url(../image/section9/hunter-name-2.png) no-repeat;
  background-size: 100%;
  width: 132px;
  height: 580px;
  /* top: 666px;
  left: 40px; */
}


/* 龙骑士 角色3 */


/* 角色 */
.huter-container-2 .hunter-three .hunter_img {
  width: 720px;
  height: 839px;
  background: url(../image/section9/hunter-3.png) no-repeat;
  background-size: 100%;
  top: 85px;
  left: 50%;
  margin-left: -360px;
}

/* 文案 */
.huter-container-2 .hunter-three .hunter_text {
  width: 583px;
  height: 126px;
  background: url(../image/section9/hunter-text-3.png) no-repeat;
  background-size: 100%;
  left: 50%;
  margin-left: -291.5px;
  /* bottom: 330px; */
}

.huter-container-2 .hunter-three .hunter_left1{
  width: 107px;
  height: 344px;
  background: url(../image/section9/hunter-title-3.png) no-repeat;
  background-size: 100%;
  top: 110px;
  left: 60px;
}

/* 属性雷达图 */
.huter-container-2 .hunter-three .hunter_right1 {
  background: url(../image/section9/hunter-name-3.png) no-repeat;
  background-size: 100%;
  width: 138px;
  height: 578px;
  /* top: 660px;
  left: 65px; */
}

/* 秘法师  角色5*/

/* 角色 */    

.huter-container-2 .hunter-four .hunter_img {
  width: 665px;
  height: 903px;
  background: url(../image/section9/hunter-4.png) no-repeat;
  background-size: 100%;
  top: 57px;
  left: 47%;
  margin-left: -332.5px;
}

/* 文案 */
.huter-container-2 .hunter-four .hunter_text {
  width: 531px;
  height: 124px;
  background: url(../image/section9/hunter-text-4.png) no-repeat;
  background-size: 100%;
  left: 50%;
  margin-left: -265.5px;
  /* bottom: 330px; */
}
  
.huter-container-2 .hunter-four .hunter_left1{
  width: 108px;
  height: 330px;
  background: url(../image/section9/hunter-title-4.png) no-repeat;
  background-size: 100%;
  top: 130px;
  left: 125px;
}

/* 属性雷达图 */
.huter-container-2 .hunter-four .hunter_right1 {
  background: url(../image/section9/hunter-name-4.png) no-repeat;
  background-size: 100%;
  width: 135px;
  height: 580px;
  /* top: 500px;
  left: 26px; */
}


.hunter-swiper-button-prev-2 {
  position: absolute;
  width: 90px;
  height: 51px;
  background: url(../image/section9/prev.png) no-repeat;
  background-size: 100%;
  left: 20px;
  top: 733px;
  z-index: 11;
  cursor: pointer;
}

.hunter-swiper-button-next-2 {
  position: absolute;
  width: 90px;
  height: 51px;
  background: url(../image/section9/next.png) no-repeat;
  background-size: 100%;
  right: 20px;
  top: 733px;
  z-index: 11;
  cursor: pointer;
}


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

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

.hunter-swiper-pagination-2 {
  width: 400px;
  height: 131px;
  position: absolute;
  top: 930px;
  left: 170px;
  display: flex;
  align-items: center;
  /* pointer-events: none; */
  justify-content: space-evenly;
}

.hunter-swiper-pagination-2 .swiper-pagination-bullet {
  width: 108px;
  height: 131px;
  margin-right: 20px;
  opacity: 1;
  /* filter: grayscale(100%); */
  position: relative;
}

.hunter-swiper-pagination-2 .swiper-pagination-bullet-active {
  width: 108px;
  height: 131px;
  margin-right: 20px;
  opacity: 1;
  /* filter: grayscale(0); */
}

/* .hunter-swiper-pagination .swiper-pagination-bullet-active::before {
  content: '';
  position: absolute;
  bottom: -35px;
  left: 50%;
  transform: translateX(-50%);
  width: 68px;
  height: 49px;
  background: url(../image/section3/active.png) no-repeat;
  background-size: 100%;
} */

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

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

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

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

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

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

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

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