@charset "UTF-8";/*css reset*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
	/* margin: 0 auto; */
	padding: 0;
	/*font-family: "PingFang SC","Helvetica Neue","Hiragino Sans GB","Segoe UI","Microsoft YaHei","寰蒋闆呴粦", Arial, SimSn, sans-seriuf;*/
}
fieldset, img {
	border: 0;
	vertical-align:middle;
}
:focus {
	outline: 0;
}
address, caption, cite, code, dfn, em, th, var, optgroup {
	font-style: normal;
	font-weight: normal;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
a{
	text-decoration:none;
	color:#333333;
}
a:hover{ 
    -webkit-filter:brightness(1.1);filter:brightness(1.1)
}

abbr, acronym {
	border: 0;
	font-variant: normal;

}
input, button, textarea, select, optgroup, option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
}
code, kbd, samp, tt {
	font-size: 100%;
}

input, button, textarea, select {
	font-size: 100%;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}
.clear{ clear:both}
.zoom{zoom:1;display:inline;}
.fl{ float:left}
.fr{ float:right}
.dl{ display:block; float:left}
.dr{ display:block; float:right}
.em2{ text-indent:2em;}
.hide{
	display: none!important;
}
body, html {
	width: 100%;
	height: 100%;
	text-align: left;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
}
.active{}
.hint {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    background: rgba(0, 0, 0, 0.6);
    margin: 0 auto;
    -webkit-transform: translateY(-50%);
    z-index: 5000;
    text-align: center;
    padding: 5px 15px;
    border-radius: 10px;
    color: #fff;
    font-size: 0.32rem  /* 32/100 */;
    box-sizing: border-box;
    -webkit-animation: moveIn 0.5s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s both;
}

.moveIn {
    -webkit-animation: moveIn 0.5s 0.2s cubic-bezier(0.165, 0.840, 0.440, 1.000) both;
}

