mini_read_space_front/happyphoto/yujianqiutian2023/yujianqiutian2023.wxss

#container view,
#container image {
  position: absolute
}

#container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden
}

.block {
  position: absolute;
  opacity: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden
}

.page_block {
  opacity: 0;
  width: 80%;
  height: 100%;
  left: 10%;
  top: 10%;
  transform: translate(50%, 50%);
}

#luoye_block {
  width: 100%;
  height: 100%;
}

.page_sub_block {
  opacity: 1;
  width: 100%;
  height: 100%;
  transform-origin: 50% 50%;
  /* border: 5px solid #fff;
  box-shadow: 0 0 2px #fff */
}

.page_image {
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  transform-origin: 50% 50%;
  border: 5px solid #fff;
  box-shadow: 0 0 2px #fff
}

.page {
  width: 500px;
  height: 100%;
  background-size: cover;
  background-position: center;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0
}

.wordspan {
  opacity: 0;
  font-size: 26px;
  color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 80%;
  vertical-align: middle;
  line-height: 35px;
  text-align: center;
  letter-spacing: 2px;
  bottom: 10%
}

#pagetitle {
  display: table;
  text-align: center;
  box-sizing: border-box;
  width: 399px;
  height: 401px;
  left: 50%;
  top: 47%;
  transform: translate(-50%, -50%);
  opacity: 0;
  text-shadow: 0 0 5px #fac431, 0 0 10px #fac431, 0 0 10px #fac431
}

@-webkit-keyframes pagetitle_an {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0)
  }

  100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1)
  }

}

@-webkit-keyframes pagetitle_out {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%)
  }

  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0)
  }

}

#titlecontent {
  vertical-align: middle;
  display: table-cell;
  text-align: center;
  word-break: break-all;
  position: relative !important;
  overflow: hidden;
  font-size: 28px;
  line-height: 48px;
  font-weight: 700;
  color: #fff;
  padding: 15%
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }

}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0
  }

}

#photo_load {
  margin: auto;
  width: 170px;
  height: 120px;
  border-radius: 6px;
  background: rgba(0, 0, 0, .75);
  top: 0;
  bottom: 50px;
  left: 0;
  right: 0
}

.photo_load_1 {
  margin-top: 25px;
  width: 100%;
  height: 30px;
  background: url('https://s2.kagirl.cn/template/pic/public/loading.gif') no-repeat center center;
  background-size: 30px 30px
}

.photo_load_2 {
  color: #fff;
  font-family: Arial;
  font-size: 18px;
  text-align: center;
  opacity: .75;
  width: 100%;
  top: 70px
}

#photo_div {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

#container_bg {
  opacity: 0;
  position: absolute;
  overflow: hidden;
  left: 0;
  bottom: 0;
  width: 500px;
  height: 100%;
  background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/bg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat
}

#luoye_4 {
  position: absolute;
  overflow: hidden;
  left: -200px;
  top: -100px;
  width: 313px;
  height: 275px;
  background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/luoye_4.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  transform-origin: 0% 67%;
  animation: luoye_4_an 2.5s linear infinite
}

#luoye_5 {
  position: absolute;
  right: -153px;
  top: -50px;
  width: 311px;
  height: 263px;
  background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/luoye_5.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  transform-origin: 100% 0%;
  animation: luoye_5_an 2.5s linear infinite;
  overflow: hidden
}

@keyframes luoye_5_an {
  0% {
    transform: rotate(0)
  }

  50% {
    transform: rotate(-1.5deg)
  }

  100% {
    transform: rotate(0)
  }

}

@keyframes luoye_4_an {
  0% {
    transform: rotate(0)
  }

  50% {
    transform: rotate(3deg)
  }

  100% {
    transform: rotate(0)
  }

}

#luoye_9 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 500px;
  height: 160px;
  background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/luoye_9.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  animation: luoye_9_an 2.5s linear infinite;
  overflow: hidden
}

@keyframes luoye_9_an {
  0% {
    transform: skewX(-.8deg)
  }

  50% {
    transform: skewX(.1deg)
  }

  100% {
    transform: skewX(-.8deg)
  }

}

