html {
    font-size: calc(100/1920*100vw);
    /*scroll-behavior: smooth;*/
}

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

body {
    background: #000304;
    width: 100%;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif;
    color: #b3d6dc;
    font-size: 0.24rem;
}

.btn,.pbtn1,.pbtn2,.pbtn3 {
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250613elema/btn.png) no-repeat 0 0/100% 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 1.8rem;
    height: 0.41rem;
    font-size: 0.2rem;
    color: #ffffff;
    font-weight: bold;
    padding-bottom: 0.1%;
    box-sizing: border-box;
}

.spr, .s2 li,.s3 h4,.s3 h4::before,.actSwiper .act-pagination span,.lottery li:nth-of-type(-n+3)::after,.icon-wx::before,.icon-qq::before,.pgift li,.act-next::after {
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250613elema/spr.png) no-repeat 0 0/10rem 9.3rem;
}

header {
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250613elema/bg_01.jpg) no-repeat 50% 0/19.2rem 10.36rem;
    height: 10.36rem;
    position: relative;
}

.logo {
    width: 5.24rem;
    height: 0.54rem;
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250613elema/logo.png) no-repeat 0 0/100% 100%;
    position: absolute;
    top: 0.42rem;
    left: 0.37rem;
}

.logo a {
    width: 100%;
    height: 100%;
    display: block;
    text-indent: -9999rem;
    overflow: hidden;
}

.top-nav {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0.23rem 0 0 0;
}

.top-nav .btn1 {
    margin: 0;
}

/* .login p::before {content: '['; color: #4c4c4c; margin-right: 0.25rem;}
      .login p::after {content: ']';color: #4c4c4c;  margin-left: 0.25rem;} */
.login p {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #6d6d5b;
    padding: 0 0.3rem 0 0;
}

.login p::before {
    display: inline-block;
    width: 0.23rem;
    height: 0.27rem;
    content: '';
    margin-right: 0.3rem;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAbCAYAAACX6BTbAAAACXBIWXMAAAsTAAALEwEAmpwYAAACLklEQVRIia3VT4iNURjH8c+9hsJObEYSC2JGhlJDMuXvQkM2FLOYSCNsiGzEiiymbDCEsRk1k4jRLMafSP4URf5uhLBAKfmzGDQzFue8um733vfeMb/N87zv8+t7Tud93udkBgcH5erBqrnyVIPtWIwp+IW3uIWjeJZrntf98G+ezSflaDTa8ARbMA0jMRYz47vHOIJRhQDF4KNwOQIGcAbLMRHVMW+PtW3oKbRAVRF4K5bgM9bgdl79A67GBS5iKQ7HhUruvAZb0Y/VBcC5uoNV0duC2jT4RoxAB+6WACe6F70jsCkNvjzGs2WAE3XEuCINPinGpxXAE+/UNPiwqRD8fYyzKuAk3tdp8CsxbqgA3hRjbxr8tNBaTVhQBnh+9PbjVBr8BY4JrXUJi0qAF6I7ek/geRocduE6xsfYjmXCr18d83bciJ5r2JEPydxvnFNsV2PQhZXIFPEMCMNtpzAt/1Gx2VIvzIr6ArU+vIq7PSnvKErBMziIPTH/igvChHyJd/hWgDMNdTiHvxdELjwjnGNzNLRhnzAZ09SKRmE6tiQL5H7QvRHch/XCZCwHTLiRfmIzdicvE3gd9se8GZ1lQhP1Cj/dIA5gdi68VejVNqFDhqLzOC4c9SFCK9YKU+07JuPLEOGEnn8j3LMzslgXC13/CSZ8o06hOdZm0RALPf8JTtQdY0MW0+PDwyLmSvUoxhlZTIgPH4cJ/inGcVXCBftDgdkwRP3GTWT+AJlZdt5ZygF0AAAAAElFTkSuQmCC") no-repeat 0 50%/cover;
    filter: grayscale(100%) brightness(150%);
}

.unlogin p::before {
    filter: grayscale(100%) brightness(120%);
}

.login p span {
    max-width: 10em;
    display: inline-block;
    white-space: nowrap;
    max-width: 10em;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-right: 0.3rem;
}

.home-btn {
    width: 1.50rem;
    height: 0.47rem;
    line-height: 0.47rem;
    filter: grayscale(1) brightness(1.5);
    color: #000;
    font-size: 0.18rem;
    font-weight: bold;
    margin-right: 0.23rem;
}

.home-btn:hover {
    filter: initial;
    color: #e4e4e4;
}

header h2,header h3,header>p {
    text-indent: -9999rem;
}

.login p a {
    color: #6d6d5b;
    /*padding: 0 0 0 0.1rem; text-decoration: underline; text-underline-offset: 0.08rem;*/
    display: inline-block;
    margin-right: 0.3rem;
}