.moveOut {
    pointer-events: none;
    -webkit-animation: moveOut 0.3s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s both;
}
*{
    -webkit-tap-highlight-color: transparent
}
@-webkit-keyframes moveIn {
    from {
        -webkit-transform: translate(-50%, -50%) scale(1.2);
        opacity: 0;
    }
    to {
        -webkit-transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
}
@-webkit-keyframes zoomIn {
    from {
        -webkit-transform: scale(1.2);
        opacity: 0;
    }
    to {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes moveOut {
    from {
        -webkit-transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
    to {
        -webkit-transform: translate(-50%, -50%) scale(1.2);
        opacity: 0;
    }
}
.vc-scroller-viewport{
    width: 100%;
}
/* @font-face {
    font-family: "honghuang";
    src: url("../fonts/honghuang.ttf") format("truetype");
}
@font-face {
    font-family: "Oswald";
    src: url("../fonts/Oswald-VariableFont_wght.ttf") format("truetype");
}
@font-face {
    font-family: "fzcangyhjw";
    src: url("../fonts/fzcangyhjw.ttf") format("truetype");
} */
.plugin_ctrl_mod_overlay_wrapper .mod_speed_select li{
    margin: auto!important;
}/**
 * Swiper 8.3.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: July 6, 2022
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}

html {
  font-size: calc(100vh / 1080 * 100);
  width: 100%;
  height: 100%;
}

body {
  font-size: 0;
  overflow: hidden;
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
  -moz-text-size-adjust: 100% !important;
  position: relative;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: transparent url(https://game.gtimg.cn/images/nikke/act/reservation/images/bg.jpg) center center no-repeat;
  background-size: cover;
}
.container {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  overflow: hidden;
}

.active {
  display: block;
  z-index: 9;
}

.page {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  display: flex;
}

.pageIndex {
  width: 100%;
  height: 100%;
  transition: all 0.5s;
  background: transparent url(https://game.gtimg.cn/images/nikke/act/reservation/images/page2.jpg) center center no-repeat;
  background-size: cover;
}
.pageIndex .swiper-wrapper>.swiper-slide-active {
  pointer-events: auto;
}

.pageIndex .swiperIndex {
  /* width: 100%;
  height: 100%; */
  width: 25.6rem;
  height: 100vh;
  overflow: hidden;
}

.pageIndex .header{
  width: 25.6rem;
  height: 1.46rem;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/top-nav.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 22;
}
.pageIndex .header .top-nav{
  width: 18rem;
  height: 1rem;
  position: absolute;
  left: 6.08rem;
  top: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.pageIndex .header .top-nav a{
  display: block;
  /* width: 1rem; */
  font-size: 0.2rem;
  color: #ffffff;
  line-height: 0.24rem;
  text-align: center;
  margin-right: 1.04rem;
}
.pageIndex .header .top-nav a.on{
  color: #fba239;
}
.pageIndex .header .top-nav a .text2{
  font-size: 0.16rem;
  opacity: 0.65;
}

.login-box{
  width: 10rem;
  position: fixed;
  top: 1.3rem;
  right: 3rem;
  font-size: 0.26rem;
  color: #ffffff;
  line-height: 0.3rem;
  z-index: 6;
  text-align: right;
  /* filter: drop-shadow(0px 2px 4px black); */
  text-shadow: 0px 2px 5px #000, 2px 0px 5px #000;
}
.login-box a{
  color: #ffb43d;
  text-decoration: underline;
  margin: 0 0.1rem;
}

.pageIndex .logo {
  position: absolute;
  width: 1.42rem;
  height: 0.65rem;
  top: 0.28rem;
  left: 1.06rem;
  pointer-events: none;
  z-index: 2;
}
.pageIndex .logo.wegame{
  width: 3.41rem;
  left: 0.96rem;
}

.pageIndex .footer {
  height: auto;
  font-size: 0.16rem;
  color: #ffffff;
  background: #000 url(https://game.gtimg.cn/images/nikke/act/reservation/images/foot-bg.jpg) 0 0 no-repeat;
  background-size: 100% auto;
}

.pageIndex .footer>div {
  width: 100%;
}

.pageIndex .footer .foot_cpright {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

.pageIndex .footer .foot {
  background: none;
}

.pageIndex .footer .foot * {
  color: #fff;
}

.pageIndex .footer .isMobile {
  display: none;
}

.pageIndex .footer #afooter {
  display: none;
  text-align: center;
  padding: 10px 0;
}

.pageIndex .footer .foot_lefts {
  height: 80px;
  width: 450px;
  margin-left: auto;
  margin-right: 50px;
}

.pageIndex .footer .foot_links {
  margin-left: 0;
  margin-right: auto;
}

.pageIndex .footer .foot_left {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  text-indent: 0;
  margin: 0;
}

.btn-music{
  width: 0.8rem;
  height: 0.8rem;
  margin: 0;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/btn-music.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 0.08rem;
  right: 1.9rem;
  z-index: 2;
}
.btn-music.pause{
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/btn-music-pause.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
.btn-music::after{
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/btn-music-icon.png) 0 0 no-repeat;
  background-size: 100% 100%;
  animation: rotateAnimation 1s linear infinite;
}
.btn-music.pause::after{
  background: none;
  animation-play-state: paused;
}


.pageIndex .page1 {
  overflow: hidden;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/bg_01.jpg) bottom center no-repeat;
  background-size: cover;
}

.page1-main {
  width: 18rem;
  height: 6rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -0.29rem;
  margin-left: -9rem;
  /* transform: scale(0.9); */
  /* transform-origin: top center; */
}

.page1-main .btn-play {
  display: none;
  width: 1.08rem;
  height: 1rem;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
/* .page1-main .btn-play:hover{
  transform: scale(1.06);
} */

/* .page1-main .btn-play::after {
  content: '';
  display: block;
  width: 1.35rem;
  height: 1.35rem;
  position: absolute;
  bottom: 0;
  right: 0;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/btn-play.png) 0 0 no-repeat;
  background-size: 100% 100%;
  pointer-events: none;
} */

.page1-main .slogan {
  width: 16.86rem;
  height: 3.13rem;
  margin: 0 auto;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/slogan.png) 0 0 no-repeat;
  background-size: 100% 100%;
  pointer-events: none;
  position: relative;
  left: -0.36rem;
}
.page1-main .btn-download{
  display: block;
  width: 6.06rem;
  height: 1.55rem;
  margin: 0.3rem auto 0;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/btn-download.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: relative;
  z-index: 2;
  transition: transform 0.3s ease;
}
.page1-main .btn-download:hover{
  transform: scale(1.06);
}

.page1-tips{
  width: 3.43rem;
  height: 0.31rem;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/page1-tips.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -1.715rem;
  margin-top: 4.54rem;
  pointer-events: none;
}

.down-icon{
  width: 0.26rem;
  height: 0.34rem;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/down-icon.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -0.13rem;
  margin-top: 5.1rem;
  pointer-events: none;
  animation: scrollAnimation 1.2s linear infinite;
}

.game-medal{
  width: 4.81rem;
  height: 0.63rem;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/game-medal.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  bottom: 0.16rem;
  left: 0.2rem;
}
.bg-video{
  width: 100%;
  height: 100%;
}
.bg-video video{
  display: block;
  width: 100%;
}

.pageIndex .page2 {
  overflow: hidden;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/bg_02.jpg) top center no-repeat;
  background-size: cover;
}

.page2-main{
  width: 14.44rem;
  height: 8rem;
  position: absolute;
  top: 50%;
  left: 0.4rem;
  margin-top: -3rem;
  transform: scale(0.84);
  transform-origin: top center;
}
.page2-title{
  width: 14.21rem;
  height: 1.2rem;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/page2-title.png) 0 0 no-repeat;
  background-size: 100% 100%;
  margin: 0 auto 0.84rem;
  opacity: 0;
  transform: translateX(40px);
  transition: all 0.5s ease 0.4s;
}
.swiper-slide-active .page2-title{
  opacity: 1;
  transform: translateX(0px);
}

.page2-exclusive-award{
  width: 100%;
  margin: 0 auto;
  position: relative;
  opacity: 0;
  transform: translateY(60px);
  transition: all 0.8s ease 0.6s;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  left: -0.58rem;
  /* transform-style: preserve-3d; */
  /* -webkit-transform-style: preserve-3d; */
  /* perspective: 18rem;
  -webkit-perspective: 18rem; */
}
.swiper-slide-active .page2-exclusive-award{
  opacity: 1;
  transform: translateY(0px);
}
.exclusive-award-item{
  width: 4.39rem;
  margin: 0 auto;
  position: relative;
  padding-top: 0.5rem;
  margin-right: 0.2rem;
  box-sizing: border-box;
  padding-right: 0.26rem;
}
.exclusive-award-item::before{
  content: '';
  display: block;
  width: 4.39rem;
  height: 7.56rem;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/award-item-bg.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.item3-award{
  position: absolute;
  bottom: -1.12rem;
}
.item3-award1{
  left: 0.14rem;
}
.item3-award2{
  right: 0.36rem;
}
/* .exclusive-award-item1{
  position: absolute;
  top: 0;
  left: -2rem;
  transition-duration: 0ms;
  transform: translate3d(0px, 0px, -2.8rem) rotateX(0deg) rotateY(50deg) scale(1.1);
  transform-origin: top center;
  z-index: 0;
}
.exclusive-award-item2{
  z-index: 3;
}
.exclusive-award-item3{
  position: absolute;
  top: 0;
  right: -2rem;
  transition-duration: 0ms;
  transform: translate3d(0px, 0px, -2.8rem) rotateX(0deg) rotateY(-50deg) scale(1.1);
  transform-origin: top center;
  z-index: 0;
} */
.exclusive-award-item .award-title{
  width: 3.37rem;
  height: 0.96rem;
  margin: 0 auto 0.2rem;
  position: relative;
  z-index: 2;
}
.award-title1{
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/award-title1.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
.award-title2{
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/award-title2.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
.award-title3{
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/award-title3.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
.award-title4{
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/award-title4.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
.exclusive-award-item .award-text{
  position: relative;
  z-index: 2;
  font-size: 0.23rem;
  color: #ffffff;
  line-height: 0.3rem;
  width: 100%;
  height: 0.6rem;
  text-align: center;
  opacity: 0.6;
  margin-bottom: 0.2rem;
}
.exclusive-award-item .award-img{
  width: 4.13rem;
  height: 3.2rem;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/award-bg.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
.exclusive-award-item .award-img img{
  display: block;
  width: 100%;
}
.exclusive-award-item .award-name{
  font-size: 0.2rem;
  color: #ffffff;
  position: relative;
  z-index: 2;
  text-align: center;
  margin-top: -0.38rem;
  margin-bottom: 0.28rem;
  line-height: 0.28rem;
  height: 0.56rem;
}

.exclusive-award-item .adress-award-tips{
  display: block;
  width: 2.9rem;
  height: 0.67rem;
  margin: 0 auto;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/adress-award-tips.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: relative;
  z-index: 2;
}

.exclusive-award-item .btn-get-award{
 display: block;
 width: 1.9rem;
 height: 0.67rem;
 margin: 0 auto;
 background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/btn-get-award.png) 0 0 no-repeat;
 background-size: 100% 100%;
 position: relative;
 z-index: 2;
}
.exclusive-award-item .btn-get-award.gray{
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/btn-get-award-g.png) 0 0 no-repeat;
  background-size: 100% 100%;
}


.pageIndex .page3 {
  overflow: hidden;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/bg_03.jpg) top center no-repeat;
  background-size: cover;
}

.page3-main{
  /* width: 17.2rem;
  height: 10rem;
  position: absolute;
  top: 50%;
  right: 0.2rem;
  margin-top: -4.3rem; */
  width: 17.2rem;
  height: 10rem;
  position: absolute;
  top: 2.4rem;
  right: 0.94rem;
  /* left: 50%;
  margin-left: -3.8rem; */
  /* margin-top: -3.3rem; */
  /* transform: scale(0.84); */
  transform: scale(0.954);
  transform-origin: top center;
}

.page3-title{
  width: 14.37rem;
  height: 1.57rem;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/page3-title.png) 0 0 no-repeat;
  background-size: 100% 100%;
  margin: 0 0 1.56rem;
  position: relative;
  top: 0.02rem;
  left: 0.9rem;
  opacity: 0;
  transform: translateX(40px);
  transition: all 0.5s ease 0.4s;
}
.swiper-slide-active .page3-title{
  opacity: 1;
  transform: translateX(0px);
}

.page3-title-text{
  font-size: 0.22rem;
  color: #ffffff;
  line-height: 0.3rem;
  padding-left: 1.34rem;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0.6;
}

.page3-title-text span{
  color: #ffd05c;
}

.welfare-content{
  width: 17.5rem;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  opacity: 0;
  transform: translateY(40px);
  transition: all 0.5s ease 0.6s;
}
.swiper-slide-active .welfare-content{
  opacity: 1;
  transform: translateY(0px);
}
/* .welfare-content::before{
  content: '';
  display: block;
  width: 15.18rem;
  height: 8.16rem;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -7.59rem;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/welfare-content-line.png) 0 0 no-repeat;
  background-size: 100% 100%;
  pointer-events: none;
} */
.welfare-swiper{
  width: 100%;
  padding: 1rem 0 0.8rem;
  position: relative;
  top: -1rem;
}
.welfare-swiper .swiper-wrapper{
  position: relative;
  z-index: 4;
}

.welfare-swiper .swiper-slide{
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.welfare-swiper .swiper-slide::before{
  content: '';
  display: block;
  width: 15.18rem;
  height: 8.16rem;
  position: absolute;
  top: 0.02rem;
  left: 50%;
  margin-left: -7.59rem;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/welfare-content-line.png) 0 0 no-repeat;
  background-size: 100% 100%;
  pointer-events: none;
}
.welfare-prev, .welfare-next{
  width: 0.51rem;
  height: 0.88rem;
  position: absolute;
  top: 50%;
  margin-top: -0.7rem;
  left: 0;
  z-index: 3;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/welfare-prev.png) 0 0 no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}
.welfare-next{
  left: auto;
  right: 0;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/welfare-next.png) 0 0 no-repeat;
  background-size: 100% 100%;
}

.welfare-item{
  position: relative;
  z-index: 2;
  width: 4.9rem;
  text-align: center;
  margin: 0 0.36rem 0;
  /* margin: 0 0.146rem 0; */
  /* opacity: 0;
  transform: translateY(40px); */
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: flex-start;
  top: 0.66rem;
}

/* .welfare-item1{
  transition: all 0.5s ease 0.4s;
}
.welfare-item2{
  transition: all 0.5s ease 0.6s;
}
.welfare-item3{
  transition: all 0.5s ease 0.8s;
}
.welfare-item4{
  transition: all 0.5s ease 1s;
}
.welfare-item5{
  transition: all 0.5s ease 1.2s;
}
.swiper-slide-active .welfare-item{
  opacity: 1;
  transform: translateY(0px);
} */

.welfare-lv-text{
  width: 100%;
  font-size: 0.32rem;
  line-height: 0.4rem;
  color: #f6c963;
  /* opacity: 0.4; */
  opacity: 0.6;
  text-align: center;
  margin: 0 auto 1.32rem;
}
/* .welfare-item2 .welfare-lv-text, .welfare-item4 .welfare-lv-text{
  opacity: 0.6;
  font-size: 0.34rem;
} */
/* .welfare-item3 .welfare-lv-text{
  opacity: 1;
  font-size: 0.38rem;
} */
.welfare-item1, .welfare-item3{
  top: 0.22rem;
}
.welfare-item2{
  top: -0.76rem;
}
/* .welfare-item2, .welfare-item3{
  top: -0.64rem;
} */
.welfare-pagination{
  width: 100%;
  position: absolute;
  bottom: 0.2rem;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.welfare-pagination .swiper-pagination-bullet{
  display: inline-block;
  width: 0.27rem;
  height: 0.27rem;
  margin: 0 0.1rem;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/welfare-pagination-bullet.png) 0 0 no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}
.welfare-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/welfare-pagination-active.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
.welfare-scrollbar{
  width: 4.8rem;
  height: 0.18rem;
  position: absolute;
  bottom: 0.2rem;
  left: 50%;
  margin-left: -2.4rem;
  background-color: #57412a;
  border-radius: 0.3rem;
}
.swiper-scrollbar-drag{
  width: 0.2rem;
  height: 0.18rem;
  margin: 0;
  border-radius: 0.3rem;
  background-color: #c08138;
}

.welfare-award-box{
  width: 2.4rem;
  margin: 0;
}
.welfare-img{
  width: 2.4rem;
  height: 3.57rem;
  margin: 0 auto 0.24rem;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/welfare-img-bg.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.welfare-img img{
  display: block;
  width: 100%;
}
.welfare-name{
  width: 100%;
  font-size: 0.2rem;
  color: #ffffff;
  line-height: 0.28rem;
  text-align: center;
  position: absolute;
  bottom: 0.4rem;
  left: 0;
}
.icon-point{
  display: block;
  width: 0.39rem;
  height: 0.39rem;
  position: absolute;
  top: 0.63rem;
  left: 50%;
  margin-left: -0.195rem;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/icon-point-on1.png) 0 0 no-repeat;
  background-size: 100% 100%;
}

/* .welfare-item3 .icon-point{
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/icon-point-on.png) 0 0 no-repeat;
  background-size: 100% 100%;
} */
/* .welfare-item2 .icon-point, .welfare-item4 .icon-point{
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/icon-point-on1.png) 0 0 no-repeat;
  background-size: 100% 100%;
} */

.welfare-item .btn-get-award{
  display: block;
  width: 2.02rem;
  height: 0.66rem;
  margin: 0 auto;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/btn-get-award1.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: relative;
  z-index: 2;
}
.welfare-item .btn-get-award.gray{
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/btn-get-award1-g.png) 0 0 no-repeat;
  background-size: 100% 100%;
}

