@charset "UTF-8";
/* reset */
* { box-sizing: border-box; }

:after, :before { pointer-events: none; }

a { text-decoration: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-select: none; -moz-user-focus: none; -moz-user-select: none; }

* { -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent; }

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; }

a { text-decoration: none; }

ul, li { list-style: none; }

@font-face { font-family: 'font'; src: url(font.woff2); }

audio { position: absolute; opacity: 0; }

html { /*max-width: 2340rem;*/ font-size: calc(100vh / 1080); font-family: 'Microsoft YaHei font'; margin: 0 auto; }

html.isipad { font-size: calc(100vw / 1920); }

html, body { width: 100%; height: 100%; position: fixed; top: 0; left: 0; overflow: hidden; -webkit-overflow-scrolling: auto; touch-action: manipulation; }

:root { --ease-in: cubic-bezier(0, 0, 0.2, 1); /* 出现类：起步快、末尾丝滑减速停 */ --ease-out: cubic-bezier(0.8, 0, 1, 1); /* 消失类（遮罩/弹窗）：起步慢、末尾加速退场 */ --ease-strong: cubic-bezier(0, 0, 0.08, 0); /* 抽卡强光：静止更久、末尾退得更陡 */ --ease-weak: cubic-bezier(0, 0, 0.2, 0); /* 抽卡弱光：前段几乎完全静止，末尾骤然退掉 */ --ease-back: cubic-bezier(0.16, 1.56, 0.325, 1); /* 主界面进场：easeOutBack 回弹缓出，x1=0.16、x2=0.325 以在保持峰值 @307ms 不变的前提下重算 */ }

.webview { display: flex; flex-direction: column; justify-content: space-between; align-items: center; width: 100%; height: 100%; padding: 8vh 0; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/webview.jpg) no-repeat center/cover; position: absolute; top: 0; left: 0; opacity: 0; pointer-events: none; transition: opacity .6s; overflow: hidden; }

.webview.active { opacity: 1; pointer-events: auto; z-index: 111; }

.webview-slogan { width: 867rem; height: 547rem; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/webview-slogan.png) no-repeat center/cover; }

.webview-login { display: flex; align-items: center; }

.webview-item { display: flex; margin: 0 30rem; }

.webview-item img { width: 369rem; height: 443rem; }

.wrap { display: flex; flex-direction: column; justify-content: space-between; align-items: center; width: 100%; height: 100%; font-family: 'font'; position: relative; overflow: hidden; }

.wrap-head { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 0 70rem; position: absolute; top: 30rem; left: 0; z-index: 1111; opacity: 0; transition: all .6s; pointer-events: none; }

.wrap-head.active { opacity: 1; pointer-events: auto; }

@keyframes mainScale { 0% { transform: scale(0); }
  100% { transform: scale(1); } }

.wrap-head.active .wrap-right .wrap-music { animation: mainScale 800ms var(--ease-back) 0ms forwards; }

.wrap-head.active .wrap-right .wrap-rule { animation: mainScale 800ms var(--ease-back) 100ms forwards; }

.wrap-head.active .wrap-right .wrap-share { animation: mainScale 800ms var(--ease-back) 200ms forwards; }

.wrap-left { display: flex; align-items: center; }

.wrap-home { width: 0; height: 89rem; font-size: 0px; color: transparent; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/wrap-home.png) no-repeat left center/cover; opacity: 0; transition: all .6s; }

.wrap-home.active { width: 89rem; opacity: 1; }

.wrap-login { display: flex; justify-content: center; align-items: center; width: 491rem; height: 86rem; padding: 0 160rem 0 20rem; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/wrap-login.png) no-repeat center/cover; margin-left: 16rem; position: relative; }

.wrap-login p { flex: auto; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.wrap-login p, .wrap-login a { font-size: 32rem; color: #0b63e5; }

.wrap-login a { display: flex; justify-content: center; align-items: center; width: 150rem; height: 100%; color: #5d74f5; position: absolute; right: 10rem; top: 0; }

.wrap-right { display: flex; align-items: center; }

.wrap-right a { width: 89rem; height: 89rem; font-size: 0px; color: transparent; background-repeat: no-repeat; background-position: center; background-size: cover; margin-left: 30rem; transform: scale(0); }

.wrap-music { background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/wrap-music.png) no-repeat 0 0/178rem 89rem !important; }

.wrap-music.playing { background-position: -89rem 0 !important; }

.wrap-rule { background-image: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/wrap-rule.png); }

.wrap-share { background-image: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/wrap-share.png); }

.wrap-taskhelp { width: 100%; height: 100%; position: absolute; top: 0; left: 0; pointer-events: none; z-index: 111; opacity: 0; }

.wrap-taskhelp video { width: 100%; height: 100%; object-fit: cover; }

.wrap-taskhelp.active { opacity: 111; }

.framebg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; pointer-events: none; z-index: -1; overflow: hidden; }

.framebg canvas { width: 100%; height: 100%; object-fit: cover; }

.page { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding-top: 120rem; position: absolute; top: 0; left: 0; opacity: 0; pointer-events: none; transition: opacity .6s; overflow: hidden; }

.page.active { opacity: 1; pointer-events: auto; z-index: 110; }

@keyframes coinBounce { 0% { transform: translateY(0);
    animation-timing-function: cubic-bezier(0, 0, 0.36, 1); }
  /* 升（coin 专用 出现曲线） */
  16.10% { transform: translateY(-270rem);
    animation-timing-function: cubic-bezier(0.64, 0, 1, 1); }
  /* 降（coin 专用 消失曲线） */
  32.20% { transform: translateY(0);
    animation-timing-function: cubic-bezier(0, 0, 0.36, 1); }
  /* 升小（coin 专用 出现曲线） */
  37.73% { transform: translateY(-21.5rem);
    animation-timing-function: cubic-bezier(0.64, 0, 1, 1); }
  /* 降小（coin 专用 消失曲线） */
  43.27% { transform: translateY(0); }
  /* 静止至循环结束 */
  100% { transform: translateY(0); } }

.loading { justify-content: center; padding: 0; z-index: 1; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/loading.jpg) no-repeat center/cover; }

.loading-frame { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; pointer-events: none; }

.loading-frame canvas { width: 100%; height: 100%; object-fit: cover; }

.loading-slogan { width: 419rem; height: 231rem; font-size: 0px; color: transparent; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/loading-slogan.png) no-repeat center/cover; position: absolute; top: 30rem; right: 35rem; }

