.quest_box {
  width: 100%;
  width: 100%;
  left: 0;
  top: 0;
  display: none;
}

.page2_1[data-index="1"] .quest_box[data-index="1"] {
  display: block;
}

.page2_1[data-index="2"] .quest_box[data-index="2"] {
  display: block;
}

.page2_1[data-index="3"] .quest_box[data-index="3"] {
  display: block;
}

.page2_1[data-index="4"] .quest_box[data-index="4"] {
  display: block;
}


.page3.finish .tj_btn {
  display: block;
}





.q_t {
  top: 22.67vw !important;
}

.select_li,
.q_li {
  pointer-events: all !important;
}

.q_li .page_decor_inner {
  animation: pulseSmall 1s infinite;
}

.q_li[data-index="1"] .page_decor_inner {
  animation-delay: 0s;
}

.q_li[data-index="2"] .page_decor_inner {
  animation-delay: 0.2s;
}

.q_li[data-index="3"] .page_decor_inner {
  animation-delay: 0.4s;
}

.q_li[data-index="4"] .page_decor_inner {
  animation-delay: 0.6s;
}

.q_li.sele .page_decor_inner {
  animation: none;
}

.q_bg_mask {
  width: 100%;
  height: 120.53vw;
  left: 0;
  top: 0;
  background-size: 100% auto;
  background-image: url(../images/enter/bg_mask.png?v=202606151702);
  pointer-events: none;
}

/* 版本一  第一题*/
#page2_1 .quest_box[data-index="1"] {
  background-color: #fff;
}

#page2_1 .quest_box[data-index="1"] .q_bg {
  width: 160vw;
  height: 232.4vw;
  left: 50%;
  margin-left: -80vw;
  top: 0vw;
  background-image: url(../images/enter/bg1_1.jpg?v=202606151702);
}


#page2_1 .quest_box[data-index="1"] .q_t {
  width: 89.47vw;
  height: 32.53vw;
  left: 50%;
  margin-left: -44.735vw;
  background-image: url(../images/enter/q1_1_t.png?v=202606151702);
}


#page2_1 .quest_box[data-index="1"] .q_li[data-index="1"] {
  width: 84.67vw;
  height: 44.8vw;
  left: 50%;
  margin-left: -42.35vw;
  top: 56vw;
}

#page2_1 .quest_box[data-index="1"] .q_li[data-index="1"]>.page_decor_inner {
  background-image: url(../images/enter/q1_1_an1.png?v=202606151702);
}

#page2_1 .quest_box[data-index="1"] .q_li[data-index="1"].sele>.page_decor_inner {
  background-image: url(../images/enter/q1_1_an1_sele.png?v=202606151702);
}

#page2_1 .quest_box[data-index="1"] .q_li[data-index="2"] {
  width: 84.67vw;
  height: 50.4vw;
  left: 50%;
  margin-left: -42.35vw;
  top: 88vw;
}

#page2_1 .quest_box[data-index="1"] .q_li[data-index="2"]>.page_decor_inner {
  background-image: url(../images/enter/q1_1_an2.png?v=202606151702);
}

#page2_1 .quest_box[data-index="1"] .q_li[data-index="2"].sele>.page_decor_inner {
  background-image: url(../images/enter/q1_1_an2_sele.png?v=202606151702);
}

#page2_1 .quest_box[data-index="1"] .q_li[data-index="3"] {
  width: 84.67vw;
  height: 45.2vw;
  left: 50%;
  margin-left: -42.35vw;
  top: 124vw;
}

#page2_1 .quest_box[data-index="1"] .q_li[data-index="3"]>.page_decor_inner {
  background-image: url(../images/enter/q1_1_an3.png?v=202606151702);
}

#page2_1 .quest_box[data-index="1"] .q_li[data-index="3"].sele>.page_decor_inner {
  background-image: url(../images/enter/q1_1_an3_sele.png?v=202606151702);
}

/* 版本一  第二题*/
#page2_1 .quest_box[data-index="2"] {
  background-color: #fff;
}

#page2_1 .quest_box[data-index="2"] .q_bg {
  width: 160vw;
  height: 229.33vw;
  left: 50%;
  margin-left: -80vw;
  top: 0vw;
  background-image: url(../images/enter/bg1_2.jpg?v=202606151702);
}


#page2_1 .quest_box[data-index="2"] .q_t {
  width: 68.27vw;
  height: 34.67vw;
  left: 50%;
  margin-left: -34.135vw;
  background-image: url(../images/enter/q1_2_t.png?v=202606151702);
}


