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

/* 主体部分 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-part { height: 7.38rem; background: url(//game.gtimg.cn/images/val/act/a20250703cafeAct/m/bg1.jpg) no-repeat; background-size: 100% 100%; position: relative; padding: 0.8rem 0 0 0;}
.part1 { height: 6.97rem; background: url(//game.gtimg.cn/images/val/act/a20250703cafeAct/m/bg2.jpg) no-repeat; background-size: 100% 100%; position: relative; padding: 1.83rem 0 0 0; margin-top: -0.01rem;}

.head-part .logo-box { width: 3.54rem; height: 0.27rem; position: absolute; top: 0.46rem; left: 50%; margin-left: -1.75rem; z-index: 9;}
.head-part .logo-box .logo1 { display: block; width: 1.22rem; height: 0.28rem; position: absolute; top: 0; left: 0;}
.head-part .logo-box .logo2 { display: block; width: 0.85rem; height: 0.31rem; position: absolute; top: -0.04rem; left: 1.45rem; position: absolute; top: -0.07rem; left: 1.99rem;}
.head-part .logo-box .logo3 { display: block; width: 1.9rem; height: 0.41rem; position: absolute; top: -0.04rem; left: 3.4rem;}
.head-part .logo-box .logo4 { display: block; width: 1rem; height: 0.33rem; position: absolute; top: -0.06rem; left: 2.52rem;}
.head-part .login-box { width: 100%; height: 0.35rem; position: absolute; bottom: -0.58rem; left: 0; z-index: 4;}
.head-part .login-box .login { font-size: 0.2rem; color: #fff; line-height: 0.25rem; text-align: center;}
.head-part .login-box a { color: #ff3951;}
.head-time { font-size: 0.23rem; line-height: 0.3rem; color: #fff; width: 100%; font-weight: bold; text-align: center; position: absolute; bottom: 0.72rem; left: 0;}

.head-part .tab-box { width: 7rem; height: 0.58rem; font-size: 0; text-align: center; position: absolute; bottom: -1.34rem; left: 50%; margin-left: -3.5rem; z-index: 3;}
.head-part .tab-item:nth-child(1) em{ -webkit-mask: url(//game.gtimg.cn/images/val/act/a20250703cafeAct/m/tab-mask-left.png); -webkit-mask-size: 100% 100%;}
.head-part .tab-item:last-child em{ -webkit-mask: url(//game.gtimg.cn/images/val/act/a20250703cafeAct/m/tab-mask-right.png); -webkit-mask-size: 100% 100%;}
.head-part .tab-item { width: 1.4rem; height: 100%; padding: 0.09rem 0 0 0; display: inline-block; vertical-align: top; position: relative;}
.head-part .tab-item p { font-size: 0.18rem; line-height: 0.2rem; font-weight: bold; position: relative; z-index: 2; color: #333333; pointer-events: none;}
.head-part .tab-item a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block;}
.head-part .tab-item em { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block; background: #fafafa;}
.head-part .tab-item i { position: absolute; top: 50%; right: -0.01rem; z-index: 2; display: block; margin-top: -0.13rem;}
.head-part .tab-item.on { pointer-events: none;}
.head-part .tab-item.on em { background: #ef364c;}
.head-part .tab-item.on p { color: #fafafa;}
.head-part .tab-item span { width: 1.88rem; height: 0.56rem; position: absolute; top: -0.39rem; right: -0.38rem; z-index: 2;  pointer-events: none;
display: block; font-size: 0.24rem; color: #fafafa; line-height: 0.43rem; padding: 0 0 0.13rem 0;
background: url(//game.gtimg.cn/images/val/act/a20250703cafeAct/tip.png) no-repeat; background-size: 100% 100%; transform: scale(.6);}


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

.search-part .main { width: 6.5rem;}
.search-part .search-title { font-size: 0;}
.search-box { width: 6.54rem; height: 11.40rem; background: #191735; border: 1px solid #ef364c; position: relative; margin: 0.38rem 0 0 0; padding: 0.18rem 0 0 0;} 
.search-box .dev { width: 100%; height: 100%; pointer-events: none; position: absolute; top: 0; left: 0;}
.search-box .dev span { position: absolute; width: 0.06rem; height: 0.06rem; background: #ef364c;}
.search-box .dev span:nth-child(1){ top: -0.04rem; left: -0.04rem;}
.search-box .dev span:nth-child(2){ top: -0.04rem; right: -0.04rem;}
.search-box .dev span:nth-child(3){ bottom: -0.04rem; left: -0.04rem;}
.search-box .dev span:nth-child(4){ bottom: -0.04rem; right: -0.04rem;}
.search-box .input-group { font-size: 0; text-align: left; display: flex; align-items: center; justify-content: space-evenly;}
.search-box .province { width: 2.52rem; height: 0.35rem; display: flex;}
.search-box .province span { font-size: 0.22rem; line-height: 0.35rem; color: #fafafa;}
.search-box select { font-size: 0.2rem; color: #333333; padding: 0 0.18rem 0 0.08rem; border: 0; text-align: left; line-height: 0.35rem; outline: none;
    -webkit-appearance: none; /* 移除原生样式 */
    -moz-appearance: none;    /* 兼容Firefox */
    appearance: none;         /* 兼容其他浏览器 */} 