#luoye_8 {
  position: absolute;
  left: -200px;
  bottom: 350px;
  width: 98px;
  height: 60px;
  background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/luoye_8.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  animation: luoye_8_an 5s 1s ease-out infinite;
  overflow: hidden
}

@keyframes luoye_8_an {
  0% {
    transform: translate(0, 0) rotate(0)
  }

  75% {
    transform: translate(600px, 400px) rotate(-20deg)
  }

  100% {
    transform: translate(600px, 400px) rotate(-20deg)
  }

}

#luoye_2 {
  position: absolute;
  left: 200px;
  top: -200px;
  width: 34px;
  height: 39px;
  background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/luoye_2.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  animation: luoye_2_an 9s 3s ease-out infinite;
  overflow: hidden
}

@keyframes luoye_2_an {
  0% {
    transform: translate(0, 0) rotate(0)
  }

  75% {
    transform: translate(100px, 1500px) rotate(-60deg)
  }

  100% {
    transform: translate(100px, 1500px) rotate(-60deg)
  }

}

#luoye_3 {
  position: absolute;
  left: -100px;
  top: -100px;
  width: 74px;
  height: 74px;
  background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/luoye_3.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  animation: luoye_3_an 7.5s 6s ease-out infinite;
  overflow: hidden
}

@keyframes luoye_3_an {
  0% {
    transform: translate(0, 0) rotate(0)
  }

  75% {
    transform: translate(600px, 600px) rotate(-90deg)
  }

  100% {
    transform: translate(600px, 600px) rotate(-90deg)
  }

}

#luoye_6 {
  position: absolute;
  right: -20px;
  bottom: 300px;
  width: 87px;
  height: 99px;
  background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/luoye_6.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  animation: luoye_6_an 8.5s 5s ease-out infinite;
  overflow: hidden
}

@keyframes luoye_6_an {
  0% {
    transform: translate(0, 0) rotate(0)
  }

  75% {
    transform: translate(-300px, 500px) rotate(100deg)
  }

  100% {
    transform: translate(-300px, 500px) rotate(100deg)
  }

}

#start {
  width: 100%;
  height: 100%;
  background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_001.png");
  background-size: 100% 100%;
  overflow: hidden
}

#zhuan {
  width: 500px;
  height: 100%;
  background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/zhuan_00.png");
  background-size: 100% 100%;
  overflow: hidden
}

