@keyframes breath {
  0%, 100% {
    transform: scale3d(1.07, 1.07, 1.07);
  }
  50% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
}

html,
body {
  width: 100%;
  height: 100%;
  font-size: 3.2vw;
}

.wrap {
  width: 100%;
  position: relative;
}

.loading {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.85);
  background: url(https://ossstatic.leiting.com/static/wd/202209/202209jyzlp/images/M/loading-bg.jpg) no-repeat center/100% 100%;
}

.loading .story {
  width: 95%;
  font-size: 2.66667vw;
  color: #f7ebda;
  text-align: center;
  margin-bottom: 2.66667vw;
  line-height: 4.8vw;
}

.loading .loading-num {
  font-size: 4.53333vw;
  color: #e39c60;
}

.loading .center-box {
  width: 83.86667vw;
  height: 3.86667vw;
  overflow: hidden;
  position: relative;
  background: url("https://ossstatic.leiting.com/static/wd/202209/202209jyzlp/images/M/loading-progress.png") no-repeat top center/100% 100%;
}

.loading .center-box .line {
  width: 80%;
  height: 1.86667vw;
  position: absolute;
  left: 50%;
  bottom: 4px;
  margin-left: -40%;
}

.loading .center-box .line .loading-img {
  width: 0%;
  height: 1.86667vw;
  border-radius: 0.36458vw;
  background: url(https://ossstatic.leiting.com/static/wd/202209/202209jyzlp/images/M/loading-line.png) no-repeat center center/100% 100%;
  vertical-align: top;
  position: relative;
}

.loading .center-box .line > ::before {
  content: " ";
  width: 12.26667vw;
  height: 3.86667vw;
  background: url(https://ossstatic.leiting.com/static/wd/202209/202209jyzlp/images/M/loading-fire.png) no-repeat center center/100% 100%;
  position: absolute;
  right: 0;
  top: 1.33333vw;
  transform: translate(50%, -50%);
}

.loading .loading .line .loading-img::before .loading .line .fire {
  width: 12.26667vw;
  height: 8.26667vw;
  transform: translate(-50%, -50%);
}

.main {
  background: #F7E5D1;
  opacity: 0;
}

.main .header {
  width: 100vw;
  height: 14.66667vw;
  padding: 0 2.66667vw;
  display: flex;
  align-items: center;
  position: sticky;
  top: 0;
  z-index: 100;
  background: url(https://ossstatic.leiting.com/static/wd/202209/202209jyzlp/images/M/header-bg.png) no-repeat center/contain;
}

.main .header .logo {
  width: 13.73333vw;
  height: 13.73333vw;
  display: block;
  background: url(https://ossstatic.leiting.com/static/wd/202209/202209jyzlp/images/M/game-icon.png) no-repeat center/contain;
}

.main .header .text {
  display: flex;
  color: #ffffff;
  margin: 0 2.4vw;
  flex-direction: column;
  justify-content: center;
}

.main .header .text .title {
  font-size: 4vw;
}

.main .header .text .des {
  white-space: nowrap;
  font-size: 3.2vw;
  color: #fff8dc;
}

.main .header .btn {
  width: 24vw;
  height: 9.33333vw;
}

.main .header .ico-btn-download {
  margin-right: 2.66667vw;
  background: url(https://ossstatic.leiting.com/static/wd/202209/202209jyzlp/images/M/btn-down-game.png) no-repeat center/contain;
}

.main .header .ico-btn-enter-site {
  background: url(https://ossstatic.leiting.com/static/wd/202209/202209jyzlp/images/M/btn-enter-home.png) no-repeat center/contain;
}

.main .part1 {
  width: 100vw;
  height: 157.33333vw;
  position: relative;
  overflow: hidden;
}

.main .part1 .year-tips {
  width: 8vw;
  height: 10.13333vw;
  position: absolute;
  z-index: 1;
  left: 5.06667vw;
  top: 1.33333vw;
  background: url(https://ossstatic.leiting.com/static/wd/202209/202209jyzlp/images/M/year-tip.png) no-repeat center/contain;
}

.main .part1 .music {
  position: absolute;
  z-index: 1;
  right: 5.06667vw;
  top: 1.33333vw;
}

.main .part1 .music .mic-o {
  width: 6.4vw;
  height: 6.53333vw;
  animation: cir infinite 3s linear;
}

.main .part1 .music .on {
  animation-play-state: running;
  background: url(https://ossstatic.leiting.com/static/wd/202209/202209jyzlp/images/M/icon-music-open.png) no-repeat center/contain;
}

.main .part1 .music .off {
  animation-play-state: paused;
  background: url(https://ossstatic.leiting.com/static/wd/202209/202209jyzlp/images/M/icon-music-close.png) no-repeat center/contain;
}

.main .part1 .part1-po {
  position: relative;
  top: 10.8vw;
}

.main .part1 .video-box {
  width: 100%;
  height: 173.33333vw;
  background: url(https://ossstatic.leiting.com/static/wd/202209/202209jyzlp/images/M/mbg.jpg) no-repeat center/100% auto;
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
}

.main .part1 .video-box::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 2;
}

.main .part1 .video-box #video {
  width: 100% !important;
  height: auto !important;
}

.main .part1 .title {
  height: 68.93333vw;
  padding-top: 6.66667vw;
}

.main .part1 .title .slogan {
  width: 76.4vw;
  height: 51.46667vw;
  margin: 0 auto;
  background: url(https://ossstatic.leiting.com/static/wd/202209/202209jyzlp/images/M/slogan.png) no-repeat center/contain;
}

.main .part1 .title .sub-title {
  width: 61.33333vw;
  height: 5.6vw;
  margin: 0 auto;
  background: url(https://ossstatic.leiting.com/static/wd/202209/202209jyzlp/images/M/sub-title.png) no-repeat center/contain;
}

.main .part1 .title .icon-play {
  width: 18.13333vw;
  height: 18.13333vw;
  margin: 0 auto;
  background: url(https://ossstatic.leiting.com/static/wd/202209/202209jyzlp/images/M/play-icon.png) no-repeat center/contain;
}

.main .part1 .title .icon-play.active {
  animation: breath 1.6s linear infinite;
}

.main .part1 .stroy-intro {
  margin-top: 13.6vw;
  text-align: center;
  color: #ffffff;
  line-height: 4.8vw;
}

.main .part1 .btn-order-box {
  margin-top: 10.13333vw;
  position: relative;
  z-index: 9;
}

.main .part1 .btn-order-box a.btn-order {
  display: block;
  width: 42.13333vw;
  height: 12.8vw;
  margin: 0 auto;
  background: url(https://ossstatic.leiting.com/static/wd/202209/202209jyzlp/images/M/btn-order-3.png) no-repeat center/contain;
}

.main .part1 .slide-tips {
  width: 10.4vw;
  height: 10.93333vw;
  position: absolute;
  z-index: 10;
  left: 50%;
  margin-left: -5.2vw;
  bottom: 13.33333vw;
  background: url(https://ossstatic.leiting.com/static/wd/202209/202209jyzlp/images/M/tips-slide.png) no-repeat center/contain;
  animation: floatY 2000ms infinite both;
}

.main .part1 .transition {
  width: 100vw;
  height: 57.06667vw;
  background: url(https://ossstatic.leiting.com/static/wd/202209/202209jyzlp/images/M/part1.png) no-repeat center/contain;
  position: absolute;
  z-index: 9;
  bottom: 0;
  pointer-events: none;
}

.main .part2 {
  width: 100vw;
  height: 199.06667vw;
  background: url(https://ossstatic.leiting.com/static/wd/202209/202209jyzlp/images/M/part2.jpg) no-repeat center/contain;
  margin-top: -1px;
}

.main .part2 .part2-po {
  position: relative;
  top: 8.4vw;
}

.main .part2 > .title {
  width: 48.66667vw;
  height: 14.8vw;
  margin: 0 auto;
  margin-bottom: 4.93333vw;
  background: url(https://ossstatic.leiting.com/static/wd/202209/202209jyzlp/images/M/part2-title.png) no-repeat center/contain;
}

.main .part2 .boss-change {
  height: 96vw;
  display: flex;
  justify-content: center;
}

.main .part2 .boss-change .boss-bg {
  width: 88.93333vw;
  height: 88.4vw;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -44.46667vw;
}

.main .part2 .boss-change .boss-name-box {
  width: 13.06667vw;
  height: 30.93333vw;
  background: url(https://ossstatic.leiting.com/static/wd/202209/202209jyzlp/images/M/boss-name-bg.png) no-repeat center/contain;
  position: absolute;
  z-index: 10;
  bottom: 6vw;
  right: 9.33333vw;
  display: flex;
  justify-content: center;
}

.main .part2 .boss-change .boss-name-box .boss-name {
  width: 7.46667vw;
  height: 31.73333vw;
}

.main .part2 .boss-change .boss-icon-box li._icon {
  width: 20.66667vw;
  height: 20.66667vw;
  position: absolute;
  z-index: 10;
}

.main .part2 .boss-change .boss-icon-box li._icon .boss-icon {
  width: 100%;
  height: 100%;
}

.main .part2 .boss-change .boss-icon-box > li:nth-child(1) {
  top: 23.2vw;
  left: 2.93333vw;
}

.main .part2 .boss-change .boss-icon-box > li:nth-child(2) {
  top: 41.6vw;
  left: 1.86667vw;
}

.main .part2 .boss-change .boss-icon-box > li:nth-child(3) {
  top: 59.33333vw;
  left: 9.2vw;
}

.main .part2 .boss-change .boss-icon-box > li:nth-child(4) {
  top: 71.6vw;
  left: 24.53333vw;
}

.main .part2 .boss-change .boss-icon-box > li:nth-child(5) {
  top: 75.46667vw;
  left: 42.53333vw;
}

.main .part2 .boss-change .swiper-container {
  width: 72.53333vw;
  height: 81.06667vw;
}

.main .part2 .boss-change .swiper-container .swiper-slide {
  display: none;
}

.main .part2 .boss-change .swiper-container .swiper-slide img {
  width: 100%;
  height: 100%;
}

.main .part2 .boss-change .swiper-container .swiper-slide-active {
  display: block;
  animation: puffIn 1000ms both;
}

.main .part2 .boss-intro {
  padding: 0 2.93333vw;
}

.main .part2 .boss-intro .intro-title {
  width: 25.73333vw;
  height: 7.46667vw;
  margin-bottom: 4.13333vw;
  background: url(https://ossstatic.leiting.com/static/wd/202209/202209jyzlp/images/M/boss-intro.png) no-repeat center/contain;
}

.main .part2 .boss-intro .intro-content {
  font-size: 3.2vw;
  color: #8f634c;
  margin-bottom: 3.73333vw;
}

.main .part2 .boss-intro .boss-gif {
  width: 94vw;
  height: 53.46667vw;
  padding: 1.06667vw 2.53333vw;
  background: url(https://ossstatic.leiting.com/static/wd/202209/202209jyzlp/images/M/boss/gif-bg.png) no-repeat center/contain;
}

.main .part2 .boss-intro .boss-gif.hide {
  display: none;
}

.main .part2 .boss-intro .boss-gif img {
  width: 100%;
  height: 100%;
}

.main .part3 {
  width: 100vw;
  height: 178vw;
  background: url(https://ossstatic.leiting.com/static/wd/202209/202209jyzlp/images/M/part3.jpg) no-repeat center/contain;
  margin-top: -1px;
}

.main .part3 .part3-po {
  position: relative;
  top: 13.33333vw;
}

.main .part3 > .title {
  width: 48.66667vw;
  height: 14.8vw;
  margin: 0 auto;
  background: url(https://ossstatic.leiting.com/static/wd/202209/202209jyzlp/images/M/part3-title.png) no-repeat center/contain;
}

.main .part3 .prop-nav {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  margin-top: 8.53333vw;
  padding: 0 2.93333vw;
}

.main .part3 .prop-nav .prop {
  width: 20.8vw;
  height: 8.66667vw;
  font-size: 2.93333vw;
  color: #fff;
  font-weight: bolder;
  text-align: center;
  line-height: 8.66667vw;
  background: url(https://ossstatic.leiting.com/static/wd/202209/202209jyzlp/images/M/prop-nav-bg.png) no-repeat center/100% 100%;
}

.main .part3 .prop-nav .prop.on {
  color: #AF7402;
  background: url(https://ossstatic.leiting.com/static/wd/202209/202209jyzlp/images/M/prop-nav-on-bg.png) no-repeat center/100% 100%;
}

.main .part3 .new-prop {
  margin: 0 auto;
  margin-top: 10.8vw;
  width: 95.2vw;
}

.main .part3 .new-prop .prop-bg {
  width: 95.2vw;
  height: 94.93333vw;
  position: absolute;
  background: url(https://ossstatic.leiting.com/static/wd/202209/202209jyzlp/images/M/part3-bg.png) no-repeat center/contain;
}

.main .part3 .new-prop .prop-box {
  width: 95.2vw;
  height: 94.93333vw;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.main .part3 .new-prop .prop-box .prop-icon-bg {
  position: absolute;
  width: 36.8vw;
  height: 36.66667vw;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.5s ease;
  animation: fadeIn 1000ms both;
}

.main .part3 .new-prop .prop-box .prop-icon-bg img {
  width: 12.8vw;
  height: 12.8vw;
}

.main .part3 .new-prop .prop-box .prop-icon-com-bg {
  background: url(https://ossstatic.leiting.com/static/wd/202209/202209jyzlp/images/M/prop-icon-bg.png) no-repeat center/contain;
}

.main .part3 .new-prop .prop-box .prop-icon-active-bg {
  background: url(https://ossstatic.leiting.com/static/wd/202209/202209jyzlp/images/M/prop-icon-bg-active-1.png) no-repeat center/contain;
}

.main .part3 .new-prop .prop-box .three.prop1,
.main .part3 .new-prop .prop-box .five.prop1 {
  top: -5.33333vw;
}

.main .part3 .new-prop .prop-box .three.prop2 {
  left: 0;
  bottom: 13.33333vw;
}

.main .part3 .new-prop .prop-box .three.prop3 {
  right: 0;
  bottom: 13.33333vw;
}

.main .part3 .new-prop .prop-box .five.prop2 {
  left: -5.33333vw;
  top: 22.66667vw;
}

.main .part3 .new-prop .prop-box .five.prop3 {
  right: -2.66667vw;
  top: 22.66667vw;
}

.main .part3 .new-prop .prop-box .five.prop4 {
  left: 5.33333vw;
  bottom: 5.33333vw;
}

.main .part3 .new-prop .prop-box .five.prop5 {
  right: 6.66667vw;
  bottom: 5.33333vw;
}

.main .part3 .new-prop .prop-intro {
  width: 92.66667vw;
  margin: 0 auto;
  padding: 4vw;
  display: flex;
  flex-direction: column;
  background-color: #fff2e0;
  border-radius: 5px;
  position: relative;
}

.main .part3 .new-prop .prop-intro .decorate {
  width: 92.66667vw;
  height: 4.13333vw;
  left: 0;
  position: absolute;
}

.main .part3 .new-prop .prop-intro .up-d {
  top: 0;
  background: url(https://ossstatic.leiting.com/static/wd/202209/202209jyzlp/images/M/part3-intro-up.png) no-repeat center/contain;
}

.main .part3 .new-prop .prop-intro .dn-d {
  bottom: 0;
  background: url(https://ossstatic.leiting.com/static/wd/202209/202209jyzlp/images/M/part3-intro-dn.png) no-repeat center/contain;
}

.main .part3 .new-prop .prop-intro > .title {
  height: 4vw;
  text-align: center;
  font-size: 4vw;
  font-weight: bolder;
  color: #815e41;
  display: flex;
  align-items: center;
  border-bottom: 1px dashed #d5ad8c44;
}

.main .part3 .new-prop .prop-intro > .title span {
  display: flex;
  align-items: center;
  margin-bottom: 2.8vw;
}

.main .part3 .new-prop .prop-intro > .title > ::before {
  content: "";
  width: 2.8vw;
  height: 2vw;
  display: flex;
  margin-right: 1.33333vw;
  background: url(https://ossstatic.leiting.com/static/wd/202209/202209jyzlp/images/M/prop-intro-title-icon.png) no-repeat center/contain;
}

.main .part3 .new-prop .prop-intro > .title > ::after {
  content: "";
  width: 2.8vw;
  height: 2vw;
  display: flex;
  margin-left: 1.33333vw;
  background: url(https://ossstatic.leiting.com/static/wd/202209/202209jyzlp/images/M/prop-intro-title-icon.png) no-repeat center/contain;
}

.main .part3 .new-prop .prop-intro .intro-p {
  margin-top: 3.6vw;
  padding: 0 1.33333vw;
  font-size: 3.2vw;
  color: #815e41;
}

.main .part4 {
  width: 100vw;
  height: 201.86667vw;
  background: url(https://ossstatic.leiting.com/static/wd/202209/202209jyzlp/images/M/part4.jpg) no-repeat center/contain;
  margin-top: -1px;
}

.main .part4 > .title {
  width: 48.66667vw;
  height: 16.8vw;
  margin: 0 auto;
  background: url(https://ossstatic.leiting.com/static/wd/202209/202209jyzlp/images/M/part4-title.png) no-repeat center/contain;
}

.main .part4 .part4-po {
  position: relative;
  top: 13.33333vw;
}

.main .part4 .reward {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 66.66667vw;
  margin: 0 auto;
}

.main .part4 .reward li.reward-item {
  width: 28.26667vw;
  height: 68.53333vw;
  position: relative;
}

.main .part4 .reward li.reward-item .btn-reward {
  display: block;
  width: 19.6vw;
  height: 4.93333vw;
  background: url(https://ossstatic.leiting.com/static/wd/202209/202209jyzlp/images/M/btn-show.png) no-repeat center/contain;
  position: absolute;
  margin-left: -9.8vw;
  left: 50%;
  bottom: 13.33333vw;
  font-size: 3.2vw;
  color: #fffde7;
  line-height: 5.06667vw;
  text-align: center;
}

.main .part4 .reward > li.reward-item:nth-child(1) {
  background: url(https://ossstatic.leiting.com/static/wd/202209/202209jyzlp/images/M/part4-reward1.png) no-repeat center/contain;
}

.main .part4 .reward > li.reward-item:nth-child(2) {
  background: url(https://ossstatic.leiting.com/static/wd/202209/202209jyzlp/images/M/part4-reward2.png) no-repeat center/contain;
}

.main .part4 .reward > li.reward-item:nth-child(3) {
  background: url(https://ossstatic.leiting.com/static/wd/202209/202209jyzlp/images/M/part4-reward3.png) no-repeat center/contain;
}

.main .part4 .reward > li.reward-item:nth-child(4) {
  background: url(https://ossstatic.leiting.com/static/wd/202209/202209jyzlp/images/M/part4-reward4.png) no-repeat center/contain;
}

.main .top-up {
  margin-top: -1px;
}

@keyframes cir {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes floatY {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(15px);
  }
}

@keyframes puffIn {
  0% {
    transform: scale3d(2, 2, 2);
    opacity: 0;
  }
  100% {
    transform: none;
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}