#page2_1 .quest_box[data-index="2"] .q_li[data-index="1"] {
  width: 88.53vw;
  height: 32.67vw;
  left: 50%;
  margin-left: -44.265vw;
  top: 54vw;
}

#page2_1 .quest_box[data-index="2"] .q_li[data-index="1"]>.page_decor_inner {
  background-image: url(../images/enter/q1_2_an1.png?v=202606151702);
}

#page2_1 .quest_box[data-index="2"] .q_li[data-index="1"].sele>.page_decor_inner {
  background-image: url(../images/enter/q1_2_an1_sele.png?v=202606151702);
}

#page2_1 .quest_box[data-index="2"] .q_li[data-index="2"] {
  width: 88.53vw;
  height: 32.67vw;
  left: 50%;
  margin-left: -44.265vw;
  top: 80vw;
}

#page2_1 .quest_box[data-index="2"] .q_li[data-index="2"]>.page_decor_inner {
  background-image: url(../images/enter/q1_2_an2.png?v=202606151702);
}

#page2_1 .quest_box[data-index="2"] .q_li[data-index="2"].sele>.page_decor_inner {
  background-image: url(../images/enter/q1_2_an2_sele.png?v=202606151702);
}

#page2_1 .quest_box[data-index="2"] .q_li[data-index="3"] {
  width: 88.53vw;
  height: 32.93vw;
  left: 50%;
  margin-left: -44.265vw;
  top: 105vw;
}

#page2_1 .quest_box[data-index="2"] .q_li[data-index="3"]>.page_decor_inner {
  background-image: url(../images/enter/q1_2_an3.png?v=202606151702);
}

#page2_1 .quest_box[data-index="2"] .q_li[data-index="3"].sele>.page_decor_inner {
  background-image: url(../images/enter/q1_2_an3_sele.png?v=202606151702);
}

#page2_1 .quest_box[data-index="2"] .q_li[data-index="4"] {
  width: 88.53vw;
  height: 31.6vw;
  left: 50%;
  margin-left: -44.265vw;
  top: 133vw;
}

#page2_1 .quest_box[data-index="2"] .q_li[data-index="4"]>.page_decor_inner {
  background-image: url(../images/enter/q1_2_an4.png?v=202606151702);
}

#page2_1 .quest_box[data-index="2"] .q_li[data-index="4"].sele>.page_decor_inner {
  background-image: url(../images/enter/q1_2_an4_sele.png?v=202606151702);
}

.next_btn {
  width: 43.6vw;
  height: 15.33vw;
  left: 50%;
  margin-left: -21.8vw;
  top: 168vw;
}

.next_btn>.page_decor_inner {
  background-image: url(../images/enter/next_btn.png?v=202606151702);
}


/* 版本一  第三题*/
#page2_1 .quest_box[data-index="3"] {
  background-color: #fff;
}

#page2_1 .quest_box[data-index="3"] .q_bg {
  width: 160vw;
  height: 229.33vw;
  left: 50%;
  margin-left: -80vw;
  top: 0vw;
  background-image: url(../images/enter/bg1_3.jpg?v=202606151702);
}


#page2_1 .quest_box[data-index="3"] .q_t {
  width: 90.4vw;
  height: 27.6vw;
  left: 50%;
  margin-left: -45.2vw;
  background-image: url(../images/enter/q1_3_t.png?v=202606151702);
}


#page2_1 .quest_box[data-index="3"] .q_li[data-index="1"] {
  width: 46.53vw;
  height: 56vw;
  left: 50%;
  margin-left: -45.265vw;
  top: 52vw;
}

#page2_1 .quest_box[data-index="3"] .q_li[data-index="1"]>.page_decor_inner {
  background-image: url(../images/enter/q1_3_an1.png?v=202606151702);
}

#page2_1 .quest_box[data-index="3"] .q_li[data-index="1"].sele>.page_decor_inner {
  background-image: url(../images/enter/q1_3_an1_sele.png?v=202606151702);
}

#page2_1 .quest_box[data-index="3"] .q_li[data-index="2"] {
  width: 46.53vw;
  height: 52.27vw;
  left: 50%;
  margin-left: -0.265vw;
  top: 56vw;
}

#page2_1 .quest_box[data-index="3"] .q_li[data-index="2"]>.page_decor_inner {
  background-image: url(../images/enter/q1_3_an2.png?v=202606151702);
}