.pageIndex .page4 {
  overflow: hidden;
  background: #000;
  /* background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/bg_04.jpg) center center no-repeat;
  background-size: cover; */
}
.pageIndex .page4 .page4-mask{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #000000;
  opacity: 0.6;
  display: none;
}

.page4-shooting{
  width: 100%;
  height: 100%;
  position: relative;
}


/* 放大缩小动画 */
@-webkit-keyframes zoomPulse {
  0%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  75% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
@keyframes zoomPulse {
  0%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  75% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
@-webkit-keyframes zoomPulse1 {
  0%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  25% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  75% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
@keyframes zoomPulse1 {
  0%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  25% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  75% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
/* 抖动动画 */
@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  25% {
    -webkit-transform: translate(0.02rem, -0.02rem);
            transform: translate(0.02rem, -0.02rem);
  }
  50% {
    -webkit-transform: translate(-0.02rem, 0.02rem);
            transform: translate(-0.02rem, 0.02rem);
  }
  75% {
    -webkit-transform: translate(0.02rem, 0.02rem);
            transform: translate(0.02rem, 0.02rem);
  }
}
@keyframes shake {
  0%, 100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  25% {
    -webkit-transform: translate(0.02rem, -0.02rem);
            transform: translate(0.02rem, -0.02rem);
  }
  50% {
    -webkit-transform: translate(-0.02rem, 0.02rem);
            transform: translate(-0.02rem, 0.02rem);
  }
  75% {
    -webkit-transform: translate(0.02rem, 0.02rem);
            transform: translate(0.02rem, 0.02rem);
  }
}

.game-container {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: none;
}
.game-container .crosshair {
  display: none;
  position: absolute;
  width: 1.07rem;
  height: 1.07rem;
  pointer-events: none;
}
.game-container .crosshair::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.07rem;
  height: 1.07rem;
  background-image: url("//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/crosshair-around.png");
  background-size: 100% 100%;
}
.game-container .crosshair::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.07rem;
  height: 1.07rem;
  background-image: url("//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/crosshair-cross.png");
  background-size: 100% 100%;
}
.game-container .crosshair.active {
  -webkit-animation: shake 1s infinite;
          animation: shake 1s infinite;
}
.game-container .crosshair.active::before {
  -webkit-animation: zoomPulse1 0.3s infinite;
          animation: zoomPulse1 0.3s infinite;
}
.game-container .crosshair.active::after {
  -webkit-animation: zoomPulse 0.3s infinite;
          animation: zoomPulse 0.3s infinite;
}

.game-container.lock {
  pointer-events: none;
}

.game-container video {
  display: block;
  width: 100%;
}

.game-canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.game-canvas canvas {
  display: block;
  width: 100%;
  height: auto;
  /* height: 100%; */
}

.enemy {
  position: absolute;
}

.enemy.lock {
  pointer-events: none;
}

/* .enemy-1 {
  top: 0;
  left: 50%;
  width: 8.4rem;
  height: 7.07rem;
  background: #000;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-clip-path: polygon(0 60%, 20% 10%, 0 0, 100% 0, 80% 15%, 100% 65%, 100% 0%, 100% 90%, 65% 100%, 52% 70%, 40% 100%, 0 100%);
          clip-path: polygon(0 60%, 20% 10%, 0 0, 100% 0, 80% 15%, 100% 65%, 100% 0%, 100% 90%, 65% 100%, 52% 70%, 40% 100%, 0 100%);
}

.enemy-2 {
  top: 0.8rem;
  left: 50%;
  width: 5rem;
  height: 4.55rem;
  margin-left: -6rem;
  background: #000;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-clip-path: polygon(15% 65%, 0% 10%, 40% 5%, 100% 0, 100% 20%, 75% 35%, 90% 50%, 100% 80%, 70% 65%, 50% 100%, 30% 70%, 5% 100%);
          clip-path: polygon(15% 65%, 0% 10%, 40% 5%, 100% 0, 100% 20%, 75% 35%, 90% 50%, 100% 80%, 70% 65%, 50% 100%, 30% 70%, 5% 100%);
}

.enemy-3 {
  top: 0.34rem;
  left: 50%;
  width: 3.7rem;
  height: 4.63rem;
  margin-left: 6rem;
  background: #000;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-clip-path: polygon(30% 60%, 5% 30%, 40% 30%, 65% 0, 70% 30%, 100% 40%, 80% 70%, 90% 100%, 60% 80%, 45% 100%, 40% 75%, 0% 90%);
          clip-path: polygon(30% 60%, 5% 30%, 40% 30%, 65% 0, 70% 30%, 100% 40%, 80% 70%, 90% 100%, 60% 80%, 45% 100%, 40% 75%, 0% 90%);
} */

.enemy-1 {
  top: 0;
  left: 50%;
  width: 9.5rem;
  height: 8rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-clip-path: polygon(0 60%, 20% 10%, 0 0, 100% 0, 80% 15%, 100% 65%, 100% 0%, 100% 90%, 65% 100%, 52% 70%, 40% 100%, 0 100%);
          clip-path: polygon(0 60%, 20% 10%, 0 0, 100% 0, 80% 15%, 100% 65%, 100% 0%, 100% 90%, 65% 100%, 52% 70%, 40% 100%, 0 100%);
}

.enemy-2 {
  top: 1rem;
  left: 2rem;
  width: 5.5rem;
  height: 5rem;
  -webkit-clip-path: polygon(15% 65%, 0% 10%, 40% 5%, 100% 0, 100% 20%, 75% 35%, 90% 50%, 100% 80%, 70% 65%, 50% 100%, 30% 70%, 5% 100%);
          clip-path: polygon(15% 65%, 0% 10%, 40% 5%, 100% 0, 100% 20%, 75% 35%, 90% 50%, 100% 80%, 70% 65%, 50% 100%, 30% 70%, 5% 100%);
}

.enemy-3 {
  top: 0.5rem;
  right: 2.8rem;
  width: 4rem;
  height: 5rem;
  -webkit-clip-path: polygon(30% 60%, 5% 30%, 40% 30%, 65% 0, 70% 30%, 100% 40%, 80% 70%, 90% 100%, 60% 80%, 45% 100%, 40% 75%, 0% 90%);
          clip-path: polygon(30% 60%, 5% 30%, 40% 30%, 65% 0, 70% 30%, 100% 40%, 80% 70%, 90% 100%, 60% 80%, 45% 100%, 40% 75%, 0% 90%);
}

.page4-main{
  width: 100%;
  height: 3rem;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 40px);
  z-index: 5;
  opacity: 0;
  transition: all 0.5s ease 0.4s;
  pointer-events: none;
}
.swiper-slide-active .page4-main{
  opacity: 1;
  transform: translate(-50%, 0);
}