@keyframes start_an {
  0% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_001.png")
  }

  0.80% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_002.png")
  }

  1.60% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_003.png")
  }

  2.40% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_004.png")
  }

  3.20% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_005.png")
  }

  4.00% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_006.png")
  }

  4.80% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_007.png")
  }

  5.60% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_008.png")
  }

  6.40% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_009.png")
  }

  7.20% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_010.png")
  }

  8.00% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_011.png")
  }

  8.80% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_012.png")
  }

  9.60% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_013.png")
  }

  10.40% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_014.png")
  }

  11.20% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_015.png")
  }

  12.00% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_016.png")
  }

  12.80% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_017.png")
  }

  13.60% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_018.png")
  }

  14.40% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_019.png")
  }

  15.20% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_020.png")
  }

  16.00% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_021.png")
  }

  16.80% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_022.png")
  }

  17.60% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_023.png")
  }

  18.40% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_024.png")
  }

  19.20% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_025.png")
  }

  20.00% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_026.png")
  }

  20.80% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_027.png")
  }

  21.60% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_028.png")
  }

  22.40% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_029.png")
  }

  23.20% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_030.png")
  }

  24.00% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_031.png")
  }

  24.80% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_032.png")
  }

  25.60% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_033.png")
  }

  26.40% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_034.png")
  }

  27.20% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_035.png")
  }

  28.00% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_036.png")
  }

  28.80% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_037.png")
  }

  29.60% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_038.png")
  }

  30.40% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_039.png")
  }

  31.20% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_040.png")
  }

  32.00% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_041.png")
  }

  32.80% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_042.png")
  }

  33.60% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_043.png")
  }

  34.40% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_044.png")
  }

  35.20% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_045.png")
  }

  36.00% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_046.png")
  }

  36.80% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_047.png")
  }

  37.60% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_048.png")
  }

  38.40% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_049.png")
  }

  39.20% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_050.png")
  }

  40.00% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_051.png")
  }

  40.80% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_052.png")
  }

  41.60% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_053.png")
  }

  42.40% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_054.png")
  }

  43.20% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_055.png")
  }

  44.00% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_056.png")
  }

  44.80% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_057.png")
  }

  45.60% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_058.png")
  }

  46.40% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_059.png")
  }

  47.20% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_060.png")
  }

  48.00% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_061.png")
  }

  48.80% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_062.png")
  }

  49.60% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_063.png")
  }

  50.40% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_064.png")
  }

  51.20% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_065.png")
  }

  52.00% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_066.png")
  }

  52.80% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_067.png")
  }

  53.60% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_068.png")
  }

  54.40% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_069.png")
  }

  55.20% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_070.png")
  }

  56.00% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_071.png")
  }

  56.80% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_072.png")
  }

  57.60% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_073.png")
  }

  58.40% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_074.png")
  }

  59.20% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_075.png")
  }

  60.00% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_076.png")
  }

  60.80% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_077.png")
  }

  61.60% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_078.png")
  }

  62.40% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_079.png")
  }

  63.20% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_080.png")
  }

  64.00% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_081.png")
  }

  64.80% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_082.png")
  }

  65.60% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_083.png")
  }

  66.40% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_084.png")
  }

  67.20% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_085.png")
  }

  68.00% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_086.png")
  }

  68.80% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_087.png")
  }

  69.60% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_088.png")
  }

  70.40% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_089.png")
  }

  71.20% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_090.png")
  }

  72.00% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_091.png")
  }

  72.80% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_092.png")
  }

  73.60% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_093.png")
  }

  74.40% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_094.png")
  }

  75.20% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_095.png")
  }

  76.00% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_096.png")
  }

  76.80% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_097.png")
  }

  77.60% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_098.png")
  }

  78.40% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_099.png")
  }

  79.20% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_100.png")
  }

  80.00% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_101.png")
  }

  80.80% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_102.png")
  }

  81.60% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_103.png")
  }

  82.40% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_104.png")
  }

  83.20% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_105.png")
  }

  84.00% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_106.png")
  }

  84.80% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_107.png")
  }

  85.60% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_108.png")
  }

  86.40% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_109.png")
  }

  87.20% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_110.png")
  }

  88.00% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_111.png")
  }

  88.80% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_112.png")
  }

  89.60% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_113.png")
  }

  90.40% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_114.png")
  }

  91.20% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_115.png")
  }

  92.00% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_116.png")
  }

  92.80% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_117.png")
  }

  93.60% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_118.png")
  }

  94.40% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_119.png")
  }

  95.20% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_120.png")
  }

  96.00% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_121.png")
  }

  96.80% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_122.png")
  }

  97.60% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_123.png")
  }

  98.40% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_124.png")
  }

  100%,
  99.20% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/start_125.png")
  }

}