#page2_1 .quest_box[data-index="3"] .q_li[data-index="2"].sele>.page_decor_inner {
  background-image: url(../images/enter/q1_3_an2_sele.png?v=202606151702);
}

#page2_1 .quest_box[data-index="3"] .q_li[data-index="3"] {
  width: 46.53vw;
  height: 56.8vw;
  left: 50%;
  margin-left: -45.265vw;
  top: 107vw;
}

#page2_1 .quest_box[data-index="3"] .q_li[data-index="3"]>.page_decor_inner {
  background-image: url(../images/enter/q1_3_an3.png?v=202606151702);
}

#page2_1 .quest_box[data-index="3"] .q_li[data-index="3"].sele>.page_decor_inner {
  background-image: url(../images/enter/q1_3_an3_sele.png?v=202606151702);
}

#page2_1 .quest_box[data-index="3"] .q_li[data-index="4"] {
  width: 46.53vw;
  height: 52.13vw;
  left: 50%;
  margin-left: -0.265vw;
  top: 112vw;
}

#page2_1 .quest_box[data-index="3"] .q_li[data-index="4"]>.page_decor_inner {
  background-image: url(../images/enter/q1_3_an4.png?v=202606151702);
}

#page2_1 .quest_box[data-index="3"] .q_li[data-index="4"].sele>.page_decor_inner {
  background-image: url(../images/enter/q1_3_an4_sele.png?v=202606151702);
}


/* 版本一  第四题 性别年代选择*/
#page2_1 .quest_box[data-index="4"] {
  background-color: #fff;
}

#page2_1 .quest_box[data-index="4"] .q_bg {
  width: 160vw;
  height: 229.33vw;
  left: 50%;
  margin-left: -80vw;
  top: 0vw;
  background-image: url(../images/enter/sex_bg.jpg?v=202606151702);
}


#page2_1 .quest_box[data-index="4"] .q_t {
  width: 59.47vw;
  height: 20.93vw;
  left: 50%;
  margin-left: -29.735vw;
  background-image: url(../images/enter/sex_title.png?v=202606151702);
}

.xbBox {
  width: 100vw;
  height: 22vw;
  left: 50%;
  margin-left: -50vw;
  top: 100.13vw;
}

.xb {
  background-size: 101.2vw 68.93vw;
  background-image: url(../images/enter/sex_img.png?v=202606151702);
  left: 50%;
  transform: translateX(-50%);
}

.xb.sele {
  background-image: url(../images/enter/sex_img_sele.png?v=202606151702);
}

.xb[data-index="1"] {
  width: 50vw;
  height: 20.67vw;
  background-position: 0vw 0vw;
  left: 25%;
}

.xb[data-index="2"] {
  width: 50vw;
  height: 20.67vw;
  background-position: -51vw 0vw;
  left: 75%;
}

.xb_qiu {
  width: 19.2vw;
  height: 16.8vw;
  left: 50%;
  margin-left: -9.6vw;
  top: 1vw;
  background-image: url(../images/enter/sex_qiu.png?v=202606151702);
}

.ndBox {
  width: 100vw;
  height: 10vw;
  left: 50%;
  margin-left: -50vw;
  top: 123vw;
  display: none;
}


.nd {
  background-size: 101.2vw 69.2vw;
  background-image: url(../images/enter/sex_img.png?v=202606151702);
  left: 50%;
  /* background-color: red; */
}

.nd.sele {
  background-image: url(../images/enter/sex_img_sele.png?v=202606151702);
}

.nd[data-index="1"] {
  width: 30.93vw;
  height: 22vw;
  margin-left: -35vw;
  top: 1vw;
  background-position: -19vw -22vw;
}

.nd[data-index="2"] {
  width: 30.93vw;
  height: 22vw;
  margin-left: 3vw;
  top: 1vw;
  background-position: -50vw -22vw
}

.nd[data-index="3"] {
  width: 28.8vw;
  height: 22vw;
  margin-left: -45vw;
  top: 27vw;
  background-position: -2vw -46vw;
}

.nd[data-index="4"] {
  width: 27.93vw;
  height: 22vw;
  margin-left: -16vw;
  top: 27vw;
  background-position: -32vw -46vw;
}

.nd[data-index="5"] {
  width: 31.93vw;
  height: 22vw;
  margin-left: 13vw;
  top: 27vw;
  background-position: -64vw -46vw;
}

.page2_2[data-index="1"] .quest_box[data-index="1"] {
  display: block;
}

.page2_2[data-index="2"] .quest_box[data-index="2"] {
  display: block;
}