.btn-rules{
  display: block;
  width: 1.47rem;
  height: 0.39rem;
  position: absolute;
  top: 1.68rem;
  right: 0.7rem;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/btn-rules.png) 0 0 no-repeat;
  background-size: 100% 100%;
  z-index: 5;
}
.page4-tips-text{
  width: 4.67rem;
  height: 0.2rem;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/page4-tips-text.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  bottom: 0.3rem;
  right: 0.7rem;
  z-index: 2;
}
.lottery-bottom-content{
  width: 25.6rem;
  height: 7.88rem;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -12.8rem;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/lottery-bottom-bg.png) 0 0 no-repeat;
  background-size: 100% 100%;
  padding-top: 5.4rem;
  box-sizing: border-box;
  transform: scale(0.884);
  transform-origin: bottom center;
  pointer-events: auto;
  opacity: 1;
  transform: translateY(0);
  transition: all 0.4s ease 0.4s;
}
.lottery-bottom-content.out{
  opacity: 0;
  transform: translateY(60px);
  pointer-events: none;
  transition: all 0.4s ease;
}

.lottery-bottom-flex{
  width: 25.6rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.lottery-award-item{
  width: 2.58rem;
  height: 1.4rem;
  margin: 0 0.2rem;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/lottery-award-bg.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
.lottery-award-img{
  width: 100%;
  height: 100%;
}
.lottery-award-img img{
  display: block;
  width: 100%;
}
.lottery-award-name{
  width: 100%;
 font-size: 0.2rem;
 color: #ffffff;
 text-align: center;
 line-height: 0.3rem;
 padding-top: 0.1rem;
}

.lottery-bottom-content .btn-lottery-open{
  display: block;
  width: 2.88rem;
  height: 0.8rem;
  margin: 0 0.2rem;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/btn-lottery.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: relative;
  z-index: 2;
  top: 0.32rem;
}

.lottery-show-content{
  width: 25.6rem;
  height: 8.58rem;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -12.8rem;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/lottery-show-bg.png) 0 0 no-repeat;
  background-size: 100% 100%;
  padding-top: 0.46rem;
  box-sizing: border-box;
  transform: scale(0.884);
  transform-origin: bottom center;
  opacity: 0;
  transform: translateY(60px);
  pointer-events: none;
  transition: all 0.4s ease;
}
.lottery-show-content.show{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
  transition: all 0.4s ease 0.4s;
}
.lottery-show-center{
  width: 16rem;
  margin: 0 auto;
}
.lottery-tips-content{
  width: 100%;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 0.5rem;
  margin-bottom: 0.3rem;
}
.lottery-tips{
  font-size: 0.2rem;
  color: #ffffff;
  line-height: 0.3rem;
  margin: 0;
}
.lottery-tips span{
  color: #ffd05c;
}
.btn-pick-up{
  display: block;
  width: 0.53rem;
  height: 0.31rem;
  position: absolute;
  left: 50%;
  top: 0.16rem;
  margin-left: -0.265rem;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/btn-pick-up.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
.btn-my-award{
  display: block;
  font-size: 0.22rem;
  color: #9fa0a2;
  line-height: 0.3rem;
  padding-bottom: 0.04rem;
  border-bottom: 1px solid #9fa0a2;
}


.scroll-content{
  touch-action: pan-y;
}

.lottery-award-swiper{
  width: 100%;
  height: 2.6rem;
  overflow: hidden;
}
.lottery-award-swiper .swiper-slide{
  width: 2.82rem;
  margin: 0;
}
.lottery-award-simg{
  width: 2.82rem;
  height: 2.3rem;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/lottery-award-simg.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: relative;
  margin: 0;
}
.lottery-award-simg img{
  display: block;
  width: 100%;
}
.lottery-award-sname{
  font-size: 0.2rem;
  color: #ffffff;
  text-align: center;
  width: 100%;
  position: absolute;
  bottom: .3rem;
  left: 0;
}


.lottery-task{
  width: 16.4rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  height: 3.06rem;
  margin-bottom: 0.2rem;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  padding-right: 0.4rem;
}
.lottery-task::-webkit-scrollbar {
  width: 4px;
  background-color: #57412a;
}
.lottery-task::-webkit-scrollbar-thumb {
  width: 4px;
  border-radius: 4px;
  background-color: #c08138
}

.lottery-task-item{
  width: 7.94rem;
  height: 0.87rem;
  margin: 0 0 0.2rem;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/lottery-task-bg.png) 0 0 no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
  padding-top: 0.12rem;
  padding-left: 0.2rem;
  position: relative;
}
.lottery-task-item::before{
  content: '';
  display: block;
  width: 4.37rem;
  height: 1px;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/task-line.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 0.46rem;
  left: 0.2rem;
}
.lottery-task-text{
  width: 100%;
  height: 0.27rem;
  margin: 0 0 0.16rem;
  font-size: 0.2rem;
  color: #fefefe;
  line-height: 1;
}
.lottery-task-t1{
  font-size: 0.16rem;
  color: #ffd05c;
  line-height: 0.24rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.lottery-task-t1::after{
  content: '';
  display: block;
  width: 0.36rem;
  height: 0.15rem;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/task-icon.png) 0 0 no-repeat;
  background-size: 100% 100%;
  margin: 0 0 0 0.14rem;
  position: relative;
  top: 0.01rem;
}
.btn-finish-task{
  display: block;
  width: 2.24rem;
  height: 0.63rem;
  position: absolute;
  top: 0.12rem;
  right: 0.12rem;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/btn-get.png) 0 0 no-repeat;
  background-size: 100% 100%;
  z-index: 4;
}
.btn-finish-task.order{
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/btn-order.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
.btn-finish-task.invite{
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/btn-go-invite.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
.btn-finish-task.finish{
  width: 1.29rem;
  height: 0.28rem;
  top: 0.295rem;
  right: 0.595rem;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/btn-finish.png) 0 0 no-repeat;
  background-size: 100% 100%;
}

.task-num{
  width: 1rem;
  height: 0.24rem;
  font-size: 0.2rem;
  color: #adadad;
  line-height: 0.24rem;
  position: absolute;
  top: 50%;
  margin-top: -0.12rem;
  left: 4.9rem;
}

.btn-lottery{
  display: block;
  width: 2.88rem;
  height: 0.8rem;
  margin: 0 auto;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/btn-lottery.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
.btn-skip{
  display: block;
  width: 0.99rem;
  height: 0.18rem;
  margin: 0.2rem auto 0;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/btn-skip.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
.btn-skip.on{
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/btn-skip-on.png) 0 0 no-repeat;
  background-size: 100% 100%;
}

.pageIndex .page5 {
  overflow: hidden;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/bg_05.jpg) top center no-repeat;
  background-size: cover;
}
.page5-main{
  width: 18.6rem;
  height: 8rem;
  position: absolute;
  top: 50%;
  left: 0.7rem;
  margin-top: -3.2rem;
  transform: scale(0.8);
  transform-origin: top left;
}
.page5-title{
  width: 12.8rem;
  height: 1.57rem;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/page5-title.png) 0 0 no-repeat;
  background-size: 100% 100%;
  margin: 0 0 0.6rem;
  position: relative;
  transform: translateX(40px);
  transition: all 0.5s ease 0.4s;
}
.swiper-slide-active .page5-title{
  opacity: 1;
  transform: translateX(0px);
}
.page5-title-t1{
  width: 18rem;
  font-size: 0.22rem;
  color: #ffffff;
  line-height: 0.26rem;
  position: absolute;
  bottom: 0.08rem;
  left: 1.35rem;
  opacity: 0.6;
}

