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;
    color: inherit;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.yellow {
    color: #fbee10;
} 

/* 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: #e8e8e2;
    font-size: 0.24rem;
}

.btn {
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250711cyberpunk/btn.png) no-repeat 0 0/100% 100%;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 3.32rem;
    height: 0.8rem;
    font-size: 0.46rem;
    line-height: 1.1;
    color: #ffffff;
    font-weight: bold;
    padding-top: 0.1%;
    box-sizing: border-box;
    cursor: pointer;
}

.pbtn1,.pbtn2, .pbtn3, .pbtn4 {
    display: flex;
    margin: auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 1.98rem;
    height: 0.44rem;
    font-size: 0.2rem;
    line-height: 1.1;
    color: #ffffff;
    font-weight: bold;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    cursor: pointer;
}

.pbtn1 {
    background-image: url(https://game.gtimg.cn/images/aqwx/act/a20250711cyberpunk/pbtn1.png);
}
.pbtn2 {
    background-image: url(https://game.gtimg.cn/images/aqwx/act/a20250711cyberpunk/pbtn2.png) ;
}

.pbtn3 {
    color: #000;
    background-image: url(https://game.gtimg.cn/images/aqwx/act/a20250711cyberpunk/pbtn3.png);
}
.pbtn4 {
    background-image: url(https://game.gtimg.cn/images/aqwx/act/a20250711cyberpunk/pbtn4.png) ;
}


.btn.disabled {
    filter: grayscale(1);
    color: #000000;
}

.btn:hover {
    opacity: .9;
}
.btn.btn1 {
    font-size: .38rem;
}
.btn sub {
    font-size: .14rem;
}

.spr, .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/a20250711cyberpunk/spr.png) no-repeat 0 0/10rem 9.3rem;
}

.top-btn {
    width: 1.3rem;
    height: .38rem;
    display: flex;
    margin-left: .06rem;
    font-size: .18rem;
    align-items: center;
    justify-content: center;
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250711cyberpunk/top-btn.png) no-repeat 0 0/contain;
    color: #0c141a;
}

.top-btn:hover {
    opacity: .9;
}


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

header .download {
    position: absolute;
    bottom: .93rem;
    left: 50%;
    transform: translate(-50%, 0);
}

.logo {
    width: 4.23rem;
    height: 0.4rem;
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250711cyberpunk/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 .28rem 0 0;
}

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

.login {
    padding-left: .4rem;
    margin-right: .3rem;
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250711cyberpunk/user.png) no-repeat left center/.28rem auto;
}

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

.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.1rem;
}

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

.content-wrap {
    margin: 0 auto;
    width: 100%;
    // height: 73.38rem;
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250711cyberpunk/bg_02.jpg) no-repeat 50% 0/19.2rem 23.38rem,
        url(https://game.gtimg.cn/images/aqwx/act/a20250711cyberpunk/bg_03.jpg) no-repeat 50% 23.38rem/19.2rem 19.05rem,
        url(https://game.gtimg.cn/images/aqwx/act/a20250711cyberpunk/bg_04.jpg) no-repeat 50% 42.43rem/19.2rem 11.19rem;
}

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

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

.s1 {
    height: 10rem
}

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

.s1>p {
    text-align: center;
    padding-top: .2rem;
    font-size: 0.2rem;
    line-height: 0.3rem;
}

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

.s1>h4 {
    font-size: 0.2rem;
    text-align: center;
    height: .8rem;
    line-height: .8rem;
    margin-top: 0.6rem;
    font-weight: normal;
}

.s1 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    width: 6.9rem;
    padding-left: 4.32rem;
    margin: 0 auto;
}

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

.s1 li img {
    width: 1.74rem;
    height: 1.0rem;
    margin: .14rem auto 0;
    display: block;
    object-fit: contain;
}

.s1 li span {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 0.25rem;
    color: #bfbfbf;
    line-height: 0.5rem;
    font-weight: bold;
}

.s1 li:nth-of-type(-n+4) {
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250711cyberpunk/p1.b3.png) no-repeat 50% 0/contain;
}
.s1 li:nth-of-type(-n+4) span{
    color: #000;
}

.s1 li:nth-of-type(1) {
    position: absolute;
    left: 0;
    width: 4.25rem;
    height: 3.7rem;
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250711cyberpunk/p1.b1.png) no-repeat 50% 0/contain;
}
.s1 li:nth-of-type(1) img {
    width: 3.54rem;
    height: 2.06rem;
    margin: .4rem 0 0 .4rem;
    box-sizing: border-box;
}
.s1 li:nth-of-type(1) span {
    height: 0.8rem;
    line-height: 0.8rem;
    font-size: .25rem;
    color: #FFF;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.s1-btns {
    width: 10rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: .26rem auto 0;
    position: relative;
}

.s1 .link {
    display: block;
    margin: .2rem auto 0;
    text-align: center;
    line-height: 1.1;
    font-size: .25rem;
    position: relative;
}
.s1 .link::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    border-bottom: 1px solid #e8e8e2;
}
.btn1 {
    margin: auto;
}
.btn1::before {
    content: '立即抽奖';
}
.btn2::before {
    content: '立即领取';
}

.s2 > p {
    font-size: .2rem;
    padding-bottom: .1rem;
    text-align: center;
}

.s2-btns {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .34rem 0 0.32rem;
}
.btn2_1,
.btn2_2 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.56rem;
    height: .79rem;
    font-size: .36rem;
    font-weight: bold;
    color: #000000;
}

.s2 .tab1,
.s2 .tab2 {
    display: none;
}

.s2 .tab1.act,
.s2 .tab2.act {
    display: block;
}

.s2 .tab1 {
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250711cyberpunk/p2.box.png) no-repeat 50% .3rem/auto 6.5rem;
    width: 100%;
    height: 6.6rem;
}
.s2 .tab2 {
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250711cyberpunk/p2.box2.png) no-repeat 50% .3rem/auto 4.45rem;
    width: 100%;
    height: 6.6rem;
}

.btn2_1 {
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250711cyberpunk/btn2_1.png) no-repeat 50% 0/contain;
    margin-right: .68rem;
    filter: grayscale(1) brightness(0.4)
}
.btn2_2 {
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250711cyberpunk/btn2_3.png) no-repeat 50% 0/contain;
    filter: grayscale(1);
}

.btn2_1.act,
.btn2_2.act {
    filter: grayscale(0) brightness(1);
}


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

.s2 {
    height: 13.18rem;
}

.s2 h3 {
    margin: 1.12rem auto .2rem;
}

.s2-t1{
    text-align: center;
    font-size: 0.2rem;
    line-height: 0.28rem;
}

.s2-t2 {
    font-size: .2rem;
    text-align: center;
    line-height: 1.2;
    color: #00feff;
    padding-top: 1.05rem;
}

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

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

.s2-tool {
    white-space: nowrap;
    width: 8.52rem;
    margin: 0.68rem auto 0;
    font-size: .18rem;
    line-height: .34rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
// .s2-tool .left {
//     color: #c5c0c0;
// }
// .s2-tool .checkbox {
//     cursor: pointer;
//     padding: 0 0 0 .3rem;
//     background: url(https://game.gtimg.cn/images/aqwx/act/a20250711cyberpunk/checkbox.png) no-repeat left center/.22rem auto;
// }
// .s2-tool .checkbox.checked {
//     background-image: url(https://game.gtimg.cn/images/aqwx/act/a20250711cyberpunk/checked.png);
// }


.s2-tool .a2 {
    display: inline-block;
    width: 2.05rem;
    line-height: .36rem;
    text-align: left;
    box-sizing: border-box;
    padding: 0 .12rem 0 .12rem;
}
.s2-tool .a3 {
    display: inline-block;
    width: 1.36rem;
    line-height: .36rem;
    text-align: center;
    padding: 0 .12rem 0 .34rem;
    box-sizing: border-box;
}
.s2 .s2-ul1 li {
    width: 2.73rem;
    height: 1.49rem;
    margin-bottom: .1rem;
}

.s2 .s2-ul1 li.item {
    position: relative;
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250711cyberpunk/p2.b2.png) no-repeat 50% 0/100% 100%;
}
.s2 .s2-ul1 li.item img{
    display: block;
    height: 50%;
    margin: .2rem auto 0;
}

.s2 .s2-ul1 li.item:nth-of-type(-n+4) {
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250711cyberpunk/p2.b1.png) no-repeat 50% 0/100% 100%;
}
.s2 .s2-ul1 li.item:nth-of-type(-n+4) span{
    color: #030303;
}
.s2 .s2-ul1 li.item span{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    font-size: .2rem;
    color: #d6d6d6;
    line-height: .33rem;
    white-space: nowrap;
}
.s2 .s2-ul1 .g a{
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250711cyberpunk/p2.g.png) no-repeat 50% 0/100% 100%;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .36rem;
    color: #FFF;
    font-weight: bold;
}

.s2 > .link {
    margin: 0.4rem auto 0;
    text-align: center;
    font-size: .2rem;
    color: #FFF;
    line-height: .4rem;
    height: .4rem;
    width: 10.6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250711cyberpunk/copy-link.png) no-repeat 50% 0/100% 100%;
}

.s2 .btn2_3 {
    width: 2.7rem;
    height: .6rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .34rem;
    color: #FFF;
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250711cyberpunk/btn2_3.png) no-repeat 50% 0/100% 100%;
}

.s2-ul2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 2.9rem;
    margin: 0.56rem .44rem .3rem;
}

.s2-ul2 li{
    width: 2.68rem;
    height: 2.33rem;
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250711cyberpunk/p2.b3.png) no-repeat 50% 0/100% 100%;
    position: relative;
}
.s2-ul2 li span{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    line-height: .5rem;
    font-size: .25rem;
    color: #000;
    text-align: center;
    font-weight: bold;
}
.s2-ul2 li img{
    display: block;
    height: 1.3rem;
    margin: .2rem auto 0;
}
.s2 > .s2-btn {
    display: block;
    text-align: center;
    width: 2.07rem;
    height: .39rem;
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250711cyberpunk/p2.btn.png) no-repeat 50% 0/100% 100%;
    margin: .16rem auto 0;
    font-size: .23rem;
}


.s3 {
    height: 10.42rem;
    position: relative;
}

.s3-every-day {
    display: flex;
    padding-top: .08rem;
}
.s3-every-day .item{
    margin-right: .16rem;
    overflow: hidden;
    width: 1.78rem;
    height: 1.54rem;
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250711cyberpunk/p3.b1.png) no-repeat 50% 0/100% 100%;
    margin-right: .16rem;
    position: relative;
}
.s3-every-day .item img{
    display: block;
    height: 60%;
    margin: .2rem auto 0;
}
.s3-every-day .item span{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: .2rem;
    color: #000;
    line-height: .34rem;
    text-align: center;
}

.s3 h3 {
    padding-top: .7rem;
}
.s3-d1 {
    position: relative;
    padding: 1.1rem 0 0 .84rem;
    width: 3.88rem;
}

.s3-s1 {
    text-align: center;
    font-size: 0.22rem;
    line-height: 1.35;
    padding: .23rem 0;
}
.s3-every-day-btn {
    width: 2.18rem;
    height: .48rem;
    font-size: .3rem;
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250711cyberpunk/p3.btn.png) no-repeat 50% 0/100% 100%;
    text-align: center;
    margin: .14rem auto 0;
    cursor: pointer;
}

.s3-every-day-btn.disabled {
    filter: grayscale(1);
}

.s3-s2 {
    text-align: left;
    color: #bcc7c8;
    font-size: 0.18rem;
    line-height: 1.35;
    white-space: nowrap;
}

.s3-s3 {
    text-align: center;
    font-size: .28rem;
    line-height: .4rem;
    margin: 1.24rem auto 0;
}

.s3-sign-up {
    margin: 0.12rem .3rem 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.s3-sign-up li{
    position: relative;
    width: 1.46rem;
    height: 1.79rem;
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250711cyberpunk/p3.b3.png) no-repeat 50% 0/100% 100%;

}

.s3-sign-up li:nth-child(1){
    top: -.24rem;
}
.s3-sign-up li:nth-child(7){
    top: -.24rem;
}
.s3-sign-up li > img{
    display: block;
    height: 40%;
    margin: .16rem auto 0;
}
.s3-sign-up li > span{
    white-space: nowrap;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: .16rem;
    white-space: nowrap;
    color: #000;
    text-align: center;
}
.s3-sign-up li > a{
    position: absolute;
    top: 100%;
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250711cyberpunk/p3.btn2.png) no-repeat 50% 0/100% 100%;
    width: 1.34rem;
    height: .32rem;
    left: .1rem;
    margin-top: .08rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.s3-sign-up li > a:hover{
    opacity: .9;
}
.s3-sign-up h4{
    white-space: nowrap;
    font-size: .17rem;
    line-height: .3rem;
    text-align: center;
    font-weight: bold;
    color: #fbee10;
    padding-left: .1rem;
    margin: .2rem auto 0;
}
.s3-sign-up h4 span{
    color: #ff0000;
}



.s3-sign-up li.disabled{
    background-image: url(https://game.gtimg.cn/images/aqwx/act/a20250711cyberpunk/p3.b4.png);
}
.s3-sign-up li.disabled h4,
.s3-sign-up li.disabled h4 span,
.s3-sign-up li.disabled > a{
    color: #414141;
}
.s3-sign-up li.disabled > a{
    background-image: url(https://game.gtimg.cn/images/aqwx/act/a20250711cyberpunk/p3.btn2.disabled.png);
}

.s4 {
    height: 9.04rem;
    width: 12rem;
    box-sizing: border-box;
}

.s4 h3 {
    padding-top: .7rem;
}

.s4>p {
    text-align: center;
    margin-top: .16rem;
    font-size: 0.2rem;
    line-height: .3rem;
    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;
}

.lottery .xianliang::before {
    content: '';
    position: absolute;
    right: 2px;
    top: 2px;
    width: .62rem;
    height: .19rem;
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250711cyberpunk/i.xl.png) no-repeat center/contain;
}

.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.2rem;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-left: .38rem;
    padding-top: 0.12rem;
    position: relative;
}

.s4-btn {
    width: 2.32rem;
    height: 1.26rem;
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250711cyberpunk/p2.g.png) no-repeat center/contain;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    position: relative;
    cursor: pointer;
}
.s4-btn .lest{
    position: absolute;
    top: .9rem;
    left: 0;
    right: 0;
    text-align: center;
    font-size: .13rem;
    color: #FFF;
    font-weight: normal;
}

.lottery li {
    width: 2.32rem;
    height: 1.26rem;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 0.06rem;
}
.lottery li.item {
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250711cyberpunk/p4.b1.png) no-repeat center/contain;
}

.lottery li.item img {
    height: 60%;
    margin: .1rem auto 0;
    display: block;
    object-fit: contain;
}

.lottery li.item span {
    position: absolute;
    font-size: 0.18rem;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    color: #030303;
    line-height: 0.24rem;
    display: block;
}

.lottery-tools {
    padding: 0.5rem 0 0 0.6rem;
}

.lottery-tools>a {
    color: #fbee10;
    font-size: .21rem;
}

.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/a20250711cyberpunk/btn2.png) no-repeat center/contain;
}

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

.task {
    width: 3.92rem;
    float: right;
    padding-top: 1.4rem;
}

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

.task li {
    display: flex;
    width: 3.89rem;
    height: .78rem;
    position: relative;
    white-space: nowrap;
    flex-direction: column;
    justify-content: center;
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250711cyberpunk/p4.task.png) no-repeat center/contain;
    margin-bottom: .66rem;
    box-sizing: border-box;
    padding-left: .2rem;
    line-height: 1.1;
}


.task li h5 {
    font-size: 0.18rem;
    font-weight: bold;
    color: #e7e7e2;
    margin-bottom: .04rem;
}

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

.task-btn {
    position: absolute;
    right: .2rem;
    margin-top: .1rem;
    width: 1.14rem;
    height: .32rem;
    line-height: .32rem;
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250711cyberpunk/p3.btn2.png) no-repeat center/100% 100%;
    color: #e5e5e5;
    font-size: .18rem;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    z-index: 10;
}
.task-btn.disabled {
    filter: grayscale(1);
}


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


.s6 {
    height: 11.16rem;
}

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

.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: .73rem;
    height: 100%;
    cursor: pointer;
    margin: 0 .2rem;
    transform: none;
    top: 0;
}

.swiper-preview {
    width: 10.8rem;
    height: 6.4rem;
    margin: 0.24rem auto 0;
    overflow: hidden;
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250711cyberpunk/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/a20250711cyberpunk/p6.prev.png) no-repeat center/.73rem auto;

}

.act-next {
    left: 100%;
    right: auto;
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250711cyberpunk/p6.next.png) no-repeat center/.73rem 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 {
    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: 5.42rem;
    // min-height: 3.16rem;
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250711cyberpunk/popupbg.png) no-repeat 50% 0/100% 100%;
    margin: 0 auto;
    padding: 0.2rem 0.4rem .3rem;
    box-sizing: border-box;
    position: fixed;
    display: none;
    top: 50%;
    left: 50%;
    z-index: 1001;
    transform: scale(1) translate(-50%, -50%);
    max-height: 9.68rem;
}

.popup.rule,
.popup.record {
    width: 6.37rem;
    background-image: url(https://game.gtimg.cn/images/aqwx/act/a20250711cyberpunk/popupbg2.png);
}

.popup .copy-box {
    min-width: 3.67rem;
    padding: 0 .14rem;
    height: .38rem;
    line-height: .38rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: .16rem auto .1rem;
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250711cyberpunk/copy-box.png) no-repeat 50% 50%/100% 100%;
}

/* .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.38rem;
    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/a20250711cyberpunk/close_btn.png) no-repeat 0 0/.24rem auto;
}

.popup h3 {
    height: .61rem;
    // font-size: 0;
    // text-indent: -999em;
    text-align: center;
    line-height: .61rem;
    font-size: 0.25rem;
    color: #FFF;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
}
.popup h3.t-gongxi {
    font-size: 0;
    text-indent: -999em;
    background-image: url(https://game.gtimg.cn/images/aqwx/act/a20250711cyberpunk/t-gongxi.png);
}
.popup h3.t-tips {
    font-size: 0;
    text-indent: -999em;
    background-image: url(https://game.gtimg.cn/images/aqwx/act/a20250711cyberpunk/t-tips.png);
}
.popup h3.t-rule {
    font-size: 0;
    text-indent: -999em;
    background-image: url(https://game.gtimg.cn/images/aqwx/act/a20250711cyberpunk/t-rule.png);
}
.popup h3.t-record {
    font-size: 0;
    text-indent: -999em;
    background-image: url(https://game.gtimg.cn/images/aqwx/act/a20250711cyberpunk/t-record.png);
}
.popup-content {
    // font-size: 0.22rem;
    color: #ececec;
    font-size: .22rem;
    line-height: 1.5;
    padding: .1rem 0;
}

.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/a20250711cyberpunk/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/a20250711cyberpunk/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-around;
    padding: 0.4rem 0 0.2rem;
}

.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 {
    content: '';
    display: block;
    width: 1.28rem;
    height: 1.28rem;
    position: relative;
    z-index: 10;
    margin: 0.22rem auto;
}

.icon-wx::before {
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250711cyberpunk/i-wx.png) no-repeat 0 0/100% 100%;
}

.icon-qq::before {
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250711cyberpunk/i-qq.png) no-repeat 0 0/100% 100%;
}

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

.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;
    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: 100%;
    padding: 0 .2rem;
    box-sizing: border-box;
}

.popup-btn-box .pbtn1,
.popup-btn-box .pbtn2 {
    margin: auto;
}


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

.rule-box {
    overflow-y: auto;
    max-height: 6rem;
    font-size: 0.15rem;
    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 0.05rem 0;
    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 #fbee10;
    font-size: 0.16rem;
    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.3rem;
    // background: rgba(0, 0, 0, 0.7);
    background: red;
    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 {
    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(251,238,16, .4);
}

.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(251,238,16, .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: #fbee10;
    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) {
    .sidebar-wrap {
        display: none;
    }
    @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+J30rNQAACRRJREFUeNrsXQlsFVUUfW2hpexQlhYJi0IQJaCgoLgAsohIkFWIURQFNaBgBKMRgZAY1KgYlRIiQVkEo4IBEVAxBsQgyFIkLAHRgFCkgJhCgVqg33syd+R1nPb/+Z3fzpvek5y0s/6Ze+Zt9933XlIkElExIpN4HfF6YmviJWUGkonFxP3Eg8QjxL9VSJEUg6CNiD2Jw4mdiRnEBmwkI96RiJc8xdxCXEz8sSoKOpH4PLFlCN99PfE94ldVQVBkq9nEe1yO5RPPEFMMeccIp9LGxHSX4/P5wy306fc6EjsQtxF/DYKg/YnLOFu1AQEXEncwc4nVDBO0FbEr8V7iUMc5OcRBxGM+/B4SwniuY3xD/IH4GZfdFfC2JKjGbsSiSElkE5s7zjOdvYnfOt5zF7FmOe+bGXHHKeIyYqdEv5u+0Yx4UnuIAuLgkAnp5GyH4VeU836NiPOJOZHSsZTYuSIEXeX44b4hF9Pmy473Hu/DPWsR2xOnEX9xEfU8cSYxKVGCDnT84NgqIqbNFdq7nyM29Pn+Q4hfugi7ye/Uav+zWvuRrVVMTLAl8axmg2cT9DsjiHscoqJoG+anoK2JhdoP9K6CgoIzNBtsSeDvpBLfcUmtvuSKyMPHUGX3Q670HiK2J172UFG+kViXWMRNGjeX4UCP94zVA4SmwXKf2pBo0mzm9nUht8UT2dQYRlxArKfte5z4UXmbLdnaV/K+h6+hPnGR4ytbR2zhOK9vJLFo6lPKSSHu0+47vAJyhXbE3Y73GVeeeyazb9bGUQ/fAhwNo12cEp8Tq2v7EunEP++jT/mKI0W2qwA3wAHifQ6P0gfEXvHeEN6eJtr2iRiv6018QPPE4IGyiHU463qQuNTlujziVr4mOU6jw33Xg1gjAQb+R/s/tYI8WbnsYv2e2Jb3IVHc7DGB/SdolrZ9Lsbrumj/b2cR5xAn8L7OpQi62cXt5hVp3A3WIkFdbfrHU1GAy3EU8WcuwzPYx9w/HkGLHduxIE/7H4Z9kXh7Kcd1dGM/cXGcvmBUvGpzl17YsJM4hrv2FPucR2vbMVeK9HbRiBgL3wbEvFIqKReJbbRzeyWwQnSB2NjHSore+J9eSc2nL7RnyGVbe6oUxQP0+I906fkv5K/skLYvkd1s6dx8CRPGanZtRpziNcuNFxu4rHyE+/+OExcRd7nU5F7xsb9R/1AKPZT7puAMd7zP4O1xxLd5f8Ky3LAyCFmuXaSdiMcVmawEQQSy3Hna9uh4qumCYGEZ1+rtZuAtLuc8QVxJvEYEDR6clbuD3Ma3dbrfcbwp8Q128OTYbVavlaJO7KoqUuaEcSr2Kv3FX/35AD4fOkfQKTLE4a1DRGJ3/r+r45qP1VW3bYbd9vcqKFx+rxmaAvARrgmYoCncAhjD23i+h7hlAOixw8h2EbmI2OKniX20Y49xKvWc5RYZnKWdDWCukqSXfyzaRnU1fHa31ibN5ATYlJs1NuD3XRJvO1Q3SD67q4KMauySxN/LAXw+PNOTXF6+qZWN65Tl80aKRXxvPz52K6dguzcrl1OrL46Fnco9EDtoOK1KdhEGEW8R/+ByEWKlcvn5qLLG5PTTzmurXfeU0+FQHkFTDRCznkE1eQRjFxA/UVYEiGLP22ntHF3MBZyCpR0aYKzlbHWvts+tZwm+8oniWDADKE8HKGuUXGl4mHhBBDUHKE/vIq5yOTZLWVEfSgQ1C6gBDybO1vYh1U6NVq0XBBuTuQ09mWu1ZUJSqBmYqSzn/G4RNFyVJSWCVjGIoCKoQAQViKACEVTAguqiRgtaTjLwY0j28LxebBHYl9XnI0qLcr4+4qu+Ae8HUewBtRkxiFpX+7+miYLC9YeobIyFRBR6NE/ET8S5LGyOAe+Hd3pVWVEA6N2PFmW/UFldU7juOxMFjWXyRoEIKhBBBSKoIH5BEZyEWJfmXBO8LKarsEorKnKHldW5faS8giJ2BeM/7yDWEvtWKiAsIukRCfipV0ExAGYqp0pB8IDgawwIXheLoJi8N1tsFnhEWKt5ZQn6kjJ3MFJVBWKNZrsJivn4Vot9jMQAO/u1BUXNFbOBNRHbGImTylpTp8B2Vk8RMY0GtHvOTqGYmQsRZVk+3Rxj/uEQTxE7lwlMPYfBvoN9uh9GfrdBw7WHj2IqbvzuEL1itpVfwIDgrshy7/b5IWuKTpVmq54QtJXYNTRo4ZwAWWA2spJ9Lj8F/iGemcCbS9Rf8AB/QE/iTcRnlLdpeJJQy5UO0eAAU6RjurdNvL1PWU6fWTFeH5EUGiz8qYlpY6OXG4igwQJmCrvN2RTxcgMZwR0sIIgA8yqgBwUTN8KLNE0ENRvwyy7hWm51rxdLlhtcVI/nIhE0ZBBBQwYpQ4OHPdx8qcHt0obsZEgWQc3EJGWtg2YDy15i5tN0yXLDAU+ePBE0eHBOW5smgkotVyCCCkLTbPmNiZXzOogJzU2hGP2E9UUwHwMWK+2orMntD4oZzRMUVedByppU4oq2b72yhhoeFlOaJSgWe9lQyjGsWjBXTGmWoJuiHM8RU5olaLQV42WIvmGC3hnleDcxpVmCjlLWGEQ3oPkySUxplqA4bzlxgrICmTAmA3MEYi4GrCEiwdoGOhbQfTOHOF1Z/XWYvLGlmNBcQW00UTI42PgsVyCCCuKEcwpYLLwbcye3hKAEDzdwHQUd3YjN7eAl4YmgwcO7ypqA2V5mGsKmiaDmIl3FGBAmZahUigQiqEAEFYigAhFUBBUYKqhMshgepEDQi2KH0CAfgh4RO4QGxyFovtghNDgNQXf5fNNisWul2WofBPV7WcVLolOl2eprTFGO6VMwyVFHn266HzdWMhFyNFwg9ie29+l+CNbrbq8KMZS4QmxsNIYQV+rrtmCihl5iFyOxRlnr7pRYiAcB09v4r8AcHFPWGnUnnIICmAlyrSq50LoguMjjlLnd3uG2mB2ClBYTu4i9Ag0scI/lQH/Xd5a23CRiWl5Q1opLdcR2gcIZ4uvKGsXwP7dttAVhWxH7EEcqa0ar2ixwkpKpzRMN28aI0y0gHiAuZb/B0VIvinHJ5muVFR+ayZWmZCUeoUTDtvFxrvDsVdZkJWXiXwEGAB5thUjn4vqyAAAAAElFTkSuQmCC");
            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/1240*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;
    }
}

.sidebar-wrap {
    position: sticky;
    right: 0;
    top: 0;
}

.sidebar {
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250711cyberpunk/sidebar-bg.png) no-repeat 0 0/100% 100%;
    transform: translate(0, -50%);
    width: 2.41rem;
    height: 5.73rem;
    padding: 1.4rem 0 0 0;
    box-sizing: border-box;
    position: absolute;
    top: 50vh;
    right: 0;
}
.sidebar ul li {
    display: block;
    margin: 0 0 .1rem 0;
}
.sidebar h3 {
    display: block;
    height: .8rem;
    line-height: .8rem;
    text-align: center;
}
.sidebar ul a {
    background: url(https://game.gtimg.cn/images/aqwx/act/a20250711cyberpunk/sidebar-box.png) no-repeat 0 0/100% 100%;
    width: 2.27rem;
    height: .48rem;
    line-height: .48rem;
    margin: auto;
    display: block;
    text-align: center;
    justify-content: center;
    font-size: .26rem;
}
.sidebar .back {
    height: .46rem;
    line-height: .46rem;
    font-size: .26rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sidebar .back::before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-bottom: .14rem solid #e5e5e5;
    border-left: .1rem solid transparent;
    border-right: .1rem solid transparent;
    border-top: 0;
    margin-right: .1rem;
}