/* 版本二 第一题*/
#page2_2 .quest_box[data-index="1"] {
  background-color: #fff;
}

#page2_2 .quest_box[data-index="1"] .q_bg {
  width: 160vw;
  height: 229.33vw;
  left: 50%;
  margin-left: -80vw;
  top: 0vw;
  background-image: url(../images/enter/bg2_1.jpg?v=202606151702);
}

#page2_2 .quest_box[data-index="1"] .q_t {
  width: 71.73vw;
  height: 32.67vw;
  left: 50%;
  margin-left: -35.865vw;
  background-image: url(../images/enter/q2_1_t.png?v=202606151702);
}



#page2_2 .quest_box[data-index="1"] .q_li {
  width: 85.47vw;
  height: 25.33vw;
  left: 50%;
  margin-left: -42.735vw;
}

#page2_2 .quest_box[data-index="1"] .q_li>.page_decor_inner {
  background-size: 85.47vw 77.47vw;
  background-image: url(../images/enter/q2_1_an.png?v=202606151702);
}

#page2_2 .quest_box[data-index="1"] .q_li.sele>.page_decor_inner {
  background-image: url(../images/enter/q2_1_an_sele.png?v=202606151702);
}

#page2_2 .quest_box[data-index="1"] .q_li[data-index="1"] {
  top: 64.53vw;
}

#page2_2 .quest_box[data-index="1"] .q_li[data-index="1"]>.page_decor_inner {
  background-position: 0vw 0vw;
}

#page2_2 .quest_box[data-index="1"] .q_li[data-index="2"] {
  top: 96.67vw;
}

#page2_2 .quest_box[data-index="1"] .q_li[data-index="2"]>.page_decor_inner {
  background-position: 0vw -27vw;
}

#page2_2 .quest_box[data-index="1"] .q_li[data-index="3"] {
  top: 128.67vw;
}

#page2_2 .quest_box[data-index="1"] .q_li[data-index="3"]>.page_decor_inner {
  background-position: 0vw -55vw;
}


/* 版本二 第二题*/
#page2_2 .quest_box[data-index="2"] {
  background-color: #fff;
}

#page2_2 .quest_box[data-index="2"] .q_bg {
  width: 160vw;
  height: 229.33vw;
  left: 50%;
  margin-left: -80vw;
  top: 0vw;
  background-image: url(../images/enter/bg2_2.jpg?v=202606151702);
}

#page2_2 .quest_box[data-index="2"] .q_t {
  width: 95.33vw;
  height: 27.2vw;
  left: 50%;
  margin-left: -47.665vw;
  background-image: url(../images/enter/q2_2_t.png?v=202606151702);
}



#page2_2 .quest_box[data-index="2"] .q_li {
  width: 55vw;
  height: 22.8vw;
  left: 50%;
}

#page2_2 .quest_box[data-index="2"] .q_li>.page_decor_inner {
  background-size: 113.33vw 117.87vw;
  background-image: url(../images/enter/q2_2_an.png?v=202606151702);
}

#page2_2 .quest_box[data-index="2"] .q_li.sele>.page_decor_inner {
  background-image: url(../images/enter/q2_2_an_sele.png?v=202606151702);
}

#page2_2 .quest_box[data-index="2"] .q_li[data-index="1"] {
  top: 50vw;
  margin-left: 0vw;
}

#page2_2 .quest_box[data-index="2"] .q_li[data-index="1"]>.page_decor_inner {
  background-position: -56vw 1vw;
}

#page2_2 .quest_box[data-index="2"] .q_li[data-index="2"] {
  top: 93.33vw;
  margin-left: -55vw;
}

#page2_2 .quest_box[data-index="2"] .q_li[data-index="2"]>.page_decor_inner {
  background-position: -3vw -42vw;
}

#page2_2 .quest_box[data-index="2"] .q_li[data-index="3"] {
  top: 147.33vw;
  margin-left: 0vw;
}

#page2_2 .quest_box[data-index="2"] .q_li[data-index="3"]>.page_decor_inner {
  background-position: -54vw -96vw;
}

/* 版本三 */
.page2_3[data-index="1"] .quest_box[data-index="1"] {
  display: block;
}

#page2_3 .quest_box[data-index="1"] .q_bg {
  width: 160vw;
  height: 229.33vw;
  left: 50%;
  margin-left: -80vw;
  top: 0vw;
  background-image: url(../images/enter/bg3_1.jpg?v=202606151702);
}