.page5-title-t1 span{
  color: #ffd05c;
}

.qb-tips{
  width: 2.6rem;
  font-size: 0.16rem;
  color: #ffd05c;
  line-height: 0.2rem;
  position: absolute;
  top: -2.36rem;
  left: 0.2rem;
  opacity: 0.6;
}

.invite-list-content{
  width: 100%;
}
.invite-list{
  width: 22rem;
  height: 7.3rem;
  display: flex;
  justify-content: flex-start;
}
.invite-item{
  width: 4.36rem;
  height: 6.78rem;
  box-sizing: border-box;
  padding-right: 0.2rem;
  margin: 0 0.46rem 0 0;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/invite-award-bg.png) 0 0 no-repeat;
  background-size: 100% 100%;
  padding-top: 0.4rem;
  opacity: 0;
  transform: translateX(40px);
}
.invite-item:nth-child(1){
  transition: all 0.5s ease 0.6s;
}
.invite-item:nth-child(2){
  transition: all 0.5s ease 0.8s;
}
.invite-item:nth-child(3){
  transition: all 0.5s ease 1s;
}
.invite-item:nth-child(4){
  transition: all 0.5s ease 1.2s;
}
.swiper-slide-active .invite-item{
  opacity: 1;
  transform: translateX(0px);
}