.loading-gold { display: flex; align-items: center; }

.loading-gold li { width: 140rem; height: 137rem; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/loading-gold.png) no-repeat center/cover; margin: 0 15rem; }

.loading-gold li:nth-child(1) { animation: coinBounce 3000ms linear 333ms infinite; }

.loading-gold li:nth-child(2) { animation: coinBounce 3000ms linear 666ms infinite; }

.loading-gold li:nth-child(3) { animation: coinBounce 3000ms linear 999ms infinite; }

.loading-gold li:nth-child(4) { animation: coinBounce 3000ms linear 1332ms infinite; }

.loading-gold li:nth-child(5) { animation: coinBounce 3000ms linear 1665ms infinite; }

.loading-speed { display: flex; flex-direction: column; align-items: center; position: absolute; bottom: 60rem; left: 50%; transform: translateX(-50%); }

.loading-speed p { font-size: 32rem; color: #2331b5; }

.loading-value { display: flex; justify-content: center; align-items: center; width: 872rem; height: 52rem; padding-top: 8rem; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/loading-box.png) no-repeat center/cover; }

.loading-value div { display: flex; width: 812rem; height: 23rem; background: #2331b5; overflow: hidden; }

.loading-value i { width: auto; height: 100%; background: #fef16f; max-width: 100%; transition: width .6s; }

@keyframes goldBounce { 0%, 100% { transform: translateY(0); }
  30% { transform: translateY(-50rem); }
  60% { transform: translateY(0); } }

.home { justify-content: center; padding: 0; }

.home.active .home-slogan h1 { animation: mainScale 800ms var(--ease-back) 0ms forwards; }

.home.active .home-slogan a { animation: mainScale 800ms var(--ease-back) 100ms forwards; }

.home.active .home-btn { animation: mainScale 800ms var(--ease-back) 200ms forwards; }

.home-bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; pointer-events: none; }

.home-bg canvas { width: 100%; height: 100%; object-fit: cover; }

.home-slogan { flex: none; display: flex; flex-direction: column; align-items: flex-start; position: relative; z-index: 2; }

.home-slogan h1 { width: 983rem; height: 605rem; font-size: 0px; color: transparent; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/home-slogan.png) no-repeat center/cover; }

.home-slogan:after { content: ''; width: 168rem; height: 109rem; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/home-slogan-after.png) no-repeat center/cover; position: absolute; left: -45rem; bottom: -80rem; opacity: 0; }

.home-slogan.showlogo:after { opacity: 1; }

.home-dowload { display: flex; justify-content: center; align-items: center; width: 611rem; height: 203rem; position: relative; margin: 50rem 0 0 140rem; }

.home-dowload:after { content: ''; width: 100%; height: 100%; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/home-dowload.png) no-repeat center/cover; position: absolute; top: 0; left: 0; }

.home-dowload.isingame { display: none; }

.home-image { flex: none; width: 1550rem; height: 1080rem; position: relative; right: -100rem; margin-left: -600rem; }

.home-image-frame { width: 1532rem; height: 1599rem; position: absolute; top: 58%; left: 50%; margin: -799rem 0 0 -766rem; pointer-events: none; z-index: 1; overflow: hidden; }

.home-image-frame canvas, .home-image-frame img { width: 100%; height: 100%; object-fit: cover; }

.home-btn { display: flex; justify-content: center; width: 317rem; height: 122rem; font-size: 0px; color: transparent; position: absolute; left: 780rem; bottom: 160rem; z-index: 11; }

.home-btn:after { content: ''; width: 580rem; height: 369rem; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/home-btn.png) no-repeat center/cover; position: absolute; top: -147rem; left: -53rem; }

.task-box { display: flex; flex-direction: column; align-items: center; width: 1064rem; height: 910rem; padding: 73rem 120rem 54rem 90rem; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/task-box.png) no-repeat center/cover; }

.task-box.nonnewplayer .task-tab { background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/task-tab-nonnewplayer.png) no-repeat 0 0/100% 120rem; }

.task-box.nonnewplayer .task-tab.active1 { background-position: 0 0; }

.task-box.nonnewplayer .task-tab.active2 { background-position: 0 -60rem; }

.task-box.nonnewplayer .task-tab li:first-child { display: none; }

.task-box.nonnewplayer .task-toggle .task-item:first-child { display: none; }

.task-tab { flex: none; display: flex; align-items: center; width: 792rem; height: 60rem; padding: 0 30rem 0 24rem; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/task-tab.png) no-repeat 0 0/100% 180rem; }

.task-tab.active0 { background-position: 0 0; }

.task-tab.active1 { background-position: 0 -60rem; }

.task-tab.active2 { background-position: 0 -120rem; }

.task-tab li { display: flex; justify-content: center; align-items: center; width: 224rem; height: 100%; font-size: 32rem; color: #5d74f5; margin-right: 33rem; cursor: pointer; position: relative; }

.task-tab li:last-child { margin-right: 0; }

.task-tab li.active { color: #1668e6; }

.task-tab li.tips:after { content: ''; width: 45rem; height: 46rem; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/task-tab-tips.png) no-repeat center/cover; position: absolute; top: -15rem; right: -20rem; }

.task-toggle { flex: auto; display: flex; }

.task-item { display: none; flex-direction: column; align-items: center; height: 100%; padding-top: 20rem; }

.task-item:nth-child(1) .task-list { height: 350rem; }

.task-item.active { display: flex; }

.task-item.nobinding { justify-content: flex-end; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/nobinding.png) no-repeat center 10rem/846rem 582rem; }

.task-item.nobinding .task-mylively, .task-item.nobinding .task-list { display: none; }

.task-mylively { display: flex; align-items: center; width: 814rem; height: 138rem; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/task-mylively.png) no-repeat center/cover; margin-bottom: 15rem; }

.task-mylively-value { display: flex; flex-direction: column; align-items: center; width: 156rem; margin-left: 12rem; }