.search-box .input-group a { font-size: 0.18rem; color: #ffffff; line-height: 0.36rem; text-align: center;}
.search-box .input-group a:hover { -webkit-filter: brightness(1.1); filter: brightness(1.1);}
.search-box .tab { width: 100%; height: 10.66rem; margin: 0.17rem 0 0 0; overflow: hidden; background: #000018;}
.search-box table { width: 96%; height: 100%; display: block; text-align: center; margin: 0 auto;}
.search-box thead,.search-box tbody { display: block; }
.search-box table td { text-align: center; line-height: 0.2rem; font-size: 0.18rem; color: #b1b1b8; display: inline-block; padding: 0 0.03rem; vertical-align: top; box-sizing: border-box;}
.search-box tr { display: flex; align-items: center; font-size: 0; height: 1rem; border-bottom: 1px solid #333333; box-sizing: border-box;}
.search-box tr:last-child{ border-bottom: 1px solid transparent;}
.search-box thead{ border-bottom: 1px solid #333333;}
.search-box thead tr { font-size: 0; height: 0.55rem;}
.search-box thead th { font-size: 0.18rem; line-height: 0.24rem; color: #ff4655; text-align: center; display: inline-block; vertical-align: middle;}
.search-box table .td1 { width: 15%;}
.search-box table .td2 { width: 15%;}
.search-box table .td3 { width: 15%;}
.search-box table .td4 { width: 55%;}
.search-box tbody { display: block; height: 10.05rem; overflow-y: auto; width: 101%; padding-right: 1%;}
.search-box tbody::-webkit-scrollbar { width: 0.05rem; height: 0.05rem; background-color: transparent;}
.search-box tbody::-webkit-scrollbar-thumb { background-color:#ff3951; border: none; border-radius: 0;}
.search-box tbody::-webkit-scrollbar-track { background-color: #fafafa; border: none; border-radius: 0;}

.search-box .paging-list{ position: absolute; bottom: -0.78rem; width: 100%; font-size: 0; text-align: center; height: 0.4rem;}
.search-box .my-part-cell{ width: 1rem; height: 0.4rem; line-height: 0.4rem; display: inline-block; vertical-align: top; font-size: 0.26rem; text-align: center; color: #fff; border: 1px solid #fff; position: relative;}
.search-box .my-part-cell:not(:last-child) { border-right: none; }
.search-box .paging-list ul{display: inline-block;vertical-align: middle;font-size: 0;}
.search-box .pop-prev{display: inline-block;vertical-align: middle;margin: 0 0.2rem;}
.search-box .pop-next{display: inline-block;vertical-align: middle;margin: 0 0.2rem;}
.search-box .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/val/act/a20250703cafeAct/paging-left.png) no-repeat; background-size: 100% 100%; */
	}
.search-box .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/val/act/a20250703cafeAct/paging-right.png) no-repeat; background-size: 100% 100%; */
	}
.search-box .my-part-prev:hover{-webkit-filter: brightness(1.2); filter: brightness(1.2);}
.search-box .my-part-next:hover{-webkit-filter: brightness(1.2); filter: brightness(1.2);}
.search-box .fy-box { width: 8.12rem; height: 5.73rem; border: 1px solid #333333; border-top: none; margin: 0 auto 0;}
.search-box .my-part-checked { background: #ff3951; border: 1px solid #ff3951;}


/* 弹窗部分 */
.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.69rem; font-size: 0.26rem; color: #fff; text-align: center; font-weight: bold;}
.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.05rem; height: 3.6rem; padding-top: 0.47rem; background: url(//game.gtimg.cn/images/val/act/a20250703cafeAct/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: #333333; 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.05rem; height: 7.1rem; background: url(//game.gtimg.cn/images/val/act/a20250703cafeAct/pop2-bg.png) no-repeat; background-size: 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: #333333;text-align: center;}
.information .input-list { width: 5.66rem;height: 3.32rem;font-size: 0;margin: 0 auto 0.43rem;background: url(//game.gtimg.cn/images/val/act/a20250703cafeAct/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: #333333;text-align: center;position: relative;}
.information .input-item span::before { content: "";width: 0.01rem;height: 0.22rem;background-color: #b5b5c1;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: #333333;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: #333333;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 #333333;} */
.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: #b5b5c1;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/a20250703cafeAct/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: #333333;font-size: 0.2rem;text-align: center;}
.obtain .btn-text { width: 3.5rem; margin: 0 0 0 0;line-height: 0.27rem;color: #333333;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/a20250703cafeAct/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/a20250703cafeAct/pop5-bg.png) no-repeat 0 0; background-size: 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: #333333;font-weight: bold;text-align: center;position: relative;}
.pop5 .input-box span::before { content: "";width: 0.01rem;height: 0.22rem;background-color: #333333;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: #333333;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: #333333;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/a20250703cafeAct/pop-current.png) no-repeat; background-size: 100% 100%;}
.pop6 .pop-text { width: 4.36rem;font-size: 0.2rem;line-height: 0.28rem;color: #333333;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: #333333; 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: 5.65rem; height: 6.94rem; padding-top: 0.77rem; background: url(//game.gtimg.cn/images/val/act/a20250703cafeAct/m/record2.png) no-repeat; background-size: 100% 100%;}
.record .pop-title { display: none;}
.record table { display: block; width: 5.04rem; height: 5.17rem; 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.21rem; font-size: 0.18rem; color: #333333; display: inline-block; vertical-align: top; padding: 0.05rem 0; box-sizing: border-box;}
.record tbody tr { display: block; border-bottom: 1px solid #333333; box-sizing: border-box;}
.record thead tr { display: block;}
.record thead td { height: 0.35rem;}
.record table td { width: 33.3%; vertical-align: middle;}
.record table td a { color: #333333; text-decoration: underline;}
.record thead td { font-size: 0.18rem; color: #ffffff; line-height: 0.25rem; 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.8rem; 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{ font-size: 0; text-align: center; height: 0.28rem; position: absolute; bottom: -0.61rem; width: 100%;}
.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:#333333;border: 1px solid #ff3951;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/val/act/a20250703cafeAct/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/val/act/a20250703cafeAct/pop-next.png) no-repeat; background-size: 100% 100%;}
.record .fy-box { width: 5.04rem; height: 5.17rem; border: 1px solid #333333; border-top: none; margin: 0 auto 0; position: relative;}
.record .my-part-checked { background: #ff3951; color: #fff;}
/* 中奖记录 E */

/* 概率 S */
.pop9 { width: 7.04rem; height: 6.79rem; padding-top: 1.11rem; background: url(//game.gtimg.cn/images/val/act/a20250703cafeAct/record.png) no-repeat; background-size: 100% 100%;}
.pop9 .pop-title { display: none;}
.pop9 table { display: block; width: 6.07rem; height: 5rem; margin: 0.16rem auto 0.23rem; font-size: 0; overflow: hidden; border: 1px solid #333333; border-top: none;}
.pop9 thead,.record tbody { display: block; }
.pop9 table td { text-align: center; line-height: 0.22rem; font-size: 0.18rem; color: #333333; display: inline-block; vertical-align: middle; padding: 0.11rem 0; box-sizing: border-box;}
.pop9 tbody tr { display: block; box-sizing: border-box;}
.pop9 tbody tr:not(:last-child) { border-bottom: 1px solid #333333;}
.pop9 thead tr { display: block;}
.pop9 thead td { height: 0.49rem; background-color:#ff3951;}
.pop9 table .td1 { width: 63.2%; border-right: 1px solid #333333;}
.pop9 table thead .td1 { border-right: none;}
.pop9 table .td2 { width: 36.8%;}
.pop9 table td a { color: #333333; text-decoration: underline;}
.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.5rem; 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:#333333; 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/a20250703cafeAct/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.9rem; height: auto; line-height: 0.42rem; color: #ff3951; font-weight: bold; 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: #33333385; 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/a20250703cafeAct/pop11-bg.png) no-repeat 0 0; background-size: 100%; padding-top: 0.46rem; }
.pop11 .img-box { width: 100%; height: 1.89rem; position: relative; }
.pop11 .img-box img { height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1.5); pointer-events: none;}
.pop11 .img-box p { width: 100%; height: 0.2rem; line-height: 0.2rem; font-size: 0.18rem; color: #333333; 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: #333333; 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: #333333; 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/a20250703cafeAct/pop12-bg.png) no-repeat 0 0; background-size: 100%; padding-top: 0.4rem; }
.pop12 .img-box { width: 100%; height: 1.89rem; position: relative; }
.pop12 .img-box img { height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1.5); pointer-events: none; }
.pop12 .img-box p { width: 100%; height: 0.2rem; line-height: 0.2rem; font-size: 0.18rem; color: #333333; 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: #333333; 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: #333333; 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 */