@keyframes zhuan_an {
  0% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/zhuan_00.png")
  }

  1.67% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/zhuan_01.png")
  }

  3.33% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/zhuan_02.png")
  }

  5.00% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/zhuan_03.png")
  }

  6.67% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/zhuan_04.png")
  }

  8.33% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/zhuan_05.png")
  }

  10.00% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/zhuan_06.png")
  }

  11.67% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/zhuan_07.png")
  }

  13.33% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/zhuan_08.png")
  }

  15.00% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/zhuan_09.png")
  }

  16.67% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/zhuan_10.png")
  }

  18.33% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/zhuan_11.png")
  }

  20.00% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/zhuan_12.png")
  }

  21.67% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/zhuan_13.png")
  }

  23.33% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/zhuan_14.png")
  }

  25.00% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/zhuan_15.png")
  }

  26.67% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/zhuan_16.png")
  }

  28.33% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/zhuan_17.png")
  }

  30.00% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/zhuan_18.png")
  }

  31.67% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/zhuan_19.png")
  }

  33.33% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/zhuan_20.png")
  }

  35.00% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/zhuan_21.png")
  }

  36.67% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/zhuan_22.png")
  }

  38.33% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/zhuan_23.png")
  }

  40.00% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/zhuan_24.png")
  }

  41.67% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/zhuan_25.png")
  }

  43.33% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/zhuan_26.png")
  }

  45.00% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/zhuan_27.png")
  }

  46.67% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/zhuan_28.png")
  }

  48.33% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/zhuan_29.png")
  }

  50.00% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/zhuan_30.png")
  }

  51.67% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/zhuan_31.png")
  }

  53.33% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/zhuan_32.png")
  }

  55.00% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/zhuan_33.png")
  }

  56.67% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/zhuan_34.png")
  }

  58.33% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/zhuan_35.png")
  }

  60.00% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/zhuan_36.png")
  }

  61.67% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/zhuan_37.png")
  }

  63.33% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/zhuan_38.png")
  }

  65.00% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/zhuan_39.png")
  }

  66.67% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/zhuan_40.png")
  }

  68.33% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/zhuan_41.png")
  }

  70.00% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/zhuan_42.png")
  }

  71.67% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/zhuan_43.png")
  }

  73.33% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/zhuan_44.png")
  }

  75.00% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/zhuan_45.png")
  }

  76.67% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/zhuan_46.png")
  }

  78.33% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/zhuan_47.png")
  }

  80.00% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/zhuan_48.png")
  }

  81.67% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/zhuan_49.png")
  }

  83.33% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/zhuan_50.png")
  }

  85.00% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/zhuan_51.png")
  }

  86.67% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/zhuan_52.png")
  }

  88.33% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/zhuan_53.png")
  }

  90.00% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/zhuan_54.png")
  }

  91.67% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/zhuan_55.png")
  }

  93.33% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/zhuan_56.png")
  }

  95.00% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/zhuan_57.png")
  }

  96.67% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/zhuan_58.png")
  }

  100%,
  98.33% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/zhuan_59.png")
  }

}

#title_kuang {
  opacity: 0;
  position: absolute;
  top: 30%;
  left: 68px;
  width: 364px;
  height: 363px
}

#title_quan {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 364px;
  height: 363px;
  background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/quan.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  overflow: hidden
}

#title_yezi_block {
  opacity: 0;
  position: absolute;
  left: 120px;
  bottom: 0;
  width: 280px;
  height: 185px;
  transform-origin: 0% 100%
}

#title_yezi {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 280px;
  height: 185px;
  background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/luoye_11.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  transform-origin: 0% 100%;
  overflow: hidden
}

@keyframes title_kuang_an {
  0% {
    opacity: 0;
    transform: translateY(-800px) scale(.2)
  }

  100% {
    opacity: 1;
    transform: translateY(0) scale(1)
  }

}

@keyframes title_yezi_in_an {
  0% {
    opacity: 0;
    transform: rotate(60deg) scale(0)
  }

  100% {
    opacity: 1;
    transform: rotate(0) scale(1)
  }

}

@keyframes title_yezi_an {
  0% {
    opacity: 1;
    transform: rotate(0)
  }

  50% {
    opacity: 1;
    transform: rotate(5deg)
  }

  100% {
    opacity: 1;
    transform: rotate(0)
  }

}

@-webkit-keyframes show1page-an {
  0% {
    transform: translate(-300px, -500px) rotate(-45deg) scale(.5);
    opacity: 0
  }

  100% {
    transform: translate(0, 0) rotate(-2deg) scale(1);
    opacity: 1
  }

}

@-webkit-keyframes show1page-out {
  0% {
    transform: translateY(0) rotate(-2deg) scale(1);
    opacity: 1
  }

  100% {
    transform: translateY(1000px) rotate(90deg) scale(.5);
    opacity: 0
  }

}

@-webkit-keyframes show1page1-an {
  0% {
    transform: translateY(0)
  }

  50% {
    transform: translateY(10px)
  }

  100% {
    transform: translateY(0)
  }

}