.login p a:hover {
    color: #ca5931;
}

.login p a em {
    font-style: initial;
    color: #e9edef;
}

.content-wrap {
    margin: 0 auto;
    width: 100%;
    // height: 73.38rem;
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250613elema/bg_02.jpg) no-repeat 50% 0/19.2rem 20.76rem,
        url(https://game.gtimg.cn/images/aqwx/act/a20250613elema/bg_03.jpg) no-repeat 50% 20.76rem/19.2rem 20.74rem,
        url(https://game.gtimg.cn/images/aqwx/act/a20250613elema/bg_04.jpg) no-repeat 50% 41.5rem/19.2rem 21.52rem;
}

.content {
    width: 13.34rem;
    margin: 0 auto;
    overflow: hidden;
}

.content h3 {
    height: 1.16rem;
    // background: url(https://game.gtimg.cn/images/aqwx/act/a20250613elema/title.png) no-repeat 50% 0/5.06rem 8rem;
    text-indent: -9999rem;
}

.s1 {
    height: 10.34rem
}

.s1 h3 {
    margin: 1.18rem auto 0;
}

.s1>p {
    text-align: center;
    color: #bcc7c8;
    font-size: 0.22rem;
    line-height: 0.64rem;
}

.s1>p strong {
    color: #056cbb;
    font-weight: normal;
}

.s1>h4 {
    color: #b3d6dc;
    font-size: 0.26rem;
    text-align: center;
    height: .98rem;
    line-height: .98rem;
    margin-top: 0.32rem;
}

.s1 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    width: 8.36rem;
    padding-left: 3.14rem;
    box-sizing: border-box;
    margin: 0.1rem auto 0;
    padding-bottom: .3rem;
}

.s1 li {
    width: 2.54rem;
    height: 1.58rem;
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250613elema/p1.b2.png) no-repeat 50% 0/contain;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: .18rem;
}

.s1 li img {
    width: 2.42rem;
    height: 1.12rem;
    margin: .08rem auto 0;
    display: block;
    object-fit: contain;
}

.s1 li span {
    font-size: 0.18rem;
    color: #b3d6dc;
    line-height: 0.3rem;
    display: block;
}

.s1 li:nth-of-type(1) {
    position: absolute;
    left: 0;
    width: 2.97rem;
    height: 3.32rem;
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250613elema/p1.b1.png) no-repeat 50% 0/contain;
}

.s1 li:nth-of-type(1) img {
    width: 2.98rem;
    height: 2.72rem;
    margin: 0;
    box-sizing: border-box;
}
.s1 li:nth-of-type(1) span {
    height: 0.52rem;
    line-height: 0.52rem;
    font-size: .24rem;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.s1-btns {
    width: 10rem;
    margin: .26rem auto 0;
    position: relative;
}

.s1 .link {
    position: absolute;
    color: #e5e5e5;
    text-decoration: underline;
    right: 0;
    top: 0;
    font-size: .2rem;
}

.btn1::after {
    content: '立即抽奖';
}
.btn2::after {
    content: '立即领取';
}

.btn1.state1,
.btn2.state1 {
    filter: grayscale(1);
    pointer-events: none;
}
.btn1.state1::after,
.btn2.state1::after {
    // background-position: 0 -6.45rem;
    content: '已领取';
}

.s2 {
    height: 10.4rem
}

.s2 h3 {
    margin: 1.9rem auto 0;
}

.s2>p {
    text-align: center;
    color: #363c40;
    font-size: 0.22rem;
    line-height: 0.74rem;
}

.s2>p strong {
    color: #056cbb;
    font-weight: normal;
    position: relative;
    display: inline-block;
}

.s2>ul {
    width: 10.85rem;
    margin: 0.16rem auto 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.s2 li {
    padding: .2rem 0 0;
    margin-bottom: 0.25rem;
    width: 2.64rem;
    height: 1.74rem;
    box-sizing: border-box;
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250613elema/p2.b2.png) no-repeat center/contain;
}

.s2 li img {
    width: 100%;
    height: 0.95rem;
    display: block;
    object-fit: contain;
}

.s2 li span {
    font-size: 0.2rem;
    color: #c9eafa;
    line-height: 0.32rem;
    text-align: center;
    display: block;
    padding-top: 0.15rem;
}

.s2 li:nth-of-type(-n+3) {
    width: 3.58rem;
    height: 1.76rem;
    padding: .24rem 0 0;
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250613elema/p2.b1.png) no-repeat center/contain;
}


.s3 {
    height: 10.42rem
}

.s3 h3 {
    margin-top: 1.44rem;
}

.s3>p {
    text-align: center;
    color: #bcc7c8;
    font-size: 0.22rem;
    line-height: 1.35;
    padding: .23rem 0;
}

