html{font-size:calc(100/1080*100vw);}
html,body,div,p,ul,li,ol,dl,dt,dd,em,i,span,a,img,input,h1,h2,h3,h4,h5,dl,dt,dd{margin:0;padding:0}
a,img,input {border:none;}
body{font: 14px/1.75 -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif;}
a {text-decoration:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
/* a:active,a:hover {color: #fff;} */
ul,li{list-style: none}
*, *::before, *::after {box-sizing: initial;}
/*pc提示*/
.pc_tips{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 9999999;background:#000 url(//game.gtimg.cn/images/aqtw/act/a20220612gold/bg_pc.jpg) no-repeat 50% 0;background-size: cover;min-width: 1000px;}
.pc_tips .main{width: 338px;height: 442px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);padding-top: 30px;text-align: center;box-sizing: border-box;align-items: center;display: flex;flex-direction: column;background: url(//game.gtimg.cn/images/aqtw/act/a20220612gold/pc_qrcode.png) 0 0 no-repeat;}
.pc_tips .main .qrcode{width: 280px;height: 280px;}
.pc_tips .main p{display: none;font-size: 16px;color: #fff;padding: 15px 0 5px;}
@media all and (orientation : landscape ) and (min-width:480px) and (min-aspect-ratio: 750/600){
html,body { position: relative !important;; overflow:hidden;width:100%; height:100%;padding:0;margin:0;}
html::before {content: ""; position:fixed; top:0; left:0; height:100%; width:100%; background:#333; z-index:99999; }
body::after {content: "\4e3a\4e86\66f4\597d\7684\4f53\9a8c\ff0c\8bf7\5c06\624b\673a\7ad6\8fc7\6765"; text-align:center; font-size:16px; color:#fff; position:absolute; top:50%; left:0; height:30px; width:100%; margin-top:50px; z-index:99999; }
body::before { content: "";position:absolute; z-index:99999; height:200px; width:100px; left:50%; top:50%; margin:-140px 0 0 -50px; color:#fff;background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAAB2CAYAAAAZUrcsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDAwMjcwNkVEQzczMTFFNjlFMDFGQTEzNkM3N0JBMTMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDAwMjcwNkREQzczMTFFNjlFMDFGQTEzNkM3N0JBMTMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ0NzhCMTlBREM1ODExRTZCNTdFRjQ0Q0I1QzRCODZBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQ0NzhCMTlCREM1ODExRTZCNTdFRjQ0Q0I1QzRCODZBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+J30rNQAACRRJREFUeNrsXQlsFVUU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"); background-repeat:no-repeat; background-position:center center; background-size:100px auto; transform:rotateZ(-90deg);}
}
body {background:#000304;width:100%;font-family: -apple-system, BlinkMacSystemFont, "PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif; color: #dddddd; font-size: 0.24rem; overflow-x: hidden;}
.spr,.score-gift li>span::after,.gift-state2>div::after,.gift-state1 a {background: url(https://game.gtimg.cn/images/aqtw/act/a20250922preheat/spr.png) no-repeat 0 0/7.86rem 3.52rem;}
.title,.act-intro::before {background:url(https://game.gtimg.cn/images/aqtw/act/a20250922preheat/title.png) no-repeat 50% 0/10.8rem 11.6rem; height: 1.37rem; text-indent: -9999rem;}
.wrap {width: 10.8rem; height: 62rem; background: url(https://game.gtimg.cn/images/aqtw/act/a20250922preheat/bg1.jpg) no-repeat 50% 13.81rem/10.8rem 18.66rem,url(https://game.gtimg.cn/images/aqtw/act/a20250922preheat/bg2.jpg) no-repeat 50% 32.47rem/10.8rem 29.53rem;}
header {height: 13.81rem; width: 100%; overflow: hidden; background: url(https://game.gtimg.cn/images/aqtw/act/a20250922preheat/header.jpg) no-repeat 50% 0/10.8rem 13.81rem;}
header h1 {width:2rem;height:0.58rem; position: absolute; left: 0.25rem; top: 0.25rem; background: url(https://game.gtimg.cn/images/aqtw/act/a20250922preheat/logo.png) no-repeat 50% 50%/100% auto;}
header h1 a{width:100%; height:100%; display: block; text-indent: -9999rem; overflow: hidden;}
header h2.title {margin:7rem auto 0;text-indent: -9999rem; height: 3.37rem;}
.act-time {background-position: 50% -3.37rem; height: 1rem;text-indent: -9999rem; margin-bottom: 0.5rem;}
.game-btn {display: flex; margin: 0 auto; width: 5.3rem; height: 1.14rem; justify-content: center; align-items: center; font-size: 0.54rem; color: #e5e5e5; font-weight: bold; box-sizing: border-box;line-height: 1.14rem;}
.share {display: block; width: 0.6rem; height: 0.6rem; background-position: -2.43rem -1.15rem; overflow: hidden; text-indent: -9999rem; position: absolute; top:0.34rem; right: 0.4rem;}
.rule-btn {width: 0.49rem; height: 1.4rem; background-position: -5.4rem -0.69rem; position: fixed; writing-mode: vertical-rl; display: flex; right: 0; top: 30%; justify-content: center; align-items: center; font-size: 0.26rem; color: #c1d1df; line-height: 0.49rem;transform: scale(1.5); transform-origin: 100% 0; z-index: 666;}
.login {width: 100%; color: #e9edef; font-size: 0.3rem;}
.login p { height: 0.7rem; display: flex; justify-content: center; align-items: center; text-align: center;margin: 0 auto; box-sizing: border-box; padding: 0 0.2rem;}
.login p span {display: inline-block; white-space: nowrap; width: 8em; text-overflow: ellipsis; overflow: hidden; margin-right: 1.5em; text-align: left;}
.login a{color: #ff7037; padding: 0 0 0 0.1rem; display: inline-block;}
.disabled {filter: grayscale(100%) brightness(1.3); pointer-events: none;}
.title1 {background-position: 0.3rem -4.38rem; margin-top: 1.5rem;}
.task {height: 7.38rem;}
.task>p {text-align: center;text-shadow: 0.02rem 0.02rem 0.04rem #161c35; color: #d0d3d5; font-size: 0.3rem; font-weight: bold; height: 0.94rem; line-height: 0.8rem;}
.task ul {padding: 0.0rem 0.7rem 0;}
.task li {height: 1.14rem; display: flex; justify-content: space-between; align-items: center; font-size: 0.34rem; color: #202d3c;}
.task li p {font-weight: bold;}
.task li span {font-weight: initial;}
.task li strong {margin-left: 0.3rem; color: #c45326;}
.task-state1,.task-state2 {display: flex; width: 1.77rem; height: 0.64rem; background-position: -2.37rem -1.81rem; align-items: center; justify-content: center; font-size: 0.36rem; color: #1a1a1a; line-height: 1;}
.task-state2 {background-position: -2.37rem -2.52rem; color: #e5e5e5;}
.task-state3 {width: 0.77rem; height: 0.67rem; margin-right: 0.5rem; background-position: -4.31rem -1.79rem; display: block; text-indent: -9999rem; pointer-events: none;}
.right-btn {display: flex; width: 1.54rem; height: 0.52rem; justify-content: center; align-items: center; font-size: 0.26rem; color: #e36c33;background-position: -3.76rem -1.15rem;}
.record-btn {position: absolute; top:16rem; right: 0.4rem;}
.score {display: flex; height: 1.14rem; align-items: center; justify-content: space-between; padding: 0 0.7rem 0 0.4rem;}
.score>p {display: flex; align-items: center; font-size: 0.36rem; font-weight: bold;text-shadow: 0.02rem 0.02rem 0.04rem #161c35;}
.score>p::before {content: ''; display: inline-block; width: 0.04rem; height: 0.32rem; background: #ff7037; margin-right: 0.1rem;}
.score>p span {color: #ff7037;}
.score-gift {display: flex;width: 9.9rem; margin: 1.08rem auto 0; flex-wrap: wrap;}
.score-gift::before {content: ''; display: block; width: 9.9rem; height: 0.09rem; background: #434c63;}
.score-gift li {width: 2.38rem; margin-left: 0.48rem; transform: translateY(-0.73rem); font-size: 0.28rem; height: 5.87rem;}
.score-gift li:nth-of-type(1) {margin-left: 1.55rem;}
.score-gift li>span {height: 0.73rem; display: block; position: relative; text-align: center;}
.score-gift li>span::after {content: ''; display: block; width: 0.29rem; height: 0.29rem; position: absolute; bottom: 0.05rem; left: 50%; transform: translate(-50%,50%); background-position: -5.68rem -2.13rem;}
.open20 li:nth-of-type(1)>span::after,.open40 li:nth-of-type(-n+2)>span::after,.open60 li>span::after {background-position: -5.33rem -2.13rem;}
.score-gift li>div {width: 2.38rem; height: 2.28rem; background-position: 0 -1.15rem; margin-top: 0.27rem; position: relative;}
.score-gift li>div strong {display: block; height: 0.46rem; text-align: center; line-height: 0.46rem; font-weight: normal;}
.score-gift li>div img {width: 2.18rem; height: 1.7rem; display: block; object-fit: contain; box-sizing: border-box; padding: 0.2rem; margin: 0 auto;}
.score-gift li>div>span {position: absolute; top: 1.7rem; left: 1.5rem; color: #ff7037;}
.gift-state2>div::before {position: absolute; content: ''; display: block;width: 2.18rem; height: 1.7rem; background: rgba(0, 0, 0, 0.5); top: 0.46rem; left: 50%; transform: translateX(-50%); z-index: 1;}
.gift-state2>div::after {position: absolute; content: ''; width: 0.93rem; height: 0.83rem; background-position: -4.22rem -2.53rem; transform: translateX(-50%); left: 50%; top: 0.85rem; z-index: 2;}
.score-gift li a {display: block; width: 2.38rem; height: 0.68rem; font-size: 0.36rem; color: #cfcfcf; line-height: 0.61rem; text-align: center; pointer-events: none; margin-top: 0.18rem;}
.score-gift li.gift-state1 a {pointer-events: initial; background-position: -5.38rem 0;}
.score-gift li.gift-state2 a {color: #707684;}
.img-box {width: 10rem; height: 5.96rem; position: relative; padding: 0.29rem 0 0 0.05rem; margin: 0 auto 0.13rem; box-sizing: border-box;}
.img-box::after {width: 10rem; height: 5.96rem; position: absolute; background: url(https://game.gtimg.cn/images/aqtw/act/a20250922preheat/imgbox.png) no-repeat 0 0/100%; content: ''; top: 0; left: 0;}
.img-box img {width: 9.92rem; height: 5.45rem;display: block;}
.act-title1 {height: 0.77rem; margin-top: 0.7rem; background-position: 50% -8.57rem;}
.act-title2 {height: 0.77rem; margin-top: 1.08rem; background-position: 50% -9.85rem;}
.act-title3 {height: 0.77rem; margin-top: 1.08rem; background-position: 50% -10.75rem;}
.act-intro {position: relative;text-align: center; font-size: 0.32rem; color: #b2b3b4; font-weight: bold; min-height: 0.76rem; padding-top: 0.25rem; box-sizing: border-box;}
.act-intro::before {display: block; width: 100%; height: 0.5rem; background-position: 50% -9.36rem; content: ''; position: absolute; top: 0; left: 0;}
.title2 {background-position: 0.3rem -5.77rem;}
.title3 {background-position: 0.3rem -7.16rem;}
.share-page {width: 10.8rem; height: 19.2rem; position: relative;}
.black-btn {position: absolute; top: 0.3rem; right: 0.3rem; z-index: 100; display: block; width: 1.44rem; height: 0.48rem; background-position: -6.01rem -0.74rem; text-indent: -9999rem;}
.poster {width: 10.8rem; height: 19.2rem;}
.poster>img {display: block; width: 100%; height: 100%;}
.share-qr {position: absolute; top: 15.35rem; left: 0.77rem; width: 2.55rem; height: 2.55rem;}
.share-qr img,.share-qr canvas{width: 2.55rem; height: 2.55rem; display: block;}
.user-info {width: 2.03rem; position: absolute; top: 15.43rem; right: 0.62rem;}
.user-info img {width: 1.88rem; height: 1.88rem; display: block; margin: 0 auto 0.05rem;}
.user-info span {display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: center; font-size: 0.32rem; color: #293645; width: 100%;}
#resImg {position: absolute; z-index: 50; opacity: 0;}
#resImg>img {display: block; width: 100%; height: 100%;}
/* .share-tips {width: 10.8rem; height: 19.2rem; position: absolute; left: 0; top: 0; z-index: 200; background-color: rgba(0, 0, 0, 0.7); display: flex; align-items: center; justify-content: center; flex-direction: column;}
.share-tips>p {font-size: 0.4rem; padding-bottom: 0.3rem;}
.share-tips>p span {color: #ff7037;} */
.poster-tips {position: absolute; width: 1.54rem; height: 0.52rem; background-position: -3.76rem -1.15rem; text-align: center; display: flex; justify-content: center; align-items: center; font-size: 0.25rem; color: #e1e3ec; top: 17.47rem; left: 3.75rem; pointer-events: none;}
.pop_mask_mf { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #000; opacity: 0.7; z-index: 999; display: none;}
.popup {width: 8rem; height: 5.32rem; padding: 0 0.3rem 0.4rem; background: url(https://game.gtimg.cn/images/aqtw/act/a20250922preheat/popup_bg.jpg) no-repeat 50% 0/100%; margin: 0 auto; box-sizing: border-box;position: fixed; display: none; top: 50%; left: 50%;z-index: 1001; transform: scale(1) translate(-50%, -50%); max-height: 7.6rem; color: #2c3347;}
/* .popup {display: block!important; position: relative!important; transform:initial!important;margin: 20px auto!important; left: initial!important; top: initial!important;} */
.close-btn {display: block;width: 0.6rem; height: 0.6rem;overflow: hidden; text-indent: -9999rem; position: absolute; top: 0; right: -0.7rem; z-index: 9999; background-position: -3.08rem -1.15rem;}
.popup h3 {text-align: center; font-size: 0.6rem; color: #ffffff; height: 0.96rem; line-height: 0.96rem; margin-bottom: 0.3rem;}
.popup h3::before,.popup h3::after {content: ''!important;}
.popup-content {font-size: 0.34rem; line-height: 1.5; padding: 0.3rem 0.2rem; box-sizing: border-box;}
.btn {width: 2.38rem; height: 0.68rem; font-size: 0.36rem; color: #cfcfcf; line-height: 0.61rem; text-align: center; display: block; user-select: none;background-position: -5.38rem 0; margin: 0 auto;}
.btn2 {filter: grayscale(1) brightness(2.2); color: #000;}
.common .popup-content {text-align: center;display: flex; align-items: center; justify-content: center; flex-direction: column; min-height: 3rem;}
.login-popup ul,.share-btn {display: flex; justify-content: space-between;padding: 0.8rem 1rem;}
.icon-wx,.icon-qq,.icon-qz,.icon-pyq {display: block; width: 1.9rem; line-height: 0.8rem; text-align: center; color: #2c3347; white-space: nowrap; font-size: 0.28rem;}
.icon-wx::before,.icon-qq::before,.icon-qz::before,.icon-pyq::before{content: ''; display: block; width: 1.77rem; height: 1.67rem; box-sizing: border-box; margin: 0 auto;}
.icon-wx::before {background:url(https://game.gtimg.cn/images/aqtw/act/a20250922preheat/wx.png) no-repeat 0 0/100%;}
.icon-qq::before {background:url(https://game.gtimg.cn/images/aqtw/act/a20250922preheat/qq.png) no-repeat 0 0/100%;}
.icon-pyq::before {background:url(https://game.gtimg.cn/images/aqtw/act/a20250922preheat/pyq.png) no-repeat 0 0/100%;}
.icon-qz::before {background:url(https://game.gtimg.cn/images/aqtw/act/a20250922preheat/qz.png) no-repeat 0 0/100%;}
.share-tips {width: 100vw; height: 100vh; position: fixed!important; top: 0!important; margin-top: 0!important; transform: scale(1)!important; overflow: hidden; background: url(https://game.gtimg.cn/images/aqtw/act/a20250609match/share_tips.png) no-repeat 90% top/4.5rem 3.02rem; display: none;}
.copy-url {width: 6.1rem; height: 0.7rem; margin: 0.2rem auto 0; display: flex; align-items: center; text-align: center; font-size: 0.24rem; color: #2c3347; border: 0.01rem solid #9ca6b9; background: rgba(255, 255, 255, 0.3); outline: none;}
.wx-qrcode {width: 1.8rem; height: 1.8rem; margin: 0 auto; padding: 0.2rem 0;}
.wx-qrcode canvas{width: 1.8rem; height: 1.8rem;}
.bind-item {display: flex; justify-content: center; align-items: center; width: 6.2rem; margin: 0 auto; padding: 0.3rem 0 0;color: #b1aea8;}
.bind-item strong{display: block; width: 1.57rem; height: 0.6rem; font-size: 0.24rem; line-height: 0.6rem; text-align: center; white-space: nowrap; background: #384458; border: 1px solid #384458; border-right: 0;}
.bind-item span {display: flex;align-items:center;position: relative;width: 4.52rem; height: 0.6rem;line-height: 0.6rem;font-size: 0.24rem;border: 1px solid #384458; border-left: 0; background: rgba(255, 255, 255, 0.3);;padding:0 0 0 0.2rem; color: #2c3347;}
.bind-item span label {display: inline-flex; width: 1.5rem; height: 100%; align-items: center; color: #2c3347;}
.bind-item span label input {margin-right: 0.1rem;}
.input-txt {width: 2.97rem; height: 0.31rem;appearance: none; outline: none; color: #7c7c7b; text-indent: 0.11rem; background: none;}
.select-box select {width: 100%; height: 100%;line-height: 0.34rem;appearance: none; outline: none; color: #fff; font-size: 0.32rem; border-radius: 0; border: 0; background: none;}
.select-box option{appearance: none;color: #fff;background: #6b7278;}
/* .select-box::before {content: ''; position: absolute; top: 0.2rem; right: 0.2rem; width: 0; height: 0; pointer-events: none; border-right: 0.15rem solid transparent; border-left: 0.15rem solid transparent; border-top: 0.18rem solid #e2e3e5;} */
.bind .agreement {white-space: initial; margin: 0 auto; padding-bottom: 0.2rem; width: 5.2rem;}
.bind .agreement span {line-height: 0.3rem; margin-top: -0.04rem;}
.bind-tips {/*color: #6c767d; */margin-top: 0.5rem;}
.orange {color: #fb7221;}
.popup-btn-box {display: flex; justify-content: space-between; padding: 0.1rem 0.8rem;}
.bind .popup-btn-box {width:6.2rem; margin: 0 auto; padding: 0.3rem 0;}
.rule-box {overflow-y: auto; max-height: 3.5rem; font-size: 0.34rem; width: 6.9rem; margin: 0.3rem auto;}
.rule-box::-webkit-scrollbar {
width: 0.1rem; /* 设置纵轴(y轴)轴滚动条 */
height: 0.1rem; /* 设置横轴(x轴)轴滚动条 */
}
.rule-box::-webkit-scrollbar-thumb {
border-radius: 0.1rem;
box-shadow: inset 0 0 0.05rem rgba(0, 0, 0, 0.2);
background: #4b5a73;
}
.rule-box::-webkit-scrollbar-track {
border-radius: 0;
box-shadow: inset 0 0 0.05rem rgba(0, 0, 0, 0.2);
background: #7f8da4;
}
.rule-box h4 {padding-left:0.2rem; font-size:0.26rem;}
.rule-box h5 {padding:0.1rem 0 0 0.2rem; font-size:0.24rem;}
.rule-box ol{padding:0 0.3rem 0 0.6rem; margin: 0;}
.rule-box ol li{ list-style:decimal outside; font-size: 0.22rem;}
.rule-box p {padding:0.05rem 0.1rem; line-height: 1.5;}
.rule-box p strong {color: #e67045;}
.rule-box ol li p {padding: 0;}
.record table {width: 6.45rem; margin: 0.35rem auto 0; border-collapse: collapse; position: relative;border-right: 1px solid rgba(124, 137, 156, 0.3); border-collapse: collapse; box-sizing: border-box;table-layout: fixed; font-size: 0.3rem; color: #455165; background: rgba(255, 255, 255, 0.3);}
.record thead {display:block; width: 6.45rem; overflow: hidden;}
.record tbody::-webkit-scrollbar,.popup-content::-webkit-scrollbar {
width: 0.1rem; /* 设置纵轴(y轴)轴滚动条 */
height: 0.1rem; /* 设置横轴(x轴)轴滚动条 */
}
.record tbody::-webkit-scrollbar-thumb,.popup-content::-webkit-scrollbar-thumb {
border-radius: 0.1rem;
box-shadow: inset 0 0 0.05rem rgba(0, 0, 0, 0.2);
background: #4b5a73;
}
.record tbody::-webkit-scrollbar-track,.popup-content::-webkit-scrollbar-track{
border-radius: 0;
box-shadow: inset 0 0 0.05rem rgba(0, 0, 0, 0.2);
background: #7f8da4;
}
.record tr {display: table; width: 6.45rem; table-layout: fixed;}
.record thead th {height:0.5rem; border: 1px solid rgba(124, 137, 156, 0.3); font-weight: normal; line-height: 1; white-space: nowrap;font-size: 0.3rem;}
.record tbody {max-height:2.7rem; overflow: hidden; overflow-y: auto; display:block; width: 100%;}
.record tbody td {height:0.5rem; border: 1px solid rgba(124, 137, 156, 0.3); text-align: center; font-family: initial;align-items: center;vertical-align: middle; line-height: 1.1; font-size: 0.26rem;border-top: none;}
.record tbody tr td:last-of-type {padding-right: 0.15rem;}
.record tbody tr td .emoji {display: inline-block!important; margin-top: -0.2rem !important;margin-bottom: -0.2rem !important;transform: translateY(-0.05rem);}
.record p {text-align: center; color: #4b5b74; position: absolute; bottom: 0.35rem; width: 6.45rem; transform: translateX(-50%); left: 50%;}
.popup-btn2 {filter: grayscale(100%);}
.toast {position: fixed; top: 50%; left: 50%; min-width: 5.6rem; transform: translate(-50%,-50%);line-height: 1.2; text-align: center; color: #fff; z-index: 9999; font-size: 0.32rem; background: rgba(0, 0, 0, 0.7); border-radius: 0.05rem; white-space: nowrap; padding: 0.2rem;display: inline-block;}
#afooter {margin: 0; width: 90%; margin: 0 auto; text-align: center; background: #000; color: #ccc; padding: 0.5rem 0; line-height: 1.5; font-size: 0.24rem;}
#afooter a {color: #ccc;}