.task-mylively-value strong { font-size: 50rem; color: #fff; line-height: 1; }

.task-mylively-value span { font-size: 24rem; color: #fff; }

.task-mylively-speed { display: flex; justify-content: center; align-items: center; width: 578rem; height: 49rem; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/task-mylively-speed.png) no-repeat center/cover; margin-left: 20rem; position: relative; margin-bottom: 20rem; }

.task-mylively-speed-value { display: flex; width: 535rem; height: 24rem; background: #2331b5; overflow: hidden; }

.task-mylively-speed-value i { width: auto; height: 100%; background: #fef16f; max-width: 100%; transition: width .6s; }

.task-mylively-speed-list { display: flex; justify-content: flex-end; width: 100%; position: absolute; right: -16rem; top: 80%; transform: translateY(-50%); }

.task-mylively-speed-list li { display: flex; flex-direction: column; align-items: center; margin-left: 110rem; }

.task-mylively-speed-list li.gray div { -webkit-mask-image: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/task-mylively-speed-list.png); mask-image: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/task-mylively-speed-list.png); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: cover; mask-size: cover; }

.task-mylively-speed-list li.gray div:before { content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; }

.task-mylively-speed-list li.gray div:after { content: ''; width: 50rem; height: 40rem; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/task-mylively-speed-list-gray.png) no-repeat center/cover; position: absolute; top: 0; left: 0; }

.task-mylively-speed-list li.active div:after { content: ''; width: 28rem; height: 28rem; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/task-mylively-speed-list-active.png) no-repeat center/cover; position: absolute; top: -10rem; right: 0; z-index: 2; }

.task-mylively-speed-list div { display: flex; justify-content: center; align-items: center; width: 76rem; height: 64rem; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/task-mylively-speed-list.png) no-repeat center/cover; position: relative; }

.task-mylively-speed-list div img { width: 80%; height: 80%; object-fit: contain; }

.task-mylively-speed-list div:after { content: ''; width: 37rem; height: 38rem; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/task-mylively-speed-list-lock.png) no-repeat center/cover; position: absolute; top: 0; right: 0; }

.task-mylively-speed-list p { font-size: 24rem; color: #2331b5; }

.task-list { flex: auto; display: flex; flex-direction: column; max-height: 550rem; padding-right: 5rem; overflow-y: auto; }

.task-list::-webkit-scrollbar { width: 0; }

.task-list::-webkit-scrollbar-track { background-color: transparent; }

.task-list::-webkit-scrollbar-thumb { background-color: transparent; }

.task-list li { display: flex; justify-content: space-between; align-items: center; width: 811rem; height: 120rem; padding: 0 38rem 8rem 13rem; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/task-list.png) no-repeat center/cover; margin-bottom: 15rem; position: relative; }

.task-list li.gray { -webkit-mask-image: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/task-list.png); mask-image: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/task-list.png); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: cover; mask-size: cover; }

.task-list li.gray::after { content: ''; width: 100%; height: 100%; background: rgba(29, 168, 253, 0.5); position: absolute; top: 0; left: 0; }

.task-list-box { flex: auto; display: flex; align-items: center; }

