html,
body {
    position: relative;
    height: 100%;
}

body {
    background: #000;
    font-size: 14px;
    margin: 0;
    padding: 0;
    overflow-y: auto;
    font-family: 'hyjk';
    color: #333;
}

a {
    text-decoration: none;
    transition: all 0.3s;
}

a,
img {
    display: block;
}

p {
    margin: 0;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.hd {
    font-size: 0;
    color: transparent;
}

.pa {
    position: absolute;
}

@font-face {
    font-family: 'hyjk';
    src: url(https://game.gtimg.cn/images/ty/act/a20250424s2/font/hyjk.ttf);
}

.wrapper {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
}

.sec {
    width: 7.51rem;
    position: relative;
}

#sec-kv {
    height: 12.5rem;
    background: url(https://game.gtimg.cn/images/ty/act/a20250424s2/mobile/bg-kv.jpg) no-repeat 0 0 /7.5rem 12.5rem;
}

#sec-kv .logo {
    width: 1.83rem;
    height: 0.79rem;
    background: url(https://game.gtimg.cn/images/ty/act/a20250424s2/logo.png) no-repeat 0 0 /1.83rem 0.79rem;
    top: 0.2rem;
    left: 0.3rem;
}

#sec-kv .btn-gow {
    width: 1.96rem;
    height: 0.54rem;
    background: url(https://game.gtimg.cn/images/ty/act/a20250424s2/mobile/btn-gow.png) no-repeat 0 0 /1.96rem 0.54rem;
    top: 0.45rem;
    right: 0.4rem;
}

#sec-kv .slogan {
    width: 6.47rem;
    height: 3.85rem;
    background: url(https://game.gtimg.cn/images/ty/act/a20250424s2/mobile/slogan.png) no-repeat 0 0 /6.47rem 3.85rem;
    bottom: 2.2rem;
    left: 0.65rem;
}

#sec-kv .btn-download {
    width: 3.55rem;
    height: 0.98rem;
    background: url(https://game.gtimg.cn/images/ty/act/a20250424s2/mobile/btn-download.png) no-repeat 0 0 /3.55rem 0.98rem;
    bottom: 0.9rem;
    left: 50%;
    transform: translateX(-50%);
}

#sec1 {
    height: 7rem;
    background: url(https://game.gtimg.cn/images/ty/act/a20250424s2/mobile/bg-1.jpg) no-repeat 0 0 /7.5rem 7rem;
    margin-top: -0.01rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#sec1 .title {
    width: 5.97rem;
    height: 0.84rem;
    background: url(https://game.gtimg.cn/images/ty/act/a20250424s2/mobile/title-s1.png) no-repeat 0 0 /5.97rem 0.84rem;
    margin: 0.7rem 0 0.2rem 0;
}

#sec1 .subtitle {
    font-size: 0.3rem;
    color: #491d09;
    margin-bottom: 0.05rem;
}

.circle {
    position: relative;
}

.circle::before {
    content: '';
    display: block;
    width: 0.37rem;
    height: 0.37rem;
    background: url(https://game.gtimg.cn/images/ty/act/a20250424s2/icon-circle.png) no-repeat 0 0 /100% 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.text {
    font-size: 0.2rem;
    text-align: center;
}

#sec1 .swiper {
    width: 100%;
    height: 4.1rem;
    margin-top: 0.2rem;
}

#sec1 .swiper-slide {
    width: 6.47rem;
    height: 4rem;
}

#s1-p1 {
    background: url(https://game.gtimg.cn/images/ty/act/a20250424s2/s1-p1.png) no-repeat 0 0 /6.47rem 4rem;
}

#s1-p2 {
    background: url(https://game.gtimg.cn/images/ty/act/a20250424s2/s1-p2.png) no-repeat 0 0 /6.47rem 4rem;
}

#s1-p3 {
    background: url(https://game.gtimg.cn/images/ty/act/a20250424s2/s1-p3.png) no-repeat 0 0 /6.47rem 4rem;
}

#s1-pagination .swiper-pagination-bullet {
    width: 0.15rem;
    height: 0.15rem;
    background: #7c818e;
    transform: rotate(45deg);
    opacity: 1;
    border-radius: 0;
    margin: 0 0.15rem;
}

#s1-pagination .swiper-pagination-bullet-active {
    background: #61311d;
}