.invite-get-box{
  position: absolute;
  bottom: 0.9rem;
}
.invite-get-box1{
  left: 0.12rem;
}
.invite-get-box2{
  right: 0.34rem;
}

.invite-number{
  height: 0.34rem;
  margin: 0 auto;
}
.invite-number.number1{
  width: 2.15rem;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/invite-number-1.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
.invite-number.number2{
  width: 2.25rem;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/invite-number-2.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
.invite-number.number3{
  width: 2.24rem;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/invite-number-3.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
.invite-number.number4{
  width: 2.26rem;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/invite-number-4.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
.invite-award{
  width: 100%;
  height: 4.6rem;
  position: relative;
}
.invite-award img{
  display: block;
  width: 100%;
}
.invite-award-name{
  width: 100%;
  font-size: 0.22rem;
  color: #ffffff;
  text-align: center;
  line-height: 0.28rem;
  height: 0.56rem;
  position: absolute;
  bottom: 1.2rem;
  left: 0;
  padding: 0 0.2rem;
  box-sizing: border-box;
}
.invite-item .btn-get{
  content: '';
  display: block;
  width: 1.9rem;
  height: 0.67rem;
  margin: 0 auto;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/btn-get1.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
.invite-item .btn-get.gray{
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/btn-get1-g.png) 0 0 no-repeat;
  background-size: 100% 100%;
}

.btn-invite{
  display: block;
  width: 3.09rem;
  height: 0.81rem;
  margin: 0 auto;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/btn-invite.png) 0 0 no-repeat;
  background-size: 100% 100%;
  opacity: 0;
  transform: translateY(40px);
  transition: all 0.5s ease 0.9s;
}
.swiper-slide-active .btn-invite{
  opacity: 1;
  transform: translateY(0px);
}

.invite-friend-num{
  font-size: 0.2rem;
  color: #ffffff;
  line-height: 0.26rem; 
  text-align: center;
  padding-top: 0.2rem;
}
.invite-friend-num span{
  color: #ffd05c;
}

.pageIndex .page6 {
  overflow: hidden;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/bg_06.jpg) top center no-repeat;
  background-size: cover;
}
.page6-main{
  width: 16.8rem;
  height: 8rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -3.6rem;
  margin-left: -8.4rem;
  transform: scale(0.78);
  transform-origin: top center;
}
.page6-title{
  width: 10.07rem;
  height: 1.21rem;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/page6-title.png) 0 0 no-repeat;
  background-size: 100% 100%;
  margin: 0 auto 0.7rem;
  position: relative;
  opacity: 0;
  transform: translateX(40px);
  transition: all 0.5s ease 0.4s;
}
.swiper-slide-active .page6-title{
  opacity: 1;
  transform: translateX(0px);
}
.record-inquire-content{
  width: 16.8rem;
  height: 9.18rem;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/record-inquire-bg.png) 0 0 no-repeat;
  background-size: 100% 100%;
  opacity: 0;
  transform: translateX(40px);
  transition: all 0.5s ease 0.6s;
}
.swiper-slide-active .record-inquire-content{
  opacity: 1;
  transform: translateX(0px);
}
.record-title{
  font-size: 0.34rem;
  color: #fff8f0;
  text-align: center;
  line-height: 0.4rem;
  padding-top: 0.2rem;
}
.record-text{
  font-size: 0.24rem;
  color: #ffeeda;
  text-align: center;
  font-size: 0.28rem;
  opacity: 0.6;
  padding-bottom: 0.1rem;
}
.record-table{
  width: 100%;
  height: 8rem;
  box-sizing: border-box;
  padding-top: 0.4rem;
  position: relative;
}
.record-table table{
  width: 100%;
}
.record-table table th, .record-table table td{
  font-size: 0.22rem;
  color: rgba(255, 255, 255, 0.4);
  text-align: center;
  line-height: 0.52rem;
}
.record-table table td{
  padding: 0.1rem 0;
}
.record-table table th{
  font-size: 0.34rem;
  color: #ffffff;
}
.record-table table .btn-get{
  display: block;
  width: 1.84rem;
  height: 0.52rem;
  margin: 0 auto;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/btn-get2.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
.record-table table .btn-get.gray{
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/btn-get2-g.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
.record-inquire-content .btn-address{
  display: block;
  width: 1.84rem;
  height: 0.28rem;
  margin: 0;
  position: absolute;
  top: 0.64rem;
  right: 1.9rem;
  font-size: 0.22rem;
  line-height: 0.28rem;
  color: #ffe56d;
  text-align: center;
}
.record-inquire-content .btn-address span{
  border-bottom: 1px solid #ffe56d;
}
/* .record-table table .btn-address{
  display: block;
  width: 1.84rem;
  height: 0.52rem;
  margin: 0 auto;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/btn-address.png) 0 0 no-repeat;
  background-size: 100% 100%;
} */

.record-table-page{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: absolute;
  bottom: 0.4rem;
  left: 0;
}
.record-table-page *{
  display: block;
  color: #ffffff;
  font-size: 0.22rem;
  margin: 0 0.2rem;
  cursor: pointer;
}


.pageIndex .page7 {
  overflow: hidden;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/bg_07.jpg) top center no-repeat;
  background-size: cover;
}
.page7-main{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(0.9);
  transform-origin: top center;
}
.page7-title{
  width: 8.66rem;
  height: 1.24rem;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/page7-title.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 2rem;
  right: 4.1rem;
  z-index: 4;
  opacity: 0;
  transform: translateX(40px);
  transition: all 0.5s ease 0.6s;
}
.swiper-slide-active .page7-title{
  opacity: 1;
  transform: translateX(0px);
}
.hero-change-content{
  width: 100%;
  height: 100%;
  position: relative;
}
.hero-change{
  width: 100%;
  height: 100%;
  position: relative;
}
.hero-citem{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease-out 0.1s;
}
.hero-citem.on{
  opacity: 1;
  pointer-events: auto;
}
.hero-cbg{
  width: 15.49rem;
  height: 14.4rem;
  position: absolute;
  top: 0;
  left: -0.94rem;
  opacity: 0;
  transform: translateX(-80px);
  transition: all 0.4s ease-out;
}
.hero-citem.on .hero-cbg{
  opacity: 1;
  transform: translateX(0px);
  transition: all 0.5s ease 0.5s;
}

.hero-cbg1{
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/hero-cbg1.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
.hero-cbg2{
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/hero-cbg2.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
.hero-cbg3{
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/hero-cbg3.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
.hero-cimg{
  width: 11.88rem;
  height: 13.45rem;
  position: absolute;
  top: 1.3rem;
  left: 2.24rem;
  opacity: 0;
  transform: translateY(80px);
  transition: all 0.4s ease-out;
}
.hero-citem.on .hero-cimg{
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.6s ease 0.8s;
}
.hero-cimg1{
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/hero-cimg1.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
.hero-cimg2{
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/hero-cimg2.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
.hero-cimg3{
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/hero-cimg3.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
.hero-cmsg{
  width: 7.64rem;
  height: 5rem;
  position: absolute;
  top: 3.9rem;
  right: 3.74rem;
}
.hero-icon1{
  width: 4.04rem;
  height: 0.56rem;
  margin: 0 0 0.4rem 0;
  opacity: 0;
  transform: translateX(40px);
  transition: all 0.5s ease 1s;
}
.hero-citem.on .hero-icon1{
  opacity: 1;
  transform: translateX(0px);
}
.hero-icon11{
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/hero-icon11.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
.hero-icon12{
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/hero-icon12.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
.hero-icon13{
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/hero-icon13.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
.hero-name{
  width: 5.34rem;
  height: 2.21rem;
  margin: 0 0 0.35rem 0;
  opacity: 0;
  transform: translateX(40px);
  transition: all 0.5s ease 1s;
}
.hero-citem.on .hero-name{
  opacity: 1;
  transform: translateX(0px);
}
.hero-name1{
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/hero-name1.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
.hero-name2{
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/hero-name2.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
.hero-name3{
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/hero-name3.png) 0 0 no-repeat;
  background-size: 100% 100%;
}

.hero-icon2{
  width: 4.04rem;
  height: 0.56rem;
  margin: 0 0 0.26rem 0;
  opacity: 0;
  transform: translateX(40px);
  transition: all 0.5s ease 1.2s;
}
.hero-citem.on .hero-icon2{
  opacity: 1;
  transform: translateX(0px);
}
.hero-icon21{
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/hero-icon21.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
.hero-icon22{
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/hero-icon22.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
.hero-icon23{
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/hero-icon23.png) 0 0 no-repeat;
  background-size: 100% 100%;
}

.hero-vioce{
  width: 4.92rem;
  height: 0.71rem;
  margin: 0 0 1.16rem 0;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/hero-vioce-bg.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: relative;
  font-size: 0.32rem;
  line-height: 0.7rem;
  color: #ffffff;
  text-align: center;
  box-sizing: border-box;
  padding-right: 1rem;
  opacity: 0;
  transform: translateX(40px);
  transition: all 0.5s ease 1s;
}
.hero-citem.on .hero-vioce{
  opacity: 1;
  transform: translateX(0px);
}
.hero-vioce::after{
  content: '';
  display: block;
  width: 7.8rem;
  height: 0.03rem;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/hero-line.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  bottom: -0.8rem;
  left: 0;
}

.hero-msg-text{
  font-size: 0.24rem;
  color: #e5e5e5;
  line-height: 0.48rem;
  position: relative;
  opacity: 0;
  transform: translateX(40px);
  transition: all 0.5s ease 1.2s;
}
.hero-citem.on .hero-msg-text{
  opacity: 1;
  transform: translateX(0px);
}
.hero-msg-text::after{
  content: '';
  display: block;
  width: 7.8rem;
  height: 0.03rem;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/hero-line.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  bottom: -0.25rem;
  left: 0;
}

.hero-elysion{
  width: 8.12rem;
  height: 3.18rem;
  position: absolute;
  right: -1rem;
  bottom: -1rem;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/hero-elysion.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
.hero-tetra{
  width: 9.32rem;
  height: 2.82rem;
  position: absolute;
  right: -1rem;
  bottom: -1rem;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/hero-tetra.png) 0 0 no-repeat;
  background-size: 100% 100%;
}

.hero-select{
  width: 10rem;
  height: 1.5rem;
  position: absolute;
  bottom: -0.8rem;
  left: 3.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.hero-select a{
  display: block;
  width: 2.54rem;
  height: 1.14rem;
  margin: 0 0.53rem 0 0;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/hero-select.png) 0 0 no-repeat;
  background-size: 8.67rem;
}
.hero-select a:nth-child(1){
  background-position: 0 0;
}
.hero-select a:nth-child(2){
  background-position: -3.07rem 0;
}
.hero-select a:nth-child(3){
  margin: 0 0 0 0;
  background-position: -6.13rem 0;
}
.hero-select a.on{
  width: 2.99rem;
  height: 1.34rem;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/hero-select-on.png) 0 0 no-repeat;
  background-size: 9.57rem;
}
.hero-select a.on:nth-child(1){
  background-position: 0 0;
}
.hero-select a.on:nth-child(2){
  background-position: -3.29rem 0;
}
.hero-select a.on:nth-child(3){
  background-position: -6.58rem 0;
}

.pageIndex .page8 {
  overflow: hidden;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/bg_08.jpg) top center no-repeat;
  background-size: cover;
}
.page8-main{
  width: 20.8rem;
  height: 9.6rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -3.6rem;
  margin-left: -10.4rem;
  transform: scale(0.88);
  transform-origin: top center;
}
.page8-title{
  width: 9.47rem;
  height: 1.2rem;
  margin: 0 auto 0.2rem;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/page8-title.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
.more-picture-swiper{
  width: 19.8rem;
  height: 8rem;
  margin: 0 auto;
  padding-top: 0.6rem;
  box-sizing: border-box;
  overflow: hidden;
}
.more-picture-swiper .swiper-slide{
  width: 12.96rem;
}
.more-picture-img{
  width: 12.96rem;
  height: 7.27rem;
  position: relative;
}
.more-picture-img img{
  display: block;
  width: 100%;
  mask: url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/more-picture-img.png);
  mask-size: cover;
  -webkit-mask: url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/more-picture-img.png);
  -webkit-mask-size: cover;
}
.more-picture-img::after{
  content: '';
  display: block;
  width: 12.94rem;
  height: 7.41rem;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/more-picture-mask.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: -0.15rem;
  left: 0;
}

.more-picture-prev, .more-picture-next{
  width: 0.89rem;
  height: 0.89rem;
  position: absolute;
  top: 50%;
  margin-top: 0.2rem;
  left: -0.8rem;
  z-index: 3;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/more-picture-prev.png) 0 0 no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}
.more-picture-next{
  left: auto;
  right: -0.8rem;
  transform: rotate(-180deg);
}
.more-picture-pagination{
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.more-picture-pagination .swiper-pagination-bullet{
  width: 0.76rem;
  height: 0.05rem;
  cursor: pointer;
  margin: 0 0.1rem;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/more-picture-bullet.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
.more-picture-pagination .swiper-pagination-bullet-active{
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/more-picture-bullet-on.png) 0 0 no-repeat;
  background-size: 100% 100%;
}


.button-box{
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 999;
  font-size: 20px;
}

.pop-mask-bg{
  display: none;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0.5;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
}

.pop{
  position: fixed !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999999;
  display: none;
}
.pop input{
  display: block;
  background: none;
  font-size: 0.28rem;
  color: #929086;
  padding: 0 0.3rem;
}
.pop .btn-close{
  width: 0.41rem;
  height: 0.31rem;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/pop/btn-close.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 0.22rem;
  right: 0.42rem;
  z-index: 9;
}

.popup-general{
  width: 9.85rem;
  height: 5.04rem;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/pop/popup-general.png) 0 0 no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
  padding-top: 0.4rem;
  padding-right: 0.2rem;
}
.popup-general1{
  padding-top: 1.25rem;
}

.pop-title-general{
  width: 1.07rem;
  height: 0.65rem;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/pop/pop-title-general.png) 0 0 no-repeat;
  background-size: 100% 100%;
  margin: 0 auto 0.2rem;
}
.popup-general-text{
  width: 96%;
  height: 2rem;
  margin: 0 auto 0.44rem;
  font-size: 0.24rem;
  color: #ffffff;
  text-align: center;
  line-height: 0.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn-affirm{
  display: block;
  width: 2.61rem;
  height: 0.74rem;
  margin: 0 auto;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/pop/btn-affirm.png) 0 0 no-repeat;
  background-size: 100% 100%;
}

.popup-rules{
  width: 11.55rem;
  height: 7.04rem;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/pop/popup-rules.png) 0 0 no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
  padding-top: 0.4rem;
  padding-right: 0.5rem;
}
.pop-title-rules{
  width: 2.19rem;
  height: 0.58rem;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/pop/pop-title-rules.png) 0 0 no-repeat;
  background-size: 100% 100%;
  margin: 0 auto 0.34rem;
}
.pop-rules-content{
  width: 11.16rem;
  height: 5.1rem;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 auto;
  padding-left: 0.48rem;
  padding-right: 0.2rem;
  box-sizing: border-box;
}
.pop-rules-content::-webkit-scrollbar {
  width: 4px;
  background-color: #57412a;
}
.pop-rules-content::-webkit-scrollbar-thumb {
  width: 4px;
  border-radius: 4px;
  background-color: #c08138
}
.pop-rules-content ul li{
  font-size: 0.2rem;
  color: #ffffff;
  line-height: 0.33rem;
  margin-bottom: 0.1rem;
}
.pop-rules-content ul li table th:first-child, .pop-rules-content ul li table td:first-child{
  width: 2.5rem;
}
.popup-address{
  width: 11.55rem;
  height: 7.04rem;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/pop/popup-address.png) 0 0 no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
  padding-top: 0.4rem;
  padding-right: 0.25rem;
}
.pop-title-address{
  width: 2.19rem;
  height: 0.58rem;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/pop/pop-title-address.png) 0 0 no-repeat;
  background-size: 100% 100%;
  margin: 0 auto 0.34rem;
}
.address-table{
  padding-left: 1.4rem;
  box-sizing: border-box;
}
.address-item{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0.2rem;
}
.address-item label{
  display: block;
  width: 1.1rem;
  font-size: 0.2rem;
  color: #ffffff;
  text-align: right;
  margin-right: 0.1rem;
  line-height: 0.3rem;
}
.address-item input{
  display: block;
  width: 6.6rem;
  height: 0.58rem;
  border: 1px solid #a6a6a6;
  background: transparent;
  margin: 0;
  font-size: 0.2rem;
  color: #ffffff;
  line-height: 0.58rem;
}

.address-item textarea{
  display: block;
  width: 6.6rem;
  height: 1.64rem;
  border: 1px solid #a6a6a6;
  background: transparent;
  margin: 0;
  font-size: 0.2rem;
  color: #ffffff;
  line-height: 0.58rem;
  padding: 0 0.3rem;
  resize: none;
}
.pop-address-tips{
  font-size: 0.16rem;
  color: #ffffff;
  line-height: 0.24rem;
  opacity: 0.6;
  width: 90%;
  margin: 0 auto 0.4rem;
  box-sizing: border-box;
  padding-left: 2.2rem;
}

.popup-accept-invitation{
  width: 9.85rem;
  height: 5.04rem;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/pop/popup-accept-invitation.png) 0 0 no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
  padding-top: 0.4rem;
  padding-right: 0.25rem;
}
.pop-title-accept{
  width: 2.2rem;
  height: 0.59rem;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/pop/pop-title-accept.png) 0 0 no-repeat;
  background-size: 100% 100%;
  margin: 0 auto 0.34rem;
}
.popup-accept-invitation .popup-general-text{
  margin: 0 auto 0.4rem;
}
.pop-btn-box{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.pop-btn-box a{
  margin: 0 0.2rem;
}
.btn-refuse{
  display: block;
  width: 2.71rem;
  height: 0.74rem;
  margin: 0 auto;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/pop/btn-refuse.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
.btn-accept{
  display: block;
  width: 2.61rem;
  height: 0.74rem;
  margin: 0 auto;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/pop/btn-accept.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
.btn-cancel{
  display: block;
  width: 2.71rem;
  height: 0.74rem;
  margin: 0 auto;
  background: transparent url(//wegame.gtimg.com/tgp_act/release/wegame/nikke20250522/images/pop/btn-cancel.png) 0 0 no-repeat;
  background-size: 100% 100%;
}

.page .qb-type{
  font-size: 0.26rem;
  color: #f5e141;
  font-weight: bold;
}
.page .invite-award-name.qb-type{
  font-size: 0.28rem;
}

@keyframes scrollAnimation {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(0.2rem);
  }
  100% {
    transform: translateY(0);
  }
}

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

.gray, .finish, .disabled {
  pointer-events: none;
}
.swiper-button-disabled {
  pointer-events: none;
  filter: grayscale(1);
}