#worldviews {
  display: block;
}
.worldview {
  /* width: 19.20rem; */
  height: 1160px;
  background: none;
  position: relative;
  top: -65px;
}

.world-text {
  width: 690px;
  height: 95px;
  background: url(../image/section8/worldview-bg.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 136px;
  left: 50%;
  /* transform: translateX(-432px); */
  margin-left: -345px;
  z-index: 5;
}

/* 元素按钮 */
.worldviews-pagination {
  top: 1050px;
}

.worldviews-pagination span {
  border-radius: 0;
  filter: grayscale(100);  
  opacity: 1;
}

.worldviews-pagination span.swiper-pagination-bullet-active{
  filter: grayscale(0);
}

.worldviews-pagination span {
  margin: 1px 10px !important;
}

.worldviews-pagination span:nth-child(1) {
  width: 259px;
  height: 84px;
  background: url(../image/section8/a1.png) no-repeat;
  background-size: 100%;

}

.worldviews-pagination span:nth-child(2) {
  width: 259px;
  height: 84px;
  background: url(../image/section8/a2.png) no-repeat;
  background-size: 100%;
}

.worldviews-pagination span:nth-child(3) {
  width: 259px;
  height: 84px;
  background: url(../image/section8/a3.png) no-repeat;
  background-size: 100%;
}

.worldviews-pagination span:nth-child(4) {
  width: 259px;
  height: 84px;
  background: url(../image/section8/a4.png) no-repeat;
  background-size: 100%;
}


/* 标题 */
.world-text-2{
  width: 720px;
  height: 57px;
  background: url(../image/section8/worldview-bg2.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 1270px;
  left: 50%;
  /* transform: translateX(-432px); */
  margin-left: -360px;
  z-index: 5;
}



/* 白云 */
.opening-cloud-sct3 {
  overflow: hidden;
  position: absolute;
  inset: 0;
  height: 1429px;
  z-index: 10;
  pointer-events: none;
}

.opening-cloud-sct3 .cloud {
  position: absolute;
  top: calc(50% - 641px);
  /* Adjust this value as needed */
  left: calc(50% - 1106px);
  /* Adjust this value as needed */
  width: 2213px;
  height: 1282px;
  background-image: url(../image/section1/worldmap-cloud.png);
  transition: opacity 3000ms ease, transform 3000ms ease;
  transition-property: all;
  /* transition-delay: 700ms; */
  transition-duration: 0ms;
  transform: scale(2);
  opacity: 1;
}

.opening-cloud-sct3.animated .cloud.open {
  transition-delay: 0ms;
  transition-duration: 1000ms;
  opacity: 0;
  transform: scale(1);
  /* Adjust positions accordingly */
}

.opening-cloud-sct3.animated .cloud.end{
  transition-delay: 0ms;
  transition-duration: 1000ms;
  transform: scale(2);
  opacity: 1;
  /* Adjust positions accordingly */
}

.hide_out {
  opacity: 0;
}

.opening-cloud-sct3 .cloud.end:nth-child(1) {
  translate: calc(-25vw) calc(-25vh);
}

.opening-cloud-sct3.animated .cloud:nth-child(1).open {
  translate: -100vw -100vh;
}

.opening-cloud-sct3 .cloud.end:nth-child(2) {
  translate: 0% calc(-25vh);
}

.opening-cloud-sct3.animated .cloud:nth-child(2).open {
  translate: 0% -100vh;
}

.opening-cloud-sct3 .cloud.end:nth-child(3) {
  translate: 25vw calc(-25vh);
}

.opening-cloud-sct3.animated .cloud:nth-child(3).open {
  translate: 100vw -100vh;
}

.opening-cloud-sct3 .cloud.end:nth-child(4) {
  translate: 25vw 0%;
}

.opening-cloud-sct3.animated .cloud:nth-child(4).open {
  translate: 100vw 0%;
}

.opening-cloud-sct3 .cloud.end:nth-child(5) {
  transform: translate(100vw, 100vh);
}


.opening-cloud-sct3 .cloud.end:nth-child(6) {
  translate: 0% 25vh;
}

.opening-cloud-sct3.animated .cloud:nth-child(6).open {
  translate: 0% 100vh;
}

.opening-cloud-sct3 .cloud.end:nth-child(7) {
  translate: calc(-25vw) 25vh;
}

.opening-cloud-sct3.animated .cloud:nth-child(7).open {
  translate: -100vw 100vh;
}

.opening-cloud-sct3 .cloud.end:nth-child(8) {
  translate: calc(-25vw) 0%;
}

.opening-cloud-sct3.animated .cloud:nth-child(8).open {
  translate: -100vw 0%;
}


.reach-reward .order-title {
    position: absolute;
    font-size: 38px;
    font-weight: 800;
    font-family: SimSun;
    text-align: center;
    margin: -40px auto;
    top: 120px;
    left: 53%;
    /* margin-left: -376px; */
    transform: translateX(-50%);
    /* background: url(../image/section6/title-population.png) no-repeat; */
    background-size: 100%;
    width: 370px;
    height: 24px;
    display: flex;
    align-items: center;
}

/* .order-title::after {
    content: '';
    width: 524px;
    height: 117px;
    background: url(../image/section6/reach-light.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 0;
} */

.order-title.notop {
    top: 0;
}

.order-title .text-1 {
  width: 46px;
  height: 24px;
  background: url(../image/section8/text-1.png) no-repeat;
  background-size: 100%;
  margin-right: 10px;
}

.order-title .text-3 {
  position: absolute;
  left: 235px;
  width: 125px;
  height: 24px;
  background: url(../image/section8/text-3.png) no-repeat;
  background-size: 100%;
  margin-left: 0px;
}


@font-face {
  font-family: "HYh1gf";
  src: url("../../fonts/HYh1gf.ttf") format("truetype");
}

.order-title .text-2 {
 /* font-family: "HYh1gf"; */
  font-size: 40px;
  text-align: center;
  position: relative;
  font-weight: 1000;
  letter-spacing: 3px;
  color: #fff6c7;
  overflow: hidden;
  margin-top: 3px;
  text-shadow: 
    0 0 8px #29387b,     /* 中心模糊 */
    3px 3px 8px #29387b, /* 右下 */
    -3px -3px 8px #29387b,/* 左上 */
    3px -3px 8px #29387b,/* 右上 */
    -3px 3px 8px #29387b;/* 左下 */
}

/* 纯色 + 纹理遮罩做旧 */
/* .order-title .text-2::after{
  content: '';
  width: 280px;
  height: 186px;
  background: url(../image/section8/grunge.png);
  background-size: 104%;
  position: absolute;
  top: -133px;
  left: -92px;
  pointer-events: none;
} */

/* .order-title .text-2::after {
  content: attr(data-content);
  position: absolute;
  left: 4px;
  top: -2px;
  color: rgba(150, 200, 255, 0.05);
  z-index: -1;
} */