/* reset S */
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{-webkit-text-size-adjust: 100%; width:100%; background: #ece7e1;}
.wrapper{font-size: 0;}
.wrapper .main { width: 6.6rem; margin: 0 auto;font-size: 0; text-align: center;}
*{margin: 0;padding: 0;box-sizing: border-box;}
.page-main{ position:relative; overflow: hidden; width: 100%;}
/* reset E */
html,body{ width: 100%;}
/* font start */
#afooter {background-color: #191219;text-align: center;font-size: 0.22rem;padding: 0.2rem 0;padding-bottom: 0.2rem;}
#afooter,#afooter a {color: #c0c0c0;text-decoration: none;}

/* 动画 */
@-webkit-keyframes arrowDown {
	0% { -webkit-transform: translateY(0); }
	100% { -webkit-transform: translateY(20px); }
}
@keyframes arrowDown { 
	0% { transform: translateY(0); }
	100% { transform: translateY(20px); } 
}

/* 浮动 E */
/* 通用部分 S */
.show_pc { display: none !important;}

.dia { box-sizing: border-box; position: relative; display: none;}
.dia>a { display: block; }

/* .tit { height: 0.8rem; color: #342924; position: relative;}
.tit span { color: #342924; font-size: 0.66rem; line-height: 0.8rem; font-weight: bold;}
.tit i { position: absolute; top: 0.38rem; left: 0.37rem;}
.ptext { display: none;} */

/* 精灵图 S */
.spr{ background-image:url(//game.gtimg.cn/images/val/act/a20250522JuneNetCafeAct/m/spr.png); background-repeat:no-repeat; background-size:10.03rem 4.23rem;}
.spr.btn1{ width:3.81rem; height:0.82rem; background-position:1.44695% 97.3607%;}
.spr.btn2{ width:1.99rem; height:0.51rem; background-position:83.58209% 50%;}
.spr.btn3{ width:3.25rem; height:0.66rem; background-position:98.67257% 68.62745%;}
.spr.i-btn.on{ width:0.21rem; height:0.21rem; background-position:91.24236% 38.30846%;}
.spr.i-btn{ width:0.21rem; height:0.21rem; background-position:98.87984% 2.23881%;}
.spr.i-dev{ width:0.15rem; height:0.11rem; background-position:91.19433% 77.42718%;}
.spr.i-ptext{ width:0.19rem; height:0.22rem; background-position:77.23577% 90.02494%;}
.spr.p1-item{ width:2.15rem; height:1.69rem; background-position:85.40609% 3.54331%;}
.spr.pop-btn1{ width:3.28rem; height:0.74rem; background-position:58.96296% 95.12894%;}
.spr.pop-close{ width:0.67rem; height:0.67rem; background-position:95.7265% 2.52809%;}
.spr.pop-next{ width:0.18rem; height:0.33rem; background-position:74.51777% 92.5641%;}
.spr.pop-prev{ width:0.18rem; height:0.33rem; background-position:88.83249% 81.79487%;}
.spr.sw-left1{ width:0.32rem; height:0.62rem; background-position:92.276% 23.2687%;}
.spr.sw-left2{ width:0.32rem; height:0.62rem; background-position:92.276% 23.2687%;}
.spr.sw-right1{ width:0.32rem; height:0.62rem; background-position:96.39547% 23.2687%;}
.spr.sw-right2{ width:0.32rem; height:0.62rem; background-position:96.39547% 23.2687%;}
.spr.sx-btn{ width:1.33rem; height:0.34rem; background-position:84.36782% 82.00514%;}
.spr.title1{ width:6.56rem; height:0.57rem; background-position:2.59366% 2.45902%;}
.spr.title2{ width:6.51rem; height:0.57rem; background-position:2.55682% 72.95082%;}
.spr.title3{ width:6.56rem; height:0.56rem; background-position:2.59366% 20.16349%;}
.spr.title4{ width:6.52rem; height:0.57rem; background-position:2.5641% 55.19126%;}
.spr.title5{ width:6.55rem; height:0.56rem; background-position:2.58621% 37.60218%;}
/* 精灵图 E */

/* 主体部分 S */
/* 通用 S */
.title1,.title2,.title3,.title4,.title5 { font-size: 0;}
.btn1.gray,.btn2.gray,.btn3.gray{ -webkit-filter: grayscale(1); filter: grayscale(1); pointer-events: none;}
.sw-btn a.sw-left1 { left: 0;}
.sw-btn a.sw-right1 { right: 0;}
.sw-btn a.sw-left2 { left: 0;}
.sw-btn a.sw-right2 { right: 0;}
.sw-btn a.swiper-button-disabled { -webkit-filter: grayscale(1); filter: grayscale(1);}
/* 通用 E */

.head-page { height: 7.38rem; background: url(//game.gtimg.cn/images/val/act/a20250522JuneNetCafeAct/m/head-bg.jpg) no-repeat; background-size: 100% 100%; position: relative; padding: 0.8rem 0 0 0;}
.page1 { height: 5.97rem; background: url(//game.gtimg.cn/images/val/act/a20250522JuneNetCafeAct/m/bg1.jpg) no-repeat; background-size: 100% 100%; position: relative; padding: 0.95rem 0 0 0; margin-top: -0.01rem;}
.page2 { height: 21.55rem; background: url(//game.gtimg.cn/images/val/act/a20250522JuneNetCafeAct/m/bg2.jpg) no-repeat; background-size: 100% 100%; position: relative; padding: 0.54rem 0 0 0; margin-top: -0.01rem;}
.page3 { height: 5.75rem; background: url(//game.gtimg.cn/images/val/act/a20250522JuneNetCafeAct/m/bg3.jpg) no-repeat; background-size: 100% 100%; position: relative; padding: 0.67rem 0 0 0; margin-top: -0.01rem;}
.page4 { height: 10.82rem; background: url(//game.gtimg.cn/images/val/act/a20250522JuneNetCafeAct/m/bg4.jpg) no-repeat; background-size: 100% 100%; position: relative; padding: 0.54rem 0 0 0; margin-top: -0.01rem;}
.page5 { height: 12.10rem; background: url(//game.gtimg.cn/images/val/act/a20250522JuneNetCafeAct/m/bg5.jpg) no-repeat; background-size: 100% 100%; position: relative; padding: 0.55rem 0 0 0; margin-top: -0.01rem;}

.head-page .logo-box { width: 5.1rem; height: 0.27rem; position: absolute; top: 0.47rem; left: 0.36rem; z-index: 9;}
.head-page .logo-box .logo1 { display: block; width: 1.22rem; height: 0.27rem; position: absolute; top: 0; left: 0;}
.head-page .logo-box .logo2 { display: block; width: 0.83rem; height: 0.3rem; position: absolute; top: -0.05rem; left: 1.47rem;}
.head-page .logo-box .logo3 { display: block; width: 1.35rem; height: 0.27rem; position: absolute; top: -0.02rem; left: 2.51rem;}
.head-page .logo-box .logo4 { display: block; width: 1.03rem; height: 0.34rem; position: absolute; top: -0.07rem; left: 2.51rem;}

.head-page .login-box { width: 100%; height: 0.35rem; position: absolute; bottom: -0.58rem; left: 0; z-index: 4;}
.head-page .login-box .login { font-size: 0.25rem; color: #181931; line-height: 0.35rem; text-align: center;}
.head-page .login-box a { color: #bd5eff;}
.head-time { font-size: 0.23rem; line-height: 0.3rem; color: #bd5eff; width: 100%; font-weight: bold; text-align: center; position: absolute; bottom: 0.32rem; left: 0;}

.page1 .p1-box { width: 5.53rem; height: 3.13rem; margin: 0.4rem auto 0; position: relative;}
.page1 .p1-box .p1-sw { width: 100%; height: 100%;}
.page1 .p1-box .img-box { width: 5.53rem; height: 3.13rem;}
.page1 .p1-box .img-box img { width: 100%; height: 100%; object-fit: cover;}
.page1 .sw-pagin { position: absolute; bottom: -0.35rem; left: 0; z-index: 3; height: 0.05rem; width: 100%; text-align: left; font-size: 0;}
.page1 .sw-pagin span { display: inline-block; vertical-align: top; opacity: 1; width: 0.2rem; height: 0.05rem; background-color: #2c1648; border-radius: 0; transform: skew(-35deg, 0); margin-right: 0.06rem;}
.page1 .sw-pagin span.swiper-pagination-bullet-active { width: 0.3rem; background-color: #bf64ff; }
.page1 .sw-btn { position: absolute; top: 50%; left: 50%; width: 7rem; margin: -0.32rem 0 0 -3.5rem; height: 0; z-index: 3;}
.page1 .sw-btn a { position: absolute; top: 50%; z-index: 5;}
.page1 .p1-box li { opacity: 0; pointer-events: none;}
.page1 .p1-box li.swiper-slide-active { opacity: 1; pointer-events: all;}
.page1 .p1-box li.swiper-slide-prev { opacity: 1; pointer-events: all;}
.page1 .p1-box li.swiper-slide-next { opacity: 1; pointer-events: all;}
.page1 .p1-box li.swiper-slide-prev::before { content: ""; width: 100%; height: 100%; background: #000; opacity: 0.2; position: absolute; top: 0; left: 0;}
.page1 .p1-box li.swiper-slide-next::before { content: ""; width: 100%; height: 100%; background: #000; opacity: 0.2; position: absolute; top: 0; left: 0;}

.page2 .main { width: 6.5rem;}
.page2 .title2 { margin: 0 0 0.15rem 0;}
.page2 .tip { font-size: 0.2rem; line-height: 0.28rem; color: #ffffff; text-align: left; padding: 0 0 0 0.25rem; position: relative; margin: 0 0 0 0;}
.page2 .tip i { position: absolute; top: 0.02rem; left: 0;}
.page2 .p2-box { margin: 0.23rem 0 0 0; font-size: 0; width: 6.5rem;}
.page2 .p2-box>div { display: inline-block; vertical-align: top;}
.page2 .p2-box .cj-box { width: 6.5rem; height: auto;}
.page2 .p2-box ul { width: 100%;}
.page2 .jh-item { width: 100%; height: 0.79rem; border-left: 3px solid #d8d7d6; padding: 0 0 0 0.07rem; background: #ffffff; display: flex; justify-content: space-between;}
.page2 .jh-item em { font-style: normal; font-size: 0.32rem; line-height: 0.79rem; color: #3a3965;}
.page2 .jh-item>* { display: inline-block; vertical-align: middle;}
.page2 .jh-item div { width: 4.47rem; height: 0.79rem; padding: 0 0 0 0.15rem; display: flex; align-items: flex-start; flex-direction: column; justify-content: center;}
.page2 .jh-item p { font-size: 0.21rem; line-height: 0.3rem; color: #3a3965;}
.page2 .jh-item span { font-size: 0.18rem; line-height: 0.18rem; color: #342924;}
.page2 .jh-item a { width: 1.86rem; height: 100%; line-height: 0.79rem; font-size: 0.21rem; line-height: 0.79rem; color: #3a3965; background: #d8d7d6; display: flex; align-items: center; justify-content: center; pointer-events: none;}
.page2 .jh-item i { margin-right: 0.1rem;} 
.page2 .jh-item i.on { display: none;}
.page2 .jh-item:not(:nth-child(1)){ margin-top: 0.1rem;}
.page2 .jh-item.on { border-left: 3px solid #bd5eff;}
.page2 .jh-item.on em { color: #bd5eff;}
.page2 .jh-item.on a { background: #bd5eff; color: #fff; pointer-events: all;}
.page2 .jh-item.on i { display: none;}
.page2 .jh-item.on i.on { display: inline-block;}
.page2 .jh-item.complete { border-left: 3px solid #bd5eff;}
.page2 .jh-item.complete em { color: #bd5eff;}
.page2 .jh-item.complete a { background: #bd5eff; color: #fff;}
.page2 .jh-item.complete i { display: none;}
.page2 .jh-item.complete i.on { display: inline-block;}
.page2 .jh-text { height: 0.24rem; margin: 0.1rem auto 0.19rem; display: flex; justify-content: space-between; align-items: center;}
.page2 .jh-text em { height: 0.01rem; background: #706b89; width: 1.23rem;}
.page2 .jh-text p { font-size: 0.18rem; line-height: 0.24rem; color: #cbcbcf;}
.page2 .cj-list { display: flex; justify-content: space-between; flex-wrap: wrap;}
.page2 .cj-item { position: relative; margin-bottom: 0.05rem;}
.page2 .cj-item span { width: 1rem;height: 0.3rem;font-size: 0.18rem;line-height: 0.3rem;color: #fff;text-align: center;background: #bf64ff;position: absolute;top: 0;left: 0;clip-path: polygon(0% 0%, 100% 0%, 100% 72%, 88% 100%, 0% 100%);}
.page2 .cj-list .img-box { width: 100%; height: 100%;}
.page2 .cj-list .img-box img { width: 100%; height: 100%; object-fit: contain;}
.page2 .cj-list p { font-size: 0.18rem;line-height: 0.2rem;color: #3a3965;width: 110%;text-align: center;position: absolute;left: -5%;bottom: 0.13rem; transform: scale(0.9); transform-origin: 50% 50%;}
.page2 .btn-group { margin: 0.14rem auto 0; width: 100%; height: 0.87rem; position: relative;}
.page2 .btn-group a.btn1 { display: block; margin: 0 auto; font-size: 0.33rem; line-height: 0.82rem; color: #ffffff; text-align: center;}
.page2 .btn-group a.gl-btn,.page2 .btn-group a.jl-btn { font-size: 0.18rem; line-height: 0.24rem; color: #c0b6d2; text-decoration: underline; position: absolute; top: 0.3rem;}
.page2 .btn-group a.gl-btn { left: 0;}
.page2 .btn-group a.jl-btn { right: 0;}
.page2 .cj-tl { font-size: 0.17rem; line-height: 0.2rem; color: #d3c8dd; text-align: center; margin: 0.14rem auto 0; display: inline;}
.page2 .cj-tl span { color: #bf64ff;}
.page2 .cj-tl2 { font-size: 0.17rem; line-height: 0.24rem; color: #d3c8dd; text-align: center; display: inline;}
.page2 .pq-box { width: 6.5rem; height: 9.28rem; position: relative;}
.page2 .pq-box a.sx-btn { position: absolute; bottom: 0; right: 0;}
.page2 .ew-box { width: 6.5rem; height: 2.56rem; background: url(//game.gtimg.cn/images/val/act/a20250522JuneNetCafeAct/m/ew-box.jpg) no-repeat; background-size: 100% 100%; padding: 0.37rem 0 0 0.31rem; position: relative; margin: 0.2rem auto 0;}
.page2 .ew-title { font-size: 0.32rem; line-height: 0.36rem; color: #fff; font-weight: bold; text-align: left;}
.page2 .ew-tl { font-size: 0.18rem; line-height: 0.28rem; color: #fff; font-weight: bold; margin: 0.25rem 0 0.31rem 0; text-align: left;}
.page2 .ew-tl span { color: #e2aaff;}
.page2 .btn2 { font-size: 0.18rem; line-height: 0.5rem; color: #fff; text-align: center; display: block;}
.page2 .pq-num { font-size: 0.2rem; line-height: 0.3rem; color: #fff; position: absolute; right: 2.72rem; bottom: 0.32rem;}
.page2 .pq-num span { color: #e2aaff;}
.page2 .ew-text { font-size: 0.18rem;line-height: 0.3rem;color: #fff;position: absolute;right: 0.1rem;bottom: 0.04rem;}
.page2 .pq-list { width: 6.5rem; height: 6.34rem; margin: 0.18rem 0 0 0; background: url(//game.gtimg.cn/images/val/act/a20250522JuneNetCafeAct/m/pq-list.jpg) no-repeat; background-size: 100% 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-evenly; padding: 0.26rem 0.18rem 0.26rem 0.18rem;}
.page2 .pq-list li { width: 1.85rem; height: 1.32rem; border: 1px solid #8c4dbd; background: #3e226c; position: relative;}
.page2 .pq-list .img-box { width: 100%; height: 100%;}
.page2 .pq-list .img-box img { width: 100%; height: 100%; object-fit: contain;}
.page2 .pq-list p { font-size: 0.18rem; line-height: 0.2rem; color: #fff; width: 100%; text-align: center; position: absolute; left: 0; bottom: 0.07rem;}                   
.page2 .pq-list span { width: 0.72rem; height: 0.24rem; font-size: 0.18rem; line-height: 0.24rem; color: #2c1648; text-align: center; background: #cf72ff; padding: 0 0.11rem 0 0; position: absolute; top: 0; left: 0; clip-path: polygon(0% 0%, 100% 0%, 88% 100%, 0% 100%);}

.page3 .p3-box { width: 6.5rem; height: 3.68rem; margin: 0.4rem auto 0; position: relative;}
.page3 .p3-box .p3-sw { width: 100%; height: 100%;}
.page3 .p3-box .img-box { width: 6.5rem; height: 3.68rem;}
.page3 .p3-box .img-box img { width: 100%; height: 100%; object-fit: cover;}
.page3 .sw-pagin { position: absolute; bottom: -0.35rem; left: 0; z-index: 3; height: 0.05rem; width: 100%; text-align: left; font-size: 0;}
.page3 .sw-pagin span { display: inline-block; vertical-align: top; opacity: 1; width: 0.2rem; height: 0.05rem; background-color: #2c1648; border-radius: 0; transform: skew(-35deg, 0); margin-right: 0.06rem;}
.page3 .sw-pagin span.swiper-pagination-bullet-active { width: 0.3rem; background-color: #bf64ff; }
.page3 .sw-btn { position: absolute; top: 50%; left: 50%; width: 7rem; margin: -0.32rem 0 0 -3.5rem; height: 0; z-index: 3;}
.page3 .sw-btn a { position: absolute; top: 50%; z-index: 5;}
.page3 .p3-box li { opacity: 0; pointer-events: none;}
.page3 .p3-box li.swiper-slide-active { opacity: 1; pointer-events: all;}
.page3 .p3-box li.swiper-slide-prev { opacity: 1; pointer-events: all;}
.page3 .p3-box li.swiper-slide-next { opacity: 1; pointer-events: all;}
.page3 .p3-box li.swiper-slide-prev::before { content: ""; width: 100%; height: 100%; background: #000; opacity: 0.2; position: absolute; top: 0; left: 0;}
.page3 .p3-box li.swiper-slide-next::before { content: ""; width: 100%; height: 100%; background: #000; opacity: 0.2; position: absolute; top: 0; left: 0;}



.page4 .p4-box { width: 6.5rem; font-size: 0; margin: 0.38rem auto 0;}
.page4 .p4-box>* { display: inline-block; vertical-align: top; position: relative;}
.page4 .cx-box { width: 6.5rem; height: 4.19rem; padding: 3.32rem 0 0 0; background: url(//game.gtimg.cn/images/val/act/a20250522JuneNetCafeAct/m/cx-box.png) no-repeat; background-size: 100% 100%;}
.page4 .qcode-box { width: 6.5rem;height: 4.19rem;padding: 3.34rem 0 0 0;background: url(//game.gtimg.cn/images/val/act/a20250522JuneNetCafeAct/m/qcode-box.png) no-repeat;background-size: 100% 100%;margin: 0.27rem auto 0;box-sizing: border-box;}
.page4 .cx-box span { font-size: 0.28rem;line-height: 0.58rem;color: #feffff;position: absolute;top: 0.04rem;right: 0.29rem;}
.page4 a.btn3 { display:block; margin: 0 auto 0; font-size: 0.24rem; line-height: 0.66rem; color: #fff; text-align: center;}
.page4 .qcode-box span { font-size: 0.28rem; line-height: 0.58rem; color: #feffff; position: absolute; top: 0; right: 0.22rem;}
.page4 .qcode-box p { display: block; margin: 0 auto 0; font-size: 0.2rem; line-height: 0.45rem; color: #feffff; text-align: center; }

.page5 .p5-box { margin: 0.22rem 0 0 0; width: 6.65rem; height: auto; padding: 0 0.1rem 0 0; overflow: hidden; text-align: left;}
.page5 .p5-box p { font-size: 0.24rem;line-height: 0.35rem;color: #3a3965;padding: 0 0 0 0.27rem;position: relative;margin-bottom: 0.11rem;}
.page5 p i { position: absolute; top: 0.16rem; left: 0.04rem;}
.page5 p a { color: #251c55;}
.page5 p a:hover { color: #3a3965;}




/* 弹窗部分 */
.dia>a { position: absolute; top: -0.8rem; right: 0;}
.dia .btn-group { text-align: center; font-size: 0;}
.dia .btn-group a { display: inline-block; vertical-align: top; position: relative; line-height: 0.72rem; font-size: 0.26rem; color: #fff; text-align: center; font-weight: bold;}
.dia .btn-group a:hover { -webkit-filter: brightness(1.1); filter: brightness(1.1);}
.dia .pop-title { height: 0.48rem; font-size: 0; text-align: center;}
.dia .pop-title span { display: inline-block; vertical-align: middle; font-size: 0.3rem; line-height: 0.48rem; font-weight: bold; color: #eae6df; margin: 0 0.2rem;}
.dia .pop-title i { display: inline-block; vertical-align: middle;}
/* 通用弹窗 S */
.current { width: 7.04rem; height: 3.59rem; padding-top: 0.47rem; background: url(//game.gtimg.cn/images/val/act/a20250522JuneNetCafeAct/pop-current.png) no-repeat; background-size: 100% 100%;}
.current .text-tip { width: 100%; height: 1.95rem; position: relative;}
.current .text-tip p { width:5.6rem; height: auto; line-height: 0.42rem; color: #373663; font-size: 0.3rem; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); text-align: center;}
/* 通用弹窗 E */
/* 填写信息 S */
.information { width: 7.04rem; height: 7.09rem; background: url(//game.gtimg.cn/images/val/act/a20250522JuneNetCafeAct/pop2-bg.png) no-repeat; background-size: 100% 100%; padding-top: 0.6rem;}
.information .text-tip { width: 5.6rem; margin: 0.18rem auto 0.13rem; position: relative;}
.information .text-tip p { width: 100%;height: auto;font-size: 0.28rem;line-height: 0.42rem;color: #3a3965;text-align: center;}
.information .input-list { width: 5.65rem;height: 3.31rem;font-size: 0;margin: 0 auto 0.43rem;background: url(//game.gtimg.cn/images/val/act/a20250522JuneNetCafeAct/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: #3a3965;text-align: center;position: relative;}
.information .input-item span::before { content: "";width: 0.01rem;height: 0.22rem;background-color: #3a3965;position: absolute;top: 50%;right: 0;margin-top: -0.11rem;}
.information .input-item input { width: 3.88rem;height: 100%;display: inline-block;vertical-align: top;font-size: 0.2rem;line-height: 0.4rem;color: #3a3965;outline: none;background-color: transparent;border: none;padding: 0 0.11rem;}
.information .input-item input::placeholder { color: #b5b5c1;}
.information .input-item select { width: 3.98rem;display: block;height: 0.45rem;cursor: pointer;font-size: 0.18rem;line-height: 0.45rem;color: #3a3965;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 select:not(:nth-of-type(1)) { border-top: 1px solid #3a3965;} */
.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 .input-item.item-select span::before { content: "";width: 0.01rem;height: 0.96rem;background-color: #3a3965;position: absolute;top: 50%;right: 0;margin-top: -0.48rem;}
.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: 7.04rem; height: 4.36rem; padding-top: 1.34rem; background: url(//game.gtimg.cn/images/val/act/a20250522JuneNetCafeAct/pop3-bg.png) no-repeat; background-size: 100% 100%;}
.obtain .pop-title { display: none;}
.obtain img { height: 1.21rem; width: auto; display: block; margin: 0 auto 0; transform: scale(1.5); transform-origin: 50% 50%;}
.obtain .title-tip { line-height: 0.38rem; color: #ebe3de; font-size: 0.27rem; text-align: center;}
.obtain .text-tip { width: 100%; height: 0.65rem; position: relative; top: -0.25rem;}
.obtain .text-tip p { width: 5.66rem;height: auto;margin: 0 auto 0;line-height: 0.3rem;color: #3a3965;font-size: 0.2rem;text-align: center;}
.obtain .btn-text { width: 3.5rem; margin: 0 0 0 0;line-height: 0.27rem;color: #3a3965;font-size: 0.18rem;text-align: center;}
.obtain .btn-group { width: 3.57rem; margin: 0 auto;}
/* #pop4 {width: 6.25rem;height: 3.6rem;padding-top: 0.47rem;background: url(//game.gtimg.cn/images/val/act/a20250522JuneNetCafeAct/pop-current.jpg) no-repeat;background-size: 100% 100%;} */
#pop4 img{ height: 1.39rem; margin: 0 auto 0;}
/* 恭喜获得XXX E */

/* 输入绑定QQ号码 S */
.pop5 { width: 7.04rem;height: 5.49rem;padding-top: 1.56rem;background: url(//game.gtimg.cn/images/val/act/a20250522JuneNetCafeAct/pop5-bg.png) no-repeat 0 0; background-size: 100% 100%; }
.pop5 .pop-title { display: none;}
.pop5 .input-box { width: 5.65rem; height: 0.45rem; margin: 0 auto 0.32rem; position: relative; background: #ffffff77;}
.pop5 .input-box span { width: 1.21rem; height: 100%;display: inline-block;vertical-align: top;font-size: 0.24rem;line-height: 0.45rem;color: #3a3965;font-weight: bold;text-align: center;position: relative;}
.pop5 .input-box span::before { content: "";width: 0.01rem;height: 0.22rem;background-color: #3a3965;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: #3a3965;outline: none;background-color: transparent;border: none;padding: 0 0.11rem;}
.pop5 .input-box input::placeholder { color: #b5b5c1;}
.pop5 .pop-text { width: 5.64rem;font-size: 0.22rem;line-height: 0.28rem;color: #3a3965;text-align: justify;margin: 0 auto 0.38rem; }
.pop5 .pop-text p { margin-bottom: 0.13rem;}
/* 输入绑定QQ号码 E */
/* 确定QQ号码 S */
.pop6 {  width: 7.04rem; height: 3.59rem; padding-top: 1.02rem; background: url(//game.gtimg.cn/images/val/act/a20250522JuneNetCafeAct/pop-current.png) no-repeat; background-size: 100% 100%;}
.pop6 .pop-text { width: 4.36rem;font-size: 0.2rem;line-height: 0.28rem;color: #3a3965;text-align: center;margin: 0 auto 0.1rem; }
.pop6 .input-box { width: 5.66rem; height: auto; font-size: 0.24rem; line-height: 0.42rem; color: #3a3965; text-align: center; margin: 0 auto 0.3rem; }
.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: 7.04rem; height: 7.29rem; padding-top: 1.24rem; background: url(//game.gtimg.cn/images/val/act/a20250522JuneNetCafeAct/record2.png) no-repeat; background-size: 100% 100%;}
.record .pop-title { display: none;}
.record table { display: block; width: 6.05rem; 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: #3a3965; display: inline-block; vertical-align: top; padding: 0.1rem 0; box-sizing: border-box;}
.record tbody tr { display: block; border-bottom: 1px solid #3a3965; box-sizing: border-box;}
.record thead tr { display: block;}
.record thead td { height: 0.54rem;}
.record table .td1 { width: 33.3%;}
.record table .td2 { width: 33.4%;}
.record table .td3 { width: 33.3%;}
.record table td a { color: #3a3965; text-decoration: underline;}
.record table td a:hover { color: #a462f6;}
.record thead td { font-size: 0.22rem; color: #ffffff; line-height: 0.34rem;}
.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:#a462f6; border: none; border-radius: 0;}
.record tbody::-webkit-scrollbar-track { background-color: transparent; border: none; border-radius: 0;}
.record .paging-list{ margin: 0.06rem auto 0; font-size: 0; text-align: center; height:0.28rem;}
.record .my-page-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:#3a3965;border: 1px solid #bf64ff;position: relative;}
.record .my-page-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-page-prev{display: inline-block;vertical-align: middle;margin: 0 0.2rem; width: 0.16rem; height: 0.31rem; background: url(//game.gtimg.cn/images/val/act/a20250522JuneNetCafeAct/pop-prev.png); background-size: 100% 100%;}
.record .my-page-next{display: inline-block;vertical-align: middle;margin: 0 0.2rem; width: 0.16rem; height: 0.31rem; background: url(//game.gtimg.cn/images/val/act/a20250522JuneNetCafeAct/pop-next.png); background-size: 100% 100%;}
.record .my-page-prev:hover{-webkit-filter: brightness(1.2); filter: brightness(1.2);}
.record .my-page-next:hover{-webkit-filter: brightness(1.2); filter: brightness(1.2);}
.record .fy-box { width: 6.07rem; height: 5.64rem; border: 1px solid #3a3965; border-top: none; margin: 0 auto 0;}
.record .my-page-checked { background: url(//game.gtimg.cn/images/val/act/a20250522JuneNetCafeAct/my-page-checked.png) no-repeat; background-size: 100% 100%; color: #fff;}
/* 中奖记录 E */



/* 概率 S */
.pop9 { width: 7.04rem; height: 6.09rem; padding-top: 1.11rem; background: url(//game.gtimg.cn/images/val/act/a20250522JuneNetCafeAct/record.png) no-repeat; background-size: 100% 100%;}
.pop9 .pop-title { display: none;}
.pop9 table { display: block; width: 6.07rem; height: 4.42rem; margin: 0 auto 0.23rem; font-size: 0; overflow: hidden; border: 1px solid #3a3965; border-top: none;}
.pop9 thead,.record tbody { display: block; }
.pop9 table td { text-align: center; line-height: 0.22rem; font-size: 0.18rem; color: #3a3965; display: inline-block; vertical-align: middle; padding: 0.09rem 0; box-sizing: border-box; letter-spacing: -0.01rem;}
.pop9 tbody tr { display: block; box-sizing: border-box;}
.pop9 tbody tr:not(:last-child) { border-bottom: 1px solid #3a3965;}
.pop9 thead tr { display: block;}
.pop9 thead td { height: 0.49rem;}
.pop9 table .td1 { width: 63.2%; border-right: 1px solid #3a3965;}
.pop9 table thead .td1 { border-right: none;}
.pop9 table .td2 { width: 36.8%;}
.pop9 table td a { color: #3a3965; text-decoration: underline;}
.pop9 table td a:hover { color: #a462f6;}
.pop9 thead td { font-size: 0.2rem; color: #fff; font-weight: bold; line-height: 0.29rem;}
.pop9 .btn-group { text-align: center; font-size: 0;}
.pop9 .btn-group a { display: inline-block; vertical-align: top; position: relative;}
.pop9 tbody { height: 4.02rem; overflow-y: auto; display: block;}
.pop9 tbody::-webkit-scrollbar { width: 0.03rem; height: 0.03rem; background-color: transparent;}
.pop9 tbody::-webkit-scrollbar-thumb { background-color:transparent; border: none; border-radius: 0;}
.pop9 tbody::-webkit-scrollbar-track { background-color:#3a3965; border: none; border-radius: 0;}

.pop9 .bot-tip { text-align: center; font-size: 0.18rem; line-height: 0.2rem; width: 100%; position: absolute; bottom: 0.2rem; left: 0; color: #000;}
/* 概率 E */

/* 通用弹窗 S */
.pop10 { width: 7.04rem; height: 3.59rem; padding-top: 0.68rem; background: url(//game.gtimg.cn/images/val/act/a20250522JuneNetCafeAct/pop-current.png) no-repeat; background-size: 100% 100%;}
.pop10 .text-tip { width: 100%; height: 1.95rem; position: relative;}
.pop10 .text-tip p { width:5.6rem; height: auto; line-height: 0.42rem; color: #373663; font-size: 0.3rem; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); text-align: center;}
.pop10 span{ width: 100%; font-size: 0.22rem; line-height: 0.42rem; text-align: center; color: #8b8b9f; position: absolute; bottom: 0.14rem; left: 0;}
/* 通用弹窗 E */


/* 填写QQ号码 S */
.pop11 { width: 7.04rem; height: 6.37rem; background: url(//game.gtimg.cn/images/val/act/a20250522JuneNetCafeAct/pop11-bg.png) no-repeat 0 0; background-size: 100% 100%; padding-top: 0.46rem; }
.pop11 .img-box { width: 100%; height: 1.89rem; position: relative; }
.pop11 .img-box img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1.5); pointer-events: none; width: 2rem;}
.pop11 .img-box p { width: 100%; height: 0.2rem; line-height: 0.2rem; font-size: 0.18rem; color: #3a3965; text-align: center; position: absolute; bottom: 0.28rem; left: 0;}
.pop11 .input-box { width: 5.66rem; height: 0.46rem; background: #ffffff77; margin: 0 auto 0.26rem; position: relative; font-size: 0;}
.pop11 .input-box:before { content: ''; width: 0.02rem; height: 0.3rem; background: #50036d; position: absolute; top: 50%; left: 1.26rem; margin-top: -0.15rem; pointer-events: none; }
.pop11 .input-box span { width: 1.28rem; height: 100%; display: inline-block; vertical-align: top; font-size: 0.22rem; line-height: 0.46rem; color: #3a3965; font-weight: bold; text-align: center; }
.pop11 .input-box input { width: 4.3rem; height: 100%; display: inline-block; vertical-align: top; font-size: 0.2rem; line-height: 0.46rem; color: #b5b5c1; background: none; border: none; outline: none; padding: 0 0.16rem; }
.pop11 .input-box input::placeholder { color: #b5b5c1; }
.pop11 .pop-text { width: 5.66rem; min-height: 1.4rem; font-size: 0.18rem; line-height: 0.29rem; color: #3a3965; text-align: justify; margin: 0 auto 0.38rem; }
/* 填写QQ号码 E */

/* 确定QQ号码 S */
.pop12 { width: 7.04rem; height: 5.49rem; background: url(//game.gtimg.cn/images/val/act/a20250522JuneNetCafeAct/pop12-bg.png) no-repeat 0 0; background-size: 100% 100%; padding-top: 0.4rem; }
.pop12 .img-box { width: 100%; height: 1.89rem; position: relative; }
.pop12 .img-box img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1.5); pointer-events: none;  width: 2rem;}
.pop12 .img-box p { width: 100%; height: 0.2rem; line-height: 0.2rem; font-size: 0.18rem; color: #3a3965; text-align: center; position: absolute; bottom: 0.28rem; left: 0;}
.pop12 .pop-text { width: 4.42rem; min-height: 1.23rem; font-size: 0.26rem; line-height: 0.38rem; color: #3a3965; text-align: center; margin: 0 auto 0.02rem; }
.pop12 .input-box { width: 5.66rem; height: auto; font-size: 0.28rem; line-height: 0.42rem; color: #3a3965; text-align: center; margin: 0 auto 0.3rem; }
.pop12 .input-box span { display: inline-block; vertical-align: middle; font-weight: bold; }
.pop12 .input-box .qq-num { display: inline-block; vertical-align: middle; }
/* 确定QQ号码 E */