#sec2 {
    height: 6.5rem;
    background: url(https://game.gtimg.cn/images/ty/act/a20250424s2/mobile/bg-2.jpg) no-repeat 0 0 /7.5rem 6.5rem;
    margin-top: -0.01rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#sec2 .title {
    width: 5.89rem;
    height: 0.89rem;
    background: url(https://game.gtimg.cn/images/ty/act/a20250424s2/title-s2.png) no-repeat 0 0 /5.89rem 0.89rem;
    margin: 0.8rem 0 0.2rem 0;
}

#sec2 .list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.07rem;
}

#sec2 .s2-item {
    display: flex;
    align-items: center;
    justify-content: center;
}

#sec2 .subtitle {
    width: 0.52rem;
    height: 2.57rem;
    background: url(https://game.gtimg.cn/images/ty/act/a20250424s2/mobile/ttbg-w.png) no-repeat 0 0 /0.52rem 2.57rem;
    font-size: 0.23rem;
    color: #805e46;
    writing-mode: vertical-rl;
    text-orientation: upright;
    line-height: 0.52rem;
    transition: all 0.3s;
    letter-spacing: -0.05rem;
    text-align: center;
}

#sec2 .active .subtitle {
    background: url(https://game.gtimg.cn/images/ty/act/a20250424s2/mobile/ttbg-y.png) no-repeat 0 0 /0.52rem 2.57rem;
}

#sec2 .circle::before {
    display: none;
}

#sec2 .active .circle::before {
    display: block;
    width: 0.3rem;
    height: 0.3rem;
}

#sec2 .poster {
    width: 0;
    height: 2.57rem;
}

#s2-p1 {
    background: url(https://game.gtimg.cn/images/ty/act/a20250424s2/mobile/s2-p1.png) no-repeat 0 0 /4.18rem 2.57rem;
}

#s2-p2 {
    background: url(https://game.gtimg.cn/images/ty/act/a20250424s2/mobile/s2-p2.png) no-repeat 0 0 /4.18rem 2.57rem;
}

#s2-p3 {
    background: url(https://game.gtimg.cn/images/ty/act/a20250424s2/mobile/s2-p3.png) no-repeat 0 0 /4.18rem 2.57rem;
}

#s2-p4 {
    background: url(https://game.gtimg.cn/images/ty/act/a20250424s2/mobile/s2-p4.png) no-repeat 0 0 /4.18rem 2.57rem;
}

#sec2 .text {
    position: relative;
    width: 100%;
    margin-top: 0.2rem;
}

#sec2 .text p {
    display: none;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
}

#sec3 {
    height: 8rem;
    background: url(https://game.gtimg.cn/images/ty/act/a20250424s2/mobile/bg-3.jpg) no-repeat 0 0 /7.5rem 8rem;
    margin-top: -0.01rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#sec3 .title {
    width: 5.98rem;
    height: 0.87rem;
    background: url(https://game.gtimg.cn/images/ty/act/a20250424s2/mobile/title-s3.png) no-repeat 0 0 /5.98rem 0.87rem;
    margin: 1.4rem 0 0.2rem 0;
}

#sec3 .btns {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.07rem;
    font-size: 0.25rem;
    line-height: 0.51rem;
    text-align: center;
    margin-bottom: 0.2rem;
}

#sec3 .btn-switch {
    width: 1.84rem;
    height: 0.51rem;
    color: #edf2f7;
    background: url(https://game.gtimg.cn/images/ty/act/a20250424s2/btn-blue.png) no-repeat 0 0 /1.84rem 0.51rem;
    transition: all 0.3s;
}

#sec3 .btns .active {
    background: url(https://game.gtimg.cn/images/ty/act/a20250424s2/btn-gow.png) no-repeat 0 0 /1.84rem 0.51rem;
}

#sec3 .btns .active span {
    color: transparent;
    background: linear-gradient(to bottom, #713615, #b1572b);
    background-clip: text;
    -webkit-background-clip: text;
}

#sec3 .text {
    position: relative;
    width: 100%;
}

#sec3 .text p {
    display: none;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
}

#sec3 .posters {
    position: relative;
    width: 6.46rem;
    height: 3.58rem;
    margin-top: 0.7rem;
}

#sec3 .poster {
    width: 6.46rem;
    height: 3.58rem;
    /* display: none; */
}

#sec3 .tag {
    right: 0.15rem;
}

#s3-p1 {
    z-index: 1;
    background: url(https://game.gtimg.cn/images/ty/act/a20250424s2/s3-p1.png) no-repeat 0 0 /6.46rem 3.58rem;
}

#s3-p2 {
    background: url(https://game.gtimg.cn/images/ty/act/a20250424s2/s3-p2.png) no-repeat 0 0 /6.46rem 3.58rem;
    opacity: 0;
    top: 0.2rem;
    left: 0.2rem;
}

#sec4 {
    height: 8rem;
    background: url(https://game.gtimg.cn/images/ty/act/a20250424s2/mobile/bg-4.jpg) no-repeat 0 0 /7.5rem 8rem;
    margin-top: -0.01rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#sec4 .title {
    width: 5.94rem;
    height: 0.81rem;
    background: url(https://game.gtimg.cn/images/ty/act/a20250424s2/title-s4.png) no-repeat 0 0 /5.94rem 0.81rem;
    margin: 0.1rem 0 0.2rem 0;
}

#sec4 .swiper {
    width: 100%;
    height: 3.69rem;
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
}

#sec4 .swiper-slide {
    width: 6.17rem;
    height: 3.69rem;
}

#sec4 .swiper-button-next,
#sec4 .swiper-button-prev {
    width: 0.26rem;
    height: 0.37rem;
    background: url(https://game.gtimg.cn/images/ty/act/a20250424s2/mobile/icon-arrow.png) no-repeat 0 0 /100% 100%;
}

#sec4 .swiper-button-next {
    right: 0.2rem;
}

#sec4 .swiper-button-prev {
    left: 0.2rem;
    transform: rotate(180deg);
}

#sec4 .swiper-button-next::after,
#sec4 .swiper-button-prev::after {
    content: '';
    display: none;
}

#s4-p1 {
    background: url(https://game.gtimg.cn/images/ty/act/a20250424s2/s4-p1.png) no-repeat bottom center /6.17rem 3.44rem;
}

#s4-p2 {
    background: url(https://game.gtimg.cn/images/ty/act/a20250424s2/mobile/s4-p2.png) no-repeat bottom center /6.17rem 3.44rem;
}

#sec4 .tag {
    top: 0;
    left: 0.75rem;
}

#sec4 .text {
    position: relative;
    width: 100%;
}

#sec4 .text p {
    display: none;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
}

#sec5 {
    height: 5rem;
    background: url(https://game.gtimg.cn/images/ty/act/a20250424s2/mobile/bg-5.jpg) no-repeat 0 0 /7.5rem 5rem;
    margin-top: -0.01rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

#sec5 .title {
    width: 5.79rem;
    height: 0.85rem;
    background: url(https://game.gtimg.cn/images/ty/act/a20250424s2/title-s5.png) no-repeat 0 0 /5.79rem 0.85rem;
    margin: 0.8rem 0 0.2rem 0;
}

#sec5 .thumbs {
    left: 0.5rem;
    top: 2.1rem;
}

#sec5 .thumb {
    width: 1.4rem;
    height: 0.82rem;
    margin-bottom: 0.1rem;
    position: relative;
    box-shadow: 0 0.15rem 0.2rem -0.1rem rgba(0, 0, 0, 0.2);
}

#sec5 .active::before {
    content: '';
    display: block;
    width: 1.4rem;
    height: 0.82rem;
    border: 0.03rem solid #f5d493;
    box-sizing: border-box;
}

#s5-th1 {
    background: url(https://game.gtimg.cn/images/ty/act/a20250424s2/s5-p1.png) no-repeat 0 0 /1.4rem 0.82rem;
}

#s5-th2 {
    background: url(https://game.gtimg.cn/images/ty/act/a20250424s2/s5-p2.jpg) no-repeat 0 0 /1.4rem 0.82rem;
}

#s5-th3 {
    background: url(https://game.gtimg.cn/images/ty/act/a20250424s2/s5-p3.jpg) no-repeat 0 0 /1.4rem 0.82rem;
}

#sec5 .swiper {
    width: 4.97rem !important;
    height: 2.9rem;
    margin: 0;
    position: relative;
    left: 0.8rem;
    box-shadow: 0 0.18rem 0.2rem -0.1rem rgba(0, 0, 0, 0.2);

}

#sec5 .swiper-slide {
    width: 4.97rem;
    height: 2.9rem;
}

#sec5 .tag {
    top: 0;
    right: 0.15rem;
}

#sec5 .swiper-slide:nth-child(1) {
    background: url(https://game.gtimg.cn/images/ty/act/a20250424s2/s5-p1.png) no-repeat bottom center /4.97rem 2.65rem;
}

#sec5 .swiper-slide:nth-child(2) {
    background: url(https://game.gtimg.cn/images/ty/act/a20250424s2/s5-p2.jpg) no-repeat bottom center /4.97rem 2.65rem;
}

#sec5 .swiper-slide:nth-child(3) {
    background: url(https://game.gtimg.cn/images/ty/act/a20250424s2/s5-p3.jpg) no-repeat bottom center /4.97rem 2.65rem;
}

#sec6 {
    height: 12rem;
    background: url(https://game.gtimg.cn/images/ty/act/a20250424s2/mobile/bg-6.jpg) no-repeat 0 0 /7.5rem 12rem;
    margin-top: -0.01rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#sec6 .title {
    font-size: 0.43rem;
    color: #491d09;
    margin: 0.3rem 0 0.05rem 0;
}

#sec6 .circle::before {
    width: 0.53rem;
    height: 0.53rem;
}

#sec6 .text {
    margin-bottom: 0.1rem;
}

#sec6 .poster {
    width: 6.46rem;
    height: 3.58rem;
    position: relative;
}

#s6-p1 {
    background: url(https://game.gtimg.cn/images/ty/act/a20250424s2/s6-p1.png) no-repeat 0 0 /6.46rem 3.58rem;
}

#s6-p2 {
    background: url(https://game.gtimg.cn/images/ty/act/a20250424s2/s6-p2.png) no-repeat 0 0 /6.46rem 3.58rem;
}

#s6-p1 .tag {
    right: 0.15rem;
}

#s6-p2 .tag {
    left: 0.15rem;
}

#sec7 {
    height: 10.65rem;
    background: url(https://game.gtimg.cn/images/ty/act/a20250424s2/mobile/bg-7.jpg) no-repeat 0 0 /7.5rem 10.65rem;
    margin-top: -0.01rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#sec7 .title {
    width: 5.79rem;
    height: 0.89rem;
    background: url(https://game.gtimg.cn/images/ty/act/a20250424s2/title-s7.png) no-repeat 0 0 /5.79rem 0.89rem;
    margin: 0.9rem 0 0.2rem 0;
}

#sec7 .qr-group {
    display: flex;
    gap: 0.4rem;
    margin-bottom: 0.2rem;
}

#sec7 .qr {
    width: 2.28rem;
    height: 2.68rem;
    background: url(https://game.gtimg.cn/images/ty/act/a20250424s2/mobile/qr-bg.png) no-repeat 0 0 /100% 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#sec7 .qr-img {
    width: 1.91rem;
    height: 1.87rem;
    margin-top: 0.15rem;
}

#sec7 .qr-img-gzh {
    background: url(https://game.gtimg.cn/images/ty/act/a20250424s2/qr-gzh.png) no-repeat top center / 1.88rem 1.95rem;
}

#sec7 .qr-img-xcx {
    background: url(https://game.gtimg.cn/images/ty/act/a20250424s2/qr-xcx.png) no-repeat top center / 1.88rem 1.95rem;
}

#sec7 .qr-text {
    display: flex;
    align-items: center;
    font-size: 0.24rem;
    color: #513321;
    margin-top: 0.1rem;
    gap: 0.05rem;
}

#sec7 .qr-text img {
    width: 0.25rem;
    height: 0.25rem;
}

#sec7 .link-group {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.2rem 0.4rem;
    width: 6rem;
}

#sec7 .link-group a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.1rem;
    font-size: 0.24rem;
    color: #513321;
}

#sec7 .link-group li:nth-child(1) img {
    width: 0.55rem;
    height: 0.47rem;
}

#sec7 .link-group li:nth-child(2) img {
    width: 1.05rem;
    height: 0.31rem;
}

#sec7 .link-group li:nth-child(3) img {
    width: 0.46rem;
    height: 0.44rem;
}

#sec7 .link-group li:nth-child(4) img {
    width: 0.4rem;
    height: 0.48rem;
}

#sec7 .link-group li:nth-child(5) img {
    width: 0.42rem;
    height: 0.40rem;
}

.tag {
    width: 0.46rem;
    height: 1.28rem;
    background: url(https://game.gtimg.cn/images/ty/act/a20250424s2/tag.png) no-repeat 0 0 /100% 100%;
    position: absolute;
    top: -0.25rem;
    font-size: 0.18rem;
    color: #663919;
    writing-mode: vertical-rl;
    text-orientation: upright;
    line-height: 0.46rem;
    text-align: center;
    letter-spacing: -0.04rem;
}

.tag span {
    color: transparent;
    background: linear-gradient(to bottom, #713615, #b1572b);
    background-clip: text;
    -webkit-background-clip: text;
    position: relative;
    top: -0.04rem;
}

.tag .dot {
    position: absolute;
    top: 0.42rem;
}