#page2_3 .quest_box[data-index="1"] .q_t {
  width: 90.67vw;
  height: 27.87vw;
  left: 50%;
  margin-left: -45.33vw;
  background-image: url(../images/enter/q3_1_t.png?v=202606151702);
}


.select_li {
  overflow: hidden;
}


.inner_li,
.select_li .page_decor_inner {
  background-size: 91.33vw 124.93vw;
  background-image: url(../images/enter/q3_1_an.png?v=202602282250);
}

.inner_li.sele,
.select_li.sele .page_decor_inner {
  background-size: 91.33vw 124.93vw;
  background-image: url(../images/enter/q3_1_an_sele.png?v=202602282250);
}

.selectBox {
  width: 100%;
  height: 100%;
  left: 0vw;
  overflow: hidden;
  transition: all 0.5s;
  background-size: 100% auto;
}

.select_li[data-index="1"] .selectBox {
  bottom: 0vw;
  height: 15vw;
  transform-origin: center bottom;
  background-position: center bottom;
}

.select_li[data-index="1"] {
  width: 55.33vw;
  height: 43vw;
  left: 50%;
  margin-left: -5.8vw;
  top: 51.33vw;
}

.select_li[data-index="1"] .page_decor_inner {
  width: 100%;
  height: 15vw;
  bottom: 0;
  background-position: -37vw -21.4vw;
}

.select_li.sele[data-index="1"] .selectBox {
  height: 43vw;
}

.select_li[data-index="1"] .innerBox {
  width: 100%;
  height: 25vw;
  bottom: 15vw;
  display: flex;
  flex-direction: column;
  align-items: right;
  /* background-color: red; */
}

.select_li .inner_li {
  margin: 1vw 0vw;
}

.select_li[data-index="1"] .inner_li {
  width: 100%;
  height: 6.27vw;
  animation: pulseSmall 1.5s infinite;
}

.select_li[data-index="1"] .inner_li[data-index="1"] {
  background-position: -38vw -0.47vw;
  animation-delay: 0.1s;
}

.select_li[data-index="1"] .inner_li[data-index="2"] {
  background-position: -38vw -7.47vw;
  animation-delay: 0.2s;
}

.select_li[data-index="1"] .inner_li[data-index="3"] {
  background-position: -38vw -14.47vw;
  animation-delay: 0.3s;

}




.select_li.sele .page_decor_inner,
.inner_li.sele {
  animation: none !important;
}


/* .select_liClick[data-index="1"] {
  width: 59vw;
  height: 25vw;
  left: 50%;
  margin-left: -27vw;
  top: 84vw;
}


.select_liClick[data-index="2"] {
  width: 51vw;
  height: 18vw;
  left: 50%;
  margin-left: -1vw;
  top: 126vw;
} */



.select_li[data-index="2"] .selectBox {
  top: 0vw;
  height: 15vw;
  transform-origin: center top;
  background-position: center top;
}

.select_li[data-index="2"] {
  width: 68vw;
  height: 62vw;
  left: 50%;
  margin-left: -45.8vw;
  top: 121.67vw;
}

.select_li[data-index="2"] .page_decor_inner {
  width: 46.4vw;
  height: 15vw;
  top: 0;
  background-position: -0.73vw -68vw;
}

.select_li.sele[data-index="2"] .selectBox {
  height: 62vw;
}

.select_li[data-index="2"] .innerBox {
  width: 100%;
  height: 62vw;
  top: 16vw;
  display: flex;
  flex-direction: column;
}

.select_li[data-index="2"] .inner_li {
  width: 100%;
  height: 6.5vw;
  margin: 1vw 0vw;
  animation: pulseSmall 1.5s infinite;
  /* background-color: red; */
}

.select_li[data-index="2"] .inner_li[data-index="1"] {
  background-position: -0.73vw -85vw;
  animation-delay: 0.1s;
}

.select_li[data-index="2"] .inner_li[data-index="2"] {
  background-position: -0.73vw -93.5vw;
  animation-delay: 0.2s;
}

.select_li[data-index="2"] .inner_li[data-index="3"] {
  background-position: -0.73vw -102vw;
  animation-delay: 0.3s;
}

.select_li[data-index="2"] .inner_li[data-index="4"] {
  background-position: -0.73vw -110vw;
  animation-delay: 0.4s;
}

.select_li[data-index="2"] .inner_li[data-index="5"] {
  background-position: -0.73vw -118.5vw;
  animation-delay: 0.5s;
}


/* 版本四 第一题*/
#page2_4[data-index="1"] .quest_box[data-index="1"],
#page2_4[data-index="2"] .quest_box[data-index="2"] {
  display: block;
}

