body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
table{border-collapse:collapse;border-spacing:0}
audio,canvas,video{ display: inline-block;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul,li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
a{text-decoration:none; -webkit-tap-highlight-color:transparent;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html{-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;-webkit-overflow-scrolling: touch; width:100%;}
img{border: 0; -webkit-touch-callout: none;}

body,html{width:100%;position: relative;}
body{font-size:0;background-color:#000;-webkit-text-size-adjust:none;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative}
.wrapper{overflow:hidden; width: 100%; -webkit-touch-callout: none; position: relative;}

.wrapper .logo{position: absolute; left: .56rem; top: .4rem;}


.wrapper *,.dia *,.dia{ -webkit-box-sizing:border-box; box-sizing:border-box;}
body .wrapper .boxc{-webkit-box-sizing: content-box; box-sizing:content-box;}
.wrapper a{ outline:none;}
.wrapper .hid{text-indent:-9999px;font-size:0px;overflow:hidden;width:0px;height:0px;}
.wrapper img{ display:block;}
.wrapper .disul{font-size: 0;text-align: center;}
.wrapper .disli{display: inline-block; vertical-align: top;}

.spr{ background-image:url(//game.gtimg.cn/images/codev/act/a20250819fission/spr2.png); background-repeat:no-repeat; background-size:9.71rem 10.09rem;}
.spr.benefit-box1{ width:2.11rem; height:1.1rem; background-position:99.60526% 0.3337%;}
.spr.benefit-box2{ width:1.51rem; height:1.1rem; background-position:94.7561% 31.92436%;}
.spr.btn-download1{ width:3.4rem; height:0.89rem; background-position:26.62441% 70.97826%;}
.spr.gift-box{ width:2.13rem; height:2.07rem; background-position:0.39578% 96.38404%;}
.spr.i-complete{ width:0.25rem; height:0.26rem; background-position:96.08879% 19.83723%;}
.spr.i-complete3{ width:0.21rem; height:0.22rem; background-position:55.57895% 47.01114%;}
.spr.i-dev{ width:0.25rem; height:0.25rem; background-position:72.09302% 56.70732%;}
.spr.i-dev3{ width:0.21rem; height:0.22rem; background-position:11.78947% 99.49341%;}
.spr.i-tag{ width:1.07rem; height:0.23rem; background-position:0.34722% 99.59432%;}
.spr.i-tag2{ width:0.19rem; height:0.2rem; background-position:20.69328% 75.2275%;}
.spr.invite-box{ width:1.02rem; height:1.02rem; background-position:59.8389% 97.57442%;}
.spr.jc-box{ width:0.75rem; height:0.42rem; background-position:92.74554% 91.20993%;}
.spr.jd-box{ width:1.55rem; height:1.12rem; background-position:92.52451% 44.48161%;}
.spr.line-dev-no{ width:0.27rem; height:0.27rem; background-position:17.79661% 75.76375%;}
.spr.line-dev-ok{ width:0.27rem; height:0.26rem; background-position:67.16102% 12.20753%;}
.spr.line-dev{ width:0.07rem; height:1.46rem; background-position:94.60581% 46.23407%;}
.spr.line-dev2{ width:0.07rem; height:1.46rem; background-position:95.53942% 46.23407%;}
.spr.list-bg{ width:5.2rem; height:0.74rem; background-position:0.66519% 36.57754%;}
.spr.list-bg2{ width:5.32rem; height:0.76rem; background-position:0.68337% 28.29582%;}
.spr.list-bg3{ width:6.65rem; height:0.94rem; background-position:0.98039% 2.62295%;}
.spr.list-btn.complete{ width:1.49rem; height:0.7rem; background-position:26.52068% 99.68051%;}
.spr.list-btn.gray{ width:1.49rem; height:0.7rem; background-position:44.89051% 99.68051%;}
.spr.list-btn{ width:1.49rem; height:0.7rem; background-position:81.87348% 68.6901%;}
.spr.list-btn2.complete{ width:1.49rem; height:0.7rem; background-position:80.53528% 76.35783%;}
.spr.list-btn2{ width:1.57rem; height:0.75rem; background-position:89.43489% 54.92505%;}
.spr.list-btn3.complete{ width:1.07rem; height:0.47rem; background-position:63.77315% 86.90229%;}
.spr.list-btn3.gray{ width:1.07rem; height:0.47rem; background-position:83.56481% 91.68399%;}
.spr.list-btn3{ width:1.07rem; height:0.47rem; background-position:83.56481% 96.77755%;}
.spr.mr{ width:0.99rem; height:0.25rem; background-position:93.23394% 77.7439%;}
.spr.p1-gift-text.on{ width:3.32rem; height:0.26rem; background-position:99.21753% 16.98881%;}
.spr.p1-gift-text{ width:1.09rem; height:0.26rem; background-position:83.7587% 99.69481%;}
.spr.p1-gift.on{ width:3.31rem; height:0.98rem; background-position:34.0625% 81.6685%;}
.spr.p1-gift{ width:1.07rem; height:0.98rem; background-position:63.77315% 80.79034%;}
.spr.p2-btn{ width:2.74rem; height:0.9rem; background-position:31.2769% 91.83896%;}
.spr.p2-recode-btn{ width:1.01rem; height:0.31rem; background-position:95.51724% 94.68303%;}
.spr.p3-btn{ width:2.74rem; height:0.9rem; background-position:90.81779% 21.21872%;}
.spr.p3-btn2{ width:6.28rem; height:0.7rem; background-position:0.87464% 20.44728%;}
.spr.p3-btn3{ width:3.58rem; height:0.93rem; background-position:27.4062% 50.65502%;}
.spr.p3-recode-btn{ width:1.01rem; height:0.31rem; background-position:95.74713% 98.05726%;}
.spr.p3-recode-btn2{ width:1.01rem; height:0.31rem; background-position:93.21839% 80.9816%;}
.spr.p4-btn3.start{ width:1.98rem; height:0.66rem; background-position:71.79819% 37.53977%;}
.spr.p4-btn1{ width:1.52rem; height:0.66rem; background-position:64.46886% 59.17285%;}
.spr.p4-btn2{ width:6.29rem; height:0.7rem; background-position:0.87719% 12.77955%;}
.spr.p4-btn3.gray{ width:1.98rem; height:0.66rem; background-position:71.79819% 44.7508%;}
.spr.p4-btn3.lock{ width:1.98rem; height:0.66rem; background-position:71.79819% 37.53977%;}
.spr.p4-btn3{ width:1.98rem; height:0.66rem; background-position:68.3053% 51.96182%;}
.spr.p4-btn4{ width:3.51rem; height:0.92rem; background-position:27.09677% 60.95965%;}
.spr.p4-line{ width:5.5rem; height:0.44rem; background-position:0.71259% 43.31606%;}
.spr.p5-btn{ width:2.38rem; height:0.65rem; background-position:73.26057% 30.40254%;}
.spr.p5-sx{ width:1.14rem; height:0.36rem; background-position:77.01284% 86.74203%;}
.spr.p5-text-dev{ width:7.52rem; height:0.19rem; background-position:1.36986% 0.30303%;}
.spr.p6-sx{ width:1.14rem; height:0.36rem; background-position:90.54842% 86.74203%;}
.spr.raffle-btn{ width:3.58rem; height:0.93rem; background-position:27.4062% 50.65502%;}
.spr.reach{ width:2.83rem; height:0.5rem; background-position:97.38372% 11.99166%;}
.spr.registration-btn{ width:0.6rem; height:1.73rem; background-position:91.54775% 70.57416%;}
.spr.rule-btn{ width:0.6rem; height:2.07rem; background-position:98.35346% 68.20449%;}
.spr.sw-next{ width:0.37rem; height:0.89rem; background-position:71.73448% 2.6087%;}
.spr.sw-prev{ width:0.37rem; height:0.89rem; background-position:75.91006% 2.6087%;}
.spr.unlock-box{ width:1.63rem; height:3.07rem; background-position:0.37129% 66.09687%;}
.spr.unlock-btn.end{ width:1.5rem; height:0.53rem; background-position:63.4592% 65.48117%;}
.spr.unlock-btn.gray{ width:1.5rem; height:0.53rem; background-position:62.11937% 71.23431%;}
.spr.unlock-btn{ width:1.49rem; height:0.53rem; background-position:80.29197% 82.53138%;}
.spr.unlock-btn.start{ width:1.5rem; height:0.53rem; background-position:83.06943% 61.71548%;}
.spr.zz-box{ width:0.96rem; height:0.96rem; background-position:71.31429% 96.93319%;}


.page1 { background: url(//game.gtimg.cn/images/codev/act/a20250819fission/page1.jpg) 50% 50% no-repeat; position: relative; height: 14.9rem; background-size: 100% 100%; padding-top: 10.86rem;}
.page2 { background: url(//game.gtimg.cn/images/codev/act/a20250819fission/page2.jpg) 50% 50% no-repeat; position: relative; height: 13.2rem; background-size: 100% 100%; padding-top: 3.42rem;}
.page3 { background: url(//game.gtimg.cn/images/codev/act/a20250819fission/page3.jpg) 50% 50% no-repeat; position: relative; height: 26.2rem; background-size: 100% 100%; padding-top: 3.35rem;}
.page4 { background: url(//game.gtimg.cn/images/codev/act/a20250819fission/page4.jpg) 50% 50% no-repeat; position: relative; height: 18rem; background-size: 100% 100%; padding-top: 2.9rem;}
.page5 { background: url(//game.gtimg.cn/images/codev/act/a20250819fission/page7.jpg) 50% 50% no-repeat; position: relative; height: 16.8rem; background-size: 100% 100%; padding-top: 3.41rem;}
.page6 { background: url(//game.gtimg.cn/images/codev/act/a20250819fission/page6.jpg) 50% 50% no-repeat; position: relative; height: 14.65rem; background-size: 100% 100%; padding-top: 3.4rem;}

.tips { color: #ff4655; font-size: .22rem; line-height: .28rem; text-align: center; font-weight: bold; height: .64rem; margin: 0 auto 0; position: relative;}

.page1 .login-box { font-size: .2259rem; color: #ece8e1; height: .6rem; line-height: .4rem; text-align: center;}
.page1 .login-box a { color: #fed450;}
.page1 .gift-list { font-size: 0; text-align: center; height: 1.89rem;}
.page1 .gift-list li { display: inline-block; vertical-align: top; width: 1.1rem;}
.page1 .gift-list li.on{width: 3.34rem;}
.page1 .gift-list .p1-gift { margin: 0 auto .05rem;}
.page1 .gift-list .p1-gift img { height: 100%; width: 100%; margin: 0 auto; padding: 0.11rem; object-fit: contain;}
.page1 .gift-list .p1-gift-text { margin: 0 auto; font-size: .14rem; color: #fff; line-height: 0.26rem;}
.page1 .gift-list .p1-gift-text span { color: #fdda7d; position: relative; display: block; width: 110%; left: -5%;}
.page1 .btn-download1 { margin: 0 auto; font-size: .35rem; color: #ff4656; font-weight: bold; line-height: .89rem; text-align: center;}
.page1 .rule-btn { display: block; position: absolute; top: 1.62rem; right: 0;}
.page1 .registration-btn { display: block; position: absolute; top: 4.33rem; right: 0;}
.page1 .p1-btn-lq { display: block; margin: 0.08rem auto 0; width: 1.51rem; height: 0.29rem; font-size: 0; background: url(//game.gtimg.cn/images/codev/act/a20250819fission/btn-lq2.png) no-repeat; background-size: 100% 100%;}

.page1 .p1-download-box>a { display: none;}
.page1 .p1-download-box>a.show { display: block;}
.page1 .download-step { margin: 0 auto; width:3.4rem; height:0.89rem; background: url(//game.gtimg.cn/images/codev/act/a20250819fission/download-bg1.png) no-repeat; background-size: 100% 100%; position: relative;}
.page1 .download-step span { display: block; width: 3.18rem; height: 0.67rem; background: #9ca29e; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%); overflow: hidden; z-index: 1; pointer-events: none;} 
.page1 .download-step strong { font-size: 0.22rem; padding-right: 0.3rem; display: block; line-height: 0.67rem; color: #0f1923;  font-weight: bold; text-align: center; position: relative; z-index: 3;}
.page1 .download-step em { position: absolute; top: 0; left: 0; z-index: 1; display: block; height: 100%; background: #ece8e1;}
.page1 .download-step i { width: 0.29rem; height: 0.29rem; position: absolute; top: 0.3rem; right: 0.23rem; z-index: 3; pointer-events: none;}
.page1 .download-step i.i-pause { background: url(//game.gtimg.cn/images/codev/act/a20250819fission/i-pause.png) no-repeat; background-size: 100% 100%;}
.page1 .download-step i.i-download { background: url(//game.gtimg.cn/images/codev/act/a20250819fission/i-download2.png) no-repeat; background-size: 100% 100%;}
.page1 .download-step i.i-pause { display: none;}
.page1 .download-step.pause i.i-pause { display: block;}
.page1 .download-step.pause i.i-download { display: none;}
.page1 .download-step.pause { background: url(//game.gtimg.cn/images/codev/act/a20250819fission/pause-bg1.png) no-repeat; background-size: 100% 100%;}
.page1 .download-step.pause em { background: #0f1923;}
.page1 .download-step.pause strong { color: #ece8e1;}

.page2 .main { width: 6.64rem; margin: 0 auto;}
.page2 .tips { width: 6.02rem;}
.page2 .list-jd { display: flex; align-items: center; justify-content: space-between; margin: 0.68rem auto 0.52rem; position: relative;}
.page2 .list-jd::before { content: ""; width: 3.48rem; height: 0.19rem; position: absolute; top: 0.43rem; left: 1.58rem; background: url(//game.gtimg.cn/images/codev/act/a20250819fission/arrow.png) no-repeat; background-size: 100% 100%;}
.page2 .list-jd li { position: relative; display: flex; align-items: center; justify-content: center; padding: 0 0 0.09rem 0;}
.page2 .list-jd li p { font-size: 0.2rem; line-height: 0.24rem; color: #ece8e1; text-align: center;}
.page2 .p2-btn { display: block; margin: 0 auto; font-size: .32rem; color: #ece8e1; font-weight: bold; line-height: 0.9rem; text-align: center;}
.page2 .p2-recode-btn { display: block; margin: 0.08rem auto 0;}
.page2 .reach { font-size: 0.28rem; line-height: 0.5rem; color: #ff4655; padding: 0 0 0 0.11rem; margin: 0.88rem 0 0 0.14rem}
.page2 .list-unlock { margin: 0.24rem auto 0; display: flex; justify-content: space-between;}
.page2 .unlock-box { position: relative; padding: 0.12rem 0 0 0;}
.page2 .unlock-box .req { font-size: 0.21rem; line-height: 0.33rem; color: #ece8e1; text-align: center; }
.page2 .unlock-box .req span { font-size: 0.33rem; line-height: 0.33rem; color: #ff4655; font-weight: bold;}
.page2 .unlock-box .pic-box { margin: 0.43rem auto 0; width: 100%; height: 1rem; position: relative;}
.page2 .unlock-box .pic-box img { pointer-events: none;}
.page2 .list-unlock li:nth-child(1) .pic-box img { width: 2.21rem; height: 2.24rem; position: absolute; top: -0.57rem; left: -0.26rem;}
.page2 .list-unlock li:nth-child(2) .pic-box img { width: 2.33rem; height: 2.17rem; position: absolute; top: -0.57rem; left: -0.14rem;}
.page2 .list-unlock li:nth-child(3) .pic-box img { width: 2.16rem; height: 2.39rem; position: absolute; top: -0.57rem; left: -0.26rem;}
.page2 .list-unlock li:nth-child(4) .pic-box img { width: 2.65rem; height: 2.53rem; position: absolute; top: -0.8rem; left: -0.58rem;}
.page2 .unlock-box .gift-name { font-size: 0.21rem; line-height: 0.26rem; color: #ece8e1; text-align: center;}
.page2 .unlock-box .gift-name span { font-size: 0.26rem;}
.page2 .unlock-btn { display: block; margin: 0.09rem auto 0; font-size: .23rem; color: #ebe7e0; font-weight: bold; line-height: 0.53rem; text-align: center;}
.page2 .unlock-btn.gray { pointer-events: none;}
.page2 .unlock-btn.start { color: #8b978f; pointer-events: none;}
.page2 .unlock-btn.end { color: #0f1923; pointer-events: none;}

.page3 .main { width: 6.6rem; margin: 0 auto;}
.page3 .tips { color: #0f1923;}
.page3 .step { display: flex; align-items: flex-end; justify-content: flex-start; flex-wrap: wrap;}
.page3 .step i { display: inline-block; vertical-align: top; width: 0.05rem; height: 0.38rem; background: #0f1923;}
.page3 .step span { font-size: 0.4rem; line-height: 0.4rem; color: #0f1923; font-weight: bold;}
.page3 .step .tl1 { font-size: 0.28rem; line-height: 0.3rem; color: #0f1923; font-weight: bold; margin-left: 0.16rem;}
.page3 .step .tl2 { font-size: 0.18rem; line-height: 0.34rem; color: #0f1923;}
.page3 .step1 { margin: 0.3rem 0 0 0;}
.page3 .list-invite { margin: 0.58rem auto 0; width: 6.3rem; display: flex; justify-content: space-between; height: 1.48rem;}
.page3 .invite-box { box-sizing: border-box; padding: 0.04rem;}
.page3 .list-invite li { width: 1.16rem; height: auto;}
.page3 .list-invite li p { font-size: 0.18rem; line-height: 0.22rem; color: #ece8e1; font-weight: bold; margin-top: 0.02rem;}
.page3 .list-invite .pic-box { width: 100%; height: 100%; -webkit-mask: url(//game.gtimg.cn/images/codev/act/a20250819fission/invite-mask.png); -webkit-mask-size: 100% 100%;}
.page3 .list-invite .pic-box img { width: 100%; height: 100%; object-fit: cover;}
.page3 .list-invite p { font-size: 0.18rem; line-height: 0.22rem; color: #ece8e1; text-align: center;}
.page3 .p3-btn { display: block; margin: 0.43rem auto 0; font-size: .32rem; color: #0f1923; font-weight: bold; line-height: 0.9rem; text-align: center;}
.page3 .p3-recode-btn { display: block; margin: 0.08rem auto 0;}
.page3 .step2 { margin: 1.27rem 0 0 0;}
.page3 .p3-btn2 { margin: 0 auto 0; font-size: .35rem; color: #fb4554; font-weight: bold; line-height: 0.7rem; text-align: center;}
.page3 .list { margin: 0.37rem auto 0; height: 4.7rem; }
.page3 .gift-list { height: 6.57rem; display: flex; justify-content: space-between; align-content: space-between; flex-wrap: wrap;}
.page3 .gift-box { position: relative;}
.page3 .gift-box>span { position: absolute; top: 0; right: 0; font-size: 0.18rem; line-height: 0.23rem; color: #0f1923; text-align: center;}
.page3 .gift-box .pic-box { height: 1.5rem; margin: 0.2rem auto 0; position: relative; text-align: center;}
.page3 .gift-box .pic-box img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.page3 .gift-list li:nth-child(1) img{ width: 1rem; height: 1.23rem;}
.page3 .gift-list li:nth-child(2) img{ width: 0.97rem; height: 1.15rem;}
.page3 .gift-list li:nth-child(3) img{ width: 0.82rem; height: 1.1rem;}
.page3 .gift-list li:nth-child(4) img{ width: 1.66rem; height: 1.37rem;}
.page3 .gift-list li:nth-child(5) img{ width: 1.91rem; height: 1.5rem;}
.page3 .gift-list li:nth-child(6) img{ width: 1.95rem; height: 1.22rem;}
.page3 .gift-list li:nth-child(7) img{ width: 1.79rem; height: 1.32rem; -webkit-transform: translate(-45%, -50%); transform: translate(-45%, -50%);}
.page3 .gift-list li:nth-child(8) img{ width: 1.56rem; height: 1.21rem;-webkit-transform: translate(-56%, -50%); transform: translate(-56%, -50%);}
.page3 .gift-list li:nth-child(9) img{ width: 1.28rem; height: 1.23rem;}
.page3 .gift-box .prize-name { margin-top: -0.04rem; font-size: 0.19rem; line-height: 0.23rem; color: #ffffff; text-align: center;}
.page3 .p3-btn3 { display: block; margin: 0.42rem auto 0; font-size: .35rem; color: #0f1923; font-weight: bold; line-height: 0.4rem; text-align: center; padding: 0.13rem 0 0 0;}
.page3 .p3-btn3 span { font-size: 0.18rem; line-height: 0.24rem; color: #0f1923; font-weight: bold; display: block;}
.page3 .p3-btn3 span strong { font-size: 0.24rem;}
.page3 .p3-recode-btn2 { display: block; margin: 0.08rem auto 0;}
.page3 .list { width: 100%;}
.page3 .list li { width: 6.3rem; height: auto; position: relative; margin: 0 auto .18rem; }
.page3 .list li .list-bg3 { text-align: center; padding: .14rem 2.23rem 0 .38rem; position: relative; left: -0.18rem; display: flex; flex-direction: column; align-items: center;justify-content: center;}
.page3 .list li .list-bg3 p.tl3 { font-size: .25rem; line-height: .56rem; color: #ece8e1; font-weight: bold; }
.page3 .list li .list-bg3 p.tl1 { font-size: .22rem; line-height: .3rem; color: #ece8e1; font-weight: bold; }
.page3 .list li .list-bg3 p.tl2 { font-size: .18rem; line-height: .26rem; color: #ece8e1; }
.page3 .list li a { font-size: .21rem; line-height: .47rem; color: #0f1923; text-align: center; position: absolute; right: 0.12rem; top: 0.24rem;}
.page3 .list li a i { display: inline-block; vertical-align: middle; position: relative; top: -.04rem; }
.page3 .list li a i.i-complete3 { display: none; }
.page3 .list li a.complete i.i-complete3 { display: inline-block; }
.page3 .list li a.complete i.i-dev3 { display: none; }
.page3 .list li a.complete { color: #ece8e1;}
.page3 .list li a.gray i.i-complete3 { display: inline-block; }
.page3 .list li a.gray i.i-dev3 { display: none; }
.page3 .list li a.gray { color: #ece8e1;}
.page3 .list li .list-bg3 .mr { position: absolute; top: 0.01rem; left: 0.36rem; font-size: 0.18rem; line-height: 0.25rem; color: #fb4554; font-weight: bold; text-align: center;}
.page3 .list li .jc-box { position: absolute; top: 0; right: 1.37rem; font-size: 0.26rem; line-height: 0.94rem; color: #ece8e1; font-weight: bold; text-align: center;}
.page3 .p3-download-box>a { display: none; margin: 0.46rem auto 0; }
.page3 .p3-download-box>a.show { display: block;}
.page3 .download-step { margin: 0 auto; width:6.3rem; height:0.68rem; background: url(//game.gtimg.cn/images/codev/act/a20250819fission/download-bg2.png) no-repeat; background-size: 100% 100%; position: relative;}
.page3 .download-step span { display: block; width: 6.19rem; height: 0.6rem; background: #9ca29e; -webkit-mask: url(//game.gtimg.cn/images/codev/act/a20250819fission/p3-mask.png) no-repeat; -webkit-mask-size: 100% 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%); overflow: hidden; z-index: 1; pointer-events: none;} 
.page3 .download-step strong { font-size: 0.26rem; display: block; line-height: 0.6rem; color: #0f1923;  font-weight: bold; text-align: center; position: relative; z-index: 3;}
.page3 .download-step em { position: absolute; top: 0; left: 0; z-index: 1; display: block; height: 100%; background: #ece8e1;}
.page3 .download-step i { width: 0.37rem; height: 0.37rem; position: absolute; top: 0.16rem; right: 1.32rem; z-index: 3; pointer-events: none;}
.page3 .download-step i.i-pause { background: url(//game.gtimg.cn/images/codev/act/a20250819fission/i-pause.png) no-repeat; background-size: 100% 100%;}
.page3 .download-step i.i-download { background: url(//game.gtimg.cn/images/codev/act/a20250819fission/i-download2.png) no-repeat; background-size: 100% 100%;}
.page3 .download-step i.i-pause { display: none;}
.page3 .download-step.pause i.i-pause { display: block;}
.page3 .download-step.pause i.i-download { display: none;}
.page3 .download-step.pause { background: url(//game.gtimg.cn/images/codev/act/a20250819fission/pause-bg2.png) no-repeat; background-size: 100% 100%;}
.page3 .download-step.pause em { background: #0f1923;}
.page3 .download-step.pause strong { color: #ece8e1; }

.page4 .main { width: 6.6rem; margin: 0 auto;}
.page4 .tips { width: 6.02rem; display: flex; justify-content: center; align-items: center;}
.page4 .p4-btn1 { display: inline-block; vertical-align: top; font-size: 0.26rem; line-height: 0.66rem; color: #ebe7e0; text-align: center;}
.page4 .p4-btn2 { display: block; margin: 0.41rem auto 0; font-size: 0.35rem; color: #ebe7e0; font-weight: bold; line-height: 0.7rem; text-align: center;}
.page4 .benefit { margin: 0.71rem auto 0;}
.page4 .benefit .item { height: 1.08rem; width: 100%; margin-bottom: 0.6rem; display: flex; justify-content: flex-start; align-items: center; position: relative;}
.page4 .benefit .bar-box { width: 0.85rem; position: relative; left: -0.08rem; top: -0.05rem;}
.page4 .benefit .gift-box { width: 3.72rem; font-size: 0; text-align: center;}
.page4 .benefit .bar-box .sl1{ font-size: 0.6rem; line-height: 0.5rem; color: #ebe7e0;}
.page4 .benefit .bar-box .sl2{ font-size: 0.26rem; line-height: 0.5rem; color: #ebe7e0;}
.page4 .benefit .bar-box .line-dev-ok,.page4 .benefit .bar-box .line-dev-no { position: absolute; top: 0.26rem; left: 0.66rem;}
.page4 .benefit .bar-box .line-dev,.page4 .benefit .bar-box .line-dev2 { position: absolute; top: 0.51rem; left: 0.75rem;}
.page4 .benefit .item .line-dev-ok{ display: none;}
.page4 .benefit .item.complete .line-dev-ok{ display: block;}
.page4 .benefit .item.complete .line-dev-no{ display: none;}
.page4 .benefit .item .line-dev2{ display: none;}
.page4 .benefit .item.complete .line-dev2{ display: block;}
.page4 .benefit .item.complete .line-dev{ display: none;}
.page4 .benefit .gift-box > div { display: inline-block; vertical-align: top;}
.page4 .benefit .gift-box > div:nth-child(2){ margin-left: 0.08rem;}
.page4 .benefit a { position: relative; top: -0.06rem;}
.page4 .p4-btn3 { display: inline-block; vertical-align: top; font-size: 0.26rem; line-height: 0.66rem; color: #ebe7e0; text-align: center;}
.page4 .p4-btn3.gray { pointer-events: none;}
.page4 .p4-btn3.start { color: #8b978f; pointer-events: none;}
.page4 .benefit-box1 { padding-top: 0.1rem;}
.page4 .benefit-box2 { padding-top: 0.18rem;}
.page4 .benefit-box1 img{ display: block; margin: 0 auto; height: 0.66rem;}
.page4 .benefit-box2 img{ display: block; margin: 0 auto; height: 0.56rem;}
.page4 .gift-box p { font-size: 0.18rem; line-height: 0.22rem; color: #ebe7e0; text-align: center;}
.page4 .p4-line { position: absolute; bottom: -0.23rem; right: 0;}
.page4 .p4-btn4 { margin: 0 auto 0; display: block; font-size: 0.35rem; font-weight: bold; line-height: 0.92rem; color: #ebe7e0; text-align: center;}
.page4 .p4-download-box>a { display: none; margin: 0.74rem auto 0; }
.page4 .p4-download-box>a.show { display: block;}
.page4 .download-step { margin: 0 auto; width:3.49rem; height:0.9rem; background: url(//game.gtimg.cn/images/codev/act/a20250819fission/download-bg3.png) no-repeat; background-size: 100% 100%; position: relative;}
.page4 .download-step span { display: block; width: 3.37rem; height: 0.82rem; background: #9ca29e; -webkit-mask: url(//game.gtimg.cn/images/codev/act/a20250819fission/p4-mask.png) no-repeat; -webkit-mask-size: 100% 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%); overflow: hidden; z-index: 1; pointer-events: none;} 
.page4 .download-step strong { padding-right: 0.3rem; font-size: 0.24rem; display: block; line-height: 0.82rem; color: #ebe7e0;  font-weight: bold; text-align: center; position: relative; z-index: 3;}
.page4 .download-step em { position: absolute; top: 0; left: 0; z-index: 1; display: block; height: 100%; background: #ff4655;}
.page4 .download-step i { width: 0.31rem; height: 0.31rem; position: absolute; top: 0.3rem; right: 0.31rem; z-index: 3; pointer-events: none;}
.page4 .download-step i.i-pause { background: url(//game.gtimg.cn/images/codev/act/a20250819fission/i-pause2.png) no-repeat; background-size: 100% 100%;}
.page4 .download-step i.i-download { background: url(//game.gtimg.cn/images/codev/act/a20250819fission/i-download.png) no-repeat; background-size: 100% 100%;}
.page4 .download-step i.i-pause { display: none;}
.page4 .download-step.pause span { background: #88928c;}
.page4 .download-step.pause i.i-pause { display: block;}
.page4 .download-step.pause i.i-download { display: none;}
.page4 .download-step.pause { background: url(//game.gtimg.cn/images/codev/act/a20250819fission/pause-bg3.png) no-repeat; background-size: 100% 100%;}
.page4 .download-step.pause em { background: #ebe7e0;}
.page4 .download-step.pause strong { color: #0f1923; }

.page5 .tips { color: #0f1923; margin-bottom: 3.81rem;}
.page5 .sw-box { width: 100%; height: auto; margin-top: .64rem; position: relative; }
.page5 .sw-box .sw { width: 100%; height: 2.8rem; overflow: hidden; position: relative; z-index: 1; }
.page5 .sw-box .sw li { width: 6.5rem; height: 100%; margin: 0 .5rem; }
.page5 .sw-box .sw .img-box { width: 5.48rem; height: auto; margin: 0 auto; }
.page5 .sw-box .sw .img-box img { width: 100%; height: auto; }
.page5 .sw-box .sw-btn { width: 6.64rem; height: 0; position: absolute; top: .94rem; left: 50%; margin-left: -3.32rem; z-index: 2; }
.page5 .sw-btn a.sw-prev { float: left; }
.page5 .sw-btn a.sw-next { float: right; }
.page5 .sw-btn a.swiper-button-disabled { opacity: .6; pointer-events: none; }
.page5 a.p5-btn { font-size: .28rem; line-height: .65rem; color: #0f1923; text-align: center; font-weight: bold; display: block; margin: 0 auto 0; position: relative;}
.page5 a.p5-btn.gray { opacity: .6; filter: brightness(.9); pointer-events: none; }
.page5 .list-logo { width: 100%; height: auto; font-size: 0; text-align: center; margin: 0.28rem 0 .62rem; }
.page5 .list-logo li { display: inline-block; vertical-align: top; width: 1.18rem; position: relative; }
.page5 .list-logo .pic-box { height: .94rem;}
.page5 .list-logo .pic-box img {height: 100%; margin: 0 auto;}
.page5 .list-logo p { width: 120%; height: auto; font-size: .18rem; line-height: .22rem; color: #ebe7e0; text-align: center; position: absolute; top: .98rem; left: -10%; }
.page5 .tips2 { width: 100%; height: 0.5rem; font-size: .3rem; line-height: .4rem; color: #0f1923; text-align: center; font-weight: bold; letter-spacing: .02rem; margin: 0.54rem 0 0 0; position: relative; }
.page5 .tips2 i { display: none; position: absolute; left: 0; top: 50%; margin-top: -.1rem; pointer-events: none; }
.page5 .tips2 a { position: absolute; bottom: -0.38rem; left: 50%; margin-left: -0.81rem; opacity: 1; display: block; z-index: 2; font-size: 0;
 width: 1.62rem; height: 0.34rem; background: url(//game.gtimg.cn/images/codev/act/a20250819fission/btn-sx.png) no-repeat; background-size: 100% 100%;}
.page5 .list2 { width: 100%; height: auto; margin-top: 0.44rem;}
.page5 .list2 li { width: 6.3rem; height: auto; position: relative; margin: 0 auto .18rem; }
.page5 .list2 li .list-bg { text-align: center; padding: .08rem 1.14rem 0 .38rem; position: relative; left: -0.18rem; }
.page5 .list2 li .list-bg p.tl3 { font-size: .25rem; line-height: .56rem; color: #ece8e1; font-weight: bold; }
.page5 .list2 li .list-bg p.tl1 { font-size: .22rem; line-height: .3rem; color: #ece8e1; font-weight: bold; }
.page5 .list2 li .list-bg p.tl2 { font-size: .18rem; line-height: .26rem; color: #ece8e1; }
.page5 .list2 li a { font-size: .26rem; line-height: .7rem; color: #0f1923; text-align: center; padding-left: .06rem; position: absolute; right: 0; top: 1px; }
.page5 .list2 li a i { display: inline-block; vertical-align: middle; position: relative; top: -.04rem; }
.page5 .list2 li a i.i-complete { display: none; }
.page5 .list2 li a.complete{ color: #ece8e1;}
.page5 .list2 li a.gray { color: #ece8e1; pointer-events: none;}
.page5 .list2 li a.complete i.i-complete { display: inline-block; }
.page5 .list2 li a.complete i.i-dev { display: none; }
.page5 .list2 li a.gray i.i-complete { display: inline-block; }
.page5 .list2 li a.gray i.i-dev { display: none; }
.page5 .tips3 { width: 100%; height: .4rem; font-size: .18rem; line-height: .28rem; color: #ece8e1; text-align: center; position: relative; }
.page5 .list2 .jc-box { position: absolute; top: 0; right: 0.57rem; font-size: 0.25rem; line-height: 0.74rem; color: #ece8e1; font-weight: bold; text-align: center;}
.page5 .list-logo li.flicker,.page5 .p5-btn.flicker {-webkit-animation: aniZoom 2s linear infinite; animation: aniZoom 2s linear infinite;}
@-webkit-keyframes aniZoom{0%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(.8)}100%{-webkit-transform:scale(1)}}
@keyframes aniZoom{0%{transform:scale(1)}50%{transform:scale(.8)}100%{transform:scale(1)}}


.page6 .p6-list { width: 100%; height: auto; margin-top: .48rem; }
.page6 .tips a { position: absolute; bottom: -0.38rem; left: 50%; margin-left: -0.81rem; opacity: 1; display: block; z-index: 2; font-size: 0;
width: 1.62rem; height: 0.34rem; background: url(//game.gtimg.cn/images/codev/act/a20250819fission/btn-sx.png) no-repeat; background-size: 100% 100%;}
.page6 .p6-item { width: 100%; height: 4.1rem; padding-top: 2.77rem; margin-bottom: 0.77rem; }
.page6 .item-box { width: 6.3rem; height: auto; position: relative; margin: 0 auto; }
.page6 .item-box .list-bg2 { font-size: .25rem; line-height: .73rem; color: #ff4655; font-weight: bold; text-align: center; padding-left: .13rem; position: relative; left: -0.19rem;}
.page6 .item-box a { font-size: .26rem; line-height: .7rem; color: #0f1923; text-align: center; padding-left: .06rem; position: absolute; right: -0.13rem; top: 1px; }
.page6 .item-box a i { display: inline-block; vertical-align: middle; position: relative; top: -.04rem; }
.page6 .item-box a i.i-complete { display: none; }
.page6 .item-box a.complete i.i-complete { display: inline-block; }
.page6 .item-box a.complete i.i-dev { display: none; }
.page6 .item-box a.complete { color: #ece8e1; }
.page6 .item-box .jc-box { position: absolute; top: 0; right: 0.57rem; font-size: 0.26rem; line-height: 0.73rem; color: #ff4655; font-weight: bold; text-align: center;}

/* 弹窗  */
.spr-tc{ background-image:url(//game.gtimg.cn/images/codev/act/a20250819fission/spr-tc.png); background-repeat:no-repeat; background-size:4.8rem 1.81rem;}
.spr-tc.btn-close{ width:0.65rem; height:0.66rem; background-position:99.27711% 2.6087%;}
.spr-tc.btn-confirm{ width:3.03rem; height:0.64rem; background-position:1.69492% 2.5641%;}
.spr-tc.i-dev{ width:0.32rem; height:0.15rem; background-position:48.66071% 41.56627%;}
.spr-tc.invite-box{ width:1.02rem; height:1.02rem; background-position:81.48148% 3.79747%;}
.spr-tc.logo{ width:0.47rem; height:0.41rem; background-position:34.41109% 95.71429%;}
.spr-tc.pop-btn2{ width:2.13rem; height:0.63rem; background-position:1.1236% 58.47458%;}
.spr-tc.pop-btn3{ width:2.13rem; height:0.63rem; background-position:81.64794% 90.67797%;}
.spr-tc.pop-btn4{ width:1.44rem; height:0.44rem; background-position:0.89286% 97.81022%;}
.spr-tc.pop-next{ width:0.18rem; height:0.33rem; background-position:54.54545% 46.62162%;}
.spr-tc.pop-next.gray{ width:0.18rem; height:0.33rem; background-position:58.87446% 46.62162%;}
.spr-tc.pop-prev.gray{ width:0.18rem; height:0.33rem; background-position:89.17749% 47.97297%;}
.spr-tc.pop-prev{ width:0.18rem; height:0.33rem; background-position:93.50649% 47.97297%;}
.spr-tc.tl{ width:0.1rem; height:0.11rem; background-position:46.38298% 50.58824%;}
.spr-tc.tr{ width:0.1rem; height:0.11rem; background-position:48.93617% 50.58824%;}

.dia{display: none; outline: none;}
.dia .btn-close{position: absolute; right: 0; top: -.72rem; z-index: 3;}
.dia .logo{position: absolute; left: -.15rem; top: 0; z-index: 2; pointer-events: none;}
.dia .title-box{font-size: 0; text-align: center;}
.dia .title-box p{display: inline-block; vertical-align: top; position: relative; color: #ff4655; font-size: .36rem; height: .5rem; line-height: .5rem; font-weight: bold;}
.dia .title-box i{position: absolute; top: 50%; margin-top: -.03rem;}
.dia .title-box .tr{right: -.21rem;}
.dia .title-box .tl{left: -.21rem;}
.dia .btn-list{font-size: 0; text-align: center;}
.dia .btn-list a{display: inline-block; vertical-align: top;}
.dia .btn-group{font-size: 0; text-align: center;}
.dia .btn-group a{display: inline-block; vertical-align: top;}
.dia .btn-confirm{color: #ebe7e0; font-size: .3021rem; text-align: center; font-weight: bold; line-height: .64rem;}
.dia .pop-btn2{color: #0e1721; font-size: .3021rem; text-align: center; font-weight: bold; line-height: .63rem;}
.dia .pop-btn3{color: #ebe7e0; font-size: .3021rem; text-align: center; font-weight: bold; line-height: .63rem;}
.dia i.i-dev { display: inline-block; vertical-align: top; margin: 0 0.09rem; position: relative; top: 0.24rem;}
.dia .btn-confirm.gray { -webkit-filter: grayscale(1); filter: grayscale(1); pointer-events: none;}
.dia .pop-btn3.gray { -webkit-filter: grayscale(1); filter: grayscale(1); pointer-events: none;}
.dia .pop-btn2.gray { -webkit-filter: grayscale(1); filter: grayscale(1); pointer-events: none; width:2.13rem; height:0.63rem; background-position:81.64794% 90.67797%;}


.dia-tips{width: 6.78rem; height: 4.93rem; background: url(//game.gtimg.cn/images/codev/act/a20250819fission/tc1.png) repeat; background-size:100% 100%; padding-top: .19rem;}
.dia-tips .comm-tips-box{width: 5.7rem; margin: .83rem auto 0; height: 1.6rem; display:flex; display:-webkit-flex; align-items:center; justify-content:center; color: #ede9e0; font-size: .2182rem; line-height: .4rem; text-align: center;}
.dia-tips .btn-list{margin-top: .76rem;}

.dia-rule {width: 6.78rem; height: 6.66rem; background: url(//game.gtimg.cn/images/codev/act/a20250819fission/tc2.png) repeat; background-size:100% 100%; padding-top: .19rem;}
.dia-rule .rule-box { width: 6.1rem; height: auto; max-height: 5.3rem; padding: 0 .2rem; margin: .4rem auto 0; overflow: hidden; overflow-y: auto;}
.dia-rule .rule-box::-webkit-scrollbar { width:.04rem;height:.04rem;}
.dia-rule .rule-box::-webkit-scrollbar-track-piece { background-color:#ede9e073;}
.dia-rule .rule-box::-webkit-scrollbar-thumb { background-color:#ede9e0;}
.dia-rule .rule-box p { color: #ede9e0; font-size: .22rem; line-height: .28rem; text-align: justify; margin-top: .24rem; }
.dia-rule table { margin: 0.3rem 0; font-size: 0; overflow: hidden; }
.dia-rule table td { text-align: center; line-height: 0.26rem; font-size: 0.18rem; color: #ede9e0; padding: 0.1rem 0.2rem;}
.dia-rule table td { width: auto; vertical-align: middle;}
.dia-rule table,.dia-rule table tr,.dia-rule table td { border: 1px solid #5d2632;}
.dia-rule table:nth-of-type(2) { width: 100%;}
.dia-rule table:nth-of-type(3) { width: 100%;}
.dia-rule p span{ color:#ff4655;}

/* 填写信息 S */
.information { width: 6.78rem; height: 7.02rem; background: url(//game.gtimg.cn/images/codev/act/a20250819fission/tc3.png) no-repeat; background-size: 100%; padding-top: 0.19rem;}
.information .text-tip { width: 5.6rem; margin: 0.43rem auto 0.25rem; position: relative;}
.information .text-tip p { width: 100%;height: auto;font-size: 0.22rem;line-height: 0.28rem;color: #ede9e0;text-align: center;}
.information .input-list { width: 5.67rem;height: 3.33rem;font-size: 0;margin: 0 auto 0.43rem;background: url(//game.gtimg.cn/images/codev/act/a20250819fission/pop2-box.png) no-repeat; background-size: 100% 100%;}
.information .input-item { width: 100%;height: 0.46rem;font-size: 0;margin-bottom: 0.19rem;}
.information .input-item span { width: 1.28rem;height: 100%;padding-right: 0.07rem;display: inline-block;vertical-align: top;font-size: 0.24rem;line-height: 0.46rem;color: #ff4655;text-align: center;position: relative;}
.information .input-item input { width: 3.88rem;height: 100%;display: inline-block;vertical-align: top;font-size: 0.2rem;line-height: 0.4rem;color: #7e7f7e;outline: none;background-color: transparent;border: none;padding: 0 0.11rem;}
.information .input-item input::placeholder { color: #7e7f7e;}
.information .input-item select { width: 3.98rem;display: block;height: 0.43rem;cursor: pointer;font-size: 0.18rem;line-height: 0.43rem;color: #7e7f7e;outline: none;-webkit-appearance: none;background-color: transparent;border: none;box-sizing: border-box; -webkit-font-smoothing: antialiased;  transform: translateZ(0); opacity: 1;}
.information .input-item.item-select { height: 1.36rem;box-sizing: border-box;padding: 0px 0 0 1.49rem;position: relative;}
.information .input-item.item-select span { height: 1.36rem; line-height: 1.36rem; position: absolute; top: 0; left: 0;}
.information .btn-group { text-align: center; font-size: 0;}
.information .btn-group a { display: inline-block; vertical-align: top; position: relative;}
/* 填写信息 E */

/* 恭喜获得XXX S */
.obtain { width: 6.78rem; height: 4.93rem; padding-top: 0.19rem; background: url(//game.gtimg.cn/images/codev/act/a20250819fission/tc4.png) no-repeat; background-size: 100% 100%;}
.obtain div.tl { height: 0.77rem; margin: 0.2rem auto 0;}
.obtain div.tl p { font-size: 0.22rem; line-height: 0.28rem; color: #ede9e0; text-align: center;  padding: .13rem .6rem 0;}
.obtain div.tl p a{text-decoration: underline;color: #ff4655;}
/* .pop3.obtain div.tl p { padding: .13rem .6rem 0;} */
.obtain .pic-box { width: 3.31rem; height: 1.85rem; margin: 0 auto 0; position: relative; padding: 0.13rem 0 0 0;}
.obtain .pic-box img { height: 1.1rem; width: auto; display: block; margin: 0 auto 0;}
.obtain .text-tip { width: 100%; height: 0.56rem; position: relative; margin-top: 0.01rem; display: flex; align-items: center;}
.obtain .text-tip p { width: 3rem;height: auto;margin: 0 auto 0;line-height: 0.22rem;color: #ede9e0;font-size: 0.18rem;text-align: center;}
.obtain .btn-text { width: 3.5rem; margin: 0 0 0 0;line-height: 0.27rem;color: #ede9e0;font-size: 0.18rem;text-align: center;}
.obtain .btn-group { width: 3.57rem; margin: 0.36rem auto 0;}
/* 恭喜获得XXX E */

/* 输入绑定QQ号码 S */
.pop5 { width: 6.78rem;height: 5.12rem;padding-top: 0.19rem;background: url(//game.gtimg.cn/images/codev/act/a20250819fission/tc5.png) no-repeat 0 0; background-size: 100%; }
.pop5 .input-box { width: 5.65rem; height: 0.45rem; margin: 0.63rem auto 0.32rem; position: relative; border: 1px solid #ff4655;}
.pop5 .input-box span { width: 1.21rem; height: 100%;display: inline-block;vertical-align: top;font-size: 0.24rem;line-height: 0.45rem;color: #ff4655;font-weight: bold;text-align: center;position: relative;}
.pop5 .input-box span::before { content: "";width: 0.01rem;height: 0.22rem;background-color: #ff4655;position: absolute;top: 50%;right: 0;margin-top: -0.11rem;}
.pop5 .input-box input { width: 3.84rem;height: 100%;display: inline-block;vertical-align: top;font-size: 0.2rem;line-height: 0.45rem;color: #7e7f7e;outline: none;background-color: transparent;border: none;padding: 0 0.11rem;}
.pop5 .input-box input::placeholder { color: #7e7f7e;}
.pop5 .pop-text { width: 5.64rem;font-size: 0.22rem;line-height: 0.28rem;color: #ede9e0;text-align: justify;margin: 0 auto 0.27rem; }
.pop5 .pop-text p { margin-bottom: 0.25rem;}
/* 输入绑定QQ号码 E */
/* 确定QQ号码 S */
.pop6 { width: 6.78rem; height: 4.14rem; padding-top: 0.19rem; background: url(//game.gtimg.cn/images/codev/act/a20250819fission/tc6.png) no-repeat; background-size: 100% 100%;}
.pop6 .pop-text { width: 5.62rem; font-size: 0.22rem; line-height: 0.28rem; color: #ede9e0; text-align: center; margin: 0.43rem auto 0.47rem;}
.pop6 .input-box { width: 5.66rem; height: auto; font-size: 0.24rem; line-height: 0.42rem; color: #ff4655; text-align: center; margin: 0 auto 0.45rem; }
.pop6 .input-box span { display: inline-block; vertical-align: middle; font-weight: bold;}
.pop6 .input-box .qq-num { display: inline-block; vertical-align: middle; }
/* 确定QQ号码 E */

/* 中奖记录 S */
.record { width: 6.78rem; height: 7.36rem; padding-top: 0.19rem; background: url(//game.gtimg.cn/images/codev/act/a20250819fission/tc7.png) no-repeat; background-size: 100% 100%;}
.record table { display: block; width: 6.09rem; height: 5.07rem; margin: 0 auto 0.05rem; font-size: 0; overflow: hidden; }
.record thead,.record tbody { display: block; }
.record table td { text-align: center; line-height: 0.26rem; font-size: 0.18rem; color: #ede9e0; display: inline-block; vertical-align: top; padding: 0.1rem 0; box-sizing: border-box;}
.record table td.success{color: #bdd7aa;}
.record table td.fail{color: #ff4655;}
.record tbody tr { display: block; border-bottom: 1px solid #5d2632; box-sizing: border-box;}
.record thead tr { display: block;}
.record thead td { height: 0.54rem;}
.record table td { width: 33.3%; vertical-align: middle;}
.record table td a { color: #ede9e0; text-decoration: underline;}
.record table td a:hover { color: #ff3951;}
.record thead td { font-size: 0.22rem; color: #ffffff; line-height: 0.34rem; background: #ff3951;}
.record .btn-group { text-align: center; font-size: 0;}
.record .btn-group a { display: inline-block; vertical-align: top; position: relative;}
.record tbody { height: 4.51rem; overflow-y: auto;}
.record tbody::-webkit-scrollbar { width: 0.03rem; height: 0.03rem; background-color: transparent;}
.record tbody::-webkit-scrollbar-thumb { background-color:#ff3951; border: none; border-radius: 0;}
.record tbody::-webkit-scrollbar-track { background-color: transparent; border: none; border-radius: 0;}
.record .paging-list{ margin: 0.11rem auto 0; font-size: 0; text-align: center; height:0.28rem;}
.record .my-part-cell{width: 0.68rem;height: 0.28rem;line-height: 0.28rem;display: inline-block;vertical-align: top;font-size:0.18rem;text-align: center;color:#ede9e0;position: relative;}
.record .my-part-cell:not(:last-child) { border-right: none; }
.record .paging-list ul{display: inline-block;vertical-align: middle;font-size: 0;}
.record .pop-prev{display: inline-block;vertical-align: middle;margin: 0 0.2rem;}
.record .pop-next{display: inline-block;vertical-align: middle;margin: 0 0.2rem;}
.record .my-part-prev{display: inline-block;vertical-align: middle;margin: 0 0.2rem; width: 0.16rem; height: 0.31rem; background: url(//game.gtimg.cn/images/codev/act/a20250819fission/pop-prev.png) no-repeat; background-size: 100% 100%;}
.record .my-part-next{display: inline-block;vertical-align: middle;margin: 0 0.2rem; width: 0.16rem; height: 0.31rem; background: url(//game.gtimg.cn/images/codev/act/a20250819fission/pop-next.png) no-repeat; background-size: 100% 100%;}
.record .my-part-prev:hover{-webkit-filter: brightness(1.2); filter: brightness(1.2);}
.record .my-part-next:hover{-webkit-filter: brightness(1.2); filter: brightness(1.2);}
.record .fy-box { width: 6.09rem; height: 5.63rem; border: 1px solid #5d2632; border-top: none; margin: 0.56rem auto 0;}
.record .my-part-checked { background: #ff3951; color: #fff;}
/* 中奖记录 E */

/* 加入小队 S */
.pop8 { width: 6.78rem; height: 6.37rem; padding-top: 0.19rem; background: url(//game.gtimg.cn/images/codev/act/a20250819fission/tc8.png) no-repeat; background-size: 100% 100%;}
.pop8 .team-box { width: 6.14rem; position: relative; margin: 0.5rem auto 0; padding: 0 0 0 0.23rem;}
.pop8 .team-box span { display: block; font-size: 0.22rem; ;line-height: 0.28rem; color: #ff4655; text-align:left; font-weight: bold; position: relative; padding-left: .06rem;}
.pop8 .team-box span:after{content: ''; position: absolute; width: .03rem; height: .28rem; top:0;  background: #ff4655; left: 0;}
.pop8 .team-box .tl1 { font-size: 0.3rem; ;line-height: 0.55rem; color: #ede9e0; text-align:left; font-weight: bold;}
.pop8 .team-box .tl2 { font-size: 0.24rem; line-height: 0.28rem;  color: #ece8e1; text-align: center;}
.pop8 .team-box .pop-btn4 { font-size: 0.2rem; ;line-height: 0.44rem ; color: #ede9e0; text-align:center; font-weight: bold; position: absolute; top: 0.24rem; right: 0;}
.pop8 .pop-tips { height: 0.4rem;}
/* .pop8#pop8 .pop-tips{margin-top: 1.2rem;} */
.pop8 .pop-tips p { font-size: 0.2rem; color: #ece8e1; text-align: center; line-height: 0.28rem;}
.pop8 .list-invite { margin: 0.56rem auto 0; font-size: 0; text-align: center; height: 2.30rem;}
.pop8 .list-invite li { width: 1.26rem; height: auto; display: inline-block; vertical-align: top;}
.pop8 .invite-box { width: 1rem; height: 1rem; padding: .02rem; margin: 0 auto .04rem; border-radius:.16rem; border: 1px solid #aa3543;}
.pop8 .list-invite .pic-box{ border-radius:.14rem; width: 100%; height: 100%; position: relative; overflow: hidden; background: url(//game.gtimg.cn/images/codev/act/a20250819fission/tx-bg.jpg) 50% 50% no-repeat; background-size: cover;}
.pop8 .list-invite .pic-box img { width: 100%; height: 100%; object-fit: cover;}
.pop8 .list-invite p { font-size: 0.18rem; line-height: 0.22rem; color: #ece8e1; text-align: center;}
#pop11 .team-box { padding: 0.16rem 0 0 0; height: 0.79rem;}
/* 加入小队 E */
.dia-tips2{width: 6.78rem; height: 4.19rem; background: url(//game.gtimg.cn/images/codev/act/a20250819fission/tc9.png) repeat; background-size:100% 100%; padding-top: 0.19rem;}
.dia-tips2 .comm-tips-box{width: 5.7rem; margin: 0.33rem auto 0; height: 1.6rem; display:flex; display:-webkit-flex; align-items:center; justify-content:center; }
.dia-tips2 .comm-tips-box p.comm-tips{ color: #ede9e0; font-size: .35rem; line-height: .4rem; text-align: center;}
.dia-tips2 .comm-tips-box p.comm-tips2{ color: #ede9e0; font-size: .2182rem; line-height: .4rem; text-align: center;}
.dia-tips2 .btn-list{ margin-top: 0.41rem;}

.pop-bind { background: url(//game.gtimg.cn/images/codev/act/a20250819fission/pop-bind.png) no-repeat 0 0; background-size: 100% 100%; width: 6.78rem; height: 4.14rem; padding-top: .19rem;}
.pop-bind-cont { padding-top: .54rem; height: 1.96rem;}
.pop-bind-cont li { width: 5.66rem; height: .47rem; margin: 0 auto .24rem;}
.pop-bind-cont li input { width: 100%; height: 100%; line-height: .47rem; background-color: #0e1721; border: .02rem solid #8f303d; font-size: .2rem; text-align: center; color: #ece8e1; outline: none;}
.pop-bind-text { color: #ece8e1; font-size: .2rem; line-height: .3rem; width: 90%; margin: 0 auto .08rem; text-align: center;}

.create-box { width: 668px; height: 1188px; background: url(//game.gtimg.cn/images/codev/act/a20250819fission/fxt4.png) no-repeat; background-size: 100% 100%; padding: 523px 0 0 0; box-sizing: border-box; position: absolute; top: -9999px;left: -9999px;}
.create-box .img-box { width: 142px; height: 142px; position: absolute; right: 55px; bottom: 65px;}
/* .create-box .img-box::before { content: ""; width: 33px; height: 34px; background: url(//game.gtimg.cn/images/codev/act/a20250819fission/share-logo.png) no-repeat 0 0; background-size: 100% 100%; position: absolute; top: 50%; left: 50%; margin: -17px 0 0 -16px;} */
.create-box .img-box img { width: 100%; height: 100%; object-fit: contain;}
.create-box .team-box { width: 648px; position: relative; margin: 0 auto 0; padding: 0 0 0 23px; height: 82px;}
.create-box .team-box .nickname { display: block; font-size: 25px; ;line-height: 28px; color: #ff4655; text-align:left; font-weight: bold;}
.create-box .team-box .team-num { font-size: 26px; line-height: 44px; color: #ede9e0; text-align: center; font-weight: bold; position: absolute; top: 14px; right: 45px; width: 172px;}
.create-box .list-invite { margin: 56px auto 73px; width: 644px; font-size: 0; text-align: center;}
.create-box .list-invite li { width: 126px; display: inline-block; vertical-align: top;}
.create-box .invite-box { box-sizing: border-box;}
.create-box .list-invite .pic-box { width: 100px; height: 100px; margin: 0 auto 4px; background: url(//game.gtimg.cn/images/codev/act/a20250819fission/create-avatar-bg.png) no-repeat 0 0; background-size: 100% 100%; padding: 4px;}
.create-box .list-invite .pic-box img { width: 100%; height: 100%; object-fit: cover; border-radius: 14px;}
.create-box .list-invite p { font-size: 18px; line-height: 22px; color: #ece8e1; text-align: center;}
.wrapper img.dom2img-result { opacity: 0; position: absolute; z-index: -1; display: none;}

.share { width: 6.68rem; height: 11.88rem; position: relative;}
.share .img-box{width: 100%;margin: 0 auto;position: relative;}
.share .img-box>a{width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: none;}
.share img{display: block; object-fit: cover;width: 100%; height: 100%; -webkit-touch-callout: default;}

.loading-mask{position: fixed; left: 0; top: 0; bottom: 0; right: 0; background: rgba(0,0,0,.7); z-index: 100010; display: none;}
.loading-mask.show{display: block;}
.loading-mask .loading-main{position: absolute; left: 0; top: 50%; height: 1.20rem; width: 100%; margin-top: -0.6rem;}
.loading-mask .loading-main i{ display: block; width: 0.68rem; height: 0.68rem; margin: 0 auto; background: url(//game.gtimg.cn/images/val/act/a20230301act/loading.png) no-repeat;background-size: 100% 100%;}
.loading-mask.show .loading-main i{ -webkit-animation: rotation 3s linear infinite; animation: rotation 3s linear infinite;} 
.loading-mask .loading-main p{font-size: 0.2rem; line-height: 0.5rem; text-align: center; color: #fff;}
.milo-alert-frame,.milo-alert {
    z-index: 999999!important;
}
@-webkit-keyframes rotation {
    0% { -webkit-transform: rotate(0);transform: rotate(0)}
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg)}
}
@keyframes rotation {
     0% { transform: rotate(0)}
    100% { transform: rotate(360deg)}
}

.create2-box { width: 671px; height: 1245px; background: url(//game.gtimg.cn/images/codev/act/a20250819fission/fxt3.png) no-repeat; background-size: 100% 100%; padding: 517px 0 0 0; box-sizing: border-box; position: absolute; top: -9999px; left: -9999px;}
/* .create2-box .img-box { width: 132px; height: 132px; position: absolute; right: 126px; bottom: 22px;} */
/* test */
.create2-box .img-box { width: 170px; height: 170px; position: absolute;     right: 71px;
    bottom: 21px;}


.create2-box .img-box img { width: 100%; height: 100%; object-fit: contain;}
/* .create2-box .img-box::before { content: ""; width: 33px; height: 34px; background: url(//game.gtimg.cn/images/codev/act/a20250819fission/share-logo.png) no-repeat 0 0; background-size: 100% 100%; position: absolute; top: 50%; left: 50%; margin: -17px 0 0 -16px;} */
.create2-box .create2-tips { font-size: 35px; line-height: 50px; text-align: center; color: #fafafa; font-weight: bold;}
.create2-box .create2-tips span { color: #ff4655; margin-right: 4px;}

.share2 { width: 6.71rem; height: 12.45rem;}
.share2 .img-box { width: 100%; height: 100%; margin: 0px auto;position: relative;}
.share2 img { display: block; object-fit: cover;width: 100%; height: 100%; -webkit-touch-callout: default;}
.share2 .create-tips { color: #0f1923; font-size: .18rem; line-height: .2rem; text-align: center; position: absolute; bottom: 2.02rem; left: 0; width: 100%;}
.share .create-tips { color: #0f1923; font-size: .18rem; line-height: .2rem; text-align: center; position: absolute; bottom: 2.2rem; left: 0; width: 100%;}