@-webkit-keyframes show2page-an {
  0% {
    transform: translate(300px, -500px) rotate(45deg) scale(.5);
    opacity: 0
  }

  100% {
    transform: translate(0, 0) rotate(2deg) scale(1);
    opacity: 1
  }

}

@-webkit-keyframes show2page-out {
  0% {
    transform: translateY(0) rotate(2deg) scale(1);
    opacity: 1
  }

  100% {
    transform: translateY(1000px) rotate(-90deg) scale(.5);
    opacity: 0
  }

}

#phudie_block {
  position: absolute;
  left: 100px;
  bottom: -200px;
  width: 149px;
  height: 116px;
  overflow: hidden;
  /* animation: phudie_run 5s 2s ease-out both; */
}

#phudie {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 149px;
  height: 116px;
  background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/phudie_00.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  animation: phudie_an .44s linear infinite;
  overflow: hidden
}

#rhudie_block {
  position: absolute;
  left: 250px;
  bottom: -120px;
  width: 149px;
  height: 116px;
  overflow: hidden;
}

#rhudie {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 149px;
  height: 116px;
  background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/rhudie_00.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  animation: rhudie_an .44s steps(1) infinite;
  overflow: hidden
}

#yhudie_block {
  position: absolute;
  right: -150px;
  top: 300px;
  width: 150px;
  height: 176px;
  overflow: hidden;

}

#yhudie {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 150px;
  height: 176px;
  background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/yhudie_00.png");
  background-size: 150px 176px;
  background-repeat: no-repeat;
  animation: yhudie_an .44s steps(1) infinite;
  overflow: hidden;
}

@keyframes phudie_run {
  0% {
    transform: translate(0, 0) rotate(30deg)
  }

  70n% {
    transform: translate(400px, -750px) rotate(80deg)
  }

  100% {
    transform: translate(400px, -750px) rotate(80deg)
  }

}

@keyframes rhudie_run {
  0% {
    transform: translate(0, 0) rotate(-30deg)
  }

  70% {
    transform: translate(-400px, -500px) rotate(-50deg)
  }

  100% {
    transform: translate(-400px, -500px) rotate(-50deg)
  }

}

@keyframes yhudie_run {
  0% {
    transform: translate(0, 0) rotate(-20deg)
  }

  80% {
    transform: translate(-650px, -450px) rotate(-60deg)
  }

  100% {
    transform: translate(-650px, -450px) rotate(-60deg)
  }

}

@keyframes rhudie_an {
  0% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/rhudie_00.png")
  }

  9.09% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/rhudie_01.png")
  }

  18.18% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/rhudie_02.png")
  }

  27.27% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/rhudie_03.png")
  }

  36.36% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/rhudie_04.png")
  }

  45.45% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/rhudie_05.png")
  }

  54.55% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/rhudie_06.png")
  }

  63.64% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/rhudie_07.png")
  }

  72.73% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/rhudie_08.png")
  }

  81.82% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/rhudie_09.png")
  }

  100%,
  90.91% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/rhudie_10.png")
  }

}

@keyframes phudie_an {
  0% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/phudie_00.png")
  }

  9.09% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/phudie_01.png")
  }

  18.18% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/phudie_02.png")
  }

  27.27% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/phudie_03.png")
  }

  36.36% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/phudie_04.png")
  }

  45.45% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/phudie_05.png")
  }

  54.55% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/phudie_06.png")
  }

  63.64% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/phudie_07.png")
  }

  72.73% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/phudie_08.png")
  }

  81.82% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/phudie_09.png")
  }

  100%,
  90.91% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/phudie_10.png")
  }

}

@keyframes yhudie_an {
  0% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/yhudie_00.png")
  }

  10.00% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/yhudie_01.png")
  }

  20.00% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/yhudie_02.png")
  }

  30.00% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/yhudie_03.png")
  }

  40.00% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/yhudie_04.png")
  }

  50.00% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/yhudie_05.png")
  }

  60.00% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/yhudie_06.png")
  }

  70.00% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/yhudie_07.png")
  }

  80.00% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/yhudie_08.png")
  }

  100%,
  90.00% {
    background-image: url("https://s1.kagirl.cn/template/yujianqiutian2023/yhudie_09.png")
  }

}