.s3>ul {
    width: 10.85rem;
    margin: 0 auto 0.05rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.s3>ul>li {
    margin-bottom: 0.16rem;
    position: relative;
}

.s3 li>div {
    width: 2.62rem;
    height: 2.16rem;
    box-sizing: border-box;
    padding: 0.66rem 0.12rem 0 0.2rem;
    text-align: center;
    position: relative;
}

.s3 li.select>div::before {
    content: '';
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250613elema/selected.png) no-repeat center/100% 100%;
    display: block;
    width: 2.54rem;
    height: 1.62rem;
    position: absolute;
    left: .06rem;
    top: 0.53rem;
}

.s3 li.select>div::after {
    content: '';
    display: block;
    width: 0.53rem;
    height: 0.35rem;
    position: absolute;
    left: 1.06rem;
    top: 0.38rem;
    background-position: -9.02rem -0.03rem;
}

.s3 li.select::after {
    content: '';
    position: absolute;
    width: 0.3rem;
    height: 0.3rem;
    background-position: -9.67rem -0.87rem;
    right: 0.03rem;
    top: 0.55rem;
}

.s3 h4 {
    display: none;
}

.s3 li img {
    width: 100%;
    height: 0.95rem;
    display: block;
    object-fit: contain;
}

.s3 li span {
    font-size: 0.2rem;
    color: #b3d6dc;
    line-height: 0.42rem;
    display: block;
    padding-top: 0.15rem;
}

.s3 li:nth-of-type(7) {
    width: 5.32rem;
}

.s3 li:nth-of-type(7) h4 {
    width: 5.17rem;
    background-position: 0 -1.51rem;
}

.s3 li:nth-of-type(7) div {
    width: 5.32rem;
    padding: 0.78rem 0.13rem 0 0.2rem;
}

.s3 li:nth-of-type(7).select>div::before {
    content: '';
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250613elema/selected2.png) no-repeat center/100% 100%;
    display: block;
    width: 5.24rem;
    height: 1.62rem;
    position: absolute;
    z-index: 1;
    left: .04rem;
    top: 0.52rem;
}

.s3 li.select:nth-of-type(7)>div::after {
    left: 2.5rem;
}

.s3 li:nth-of-type(7)>div>span {
    display: flex;
    padding-top: 0.03rem;
}

.s3 li:nth-of-type(7)>div>span>span {
    width: 50%;
    display: block;
    padding-top: 0;
    white-space: nowrap;
}

.s3 li:nth-of-type(7)>div>span>span:nth-child(1) {
    line-height: 1.1;
    font-size: .32rem;
    transform: scale(.45);
    transform-origin: top center;
    padding-top: .08rem;
}

.btn3 {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .4rem;
    font-weight: bold;
    color: #e5e5e5;
    width: 3.88rem;
    height: .88rem;
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250613elema/p3.btn.png) no-repeat center/contain;
    overflow: hidden;
    margin: 0 auto;
}
.btn3::before {
    content: '点击此处签到打卡';
}

.btn3.state1::before {
    content: '今日已签到';
}
.btn3.state2::before {
    content: '已完成全部签到';
}
.btn3.state1 {
    filter: grayscale(1);
    pointer-events: none;
}

.btn3.state2 {
    filter: grayscale(1);
    pointer-events: none;
}

.s4 {
    height: 10.34rem;
    width: 12.55rem;
    box-sizing: border-box;
}

.s4 h3 {
    margin-top: 0.94rem;
}

.s4>p {
    text-align: center;
    color: #363c40;
    font-size: 0.22rem;
    line-height: .3rem;
    height: 1.04rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.s4>p strong {
    color: #056cbb;
    font-weight: normal;
    position: relative;
    display: block;
}

.lottery {
    width: 7.76rem;
    position: relative;
    float: left;
}

.act-intro-btn {
    position: absolute;
    display: inline-block;
    text-align: center;
    top: 0;
    right: 0.1rem;
    width: 1.2rem;
    line-height: 0.5rem;
    font-size: 0.16rem;
    color: #efccc4;
}

.act-intro-btn:hover {
    color: #fff;
}

.lottery ul {
    display: flex;
    width: 7.74rem;
    flex-wrap: wrap;
    justify-content: space-between;
    box-sizing: border-box;
    padding-left: 2.66rem;
    position: relative;
}

.lottery li {
    width: 2.53rem;
    height: 1.65rem;
    box-sizing: border-box;
    padding: 0.2rem 0.1rem 0 0.1rem;
    text-align: center;
    margin-bottom: 0.07rem;
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250613elema/p4.b3.png) no-repeat center/contain;
}

.lottery li img {
    width: 2.32rem;
    height: 0.95rem;
    display: block;
    object-fit: contain;
}

.lottery li span {
    font-size: 0.2rem;
    color: #c9eafa;
    line-height: 0.32rem;
    display: block;
    padding-top: 0.12rem;
}

.lottery li:nth-of-type(-n+5) {
    position: relative;
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250613elema/p4.b2.png) no-repeat center/contain;
}

.lottery li:nth-of-type(-n+5)::after {
    content: '';
    display: block;
    width: .76rem;
    height: 0.23rem;
    // background-position: -6.44rem -6.48rem;
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250613elema/swjl.png) no-repeat center/contain;
    position: absolute;
    top: 0.08rem;
    right: 0.08rem;
}
.lottery li:nth-of-type(2)::after {
    width: 1.04rem;
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250613elema/i.xl.png) no-repeat center/contain;
}

.lottery li:nth-of-type(1) {
    position: absolute;
    left: 0;
    width: 2.62rem;
    height: 3.27rem;
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250613elema/p4.b1.png) no-repeat center/contain;
}
.lottery li:nth-of-type(1)::after {
    top: 0.08rem;
    right: 0.16rem;
}

.lottery li:nth-of-type(1) img {
    width: 2.35rem;
    height: 2.65rem;
    padding: 0.3rem;
    box-sizing: border-box;
}
.lottery li:nth-of-type(1) span {
    padding-top: 0;
}

.lottery li:nth-of-type(6) {
    position: absolute;
    left: 0;
    top: 3.44rem;
}

.lottery-tools {
    display: flex;
    justify-content: space-between;
    margin: 0.1rem 0 0;
    align-items: start;
}

.lottery-tools>a {
    font-size: 0.18rem;
    color: #1c344e;
    font-weight: bold;
}

.btnn {
    width: 3.17rem;
    height: .88rem;
    font-size: .4rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #e5e5e5;
    margin: auto;
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250613elema/btn2.png) no-repeat center/contain;
}

.lottery-tools>div>p {
    font-size: 0.18rem;
    color: #37464d;
    text-align: center;
    font-weight: bold;
}

.task {
    width: 4.63rem;
    height: 6rem;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    float: right;
    box-sizing: border-box;
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250613elema/p4.b4.png) no-repeat center/100% 100%;
}

.task>h4 {
    text-align: center;
    height: 0.52rem;
    text-indent: -999em;
    overflow: hidden;
}

.task>ul {
    margin: 0.1rem 0 0;
    padding: .04rem 0;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.task li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
    align-items: center;
    margin: .05rem .1rem;
    // border: 1px solid #fafafa;
    box-shadow: #e3f5fd 0 0 1px;
    background-color: rgba(255, 255, 255, .1);
}


.task li h5 {
    font-size: 0.2rem;
    font-weight: bold;
    color: #e3f5fd;
}

.task li p {
    font-size: .2rem;
    color: #e3f5fd;
}
.task li span {
    // color: #ca4d31;
}

.task-btn {
    margin-top: .1rem;
    width: 1.7rem;
    height: .52rem;
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250613elema/p4.btn.png) no-repeat center/100% 100%;
    color: #e5e5e5;
    font-size: .2rem;
    font-weight: bold;
    text-align: center;
}

.ptable .btn {
    width: 1.2rem;
    height: 0.38rem;
    font-size: 0.18rem;
}

.s5 {
    height: 10.35rem
}

.s5 h3 {
    margin-top: 1.7rem;
}

.s5>p {
    text-align: center;
    color: #bcc7c8;
    font-size: 0.22rem;
    line-height: 0.64rem;
    height: 1rem;
}

.s5>ul {
    width: 13rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.s5>ul>li {
    margin-bottom: 0.2rem;
    position: relative;
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250613elema/p5.b1.png) no-repeat top center/100% auto;
    width: 3.2rem;
}

.s5 li>div {
    height: 2.08rem;
    box-sizing: border-box;
    padding: 0.4rem 0 0;
    text-align: center;
    margin-bottom: 0.1rem;
    position: relative;
}

.s5 li.select>div::before {
    content: '';
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250613elema/selected.png) no-repeat center/100% 100%;
    display: block;
    width: 3.08rem;
    height: 1.98rem;
    position: absolute;
    left: .06rem;
    top: 0.12rem;
}

.s5 li.select>div::after {
    content: '';
    display: block;
    width: 0.53rem;
    height: 0.35rem;
    position: absolute;
    left: 1.06rem;
    top: 0.38rem;
    background-position: -9.02rem -0.03rem;
}

.s5 li.select::after {
    content: '';
    position: absolute;
    width: 0.3rem;
    height: 0.3rem;
    background-position: -9.67rem -0.87rem;
    right: 0.03rem;
    top: 0.55rem;
}

.s5 li h4 {
    height: 0.46rem;
    text-indent: -9999rem;
}
.s5 li:nth-child(1) h4 {
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250613elema/p5.t5.png) no-repeat center/auto .3rem;
}
.s5 li:nth-child(2) h4 {
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250613elema/p5.t10.png) no-repeat center/auto .3rem;
}
.s5 li:nth-child(3) h4 {
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250613elema/p5.t20.png) no-repeat center/auto .3rem;
}
.s5 li:nth-child(4) h4 {
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250613elema/p5.t30.png) no-repeat center/auto .3rem;
}

.s5 li img {
    width: 100%;
    height: 1.15rem;
    display: block;
    object-fit: contain;
}

.s5 li span {
    font-size: 0.2rem;
    color: #b3d6dc;
    line-height: 0.42rem;
    display: block;
    padding-top: 0.1rem;
}

.btn5 {
    display: flex;
    width: 3.12rem;
    height: 0.82rem;
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250613elema/p5.btn.png) no-repeat center/100% 100%;
    overflow: hidden;
    font-weight: bold;
    font-size: .41rem;
    align-items: center;
    justify-content: center;
    color: #e5e5e5;
    margin: 0 auto;
}

.btn5.state1 {
    filter: grayscale(1);
    pointer-events: none;
}
.btn5.state1::before {
    content: '未达成';
}

.btn5.state2 {
    filter: grayscale(1);
    pointer-events: none;
}
.btn5.state2::before {
    content: '已领取';
}
.btn5.state3:hover {
    opacity: .85;
}
.btn5.state3::before {
    content: '领取';
}

.s6 {
    height: 11.16rem;
}

.s6 h3 {
    margin-top: 1.32rem;
}

.actSwiper {
    position: relative;
    width: 8.1rem;
    // height: 6.04rem;
    margin: 0.3rem auto 0;
    overflow: initial;
}

.actSwiper .swiper-container {
    width: 100%;
    overflow: hidden;
    padding: .3rem 0;
}

.actSwiper .swiper-slide {
    width: 1.47rem;
    height: .83rem;
    background-color: #000;
}

.actSwiper .swiper-slide img {
    // width: 9.87rem;
    // height: 6.04rem;
    width: 100%;
    height: 100%;
    opacity: .6;
    display: block;
    transition: transform .2s ease;
}

.actSwiper .swiper-slide.swiper-slide-active img {
    opacity: 1;
    transform: scale(1.2);
}

.act-prev,.act-next {
    width: .68rem;
    height: 100%;
    cursor: pointer;
    margin: 0;
    transform: none;
    top: 0;
}

.swiper-preview {
    width: 9.45rem;
    height: 5.35rem;
    margin: .2rem auto 0;
    overflow: hidden;
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250613elema/sw.bg.png) no-repeat center/contain;
}
.swiper-preview img{
    width: 100%;
    height: 100%;
    display: block;
}
.act-prev {
    right: 100%;
    left: auto;
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250613elema/p6.prev.png) no-repeat center/.32rem auto;

}

.act-next {
    left: 100%;
    right: auto;
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250613elema/p6.next.png) no-repeat center/.32rem auto;

}

.act-pagination {
    bottom: -0.93rem!important;
    line-height: 1;
}

.actSwiper .act-pagination span {
    width: 0.5rem;
    height: 0.5rem;
    opacity: 1;
    border-radius: initial;
    background-position: -8.17rem -1.02rem;
    margin: 0;
}

.actSwiper .act-pagination span.swiper-pagination-bullet-active {
    background-position: -8.84rem -1.02rem;
}

.disabled {
    filter: grayscale(1);
    pointer-events: none;
}

.foot_links {
    float: none!important;
    text-align: center;
}

.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: 9.73rem;
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250613elema/popupbg2.jpg) no-repeat 50% 0/cover;
    margin: 0 auto;
    padding: 0.4rem 0.11rem 0.4rem;
    box-sizing: border-box;
    position: fixed;
    display: none;
    top: 50%;
    left: 50%;
    z-index: 1001;
    transform: scale(1) translate(-50%, -50%);
    border-bottom: 0.04rem solid #3d3d3d;
    max-height: 9.68rem;
    box-shadow: #FFF 0 0 1px inset;
}

.popup::before {
    content: '';
    position: absolute;
    left: -4px;
    right: -4px;
    top: -1px;
    height: 1.39rem;
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250613elema/popup-border.png) no-repeat 50% bottom/100% 100%;
    pointer-events: none;
}
.popup::after {
    content: '';
    position: absolute;
    left: -4px;
    right: -4px;
    bottom: -1px;
    height: 1.39rem;
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250613elema/popup-border.png) no-repeat 50% bottom/100% 100%;
    pointer-events: none;
    transform: rotate(180deg);
    transform-origin: center;
}

/* .popup {display: block!important; position: relative!important; transform:initial!important;margin: 20px auto!important; left: initial!important; top: initial!important;} */
.close-btn,.btn_close {
    display: block;
    width: 0.38rem;
    height: 0.42rem;
    overflow: hidden;
    text-indent: -9999rem;
    position: absolute;
    top: 00.2rem;
    right: 0.2rem;
    z-index: 9999;
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250613elema/close_btn.png) no-repeat 0 0/100% 100%;
}

.pbtn1, .pbtn2 {
    display: flex;
    width: 3.12rem;
    height: 0.82rem;
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250613elema/p5.btn.png) no-repeat center/100% 100%;
    overflow: hidden;
    font-weight: bold;
    font-size: .36rem;
    align-items: center;
    justify-content: center;
    color: #e5e5e5;
    margin: 0 auto;
}


.pbtn2 {
    filter: grayscale(1);
}

.pbtn3 {
    margin: 0.02rem 0 0 0.1rem;
    width: 2.34rem;
    height: 0.52rem;
    font-size: 0.22rem;
    color: #000;
    display: flex;
}

.popup h3 {
    text-align: center;
    line-height: 1.1;
    text-indent: 0;
    font-size: 0.5rem;
    color: #FFF;
}

.popup h3[disabled] {
    text-indent: -9999rem;
    font-size: 0.4rem;
}

.popup-content {
    // font-size: 0.22rem;
    color: #FFF;
    font-size: .28rem;
    line-height: 1.5;
    padding: 0.3rem 0.7rem;
}

.popup-content>p>strong {
    color: #ca4d31;
    font-weight: normal;
}

/* .common {width: 5.52rem;} */
/* .common h3 {display: none;} */
.common .popup-content {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-height: 1.5rem;
}

.center {
    text-align: center;
}

.pgift h3 {
    font-size: 0.22rem;
    font-weight: normal;
}

.pgift>ul {
    width: 6.5rem;
    height: 2rem;
    margin: 0.25rem auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.pgift li {
    width: 2.65rem;
    height: 1.73rem;
    // background-position: -2.67rem -1.98rem;
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250613elema/pop.b2.png) no-repeat 50% bottom/100% 100%;
    box-sizing: border-box;
    padding: 0.3rem 0.12rem 0 0.2rem;
    text-align: center;
    margin-bottom: 0.1rem;
    position: relative;
    cursor: pointer;
    user-select: none;
}

.pgift li img {
    width: 100%;
    height: 0.95rem;
    display: block;
    object-fit: contain;
}

.pgift li span {
    font-size: 0.2rem;
    color: #fff;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 0.05rem;
    height: 0.42rem;
}

.pgift li::before,.pgift li::after {
    content: '';
    display: block;
    border-radius: 100%;
    border: 0.02rem solid #fefefe;
    width: 0.2rem;
    height: 0.2rem;
    position: absolute;
    left: 50%;
    bottom: -0.4rem;
    transform: translate(-50%,0);
    box-sizing: border-box;
}

.pgift li::after {
    width: 0.1rem;
    height: 0.1rem;
    margin: 0 0.05rem 0.05rem 0;
    border: none;
}


.pgift li:first-child span {
    font-size: .32rem;
    transform: scale(.5);
    white-space: nowrap;
}

.pgift li.select::after {
    background: #b3d6dc;
}

.pgift li.nothing {
    pointer-events: none;
}

.pgift li.nothing img {
    filter: grayscale(1);
}

.pgift li.nothing span {
    color: #b3b3b3;
}

.pgift li.nothing::after {
    display: none;
}

.pgift li.nothing::before {
    border: none;
    width: .76rem;
    height: 0.23rem;
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250613elema/nothing.png) no-repeat 0 0/100% 100%;
    border-radius: initial;
    right: 0.08rem;
    top: 0.1rem;
    left: auto;
    transform: none;
    z-index: 99;
}

.login-popup ul,.share-btn {
    display: flex;
    justify-content: space-between;
    padding: 0.8rem 2rem 0.5rem;
}

.icon-wx,.icon-qq,.icon-qz,.icon-pyq {
    display: block;
    width: 1.55rem;
    line-height: 0.8rem;
    text-align: center;
    color: inherit;
    white-space: nowrap;
    font-size: 0.22rem;
    position: relative;
    overflow: hidden;
}

.icon-wx::after,.icon-qq::after,.icon-qz::after,.icon-pyq::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    // background: #a0563a;
    display: block;
    width: 1.55rem;
    height: 1.55rem;
}

.icon-wx::before,.icon-qq::before,.icon-qz::before,.icon-pyq::before {
    content: '';
    display: block;
    width: 1.28rem;
    height: 1.1rem;
    position: relative;
    z-index: 10;
    margin: 0.22rem auto;
}

.icon-wx::before {
    background-position: -7.59rem -6.1rem;
}

.icon-qq::before {
    width: 0.94rem;
    background-position: -9.04rem -6.1rem;
}

.input-item {
    width: 3.75rem;
    display: flex;
    margin: 0 auto;
    height: 0.46rem;
    justify-content: space-between;
    align-items: center;
    padding: 0.05rem 0;
}

.input-txt,.input-code {
    width: 3.75rem;
    height: 0.46rem;
    display: flex;
    align-items: center;
    text-indent: 1em;
    font-size: 0.20rem;
    color: #909090;
    border: none;
    background: #f5f5f5;
    outline: none;
}

.input-item .input-txt {
    margin: 0;
}

.input-code {
    width: 2.16rem;
}

.register-item {
    display: flex;
    align-items: center;
    width: 5rem;
    margin: 0 auto;
    padding: 0.12rem 0.2rem;
}

.register-item label {
    font-size: 0.2rem;
    color: #f5f5f5;
    line-height: 0.46rem;
    text-align: justify;
    box-sizing: border-box;
    padding: 0 0.05rem 0 0.15rem;
    text-align-last: justify;
    white-space: nowrap;
    width: 1.2rem;
}

.register-item span {
    display: block;
    flex: 1;
}

.register-tips {
    text-align: center;
}

.red {
    color: #cb2b11;
}

.agreement-check {
    position: relative;
    padding: 0.2rem 0.4rem;
    display: flex;
}

.agreement-check span {
    color: #908f8f;
    line-height: 1.2;
    display: inline-block;
    font-size: 0.18rem;
    margin-left: 0.05rem;
}

.agreement-check input {
    display: none;
}

.agreement-check input:checked+label::after {
    content: '';
    display: block;
    width: 0.08rem;
    height: 0.08rem;
    background: #888888;
    border-radius: 100%;
}

.agreement-check label {
    position: relative;
    display: flex;
    width: 0.2rem;
    height: 0.2rem;
    padding: 0;
    border: 0.02rem solid #888888;
    border-radius: 100%;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    flex: none;
}

.copy-url {
    margin: 0.2rem auto;
    text-align: center;
    text-indent: 0;
    width: 7rem;
}

.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: 6rem;
    margin: 0 auto;
    padding: 0.2rem;
}

.bind-item strong {
    display: block;
    width: 2rem;
    height: 0.58rem;
    font-size: 0.22rem;
    color: #f5f5f5;
    line-height: 0.58rem;
    text-align: center;
    white-space: nowrap;
}

.bind-item span {
    display: flex;
    align-items: flex-start;
    position: relative;
    font-size: 0.22rem;
    width: 3rem;
    height: 0.58rem;
    line-height: 0.58rem;
    padding: 0 0 0 0.2rem;
}

.bind-item span label {
    display: flex;
    min-width: 1rem;
    padding-right: 0.2rem;
    white-space: nowrap;
}

.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.22rem;
    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;
    width: 7rem;
    margin: 0 auto;
}

.bind .popup-content {
    padding: 0.3rem 0 0.4rem;
}

.rule-box {
    overflow-y: auto;
    max-height: 6rem;
    font-size: 0.22rem;
    margin: 0.1rem auto;
    padding: 0 0.2rem;
}

.rule-box h4 {
    padding-top: 0.2rem;
}

.rule-box h5 {
    padding: 0.1rem 0 0;
}

.rule ol {
    padding: 0 0.3rem 0 0.6rem;
    margin: 0;
}

.rule ol li {
    list-style: decimal outside;
}

.rule p {
    padding: 0.05rem 0.1rem;
    line-height: 1.5;
}

.rule p.red {
    color: #fb7221;
}

.rule ol li p {
    padding: 0;
}

.rule table {
    width: 90%;
    border-collapse: collapse;
    margin: 0 auto;
}

.rule th,.rule td {
    border: 1px solid #b3d6dc;
    font-size: 0.18rem;
    text-align: center;
}

.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: #ffffff!important;
    z-index: 9999;
    font-size: 0.22rem;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 0.05rem;
    white-space: nowrap;
    padding: 0.2rem;
    display: block;
}

#afooter {
    margin: 0;
    width: 100%;
    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;
}

.pop_video {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 99;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.video_box {
    width: 10rem;
    height: 5.625rem;
    position: relative;
}

/* .btn_close{width: .6rem; height: .6rem; line-height: 0.6rem; font-size: 0.46rem; display: block; overflow: hidden; text-align: center; color: #fff; margin-top: .2rem;} */
.record p {
    font-size: 0.22rem;
    width: 7.5rem;
    margin: 0 auto;
    line-height: 1.5;
    padding: 0.3rem 0;
    color: #908f8f;
}

.ptable {
    width: 8rem;
    margin: 0.3rem auto 0.3rem;
    font-size: 0.18rem;
    border-collapse: collapse;
    box-sizing: border-box;
    border-top: none;
    table-layout: fixed;
    color: #FFF;
    border: 1px solid rgba(255,255, 255, .2);
}

.ptable thead {
    overflow: hidden;
    padding-right: 0.04rem;
    position: relative;
}
.ptable thead::after {
    content: '';
    position: absolute;
    left: .4rem;
    right: .4rem;
    bottom: 0;
    border-bottom: 1px solid rgba(255,255,255,.7);

}

.ptable tbody::-webkit-scrollbar,.popup-content::-webkit-scrollbar,.rule-box::-webkit-scrollbar,.popup-content::-webkit-scrollbar {
    width: 0.15rem;
    height: 0.1rem;
    padding: 0.1rem;
    box-sizing: border-box;
}

.ptable tbody::-webkit-scrollbar-thumb,.popup-content::-webkit-scrollbar-thumb,.rule-box::-webkit-scrollbar-thumb,.popup-content::-webkit-scrollbar-thumb {
    margin: 0 0.05rem;
    /* box-shadow: inset 0 0 0.05rem rgba(0, 0, 0, 0.2);  */
    border: 0.02rem solid #fff;
    background: #b3d6dc;
    border-radius: 0.1rem;
}

.ptable tbody::-webkit-scrollbar-track,.popup-content::-webkit-scrollbar-track,.rule-box::-webkit-scrollbar-track,.popup-content::-webkit-scrollbar-track {
    border-radius: 0;
    box-shadow: inset 0 0 0.05rem rgba(255, 255, 255, 0);
    border: 0.02rem solid #fff;
    background: transparent;
    border-radius: 0.1rem;
}

.ptable tr {
    display: table;
    width: 100%;
    table-layout: fixed;
    box-sizing: border-box;
}

.ptable thead th {
    height: 0.5rem;
    font-weight: bold;
    font-size: 0.26rem;
}

.ptable tbody {
    max-height: 5rem;
    overflow: hidden;
    overflow-y: auto;
    display: block;
}

.ptable td {
    height: 0.5rem;
    text-align: center;
}

@media screen and (max-width: 1600px) and (min-width: 1000px) {
    #afooter {
        font-size: 14px;
    }
}

@media all and (max-width: 1334px) and (any-pointer:coarse) {
    @media all and (orientation : landscape ) and (min-width:480px) and (min-aspect-ratio: 750/600) and (any-pointer:coarse) {
        html,body {
            position:relative;
            overflow: hidden;
            width: 100%;
            height: 100%;
            padding: 0;
            margin: 0;
            position: initial!important;
        }

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

        .EN::after {
            content: 'For a better experience, hold your phone vertically.';
        }

        .ES::after {
            content: 'Para mejorar la experiencia, sujeta el teléfono en posición vertical.';
        }

        .JA::after {
            content: '見やすくするためには、スマートフォンを縦に持ってください。';
        }

        .PT::after {
            content: 'Para obter uma experiência melhor, segure seu telefone na vertical.';
        }

        .IT::after {
            content: "Per un'esperienza di gioco migliore, tieni il dispositivo in posizione verticale.";
        }

        .FR::after {
            content: "Pour une meilleure expérience, veuillez tenir votre téléphone à la verticale.";
        }

        .DE::after {
            content: "Halte dein Smartphone senkrecht, um das Spielerlebnis zu verbessern.";
        }

        .ID::after {
            content: 'Untuk pengalaman yang lebih baik, pegang ponselmu secara vertikal.';
        }

        .KO::after {
            content: '더 나은 게임 경험을 위해 휴대전화를 세로화면으로 변경해주세요.';
        }

        .TR::after {
            content: 'Daha iyi bir deneyim için telefonunu dikey olarak tut';
        }

        .RU::after {
            content: 'Держите телефон вертикально, чтобы вам было удобнее.';
        }

        .AR::after {
            content: 'للحصول على تجربة أفضل، أمسك هاتفك بشكل عمودي.';
            direction: rtl;
        }

        .TH::after {
            content: 'โปรดถือมือถือของคุณในแนวตั้งเพื่อประสบการณ์ที่ดียิ่งขึ้น';
        }

        .VI::after {
            content: 'Để có trải nghiệm tốt hơn, hãy cầm dọc điện thoại.';
        }

        .ZH-HK::after {
            content: '為了更好的體驗，請將手機豎起來';
        }

        .ZH-TW::after {
            content: '為了良好的遊戲體驗，請以直式螢幕遊玩';
        }
    }

    html {
        font-size: calc(100/1334*100vw)!important;
    }

    .mp {
        display: none;
    }

    .logo,.top-nav,#afooter {
        transform: initial!important;
    }

    .login p,.login p a {
        color: #000;
    }

    .unlogin p::before {
        filter: grayscale(100%) brightness(0);
    }

    .home-btn {
        filter: initial;
        color: #e4e4e4;
    }

    #afooter {
        font-size: 0.24rem;
        box-sizing: border-box;
        padding: 0.2rem;
        height: 3rem;
    }
}