.task-list-num { flex: none; display: flex; justify-content: center; align-items: center; width: 140rem; height: 100rem; font-size: 48rem; color: #f4fafe; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/task-list-num.png) no-repeat center/cover; }

.task-list-desc { display: flex; flex-direction: column; margin-left: 15rem; }

.task-list-desc p { font-size: 24rem; color: #0b63e5; line-height: 1.2; }

.task-list-desc em { font-size: 24rem; color: #27baf9; font-style: normal; }

.task-list-desc div { display: flex; align-items: center; }

.task-list-desc div img { width: 40rem; height: 40rem; }

.task-list-desc div span { font-size: 28rem; color: #0b63e5; }

.task-list-btn { flex: none; display: flex; justify-content: center; align-items: center; width: 154rem; height: 69rem; font-size: 32rem; color: #0b63e5; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/task-list-go.png) no-repeat center/cover; }

.task-list-btn.get { color: #a66418; background-image: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/task-list-get.png); }

.task-list-btn.gray { font-size: 0px; color: transparent; width: 105rem; height: 102rem; background-image: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/task-list-gray.png); }

.task-list-avatar { display: flex; justify-content: center; align-items: center; width: 90rem; height: 90rem; margin-left: 20rem; position: relative; }

.task-list-avatar img { width: 150rem; height: 150rem; object-fit: contain; position: absolute; top: 50%; left: 50%; margin: -75rem 0 0 -75rem; }

.task-list-friend { flex: auto; display: flex; flex-direction: column; }

.task-list-name { font-size: 28rem; color: #004fe6; padding: 10rem 0 0 30rem; }

.task-list-name a { display: flex; align-items: center; color: #6e84f6; }

.task-list-name a:after { content: ''; border: 8rem solid transparent; border-left-color: #6e84f6; margin-left: 10rem; }

.task-list-speed { display: flex; justify-content: center; align-items: center; width: 578rem; height: 49rem; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/task-mylively-speed.png) no-repeat center/cover; margin-left: 20rem; position: relative; margin-bottom: 20rem; }

.task-list-value { display: flex; width: 535rem; height: 24rem; background: #2331b5; overflow: hidden; }

.task-list-value i { width: auto; height: 100%; background: #fef16f; max-width: 100%; transition: width .6s; }

.task-list-icon { display: flex; position: absolute; right: 0; bottom: 0; transform: translateX(50%); }

.task-list-icon i { display: flex; justify-content: center; align-items: center; width: 100rem; height: 84rem; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/task-mylively-speed-list.png) no-repeat center/cover; position: relative; }

.task-list-icon i:after { content: ''; width: 37rem; height: 38rem; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/task-mylively-speed-list-lock.png) no-repeat center/cover; position: absolute; top: 0; right: 0; }

.task-list-icon img { width: 80%; height: 80%; object-fit: contain; }

.task-list-icon span { font-size: 28rem; color: #fff; text-shadow: 2rem 2rem 2rem #1d56e6,-2rem 2rem 2rem #1d56e6,2rem -2rem 2rem #1d56e6,-2rem -2rem 2rem #1d56e6; position: absolute; right: -10rem; bottom: -10rem; }

.task-list-icon.gray i { -webkit-mask-image: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/task-mylively-speed-list.png); mask-image: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/task-mylively-speed-list.png); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: cover; mask-size: cover; }

.task-list-icon.gray i:before { content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; }

.task-list-icon.gray i:after { content: ''; width: 50rem; height: 40rem; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/task-mylively-speed-list-gray.png) no-repeat center/cover; position: absolute; top: 50%; left: 50%; margin: -20rem 0 0 -25rem; }

.task-list-icon.active i:after { content: ''; width: 28rem; height: 28rem; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/task-mylively-speed-list-active.png) no-repeat center/cover; position: absolute; top: -10rem; right: 0; z-index: 2; }

.task-invite, .task-mycode { display: flex; align-items: center; width: 876rem; height: 157rem; padding: 20rem 0 0 25rem; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/task-invite.png) no-repeat center/cover; margin-left: -28rem; }

.task-invite.gray .task-invite-input, .task-mycode.gray .task-invite-input { pointer-events: none; }

.task-invite.gray .task-invite-btn, .task-mycode.gray .task-invite-btn { filter: grayscale(100%); }

.task-invite-box, .task-mycode-box { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 594rem; height: 110rem; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/task-invite-box.png) no-repeat center/cover; }

.task-invite-desc, .task-mycode-desc { display: flex; align-items: center; width: 490rem; font-size: 28rem; color: #dcf1fe; }

.task-invite-desc a, .task-mycode-desc a { width: 32rem; height: 34rem; font-size: 0px; color: transparent; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/task-invite-copy.png) no-repeat center/cover; margin-left: 10rem; cursor: pointer; }

.task-invite-input, .task-mycode-input { width: 490rem; height: 57rem; font-size: 28rem; color: #88d1fd; padding: 7rem 15rem 8rem 20rem; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/task-invite-input.png) no-repeat center/cover; border: none; outline: none; }

.task-invite-input::placeholder, .task-mycode-input::placeholder { color: #88d1fd; }

.task-invite-speed, .task-mycode-speed { display: flex; align-items: center; margin-left: -60rem; }

.task-invite-speed p, .task-mycode-speed p { font-size: 28rem; color: #dcf1fe; margin-right: 40rem; }

.task-invite-speed div, .task-mycode-speed div { display: flex; justify-content: space-between; align-items: center; width: 272rem; height: 44rem; overflow: hidden; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/task-mycode-speed.png) no-repeat center/cover; position: relative; }

.task-invite-speed i, .task-mycode-speed i { width: auto; height: 100%; max-width: 100%; transition: width .6s; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/task-mycode-speed-i.png) no-repeat left center/auto 100%; }

.task-invite-speed ul, .task-mycode-speed ul { display: flex; justify-content: space-between; align-items: center; width: 100%; height: 100%; padding: 0 6rem; position: absolute; top: 0; left: 0; }

.task-invite-speed li, .task-mycode-speed li { display: flex; justify-content: center; align-items: center; width: 32rem; height: 32rem; border-radius: 50%; font-size: 28rem; color: #fff; }

.task-invite-speed li.active, .task-mycode-speed li.active { color: #b0761e; }

.task-invite-btn, .task-mycode-btn { display: flex; justify-content: center; align-items: center; width: 226rem; height: 81rem; font-size: 32rem; color: #fff; padding-bottom: 10rem; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/task-invite-btn.png) no-repeat center/cover; }

.task-lively { display: flex; flex-direction: column; align-items: center; width: 852rem; height: 103rem; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/task-lively.png) no-repeat center/cover; margin-bottom: 20rem; }

.task-lively-desc { flex: auto; display: flex; align-items: center; font-size: 26rem; color: #73caff; }

.task-lively-value { display: flex; align-items: center; width: 795rem; height: 48rem; padding: 0 40rem 0 30rem; background: #2331b5; }

.task-lively-value span { font-size: 24rem; color: #fff; }

.task-lively-value ul { flex: auto; display: flex; justify-content: space-between; align-items: center; margin-left: 50rem; }

.task-lively-value li { font-size: 24rem; color: #fff; }

.task-image { flex: none; display: flex; justify-content: center; align-items: flex-end; width: 830rem; height: 814rem; /*background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/task-image.png) no-repeat center / cover;*/ margin: -50rem 0 0 -140rem; position: relative; }

.task-frame { width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; margin: -407.5rem 0 0 -415rem; pointer-events: none; overflow: hidden; }

.task-frame canvas, .task-frame img { width: 100%; height: 100%; object-fit: cover; }

.task-btn { display: flex; flex-direction: column; align-items: center; position: relative; z-index: 11; }

.task-btn a { display: flex; justify-content: center; width: 360rem; height: 90rem; position: relative; }

.task-btn a:after { content: ''; width: 535rem; height: 196rem; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/task-btn.png) no-repeat no-repeat center/cover; position: absolute; top: -30rem; left: 55%; transform: translateX(-50%); }

.task-btn p { display: flex; justify-content: center; align-items: center; width: 252rem; height: 52rem; font-size: 24rem; color: #a66600; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/task-btn-num.png) no-repeat center/cover; position: relative; z-index: 2; margin-top: -20rem; }

.task-btn p:before { content: ''; width: 40rem; height: 40rem; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/reward/db.png) no-repeat center/cover; }

.help { flex-direction: column; }

.help-head { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 0 70rem; position: absolute; top: 30rem; left: 0; z-index: 11; }

.help-head-left { display: flex; align-items: center; }

.help-head-left:after { content: ''; width: 187rem; height: 93rem; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/help-logo.png) no-repeat center/cover; margin-left: 30rem; }

.help-head-home { width: 89rem; height: 89rem; font-size: 0px; color: transparent; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/wrap-home.png) no-repeat left center/cover; }

.help-head-return { width: 89rem; height: 89rem; font-size: 0px; color: transparent; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/wrap-return.png) no-repeat left center/cover; margin-left: 30rem; }

.help-head-right { display: flex; align-items: center; }

.help-head-num { display: flex; justify-content: center; align-items: center; width: 252rem; height: 70rem; font-size: 32rem; color: #a66600; padding-left: 20rem; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/help-num.png) no-repeat center/cover; position: relative; }

.help-head-num:before { content: ''; width: 50rem; height: 50rem; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/reward/db.png) no-repeat center/cover; position: absolute; left: 15rem; }

.help-content { display: flex; }

.help-tab { display: flex; flex-direction: column; }

.help-tab li { display: flex; justify-content: center; align-items: center; width: 354rem; height: 188rem; cursor: pointer; position: relative; margin-bottom: 10rem; }

.help-tab li img { width: 100%; height: 100%; object-fit: cover; }

.help-tab li:after { content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; z-index: 1; transition: opacity .6s; }

.help-tab li.active:after { opacity: 0; }

.help-tab li:nth-child(1) { -webkit-mask-image: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/help-tab-0.png); mask-image: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/help-tab-0.png); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: cover; mask-size: cover; }

.help-tab li:nth-child(2) { -webkit-mask-image: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/help-tab-1.png); mask-image: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/help-tab-1.png); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: cover; mask-size: cover; }

.help-toggle { display: flex; justify-content: center; align-items: flex-start; width: 1633rem; height: 783rem; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/help-toggle.png) no-repeat center/cover; position: relative; z-index: 2; margin-left: 30rem; }

.help-toggle:before { content: ''; width: 185rem; height: 151rem; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/help-toggle-before.png) no-repeat center/cover; position: absolute; top: 500rem; left: -75rem; z-index: 5; }

.help-box { display: flex; width: 1520rem; height: 653rem; padding: 40rem 50rem; position: absolute; top: 70rem; left: 60rem; opacity: 0; pointer-events: 0; transition: opacity .6s; }

.help-box.active { opacity: 1; pointer-events: auto; z-index: 3; }

.help-box-image { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; z-index: -1; }

.help-box-content { display: flex; flex-direction: column; }

.help-box-title { display: flex; align-items: center; width: 328rem; height: 45rem; font-size: 28rem; color: #fff; padding-left: 10rem; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/help-box-title.png) no-repeat center/cover; }

.help-box-intro { font-size: 64rem; color: #3e5feb; }

.help-box-star { display: flex; align-items: center; }

.help-box-star img { width: 47rem; height: 47rem; object-fit: contain; margin-right: -5rem; }

.help-box-time { display: flex; align-items: center; font-size: 24rem; color: #fba2d2; line-height: 2.5; }

.help-box-time:before { content: ''; width: 26rem; height: 26rem; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/help-box-time.png) no-repeat center/cover; margin-right: 5rem; }

.help-box-desc { font-size: 28rem; color: #3e5feb; }

.help-box-next { flex: auto; display: flex; align-items: flex-end; }

.help-box-next p { display: flex; align-items: center; width: 846rem; height: 76rem; font-size: 28rem; color: #fff; padding-left: 20rem; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/help-box-next.png) no-repeat left center/cover; }

.help-bottom { display: flex; justify-content: space-between; align-items: center; width: 1850rem; }

.help-bottom-left { display: flex; }

.help-bottom-left div { display: flex; }

.help-bottom-left div a { display: flex; justify-content: center; align-items: center; width: 228rem; height: 72rem; font-size: 32rem; color: #0b63e5; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/help-bottom-rule.png) no-repeat center/cover; margin-left: 20rem; }

.help-bottom-getnum { display: flex; justify-content: center; align-items: center; width: 308rem; height: 98rem; font-size: 32rem; color: #fff; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/help-bottom-getnum.png) no-repeat center/cover; position: relative; }

.help-bottom-getnum.active:after { content: ''; width: 28rem; height: 28rem; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/task-mylively-speed-list-active.png) no-repeat center/cover; position: absolute; top: -10rem; right: 0; z-index: 2; }

.help-bottom-right { display: flex; }

.help-bottom-right a { display: flex; justify-content: center; align-items: center; width: 384rem; height: 117rem; background-repeat: no-repeat; background-position: center; background-size: cover; }

.help-bottom-right span { display: flex; justify-content: center; font-size: 40rem; width: 180rem; }

.help-bottom-right i { flex: auto; display: flex; justify-content: center; align-items: center; font-size: 28rem; font-style: normal; }

.help-bottom-right i:before { content: ''; width: 50rem; height: 50rem; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/reward/db.png) no-repeat center/cover; }

.help-bottom-one { color: #c5610d; padding: 7rem 22rem 20rem 50rem; background-image: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/help-bottom-one.png); }

.help-bottom-ten { color: #b64aa8; padding: 7rem 50rem 22rem 20rem; background-image: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/help-bottom-ten.png); }

.lottery { padding: 0; user-select: none; }

.lottery-head { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 0 70rem; position: absolute; top: 30rem; left: 0; z-index: 11; }

.lottery-left { display: flex; align-items: center; }

.lottery-right { display: flex; align-items: center; }

.lottery-right a { display: none; height: 89rem; font-size: 0px; color: transparent; background-repeat: no-repeat; background-position: center; background-size: cover; margin-left: 30rem; transform: scale(0); }

.lottery-right a.active { display: flex; animation: mainScale 800ms var(--ease-back) 200ms forwards; }

.lottery-result { display: flex; align-items: flex-start; width: 385rem; height: 89rem; position: relative; }

.lottery-result:after { content: ''; width: 100%; height: 175rem; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/lottery-result.png) no-repeat center/cover; }

.lottery-share { width: 89rem; background-image: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/wrap-share.png); }

.lottery-skip { width: 181rem; background-image: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/lottery-skip.png); }

.lottery-content { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; position: relative; }

.lottery-box { width: 100%; height: 100%; position: relative; pointer-events: none; }

.lottery-box-item { width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; transition: opacity .6s; }

.lottery-box-item.active { opacity: 1; }

.lottery-intro { display: flex; justify-content: center; font-size: 32rem; color: #0b63e5; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; transition: opacity .6s; pointer-events: auto; }

.lottery-intro.active { opacity: 1; }

@keyframes imgEnter { 0% { transform: translateX(-100%);
    opacity: 0; }
  100% { transform: translateX(0);
    opacity: 1; } }

@keyframes cardEnter { 0% { transform: translateX(-300%);
    opacity: 0; }
  100% { transform: translateX(0);
    opacity: 1; } }

@keyframes cardLightMove { 0% { translate: -2100rem 0;
    animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1); }
  100% { translate: 0 0; } }

@keyframes cardLightGrow { 0% { scale: 0.6; }
  100% { scale: 1.6; } }

@keyframes cardLightFade { 0% { opacity: 1; }
  40% { opacity: 1; }
  100% { opacity: 0; } }

.lottery-reward { display: flex; justify-content: flex-start; align-items: center; width: 1920rem; height: 100%; padding: 0 70rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 1; pointer-events: auto; }

.lottery-reward-image { display: flex; justify-content: center; align-items: center; width: 992rem; height: 905rem; position: relative; left: 50rem; }

.lottery-reward-image img { width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; transform: translateX(-100%); will-change: transform,opacity; backface-visibility: hidden; opacity: 0; }

.lottery-reward-card { display: flex; justify-content: center; align-items: center; width: 700rem; height: 321rem; position: relative; transform: rotate(-10deg) translateY(-50rem); }

.lottery-reward-card::after { content: ''; width: 1610rem; height: 100%; position: absolute; left: -30%; top: 15%; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/lottery/light.png) no-repeat center/100% 100%; opacity: 0; pointer-events: none; position: absolute; top: 0; left: 50%; margin-left: -805rem; }

.lottery-reward-card img { width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; transform: translateX(-300%); will-change: transform,opacity; backface-visibility: hidden; opacity: 0; }

.lottery-reward.active .lottery-reward-image img { animation: imgEnter 800ms cubic-bezier(0.07, 1, 0.2, 1) forwards; }

.lottery-reward.active .lottery-reward-card img { animation: cardEnter 450ms cubic-bezier(0.16, 1, 0.3, 1) forwards; }

.lottery-reward.active .lottery-reward-card::after { animation: cardLightMove 450ms ease both, cardLightGrow 450ms linear both, cardLightFade 450ms linear both; }

.lottery-bottom { display: flex; justify-content: space-between; align-items: center; width: 1920rem; padding: 0 70rem; position: absolute; bottom: 30rem; z-index: 2; }

.lottery-info { display: flex; flex-direction: column; position: relative; left: 76rem; position: relative; }

.lottery-info-sprite { width: 1445rem; height: 1080rem; position: absolute; right: 0; bottom: -88rem; z-index: -1; opacity: 0; pointer-events: none; transition: opacity .6s; }

.lottery-info-sprite.active { opacity: 1; }

.lottery-info-sprite canvas { width: 100%; height: 100%; object-fit: cover; }

@keyframes lotteryNewSprite { from { background-position: 0 0; }
  to { background-position: -11629rem 0; } }

.lottery-new { display: flex; justify-content: center; align-items: center; width: 102rem; height: 52rem; position: absolute; top: 0; left: 88rem; z-index: 2; }

.lottery-new:after { content: ''; width: 401rem; height: 395rem; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/lottery-new.png) no-repeat 0 0/12030rem 395rem; position: absolute; top: 50%; left: 50%; margin: -197.5rem 0 0 -200rem; opacity: 0; transition: opacity .6s; }

.lottery-new.active:after { opacity: 1; animation: lotteryNewSprite 1500ms steps(29) forwards; }

.lottery-name { display: flex; align-items: center; width: 865rem; height: 173rem; font-size: 40rem; color: #0259e3; padding: 60rem 0 40rem 126rem; position: relative; opacity: 0; z-index: 2; transition: opacity .6s; }

.lottery-name.active { opacity: 1; }

.lottery-name.blue:after { background-position: 0 0; }

.lottery-name.purple:after { background-position: -185rem 0; }

.lottery-name.golden:after { background-position: -370rem 0; }

.lottery-desc { display: flex; align-items: center; width: 650rem; height: 51rem; font-size: 30rem; color: #d7e1f0; padding-left: 60rem; margin: -10rem 0 0 90rem; position: relative; z-index: 2; opacity: 0; transition: opacity .6s; }

.lottery-desc.active { opacity: 1; }

.lottery-confirm { display: flex; justify-content: center; align-items: center; width: 319rem; height: 100rem; font-size: 40rem; color: #fff; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/lottery-confirm.png) no-repeat center/cover; transform: scale(0); }

.lottery-confirm.active { animation: mainScale 800ms var(--ease-back) 200ms forwards; }

.end { padding: 0; }

.end-content { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; position: relative; }

.end-reward { display: flex; flex-direction: column; justify-content: center; align-items: center; align-items: center; transform: rotate(-10deg); }

.end-item { display: flex; }

.end-card { display: flex; width: 500rem; height: 229rem; position: relative; margin: 7rem 15rem; }

.end-card::after { content: ''; width: 1149rem; height: 100%; position: absolute; left: -30%; top: 15%; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/lottery/light.png) no-repeat center/100% 100%; opacity: 0; pointer-events: none; position: absolute; top: 0; left: 50%; margin-left: -574rem; }

.end-card img { width: 100%; height: 100%; object-fit: cover; position: relative; }

.end.active .end-item:nth-child(1) { animation: cardEnter 450ms cubic-bezier(0.16, 1, 0.3, 1) both; animation-delay: 0ms; }

.end.active .end-item:nth-child(1) .end-card::after { animation: cardLightGrow 450ms linear, cardLightFade 450ms linear; animation-delay: 0ms; }

.end.active .end-item:nth-child(2) { animation: cardEnter 450ms cubic-bezier(0.16, 1, 0.3, 1) both; animation-delay: 200ms; }

.end.active .end-item:nth-child(2) .end-card::after { animation: cardLightGrow 450ms linear, cardLightFade 450ms linear; animation-delay: 250ms; }

.end.active .end-item:nth-child(3) { animation: cardEnter 450ms cubic-bezier(0.16, 1, 0.3, 1) both; animation-delay: 400ms; }

.end.active .end-item:nth-child(3) .end-card::after { animation: cardLightGrow 450ms linear, cardLightFade 450ms linear; animation-delay: 500ms; }

.end.active .end-item:nth-child(4) { animation: cardEnter 450ms cubic-bezier(0.16, 1, 0.3, 1) both; animation-delay: 600ms; }

.end.active .end-item:nth-child(4) .end-card::after { animation: cardLightGrow 450ms linear, cardLightFade 450ms linear; animation-delay: 750ms; }

.end.active .end-confirm { animation: mainScale 800ms var(--ease-back) 600ms forwards; }

.end-bottom { display: flex; justify-content: flex-end; align-items: center; width: 1920rem; padding: 0 70rem; position: absolute; bottom: 30rem; z-index: 2; }

.end-confirm { display: flex; justify-content: center; align-items: center; width: 319rem; height: 100rem; font-size: 40rem; color: #fff; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/lottery-confirm.png) no-repeat center/cover; transform: scale(0); }

.test { padding: 0; }

.test-box { width: 100%; height: 100%; }

@keyframes popIn { 0% { transform: scale(0.8);
    opacity: 0; }
  100% { transform: scale(1);
    opacity: 1; } }

@keyframes popOut { 0% { transform: scale(1);
    opacity: 1; }
  15% { transform: scale(1.04);
    opacity: 1; }
  100% { transform: scale(0.8);
    opacity: 0; } }

@keyframes maskIn { from { opacity: 0; }
  to { opacity: .8; } }

@keyframes maskOut { from { opacity: .8; }
  to { opacity: 0; } }

#_overlay_ { display: none !important; }

.dialog { display: none; }

.dia { width: 100%; height: 100%; margin: 0 !important; position: fixed !important; left: 0 !important; top: 0 !important; display: none; z-index: 999998 !important; background: rgba(0, 0, 0, 0.7) !important; font-family: 'font'; }

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

.dia-1037-700 { width: 1037rem; height: 700rem; padding: 88rem 0; background-image: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/dialog/dia-1037-700.png); }

.dia-1660-966 { width: 1660rem; height: 966rem; padding: 88rem 0; background-image: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/dialog/dia-1660-966.png); }

.dia-2340-510 { width: 100%; height: 510rem; padding: 35rem 0 25rem; background-image: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/dialog/dia-2340-510.png); }

.dia-close { width: 54rem; height: 51rem; font-size: 0px; color: transparent; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/dialog/dia-close.png) no-repeat center/cover; position: absolute; top: 114rem; right: 106rem; }

