/* reset */
* { box-sizing: border-box; }

html, body, div, p, ul, li, dl, dt, dd, em, i, span, a, img, input, h1, h2, h3, h4, h5 { margin: 0; padding: 0; }

a, img, input { border: none; }

body { font: 14px/1.75 -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif; }

a { text-decoration: none; }

ul, li { list-style: none; }

html { font-size: calc(100vw / 750); font-family: 'Microsoft YaHei'; }

.wrap { display: flex; flex-direction: column; align-items: center; background: url(//game.gtimg.cn/images/nzm/cp/a20260126xbb/mobile/wrap.jpg) no-repeat top center/750rem auto; }

.page { display: flex; flex-direction: column; align-items: center; position: relative; overflow-x: hidden; }

.page-title { display: flex; width: 750rem; margin-bottom: 50rem; }

.page-image { display: flex; flex-direction: column; width: 715rem; margin-bottom: 50rem; }

.page-image img { width: 100%; height: auto; margin-bottom: -20rem; }

.kv { justify-content: flex-end; width: 750rem; height: 826rem; padding-bottom: 30rem; }

.kv-logo { width: 245rem; height: 73rem; font-size: 0px; color: transparent; background: url(//game.gtimg.cn/images/nzm/cp/a20260126xbb/kv-logo.png) no-repeat top center/cover; position: absolute; top: 15rem; left: 24rem; }

.kv-slogan { width: 750rem; height: 461rem; font-size: 0px; color: transparent; background: url(//game.gtimg.cn/images/nzm/cp/a20260126xbb/mobile/kv-slogan.png) no-repeat center/cover; }

.kv-btn { display: flex; align-items: center; padding-top: 20rem; }

.kv-btn a { width: 280rem; height: 101rem; font-size: 0; color: transparent; background: url(//game.gtimg.cn/images/nzm/cp/a20260126xbb/kv-yuyue.png) no-repeat center/cover; margin: 0 15rem; }

.kv-btn a:last-child { background-image: url(//game.gtimg.cn/images/nzm/cp/a20260126xbb/kv-dowload.png); }

.kv-btn a.gray { background-image: url(//game.gtimg.cn/images/nzm/cp/a20260126xbb/kv-yuyue-gray.png); pointer-events: none; }

.kv-login { padding-top: 20rem; }

.kv-login p, .kv-login a { font-size: 24rem; color: #dbceae; }

.page1 { height: 900rem; }

.page1-reward { display: flex; flex-direction: column; align-items: center; }

.page1-reward div { display: flex; }

.page1-reward img { width: 283rem; height: 241rem; margin: 0 20rem; }

.page1-reward a { width: 280rem; height: 101rem; font-size: 0; color: transparent; background: url(//game.gtimg.cn/images/nzm/cp/a20260126xbb/page1-yuyue.png) no-repeat center/cover; margin-top: 50rem; }

.page1-reward a.gray { background-image: url(//game.gtimg.cn/images/nzm/cp/a20260126xbb/kv-yuyue-gray.png); pointer-events: none; }

.page2 { height: 1608rem; }

.page2 .page-title { margin-bottom: 10rem; }

.page3 { height: 2247rem; }

.page4 { height: 1200rem; }

.foot { text-align: center; background: #1c1c1c; font-size: 24rem; color: #6e6e6e; padding: 30rem 0; }

.foot a { color: #6e6e6e; }

.dia { width: 100%; height: 100%; margin: 0 !important; position: fixed !important; left: 0 !important; top: 0 !important; display: none; }

.dia-box { display: flex; flex-direction: column; align-items: center; padding: 54rem 54rem 30rem; background-repeat: no-repeat; background-position: center; background-size: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.dia-610-370 { width: 610rem; height: 370rem; background-image: url(//game.gtimg.cn/images/nzm/cp/a20260126xbb/dia-610-370.png); }

.dia-close { width: 38rem; height: 38rem; font-size: 0; color: transparent; background: url(//game.gtimg.cn/images/nzm/cp/a20260126xbb/dia-close.png) no-repeat center/cover; position: absolute; top: 20rem; right: -25rem; }

.dia-title { width: auto; height: 57rem; }

.dia-auto { flex: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; }

.dia-btn { display: flex; }

.dia-btn a { width: 280rem; height: 101rem; font-size: 0; color: transparent; background: url(//game.gtimg.cn/images/nzm/cp/a20260126xbb/dia-btn.png) no-repeat center/cover; }

.dia-login { flex-direction: row; }

.dia-login li { display: flex; margin: 0 34rem; }

.dia-login img { width: 112rem; height: auto; }

.dia-intro p { width: 423rem; font-size: 24rem; color: #654d2d; line-height: 1.6; text-align: center; }

.dia-intro #copyLink { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }