body,
dl,
dd,
ul,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
p,
form,
header,
section,
article,
footer {
    margin: 0;
}

body,
button,
input,
select,
textarea {
    font: 12px/1.5 tahoma, '\5FAE\8F6F\96C5\9ED1', sans-serif
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%
}

em,
b {
    font-style: normal
}

a,button {
    text-decoration: none;
    outline: none;
    border: none;
    margin: 0;
    padding: 0;
    background: none;
    cursor: pointer;
}

a:hover, button:hover {
    text-decoration: underline
}

img {
    border: 0
}

/* body{padding-top:42px} */
button,
input,
select,
textarea {
    font-size: 100%;
    outline: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th,
ul,
ol {
    padding: 0
}

/* reset end */
/* foot */
#afooter {
    width: 100%;
    height: auto;
    padding: 30px 0;
    text-align: center;
    font: normal 12px/19px Tahoma;
    z-index: 22;
    position: absolute;
    top: auto;
    bottom: 0;
    opacity: 0;
    pointer-events: none;
    background-color: #191219;
}
#afooter.show {
    opacity: 1;
    pointer-events: auto;
}

#afooter,
#afooter a {
    color: #c0c0c0;
    text-decoration: none;
}

html{
    font-size: 62px;
    --device-type: 200;
}

body,
html {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    transform: translate3d(0, 0, 0);
    /* perspective: 2000px; */
}

.wrapper img {
    display: block;
    width: 100%;
    height: auto;
}

.module-kv {
    display: block;
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    z-index: 99;
    background-color: #000000;
}

.module-kv .kv-video {
    position: relative;
    width: 100%;
    height: 100%;
}

.module-kv .kv-video video {
    width: 100% !important;
    height: 100% !important;
    -o-object-fit: cover !important;
    object-fit: cover !important;
    object-position: top center;
}

.main-swiper {
    width: 100%;
    height: 100%;
}

.main-swiper .swiper-slide {
    overflow: hidden;
}

.part-kv {
    width: 100%;
    height: 100%;
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/bg0.jpg) no-repeat;
    background-size: cover;
    background-position: top center;
    z-index: 22;
    opacity: 1;
}

.logo-box {
    width: 3.54rem;
    height: 0.8rem;
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/logo-img.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top: 0.77rem;
    left: 0.92rem;
}

.slogan {
    width: 10.92rem;
    height: 5.48rem;
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/slogan.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top: 50%;
    margin-top: -2.8rem;
    left: 2.27rem;
}

.btn-sjxcp{
    display: block;
    width: 3.18rem;
    height: 2.21rem;
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/btn-sjxcp.png) no-repeat;
    background-size: 100%;
    position: absolute;
    left: 50%;
    margin-left: -1.5rem;
    bottom: -2.44rem;
    cursor: pointer;
}

/* .sl-tips{
    width: 1.32rem;
    height: 1.69rem;
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/sl-tips.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top: 0.9rem;
    right: 0.9rem;
} */

.part-book {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/bg.jpg) no-repeat;
    background-size: cover;
    background-position: top center;
}

.book-center {
    width: 25.03rem !important;
    height: 14.11rem !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -48%);
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/page-book-center1.png) no-repeat;
    background-size: 100%;
    /* z-index: 18; */
}

.book-center .b-load {
    width: 50.06rem;
    height: 14.11rem;
    left: -25.03rem;
    position: relative;
}

/* .booklet .b-wrap-left, .booklet .b-wrap-right{
    background-color: transparent;
} */

.book-nav {
    width: 2.78rem;
    height: 10.18rem;
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/nav-line.png) no-repeat;
    background-size: 0.43rem;
    background-position: top right;
    position: absolute;
    top: 2.4rem;
    right: 1.4rem;
    z-index: 10;
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding-bottom: 1.58rem;
    /* opacity: 0; */
}

.book-nav.show {
    /* opacity: 1; */
    pointer-events: auto;
}

.book-nav .btn-nav {
    display: block;
    width: 100%;
    height: 0.6rem;
    font-size: 0.34rem;
    color: #977656;
    line-height: 0.6rem;
    margin: 0.35rem 0;
    text-align: right;
    padding-right: 0.54rem;
    box-sizing: border-box;
    cursor: pointer;
}

.book-nav .btn-nav.on {
    color: #522903;
    font-size: 0.5rem;
    font-weight: bold;
}

.prospect-mask {
    position: absolute;
    pointer-events: none;
    z-index: 15;
    opacity: 1;
}

.prospect-mask.on {
    opacity: 1;
}

.prospect-mask1 {
    width: 10.6rem;
    height: 6.87rem;
    top: 0;
    right: 0;
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/prospect-mask1.png) no-repeat;
    background-size: 100%;
    transform: scale(1.2);
    transform-origin: top right;
}

.prospect-mask2 {
    width: 4.42rem;
    height: 14.4rem;
    bottom: 0;
    left: 0;
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/prospect-mask2.png) no-repeat;
    background-size: 100%;
    transform: scale(1.6);
    transform-origin: bottom left;
}

.prospect-mask3 {
    /* width: 10.2rem;
    height: 6.45rem; */
    width: 13.36rem;
    height: 12.02rem;
    bottom: -5.57rem;
    right: -3.16rem;
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/prospect-mask31.png) no-repeat;
    background-size: 100%;
}

.part .prospect-mask {
    opacity: 0;
}


.part {
    position: absolute;
    width: 25.03rem;
    height: 14.11rem;
    top: 0;
    left: 25.03rem;
    opacity: 0;
    pointer-events: none;
    transition: width 0.6s linear;
    overflow: hidden;
}
.part.quick{
    will-change: width;
    transition: width 0.1s linear;
}

.part.on{
    opacity: 1;
    pointer-events: auto; 
}

.part1 {
    z-index: 11;
    opacity: 1;
    pointer-events: auto;
}

.part2 {
    z-index: 9;
}

.part3 {
    z-index: 7;
}

.part4 {
    z-index: 5;
}

.part5 {
    z-index: 3;
}

.part6 {
    z-index: 1;
}

.part-content {
    position: absolute;
    width: 22.78rem;
    height: 12.33rem;
    top: 0.7rem;
    left: 1.2rem;
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/page-book-bg.png) no-repeat;
    background-size: 100%;
}

.part1 .part-content {
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/page-book-bg1.png) no-repeat;
    background-size: 100%;
}

.part-back {
    position: absolute;
    width: 0;
    height: 12.33rem;
    top: 0.7rem;
    left: 50.06rem;
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/page-book-back.png) no-repeat;
    background-size: 23.83rem;
    background-position: center left;
    transition: width 0.6s linear, left 0.6s linear;
    pointer-events: none;
    z-index: 12;
}
.part-back.quick{
    will-change: width, left;
    transition: width 0.1s linear, left 0.1s linear;
}

.part-back-show{
    display: none;
}

.part-back::before {
    content: '';
    display: block;
    width: 2rem;
    height: 11.73rem;
    position: absolute;
    right: -1.8rem;
    top: 50%;
    margin-top: -5.865rem;
    background-image: -webkit-gradient(linear, 100% 0%, 0% 0%, color-stop(0.6, rgba(0, 0, 0, 0)), color-stop(0.8, rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0)));
    opacity: 0;
    transition: opacity 0.6s ease-in;
}


.part.flipped {
    will-change: width;
    width: 0;
}

.part-back.flipped {
    will-change: width, left;
    width: 23.83rem;
    left: 1.35rem;
    opacity: 1;
}

.part-back.flipped.hide {
    will-change: opacity;
    opacity: 0;
    transition: opacity 0.3s linear !important;
}

.part-back.flipped::before {
    opacity: 1;
}

.btitle {
    width: 5.44rem;
    height: 2.52rem;
    position: absolute;
    top: 0.06rem;
    left: -1.12rem;
    z-index: 3;
}

.btitle1 {
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/btitle1.png) no-repeat;
    background-size: 100%;
}

.quick-look-content {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-quick-look {
    display: block;
    width: 4rem;
    height: 6rem;
    cursor: pointer;
    transition: transform 0.5s;
}

.btn-quick-look1 {
    width: 4.42rem;
    height: 6.13rem;
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/quick-look1.png) no-repeat;
    background-size: 100%;
    position: relative;
    top: -0.1rem;
    left: 0.2rem;
}

.btn-quick-look2 {
    width: 4.37rem;
    height: 6.88rem;
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/quick-look2.png) no-repeat;
    background-size: 100%;
    position: relative;
    top: 0.74rem;
    left: 0.36rem;
}

.btn-quick-look3 {
    width: 4.17rem;
    height: 6.44rem;
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/quick-look3.png) no-repeat;
    background-size: 100%;
    position: relative;
    top: -0.7rem;
    left: 0.02rem;
}

.btn-quick-look4 {
    width: 5.04rem;
    height: 7.51rem;
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/quick-look4.png) no-repeat;
    background-size: 100%;
    position: relative;
    top: 0.14rem;
    left: 0.04rem;
}

.btn-quick-look5 {
    width: 4.01rem;
    height: 6.63rem;
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/quick-look5.png) no-repeat;
    background-size: 100%;
    position: relative;
    top: -0.5rem;
    left: -0.16rem;
}

.btn-quick-look:hover {
    transform: scale(1.05);
}

.part1-icon1 {
    width: 4.12rem;
    height: 3.01rem;
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/part1-icon1.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top: -0.34rem;
    left: 9.1rem;
    pointer-events: none;
}

.part1-icon2 {
    width: 4.38rem;
    height: 3.66rem;
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/part1-icon2.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top: 10.3rem;
    left: -0.9rem;
    pointer-events: none;
}

.part .swiper-button-prev,
.part .swiper-button-next {
    width: 0.59rem;
    height: 1.49rem;
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/swiper-prev-icon-l.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top: 50%;
    left: 1.42rem;
    margin-top: -1.72rem;
    z-index: 6;
    cursor: pointer;
}

.part .swiper-button-prev.swiper-button-disabled,
.part .swiper-button-next.swiper-button-disabled {
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/swiper-prev-icon.png) no-repeat;
    background-size: 100%;
    pointer-events: none;
}

.part .swiper-button-next {
    transform: rotate(-180deg);
    left: auto;
    right: 3.82rem;
}

.part .swiper-pagination {
    width: 100%;
    position: absolute;
    bottom: 1.04rem;
    left: 0.16rem;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 6;
}

.part .swiper-pagination span {
    display: inline-block;
    width: 0.29rem;
    height: 0.34rem;
    margin: 0 0.156rem;
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/swiper-pagination-icon.png) no-repeat;
    background-size: 100%;
    cursor: pointer;
}

.part .swiper-pagination span.swiper-pagination-bullet-active {
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/swiper-pagination-icon-active.png) no-repeat;
    background-size: 100%;
}

.btitle2 {
    width: 6.14rem;
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/btitle2.png) no-repeat;
    background-size: 100%;
    left: -1.12rem;
}

.mechanism-swiper {
    width: 19rem;
    margin: 0 auto;
    position: relative;
    left: -1.14rem;
}

.mechanism-swiper .swiper-slide {
    box-sizing: border-box;
    /* padding-top: 0.56rem; */
}

.mechanism-hero-img {
    width: 19.4rem;
    height: 8.8rem;
    margin: 0 auto 0.04rem;
    position: relative;
    left: 0.3rem;
    /* left: -0.2rem; */
}
.mechanism-hero-img1{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/mechanism-hero-img1.png) no-repeat;
    background-size: 100%;
}
.mechanism-hero-img2{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/mechanism-hero-img2.png) no-repeat;
    background-size: 100%;
}
.mechanism-hero-img3{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/mechanism-hero-img3.png) no-repeat;
    background-size: 100%;
}
.mechanism-hero-img4{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/mechanism-hero-img4.png) no-repeat;
    background-size: 100%;
}
.mechanism-hero-img5{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/mechanism-hero-img5.png) no-repeat;
    background-size: 100%;
}
.mechanism-hero-img6{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/mechanism-hero-img6.png) no-repeat;
    background-size: 100%;
}
.mechanism-hero-img7{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/mechanism-hero-img7.png) no-repeat;
    background-size: 100%;
}
.mechanism-hero-img8{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/mechanism-hero-img8.png) no-repeat;
    background-size: 100%;
}
.mechanism-hero-img9{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/mechanism-hero-img9.png) no-repeat;
    background-size: 100%;
}
.mechanism-hero-img10{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/mechanism-hero-img10.png) no-repeat;
    background-size: 100%;
}

.mechanism-msg {
    width: 17rem;
    height: 2rem;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    left: 1.68rem;
}

.mechanism-l {
    width: 4.79rem;
    box-sizing: border-box;
    padding-right: 0.4rem;
    position: relative;
}

.mechanism-l::after {
    content: '';
    display: block;
    width: 1px;
    height: 1.64rem;
    position: absolute;
    top: 0.1rem;
    right: -0.05rem;
    background: #99948a;
}

.mechanism-msg .tit {
    font-size: 0.288rem;
    color: #161616;
    line-height: 0.32rem;
    font-weight: bold;
    margin-bottom: 0.2rem;
}

.mechanism-text {
    font-size: 0.288rem;
    color: #161616;
    line-height: 0.4rem;
    font-weight: bold;
    padding-left: 0.2rem;
    box-sizing: border-box;
}

.mechanism-text p {
    position: relative;
}

.mechanism-text p::before {
    content: '';
    display: inline-block;
    width: 0.11rem;
    height: 0.17rem;
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/mechanism-ticon.png) no-repeat;
    background-size: 100%;
    position: absolute;
    /* top: 50%;
    margin-top: -0.085rem; */
    top: 0.11rem;
    left: -0.25rem;
}

.mechanism-r {
    width: 10.9rem;
    box-sizing: border-box;
    padding-left: 0.7rem;
}

.mechanism-r-text {
    font-size: 0.2rem;
    color: #2d2d2d;
    line-height: 0.32rem;
}

.btitle3 {
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/btitle3.png) no-repeat;
    background-size: 100%;
    left: -1.12rem;
}

.yz-swiper {
    width: 21.8rem;
    margin: 0 auto;
    position: relative;
    left: 0.18rem;
    /* overflow: visible; */
}

.yz-swiper .swiper-slide {
    box-sizing: border-box;
    padding-top: 2.2rem;
    /* overflow: visible; */
}

.part3 .swiper-button-prev,
.part3 .swiper-button-next {
    left: 8.6rem;
    margin-top: -0.28rem;
}

.part3 .swiper-button-next {
    left: auto;
    right: 3.28rem;
}

.part3 .swiper-pagination {
    width: 7.24rem;
    bottom: 0.88rem;
    left: 1.59rem;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.part3 .swiper-pagination span{
    margin: 0 0.156rem 0.08rem;
}

.part-img-bg {
    width: 4.97rem;
    height: 10.61rem;
    position: absolute;
    top: 0.76rem;
    right: 6.52rem;
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/part-img-bg.png) no-repeat;
    background-size: 100%;
}

.yz-msg {
    width: 8rem;
    box-sizing: border-box;
    padding-left: 0.36rem;
}

.yz-hero-name {
    width: 7.2rem;
    height: 2.5rem;
    margin-bottom: 0.12rem;
    /* font-size: 2.137rem; */
    /* color: #206a97; */
    /* line-height: 1; */
    /* font-weight: bold; */
}
.yz-hero-name1{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/yz-hero-name1.png) no-repeat;
    background-size: 100%;
}
.yz-hero-name2{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/yz-hero-name2.png) no-repeat;
    background-size: 100%;
}
.yz-hero-name3{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/yz-hero-name3.png) no-repeat;
    background-size: 100%;
}
.yz-hero-name4{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/yz-hero-name4.png) no-repeat;
    background-size: 100%;
}
.yz-hero-name5{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/yz-hero-name5.png) no-repeat;
    background-size: 100%;
}
.yz-hero-name6{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/yz-hero-name6.png) no-repeat;
    background-size: 100%;
}
.yz-hero-name7{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/yz-hero-name7.png) no-repeat;
    background-size: 100%;
}
.yz-hero-name8{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/yz-hero-name8.png) no-repeat;
    background-size: 100%;
}
.yz-hero-name9{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/yz-hero-name9.png) no-repeat;
    background-size: 100%;
}
.yz-hero-name10{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/yz-hero-name10.png) no-repeat;
    background-size: 100%;
}
.yz-hero-name11{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/yz-hero-name11.png) no-repeat;
    background-size: 100%;
}
.yz-hero-name12{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/yz-hero-name12.png) no-repeat;
    background-size: 100%;
}
.yz-hero-name13{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/yz-hero-name13.png) no-repeat;
    background-size: 100%;
}
.yz-hero-name14{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/yz-hero-name14.png) no-repeat;
    background-size: 100%;
}
.yz-hero-name15{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/yz-hero-name15.png) no-repeat;
    background-size: 100%;
}
.yz-hero-name16{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/yz-hero-name16.png) no-repeat;
    background-size: 100%;
}
.yz-hero-name17{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/yz-hero-name17.png) no-repeat;
    background-size: 100%;
}

.yz-fetter {
    margin-bottom: 0.55rem;
    padding-left: 0.69rem;
}

.yz-fetter .tit {
    font-size: 0.36rem;
    color: #000000;
    line-height: 0.4rem;
    font-weight: bold;
    margin-bottom: 0.27rem;
}

.yz-fetter-flex {
    width: 6.6rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-weight: bold;
    font-size: 0.3rem;
    color: #000000;
    line-height: 1;
    text-align: center;
}

.yz-fetter-item {
    width: 1.4rem;
    margin-right: 0.6rem;
}
.yz-fetter-item:last-child{
    margin-right: 0;
}

.yz-fetter-item .icon {
    width: 0.92rem;
    height: 1.15rem;
    margin: 0 auto 0.16rem;
}
.yz-fetter-item .text{
    width: 2.4rem;
    position: relative;
    left: -0.5rem;
}

.yz-desc{
    padding-left: 0.7rem;
}
.yz-desc .tit {
    font-size: 0.36rem;
    color: #000000;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 0.26rem;
    position: relative;
}

.yz-tit-line {
    width: 4.81rem;
    height: 0.07rem;
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/yz-tit-line.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top: 50%;
    margin-top: -0.035rem;
    left: 1.9rem;
}

.yz-desc .desc {
    width: 6.8rem;
    font-size: 0.24rem;
    color: #505050;
    line-height: 0.4rem;
}


.yz-hero-img {
    width: 15.4rem;
    /* height: 13.4rem; */
    height: 11.93rem;
    overflow: hidden;
    position: absolute;
    top: 0.18rem;
    right: -0.84rem;
    pointer-events: none;
}
.yz-hero-img1{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/yz-hero-img1.png) no-repeat;
    background-size: 100%;
}
.yz-hero-img2{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/yz-hero-img2.png) no-repeat;
    background-size: 100%;
}
.yz-hero-img3{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/yz-hero-img3.png) no-repeat;
    background-size: 100%;
}
.yz-hero-img4{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/yz-hero-img4.png) no-repeat;
    background-size: 100%;
}
.yz-hero-img5{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/yz-hero-img5.png) no-repeat;
    background-size: 100%;
}
.yz-hero-img6{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/yz-hero-img6.png) no-repeat;
    background-size: 100%;
}
.yz-hero-img7{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/yz-hero-img7.png) no-repeat;
    background-size: 100%;
}
.yz-hero-img8{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/yz-hero-img8.png) no-repeat;
    background-size: 100%;
}
.yz-hero-img9{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/yz-hero-img9.png) no-repeat;
    background-size: 100%;
}
.yz-hero-img10{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/yz-hero-img10.png) no-repeat;
    background-size: 100%;
}
.yz-hero-img11{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/yz-hero-img11.png) no-repeat;
    background-size: 100%;
}
.yz-hero-img12{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/yz-hero-img12.png) no-repeat;
    background-size: 100%;
}
.yz-hero-img13{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/yz-hero-img13.png) no-repeat;
    background-size: 100%;
}
.yz-hero-img14{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/yz-hero-img14.png) no-repeat;
    background-size: 100%;
}
.yz-hero-img15{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/yz-hero-img15.png) no-repeat;
    background-size: 100%;
}
.yz-hero-img16{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/yz-hero-img16.png) no-repeat;
    background-size: 100%;
}
.yz-hero-img17{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/yz-hero-img17.png) no-repeat;
    background-size: 100%;
}

.btitle4 {
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/btitle4.png) no-repeat;
    background-size: 100%;
    left: -1.12rem;
}

.fetter-swiper {
    width: 20.4rem;
    margin: 0 auto;
}

.fetter-swiper .swiper-slide {
    box-sizing: border-box;
    padding-top: 2.54rem;
}

.part4 .swiper-button-prev,
.part4 .swiper-button-next {
    left: 1.36rem;
    margin-top: -0.8rem;
    transform: scale(0.8);
    transform-origin: center center;
}

.part4 .swiper-button-next {
    left: auto;
    right: 3.92rem;
    transform: scale(0.8) rotate(-180deg);
}

.part4 .swiper-pagination {
    width: 5.6rem;
    bottom: 1.2rem;
    left: 2.34rem;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.part4 .swiper-pagination span{
    margin: 0 0.154rem 0.06rem;
}

.fetter-msg {
    width: 7.7rem;
}

.fetter-name {
    width: 6rem;
    height: 3rem;
    margin: 0 auto 0.16rem;
}
.fetter-name1{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/fetter-name1.png) no-repeat;
    background-size: 100%;
}
.fetter-name2{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/fetter-name2.png) no-repeat;
    background-size: 100%;
}
.fetter-name3{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/fetter-name3.png) no-repeat;
    background-size: 100%;
}
.fetter-name4{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/fetter-name4.png) no-repeat;
    background-size: 100%;
}
.fetter-name5{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/fetter-name5.png) no-repeat;
    background-size: 100%;
}
.fetter-name6{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/fetter-name6.png) no-repeat;
    background-size: 100%;
}
.fetter-name7{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/fetter-name7.png) no-repeat;
    background-size: 100%;
}
.fetter-name8{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/fetter-name8.png) no-repeat;
    background-size: 100%;
}
.fetter-name9{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/fetter-name9.png) no-repeat;
    background-size: 100%;
}
.fetter-name10{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/fetter-name10.png) no-repeat;
    background-size: 100%;
}
.fetter-name11{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/fetter-name11.png) no-repeat;
    background-size: 100%;
}
.fetter-name12{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/fetter-name12.png) no-repeat;
    background-size: 100%;
}
.fetter-name13{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/fetter-name13.png) no-repeat;
    background-size: 100%;
}
.fetter-name14{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/fetter-name14.png) no-repeat;
    background-size: 100%;
}
.fetter-name15{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/fetter-name15.png) no-repeat;
    background-size: 100%;
}
.fetter-name16{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/fetter-name16.png) no-repeat;
    background-size: 100%;
}
.fetter-name17{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/fetter-name17.png) no-repeat;
    background-size: 100%;
}
.fetter-name18{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/fetter-name18.png) no-repeat;
    background-size: 100%;
}
.fetter-name19{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/fetter-name19.png) no-repeat;
    background-size: 100%;
}
.fetter-name20{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/fetter-name20.png) no-repeat;
    background-size: 100%;
}
.fetter-name21{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/fetter-name21.png) no-repeat;
    background-size: 100%;
}
.fetter-name22{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/fetter-name22.png) no-repeat;
    background-size: 100%;
}
.fetter-name23{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/fetter-name23.png) no-repeat;
    background-size: 100%;
}
.fetter-name24{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/fetter-name24.png) no-repeat;
    background-size: 100%;
}
.fetter-name25{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/fetter-name25.png) no-repeat;
    background-size: 100%;
}


.fetter-mtitle {
    font-size: 0.36rem;
    color: #000000;
    font-weight: bold;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.28rem;
}

.fetter-mtitle::before,
.fetter-mtitle::after {
    content: '';
    display: block;
    width: 1.22rem;
    height: 0.24rem;
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/fetter-mtitle-icon.png) no-repeat;
    background-size: 100%;
    margin-right: 0.3rem;
}

.fetter-mtitle::after {
    margin-right: 0;
    margin-left: 0.3rem;
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/fetter-mtitle-icon-r.png) no-repeat;
    background-size: 100%;
}

.fetter-desc {
    width: 4.6rem;
    padding-left: 1.59rem;
    font-size: 0.2rem;
    font-weight: bold;
    color: #212121;
    line-height: 0.32rem;
}


.fetter-img {
    width: 14rem;
    height: 14rem;
    position: absolute;
    top: -0.9rem;
    right: 1.44rem;
}
.fetter-img1{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/fetter-img1.png) no-repeat;
    background-size: 100%;
}
.fetter-img2{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/fetter-img2.png) no-repeat;
    background-size: 100%;
}
.fetter-img3{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/fetter-img3.png) no-repeat;
    background-size: 100%;
}
.fetter-img4{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/fetter-img4.png) no-repeat;
    background-size: 100%;
}
.fetter-img5{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/fetter-img5.png) no-repeat;
    background-size: 100%;
}
.fetter-img6{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/fetter-img6.png) no-repeat;
    background-size: 100%;
}
.fetter-img7{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/fetter-img7.png) no-repeat;
    background-size: 100%;
}
.fetter-img8{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/fetter-img8.png) no-repeat;
    background-size: 100%;
}
.fetter-img9{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/fetter-img9.png) no-repeat;
    background-size: 100%;
}
.fetter-img10{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/fetter-img10.png) no-repeat;
    background-size: 100%;
}
.fetter-img11{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/fetter-img11.png) no-repeat;
    background-size: 100%;
}
.fetter-img12{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/fetter-img12.png) no-repeat;
    background-size: 100%;
}
.fetter-img13{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/fetter-img13.png) no-repeat;
    background-size: 100%;
}
.fetter-img14{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/fetter-img14.png) no-repeat;
    background-size: 100%;
}
.fetter-img15{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/fetter-img15.png) no-repeat;
    background-size: 100%;
}
.fetter-img16{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/fetter-img16.png) no-repeat;
    background-size: 100%;
}
.fetter-img17{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/fetter-img17.png) no-repeat;
    background-size: 100%;
}
.fetter-img18{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/fetter-img18.png) no-repeat;
    background-size: 100%;
}
.fetter-img19{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/fetter-img19.png) no-repeat;
    background-size: 100%;
}
.fetter-img20{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/fetter-img20.png) no-repeat;
    background-size: 100%;
}
.fetter-img21{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/fetter-img21.png) no-repeat;
    background-size: 100%;
}
.fetter-img22{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/fetter-img22.png) no-repeat;
    background-size: 100%;
}
.fetter-img23{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/fetter-img23.png) no-repeat;
    background-size: 100%;
}
.fetter-img24{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/fetter-img24.png) no-repeat;
    background-size: 100%;
}
.fetter-img25{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/fetter-img25.png) no-repeat;
    background-size: 100%;
}


.btitle5 {
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/btitle5.png) no-repeat;
    background-size: 100%;
    left: -1.14rem;
}

.highlight-swiper {
    width: 19.4rem;
    margin: 0 auto;
    position: relative;
    left: -1rem;
}

.highlight-swiper .swiper-slide {
    box-sizing: border-box;
    /* padding-top: 1.19rem; */
    /* padding-left: 0.7rem; */
}

.part5 .swiper-button-prev,
.part5 .swiper-button-next {
    left: 1.0rem;
    margin-top: 0.04rem;
}

.part5 .swiper-button-next {
    left: auto;
    right: 3.62rem;
}

.part5 .swiper-pagination {
    bottom: 0.98rem;
    left: -0.9rem;
}

.highlight-img {
    width: 20rem;
    height: 12rem;
    position: relative;
    left: -0.6rem;
}
.highlight-img0{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/highlight-img0.png) no-repeat;
    background-size: 100%;
}
.highlight-img1{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/highlight-img1.png) no-repeat;
    background-size: 100%;
}
.highlight-img2{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/highlight-img2.png) no-repeat;
    background-size: 100%;
}
.highlight-img3{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/highlight-img3.png) no-repeat;
    background-size: 100%;
}
.highlight-img4{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/highlight-img4.png) no-repeat;
    background-size: 100%;
}
.highlight-img5{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/highlight-img5.png) no-repeat;
    background-size: 100%;
}
.highlight-img6{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/highlight-img6.png) no-repeat;
    background-size: 100%;
}
.highlight-img7{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/highlight-img7.png) no-repeat;
    background-size: 100%;
}
.highlight-img8{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/highlight-img8.png) no-repeat;
    background-size: 100%;
}
.highlight-img9{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/highlight-img9.png) no-repeat;
    background-size: 100%;
}
.highlight-img10{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/highlight-img10.png) no-repeat;
    background-size: 100%;
}
.highlight-img11{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/highlight-img11.png) no-repeat;
    background-size: 100%;
}


.btn-vplay {
    display: block;
    width: 4.54rem;
    height: 6.8rem;
    position: absolute;
    bottom: 0.16rem;
    right: 0.1rem;
}

/* .btn-vplay::before {
    content: '';
    display: block;
    width: 1.15rem;
    height: 1.15rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/btn-vplay.png) no-repeat;
    background-size: 100%;
} */

.highlight-icon {
    width: 3.32rem;
    height: 3.39rem;
    position: absolute;
    bottom: -1.45rem;
    left: 2.21rem;
    opacity: 0;
}

.highlight-icon1 {
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/highlight-icon1.png) no-repeat;
    background-size: 100%;
}
.highlight-icon2 {
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/highlight-icon2.png) no-repeat;
    background-size: 100%;
}
.highlight-icon4 {
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/highlight-icon4.png) no-repeat;
    background-size: 100%;
}
.highlight-icon5 {
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/highlight-icon5.png) no-repeat;
    background-size: 100%;
}
.highlight-icon7 {
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/highlight-icon7.png) no-repeat;
    background-size: 100%;
}

.highlight-img.on .highlight-icon {
    animation: heartBeat 0.5s cubic-bezier(0.64, 0.57, 0.67, 1.53) .8s both;
}



.btitle6 {
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/btitle6.png) no-repeat;
    background-size: 100%;
    left: -1.14rem;
}

.highlight-act-swiper {
    width: 19.4rem;
    margin: 0 auto;
    left: -1rem;
}

.highlight-act-swiper .swiper-slide {
    box-sizing: border-box;
    padding-top: 0;
    /* padding-left: 0.7rem; */
}

.part6 .swiper-button-prev,
.part6 .swiper-button-next {
    left: 1.0rem;
    margin-top: 0.04rem;
}

.part6 .swiper-button-next {
    left: auto;
    right: 3.62rem;
}

.part6 .swiper-pagination {
    bottom: 0.98rem;
    left: -0.9rem;
}
.highlight-act-img0{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/highlight-act-img0.png) no-repeat;
    background-size: 100%;
}
.highlight-act-img1{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/highlight-act-img1.png) no-repeat;
    background-size: 100%;
}
.highlight-act-img2{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/highlight-act-img2.png) no-repeat;
    background-size: 100%;
}
.highlight-act-img3{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/highlight-act-img3.png) no-repeat;
    background-size: 100%;
}
.highlight-act-img4{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/highlight-act-img4.png) no-repeat;
    background-size: 100%;
}
.highlight-act-img5{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/highlight-act-img5.png) no-repeat;
    background-size: 100%;
}
.highlight-act-img6{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/highlight-act-img6.png) no-repeat;
    background-size: 100%;
}
.highlight-act-img7{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/highlight-act-img7.png) no-repeat;
    background-size: 100%;
}
.highlight-act-img8{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/highlight-act-img8.png) no-repeat;
    background-size: 100%;
}
.highlight-act-img9{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/highlight-act-img9.png) no-repeat;
    background-size: 100%;
}
.highlight-act-img10{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/highlight-act-img10.png) no-repeat;
    background-size: 100%;
}
.highlight-act-img11{
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/highlight-act-img11.png) no-repeat;
    background-size: 100%;
}


.dialog{
    width: 17.04rem;
    height: 9.6rem;
    position: relative;
    left: 50% !important;
    top: 50% !important;
    margin-top: -4.8rem !important;
    margin-left: -8.52rem !important;
    /* z-index: 9999 !important; */
}
.dialog .dia-close{
    width: 0.6rem;
    height: 0.59rem;
    background: url(//game.gtimg.cn/images/jk/act/a20251120legend/dia-close.png) no-repeat center top;
    background-size: 100%;
    display: block;
    position: absolute;
    right: -0.9rem;
    top: 0;
    /* transition: transform .3s; */
    cursor: pointer;
}
/* .dialog .dia-close:hover{transform: rotate(90deg);} */
/* .dia-vid .dia-con{width: 17.04rem;height: 9.6rem;position: fixed;left: 50%;top: 50%;transform: translate(-50%,-50%);} */
.dia-vid .video-play{width: 17.04rem;height: 9.6rem;position: relative;}
.dia-vid video{width: 100%;height: 100%;}

#_overlay_{
    height: 101%!important;
}

@keyframes heartBeat {
    0% {
        opacity: 0;
        transform: scale(1)
    }

    1% {
        opacity: 1;
    }

    50% {
        opacity: 1;
        transform: scale(1.1)
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}