.dia-title { flex: none; display: flex; justify-content: center; align-items: center; height: 90rem; font-size: 40rem; color: #fcf9e8; margin-bottom: 40rem; }

.dia-btns { display: flex; align-items: center; }

.dia-btns a { display: flex; justify-content: center; align-items: center; width: 285rem; height: 90rem; font-size: 36rem; color: #0b63e5; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/dialog/dia-btn-blue.png) no-repeat center/cover; margin: 0 15rem; }

.dia-btns a:last-child { color: #c5610d; background-image: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/dialog/dia-btn-yellow.png); }

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

.dia-toast { display: flex; justify-content: center; align-items: center; width: 809rem; height: 153rem; padding: 68rem 90rem 24rem 90rem; background-image: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/dialog/dia-toast.png); }

.dia-toast p { font-size: 36rem; color: #0b63e5; }

.dia-toastbig { display: flex; justify-content: center; align-items: center; width: 1643rem; height: 190rem; padding: 84rem 281rem 30rem 242rem; background-image: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/dialog/dia-toastbig.png); }

.dia-toastbig p { font-size: 36rem; color: #0b63e5; }

.dia-wraprule { justify-content: flex-start; align-items: flex-start; width: 780rem; height: 100rem; padding-right: 5rem; overflow-y: auto; }

.dia-wraprule::-webkit-scrollbar { width: 0; }

.dia-wraprule::-webkit-scrollbar-track { background-color: transparent; }

.dia-wraprule::-webkit-scrollbar-thumb { background-color: transparent; }

.dia-wraprule h6 { font-size: 30rem; color: #0259e3; padding: 10rem 0; margin: 0; }

.dia-wraprule p { font-size: 24rem; color: #0259e3; padding-bottom: 20rem; }

.dia-wraprule table { width: 100%; border-collapse: collapse; }

.dia-wraprule tr { width: 100%; }

.dia-wraprule td { width: 15%; font-size: 24rem; color: #0259e3; text-align: center; border: 2rem solid #0259e3; padding: 5rem 0; }

.dia-wraprule td:last-child { width: 40%; }

.dia-intro { display: flex; flex-direction: column; }

.dia-intro p { width: 780rem; font-size: 32rem; color: #0259e3; text-align: center; }

.dia-share { width: 100%; height: 100%; }

.dia-share:after { content: ''; width: 295rem; height: 570rem; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/dialog/dia-share.png) no-repeat center/cover; position: absolute; top: 60rem; left: 70rem; }

.dia-get p { font-size: 32rem; color: #0259e3; }

.dia-get div { display: flex; flex-direction: column; align-items: center; }

.dia-get div i { display: flex; justify-content: center; align-items: center; width: 348rem; height: 183rem; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/dialog/dia-get.png) no-repeat center/cover; }

.dia-get div img { width: 130rem; height: 130rem; object-fit: contain; }

.dia-get div span { font-size: 32rem; color: #0259e3; }

.dia-note { justify-content: flex-start; width: 1387rem; }

.dia-note-desc { display: flex; flex-direction: column; width: 100%; }

.dia-note-desc strong { font-size: 36rem; color: #3350cb; font-weight: 400; }

.dia-note-desc p { font-size: 26rem; color: #7da8c3; }

.dia-note-content { display: flex; flex-direction: column; width: 100%; padding-top: 10rem; }

.dia-note-head { display: flex; justify-content: space-between; align-items: center; height: 50rem; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/dialog/dia-note-head.png) no-repeat center/cover; }

.dia-note-head span { display: flex; justify-content: center; align-items: center; width: 15%; font-size: 24rem; color: #fff; }

.dia-note-head span:nth-child(2) { width: 25%; }

.dia-note-head span:nth-child(3) { width: 40%; }

.dia-note-head span:nth-child(4) { width: 20%; }

.dia-note-list { display: flex; flex-direction: column; }

.dia-note-list li { display: flex; justify-content: space-between; align-items: center; height: 50rem; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/dialog/dia-note-list.png) no-repeat center/cover; margin-top: 10rem; }

.dia-note-list li.out { text-decoration: line-through #3e5feb; }

.dia-note-list li span { display: flex; justify-content: center; align-items: center; width: 15%; font-size: 22rem; color: #3e5feb; line-height: 1.2; text-align: center; }

.dia-note-list li span:nth-child(2) { width: 25%; }

.dia-note-list li span:nth-child(3) { width: 40%; }

.dia-note-list li span:nth-child(4) { width: 20%; }

.dia-note-page { display: flex; align-items: center; margin-top: 20rem; }

.dia-note-page a { width: 44rem; height: 50rem; font-size: 0px; color: transparent; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/dialog/dia-note-prev.png) no-repeat center/cover; }

.dia-note-page input { width: 141rem; height: 50rem; font-size: 28rem; color: #3e5feb; text-align: center; border: none; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/dialog/dia-note-input.png) no-repeat center/cover; outline: none; margin: 0 40rem; }

.dia-note-next { transform: rotate(180deg); }

.dia-lotteryrule { justify-content: flex-start; align-items: flex-start; width: 1300rem; height: 100rem; padding-right: 5rem; overflow-y: auto; }

.dia-lotteryrule::-webkit-scrollbar { width: 0; }

.dia-lotteryrule::-webkit-scrollbar-track { background-color: transparent; }

.dia-lotteryrule::-webkit-scrollbar-thumb { background-color: transparent; }

.dia-lotteryrule h6 { font-size: 30rem; color: #0259e3; padding: 10rem 0; margin: 0; }

.dia-lotteryrule p { font-size: 24rem; color: #0259e3; padding-bottom: 20rem; }

.dia-lotteryrule table { width: 100%; border-collapse: collapse; }

.dia-lotteryrule tr { width: 100%; }

.dia-lotteryrule td { width: 15%; font-size: 24rem; color: #0259e3; text-align: center; border: 2rem solid #0259e3; padding: 5rem 0; }

.dia-lotteryrule td:last-child { width: 40%; }

.dia-lottery { flex: auto; display: flex; flex-direction: column; align-items: center; padding: 0; }

.dia-lottery-box p { font-size: 40rem; color: #668fd1; }

.dia-lottery-box span { color: #0259e3; }

.dia-lottery-btn { display: flex; align-items: center; height: 145rem; }

.dia-lottery-btn a { display: flex; justify-content: center; align-items: center; width: 500rem; height: 91rem; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/dialog/dia-lottery-blue.png) no-repeat center/100% 100%; margin: 0 20rem; position: relative; }

.dia-lottery-btn a:last-child { width: 530rem; background-image: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/dialog/dia-lottery-yellow.png); }

.dia-lottery-btn a span { display: flex; justify-content: center; align-items: center; width: 80rem; height: 42rem; font-size: 32rem; color: #ffff; position: absolute; top: 24rem; right: 50rem; }

.dia-inviter p { width: 780rem; font-size: 32rem; color: #0259e3; text-align: center; }

.dia-inviter span { font-size: 28rem; color: #668fd1; }

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

.dia-login li { display: flex; flex-direction: column; display: flex; align-items: center; width: 217rem; height: 261rem; padding: 12rem 10rem; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/dialog/dia-login.png) no-repeat center/cover; margin: 0 50rem; cursor: pointer; }

.dia-login li div { display: flex; justify-content: center; align-items: center; width: 198rem; height: 190rem; object-fit: contain; }

.dia-login li img { width: 100%; height: 100%; object-fit: contain; }

.dia-login li p { font-size: 28rem; color: #3e5feb; margin-top: 5rem; }

.dia-address .milo-form-row { display: flex; align-items: center; margin-bottom: 20rem; }

.dia-address .milo-form-row button { display: flex; justify-content: center; align-items: center; width: 285rem; height: 90rem; font-size: 36rem; color: #0b63e5; border: none; font-family: 'font'; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/dialog/dia-btn-blue.png) no-repeat center/cover; }

.dia-address .milo-form-label { font-size: 28rem; color: #668fd1; width: 5em; }

.dia-address .milo-form-contariner { display: flex; justify-content: space-between; align-items: center; width: 608rem; height: 56rem; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/dialog/dia-address.png) no-repeat center/cover; }

.dia-address .milo-form-contariner input, .dia-address .milo-form-contariner textarea { width: 600rem; height: 100%; font-size: 24rem; color: #668fd1; line-height: 1.1; padding: 0 10rem; font-family: 'font'; border: none; background: none; outline: none; }

.dia-address .milo-form-contariner input::-webkit-scrollbar, .dia-address .milo-form-contariner textarea::-webkit-scrollbar { width: 0; }

.dia-address .milo-form-contariner input::-webkit-scrollbar-track, .dia-address .milo-form-contariner textarea::-webkit-scrollbar-track { background-color: transparent; }

.dia-address .milo-form-contariner input::-webkit-scrollbar-thumb, .dia-address .milo-form-contariner textarea::-webkit-scrollbar-thumb { background-color: transparent; }

.dia-address .milo-form-contariner ::placeholder { font-size: 24rem; color: #668fd1; }

.dia-address .milo-form-contariner select { width: 30%; height: 100%; font-size: 22rem; color: #668fd1; font-family: 'font'; padding: 0 10rem; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/dialog/dia-address.png) no-repeat right center/auto 100%; border: none; outline: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; }

.dia-address li { display: flex; justify-content: center; align-items: center; width: 608rem; height: 56rem; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/dialog/dia-address.png) no-repeat center/cover; margin-bottom: 20rem; }

.dia-address li input, .dia-address li textarea { width: 600rem; height: 100%; font-size: 24rem; color: #668fd1; font-family: 'font'; border: none; background: none; outline: none; line-height: 1.2; }

.dia-address li ::placeholder { font-size: 28rem; color: #668fd1; }

.dia-shareimg { display: flex; flex-direction: column; align-items: center; }

.dia-shareimg-box { display: flex; justify-content: center; align-items: flex-start; width: 1382rem; height: 803rem; padding: 40rem 59rem 0 43rem; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/dialog/dia-1382-803.png) no-repeat center/cover; position: relative; }

.dia-shareimg .dia-close { width: 75rem; height: 92rem; background-image: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/dialog/dia-1382-803-close.png); top: 16rem; right: -56rem; }

.dia-shareimg-canvas { display: flex; width: 1280rem; height: 720rem; position: absolute; left: -1000vw; top: -1000vh; }

.dia-shareimg-image { width: 100%; height: 100%; object-fit: contain; }

.dia-shareimg-code { display: flex; justify-content: center; align-items: center; width: 200rem; height: 200rem; background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/dialog/dia-shareimg-code.png) no-repeat center/cover; position: absolute; right: 24rem; bottom: 22rem; }

.dia-shareimg-code canvas { width: 130rem; height: 130rem; }

.dia-shareimg-code img { width: 130rem; height: 130rem; object-fit: contain; }

.dia-shareimg-save { width: 1280rem; height: auto; }

.dia-shareimg-text { font-size: 0px; color: transparent; }

.dia-shareimg-btn { display: flex; margin-top: 30rem; }

.dia-shareimg-btn a { width: 352rem; height: 105rem; font-size: 0px; color: transparent; background-repeat: no-repeat; background-position: center; background-size: cover; margin: 0 30rem; }

.dia-shareimg-share { background-image: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/dialog/dia-shareimg-share.png); }

.dia-shareimg-copy { background-image: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/dialog/dia-shareimg-copy.png); }

.dia-shareimg-bsave { background-image: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/dialog/dia-shareimg-save.png); }

.dia-shareimg-invitation { background-image: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/dialog/dia-shareimg-invitation.png); }

.dia-shareimg-invitation { background-image: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/dialog/dia-shareimg-invitation.png); }

.dia-shareimg-tips { pointer-events: none; background-image: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/dialog/dia-shareimg-tips.png); }

.is557573 .home-image-frame { background: url(//game.gtimg.cn/images/czn/cp/a20260706musterh5/home-image-frame.png) no-repeat center/cover; }

.is557573 .home-image-frame canvas, .is557573 .home-image-frame img { opacity: 0; }