.wrap .shadow {
  width: 720px;
  height: 1655px;
  position: absolute;
  top: 6420px;
  background: url(../image/section6/bg-shadow.png) no-repeat;
  background-size: 100%;
  z-index: 3;
  pointer-events: none;
}

.reach-reward {
  height: 1030px;
  width: 100%;
  position: relative;
  bottom: -60px;
}

.reach-reward .bg-container {
  width: 100%;
  height: 1085px;
}

/* .world-swiper .swiper-slide {
  transition: all 1.5s !important;
} */

/* .world-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 1s linear 2s;
  transform: scale(1, 1);
}

.world-swiper .swiper-slide-active img,
.world-swiper .swiper-slide-duplicate-active img {
  transition: 6s linear;
  transform: scale(1.2, 1.2);
} */

.world-swiper-pagination {
  position: absolute;
  top: 781px;
  margin-left: 80px;
}

.world-swiper .progress-line {
  position: absolute;
  width: 720px;
  height: 86px;
  background: url(../image/section6/progress.png) no-repeat;
  background-size: 100%;
  z-index: 1;
  top: 800px;
}

.world-swiper-pagination .swiper-pagination-bullet {
  width: 37px;
  height: 37px;
  opacity: 1;
  border-radius: 0;
  background: url(../image/section6/bullet.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.world-swiper-pagination .swiper-pagination-bullet:nth-of-type(2) {
  left: 254px;
}

.world-swiper-pagination .swiper-pagination-bullet:nth-of-type(3) {
  left: 506px;
}

.world-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 127px;
  height: 117px;
  background-image: url(../image/section6/bullet-active-1.png);
  margin-left: -40px;
  margin-top: -12px;
}

.world-swiper-pagination .swiper-pagination-bullet:nth-of-type(2).swiper-pagination-bullet-active {
  width: 129px;
  height: 117px;
  background-image: url(../image/section6/bullet-active-2.png);
  margin-left: -41px;
  margin-top: -12px;
}

.world-swiper-pagination .swiper-pagination-bullet:nth-of-type(3).swiper-pagination-bullet-active {
  width: 132px;
  height: 117px;
  background-image: url(../image/section6/bullet-active-3.png);
  margin-left: -40px;
  margin-top: -12px;
}

.text-swiper {
  overflow: visible;
}

.text-swiper .swiper-slide img {
  position: absolute;
  top: -900px;
  width: 720px;
  height: 448px;
}

.bg-container .text-swiper .swiper-slide {
  opacity: 0 !important;
}

.bg-container .text-swiper .swiper-slide-active {
  opacity: 1 !important;
}



.reach-list {
  width: 720px;
  height: 680px;
  /* background: url(../image/section6/s6_bg.png) no-repeat; */
  /* background-size: 100%; */
  /* display: flex;
  justify-content: center;
  align-items: center; */
  position: absolute;
  /* left: 50%; */
  top: 240px;
  left: 25px;
  /* transform: translate(-50%, 0); */
}

.reach-list li {
  /* filter: grayscale(50%); */
  position: absolute;
}

.reach-list li.active {
  filter: grayscale(0%);
}

.reach-title {
  width: 719px;
  height: 185px;
  margin: 0 auto;
  background: url("../image/section6/title.png") no-repeat;
  background-size: 100%;
  position: absolute;
  left: 52%;
  top: -110px;
 transform: translateX(-50%);
}

/* .reach-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%);
} */


.reach-reward .order-count {
  height: 83px;
  position: absolute;
  top: 140px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
}

.count {
  display: flex;
  position: relative;
  align-items: center;
  width: 515px;
  height: 37px;
  background: url(../image/section6/s6_text.png) no-repeat;
  background-size: 100%;
  margin-right: 10px;
  font-family: SimSun;
  font-family: 'PT Serif', serif;
  font-weight: 600;
}


.reach-reward .count span {
  width: 132px;
  font-size: 30.5px;
  color: #fafafa;
  text-align: center;
  position: absolute;
  left: 70px;
  top: -9px;
  background: linear-gradient(to bottom, #f0e1aa 20%, #e5cb7f 40%, #dab555 60%, #cfa02a 80%, #b8882d 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* 达成图标 */
/* .reach-list li:nth-child(1) img {
  left: 0px;
  top: -2px;
}

.reach-list li:nth-child(2) img {
  left: 0px;
  top: -2px;
}

.reach-list li:nth-child(3) img {
  left: 0px;
  top: -2px;
}

.reach-list li:nth-child(4) img {
  left: 0px;
  top: -2px;
}

.reach-list li:nth-child(5) img {
  left: 19px;
  top: 19px;
} */

.reach-list{
  width: 691px;
  height: 464px;
  position: absolute;
  top: 580px;
  /* background: url(../image/section6/section6-list-bg.png) no-repeat; */
  background-size: 100%;
  background-position-x: 2px;
  margin: 0 auto;
}

.reach-reward .reach-list li {
  filter: brightness(0.5);
  width: 350px;
  height: 119px;
  background: url('../image/section6/reward-10.png') no-repeat;
  background-size: 100%;
  position: absolute;
  right: 10px;
  top: -350px;
}

/* .reach-reward .reach-list li.active::before {
  content: '';
  display: block;
  width: 135px;
  height: 135px;
  background: url(../image/section4/active.png) no-repeat;
  background-size: 100%;
  position: relative;
  top: 82px;
  left: 35px;
} */
.reach-reward .reach-list li.active {
  filter: brightness(1);
}

.reach-reward .reach-list li:nth-child(2) {
  width: 350px;
  height: 119px;
  background-image: url('../image/section6/reward-30.png');
  right: 10px;
  top: -220px;
}

.reach-reward .reach-list li:nth-child(3) {
  width: 350px;
  height: 119px;
  background-image: url('../image/section6/reward-50.png');
  right: 10px;
  top: -90px;
}

.reach-reward .reach-list li:nth-child(4) {
  background-image: url('../image/section6/reward-100.png');
  width: 350px;
  height: 119px;
  right: 10px;
  top: 40px;
}

.reach-reward .reach-list li:nth-child(5) {
  width: 389px;
  height: 140px;
  background-image: url('../image/section6/reward-150.png');
  right: 10px;
  top: 170px;
}

/* 进度文字 */
.reach-reward .reach-list li .reward-text {
  width: 95px;
  height: 50px;
  background: url(../image/section6/reward-text-10.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: -110px;
  left: 60px;
  filter: brightness(1) grayscale(1);
}

.reach-reward .reach-list li:nth-child(1) .reward-text {
  background-image: url(../image/section6/reward-text-10.png);
  top: -110px;
}

.reach-reward .reach-list li:nth-child(2) .reward-text {
  background-image: url(../image/section6/reward-text-30.png);
  width: 95px;
  height: 50px;
  top: -110px;
  left: 62px;
}

.reach-reward .reach-list li:nth-child(3) .reward-text {
  background-image: url(../image/section6/reward-text-50.png);
  width: 95px;
  height: 51px;
  top: -110px;
  left: 62px;
}

.reach-reward .reach-list li:nth-child(4) .reward-text {
  background-image: url(../image/section6/reward-text-100.png);
  width: 117px;
  height: 50px;
  left: 50px;
  top: -110px;
}

.reach-reward .reach-list li:nth-child(5) .reward-text {
  background-image: url(../image/section6/reward-text-150.png);
  width: 116px; 
  height: 51px;
  left: 50px;
  top: -110px;
}

.reach-reward .reach-list li .reward-text.active {
  filter: brightness(1) grayscale(0);
}

/* .reach-reward .reach-list li .reward-light{
  background-image: url(../image/section6/light-no.png);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 63px;
  height: 61px;
  position: absolute;
  top: 335px;
  left: 49%;
  transform: translateX(-50%);
} */

/* .reach-reward .reach-list li:nth-child(1) .reward-light{
   background-image: url(../image/section6/light-no.png);
   top: -60px;
}

.reach-reward .reach-list li:nth-child(2) .reward-light{
   background-image: url(../image/section6/light-no.png);
   top: -60px;
   left: 68px;
}

.reach-reward .reach-list li:nth-child(3) .reward-light{
   background-image: url(../image/section6/light-no.png);
   top: -60px;
   left: 72px;
}   

.reach-reward .reach-list li:nth-child(4) .reward-light{
   background-image: url(../image/section6/light-no.png);
  top: -60px;
  left: 68px;
} 

.reach-reward .reach-list li:nth-child(5) .reward-light{
   left: 68px;  
   top: -60px;
   background-image: url(../image/section6/light-no.png);
}  */

.reach-reward .reach-list li .reward-text.active {
   filter: brightness(1) grayscale(0);
}

.reach-reward .reach-list li.active .reward-light{
 background-image: url(../image/section6/light-active.png);
 position: absolute;
 width: 90px;
 height: 77px;
 /* top: 120px; */
 right: 0px;
 z-index: 5;
} 

/* .reach-reward .reach-list li.active .reward-light2{
  background-image: url(../image/section6/light-a2.png);
  width: 71px;
  height: 73px;
  position: absolute;
  top: 325px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
 }  */

/* .reach-reward .reach-list li.active:nth-child(2) .reward-light{
  top: 235px;
 } 

.reach-reward .reach-list li.active:nth-child(3) .reward-light{
  top: 235px;
} 

.reach-reward .reach-list li.active:nth-child(5) .reward-light{
  top: 225px;
}  */

.reach-reward .reach-list li .reward-y{
  background-image: url(../image/section6/reward-1.png);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 140px;
  height: 107px;
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}

.reach-reward .reach-list li:nth-child(1) .reward-y{
  top: 7px;
  left: 265px;
  width: 140px;
  height: 107px;
  background-image: url(../image/section6/reward-1.png);
}

.reach-reward .reach-list li:nth-child(2) .reward-y{
  top: 0px;
  left: 265px;
  width: 136px;
  height: 119px;
  background-image: url(../image/section6/reward-2.png);
}

.reach-reward .reach-list li:nth-child(3) .reward-y{
  top: 7px;
  left: 265px;
  height: 109px;
  background-image: url(../image/section6/reward-3.png);
}

.reach-reward .reach-list li:nth-child(4) .reward-y{
  top: 7px;
  left: 265px;
  width: 140px;
  height: 114px;
  background-image: url(../image/section6/reward-4.png);
}

.reach-reward .reach-list li:nth-child(5) .reward-y{
  top: 0px;
  left: 300px;
  width: 116px;
  height: 128px;
  background-image: url(../image/section6/reward-5.png);
  z-index: 2;
}

/* .reach-reward .reach-list li.active::after{
  content: '';
  width: 217px;
  height: 227px;
  background-image: url(../image/section6/lightran.png);
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: 90px;
  left: -15px;
  z-index: -1;
} */

.reach-reward .reach-list li.active::before{
  content: '';
  width: 152px;
  height: 102px;
  background-image: url(../image/section6/lightbg.png);
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: 10px;
  left: 200px;
  z-index: 10;
  animation: ball 1s infinite;
}

/* .reach-reward .reach-list li:nth-child(5).active::before{
  top: 100px;
  left: 5px;
}

.reach-reward .reach-list li:nth-child(5).active::after{
  top: 10px;
  left: -20px;
} */


.reach-list li:nth-child(5) .UR::after {
  width: 200px;
  height: 200px;;
  content: '';
  position: absolute;
  inset: -20%;
  /* background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(218, 112, 214, 0.4), rgba(255, 255, 255, 0) 60%); */
  background: linear-gradient(45deg, rgba(255,255,255,0) 40%, rgba(255, 255, 255, 0.75), rgba(255,255,255,0) 60%);
  animation: shark-wrap 4s infinite;
  transform: translateX(-50%);
}

.reach-list li:nth-child(5) .UR img{
  width: 100% !important;
  height: 62px;
  position:unset;
  right: 6px;
  top: 21px;
  display: block;
}

@keyframes shark-wrap {
  to {
    transform: translateX(100%);
  }
}

@keyframes ball
{
0%{filter:brightness(1);transform: scale(1);}
50%{filter:brightness(1.1);transform: scale(1.1);}
100%{filter:brightness(1);transform: scale(1);}
}

@keyframes ball2
{
0%{filter:brightness(1.1);transform: scale(1.05);}
50%{filter:brightness(1);transform: scale(1);}
100%{filter:brightness(1.1);transform: scale(1.05);}
}

.luxury-btn {
  width: 263px;
  height: 275px;
  position: absolute;
  top: 325px;
  right: 50px;
}

.luxury-btn::before {
  content: "";
  display: inline;
  width: 263px;
  height: 267px;
  background: url(../image/section6/luxury-btn.png) no-repeat;
  background-size: 100%;
  position: absolute;
  -webkit-animation: ball2 1.5s cubic-bezier(.250, .460, .450, .940) 0s infinite both;
  animation: ball2 1.5s cubic-bezier(.250, .460, .450, .940) 0s infinite both;
  /* top: 325px;
  right: 50px; */
}

.luxury-btn::after {
  content: "";
  display: inline-block;
  width: 265px;
  height: 143px;
  background: url(../image/section6/set2-hand.png) no-repeat;
  background-size: 100%;
  cursor: pointer;
  position: absolute;
  right: -25px;
  top: 130px;
  -webkit-animation: ball 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s infinite both;
  animation: ball 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s infinite both;
}

  .longNv {
    width: 358px;
    height: 789px;
    background: url(../image/section6/longNv.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top: -400px;
    left: -25px;
    z-index: 0;
  }

/* Community.png */
/* 按钮 */
.Community {
  /* width: 278px;
  height: 73px; */
  position: absolute;
  top: 990px;
  left: 50%;
  margin-left: -190px;
  cursor: pointer;
}

.reach-reward .lottery-share {
  width: 278px;
  height: 73px;
  position: absolute;
  top: 1000px;
  left: 370px;
  /* margin-left: -200px; */
  cursor: pointer;
  background: none;
}

/* 热区 */
.reach-reward .reach-requ-gp,.reach-reward .reach-requ-ios {
  width: 100%;
  height: 700px;
  position: absolute;
  top: 266px;
  left: 0px;
  z-index: 5;
  /* background-color: rebeccapurple; */
}