#page2_4 .quest_box[data-index="1"] {
  background-color: #fff;
}

#page2_4 .quest_box[data-index="1"] .q_bg {
  width: 160vw;
  height: 229.33vw;
  left: 50%;
  margin-left: -80vw;
  top: 0vw;
  background-image: url(../images/enter/bg4_1.jpg?v=202606151702);
}

#page2_4 .quest_box[data-index="1"] .q_t {
  width: 75.33vw;
  height: 27.47vw;
  left: 50%;
  margin-left: -37.665vw;
  background-image: url(../images/enter/q4_1_t.png?v=202606151702);
}



#page2_4 .quest_box[data-index="1"] .q_li {
  width: 100vw;
  height: 31.87vw;
  left: 50%;
  margin-left: -50vw;
  background-size: contain;
}

#page2_4 .quest_box[data-index="1"] .q_li>.page_decor_inner {
  background-size: 84.8vw 98.13vw;
  background-image: url(../images/enter/q4_1_an.png?v=202606151702);
}

#page2_4 .quest_box[data-index="1"] .q_li.sele>.page_decor_inner {
  background-image: url(../images/enter/q4_1_an_sele.png?v=202606151702);
}

#page2_4 .quest_box[data-index="1"] .q_li[data-index="1"] {
  top: 72vw;
}

#page2_4 .quest_box[data-index="1"] .q_li[data-index="1"]>.page_decor_inner {
  background-position: center 0vw;
}

#page2_4 .quest_box[data-index="1"] .q_li[data-index="2"] {
  top: 103.33vw;
}

#page2_4 .quest_box[data-index="1"] .q_li[data-index="2"]>.page_decor_inner {
  background-position: center -33vw;
}

#page2_4 .quest_box[data-index="1"] .q_li[data-index="3"] {
  top: 135.33vw;
}

#page2_4 .quest_box[data-index="1"] .q_li[data-index="3"]>.page_decor_inner {
  background-position: center -66vw;
}

/* 版本四 第二题*/
#page2_4 .quest_box[data-index="2"] {
  background-color: #fff;
}

#page2_4 .quest_box[data-index="2"] .q_bg {
  width: 160vw;
  height: 229.33vw;
  left: 50%;
  margin-left: -80vw;
  top: 0vw;
  background-image: url(../images/enter/bg4_2.jpg?v=202606151702);
}

#page2_4 .quest_box[data-index="2"] .q_t {
  width: 90.8vw;
  height: 27.73vw;
  left: 50%;
  margin-left: -45.4vw;
  background-image: url(../images/enter/q4_2_t.png?v=202606151702);
}



#page2_4 .quest_box[data-index="2"] .q_li {
  width: 100vw;
  height: 20.4vw;
  left: 47%;
  margin-left: -50vw;
  background-size: contain;
}

#page2_4 .quest_box[data-index="2"] .q_li>.page_decor_inner {
  background-size: 91.07vw 84.93vw;
  background-image: url(../images/enter/q4_2_an.png?v=202606151702);
}

#page2_4 .quest_box[data-index="2"] .q_li.sele>.page_decor_inner {
  background-image: url(../images/enter/q4_2_an_sele.png?v=202606151702);
}

#page2_4 .quest_box[data-index="2"] .q_li[data-index="1"] {
  top: 58vw;
}

#page2_4 .quest_box[data-index="2"] .q_li[data-index="1"]>.page_decor_inner {
  background-position: center 0vw;
}

#page2_4 .quest_box[data-index="2"] .q_li[data-index="2"] {
  top: 90.33vw;
}

#page2_4 .quest_box[data-index="2"] .q_li[data-index="2"]>.page_decor_inner {
  background-position: center -33vw;
}

#page2_4 .quest_box[data-index="2"] .q_li[data-index="3"] {
  top: 123.33vw;
}

#page2_4 .quest_box[data-index="2"] .q_li[data-index="3"]>.page_decor_inner {
  background-position: center -63vw;
}



/* 
.q_li {
  transform: translateZ(0);
  backface-visibility: hidden;
  perspective: 1000;
  overflow: hidden;
}

.q_li>.page_decor_inner {
  overflow: hidden;
  pointer-events: none;
  top: 0;
  background-size: 100% auto;
  height: 0%;
  background-position: center top;
  transform-origin: center top;
  transition: all 0.5s;
}

.q_li.sele>.page_decor_inner {
  height: 100% !important;
} */